:root{--ink:#243b3d;--muted:#657a7a;--line:#d8e3e0;--paper:#edf3f1;--green:#3f7776;--pale:#dceae7;--orange:#df927b;--shadow:0 18px 55px #1b41400d}
.site-header,.site-footer{border-color:#15343a12}
.button-dark:hover{background:#315f60}
.eyebrow{color:#52777a}
.intro h1 span,.lock-icon,.text-button,.update-icon{color:var(--green)}
.order-status{background:#e0ece9;color:#3a6968}
.update-box{background:#e8f0ee}
.reference-chip{background:#edf3f1;color:#647a78}
.reference-chip strong{color:#315b5a}
.progress-list:before{border-color:#d5e2df}
.progress-list{grid-template-columns:repeat(4,1fr)}
.progress-step{font-size:9px}
.progress-step.complete{color:#4b777a}
.step-dot{border-color:#c9dddb}
.whatsapp-button{border-color:#25d366;background:#25d366;color:#123c28;font-weight:700}
.whatsapp-button:hover{background:#20bd5a;border-color:#20bd5a}
.notice{background:#e2eeeb;color:#386b68}
.quick-status{background:#e8f0ed;border-color:#d9e5e1}
.quick-status label{color:#415f5e}
.order-card{background:#e4efec;border-color:#cfdfdb}
.result-card{min-height:0;padding:24px}
.login-card input:focus,.order-dialog input:focus,.order-dialog select:focus,.order-dialog textarea:focus{border-color:#4d9da0;box-shadow:0 0 0 3px #11778018}
.admin-tag{background:#dff0ee;color:#387277}
.header-actions{display:flex;align-items:center;gap:10px}
.login-card,.order-card,.empty-state,.result-card,.order-dialog,.input-row{background:#f8fbfa}
.button-light{background:#e5eeeb;color:#314d4d}
.order-actions{border-color:#e0e9e6}
html[data-theme="dark"]{color-scheme:dark;--ink:#d8e3e1;--muted:#a4b5b2;--line:#394f4f;--paper:#172526;--green:#83b8b0;--pale:#2a4140;--shadow:0 18px 55px #07131366}
html[data-theme="dark"] body{background:var(--paper);color:var(--ink)}
html[data-theme="dark"] .site-header,html[data-theme="dark"] .site-footer{border-color:#d8e3e11a}
html[data-theme="dark"] .brand,html[data-theme="dark"] .quiet-link{color:var(--ink)}
html[data-theme="dark"] .brand-mark{background:#386c6a;color:#f2f8f6}
html[data-theme="dark"] .login-card,html[data-theme="dark"] .order-card,html[data-theme="dark"] .empty-state,html[data-theme="dark"] .result-card,html[data-theme="dark"] .order-dialog,html[data-theme="dark"] .input-row{background:#203233;border-color:#3a5050;color:var(--ink)}
html[data-theme="dark"] .order-dialog input,html[data-theme="dark"] .order-dialog select,html[data-theme="dark"] .order-dialog textarea,html[data-theme="dark"] .login-card input,html[data-theme="dark"] .quick-status-select{background:#192a2b;border-color:#435858;color:var(--ink)}
html[data-theme="dark"] .quick-status{background:#203536;border-color:#3a5251}
html[data-theme="dark"] .quick-status label{color:#bed1cd}
html[data-theme="dark"] .order-status,html[data-theme="dark"] .count-pill,html[data-theme="dark"] .admin-tag{background:#2a4544;color:#b2d5ce}
html[data-theme="dark"] .update-box,html[data-theme="dark"] .reference-chip,html[data-theme="dark"] .button-light,html[data-theme="dark"] .icon-button{background:#293f40;color:#c5d8d4}
html[data-theme="dark"] .reference-chip strong,html[data-theme="dark"] .order-identity h2,html[data-theme="dark"] .order-notes,html[data-theme="dark"] .update-box p{color:#d4e1de}
html[data-theme="dark"] .order-phone,html[data-theme="dark"] .update-label,html[data-theme="dark"] .update-box time,html[data-theme="dark"] .small-print{color:#a2b6b2}
html[data-theme="dark"] .whatsapp-button{background:#25d366;border-color:#25d366;color:#123c28}
html[data-theme="dark"] .whatsapp-button:hover{background:#20bd5a;border-color:#20bd5a}
html[data-theme="dark"] .small-button{background:#263b3c;border-color:#435858;color:#d5e2df}
html[data-theme="dark"] .order-actions{border-color:#354b4b}
html[data-theme="dark"] .site-footer,html[data-theme="dark"] .site-footer a{color:#9fb2ae}
html[data-theme="dark"] .progress-list:before{border-color:#3d5554}
html[data-theme="dark"] .step-dot{background:#203233;border-color:#526766}
html[data-theme="dark"] .progress-step.complete{color:#a8c9c3}
html[data-theme="dark"] .progress-step.current{color:#a7d4ca}
html[data-theme="dark"] .button-danger{background:#573b39;color:#ffd4c9}
html[data-theme="dark"] .button-dark,html[data-theme="dark"] .save-status,html[data-theme="dark"] .order-actions .edit-order,html[data-theme="dark"] #customer-tracking{background:#477c76;border-color:#477c76;color:#fff}
html[data-theme="dark"] .button-dark:hover{background:#376a65}
@media(max-width:760px){.result-card{min-height:0;padding:22px}}
@media(max-width:520px){.header-actions{gap:6px}}