[hidden]{display:none!important}
:root{--purple:#8e6be0;--blue:#3d82f0;--green:#1e8f45;--amber:#b77400;--red:#d93025;--logo:#2b7fbf;--navy:#16609f;
  --ink:#1f2933;--muted:#5f6b7a;--line:#e3e7ec;--bg:#ffffff;--soft:#f4f6f9}
*{box-sizing:border-box}
html,body{margin:0;background:#e9eef5;color:var(--ink);font:16px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.shell{max-width:520px;min-height:100vh;margin:0 auto;background:var(--bg);position:relative;padding-bottom:calc(24px + env(safe-area-inset-bottom))}
.bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:6px;padding:calc(10px + env(safe-area-inset-top)) 14px 10px;background:#fff;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:6px;text-decoration:none;margin-right:auto}
.word{font-size:27px;letter-spacing:-.2px;line-height:1}
.w1{color:var(--logo);font-weight:400}.w2{color:var(--navy);font-weight:800}
.iconbtn{border:0;background:none;color:#6b7480;padding:8px;border-radius:10px;cursor:pointer;display:grid;place-items:center;min-width:44px;min-height:44px}
.iconbtn:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #1a56b8;outline-offset:2px}
.menu{position:absolute;right:10px;top:64px;z-index:6;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.15);min-width:230px;padding:6px;display:flex;flex-direction:column}
.menu[hidden]{display:none}
.menu a,.menu button{display:block;text-align:left;padding:12px 14px;border-radius:8px;color:var(--ink);text-decoration:none;background:none;border:0;font:inherit;cursor:pointer;min-height:44px}
.menu a:hover,.menu button:hover{background:var(--soft)}
.who{font-size:13px;color:var(--muted);padding:8px 14px 6px;border-top:1px solid var(--line);margin-top:4px;word-break:break-all}
main{padding:22px 14px;outline:none}
.tiles{display:flex;flex-direction:column;gap:14px}
.tile{position:relative;display:flex;align-items:center;justify-content:center;min-height:58px;border-radius:5px;color:#fff;text-decoration:none;
  font-weight:800;font-size:19px;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.tile svg{position:absolute;left:20px;width:22px;height:22px}
.tile:active{transform:translateY(1px)}
.t-review{background:var(--purple)}.t-open{background:var(--blue)}.t-closed{background:var(--green)}.t-search{background:var(--amber)}
.badge{position:absolute;right:16px;min-width:28px;height:28px;padding:0 7px;border-radius:14px;background:var(--red);color:#fff;font-size:15px;letter-spacing:0;display:grid;place-items:center;border:2px solid #fff}
.asof{margin:18px 2px 0;color:var(--muted);font-size:14px;text-align:center}
.desk{margin-top:26px;padding:14px;border:1px dashed #c9d2dd;border-radius:10px;font-size:14px;color:var(--muted);text-align:center}
.desk a{color:#1a56b8;font-weight:600}
h1{font-size:22px;margin:0 0 4px}
.sub{color:var(--muted);margin:0 0 16px;font-size:14px}
.back{display:inline-flex;align-items:center;gap:4px;color:#1a56b8;text-decoration:none;font-weight:600;margin-bottom:12px;min-height:44px}
.kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}
.kpi{background:var(--soft);border-radius:10px;padding:12px}
.kpi b{display:block;font-size:24px;font-variant-numeric:tabular-nums}
.kpi span{font-size:13px;color:var(--muted)}
.kpi.warn b{color:var(--red)}
table.dist{width:100%;border-collapse:collapse;margin:6px 0 18px;font-size:15px}
table.dist td{padding:7px 0;border-bottom:1px solid var(--line)}
table.dist td.n{text-align:right;font-variant-numeric:tabular-nums;width:3em}
table.dist td.barc{width:45%;padding-left:10px}
.hbar{height:8px;background:var(--logo);border-radius:2px}
h2{font-size:16px;margin:20px 0 8px}
.list{list-style:none;margin:0;padding:0}
.case{display:block;padding:12px 2px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}
.case .r1{display:flex;justify-content:space-between;gap:8px;font-weight:650}
.case .r2{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:14px;margin-top:2px}
.pill{font-size:12px;font-weight:700;padding:2px 8px;border-radius:10px;background:var(--soft);color:var(--ink);white-space:nowrap}
.pill.stuck{background:#fde7e6;color:#a1170f}
.pill.reqs{background:#e7f0fd;color:#174ea6}
.search{display:flex;gap:8px;margin-bottom:12px}
.search input{flex:1;font:inherit;padding:12px;border:1px solid #b9c3cf;border-radius:8px;min-height:48px}
dl.facts{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0 0 16px;font-size:15px}
dl.facts dt{color:var(--muted)}dl.facts dd{margin:0}
.req{padding:10px 0;border-bottom:1px solid var(--line);font-size:15px}
.req .t{font-weight:650}.req .m{color:var(--muted);font-size:13px}
.req.open .t::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--amber);margin-right:7px;vertical-align:middle}
.req.done .t::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:7px;vertical-align:middle}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:700;padding:12px 18px;border-radius:8px;border:0;background:var(--blue);color:#fff;cursor:pointer;min-height:48px;text-decoration:none}
.btn.ghost{background:#fff;color:#1a56b8;border:1px solid #b9c3cf}
.btn.small{min-height:40px;padding:8px 12px;font-size:14px}
.src{border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:10px;display:flex;gap:12px;align-items:flex-start}
.src .st{width:30px;height:30px;flex:none}
.src h3{margin:0;font-size:16px}.src p{margin:2px 0 0;font-size:14px;color:var(--muted)}
.hist{font-size:14px}.hist li{display:flex;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid var(--line);align-items:center}
.hist .acts{display:flex;gap:6px}
.linkbtn{background:none;border:0;color:#1a56b8;font:inherit;font-size:14px;cursor:pointer;padding:6px;min-height:36px}
.linkbtn.danger{color:#a1170f}
.empty{color:var(--muted);text-align:center;padding:30px 10px}
.signin{text-align:center;padding:30px 18px}
.signin .big{width:84px;height:84px}
.signin p{color:var(--muted)}
#gbtn{display:flex;justify-content:center;margin:22px 0}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(20px + env(safe-area-inset-bottom));max-width:min(92vw,480px);background:#1f2933;color:#fff;padding:12px 16px;border-radius:10px;font-size:15px;z-index:20;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.toast.err{background:#a1170f}.toast.ok{background:#14632f}
.spin{animation:spin 1s linear infinite;transform-origin:center}@keyframes spin{to{transform:rotate(360deg)}}
.form{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
.form input{font:inherit;padding:11px;border:1px solid #b9c3cf;border-radius:8px;min-height:46px}
@media (min-width:900px){ .shell{margin-top:24px;margin-bottom:24px;border-radius:16px;min-height:calc(100vh - 48px);box-shadow:0 10px 40px rgba(0,0,0,.08)} }
@media (prefers-reduced-motion:reduce){ .spin{animation:none} }