/* 1.2.91 c2 — 🔒 portal PIN screen (green logo), Settings cards, Turnstile box */
.c2-pinwrap { position: fixed; inset: 0; z-index: 9000; background: var(--bg, #f8fafc); display: flex; align-items: flex-start; justify-content: center; overflow-y: auto; padding: 48px 16px 24px; }
body.c2-locked { overflow: hidden; }
.c2-pinbox { width: 100%; max-width: 340px; text-align: center; }
.c2-logo { display: block; margin: 0 auto 6px;  width: 84px; height: 84px; border-radius: 22px; box-shadow: 0 4px 14px rgba(21, 56, 30, .25); }
.c2-title { margin: 14px 0 4px; font-size: 22px; color: #15381e; }
.c2-sub { margin: 0 0 16px; color: #475569; font-size: 14px; }
input.c2-pin { font-size: 30px; letter-spacing: 18px; text-align: center; padding: 10px 0 10px 18px; width: 100%; max-width: 220px; }
.c2-pinbox form { display: flex; flex-direction: column; gap: 10px; align-items: center; }
.c2-setform .input { width: 100%; }
.c2-row { display: flex; gap: 8px; width: 100%; justify-content: center; }
.c2-go { min-width: 120px; background: #1c3d20; border-color: #1c3d20; }
.c2-fp { min-width: 120px; }
.c2-err { color: #b91c1c; font-size: 13px; }
.c2-link { background: none; border: 0; color: #1c3d20; font-size: 14px; padding: 8px; cursor: pointer; text-decoration: underline; }
.c2-foot { display: flex; justify-content: space-between; margin-top: 18px; border-top: 1px solid #e2e8f0; padding-top: 10px; }
.c2-logout { margin-left: auto; font-size: 12px !important; letter-spacing: normal !important; width: auto !important; min-width: 0 !important; flex: 0 0 auto !important; white-space: nowrap; }
.c2-tsbox { margin: 10px 0; min-height: 65px; }
.c2-setform { display: flex; flex-direction: column; gap: 8px; }
html.dark .c2-pinwrap { background: #0b1220; } html.dark .c2-title { color: #86efac; } html.dark .c2-link { color: #86efac; }

/* 1.2.92 S91: SOS alerts stay on top of the portal PIN screen */
body.c2-locked #sosBanners { z-index: 9500 !important; }

/* 1.2.105 🔔 Settings → notification areas: picked vs not picked must be obvious (Mordechai 9:39) */
#nf .np-areas .area-opt{background:transparent;border:1.5px solid hsl(var(--border));color:hsl(var(--foreground))}
#nf .np-areas .area-opt b{color:hsl(var(--muted-foreground))}
#nf .np-areas .area-opt.on,html.light #nf .np-areas .area-opt.on{background:#2C542F;border-color:#2C542F;color:#fff;font-weight:600}
#nf .np-areas .area-opt.on b,html.light #nf .np-areas .area-opt.on b{color:#DEAA14}
#nf .np-areas .area-opt.on::before{content:"✓";font-weight:800;color:#DEAA14;margin-inline-end:2px}
html:not(.light) #nf .np-areas .area-opt.on{border-color:#DEAA14}
#nf .np-sel{margin-top:6px;font-weight:600}