.notification-metrics { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px; margin:22px 0; }
.notification-metric { display:flex; flex-direction:column; gap:8px; background:#f2f5f9; border:1px solid #dce4ec; border-radius:14px; padding:17px; }
.notification-metric span { color:#607085; font-size:.88rem; }
.notification-metric strong { color:#173a69; font-size:1.55rem; }
.notification-toolbar, .notification-calendar-bar { display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; margin:18px 0; }
.notification-toolbar label { display:flex; align-items:center; gap:9px; }
.notification-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:15px; }
.notification-card, .notification-editor, .notification-calendar { border:1px solid #dce4ec; background:#fff; border-radius:16px; padding:20px; }
.notification-card-head { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; }
.notification-card-head strong { color:#173a69; }
.notification-card p { margin:13px 0 6px; }
.notification-card small { display:block; color:#65778a; line-height:1.5; }
.notification-status { white-space:nowrap; border-radius:99px; padding:5px 9px; font-size:.75rem; background:#e8edf4; color:#264563; }
.status-active { background:#e6f5eb; color:#1e7545; }
.status-paused { background:#fff1e3; color:#955318; }
.notification-card-actions, .notification-form-actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:16px; }
.notification-editor { margin-top:28px; }
.notification-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.notification-form label { display:flex; flex-direction:column; gap:7px; font-weight:700; }
.notification-form input, .notification-form select, .notification-form textarea { width:100%; padding:11px; border:1px solid #cbd5df; border-radius:9px; font:inherit; background:#fff; }
.notification-form .notification-wide { grid-column:1 / -1; }
.notification-calendar-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:5px; }
.notification-calendar-grid > b { text-align:center; padding:8px 0; color:#173a69; }
.notification-calendar-day { min-height:76px; background:#f3f6fa; border-radius:8px; padding:8px; overflow:hidden; }
.notification-calendar-day strong, .notification-calendar-day small { display:block; }
.notification-calendar-day small { margin-top:5px; padding:3px 5px; border-radius:4px; background:#e5ebf4; line-height:1.2; overflow:hidden; text-overflow:ellipsis; }
@media (max-width:680px) { .notification-form { grid-template-columns:1fr; } .notification-calendar-day { min-height:47px; font-size:.75rem; } .notification-calendar-day small { display:none; } }
.notice-panel { padding:18px; margin:15px 0; border-radius:16px; border:1px solid #dce4ec; background:#fff; }
.notice-panel h2 { margin:0 0 12px; font-size:1.15rem; color:#173a69; }
.notice-panel .muted { margin:10px 0 0; }
.notice-toggle { display:flex; align-items:center; justify-content:space-between; gap:16px; border-top:1px solid #e5e9ef; padding:15px 0; }
.notice-toggle span { display:flex; flex-direction:column; gap:4px; }
.notice-toggle small { color:#65778a; line-height:1.4; }
.notice-toggle input { width:22px; height:22px; accent-color:#b71522; flex:none; }
.notice-item { width:100%; border:1px solid #dce4ec; background:#fff; text-align:left; border-radius:12px; padding:14px; display:flex; justify-content:space-between; align-items:flex-start; gap:12px; font:inherit; cursor:pointer; }
.notice-item.unread { border-left:4px solid #b71522; }
.notice-item span { display:flex; flex-direction:column; gap:5px; }
.notice-item strong { color:#173a69; }
.notice-item small, .notice-item time { color:#607085; }