:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#172c2d;background:#f4f6f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;border:0;border-radius:8px;padding:11px 17px;background:#e8eeec;color:#23403c;font-weight:600}button:disabled{opacity:.5;cursor:wait}.primary{background:#146b56;color:white}.primary:hover{background:#0e5745}.quiet{background:transparent;padding:8px}a{color:inherit;text-decoration:none}header{display:flex;align-items:center;justify-content:space-between;padding:21px 4%;border-bottom:1px solid #dce5e1;background:white;gap:25px}.brand{display:flex;gap:12px;align-items:center;font-size:22px;font-weight:750}.brand small{display:block;font-size:10px;letter-spacing:3px;margin-top:2px;color:#627772}.brand-mark{display:inline-grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#146b56;color:white;font-size:16px;font-weight:800}nav{display:flex;gap:24px;color:#637570;font-size:13px}nav a:first-child{color:#146b56}.account{display:flex;align-items:center;gap:12px;font-size:13px}main{max-width:1640px;margin:auto;padding:38px 4% 20px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px}h1{font-size:clamp(25px,3vw,38px);letter-spacing:-1.4px;margin:10px 0 12px;font-weight:700}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:750;color:#52766a;margin:0}.muted{color:#71827e;font-size:14px}.connection{display:flex;align-items:center;gap:15px;font-size:12px;color:#537a6b;margin:22px 0}.connection #clock{margin-left:auto}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0 30px}.metric{background:white;border:1px solid #e0e7e3;border-radius:12px;padding:20px 23px;display:flex;justify-content:space-between;align-items:center}.metric strong{display:block;font-size:32px;margin-top:10px;font-weight:650}.metric small{font-size:12px;color:#6d8179}.metric .icon{font-size:24px;color:#65927e;background:#f0f6f2;border-radius:10px;padding:12px}.toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.tabs{display:flex;gap:4px;flex-wrap:wrap}.tabs button{background:transparent;font-size:13px;font-weight:500}.tabs button.active{background:#dfece5;color:#146b56;font-weight:700}input,select,textarea{width:100%;border:1px solid #d8e2dd;background:#fff;border-radius:7px;padding:10px;color:#213d35}#search{width:320px;font-size:13px}.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.lane-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding:0 3px}.lane-header h2{font-size:17px;margin:0}.lane-header span{background:#e1e9e4;border-radius:100%;font-size:12px;padding:5px 9px}.lane-sub{font-size:12px;color:#7b8e86;margin:5px 0 17px}.card{background:white;border:1px solid #dfe7e2;border-radius:12px;padding:19px;margin-bottom:13px;box-shadow:0 3px 9px #203d2f04}.card-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.plate{font-size:20px;letter-spacing:1px;font-weight:750}.rank{font-size:11px;color:#6e7e74}.model{font-size:13px;color:#718078;margin:7px 0 17px}.status{display:inline-block;font-size:11px;font-weight:650;border-radius:5px;padding:6px 9px;background:#eef1f3;color:#4a6470}.status.repair{background:#e2eee9;color:#15664d}.status.wait{background:#fff0d7;color:#94600b}.status.ready{background:#def1df;color:#287632}.action{margin:17px 0 12px;border-left:3px solid #81ae93;padding-left:11px;font-size:14px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.parts{font-size:12px;color:#8b651f;background:#fcf8ee;padding:10px;border-radius:6px;white-space:pre-wrap;overflow-wrap:anywhere}.card-bottom{border-top:1px solid #edf0ed;margin-top:15px;padding-top:10px;display:flex;align-items:center;justify-content:space-between;color:#7c8b83;font-size:12px}.card-bottom button{font-size:12px;padding:7px 10px}.call{font-size:12px;margin-top:12px;line-height:1.5;color:#9d5918;white-space:pre-wrap;overflow-wrap:anywhere}.empty{border:1px dashed #cbd8ce;border-radius:10px;padding:30px;text-align:center;font-size:13px;color:#7c9183}.footer{display:flex;justify-content:space-between;color:#9aa99e;font-size:10px;letter-spacing:1px;margin-top:35px}dialog{border:0;border-radius:16px;padding:28px;max-width:760px;width:95vw;max-height:92vh;box-shadow:0 20px 80px #102b2540}dialog::backdrop{background:#102b2570}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{margin:7px 0 23px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:12px;color:#5a7066}label input,label textarea,label select{margin-top:7px;font-size:14px}textarea{min-height:70px;resize:vertical}.wide{grid-column:1/-1}.checkbox{display:flex;align-items:center;gap:10px;font-size:13px}.checkbox input{width:auto}.dialog-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:22px}.dialog-actions .muted{font-size:11px}#form-error,#login-error,#global-error{color:#a54231;font-size:13px;white-space:pre-wrap}#login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at top right,#d8e7db,transparent 60%),#f0f5f1}#login[hidden],[hidden]{display:none!important}.login-card{background:white;padding:42px;border:1px solid #e0e8e0;border-radius:18px;width:min(430px,92vw)}.login-card .eyebrow{margin-top:23px}.login-card label{margin:18px 0}.login-card button{width:100%;margin-top:8px}.tv header nav,.tv .account{font-size:12px}.tv .board{grid-template-columns:repeat(3,minmax(0,1fr))}.tv .card{padding:24px}.tv .plate{font-size:30px}.tv .model{font-size:20px}.tv .action{font-size:22px}.tv .status{font-size:17px}.tv .card-bottom{font-size:17px}.tv .page-head h1{font-size:42px}.tv .footer{display:none}@media(min-width:1800px){.tv main{max-width:none}.tv .plate{font-size:40px}.tv .action{font-size:28px}}@media(max-width:1000px){header nav{gap:10px}.board{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr 1fr}.toolbar{align-items:stretch;flex-direction:column}#search{width:100%}.tv .board{grid-template-columns:1fr 1fr}}@media(max-width:650px){header{flex-wrap:wrap}header nav{order:3;width:100%}.page-head{align-items:flex-start;flex-direction:column}main{padding:25px 5%}.board,.tv .board{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.metrics{gap:10px}.metric{padding:14px}.metric .icon{display:none}.footer span{display:none}.dialog-actions{flex-wrap:wrap}.account{margin-left:auto}}
.tv .card{max-height:370px;overflow:hidden}.tv .action{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tv .parts{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:16px}.tv .rank{font-size:14px}
.tv header{padding-top:14px;padding-bottom:14px}.tv main{padding-top:20px}.tv .page-head h1{font-size:36px;margin:6px 0}.tv .connection{margin:12px 0}.tv .card{padding:18px;max-height:340px}.tv .plate{font-size:32px}.tv .model{margin:6px 0 10px}.tv .action{font-size:22px;line-height:1.3;margin:12px 0}.tv .parts{font-size:14px;line-height:1.2;padding:7px}.tv .card-bottom{font-size:15px;margin-top:12px;padding-top:8px}

/* DamovAuto identity: black and orange by default; shared layout in both themes. */
:root {
  color-scheme:dark;
  --background:#111214; --surface:#1c1d20; --surface-raised:#25262a;
  --text:#f5f5f6; --muted:#adb0b7; --border:#34353b;
  --accent:#ff8a1f; --accent-hover:#ffa34d; --accent-ink:#17120d;
  --accent-soft:#3d2b1c; --accent-text:#ffaf68; --error:#ffaaa0;
  --repair-bg:#352c22; --repair-text:#ffb66f;
  --wait-bg:#3b3019; --wait-text:#f5ce78;
  --ready-bg:#1d3529; --ready-text:#9bddb1;
  color:var(--text); background:var(--background);
}
:root[data-theme="light"] {
  color-scheme:light;
  --background:#f5f4f2; --surface:#fff; --surface-raised:#edeae6;
  --text:#242323; --muted:#686560; --border:#dedbd5;
  --accent:#ff8a1f; --accent-hover:#ffa34d; --accent-ink:#17120d;
  --accent-soft:#fff0df; --accent-text:#934300; --error:#a33125;
  --repair-bg:#fff0df; --repair-text:#89420d;
  --wait-bg:#fff3d4; --wait-text:#785313;
  --ready-bg:#e3f2e8; --ready-text:#23623b;
}
body {background:var(--background); color:var(--text)}
button {background:var(--surface-raised);color:var(--text)}
.primary,.brand-mark {background:var(--accent);color:var(--accent-ink)}
.primary:hover {background:var(--accent-hover)}
.quiet {background:transparent;color:var(--text)}
header {background:var(--surface);border-color:var(--border);border-top:3px solid var(--accent)}
.brand small,nav,.muted,.metric small,.lane-sub,.rank,.model,.card-bottom,label,.empty,.footer {color:var(--muted)}
nav a:first-child,.eyebrow,.connection {color:var(--accent-text)}
.metric,.card,.login-card {background:var(--surface);border-color:var(--border)}
.card {box-shadow:0 4px 16px #00000012}
.metric .icon {background:var(--accent-soft);color:var(--accent-text)}
.tabs button {background:transparent;color:var(--muted)}
.tabs button.active {background:var(--accent-soft);color:var(--accent-text)}
input,select,textarea {background:var(--background);border-color:var(--border);color:var(--text)}
input::placeholder,textarea::placeholder {color:var(--muted);opacity:1}
input,select,textarea {accent-color:var(--accent)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {outline:2px solid var(--accent)}
.lane-header span {background:var(--surface-raised);color:var(--text)}
.status {background:var(--surface-raised);color:var(--muted)}
.status.repair {background:var(--repair-bg);color:var(--repair-text)}
.status.wait {background:var(--wait-bg);color:var(--wait-text)}
.status.ready {background:var(--ready-bg);color:var(--ready-text)}
.action {border-color:var(--accent)}
.parts {background:var(--accent-soft);color:var(--accent-text)}
.card-bottom,.empty {border-color:var(--border)}
.call {color:var(--accent-text)}
dialog {background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:0 20px 80px #00000070}
dialog::backdrop {background:#000000a0}
#form-error,#login-error,#global-error {color:var(--error)}
#login {background:radial-gradient(ellipse at top right,var(--accent-soft),transparent 60%),var(--background)}
.theme-control {font-size:11px;display:flex;gap:8px;align-items:center}
.theme-control select {width:auto;max-width:100%;margin:0;font-size:12px;padding:8px;border-color:var(--border)}
.login-card .theme-control {margin-top:25px;padding-top:18px;border-top:1px solid var(--border);flex-wrap:wrap}
@media(max-width:1100px) {header{flex-wrap:wrap}header nav{order:3;width:100%}.account{margin-left:auto}}
@media(max-width:650px) {.account{flex-wrap:wrap}.theme-control select{max-width:170px}}

/* Process board: two workshop tables and three operational panels. */
main{max-width:2000px;padding-top:24px}.page-head h1{font-size:28px;margin:7px 0}.connection{margin:15px 0}.toolbar{margin-bottom:18px}
.hall-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}
.process-panel{min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}
.process-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px;border-bottom:3px solid var(--accent);background:var(--background)}
.process-heading h2{margin:0;font-size:24px;letter-spacing:1px}.process-heading>span:last-child{font-size:11px;color:var(--muted)}
.wordmark{font-weight:850;font-size:16px;letter-spacing:-.5px;color:var(--text)}.wordmark b{color:var(--accent)}
.hall-one .process-heading{border-bottom-color:#379df2}.hall-two .process-heading{border-bottom-color:#43cb79}
.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;table-layout:fixed}
.hall-grid table{min-width:680px}th{font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);font-weight:650;background:var(--background);text-align:left}
th,td{padding:12px 9px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);vertical-align:middle}
th:last-child,td:last-child{border-right:0}tbody tr:last-child td{border-bottom:0}td{font-size:12px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
tbody tr:nth-child(even){background:color-mix(in srgb,var(--surface-raised) 35%,transparent)}
td small{display:block;color:var(--muted);font-size:10px;margin-top:5px;line-height:1.35}
.hall-grid th:first-child{width:36px}.hall-grid th:last-child:empty{width:38px}
.hall-grid th:nth-child(2){width:63px}.hall-grid th:nth-child(3){width:105px}
.number-plate{display:inline-block;border-radius:3px;background:#f5f6f8;color:#101319;padding:3px 6px;font-weight:800;font-size:12px;white-space:nowrap;border-left:4px solid #286dd2;letter-spacing:.3px}
td .status{font-size:9px;padding:7px 6px;text-transform:uppercase;border-radius:4px;display:block;text-align:center;white-space:normal}
.workflow .status.repair{background:#228345;color:#fff}.workflow .status.wait{background:#ffd642;color:#24200f}.workflow .status.ready{background:#288348;color:#fff}
.table-parts{color:var(--accent-text)}td button{padding:5px 7px;font-size:14px}
.progress{display:flex;gap:4px;align-items:center;font-size:9px;margin-top:6px;color:var(--muted)}progress{width:100%;height:7px;accent-color:#43cb79}
.support-panel .process-heading{padding:14px}.support-panel h2{font-size:13px;letter-spacing:.3px;text-transform:uppercase}
.support-grid table{min-width:350px}.support-grid td{font-size:11px}.support-grid th{font-size:9px}.support-grid th:last-child:empty{width:34px}
.table-empty{text-align:center;color:var(--muted);padding:34px}
.support-grid table{table-layout:auto}.progress progress{width:0;min-width:0;flex:1}.progress span{white-space:nowrap}
.tv .hall-grid{grid-template-columns:1fr}.tv .support-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.tv .process-heading h2{font-size:30px}.tv th{font-size:14px}.tv td{font-size:20px;padding:16px 12px}.tv td small{font-size:12px}.tv td .status{font-size:14px}.tv .number-plate{font-size:19px}.tv .progress{font-size:12px}
.tv .hall-grid table{min-width:850px}.tv .support-panel h2{font-size:15px}.tv .support-grid td{font-size:14px}.tv .support-grid th{font-size:11px}
@media(max-width:1200px){.hall-grid{grid-template-columns:1fr}.support-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.support-grid,.tv .support-grid{grid-template-columns:1fr}.process-heading h2{font-size:20px}.wordmark{font-size:13px}.process-heading{padding:13px;gap:8px}}

/* Keep plate badges inside their cells, including enlarged TV text. */
.hall-grid th:first-child{width:44px}
.hall-grid th:nth-child(3){width:130px}
.number-plate{max-width:100%;white-space:normal;overflow-wrap:anywhere;vertical-align:middle}
.progress,.hall-grid td:first-child small{white-space:nowrap}
.tv .hall-grid th:first-child{width:64px}
.tv .hall-grid th:nth-child(2){width:100px}
.tv .hall-grid th:nth-child(3){width:210px}
.tv .hall-grid th:nth-child(4){width:200px}
.tv .hall-grid table{min-width:1000px}
.danger{background:#ba3535;color:#fff}.danger:hover{background:#a72a2a}.danger-outline{background:transparent;color:var(--error);border:1px solid currentColor}#delete-dialog{max-width:490px}#delete-dialog h2{margin:12px 0}#delete-description{font-weight:650}#delete-error{color:var(--error);font-size:13px}

/* Real mobile interface: the same authenticated API, database and edit forms. */
.mobile-only{display:none}
.mobile .mobile-only{display:block}
.mobile header{max-width:500px;margin:auto;padding:20px;gap:10px;flex-wrap:nowrap}
.mobile header nav,.mobile header .account{display:none}
.mobile #mobile-settings{margin-left:auto;min-width:44px;min-height:44px;font-size:23px}
.mobile main{max-width:500px;padding:22px 20px 100px}
.mobile .page-head{display:block}.mobile .page-head h1{font-size:28px;margin-top:8px}
.mobile .page-head .muted{font-size:12px}.mobile #today{font-size:10px;letter-spacing:1px}
.mobile #add{width:100%;margin-top:8px;min-height:46px}
.mobile .connection{font-size:11px;gap:8px;flex-wrap:wrap;margin:15px 0 20px}
.mobile .footer{display:none}
.mobile-board{min-width:0}.mobile-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end;margin-bottom:15px}
.mobile-controls label{font-size:11px}.mobile-controls select{margin-top:5px;font-size:16px}
.mobile-segments{display:flex;gap:5px;padding:4px;background:var(--surface);border-radius:10px;margin-bottom:15px}
.mobile-controls .mobile-segments{margin:0}.mobile-segments button{flex:1;padding:10px 6px;min-height:44px;font-size:13px;background:transparent;color:var(--muted)}
.mobile-segments button[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink)}
.mobile [data-mobile-search]{font-size:16px;min-height:46px}
.mobile-list-head{display:flex;justify-content:space-between;gap:10px;margin:20px 0 12px;font-size:12px;color:var(--muted)}
.mobile-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:12px;min-width:0;overflow:hidden}
.mobile-card-main{display:block;width:100%;padding:16px;text-align:left;background:transparent;border-radius:0;font-weight:400}
.mobile-car-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;overflow-wrap:anywhere}
.mobile-car-head strong{font-size:19px;letter-spacing:.4px}.mobile-car-head small{font-size:11px;color:var(--muted);text-align:right;flex-shrink:0}
.mobile-model{display:block;color:var(--muted);font-size:13px;margin:8px 0 12px;overflow-wrap:anywhere}
.mobile-status-line{display:block}.mobile-status-line .status{font-size:11px}.mobile-status-line .progress{max-width:240px;margin-top:12px}
.mobile-next{display:block;margin-top:14px;border-left:3px solid var(--accent);padding-left:9px;font-size:14px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
.mobile-time{display:block;font-size:12px;color:var(--muted);margin-top:10px}
.mobile-card-note{padding:0 16px 14px;font-size:12px;color:var(--muted)}
.mobile-call,.mobile-settings-panel{padding:16px}.mobile-call p{font-size:14px;overflow-wrap:anywhere}
.mobile-call .mobile-car-head strong{font-size:16px}.mobile-call .mobile-car-head{flex-wrap:wrap}
.mobile-call-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mobile-call-actions a,.mobile-call-actions button{padding:12px;min-height:44px;border-radius:8px;font-size:12px;background:var(--surface-raised);font-weight:600}
.mobile-call-actions a{background:var(--accent);color:var(--accent-ink)}
.mobile-settings-panel label{font-size:13px}.mobile-settings-panel select{font-size:16px}
.mobile-setting-row{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--border);padding:15px 0;font-size:13px;overflow-wrap:anywhere}
.mobile-setting-row span{color:var(--muted)}.mobile-settings-panel>a,.mobile-settings-panel>button{display:block;width:100%;margin-top:15px;min-height:44px;padding:12px;text-align:center}
.mobile #mobile-nav{display:flex;position:sticky;bottom:0;z-index:2;max-width:500px;margin:-82px auto 0;background:var(--surface);border-top:1px solid var(--border);padding:8px 10px calc(8px + env(safe-area-inset-bottom));gap:4px}
.mobile #mobile-nav button{flex:1;min-width:0;min-height:58px;padding:8px 3px;font-size:20px;background:transparent;color:var(--muted)}
.mobile #mobile-nav span{display:block;font-size:11px;margin-top:4px}.mobile #mobile-nav button[aria-current="page"]{color:var(--accent-text);background:var(--accent-soft)}
.mobile dialog{max-width:500px;width:calc(100% - 20px);padding:20px;max-height:90dvh}
.mobile .form-grid{grid-template-columns:1fr}.mobile .wide{grid-column:auto}.mobile label input,.mobile label textarea,.mobile label select{font-size:16px;min-height:44px}
.mobile .checkbox input{min-height:24px;width:24px}.mobile .dialog-actions{flex-wrap:wrap}.mobile .dialog-actions button{min-height:44px}
.mobile .login-card{padding:30px 24px}.mobile .login-card input,.mobile .login-card select{font-size:16px}
@media(max-width:350px){.mobile header,.mobile main{padding-left:14px;padding-right:14px}.mobile-car-head{flex-wrap:wrap}.mobile-controls{grid-template-columns:1fr}.mobile .brand{font-size:20px}}