/* Visibilidade e contraste nos temas claro e escuro (administrativo e cliente). */
.smn-holder{position:relative;display:inline-flex;z-index:81;font-family:inherit}
.smn-bell{border:1px solid var(--line,rgba(128,145,164,.23));background:var(--card,var(--surface,#fff));color:var(--text,#162838);border-radius:13px;min-width:42px;min-height:42px;display:grid;place-items:center;cursor:pointer;position:relative;font-size:20px}
.smn-count{position:absolute;right:-7px;top:-7px;background:#e84a60;color:#fff;font-size:10px;line-height:1;padding:5px;border-radius:99px;min-width:19px}
.smn-popover{position:absolute;right:0;top:calc(100% + 12px);width:min(380px,calc(100vw - 24px));max-height:min(78vh,680px);overflow:auto;background:var(--card,var(--surface,#fff));color:var(--text,#182536);border:1px solid var(--line,rgba(128,145,164,.24));box-shadow:0 22px 64px rgba(0,0,0,.24);border-radius:18px;padding:16px;z-index:400;text-align:left}
.smn-popover[hidden]{display:none!important}
.smn-top{display:flex;align-items:center;justify-content:space-between;font-size:18px;gap:12px}.smn-top button{border:0;background:transparent;color:inherit;font-size:25px;cursor:pointer}.smn-help,.smn-compat{font-size:12px;line-height:1.5;color:var(--muted,var(--secondary,#778596));margin:5px 0 12px}
.smn-compat{margin:10px 0}.smn-actions{display:flex;flex-wrap:wrap;gap:7px}.smn-actions button{border:1px solid var(--line,#d7e0e7);border-radius:10px;background:var(--soft,#ecf4f5);color:var(--text,#152b36);padding:9px 12px;font:600 12px inherit;cursor:pointer}.smn-actions button.smn-enable{background:#087d63;color:white;border-color:#087d63}
.smn-sound{display:flex;align-items:center;gap:9px;padding-top:11px;font-size:12px}.smn-sound input{accent-color:#10a17d}
.smn-items{border-top:1px solid var(--line,#d8e2e8);margin-top:12px;max-height:350px;overflow-y:auto}.smn-item{display:flex;align-items:flex-start;gap:11px;width:100%;padding:12px 2px;border:0;border-bottom:1px solid var(--line,#d8e2e8);background:transparent;text-align:left;color:inherit;cursor:pointer}.smn-unread{background:rgba(24,179,139,.07)}.smn-item-icon{font-size:19px}.smn-item strong{display:block;font-size:13px;margin-bottom:3px}.smn-item small{display:block;font-size:12px;line-height:1.4;color:var(--muted,#677885)}.smn-item time{display:block;font-size:10px;margin-top:5px;color:var(--muted,#677885)}.smn-empty{padding:20px 5px;color:var(--muted,#677885);font-size:13px}
#smn-toast{position:fixed;right:18px;bottom:20px;max-width:min(390px,92vw);z-index:100000;padding:12px 18px;border-radius:12px;background:#0b443b;color:#fff;box-shadow:0 12px 40px #0003;font-size:13px}#smn-toast[data-bad="1"]{background:#902d3a}
@media(max-width:700px){.smn-popover{position:fixed;top:72px;right:12px;width:calc(100vw - 24px);max-height:78vh}.smn-bell{min-height:38px;min-width:38px}}
.smn-broadcast{padding:12px;margin-top:10px;border:1px solid var(--line,#d4dedf);border-radius:12px;display:grid;gap:8px}.smn-broadcast label{font-size:12px;display:grid;gap:5px}.smn-broadcast input,.smn-broadcast textarea{min-height:36px;resize:vertical;padding:9px;border:1px solid #aebdc7;border-radius:8px;color:var(--text,#182c3b);background:var(--card,#fff);font:inherit}.smn-broadcast button{background:#087d63;border:0;border-radius:8px;padding:10px;color:#fff;cursor:pointer}

/* Convite do primeiro acesso: dark fixo, acessível, sem bloquear o uso da conta. */
.smn-welcome-backdrop{position:fixed;inset:0;z-index:99990;background:rgba(2,12,22,.76);display:grid;place-items:center;padding:20px;backdrop-filter:blur(7px)}
.smn-welcome{width:min(450px,100%);max-height:90dvh;overflow:auto;background:linear-gradient(155deg,#19394b,#0a1d2c);color:#f1f9fc;border:1px solid #315668;border-radius:24px;padding:30px;box-shadow:0 32px 100px rgba(0,0,0,.55);text-align:center;font-family:inherit}
.smn-welcome-icon{width:68px;height:68px;border-radius:22px;display:grid;place-items:center;background:#1a5a4d;margin:0 auto 22px;font-size:32px}
.smn-welcome-tag{display:block;color:#66ddba;font-size:10px;font-weight:900;letter-spacing:2px;margin-bottom:10px}
.smn-welcome h2{font-size:clamp(23px,4vw,30px);letter-spacing:-.9px;line-height:1.2;margin:0 0 13px;color:#f3fffa}
.smn-welcome p{font-size:14px;line-height:1.7;color:#bed2df;margin:0 0 22px}
.smn-welcome-actions{display:grid;gap:10px}.smn-welcome-actions button{min-height:48px;border-radius:13px;font:700 14px inherit;cursor:pointer}
.smn-welcome-primary{background:#35d2a4;color:#05291f;border:1px solid #35d2a4}.smn-welcome-later{background:#19374b;color:#e3f1fa;border:1px solid #375467}
.smn-welcome small{display:block;margin-top:18px;color:#94aebf;line-height:1.5;font-size:11px}
#sm-notification-container{margin-inline:11px;flex:none}.smn-holder .smn-bell{background:#153347!important;color:#f2fffa!important;border-color:#37556a!important}
@media(max-width:620px){#sm-notification-container{margin-inline:7px}.smn-welcome{padding:24px}.smn-popover{background:#112d3e;color:#edf9ff}}

/* Painel independente do cabeçalho: não é afetado por transform/overflow do PWA. */
#smn-panel-layer{position:fixed;inset:0;z-index:100050;pointer-events:none;isolation:isolate}
#smn-panel-layer .smn-panel-backdrop{position:absolute;inset:0;border:0;background:transparent;pointer-events:auto;cursor:default}
#smn-panel-layer .smn-popover{position:absolute;top:clamp(76px,9vh,104px);right:12px;left:auto;width:min(430px,calc(100vw - 24px));max-width:calc(100vw - 24px);height:auto;max-height:min(74dvh,630px);box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;min-width:0;pointer-events:auto;z-index:1;border-radius:18px;background:#112d3e;color:#f0f9ff;border:1px solid #37576c;box-shadow:0 24px 70px #0009}
#smn-panel-layer .smn-items{min-height:0;overflow-y:auto;overscroll-behavior:contain;max-height:none;flex:1}
#smn-panel-layer .smn-item{min-width:0;max-width:100%;align-items:flex-start;white-space:normal;overflow-wrap:anywhere;word-break:normal}
#smn-panel-layer .smn-item-body{flex:1;min-width:0;max-width:100%;overflow-wrap:anywhere}
#smn-panel-layer .smn-item small,#smn-panel-layer .smn-item strong{white-space:normal;overflow-wrap:anywhere;max-width:100%}
#smn-panel-layer .smn-top{flex:0 0 auto}#smn-panel-layer .smn-help{flex:0 0 auto;color:#b8c9d4}
#smn-panel-layer .smn-sound{flex:0 0 auto;color:#eaf4fc;padding-top:8px}
#smn-panel-layer .smn-preview-sound{align-self:flex-start;flex:0 0 auto;margin-top:8px;padding:8px 10px;background:#1e665c;color:#fff;border:1px solid #3e9480;border-radius:9px;font-size:12px;font-weight:700}
@media(max-width:700px){#smn-panel-layer .smn-popover{position:absolute!important;top:calc(env(safe-area-inset-top,0px) + 76px)!important;left:12px!important;right:12px!important;width:auto!important;max-width:none!important;max-height:calc(100dvh - env(safe-area-inset-top,0px) - 94px)!important;padding:15px!important}}

/* Inscrição push: controles dentro da central de notificações */
.smn-device{margin:10px 0 8px;padding:12px;background:rgba(28,124,113,.10);border:1px solid rgba(44,180,157,.22);border-radius:12px;max-width:100%;min-width:0}
.smn-device p{margin:0 0 10px;font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.smn-device small{display:block;margin-top:9px;font-size:11px;opacity:.8}
.smn-device-actions{display:flex;flex-wrap:wrap;gap:8px}
.smn-device-actions button{flex:1 1 122px;padding:9px 8px;background:#126a61;color:#fff;border:0;border-radius:8px;font-weight:700;cursor:pointer;min-width:0;font-size:12px}
.smn-device-actions button:last-child{background:#243e50}
.smn-device-actions button:disabled{opacity:.4;cursor:not-allowed}

/* Painel do assinante somente com avisos: ferramentas internas exclusivas do admin. */
#smn-panel-layer .smn-popover{padding-bottom:18px}