/* Phase 69B.4 — Supervisor Modular Mobile Portal common CSS
   Purpose: tiny, fast, mobile-first CSS. Do not load old supervisor dashboard CSS here. */
:root{
  --bg:#0b1220; --panel:#101a2e; --panel2:#13223a; --text:#eef5ff; --muted:#a8b7cf;
  --line:rgba(255,255,255,.12); --accent:#38bdf8; --accent2:#22c55e; --warn:#f59e0b; --danger:#ef4444;
  --shadow:0 14px 36px rgba(0,0,0,.35); --radius:18px;
}
*{box-sizing:border-box}
html{min-height:100%;background:var(--bg);-webkit-text-size-adjust:100%;}
body.supm-body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(56,189,248,.16),transparent 34%),var(--bg);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;padding-bottom:88px;}
a{color:inherit;text-decoration:none}.supm-shell{width:min(760px,100%);margin:0 auto;padding:12px 10px 96px}.supm-topbar,.supm-entry-top{position:sticky;top:0;z-index:20;background:rgba(11,18,32,.94);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:0 0 var(--radius) var(--radius);padding:12px 12px;margin:-12px -2px 12px;display:flex;gap:10px;align-items:center;justify-content:space-between;box-shadow:0 10px 22px rgba(0,0,0,.25)}
.supm-eyebrow{font-size:12px;color:var(--accent);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.supm-topbar h1,.supm-entry-title b{font-size:24px;margin:2px 0 0;line-height:1.05}.supm-topbar p,.supm-entry-title span{display:block;margin:4px 0 0;color:var(--muted);font-size:13px}.supm-back,.supm-small-btn,.supm-mini-btn{border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--text);border-radius:14px;padding:10px 12px;font-weight:800;min-height:42px;display:inline-flex;align-items:center;justify-content:center}.supm-small-btn.danger{background:rgba(239,68,68,.14);border-color:rgba(239,68,68,.35)}
.supm-card,.supm-alert{border:1px solid var(--line);background:linear-gradient(180deg,rgba(16,26,46,.98),rgba(12,20,36,.98));border-radius:var(--radius);box-shadow:var(--shadow);padding:14px;margin:12px 0}.supm-card.compact{box-shadow:none}.supm-card h2{font-size:18px;margin:0 0 8px}.supm-card p{color:var(--muted);line-height:1.45;margin:0}.supm-alert{font-weight:800;color:var(--muted);box-shadow:none}.supm-alert.info{border-color:rgba(56,189,248,.28);background:rgba(56,189,248,.08)}.supm-alert.ok{border-color:rgba(34,197,94,.3);background:rgba(34,197,94,.1);color:#bbf7d0}.supm-alert.warn{border-color:rgba(245,158,11,.36);background:rgba(245,158,11,.1);color:#fde68a}.supm-alert.danger{border-color:rgba(239,68,68,.4);background:rgba(239,68,68,.12);color:#fecaca}
.supm-label,label{display:block;font-size:13px;color:var(--muted);font-weight:800;margin:8px 0 6px}.supm-input{width:100%;min-height:48px;border:1px solid rgba(255,255,255,.16);background:#071020;color:var(--text);border-radius:15px;padding:11px 12px;font-size:16px;font-weight:800;outline:none}.supm-input:focus{border-color:rgba(56,189,248,.8);box-shadow:0 0 0 4px rgba(56,189,248,.15)}select.supm-input{appearance:auto}.supm-row{display:flex;gap:8px;align-items:center}.supm-row.two-actions{grid-template-columns:44px 1fr 44px}.supm-mini-btn{min-width:44px;padding:8px;font-size:18px}.supm-main-btn,.supm-main-link{width:100%;border:0;border-radius:18px;background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff;min-height:54px;padding:14px 16px;font-size:17px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 22px rgba(37,99,235,.25)}.supm-main-btn.success{background:linear-gradient(135deg,#16a34a,#059669);box-shadow:0 12px 22px rgba(5,150,105,.25)}.supm-main-btn:disabled{opacity:.55;filter:grayscale(.25)}
.supm-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:50;background:rgba(9,15,28,.97);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:6px 7px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -12px 30px rgba(0,0,0,.35)}.supm-bottom-nav a{display:flex;flex-direction:column;gap:1px;align-items:center;justify-content:center;min-height:54px;border-radius:16px;color:var(--muted);font-size:20px;font-weight:900}.supm-bottom-nav a span{font-size:11px}.supm-bottom-nav a.active{background:rgba(56,189,248,.14);color:#e0f2fe;border:1px solid rgba(56,189,248,.25)}
.supm-info-list{display:grid;gap:10px;margin-top:12px}.supm-info-item{border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:16px;padding:11px}.supm-info-item b{display:block}.supm-info-item small{color:var(--muted)}
@media (max-width:380px){body.supm-body{font-size:15px}.supm-shell{padding-left:8px;padding-right:8px}.supm-topbar h1,.supm-entry-title b{font-size:21px}.supm-card,.supm-alert{border-radius:15px;padding:12px}.supm-input{min-height:46px}.supm-main-btn{min-height:52px}}
@media (prefers-reduced-motion:no-preference){.supm-card,.supm-alert{animation:supmPop .14s ease-out}@keyframes supmPop{from{transform:translateY(3px);opacity:.65}to{transform:none;opacity:1}}}

/* Phase 69D — supervisor mobile stability polish */
.supm-connection-banner{position:fixed;left:10px;right:10px;bottom:128px;z-index:120;border:1px solid rgba(245,158,11,.45);background:rgba(120,53,15,.96);color:#fff7ed;border-radius:16px;padding:10px 12px;font-weight:950;text-align:center;box-shadow:0 -10px 28px rgba(0,0,0,.38);transform:translateY(160%);opacity:0;transition:.18s ease}.supm-connection-banner.show{transform:translateY(0);opacity:1}.supm-connection-banner.flash{border-color:rgba(34,197,94,.5);background:rgba(20,83,45,.96)}
.supm-busy{position:relative;pointer-events:none;opacity:.72}.supm-busy::after{content:"";width:14px;height:14px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;margin-left:8px;animation:supmSpin .7s linear infinite}@keyframes supmSpin{to{transform:rotate(360deg)}}
.supm-soft-lock{opacity:.55;filter:grayscale(.4);cursor:not-allowed!important}.supm-mobile-badge{color:#bbf7d0;border-color:rgba(34,197,94,.35)!important;background:rgba(34,197,94,.12)!important}
.supm-command-board button:disabled,.supm-main-btn:disabled{opacity:.62;cursor:wait}.supm-command-board button:active,.supm-main-btn:active,.supm-action-card:active{transform:scale(.985)}
@media(max-width:380px){.supm-connection-banner{left:7px;right:7px;bottom:125px;font-size:13px}.supm-bottom-nav a{min-height:52px}.supm-command-board{bottom:68px}}

/* Phase 69F — saved entry review + correction request visibility (mobile-safe, no redesign) */
.supm-saved-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.supm-saved-toolbar .supm-small-btn.active{border-color:rgba(56,189,248,.7);background:rgba(56,189,248,.18);color:#e0f2fe}.supm-saved-total{border:1px solid var(--line);border-radius:14px;padding:10px 11px;background:rgba(255,255,255,.04);color:var(--muted);font-size:13px;font-weight:850;margin:10px 0}.supm-saved-worker{border:1px solid var(--line);background:rgba(255,255,255,.03);border-radius:17px;padding:11px;margin:0}.supm-saved-worker h3{margin:0 0 4px;font-size:17px}.supm-saved-worker h3 small{color:var(--muted);font-size:12px}.supm-saved-worker p{font-size:13px;margin:0 0 8px;color:var(--muted)}.supm-saved-rows{display:grid;gap:9px}.supm-saved-row{border:1px solid rgba(255,255,255,.12);background:rgba(7,16,32,.62);border-radius:15px;padding:10px}.supm-saved-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.supm-saved-head b{display:block}.supm-saved-head small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.supm-saved-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px;color:var(--muted);font-size:13px}.supm-saved-grid b{color:var(--text)}.supm-saved-note{margin-top:8px;border:1px solid rgba(245,158,11,.25);background:rgba(245,158,11,.08);border-radius:12px;padding:8px;color:#fde68a;font-size:13px}.supm-saved-actions{margin-top:9px;display:flex;justify-content:flex-end}.supm-mini-action{border:1px solid rgba(56,189,248,.35);background:rgba(56,189,248,.12);color:#e0f2fe;border-radius:13px;min-height:38px;padding:8px 11px;font-weight:900}.supm-mini-action:disabled{opacity:.55;filter:grayscale(.45)}.supm-saved-pill{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;padding:5px 8px;font-size:11px;font-weight:950;white-space:nowrap}.supm-saved-pill.info{color:#bfdbfe;background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.3)}.supm-saved-pill.ok{color:#bbf7d0;background:rgba(34,197,94,.13);border-color:rgba(34,197,94,.32)}.supm-saved-pill.warn{color:#fde68a;background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.35)}.supm-saved-pill.bad{color:#fecaca;background:rgba(239,68,68,.13);border-color:rgba(239,68,68,.35)}.supm-correction-item p{margin-top:8px;color:var(--muted);font-size:13px}.supm-correction-item p b{color:var(--text)}
@media(max-width:420px){.supm-saved-grid{grid-template-columns:1fr}.supm-saved-head{flex-direction:column}.supm-saved-actions{justify-content:stretch}.supm-mini-action{width:100%}}

/* Phase 69G.12 — one-time final correction edit */
.supm-mini-action.success{border-color:rgba(34,197,94,.45);background:linear-gradient(135deg,rgba(34,197,94,.24),rgba(56,189,248,.16));color:#dcfce7;box-shadow:0 0 0 1px rgba(34,197,94,.08) inset}
.supm-saved-note.ok{border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.10);color:#bbf7d0}
body.supm-correction-final-edit .supm-topbar{border-color:rgba(34,197,94,.35);box-shadow:0 0 0 1px rgba(34,197,94,.08) inset}
body.supm-correction-final-edit #entryStatusBox{border-color:rgba(245,158,11,.35)}
body.supm-correction-final-edit .supm-pending-card{opacity:.7}
body.supm-correction-final-edit .supm-pending-card::before{content:'Final correction mode: edit the saved row above and tap Save Final Correction. Extra rows are blocked.';display:block;margin-bottom:8px;border:1px solid rgba(245,158,11,.25);background:rgba(245,158,11,.08);color:#fde68a;border-radius:12px;padding:8px;font-size:12px;font-weight:800}


/* Phase 69G.13 — Supervisor daily rolling window note */
.supm-rolling-note{border:1px solid rgba(56,189,248,.24);background:linear-gradient(135deg,rgba(56,189,248,.10),rgba(99,102,241,.08));border-radius:15px;padding:10px 11px;margin:10px 0 12px;color:var(--muted);font-size:13px;line-height:1.45}
.supm-rolling-note b{color:#e0f2fe}
.supm-date-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(148,163,184,.22);border-radius:999px;padding:4px 8px;margin-left:6px;color:#bfdbfe;background:rgba(148,163,184,.08);font-size:11px;font-weight:900}