:root{--navy:#071A3D;--navy2:#0F3277;--gold:#0B63E5;--gold-d:#084BB0;--gold-l:#D9E7FD;--gold-xl:#F0F6FE;--amber:#FFB224}
/* Admin panel styles */
*{box-sizing:border-box}
body{margin:0;font:15px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:#f3f4f6;color:#111827}
a{color:#1d4ed8}
.panel-head{background:#0f172a;color:#fff}
.panel-in{display:flex;gap:6px 14px;align-items:center;flex-wrap:wrap;padding:10px 18px;max-width:1200px;margin:0 auto}
.panel-head a{color:#cbd5e1;text-decoration:none;padding:6px 10px;border-radius:6px;font-size:.92rem}
.panel-head a:hover,.panel-head a.on{background:#1e293b;color:#fff}
.panel-head nav{display:flex;flex-wrap:wrap;gap:2px}
.spacer{flex:1}
.count{background:#dc2626;color:#fff;border-radius:99px;padding:0 7px;font-size:.75rem;margin-left:4px}
.panel-main{max-width:1200px;margin:0 auto;padding:22px 18px 60px}
h1{font-size:1.5rem;margin:0 0 16px}h2{font-size:1.15rem;margin:0 0 10px}
.card{background:#fff;border-radius:10px;padding:18px;margin:0 0 16px;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px}
.stat{background:#fff;border-radius:10px;padding:14px;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.stat span{display:block;color:#6b7280;font-size:.82rem}.stat b{font-size:1.6rem}
table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;font-size:.9rem}
th,td{padding:9px 11px;text-align:left;border-bottom:1px solid #eef0f3;vertical-align:top}
th{background:#f9fafb;color:#6b7280;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}
tr.unread td{font-weight:700;background:#fffbeb}
.tablewrap{overflow-x:auto;border-radius:10px}
.pill{display:inline-block;padding:2px 10px;border-radius:99px;font-size:.76rem;font-weight:700;color:#fff;background:#6b7280}
.pill-green{background:#047857}.pill-amber{background:#b45309}.pill-red{background:#b91c1c}.pill-purple{background:#6d28d9}.pill-gray{background:#6b7280}.pill-warn{background:#b45309}
.alert{border-radius:8px;padding:11px 14px;margin:0 0 14px}
.alert-ok{background:#d1fae5;color:#064e3b}.alert-error{background:#fee2e2;color:#7f1d1d}.alert-warn{background:#fff4d6;color:#5b4500}.alert-info{background:#dbeafe;color:#1e3a8a}
label{display:block;font-weight:600;font-size:.88rem;margin:0 0 5px}
input[type=text],input[type=email],input[type=number],input[type=password],select,textarea{width:100%;padding:9px 10px;border:1px solid #cbd5e1;border-radius:8px;font:inherit;background:#fff}
textarea{min-height:100px}
.field{margin-bottom:14px}.hint{font-size:.8rem;color:#6b7280;margin-top:3px}
.hint.pending{color:#b45309;font-weight:600}
.btn{display:inline-block;background:#1d4ed8;color:#fff;border:0;border-radius:8px;padding:9px 16px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none}
.btn:hover{background:#1e40af;color:#fff}
.btn-danger{background:#b91c1c}.btn-danger:hover{background:#991b1b}
.btn-gray{background:#4b5563}.btn-gray:hover{background:#374151}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:800px){.row2{grid-template-columns:1fr}}
.checklist{list-style:none;padding:0;margin:0}
.checklist li{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #eef0f3}
.checklist .dot{flex:0 0 22px;height:22px;border-radius:50%;background:#d1d5db;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;margin-top:2px}
.checklist .ok .dot{background:#047857}.checklist .bad .dot{background:#b91c1c}.checklist .rec .dot{background:#d97706}
.kv{display:grid;grid-template-columns:190px 1fr;gap:5px 14px;margin:0}.kv dt{color:#6b7280}.kv dd{margin:0}
@media(max-width:600px){.kv{grid-template-columns:1fr}}
code,pre{background:#f3f4f6;border-radius:6px;padding:2px 6px;font-size:.85em;word-break:break-all}
pre{padding:10px;white-space:pre-wrap}
.login-box{max-width:380px;margin:80px auto;padding:0 18px}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.filters input,.filters select{width:auto}
.pager{display:flex;gap:10px;margin-top:12px;align-items:center}
.mono{font-family:ui-monospace,Menlo,Consolas,monospace}

/* team queue, reviews */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:760px){.grid3{grid-template-columns:1fr}}
.rowhead{display:flex;gap:10px;align-items:center;margin-bottom:10px;flex-wrap:wrap}
.check{display:flex;gap:9px;align-items:flex-start;font-weight:400}.check input{width:auto;margin-top:4px}
.segrow{display:grid;grid-template-columns:90px 110px 70px 70px 1fr 1fr;gap:8px;margin-bottom:8px}@media(max-width:900px){.segrow{grid-template-columns:1fr 1fr}}
details summary{cursor:pointer;padding:6px 0}
.stars{color:#d97706}.stars i{color:#d1d5db;font-style:normal}
/* brand accent */
.panel-head{background:var(--navy,#071A3D)}.btn{background:var(--navy,#071A3D)}.btn:hover{background:var(--gold-d,#084BB0)}a{color:var(--gold-d,#084BB0)}

/* theme picker */
.themes{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.theme{display:flex;flex-direction:column;gap:6px;background:#fff;border:2px solid #e5e7eb;border-radius:14px;padding:12px;cursor:pointer;position:relative}
.theme input{position:absolute;opacity:0}
.theme.on,.theme:has(input:checked){border-color:var(--gold,#0B63E5);box-shadow:0 0 0 3px var(--gold-l,#D9E7FD)}
.theme:focus-within{outline:3px solid var(--amber,#FFB224)}
.tprev{display:block;border-radius:10px;overflow:hidden;border:1px solid #e5e7eb}
.tbar{display:flex;gap:5px;padding:7px 9px;align-items:center}.tbar i{display:block;height:7px;width:18px;border-radius:4px}
.tbody{display:block;padding:10px 9px 6px}.tbody b{display:block;height:8px;border-radius:4px;margin-bottom:6px;width:85%}
.tbody em{display:inline-block;margin-top:4px;font-style:normal;color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:7px}
.tsw{display:flex;gap:0;padding:0}.tsw s{flex:1;height:14px;display:block}
.logopreview{padding:16px;background:#f3f4f6;border-radius:10px;margin:8px 0 14px;display:inline-block}
.logopreview .brand{color:var(--navy,#071A3D);text-decoration:none}
.brand-txt{display:flex;flex-direction:column;line-height:1.05}.brand-txt b{font-weight:800;font-size:1.1rem}.brand-txt b i{font-style:normal;color:var(--gold,#0B63E5)}.brand-txt small{font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:#6b7280;margin-top:3px}
.logopreview .brand{display:flex;align-items:center;gap:10px}
.tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.tab{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:#fff;color:#374151;text-decoration:none;font-size:.9rem;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.tab.on{background:#0b2240;color:#fff}.tab .count{background:#e5e7eb;color:#111827;border-radius:999px;padding:0 8px;font-size:.78rem;font-weight:700}
.tab.on .count{background:rgba(255,255,255,.22);color:#fff}.tab .count.hot{background:#b91c1c;color:#fff}
.bulkbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 8px}
.inl{display:inline-flex;align-items:center;gap:6px;font-size:.88rem}.inl input{width:auto}
.nowrap{white-space:nowrap}
.quick{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin:0 0 18px}
.quick a{display:block;background:#fff;border-radius:10px;padding:12px 14px;text-decoration:none;color:#111827;box-shadow:0 1px 2px rgba(0,0,0,.06);border-left:4px solid #0b2240}
.quick a b{display:block}.quick a span{font-size:.82rem;color:#6b7280}
.quick a.hot{border-left-color:#b91c1c}.quick a.warn{border-left-color:#b45309}
.todo{display:flex;flex-direction:column;gap:8px}
.todo .item{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;background:#fff;border-radius:10px;padding:10px 14px;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.bars{display:flex;align-items:flex-end;gap:6px;height:110px;margin-top:8px}
.bars .bar{flex:1;background:#0b2240;border-radius:4px 4px 0 0;min-height:2px;position:relative}
.bars .bar i{position:absolute;bottom:100%;left:0;right:0;text-align:center;font-style:normal;font-size:.72rem;color:#374151}
.barlab{display:flex;gap:6px}.barlab span{flex:1;text-align:center;font-size:.7rem;color:#6b7280}
.help{background:#eef4ff;border-left:4px solid #2563eb;border-radius:8px;padding:10px 14px;margin:0 0 14px}

.subform{border-top:1px solid #e5e7eb;margin-top:14px;padding-top:12px}.subform h3{margin:0 0 8px;font-size:1rem}

/* Team data sheet, tabs and copy buttons */
.btn-sm{padding:6px 12px;font-size:13px}
.tabs2{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0;border-bottom:1px solid #e5e7eb}
.tab2{background:none;border:0;border-bottom:3px solid transparent;padding:8px 12px;font:inherit;font-weight:600;color:#4b5563;cursor:pointer}
.tab2.on{color:var(--navy,#0b1b3f);border-bottom-color:var(--bright,#2563eb)}
pre.cmd{background:#0f172a;color:#e2e8f0;padding:10px 12px;border-radius:8px;margin:0;font:13px/1.5 ui-monospace,Menlo,Consolas,monospace;white-space:pre-wrap;word-break:break-all}
textarea.mono{width:100%;box-sizing:border-box;font:13px/1.45 ui-monospace,Menlo,Consolas,monospace}
.tabpane[hidden]{display:none}
.copied{outline:2px solid #16a34a}

.dot{display:inline-block;width:11px;height:11px;border-radius:50%;vertical-align:middle;margin-right:5px}
.dot-on{background:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.25)}.dot-off{background:#dc2626}
.dot-t{font-size:12px;font-weight:600;color:#b91c1c}.dot-t-on{color:#15803d}