@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url("../fonts/manrope-variable.ttf") format("truetype")}
.hssm-alert-document{margin:0;background:#141E28;color:#E6EBEF;font:400 16px/1.6 Manrope,Arial,sans-serif}
.hssm-alerts{box-sizing:border-box;max-width:960px;margin:24px auto;padding:clamp(14px,3vw,28px);background:var(--hssm-app-bg,#141E28);color:var(--hssm-app-text,#FFFFFF);font:400 16px/1.6 Manrope,Arial,sans-serif;border-radius:12px;overflow-wrap:anywhere}
.hssm-alerts *{box-sizing:border-box;min-width:0}.hssm-alerts [hidden]{display:none!important}
.hssm-alerts header{padding:20px;border-radius:10px;background:var(--hssm-header-bg,#344F65);color:var(--hssm-header-text,#FFFFFF)}
.hssm-alerts h1{font-size:clamp(26px,5vw,36px);line-height:1.2;margin:8px 0 14px;color:inherit}.hssm-alerts h2{font-size:23px;line-height:1.3;color:inherit}.hssm-alerts h3{font-size:18px;color:inherit}
.hssm-alert-eyebrow{font-weight:600;letter-spacing:.04em}.hssm-alert-card{margin:18px 0;padding:var(--hssm-space-card,20px);background:var(--hssm-surface-light,#E6EBEF);color:var(--hssm-text-light,#141E28);border:1px solid var(--hssm-border,#8BA5B8);border-radius:10px;box-shadow:0 3px 14px #0002}
.hssm-alert-card a{color:var(--hssm-link-light,#344F65)}.hssm-alerts header a,.hssm-alerts footer a{color:var(--hssm-app-link,#8BA5B8)}
.hssm-alerts label{display:grid;gap:6px;font-weight:600;margin:12px 0}.hssm-alerts fieldset{border:1px solid var(--hssm-border,#8BA5B8);padding:16px;margin:18px 0;border-radius:8px}.hssm-alerts legend{font-weight:600;padding:0 6px}
.hssm-alerts .hssm-alert-check{display:flex;gap:10px;align-items:center;min-height:44px}.hssm-alerts input[type=checkbox]{width:20px;height:20px;flex:none;accent-color:var(--hssm-field-checked-bg,#141E28)}
.hssm-alerts :is(input:not([type=checkbox]),select,textarea){width:100%;min-height:44px;border:1px solid var(--hssm-field-border,#8BA5B8);border-radius:6px;padding:10px 12px;font:inherit;background:var(--hssm-field-bg,#FFFFFF);color:var(--hssm-field-text,#141E28)}
.hssm-alerts select{padding-inline-end:2.4em}.hssm-alerts button{min-height:44px;padding:10px 16px;border:1px solid var(--hssm-button-primary-border,#D2DE33);border-radius:6px;background:var(--hssm-button-primary-bg,#D2DE33);color:var(--hssm-button-primary-text,#141E28);font:600 15px/1.4 Manrope,Arial,sans-serif;cursor:pointer;white-space:normal}
.hssm-alerts button:hover{background:var(--hssm-button-primary-bg-hover,#E6EBEF);color:var(--hssm-button-primary-text-hover,#141E28)}.hssm-alerts :is(button,input,select,textarea,a):focus-visible{outline:2px solid var(--hssm-focus-ring,#000);outline-offset:2px;box-shadow:0 0 0 4px var(--hssm-focus-halo,#fff)}.hssm-alerts button:disabled{opacity:.6;cursor:default}
.hssm-alerts [data-alert-teams] p,.hssm-alerts [data-alert-selected] p{display:flex;gap:12px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--hssm-border,#8BA5B8);padding-bottom:10px}.hssm-alerts [data-alert-teams] button,.hssm-alerts [data-alert-selected] button{flex:none;max-width:40%}
.hssm-alerts canvas{display:block;width:min(256px,100%);height:auto;margin:18px 0;image-rendering:pixelated}.hssm-alerts [data-alert-message]:not(:empty){padding:14px;border:1px solid var(--hssm-border,#8BA5B8);border-radius:8px}.hssm-alerts footer{font-size:14px;margin:24px 0 0}
.hssm-alert-filter{display:flex;gap:14px;flex-wrap:wrap;align-items:end}.hssm-alert-filter label{flex:1 1 260px}
@media(max-width:600px){.hssm-alerts{margin:0;border-radius:0}.hssm-alerts header,.hssm-alert-card,.hssm-alerts fieldset{padding:14px}.hssm-alerts [data-alert-teams] p,.hssm-alerts [data-alert-selected] p{align-items:start}.hssm-alerts [data-alert-teams] button,.hssm-alerts [data-alert-selected] button{max-width:42%}}

.hssm-alerts header a{color:var(--hssm-header-link,#8BA5B8)}.hssm-alerts header{background:linear-gradient(120deg,var(--hssm-header-gradient-start,#141E28),var(--hssm-header-gradient-end,#344F65))}

.hssm-alerts [data-alert-teams]{max-height:360px;overflow:auto;scrollbar-gutter:stable;padding:0 4px}.hssm-alerts [data-alert-teams]:empty{display:none}

.hssm-alerts .page-numbers{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:44px;min-height:44px;margin:3px 4px 8px 0;padding:7px 10px;border:1px solid var(--hssm-border,#8BA5B8);border-radius:6px;color:var(--hssm-app-link,#8BA5B8)}

/* Returning families get a compact first stop; keep the existing theme roles. */
.hssm-alerts :is(h2,h3){font-weight:600}
.hssm-alerts [data-alert-manage-request] h2{margin:0 0 12px}
.hssm-alerts [data-alert-management-form]{display:flex;align-items:end;gap:12px}
.hssm-alerts [data-alert-management-form] label{flex:1;margin:0}
.hssm-alerts [data-alert-management-form] button{flex:none}
.hssm-alerts button:hover{border-color:var(--hssm-button-primary-border-hover,#E6EBEF)}
.hssm-alerts header a:hover,.hssm-alerts footer a:hover{color:var(--hssm-app-link-hover,#FFFFFF)}
@media(max-width:600px){.hssm-alerts [data-alert-management-form]{flex-direction:column;align-items:stretch}.hssm-alerts [data-alert-management-form] label{width:100%}}

/* Keep independent delivery counts readable without a tall status panel. */
[data-alert-delivery] .hssm-admin-columns>section{min-width:0;flex:1}
[data-alert-delivery] dl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;margin:12px 0;max-width:30rem}
[data-alert-delivery] dt,[data-alert-delivery] dd{margin:0;padding:0}
[data-alert-delivery] dd{font-weight:600;text-align:right}
[data-alert-delivery] details dl{display:block;font-size:.85em}
[data-alert-delivery] details dd{text-align:left;overflow-wrap:anywhere;margin-bottom:6px}

/* Public feed cards share the PWA's surface roles; preference forms retain theirs. */
.hssm-alerts .hssm-alert-feed-card{padding:1rem;margin:.8rem 0;background:var(--hssm-surface-dark,#344F65);color:var(--hssm-text-dark,#FFFFFF);border-radius:.75rem;overflow-wrap:anywhere}
.hssm-alert-feed-card h2{font-size:1.1rem;line-height:1.35;margin:.3rem 0}.hssm-alert-feed-card p{margin:.35rem 0;font-size:.875rem}.hssm-alert-feed-card .hssm-alert-status{font-size:.75rem}.hssm-alert-feed-card a{color:var(--hssm-link-dark,#E6EBEF);white-space:normal}.hssm-alert-feed-card a:hover{color:var(--hssm-link-dark-hover,#FFFFFF)}