:root{font-family:Tahoma,Arial,sans-serif;color:#19333b;background:#f3f6f8}*{box-sizing:border-box}body{margin:0}header{background:#103e47;color:white;display:flex;align-items:center;gap:24px;padding:20px 4%}h1{font-size:24px}.badge{background:#d4f4df;color:#19412a;border-radius:20px;padding:8px}main{max-width:1300px;margin:auto;padding:24px}#workspace{display:grid;grid-template-columns:280px 1fr;gap:24px}[hidden]{display:none!important}section,aside,article{background:white;border-radius:12px;padding:20px}label{display:block;margin:12px 0}input,select,button{font:inherit;padding:10px;border:1px solid #b8cbd0;border-radius:6px;max-width:100%}input,select{width:100%;margin-top:6px}button{cursor:pointer;background:#176574;color:white;margin:4px}button:disabled{opacity:.45;cursor:default}nav{display:flex;flex-wrap:wrap;gap:6px}table{width:100%;border-collapse:collapse}td,th{text-align:right;padding:12px;border-bottom:1px solid #e2e9ec;overflow-wrap:anywhere}#message{padding:12px;color:#823515;min-height:24px}#login{max-width:440px;margin:40px auto}pre{white-space:pre-wrap;overflow-wrap:anywhere;direction:ltr;text-align:left}#orderform{display:flex;align-items:end;gap:12px}#detail{background:#f4f8f9;margin-top:20px}@media(max-width:800px){#workspace{grid-template-columns:1fr}header{flex-wrap:wrap}#orderform{display:block}main{padding:12px}}

@media(max-width:800px){table,tr,td{display:block;width:100%}tr:first-child{display:none}tr{border:1px solid #dbe6e9;border-radius:8px;padding:8px;margin:12px 0}td{border:0;padding:8px;overflow-wrap:anywhere}td:empty{display:none}td[data-label]::before{content:attr(data-label);font-weight:bold;display:block;color:#537079;margin-bottom:4px}article,aside{padding:12px}#content th{display:none}}

/* Scoped real read-only admin workspace. Existing mock screens remain separate. */
.real-admin{background:#f1f5f6;color:#19333b;line-height:1.65}.real-admin header{padding:20px 3%;border-bottom:4px solid #45baa3;flex-wrap:wrap}.real-admin h1{margin:4px 0;font-size:24px}.real-admin h2{margin:0 0 16px}.real-admin h3{font-size:17px}.mode-badge,.read-pill{display:inline-block;border:1px solid #83cfbd;background:#e3f8f0;color:#135848;border-radius:24px;padding:7px 14px;font-size:13px}.real-admin #pilot-user{margin-inline-start:auto;font-size:13px}.admin-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px;max-width:1600px;padding:28px 3%}.admin-sidebar{align-self:start;border:1px solid #dee8eb;padding:20px;position:sticky;top:16px}.admin-sidebar nav{display:grid;gap:6px;margin:24px 0}.admin-sidebar button{text-align:right;margin:0;background:transparent;color:#355561;border:0;border-radius:8px;padding:12px}.admin-sidebar button[aria-current=page]{background:#e0f1ef;color:#12564e;font-weight:bold;box-shadow:inset -3px 0 #228977}.admin-main{min-width:0;padding:28px;border:1px solid #dee8eb;box-shadow:0 4px 24px #15384106}.page-heading,.detail-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.eyebrow{color:#248374;font-size:11px;letter-spacing:2px;margin:0 0 8px}.muted,.summary-line{color:#647c85;font-size:13px}.summary-line{padding:12px 0;border-bottom:1px solid #e1e9ec;direction:ltr;text-align:right;overflow-wrap:anywhere}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.cards section{border:1px solid #e1e9ec;background:#f9fbfc;padding:18px}.cards p{margin:0 0 12px}.cards strong{font-size:32px;font-weight:600;color:#14574f}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.status-grid section{border:1px solid #e1e9ec}.metric{display:flex;justify-content:space-between;border-bottom:1px solid #eef3f5;padding:8px 0;margin:0}.filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;margin:20px 0}.filters label{font-size:12px;color:#647c85;margin:0}.filters input,.filters select{background:#f9fbfc;font-size:13px;padding:10px;min-height:44px}.table-wrap{overflow:auto;width:100%;border:1px solid #e1e9ec;border-radius:10px;margin:18px 0}.real-admin table{font-size:12px;min-width:1650px}.real-admin thead{background:#eff5f6}.real-admin th{white-space:nowrap;padding:14px 12px;color:#496771}.real-admin td{padding:14px 12px;max-width:180px;min-width:80px;vertical-align:top}.real-admin tbody tr:hover{background:#f7fafb}.record-badge,.status-badge{display:inline-block;padding:4px 8px;border-radius:6px;font-size:11px;background:#edf2f4;color:#526b75}.normal,.completed{background:#e3f5ec;color:#27654c}.legacy,.partial{background:#fff2d6;color:#856117}.quarantine,.failed{background:#fae9e6;color:#9b493e}.processing{background:#e8f1fb;color:#35658b}.real-admin .secondary{background:white;color:#176574;border-color:#b9d6d9;white-space:nowrap;font-size:12px}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;color:#647c85;font-size:13px}.notice,.warning{background:#fffaeb;border-inline-start:3px solid #d4a645;padding:14px;font-size:13px}.technical{display:block;font-family:monospace;font-size:12px;color:#74858b;direction:ltr;text-align:right;overflow-wrap:anywhere}.quarantine-note{margin:14px 0;padding:12px;border:1px solid #ebdfd7}.empty{padding:40px;text-align:center;color:#647c85}.real-admin dialog{width:min(850px,94vw);max-height:90vh;overflow:auto;border:1px solid #d0e1e4;border-radius:16px;padding:26px;color:#19333b}.real-admin dialog::backdrop{background:#102f3d88}.detail-head{position:sticky;top:-26px;background:white;border-bottom:1px solid #e1e9ec;z-index:1;padding:10px 0}.detail-grid{display:grid;grid-template-columns:180px minmax(0,1fr);gap:0}.detail-grid dt,.detail-grid dd{padding:10px 0;margin:0;border-bottom:1px solid #edf2f4;overflow-wrap:anywhere;font-size:13px}.detail-grid dt{color:#647c85}.real-admin details{margin:20px 0;padding:14px;background:#f5f8f9;border-radius:8px}.real-admin a{color:#267369;font-size:13px}.real-admin button:focus-visible,.real-admin input:focus-visible,.real-admin select:focus-visible{outline:3px solid #77b4ca;outline-offset:2px}
@media(max-width:900px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:static}.admin-sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr));margin:12px 0}.admin-sidebar button{text-align:center;padding:10px 4px;font-size:12px}.admin-sidebar label{max-width:360px}.filters{grid-template-columns:1fr 1fr}.real-admin table{display:table}.real-admin tr{display:table-row;width:auto;border:0;margin:0;padding:0}.real-admin tr:first-child{display:table-row}.real-admin th{display:table-cell}.real-admin td{display:table-cell;width:auto}.real-admin td[data-label]::before{display:none}.admin-main{padding:18px}.real-admin #pilot-user{margin-inline-start:0}.real-admin header{gap:12px}.cards{gap:10px}.cards section{padding:12px}.cards strong{font-size:26px}}
@media(max-width:480px){.cards{grid-template-columns:1fr 1fr}.status-grid{grid-template-columns:1fr}.admin-layout{padding:12px}.real-admin header{padding:16px}.real-admin h1{font-size:20px}.mode-badge{font-size:11px}.page-heading{align-items:start}.detail-grid{grid-template-columns:1fr}.detail-grid dt{border:0;padding-bottom:0}.real-admin dialog{padding:16px}.detail-head{top:-16px}.summary-line{font-size:11px}.filters{gap:8px}.real-admin h2{font-size:20px}}

/* Operations administrative surfaces */
.ops-card{border:1px solid #d7e0e8;border-radius:12px;padding:1rem;margin:.75rem 0;background:#fff;overflow-wrap:anywhere}.ops-card button{margin:.35rem}.ops-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1rem}.ops-form label,.ops-filters label{display:flex;flex-direction:column;gap:.4rem}.ops-filters,.ops-tabs{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}.ops-editor{width:min(760px,92vw);max-height:90vh;overflow:auto;border:1px solid #cbd5e1;border-radius:16px}.ops-editor::backdrop{background:#10283899}.ops-form input,.ops-form select{min-width:0;width:100%;box-sizing:border-box}.ops-tabs button{flex:1 1 110px}@media(max-width:640px){.ops-form{grid-template-columns:1fr}.ops-filters{display:grid;grid-template-columns:1fr}.ops-card{padding:.75rem}.ops-card button{width:100%;margin:.3rem 0}}

/* Private Production: prevent narrow-screen health card overflow. */
@media(max-width:600px){.real-admin #admin-content .cards{grid-template-columns:minmax(0,1fr)}.real-admin #admin-content .cards section{min-width:0;overflow-wrap:anywhere}}
