/* 1.2.90 b8 — members, admin tools, backend. Owned by the b8 helper. */
/* ⛈ storm banner */
.b8-storm-banner{margin:0 0 12px;padding:9px 14px;border-radius:12px;font-size:13px;font-weight:600;text-align:center;color:#fde68a;background:linear-gradient(90deg,rgba(124,58,237,.28),rgba(30,64,175,.32));border:1px solid rgba(167,139,250,.45)}
html.light .b8-storm-banner{color:#4c1d95;background:#ede9fe;border-color:#c4b5fd}
.b8-storm-banner [data-noi18n]{white-space:nowrap} /* 1.2.90: the time never splits ("1:54 / PM") */
.b8-stormbtns .btn{min-width:88px}
/* 🕒 my shifts */
.b8-shrow{padding:7px 0;border-top:1px solid hsl(var(--border));gap:8px} .b8-shrow:first-of-type{border-top:0}
/* 🔕 mute areas */
.b8-mgrid{display:flex;flex-wrap:wrap;gap:6px} .b8-mopt{font:inherit;font-size:12px;color:hsl(var(--foreground))}
.b8-mopt.b8-muted{border-color:#f87171;background:rgba(239,68,68,.12);color:#fca5a5} .b8-mopt.b8-muted b{color:#fca5a5}
html.light .b8-mopt.b8-muted{color:#b91c1c;background:#fef2f2;border-color:#fecaca} html.light .b8-mopt.b8-muted b{color:#b91c1c}
/* 👯 duplicates */
.b8-pair{border:1px solid hsl(var(--border));border-radius:12px;padding:10px;margin-top:10px}
.b8-pgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.b8-mbox{display:block;border:1px solid hsl(var(--border));border-radius:10px;padding:8px 10px;cursor:pointer;min-width:0;background:hsl(var(--card))}
.b8-mbox input{position:absolute;opacity:0;pointer-events:none} .b8-mbox .b8-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b8-mbox .b8-keep{margin-top:6px;color:hsl(var(--muted-foreground));font-weight:600}
.b8-mbox.on{border-color:#34d399;background:rgba(16,185,129,.1)} .b8-mbox.on .b8-keep{color:#34d399} .b8-mbox.on .b8-keep::before{content:"✓ "}
.b8-logrow{padding:6px 0;border-top:1px solid hsl(var(--border));gap:8px;flex-wrap:wrap}
/* 🐞 phone errors */
.b8-err{border-top:1px solid hsl(var(--border));padding:8px 0} .b8-err summary{cursor:pointer;list-style:none} .b8-err summary::-webkit-details-marker{display:none}
.b8-errmsg{font-size:13px;font-weight:600;word-break:break-word}
.b8-stack{white-space:pre-wrap;word-break:break-word;font-size:11px;line-height:1.35;background:hsl(var(--secondary));border-radius:8px;padding:8px;margin:6px 0 0;max-height:220px;overflow:auto}
/* 🔠 bigger buttons (per phone; Settings) */
body.b8-bigui .btn{padding:12px 18px;font-size:16px;border-radius:12px;min-height:48px}
body.b8-bigui .btn svg{width:20px;height:20px}
body.b8-bigui .btn-sm{padding:10px 14px;font-size:15px;min-height:44px}
body.b8-bigui .btn-xs{padding:7px 11px;font-size:13px;min-height:36px}
body.b8-bigui .iconbtn{width:46px;height:46px} body.b8-bigui .iconbtn svg{width:22px;height:22px}
body.b8-bigui .chip{padding:10px 16px;font-size:14px}
body.b8-bigui .input,body.b8-bigui .select,body.b8-bigui .textarea{min-height:52px;font-size:17px}
body.b8-bigui .toggle{width:52px;height:30px} body.b8-bigui .toggle::after{width:24px;height:24px}
body.b8-bigui .area-opt{padding:10px 14px;font-size:14px}
body.b8-bigui .prio{padding:12px 8px;font-size:14px}
body.b8-bigui .seg button{padding:10px 14px;font-size:15px}
body.b8-bigui .drawer a,body.b8-bigui .drawer button{min-height:52px;font-size:16px}
body.b8-bigui .sub-tabs button,body.b8-bigui .panel-tabs button{padding:10px 14px;font-size:15px}
body.b8-bigui .toggle.on::after{transform:translateX(22px)}
