/* DairyLog Platform Admin — shared QuickBooks-inspired theme */
:root{color-scheme:dark;--ink:#f2f3f4;--muted:#acb3b8;--page:#121416;--surface:#202326;--panel:#25292c;--soft:#303539;--line:#3a4146;--teal:#003b3a;--green:#168a50;--green-bright:#6ed59b;--danger:#f0a49c}
html[data-theme=light]{color-scheme:light;--ink:#21262b;--muted:#69737d;--page:#f4f5f6;--surface:#fff;--panel:#fff;--soft:#f0f2f3;--line:#d6dade;--teal:#005450;--green:#168a50;--green-bright:#0e7442;--danger:#b2342d}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:var(--page);color:var(--ink);font:14px/1.5 "Avenir Next",Avenir,"Segoe UI",Arial,sans-serif}
header{display:flex;justify-content:space-between;align-items:center;background:var(--teal);padding:11px max(18px,3vw);border-bottom:1px solid rgba(0,0,0,.15);color:#fff;gap:12px}
.brand{display:flex;align-items:center;gap:12px}.brand strong{display:block;font-size:17px;letter-spacing:-.02em}.brand small{display:block;font-size:10px;color:#d0e2df;margin-top:1px}.logo{background:#003b3a;color:#a7f0c9;border-radius:6px;padding:9px;font-size:13px;font-weight:800}
a{color:var(--green-bright)}header a{color:#fff;text-decoration:none;font-weight:700}header a:hover{text-decoration:underline}
.admin-header-actions{display:flex;align-items:center;gap:14px}
main{max-width:1260px;margin:23px auto;padding:0 20px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:22px;margin-bottom:15px}.sub,p{color:var(--muted)}h1{margin:0;font-size:25px;letter-spacing:-.02em}h2{margin:0 0 14px;font-size:18px}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:16px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:14px}.stat strong{display:block;font-size:24px}.stat span{font-size:11px;color:var(--muted)}
.head{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.head>div{display:flex;gap:8px}.tabs{display:flex;gap:5px;flex-wrap:wrap;margin:17px 0}
button,input,select{font:inherit;border:1px solid var(--line);border-radius:4px;padding:8px 12px;background:var(--panel);color:var(--ink);min-height:35px}button{cursor:pointer;font-weight:700}button:hover{background:var(--soft)}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.tabs button.active{background:var(--green);border-color:var(--green);color:#fff}
button.warn{color:var(--danger);border-color:var(--danger)}button.warn:hover{background:var(--soft)}
header #adminThemeToggle{color:#fff;border-color:rgba(255,255,255,.4);background:transparent}header #adminThemeToggle:hover{background:rgba(255,255,255,.1)}
.record{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.record strong{display:block}.record small{display:block;color:var(--muted);overflow-wrap:anywhere;margin-top:3px}.actions{display:flex;gap:7px;flex-wrap:wrap}.pill{font-size:11px;border-radius:10px;background:var(--soft);padding:4px 7px;margin-left:6px}.pill.locked{color:var(--danger)}#message{color:var(--danger);white-space:pre-wrap}footer{text-align:center;padding:23px;color:var(--muted);font-size:11px}
[hidden]{display:none!important}
@media(max-width:650px){.record{align-items:flex-start;flex-direction:column}.head>div{width:100%}input{min-width:0;width:100%}.admin-header-actions{gap:7px}.admin-header-actions button{padding:7px}}

/* Build 5.3: versioned platform email templates */
.template-form{border-top:1px solid var(--line);margin-top:18px;padding-top:18px;display:grid;gap:12px}
.template-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.template-form label{display:grid;gap:5px;font-weight:700;font-size:12px}
.template-form input,.template-form select,.template-form textarea{width:100%;background:var(--surface,#fff);color:var(--ink);border:1px solid var(--line);border-radius:4px;padding:9px}
.template-form textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical;min-height:145px}
@media(max-width:640px){.template-fields{grid-template-columns:1fr}}

.usage-filters{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.usage-filters label{display:grid;gap:4px;font-size:12px}.usage-filters input{min-width:195px}.usage-filters select{min-width:120px}

/* Build 5.5 separate platform console tools */
#accountDetails{display:grid;gap:8px;margin:20px 0}.admin-split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.admin-split .template-form{margin:0}.admin-split textarea{min-height:80px}
#questionsList{display:grid;gap:8px;margin-top:16px}#accounts input,#accounts select,#questions input,#questions select{max-width:100%}
@media(max-width:780px){.admin-split{grid-template-columns:1fr}}

/* Native modal, no window.prompt/window.confirm. */
.admin-dialog{width:min(520px,calc(100vw - 32px));max-height:88vh;overflow:auto;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);padding:25px;box-shadow:0 24px 80px rgba(0,0,0,.3)}
.admin-dialog::backdrop{background:rgba(4,13,12,.66)}.admin-dialog h2{margin:0 0 11px}.admin-dialog label{font-size:12px;font-weight:700;display:grid;gap:7px;margin:12px 0}.admin-dialog input,.admin-dialog textarea,.admin-dialog select{width:100%;padding:10px;min-height:41px}.admin-dialog textarea{min-height:96px;resize:vertical}
.modal-actions{justify-content:flex-end;margin-top:22px}.primary-action{color:#fff;background:#168a50;border-color:#168a50}.primary-action:hover{background:#0e7442}.admin-dialog [role=alert]{color:var(--danger)}