.service-notices-admin__intro { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; }
.service-notices-admin__intro h2 { margin-top:0; }
.service-notices-admin__intro p { max-width:78ch; color:var(--muted); }
.service-notices-admin__toolbar,.service-notices-admin__actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
.service-notices-admin__toolbar { margin:22px 0; }
.service-notices-admin__layout { display:grid; grid-template-columns:minmax(220px,.8fr) minmax(0,1.5fr); gap:24px; align-items:start; }
.service-notices-admin__list { display:grid; gap:12px; max-height:680px; overflow:auto; padding:2px; scrollbar-width:thin; }
.service-notices-admin__item { display:flex; flex-direction:column; gap:0; width:100%; min-width:0; border:1px solid var(--stroke); border-radius:16px; background:var(--surface); color:var(--text); text-align:left; overflow:hidden; }
.service-notices-admin__item strong { overflow-wrap:anywhere; }
.service-notices-admin__item[data-selected="true"] { border-color:var(--primary); background:var(--surface-hover); }
.service-notices-admin__select { display:flex; flex-direction:column; align-items:flex-start; gap:10px; width:100%; padding:16px 16px 12px; border:0; background:transparent; color:inherit; text-align:left; font:inherit; cursor:pointer; }
.service-notices-admin__select:not(:disabled):hover { background:var(--surface-hover); }
.service-notices-admin__select:not(:disabled):active { box-shadow:inset 0 0 0 1px var(--primary); }
.service-notices-admin__select:disabled { cursor:default; }
.service-notices-admin__select:focus-visible,.service-notices-admin__switch:focus-visible,.service-notice__body:focus-visible { outline:2px solid var(--primary); outline-offset:-3px; }
.service-notices-admin__item-details { padding:0 16px 16px; }
.service-notices-admin__state-row { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px 12px; padding-top:8px; border-top:1px solid var(--stroke); }
.service-notices-admin__state { display:inline-flex; align-items:center; gap:8px; min-height:36px; padding:6px 11px; border:1px solid var(--stroke); border-radius:999px; background:var(--surface); font-size:.95rem; line-height:1.3; }
.service-notices-admin__state > span { width:8px; height:8px; border-radius:50%; background:currentColor; flex-shrink:0; }
.service-notices-admin__state[data-sn-state="active"] { color:var(--success); background:color-mix(in srgb,var(--success) 12%,var(--surface)); border-color:color-mix(in srgb,var(--success) 40%,var(--stroke)); }
.service-notices-admin__state[data-sn-state="scheduled"] { color:var(--primary); background:color-mix(in srgb,var(--primary) 12%,var(--surface)); }
.service-notices-admin__state[data-sn-state="inactive"] { color:var(--text); }
.service-notices-admin__switch { display:inline-flex; align-items:center; justify-content:space-between; gap:9px; min-height:44px; padding:6px 2px 6px 8px; border:0; border-radius:10px; color:var(--text); background:transparent; font:inherit; font-size:.82rem; font-weight:650; cursor:pointer; touch-action:manipulation; }
.service-notices-admin__switch:hover:not(:disabled) { background:var(--surface-hover); }
.service-notices-admin__switch:disabled { cursor:default; opacity:.6; }
.service-notices-admin__switch-track { display:flex; align-items:center; flex-shrink:0; width:44px; height:26px; padding:3px; border:1px solid var(--stroke); border-radius:999px; background:var(--muted); }
.service-notices-admin__switch-track > span { width:18px; height:18px; border-radius:50%; background:var(--bg-1); box-shadow:0 1px 3px rgb(0 0 0 / .2); }
.service-notices-admin__switch[aria-checked="true"] .service-notices-admin__switch-track { justify-content:flex-end; background:var(--success); border-color:var(--success); }
.service-notices-admin__timing { display:grid; gap:5px; margin-top:8px; color:var(--text); font-size:.85rem; line-height:1.5; }
.service-notices-admin__timing > span { overflow-wrap:anywhere; }
.service-notices-admin__schedule-note { color:var(--muted); font-size:.78rem; }
.service-notices-admin__updated { display:block; margin-top:10px; color:var(--muted); font-size:.72rem; line-height:1.4; }
.service-notices-admin__row-status { margin:9px 0 0; color:var(--muted); font-size:.8rem; line-height:1.5; overflow-wrap:anywhere; }
.service-notices-admin__row-status[hidden] { display:none; }
.service-notices-admin__row-status[data-tone="error"] { color:var(--danger); }
.service-notices-admin__row-status[data-tone="success"] { color:var(--success); }
.service-notices-admin__editor { padding:22px; border:1px solid var(--stroke); border-radius:22px; background:var(--panel-surface); min-width:0; }
.service-notices-admin__editor[hidden] { display:none; }
.service-notices-admin__editor textarea { resize:none; min-height:160px; max-height:60vh; }
.service-notices-admin__active { display:flex; align-items:center; gap:10px; }
.service-notices-admin__active input { width:18px; height:18px; }
.service-notices-admin__status { min-height:1.5em; margin-top:18px; color:var(--muted); overflow-wrap:anywhere; }
.service-notices-admin__status[data-tone="error"] { color:var(--danger); }
.service-notices-admin__status[data-tone="success"] { color:var(--success); }
.service-notice { --notice-rgb:147,197,253; width:min(900px,calc(100vw - 40px)); max-width:none; max-height:calc(100dvh - 40px); padding:0; border:2px solid rgba(var(--notice-rgb),.82); border-radius:28px; color:var(--text); background:rgba(18,31,48,.95); box-shadow:0 28px 100px rgba(0,0,0,.45),0 0 32px rgba(var(--notice-rgb),.13); overflow:hidden; animation:service-notice-pulse 2.8s ease-in-out infinite; }
.service-notice::backdrop { background:rgba(3,9,20,.58); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); }
.service-notice--important { --notice-rgb:253,224,138; }
.service-notice--outage { --notice-rgb:253,164,175; }
.service-notice__card { display:flex; flex-direction:column; max-height:calc(100dvh - 44px); min-height:240px; padding:clamp(22px,4vw,40px); gap:22px; }
.service-notice__heading h2 { margin:15px 0 0; font-size:clamp(1.4rem,3vw,2rem); line-height:1.3; overflow-wrap:anywhere; }
.service-notice__badge { display:inline-flex; align-items:center; gap:8px; max-width:100%; border:1px solid rgba(var(--notice-rgb,147,197,253),.45); border-radius:999px; padding:6px 11px; background:rgba(var(--notice-rgb,147,197,253),.13); color:rgb(var(--notice-rgb,147,197,253)); font-size:.8rem; font-weight:750; }
.service-notice__badge[data-level="important"] { --notice-rgb:253,224,138; }
.service-notice__badge[data-level="outage"] { --notice-rgb:253,164,175; }
.service-notice__body { overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; padding:3px; margin:-3px; min-height:0; white-space:pre-wrap; overflow-wrap:anywhere; font-size:1.05rem; line-height:1.75; }
.service-notice__footer { flex-shrink:0; display:flex; justify-content:space-between; align-items:flex-end; gap:20px; min-height:50px; }
.service-notice__footer p { margin:0; max-width:55ch; }
.service-notice__ack-slot { margin-left:auto; min-width:185px; min-height:48px; display:flex; align-items:flex-end; justify-content:flex-end; }
.service-notice__ack-slot button[hidden] { display:none; }
.service-notice__preview-label { margin:0; color:var(--muted); font-size:.85rem; }
html[data-theme="light"] .service-notice { background:rgba(249,252,255,.97); }
html[data-theme="light"] .service-notice__badge { color:#17467d; }
html[data-theme="light"] .service-notice--important .service-notice__badge,html[data-theme="light"] .service-notice__badge[data-level="important"] { color:#725408; }
html[data-theme="light"] .service-notice--outage .service-notice__badge,html[data-theme="light"] .service-notice__badge[data-level="outage"] { color:#9e2036; }
@keyframes service-notice-pulse { 0%,100% { box-shadow:0 28px 100px rgba(0,0,0,.45),0 0 0 0 rgba(var(--notice-rgb),.06); } 50% { box-shadow:0 28px 100px rgba(0,0,0,.45),0 0 28px 5px rgba(var(--notice-rgb),.22); } }
@media (max-width:700px) { .service-notices-admin__layout { grid-template-columns:1fr; } .service-notices-admin__list { max-height:340px; } .service-notices-admin__intro { flex-direction:column; gap:5px; } .service-notice__footer { flex-direction:column; align-items:stretch; gap:12px; } .service-notice__ack-slot { width:100%; } }
@media (max-width:420px) { .service-notice { width:calc(100vw - 20px); max-height:calc(100dvh - 20px); border-radius:22px; } .service-notice__card { max-height:calc(100dvh - 24px); padding:20px; gap:18px; } .service-notice__body { font-size:1rem; } .service-notices-admin__editor { padding:16px; } }
@media (prefers-reduced-motion:reduce) { .service-notice { animation:none; } }

.service-notices-admin__schedule { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
@media (max-width:700px) { .service-notices-admin__schedule { grid-template-columns:1fr; } }
@media (max-height:500px) { .service-notice { overflow:auto; } .service-notice__card { min-height:0; max-height:none; } .service-notice__body { overflow:visible; flex-shrink:0; } }

@media (any-pointer:coarse) { .service-notices-admin__active { min-height:44px; } }