.notification-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(230px,.8fr);gap:24px}.notification-card{border:1px solid var(--border,#e2e8f0);border-radius:18px;padding:22px;background:var(--surface,#fff);color:var(--text,#172033)}.notification-form{display:grid;gap:16px}.notification-form label{display:grid;gap:7px;font-size:13px;font-weight:600}.notification-form input,.notification-form select,.notification-form textarea{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:10px;padding:11px;background:var(--surface,#fff);color:inherit;font:inherit}.notification-form textarea{min-height:90px;resize:vertical}.notification-form button,.notification-actions button,.notification-history button,.notification-item{cursor:pointer;border:1px solid #cbd5e1;border-radius:10px;padding:10px 14px;font:inherit;background:var(--surface,#fff);color:inherit}.notification-form button[type=submit]{background:#cef43d;color:#172014;border:0;font-weight:700}.notification-form button:disabled{opacity:.55;cursor:wait}.notification-form .notification-check{display:flex;align-items:center;gap:10px}.notification-check input{width:18px;height:18px}.notification-status{font-size:13px;line-height:1.6;color:#64748b}.notification-preview{background:#f1f5f9;color:#172033;border-radius:14px;padding:16px;overflow-wrap:anywhere}.notification-preview small{color:#64748b}.notification-preview strong{display:block;margin:10px 0 6px}.notification-preview p{margin:0;font-size:14px;white-space:pre-wrap}.notification-history{display:grid;gap:10px;margin-top:22px}.notification-history article{padding:14px;border:1px solid #e2e8f0;border-radius:12px;overflow-wrap:anywhere}.notification-history p{margin:7px 0;font-size:13px}.notification-history small{display:block;color:#64748b;font-size:12px;line-height:1.7}.notification-dialog{border:0;border-radius:22px;width:min(560px,calc(100vw - 28px));max-height:85dvh;padding:0;box-shadow:0 20px 80px #0f172a40;color:var(--text,#172033);background:var(--surface,#fff)}.notification-dialog::backdrop{background:#0f172a80}.notification-dialog header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #e2e8f0}.notification-dialog header h2{margin:0;font-size:20px}.notification-dialog header button{border:0;background:transparent;font-size:25px;color:inherit;cursor:pointer}.notification-dialog-content{padding:20px;display:grid;gap:18px}.notification-item{text-align:left;width:100%;display:grid;gap:6px}.notification-item span{font-size:13px;white-space:pre-wrap}.notification-item small{color:#64748b}.notification-item.is-unread{border-left:4px solid #cef43d}.notification-actions{display:flex;gap:8px;flex-wrap:wrap}.notification-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.notification-bell{border:1px solid #e2e8f0;border-radius:12px;background:var(--surface,#fff);color:inherit;padding:9px 12px;cursor:pointer;font:inherit}.notification-note{background:#fff7ed;color:#9a3412;padding:12px;border-radius:10px;font-size:13px;line-height:1.5}body.night-mode .notification-card,body.night-mode .notification-dialog{background:#172033;color:#e2e8f0}body.night-mode .notification-form input,body.night-mode .notification-form textarea,body.night-mode .notification-form select{background:#111827;color:#e2e8f0}@media(max-width:750px){.notification-layout{grid-template-columns:1fr}.notification-card{padding:16px}.notification-dialog-content{padding:16px}}

.admin-console .notification-card{background:#182022;color:#f0f5f2;border-color:#344143}.admin-console .notification-form input,.admin-console .notification-form textarea,.admin-console .notification-form select{background:#101617;color:#f0f5f2;border-color:#435351}.admin-console .notification-preview{background:#263133;color:#f0f5f2}.admin-console .notification-status,.admin-console .notification-preview small,.admin-console .notification-history small{color:#b0bebb}.admin-console .notification-note{background:#26321a;color:#d7edb8}.admin-console .notification-history article{border-color:#435351}.admin-console .notification-history button{background:#263133;color:#f0f5f2;border-color:#435351}html[data-theme="night"] .notification-dialog{background:#192123;color:#eef3f1}html[data-theme="night"] .notification-dialog input,html[data-theme="night"] .notification-dialog button,html[data-theme="night"] .notification-dialog select{background:#232d30;color:#eef3f1;border-color:#455350}html[data-theme="night"] .notification-dialog .notification-status{color:#b0bebb}
.halwa-native .notification-dialog .notification-actions{display:flex;margin-bottom:14px}
.halwa-native .notification-dialog .notification-history{margin-top:0}
.halwa-native .notification-item{padding:16px;overflow-wrap:anywhere}
.halwa-native .notification-item.is-unread{background:#eff9da;border-color:#b5db75;border-left:4px solid #7fa833}
html[data-theme=night] .halwa-native .notification-item.is-unread{background:#2b3b25;border-color:#749b46}
.notification-bell{position:relative}
.notification-count{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 4px;box-sizing:border-box;display:grid;place-items:center;border-radius:10px;background:#df3744;color:#fff;font:700 10px/1 system-ui;border:2px solid #fff}
.notification-count[hidden]{display:none}
.halwa-native .notification-dialog{position:fixed;inset:var(--notification-panel-top,76px) 0 64px auto;margin:0;width:min(360px,calc(100vw - 24px));height:auto;max-height:none;box-sizing:border-box;border-radius:18px 0 0 18px;overflow:hidden;box-shadow:-10px 8px 32px #0004}
.halwa-native .notification-dialog[open]{display:flex;flex-direction:column;animation:notification-panel-in .2s ease-out}
.halwa-native .notification-dialog header{flex:0 0 auto;padding:16px;border-bottom:1px solid #b7c8be40}
.halwa-native .notification-dialog header h2{font-size:18px}
.halwa-native .notification-dialog header button{width:40px;height:40px;border-radius:10px}
.halwa-native .notification-dialog-content{overflow-y:auto;min-height:0;display:block;flex:1;padding:14px;overscroll-behavior:contain}
.halwa-native .notification-dialog::backdrop{background:#07141055}
@keyframes notification-panel-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.halwa-native .notification-dialog[open]{animation:none}}

.notification-layout { align-items: start; }
.notification-layout > * { min-width: 0; }
.notification-form [hidden], .notification-phone-panel [hidden] { display: none !important; }
.notification-form .notification-field-error { color: #ffaba6; font-size: 12px; font-weight: 400; overflow-wrap: anywhere; }
.notification-field-error:empty { display: none; }
.notification-phone-panel { padding: 0 12px; }
.notification-preview-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; max-width: 320px; margin: 0 auto 14px; }
.notification-preview-heading h4 { margin: 0; color: #edf4f1; font-size: 15px; font-weight: 600; }
.notification-preview-heading > span { color: #a6b9b3; font-size: 12px; }
.notification-phone { width: min(320px, 100%); aspect-ratio: 9 / 16; box-sizing: border-box; padding: 7px; margin: auto; border: 2px solid #65736e; border-radius: 32px; background: #090e0c; box-shadow: 0 12px 32px #0003; }
.notification-phone-screen { position: relative; display: flex; flex-direction: column; height: 100%; min-height: 0; box-sizing: border-box; overflow: hidden; padding: 12px 10px 22px; border-radius: 23px; background: #dceae3; color: #233c31; }
.notification-phone-status { display: grid; grid-template-columns: 1fr 14px 1fr; align-items: center; gap: 8px; flex: 0 0 16px; padding: 0 6px; font: 600 10px/1 system-ui, sans-serif; }
.notification-phone-status > span:last-child { text-align: right; }
.notification-phone-camera { width: 9px; height: 9px; border-radius: 50%; background: #182a22; justify-self: center; }
.notification-lock-clock { display: grid; gap: 3px; flex: 0 0 auto; text-align: center; margin: 25px 0 22px; }
.notification-lock-clock strong { font: 400 44px/1.1 system-ui, sans-serif; letter-spacing: 0; }
.notification-lock-clock span { font: 500 12px/1.5 system-ui, sans-serif; }
.admin-console .notification-phone .notification-preview { margin: 0; padding: 14px; border: 1px solid #fff; border-radius: 8px; background: #fbfdfc; color: #182d24; box-shadow: 0 3px 10px #234d3212; min-height: 0; flex: 0 1 auto; overflow: hidden; }
.notification-preview-brand { display: flex; align-items: center; gap: 7px; min-width: 0; }
.notification-preview-brand img { width: 24px; height: 24px; flex: 0 0 24px; border-radius: 5px; object-fit: contain; }
.admin-console .notification-phone .notification-preview small { color: #426052; font-size: 11px; font-weight: 600; }
.notification-preview-brand > span { margin-left: auto; color: #62786d; font-size: 10px; }
.notification-phone .notification-preview strong { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin: 10px 0 4px; font-size: 14px; line-height: 1.4; font-weight: 650; white-space: pre-wrap; }
.notification-phone .notification-preview p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; color: #3b5047; font-size: 12px; line-height: 1.5; }
.notification-phone-footer { display: flex; justify-content: center; align-items: center; gap: 7px; padding-top: 18px; margin-top: auto; flex: 0 0 auto; font-size: 11px; font-weight: 600; }
.notification-phone-footer img { width: 22px; height: 22px; border-radius: 4px; }
.notification-phone-home { position: absolute; width: 80px; height: 4px; border-radius: 3px; background: #354d41; bottom: 8px; left: 50%; transform: translateX(-50%); }
.notification-preview-destination { display: grid; gap: 5px; max-width: 320px; margin: 18px auto 0; overflow-wrap: anywhere; }
.notification-preview-destination > span { color: #a6b9b3; font-size: 12px; }
.notification-preview-destination strong { color: #edf4f1; font-size: 14px; font-weight: 500; }
.notification-preview-destination a { display: inline-flex; align-items: center; justify-self: start; min-height: 44px; color: #caf03c; text-underline-offset: 4px; font-size: 13px; }
.notification-preview-destination a:focus-visible { outline: 2px solid #caf03c; outline-offset: 3px; }
.notification-phone-panel .notification-note { max-width: 320px; box-sizing: border-box; margin: 12px auto 0; border-radius: 8px; }
@media(max-width:1000px){.notification-layout{grid-template-columns:minmax(0,1fr)}.notification-phone-panel{padding:8px 0}}
@media(max-width:380px){.notification-two{grid-template-columns:minmax(0,1fr)}.notification-lock-clock{margin:16px 0}.notification-phone .notification-preview{padding:10px}.notification-phone .notification-preview p{-webkit-line-clamp:5}}
.notification-campaign-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.notification-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:14px 0;border-block:1px solid #435351}
.notification-metrics>div{min-width:0;padding:12px;border-right:1px solid #435351;display:grid;gap:4px}
.notification-metrics>div:last-child{border-right:0}
.notification-metrics strong{font-size:24px;line-height:1.2;font-weight:650;color:#cef43d;font-variant-numeric:tabular-nums}
.notification-metrics>div:nth-child(3) strong{color:#6edbc7}
.notification-metrics>div:nth-child(4) strong{color:#f3ca77}
.notification-metrics span{font-size:12px;color:#b0bebb;overflow-wrap:anywhere}
.notification-history article{border-radius:8px}
@media(max-width:540px){.notification-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.notification-metrics>div:nth-child(2){border-right:0}.notification-metrics>div:nth-child(-n+2){border-bottom:1px solid #435351}}
.notification-delivery-notice{display:grid;gap:6px;padding:12px 0 12px 14px;border-left:3px solid #76bddd;color:#d2eaf4;font-size:13px;line-height:1.55;overflow-wrap:anywhere}
.notification-delivery-notice[hidden]{display:none}
.notification-delivery-notice>strong{font-size:14px;font-weight:600;color:inherit}
.notification-delivery-notice>span{color:#bccbc6}
.notification-delivery-notice[data-tone=warning]{border-color:#e9ba65;color:#f3d294}
.notification-delivery-notice[data-tone=error]{border-color:#fa8982;color:#ffb1ab}
.notification-delivery-notice[data-tone=success]{border-color:#64d5ae;color:#91e7c7}
.notification-delivery-notice button{justify-self:start;min-height:44px;margin-top:2px}
.admin-console .notification-form .notification-delivery-notice button,.admin-console .notification-form #notificationNewRequest{background:#25312e;color:#e8f1ed;border-color:#546860;font-weight:500}
.notification-form button:disabled{cursor:not-allowed}
.notification-form[aria-busy=true] button[type=submit]{cursor:wait}
.notification-form button[type=submit]{min-height:44px}

.notification-bell-icon,.notification-close-icon{display:block;width:22px;height:22px;background:currentColor;-webkit-mask:url("assets/icons/bell.svg") center/contain no-repeat;mask:url("assets/icons/bell.svg") center/contain no-repeat}
.notification-close-icon{-webkit-mask-image:url("assets/icons/x.svg");mask-image:url("assets/icons/x.svg")}
.halwa-native .notification-bell-icon{display:none}
body:not(.halwa-native) .header-actions .notification-bell{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;padding:0;border:1px solid #b9c6c0;border-radius:8px;background:#fff;color:#244f41}
body:not(.halwa-native) .header-actions .notification-bell[hidden]{display:none}
body:not(.halwa-native) .notification-bell:hover{background:#e8f2ec}
.notification-bell:focus-visible,.notification-dialog button:focus-visible{outline:2px solid #079b83;outline-offset:3px}
.notification-count{pointer-events:none}
.notification-dialog header button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border-radius:8px}
.notification-dialog [role=tab][aria-selected=true]{background:#e1f1e9;color:#155c48;border-color:#6b9c88}
.notification-retry{display:block;min-height:44px;margin-top:12px;padding:8px 14px;border:1px solid #aebfb6;border-radius:8px;background:#fff;color:#244f41;font:inherit;cursor:pointer}
html.notification-drawer-open,html.notification-drawer-open body{overflow:hidden;overscroll-behavior:none}
body:not(.halwa-native) .notification-dialog{position:fixed;inset:0 0 0 auto;width:min(420px,calc(100vw - 12px));height:100dvh;max-width:none;max-height:100dvh;margin:0;padding:0;box-sizing:border-box;border:0;border-left:1px solid #ccd8d1;border-radius:8px 0 0 8px;background:#fff;color:#172a23;box-shadow:-12px 0 40px #0c211d26;overflow:hidden}
body:not(.halwa-native) .notification-dialog[open]{display:flex;flex-direction:column;animation:notification-panel-in .22s ease-out}
body:not(.halwa-native) .notification-dialog::backdrop{background:#0c1c193d}
body:not(.halwa-native) .notification-dialog header{flex:0 0 auto;gap:12px;padding:max(12px,env(safe-area-inset-top)) 16px 12px;border-bottom:1px solid #dce4df}
body:not(.halwa-native) .notification-dialog header h2{font-size:18px;line-height:1.4;overflow-wrap:anywhere}
body:not(.halwa-native) .notification-dialog-content{display:block;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px 16px max(16px,env(safe-area-inset-bottom));scrollbar-gutter:stable}
body:not(.halwa-native) .notification-actions{position:sticky;top:-16px;z-index:1;gap:8px;margin:-16px -16px 16px;padding:16px;border-bottom:1px solid #e2e9e4;background:#fff}
body:not(.halwa-native) .notification-actions button{min-height:44px;border-radius:8px;font-size:14px}
body:not(.halwa-native) .notification-dialog .notification-history{margin-top:0;gap:10px}
body:not(.halwa-native) .notification-dialog .notification-item{padding:14px;border-radius:8px;background:#fff;border-color:#d7e2db;overflow-wrap:anywhere}
body:not(.halwa-native) .notification-dialog .notification-item.is-unread{background:#f1f8f3;border-left:3px solid #168469}
body:not(.halwa-native) .notification-dialog .notification-item strong{font-size:14px;font-weight:600}
body:not(.halwa-native) .notification-dialog .notification-item span{line-height:1.6}
body:not(.halwa-native) .notification-dialog .notification-item small{font-size:12px;color:#64796e}
body:not(.halwa-native) .notification-dialog .notification-status{color:#64796e}
body:not(.halwa-native) .notification-dialog .notification-status:empty{display:none}
body:not(.halwa-native) .notification-dialog .notification-form input,body:not(.halwa-native) .notification-dialog .notification-form select{min-width:0;font-weight:400}
html[data-theme=night] body:not(.halwa-native) .header-actions .notification-bell{background:#202e29;color:#d3eddf;border-color:#496256}
html[data-theme=night] body:not(.halwa-native) .notification-dialog,html[data-theme=night] body:not(.halwa-native) .notification-actions{background:#192123;color:#eef3f1;border-color:#455350}
html[data-theme=night] body:not(.halwa-native) .notification-dialog header{border-color:#455350}
html[data-theme=night] body:not(.halwa-native) .notification-dialog .notification-item{background:#232d30;color:#eef3f1;border-color:#455350}
html[data-theme=night] body:not(.halwa-native) .notification-dialog .notification-item.is-unread{background:#233d31;border-left-color:#8cddba}
html[data-theme=night] .notification-dialog [role=tab][aria-selected=true]{background:#294639;color:#d4f2df;border-color:#76ac90}
html[data-theme=night] body:not(.halwa-native) .notification-dialog .notification-status,html[data-theme=night] body:not(.halwa-native) .notification-dialog .notification-item small{color:#b0bebb}
@media(max-width:700px){body:not(.halwa-native) .header-actions .notification-bell{flex-basis:36px;width:36px;min-width:36px;height:36px}.notification-bell-icon{width:20px;height:20px}.notification-count{top:-4px;right:-3px}}
@media(prefers-reduced-motion:reduce){body:not(.halwa-native) .notification-dialog[open]{animation:none}}

#adminNotificationsView [hidden]{display:none!important}
.notification-admin-icon{display:inline-block;width:20px;height:20px;flex:0 0 20px;background:currentColor;-webkit-mask:var(--notification-icon) center/contain no-repeat;mask:var(--notification-icon) center/contain no-repeat}
.notification-icon-send{--notification-icon:url("assets/icons/chat-send.svg")}
.notification-icon-analysis{--notification-icon:url("assets/icons/table-2.svg")}
.notification-icon-refresh{--notification-icon:url("assets/icons/rotate-cw.svg")}
#adminNotificationsView .notification-refresh-button{display:grid;place-items:center;width:44px;min-width:44px;height:44px;padding:0;border-radius:8px}
#adminNotificationsView .notification-refresh-button:disabled{opacity:.5;cursor:wait}
.notification-admin-tabs{display:flex;gap:8px;margin:0;border-bottom:1px solid #34433f}
#adminNotificationsView .notification-admin-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 18px;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:#a5b8b0;font-family:inherit;font-size:14px;line-height:1.4;font-weight:500;cursor:pointer}
#adminNotificationsView .notification-admin-tabs button:hover{color:#f0f5f2;background:#182320}
#adminNotificationsView .notification-admin-tabs button[aria-selected=true]{border-bottom-color:#cef43d;color:#d8f66c;background:#1c2820}
#adminNotificationsView button:focus-visible,#adminNotificationsView summary:focus-visible{outline:2px solid #cef43d;outline-offset:3px}
#notificationAdminStatus{padding:12px 14px;margin:18px 0 24px;border-left:3px solid #59bda1;background:#16211f;font-size:12px;line-height:1.6}
#adminNotificationsView .notification-layout{grid-template-columns:minmax(0,1fr) 310px;gap:40px;align-items:start}
#adminNotificationsView .notification-card.notification-form{padding:0;border:0;border-radius:0;background:transparent;gap:18px}
#adminNotificationsView .notification-form label{font-size:12px;font-weight:600;color:#cedbd5}
#adminNotificationsView .notification-form input,#adminNotificationsView .notification-form select,#adminNotificationsView .notification-form textarea{min-height:44px;padding:11px 12px;border-color:#40534b;border-radius:6px;background:#141d1b;color:#f0f5f2;font-size:14px;line-height:1.5;font-weight:400}
#adminNotificationsView .notification-form textarea{min-height:112px}
#adminNotificationsView .notification-form input:focus,#adminNotificationsView .notification-form select:focus,#adminNotificationsView .notification-form textarea:focus{outline:2px solid #6bb89c;outline-offset:1px}
#adminNotificationsView .notification-form button{min-height:44px;border-radius:6px;font-size:13px;font-weight:600}
#adminNotificationsView .notification-phone-panel{padding:0 0 0 22px;border-left:1px solid #2e3e37}
#adminNotificationsView .notification-phone{width:min(278px,100%)}
#adminNotificationsView .notification-preview-heading{margin-bottom:12px}
#adminNotificationsView .notification-preview-heading h4{font-size:14px;font-weight:500}
#adminNotificationsView .notification-phone-panel .notification-note{padding:10px 0;border-radius:0;background:transparent;color:#a9bcb2;font-size:11px}
#adminNotificationsView .notification-preview-destination{margin-top:14px}
#adminNotificationsView .notification-preview-destination strong{font-size:13px}
#adminNotificationsView #notificationNewRequest,#adminNotificationsView #notificationViewAnalysis{background:#20312a;color:#d6e9dc;border-color:#4c6b5b}
.notification-analysis-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.notification-analysis-head h4{margin:0;font-size:17px;font-weight:600;color:#f0f5f2}
.notification-analysis-head p,.notification-analysis-head>span{margin:6px 0 0;color:#a4b6ad;font-size:12px;line-height:1.5}
.notification-analysis-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid #384c42;margin-bottom:22px}
.notification-analysis-summary>div{display:grid;gap:6px;min-width:0;padding:18px 16px;border-right:1px solid #384c42}
.notification-analysis-summary>div:first-child{padding-left:0}
.notification-analysis-summary>div:last-child{border-right:0}
.notification-analysis-summary strong{font-size:26px;line-height:1.2;font-weight:600;font-variant-numeric:tabular-nums;color:#eef5f1}
.notification-analysis-summary>div:nth-child(2) strong{color:#cef43d}
.notification-analysis-summary>div:nth-child(3) strong{color:#6edbc7}
.notification-analysis-summary>div:nth-child(4) strong{color:#f3ca77}
.notification-analysis-summary span{color:#aebfb6;font-size:12px;line-height:1.4;overflow-wrap:anywhere}
#notificationAnalysisStatus:empty{display:none}
#notificationHistory{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;margin-top:0;gap:16px}
#notificationHistory article{padding:18px;border:1px solid #374a41;border-radius:8px;background:#17211e;min-width:0}
#notificationHistory .notification-campaign-head{align-items:flex-start;gap:10px}
#notificationHistory .notification-campaign-head>div{flex:1 1 180px;min-width:0}
#notificationHistory .notification-campaign-head strong{display:block;font-size:14px;line-height:1.5;font-weight:600}
#notificationHistory .notification-campaign-head small{margin-top:4px;font-size:11px;color:#a7bcb0}
.notification-campaign-state{max-width:100%;font-size:11px;line-height:1.5;font-weight:500;color:#9ed6ed;overflow-wrap:anywhere}
.notification-campaign-state[data-tone=warning]{color:#f3d294}
.notification-campaign-state[data-tone=error]{color:#ffb1ab}
.notification-campaign-state[data-tone=success]{color:#91e7c7}
#notificationHistory .notification-campaign-excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:12px 0;font-size:13px;line-height:1.6;color:#bdcec4;white-space:pre-wrap}
#notificationHistory .notification-metrics{margin:14px 0 8px;border-color:#374a41}
#notificationHistory .notification-metrics>div{padding:12px 8px;border-color:#374a41}
#notificationHistory .notification-metrics>div:first-child{padding-left:0}
#notificationHistory .notification-metrics strong{font-size:21px}
#notificationHistory .notification-metrics span{font-size:11px}
.notification-campaign-details{color:#bed0c5;font-size:12px}
.notification-campaign-details summary{min-height:36px;align-content:center;padding:8px 0;box-sizing:border-box;cursor:pointer;color:#bce5d0}
.notification-campaign-details p{font-size:12px!important;line-height:1.6;white-space:pre-wrap}
#notificationHistory [data-cancel-notification]{min-height:40px;padding:8px 12px;border-radius:6px;margin-top:10px;font-size:12px}
#notificationHistoryMore{grid-column:1/-1;justify-self:center;min-height:44px;border-radius:6px;font-size:13px}
.notification-analysis-empty{grid-column:1/-1;padding:44px 16px;text-align:center;border-block:1px solid #34433f;color:#b4c9bb}
.notification-analysis-empty .notification-admin-icon{width:28px;height:28px;margin-bottom:8px}
.notification-analysis-empty h4{margin:0 0 18px;font-size:15px;font-weight:500}
.notification-preview .notification-cta,.notification-dialog .notification-cta{justify-self:start;min-height:40px;margin-top:10px;padding:8px 12px;border:1px solid #9abb35;border-radius:6px;background:#cef43d;color:#20300f;font:600 13px/1.3 system-ui,sans-serif;cursor:pointer;overflow-wrap:anywhere}
.notification-preview .notification-cta[hidden]{display:none}

.notification-student-picker{min-width:0;display:grid;gap:10px}
#notificationStudentSearchStatus{margin:0;color:#aec2b7;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
#notificationStudentSearchStatus:empty{display:none}
.notification-student-list{max-height:240px;overflow:auto;overscroll-behavior:contain;border-block:1px solid #34483e}
.notification-student-list:empty{display:none}
#adminNotificationsView .notification-student-choice{display:flex;align-items:center;gap:12px;padding:11px 8px;border-bottom:1px solid #2d3e35;cursor:pointer;min-width:0}
#adminNotificationsView .notification-student-choice:last-child{border-bottom:0}
#adminNotificationsView .notification-student-choice:has(input:checked){background:#203326}
#adminNotificationsView .notification-student-choice input{width:18px;height:18px;min-height:18px;flex:0 0 18px;padding:0;accent-color:#cef43d}
.notification-student-choice>span{min-width:0;display:grid;gap:3px;overflow-wrap:anywhere}
.notification-student-choice strong{font-size:13px;font-weight:600;color:#f0f5f2}
.notification-student-choice span span,.notification-student-choice small{font-size:12px;font-weight:400;color:#b5c9bd;line-height:1.5}
.notification-student-selection-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.notification-student-selection-head strong{font-size:12px;color:#d4e6d8;font-weight:500}
#adminNotificationsView .notification-student-selection-head button,#notificationStudentSearchStatus button{background:transparent;color:#cee984;border:0;padding:4px 0}
.notification-dialog article.notification-item{box-sizing:border-box;cursor:default}
.notification-preview .notification-cta:focus-visible,.notification-dialog .notification-cta:focus-visible{outline:2px solid #168469;outline-offset:3px}
.notification-analysis-empty button{min-height:44px;border-radius:6px}
@media(max-width:1150px){#notificationHistory{grid-template-columns:minmax(0,1fr)}#adminNotificationsView .notification-layout{grid-template-columns:minmax(0,1fr) 270px;gap:26px}#adminNotificationsView .notification-phone-panel{padding-left:18px}}
@media(max-width:900px){#adminNotificationsView .notification-layout{grid-template-columns:minmax(0,1fr)}#adminNotificationsView .notification-phone-panel{padding:24px 0 0;border-left:0;border-top:1px solid #2e3e37}#adminNotificationsView .notification-preview-heading,#adminNotificationsView .notification-preview-destination,#adminNotificationsView .notification-phone-panel .notification-note{max-width:278px}.notification-analysis-head{flex-wrap:wrap;gap:6px}}
@media(max-width:540px){#adminNotificationsView .notification-admin-tabs button{flex:1;min-width:0;padding:12px 8px;gap:6px;font-size:13px}#notificationAdminStatus{margin:14px 0 20px}.notification-analysis-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.notification-analysis-summary>div{padding:14px 12px}.notification-analysis-summary>div:nth-child(odd){padding-left:0}.notification-analysis-summary>div:nth-child(2){border-right:0}.notification-analysis-summary>div:nth-child(-n+2){border-bottom:1px solid #384c42}.notification-analysis-summary strong{font-size:23px}#notificationHistory article{padding:14px}#notificationHistory .notification-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}#notificationHistory .notification-metrics>div:nth-child(3){padding-left:0}}