:root{font-family:Segoe UI,Arial,sans-serif;color:#182a3c;background:#f3f5f7;font-size:15px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{cursor:pointer}button{border:0;border-radius:8px;padding:11px 16px;background:#e9eef3;color:#23384a;font-weight:600}button.primary{background:#126b64;color:white}button:hover{filter:brightness(.95)}a{color:#126b64}h1{font-size:30px;letter-spacing:-1px;margin:0 0 10px}h2{font-size:19px}p{line-height:1.6}.muted{color:#738190}.layout{display:grid;grid-template-columns:235px 1fr;min-height:100vh}aside{background:#142c3b;color:#c9d6dd;padding:30px 18px;position:sticky;top:0;height:100vh}.brand{font-size:28px;color:white;font-weight:750;letter-spacing:-1px;padding:0 13px 30px}.brand span{color:#52bdb1}nav button{display:block;text-align:left;width:100%;background:none;color:#c9d6dd;margin:5px 0;padding:14px}nav button.active{background:#244454;color:white}.account{position:absolute;bottom:25px;left:30px;font-size:13px}.account button{margin-top:12px;background:#244454;color:white}main{padding:35px 42px;max-width:1650px;width:100%}.top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.eyebrow{font-size:12px;color:#126b64;font-weight:750;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:25px}.card,.panel{background:white;border:1px solid #e2e8ed;border-radius:14px;padding:24px}.card strong{display:block;font-size:36px;margin-top:12px}.card:first-child{border-top:4px solid #126b64}.panel{margin-bottom:22px}.panel h2{margin-top:0}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;font-size:12px;color:#738190;padding:14px 12px;background:#f7f9fa}td{padding:16px 12px;border-bottom:1px solid #edf0f3;font-size:14px}td small{display:block;color:#738190;margin-top:4px}.badge{display:inline-block;border-radius:25px;padding:6px 11px;font-size:12px;font-weight:650;background:#edf1f5}.badge.work{background:#fff0d7;color:#985f07}.badge.done{background:#e0f2e9;color:#22764f}.badge.new{background:#e5eefb;color:#3064a1}.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.toolbar input{flex:1;min-width:200px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid.three{grid-template-columns:repeat(3,1fr)}label{display:block;font-size:13px;font-weight:600;color:#506174}input,select,textarea{display:block;width:100%;padding:11px 12px;border:1px solid #d8e0e6;border-radius:7px;background:white;color:#182a3c;margin-top:6px}textarea{min-height:100px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #64bdb4;outline-offset:1px}.wide{grid-column:1/-1}.checks{display:flex;flex-wrap:wrap;gap:10px}.checks label{background:#f3f6f8;padding:9px 12px;border-radius:7px;display:flex;align-items:center;gap:7px}.checks input{display:inline;width:auto;margin:0}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.alert{padding:17px 22px;background:#fff5e1;border:1px solid #f3dfae;border-radius:10px;margin-bottom:24px}.login{max-width:440px;margin:10vh auto;background:white;border:1px solid #e0e6eb;border-radius:18px;padding:40px}.login label{margin:18px 0}.login button{width:100%}.error{color:#b23333}.empty{padding:35px;text-align:center;color:#738190}#toast{position:fixed;right:25px;bottom:25px;max-width:420px;background:#142c3b;color:white;border-radius:10px;padding:16px 24px;display:none;z-index:10}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.calhead{font-size:12px;color:#738190;text-align:center}.day{min-height:110px;border:1px solid #e3e8eb;border-radius:9px;padding:10px;background:white}.day.today{border:2px solid #126b64}.day button{display:block;width:100%;text-align:left;font-size:11px;padding:7px;margin-top:7px;background:#e5f3f0}.detailgrid{display:grid;grid-template-columns:2fr 1fr;gap:22px}.detailgrid dt{font-size:12px;color:#738190;margin-top:16px}.detailgrid dd{margin:5px 0;font-weight:600}.printsheet{max-width:850px;margin:auto;background:white;padding:35px}.printsheet header{border-bottom:3px solid #126b64;padding-bottom:20px}.printsheet section{margin:25px 0}.signatures{display:flex;justify-content:space-between;margin-top:70px}.pre{white-space:pre-wrap;overflow-wrap:anywhere}.public{max-width:600px;margin:10vh auto;padding:35px}.public .badge{font-size:20px;padding:12px 25px}@media(max-width:1000px){.layout{grid-template-columns:185px 1fr}main{padding:25px}.cards{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.layout{display:block}aside{position:static;height:auto;padding:15px}.brand{padding-bottom:12px}nav{display:flex;overflow:auto}nav button{width:auto;white-space:nowrap;padding:10px}.account{position:static;margin:10px;display:flex;gap:15px;align-items:center}.account button{margin:0}main{padding:20px}.grid,.grid.three,.detailgrid{grid-template-columns:1fr}.top{align-items:flex-start}.calendar{gap:3px}.day{padding:4px;min-height:85px}.day button{font-size:10px;padding:3px}.login{margin:30px 15px}.cards{gap:10px}.card{padding:16px}}@media print{body{background:white}.no-print,#toast{display:none!important}.printsheet{padding:0}button{display:none}a{color:black;text-decoration:none}}
:root{--accent:#126b64}.service-summary{display:grid;grid-template-columns:1fr 1fr;gap:15px;background:#f4f8f7;border-radius:10px;padding:20px}.service-summary h3{margin:8px 0}.danger{color:#bb3d43}.attachments{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;margin-top:20px}.attachment{display:block;border:1px solid #e1e7eb;border-radius:12px;padding:10px;text-decoration:none;overflow:hidden}.attachment img{width:100%;height:120px;object-fit:cover;border-radius:8px}.attachment b,.attachment small{display:block;overflow-wrap:anywhere;margin-top:8px}.attachment small{color:#738190}.pdf-icon{height:120px;display:grid;place-items:center;background:#eaf1f5;border-radius:8px;font-size:25px;font-weight:700}.upload{padding:15px;border:1px dashed #a2bab6;border-radius:10px;background:#f7faf9}.upload input{border:0;background:transparent}h3{font-size:17px}
.toolbar select{flex:1;width:auto;min-width:180px}.day button.day-number{width:auto;display:inline-block;padding:3px 8px;margin:0 0 4px;background:transparent;font-weight:750;font-size:13px}.day button.day-number:hover{background:#e5f3f0}

.searchbar{display:grid;grid-template-columns:minmax(260px,1fr) minmax(180px,230px) auto;gap:14px;align-items:end;margin-bottom:18px}.searchbar label,.search-filters label{display:flex;flex-direction:column;gap:8px}.searchbar input{width:100%;min-width:0;height:48px}.searchbar button{height:48px}.search-filters{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:14px}.toolbar{flex-wrap:wrap}.toolbar input{min-width:220px}@media(max-width:850px){.searchbar,.search-filters{grid-template-columns:1fr}.searchbar input{min-width:0}}

/* Refined workshop interface */
:root{--accent:#4161d8;color:#26334a;background:#f4f6fb;font-family:'Segoe UI',Arial,sans-serif}button{border-radius:9px;transition:background .15s,box-shadow .15s}button.primary{background:#4161d8;box-shadow:0 4px 10px #4161d824}button:focus-visible,a:focus-visible{outline:3px solid #86a5ff;outline-offset:3px}a,.eyebrow{color:#4161d8}.layout{grid-template-columns:250px minmax(0,1fr)}aside{background:#14213a;padding:28px 17px;overflow-y:auto;display:flex;flex-direction:column;box-shadow:4px 0 20px #12203a09}.brand{font-size:32px;padding:0 14px 27px}.brand span{color:#74a6ff}.nav-caption{font-size:10px;letter-spacing:1.8px;padding:5px 14px 13px;color:#7c8ba6}nav button{display:flex;align-items:center;gap:12px;padding:12px 13px;margin:4px 0;color:#bbc6d9;font-size:13px;font-weight:500;border-radius:9px}nav button.active{background:#4161d8;color:white;box-shadow:0 5px 15px #06122530}nav button:hover{background:#273957;filter:none}.nav-symbol{width:22px;font-size:20px;line-height:1;text-align:center;color:#8fa3c5}nav button.active .nav-symbol{color:white}.account{position:static;margin-top:auto;padding:25px 13px 0;left:auto;bottom:auto}.account .muted{color:#94a4bc}.account button{background:#273957}main{padding:38px 36px;min-width:0}h1{font-size:31px;letter-spacing:-1.1px;font-weight:730}.top{margin-bottom:27px}.eyebrow{letter-spacing:1.5px;font-size:10px}.muted{color:#748198}.cards{gap:16px}.card,.panel{border:1px solid #e4e9f2;border-radius:15px;box-shadow:0 4px 18px #203a6305}.card{position:relative;padding:24px;overflow:hidden;border-top:0!important}.card:after{content:'';position:absolute;right:-10px;bottom:-22px;width:90px;height:90px;border-radius:50%;background:#edf1fd}.card strong{position:relative;z-index:1;color:#2e4371;font-weight:730;font-size:37px}.card:nth-child(2):after{background:#edf7f3}.card:nth-child(3):after{background:#fff5e7}.card:nth-child(4):after{background:#f3efff}.panel h2{font-size:17px;color:#263954;font-weight:700}.alert{background:#fff8e9;border-color:#f5e6c4;color:#72562b}th{background:#f5f7fc;color:#8490a4;font-weight:650;font-size:11px;letter-spacing:.3px}td{border-color:#edf0f6;padding:17px 12px}tbody tr:hover{background:#fafbfe}td button{padding:8px 11px;font-size:12px;background:#eef2fa;color:#496080;margin:2px}input,select,textarea{border-color:#dce3ee;border-radius:8px;padding:12px;color:#24324a}input:focus,select:focus,textarea:focus{outline:2px solid #7f9cee}.checks label{background:#f3f5fb}.toolbar{align-items:center}.toolbar input,.toolbar select{margin-top:0}.day.today{border-color:#4161d8}.day button{background:#edf1fd;color:#3b57b8}.login{box-shadow:0 20px 80px #233f6810}.sidebar-logo{display:block;width:100%;height:64px;object-fit:contain;background:white;border-radius:10px;padding:8px}.logo-settings{display:flex;align-items:center;gap:24px;margin-bottom:25px;padding:20px;border:1px dashed #cbd6e8;border-radius:12px;background:#f8faff}.company-logo{width:150px;height:85px;object-fit:contain}.logo-placeholder{width:150px;height:85px;display:grid;place-items:center;color:#7b8ba5;border:1px solid #dce3ef;border-radius:9px;background:white}.logo-settings input{max-width:350px}.inline-check{display:flex;align-items:center;gap:10px;margin:20px 0}.inline-check input{width:auto;margin:0}.invoice-line{display:grid;grid-template-columns:3fr 1fr 1.4fr 1fr auto;gap:12px;align-items:end;padding:16px 0;border-bottom:1px solid #edf0f6;margin-bottom:12px}.invoice-line button{height:44px}.document-brand{display:flex;align-items:center;gap:25px}.document-brand img{max-width:180px;max-height:85px;object-fit:contain}.document-brand h1{margin:0}.printsheet{margin:28px auto;border:1px solid #e3e8f1;border-radius:12px;padding:42px;box-shadow:0 10px 45px #263d5810}.printsheet table{white-space:normal}.printsheet td,.printsheet th{overflow-wrap:anywhere}.printsheet header{border-color:#4161d8}.printsheet .grid section{margin:14px 0}.no-print.actions{max-width:850px;margin:25px auto}
@media(max-width:1100px){.layout{grid-template-columns:210px minmax(0,1fr)}main{padding:30px 24px}.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.layout{display:block}aside{display:block;padding:15px;height:auto}.brand{padding:0 5px 12px}.nav-caption{display:none}nav button{flex-shrink:0;width:auto}.account{padding:8px 0 0;margin-top:0}main{padding:24px 16px}.top{flex-wrap:wrap}.invoice-line{grid-template-columns:repeat(2,1fr)}.invoice-line label:first-child{grid-column:1/-1}.logo-settings{flex-wrap:wrap}.printsheet{padding:22px;margin:10px;border-radius:0}.signatures{gap:20px;flex-wrap:wrap}}
@media print{@page{size:A4;margin:16mm}body{background:white;color:#000}.printsheet{border:0;border-radius:0;box-shadow:none;padding:0;margin:0;max-width:none}.printsheet header{border-color:#222}.printsheet table{font-size:11px}.printsheet td,.printsheet th{padding:9px 7px;color:#000}tr,.document-brand,.signatures{break-inside:avoid}.document-brand img{max-width:150px;max-height:70px}}
nav button{padding-top:10px;padding-bottom:10px}.account{padding-top:16px}
td small{white-space:normal;max-width:185px}td:last-child{white-space:normal;min-width:105px}.no-print.actions{box-shadow:none}
/* Fresh colours for daily workshop work */
@media screen{
:root{background:#edf7f8;--accent:#087f8c}
body{background:radial-gradient(ellipse at 92% 0%,#d9f7ee 0,transparent 42%),radial-gradient(ellipse at 25% 65%,#e2efff 0,transparent 48%),#f2f8fb;background-attachment:fixed}
aside{background:linear-gradient(160deg,#173b60 0%,#164b68 52%,#126779 100%);scrollbar-width:thin;scrollbar-color:#478298 transparent}
.brand span{color:#79efcb}.nav-caption{color:#a5ccd7}.nav-symbol{color:#a2d9df}nav button{color:#e0eef3}nav button.active{background:linear-gradient(110deg,#28bba7,#20a1c7);box-shadow:0 5px 18px #032c4935}nav button:hover{background:#ffffff18}nav button.active:hover{background:linear-gradient(110deg,#23aa98,#1597bb)}.account .muted{color:#b5d5df}.account button{background:#ffffff17;color:#f5ffff}
main>.top{position:relative;background:linear-gradient(115deg,#fff 15%,#e9faf5 65%,#e5f3ff);border:1px solid #cfe9e5;border-radius:20px;padding:26px 28px;box-shadow:0 8px 28px #0b68750a;overflow:hidden}
main>.top h1{color:#173e57}.eyebrow{color:#087f83}.top .muted{color:#537482}
button.primary{background:linear-gradient(110deg,#0f9b8d,#1686b4);box-shadow:0 5px 12px #078b9426}button.primary:hover{filter:brightness(1.07)}a{color:#087b88}
.card{border:1px solid transparent!important;box-shadow:0 6px 19px #205b7610}.card:nth-child(1){background:linear-gradient(125deg,#e0f8ed,#f1fdf8);border-color:#bde9d4!important}.card:nth-child(2){background:linear-gradient(125deg,#e3efff,#f3f8ff);border-color:#cadff5!important}.card:nth-child(3){background:linear-gradient(125deg,#fff0d8,#fffbef);border-color:#f2dfb7!important}.card:nth-child(4){background:linear-gradient(125deg,#eee5ff,#faf5ff);border-color:#dfd1f3!important}
.card .muted{position:relative;z-index:1;color:#476676;font-weight:600}.card strong{color:#145d4f}.card:nth-child(2) strong{color:#27599d}.card:nth-child(3) strong{color:#98651e}.card:nth-child(4) strong{color:#7551a0}.card:after{background:#bcebd7;opacity:.7}.card:nth-child(2):after{background:#bed8fb}.card:nth-child(3):after{background:#ffe0a4}.card:nth-child(4):after{background:#dbc6f3}
.panel{border-color:#d8e9ed;box-shadow:0 7px 25px #21577808}.panel h2{color:#24516a}.panel h2:before{content:'';display:inline-block;width:5px;height:16px;border-radius:5px;background:#25b5a3;margin-right:10px;vertical-align:-2px}th{background:#edf7f7;color:#497380}tbody tr:hover{background:#f1fcf8}td button{background:#e6f5f5;color:#246977}.badge.new{background:#e0ecff;color:#2b5793}.badge.work{background:#ffebc5;color:#86520e}.badge.done{background:#d5f5e5;color:#17613f}
.alert{background:linear-gradient(100deg,#fff1d6,#fff9e9);border-color:#eddaaa}.alert button{background:#fff5df;color:#886016}.checks label{background:#edf7f5;border:1px solid #dbece6}.checks label:has(input:checked){background:#d6f4e8;border-color:#67c9a9;color:#156a52}.checks input{accent-color:#109e84}input:focus,select:focus,textarea:focus{outline-color:#58bcad}.service-summary{background:linear-gradient(105deg,#e6f8f0,#eaf4ff)}.day.today{border-color:#13a38f;background:#f0fff8}.day button{background:#daf5ec;color:#206653}.day button.day-number{color:#256c70}.logo-settings{background:#f0faf7;border-color:#b9ddd3}.login{background:linear-gradient(155deg,#fff,#f3fffa);border-color:#c5e5df;box-shadow:0 20px 70px #23636c18}.login h1{color:#17546a}.login .eyebrow{color:#108d7c}#toast{background:#155f69}
@media(max-width:700px){main>.top{padding:21px 20px;border-radius:16px}.card{padding:18px}.cards{gap:12px}}
}
/* Service sheet matching the supplied reference */
.service-list{width:200mm;max-width:calc(100% - 32px);margin:20px auto;padding:0;background:white;color:#000;font:12px Arial,sans-serif}.service-list *{box-sizing:border-box}.sl-header{display:flex;justify-content:space-between;border-bottom:2px solid #000;padding:0 0 8px;gap:25px}.sl-header h2{font-size:18px;margin:12px 0 4px}.sl-header div{line-height:1.15}.sl-logo{display:block;width:auto;max-width:70mm;height:25mm;object-fit:contain;object-position:left}.sl-number{text-align:right;font-size:11px;min-width:190px}.sl-number strong{display:block;font-size:16px;margin:5px 0 7px}.sl-number span{display:block}.service-list h1{text-align:center;font-size:24px;letter-spacing:1px;margin:12px 0 10px;color:#000}.sl-status{display:flex;justify-content:space-between;gap:12px;background:#f4f4f4;padding:8px;margin-bottom:9px}.sl-status-label{border:1px solid #000;border-radius:3px;padding:3px 7px;font-weight:bold}.sl-section{margin:0 0 8px}.sl-section h2{font:700 14px Arial,sans-serif;margin:0 0 4px;background:#dedede;border-left:3px solid black;padding:5px 6px;color:black}.sl-box{border:1px solid #ccc;padding:5px 6px;line-height:1.35}.sl-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sl-row{display:grid;grid-template-columns:115px minmax(0,1fr);gap:5px;margin:1px 0}.sl-row b{font-size:12px}.sl-row span{overflow-wrap:anywhere}.sl-bold{font-weight:bold}.sl-problem-label{display:block;margin:5px 0}.sl-problem{background:#f8f8f8;border:1px solid #ddd;padding:5px;min-height:40px;line-height:1.35}.sl-note{margin-top:7px}.sl-bottom{gap:6px}.sl-bottom .sl-box{min-height:29px}.sl-price{font-size:16px;font-weight:bold}.sl-signatures{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:end;margin:17px 0 15px;text-align:center;font-size:11px}.sl-stamp-space{height:52px;color:#888;font-size:10px;padding-top:8px}.sl-sign-line{border-top:1px solid black;margin-bottom:4px}.service-list footer{border-top:1px solid #ccc;padding:9px 0;text-align:center;font-size:9px;color:#555}.sl-controls{display:flex;justify-content:flex-end;gap:10px;padding:12px;position:sticky;top:0;background:#fff;z-index:5}body:has(.service-list){background:white}.sl-section,.sl-header,.sl-signatures{break-inside:avoid}@media(max-width:600px){.service-list{font-size:11px}.sl-columns{grid-template-columns:1fr}.sl-row{grid-template-columns:110px 1fr}.sl-number{min-width:140px}.sl-signatures{gap:25px}.sl-header{gap:12px}.sl-controls{position:static;flex-wrap:wrap}}@media print{@page{size:A4;margin:10mm}.service-list{width:100%;max-width:none;margin:0;font-size:12px}.sl-columns{grid-template-columns:1fr 1fr}.sl-section h2,.sl-status,.sl-problem{print-color-adjust:exact;-webkit-print-color-adjust:exact}.sl-signatures{gap:75px}.sl-controls{display:none!important}}
.sl-controls{position:fixed;top:10px;right:10px;background:white;box-shadow:0 2px 9px #0002}.service-list{margin-top:20px}@media(max-width:1100px){.sl-controls{position:static;box-shadow:none}}@media print{.service-list{margin-top:0}}
@media screen and (max-width:1450px){.sl-controls{position:static;box-shadow:none;padding:8px;justify-content:center}.service-list{margin-top:12px}}
.tire-lookup{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;padding:18px;margin-bottom:23px;background:#effaf6;border:1px solid #b9dfd3;border-radius:12px}.tire-lookup-results{grid-column:1/-1}.tire-lookup-results p{margin:5px 0;font-size:12px}.lookup-result{display:grid;grid-template-columns:1.3fr 1fr auto;gap:15px;align-items:center;width:100%;text-align:left;margin:7px 0;padding:13px;background:white;border:1px solid #d4e9e1;font-weight:400}.lookup-result:hover{background:#e1f5ef;filter:none;border-color:#79c8b1}.lookup-result small{display:block;margin-top:4px;color:#537480;font-size:12px}.lookup-select,.lookup-selected{color:#167461;font-weight:600}@media(max-width:700px){.tire-lookup{grid-template-columns:1fr}.lookup-result{grid-template-columns:1fr 1fr}.lookup-select{grid-column:1/-1}}
.label-controls{max-width:800px;margin:20px auto;padding:20px;background:white;border-radius:12px}.label-controls button{margin-right:10px}.label-controls p{font-size:13px}.tire-label-pages{display:grid;justify-content:center;gap:20px;padding:20px}.tire-label{width:62mm;height:100mm;padding:4mm;background:white;border:1px dashed #aaa;color:black;font-family:Arial,sans-serif;overflow-wrap:anywhere;overflow:hidden;display:flex;flex-direction:column;gap:3mm}.tl-plate{font-size:25px;font-weight:800;border-bottom:2px solid black;padding-bottom:3mm}.tl-customer{font-size:15px;font-weight:bold}.tl-phone{font-size:17px}.tl-size{font-size:19px;font-weight:bold}.tl-season{font-size:16px;font-weight:bold}.tl-car{font-size:14px}.tire-label footer{margin-top:auto;font-size:10px}.tire-label.size-100{width:100mm;height:62mm;gap:2mm}.tire-label.size-29{width:90mm;height:29mm;display:grid;grid-template-columns:1fr 1fr;gap:1mm 3mm;padding:2mm}.size-29 .tl-plate{font-size:17px;border:0;padding:0;grid-column:1/-1}.size-29 .tl-customer,.size-29 .tl-phone,.size-29 .tl-size,.size-29 .tl-season,.size-29 .tl-car{font-size:10px}.size-29 footer{font-size:8px;margin:0}@media print{@page tire62{size:62mm 100mm;margin:0}@page tire100{size:100mm 62mm;margin:0}@page tire29{size:90mm 29mm;margin:0}body:has(.tire-label-pages){background:white}.tire-label-pages{display:block;padding:0}.tire-label{border:0;break-after:page;break-inside:avoid}.tire-label:last-child{break-after:auto}.tire-label.size-62{page:tire62}.tire-label.size-100{page:tire100}.tire-label.size-29{page:tire29}.label-controls{display:none!important}}
.tire-label.size-60{width:62mm;height:60mm;gap:1.5mm;padding:3mm}.size-60 .tl-plate{font-size:21px;padding-bottom:1.5mm}.size-60 .tl-customer{font-size:12px}.size-60 .tl-phone{font-size:14px}.size-60 .tl-size{font-size:15px}.size-60 .tl-season,.size-60 .tl-car{font-size:12px}@media print{@page tire60{size:62mm 60mm;margin:0}.tire-label.size-60{page:tire60}}
.tire-label.size-dk11209{width:62mm;height:29mm;padding:0;display:block;position:relative}.size-dk11209 .tl-content{width:62mm;height:29mm;padding:2mm;display:grid;grid-template-columns:1fr 1fr;gap:.7mm 2mm;align-content:start;overflow:hidden}.size-dk11209 .tl-plate{grid-column:1/-1;font-size:17px;line-height:1.05;border-bottom:1px solid black;padding-bottom:.7mm}.size-dk11209 .tl-customer{grid-column:1/-1;font-size:10px;line-height:1.1;font-weight:bold}.size-dk11209 .tl-phone{font-size:10px;line-height:1.1}.size-dk11209 .tl-size{font-size:11px;line-height:1.1}.size-dk11209 .tl-season,.size-dk11209 .tl-car{font-size:9px;line-height:1.1}.size-dk11209 footer{grid-column:1/-1;font-size:7px;line-height:1.1;margin:0}@media print{@page dk11209{size:29mm 62mm;margin:0}.tire-label.size-dk11209{page:dk11209;width:29mm;height:62mm;position:relative;overflow:hidden}.size-dk11209 .tl-content{position:absolute;left:0;top:0;transform-origin:0 0;transform:translateX(29mm) rotate(90deg)}}
.tire-size-picker{background:#effaf6;border:1px solid #c5e5d9;border-radius:10px;padding:16px}.tire-size-picker>span{display:block;font-weight:600;margin-bottom:12px}.tire-size-picker p{margin-bottom:0}.size-dk11209 .tl-location{grid-column:1/-1;font-size:9px;font-weight:bold;line-height:1.1}.size-dk11209 .tl-content{gap:.4mm 2mm}.size-dk11209 footer{font-size:6px}
.tire-size-picker fieldset{border:0;margin:12px 0;padding:0}.tire-size-picker legend{font-size:12px;font-weight:600;margin-bottom:7px;color:#486e76}.size-buttons{display:flex;flex-wrap:wrap;gap:5px}.size-buttons button{padding:8px 10px;min-width:44px;background:white;border:1px solid #d3e5df;color:#42646b;font-size:12px}.size-buttons button[aria-pressed=true]{background:#128a77;color:white;border-color:#08745f;box-shadow:0 2px 5px #128a7733}
.company-stamp{width:160px;height:90px;object-fit:contain}.document-stamp{display:block;width:60mm;min-width:60mm;max-width:60mm;height:24mm;min-height:24mm;max-height:24mm;object-fit:contain;margin:0 auto 8px;flex-shrink:0}.sl-stamp-space:has(img){height:32mm;display:flex;align-items:flex-end;justify-content:center}.sl-stamp-space .document-stamp{height:24mm;max-height:24mm;margin-bottom:4px}.invoice-stamp{display:flex;justify-content:flex-end;margin-top:22px}.signatures>span:has(img){display:flex;flex-direction:column;align-items:center}.logo-settings small{display:block;margin-top:8px;color:#647b85;font-weight:400}@media print{.document-stamp{break-inside:avoid}}

.eyebrow .company-edit{margin-left:12px;padding:4px 9px;font-size:11px;letter-spacing:0;text-transform:none;background:#fff9;color:#145e60;border-color:#b4d8d7;vertical-align:middle}

.remember-login{display:flex;align-items:center;gap:9px;margin-top:16px}.remember-login input{width:auto;margin:0}

/* Plastická značka aplikace; firemní logo zůstává v nastavení a dokladech. */
.brand{padding:0 8px 24px;letter-spacing:0}.app-brand{display:flex;align-items:center;gap:12px}.brand-credit{display:flex;align-items:center;gap:4px;width:fit-content;margin:18px 0 0 3px;font-size:11px;letter-spacing:.25px;font-weight:400;color:#bedde4;text-decoration:none}.brand-credit b{font-weight:600;color:#d9fff2}.brand-credit span{margin-left:5px;font-size:13px;color:#89f0d5}.brand-credit:hover b{text-decoration:underline}.brand-credit:focus-visible{outline:2px solid #89f0d5;outline-offset:4px;border-radius:3px}@media(max-width:900px){.brand{padding:0 5px 18px}.app-brand-emblem{flex-basis:48px;height:48px;border-radius:15px}.app-brand-emblem svg{width:38px;height:38px}.brand-credit{margin-top:12px}}

.stats-filters{display:flex;flex-wrap:wrap;align-items:end;gap:14px}.stats-filters label{flex:1;min-width:145px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.stats-chart .top{margin-bottom:0}.stats-chart .top strong{font-size:22px;color:#16696b}.stats-chart h2{font-size:18px}.stats-months{display:grid;gap:9px}.stats-month{display:grid;grid-template-columns:70px minmax(70px,1fr) 105px;align-items:center;gap:10px;font-size:12px}.stats-month svg{width:100%;height:20px}.stats-month b{text-align:right}.stats-track{fill:#eef4f6}.stats-teal{fill:#25baa5}.stats-blue{fill:#4b9adb}.stats-purple{fill:#9a7bd0}.stats-orange{fill:#eeaa64}.stats-negative{fill:#df6570}.stats-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.stats-chips button{background:#eff8f6}.stats-chips b{display:inline-block;background:#c9ece4;color:#185b58;border-radius:20px;padding:3px 9px;margin-left:8px}.stats-amount{display:block;font-size:25px;color:#176a69;margin-top:12px}@media(max-width:1100px){.stats-grid{grid-template-columns:1fr}}

.original-brand{display:block}.original-logo-frame{padding:12px 10px;background:linear-gradient(145deg,#fff,#f2faf5);border:1px solid #daf4e4;border-radius:19px;box-shadow:inset 0 2px 3px #fff,inset 0 -3px 6px #cadfd5,0 5px 0 #153f3e,0 10px 19px #001b3045}.original-logo-window{position:relative;overflow:hidden;aspect-ratio:1.35;background:white;border-radius:9px}.original-logo-window img{display:block;position:absolute;width:145%;max-width:none;height:auto;top:50%;left:50%;transform:translate(-50%,-50%)}.brand-credit{justify-content:center;width:100%;margin:15px 0 0}.brand-credit b{color:#d0f6dc}.brand-credit span{color:#a6e3bc}@media(max-width:900px){.original-brand{max-width:190px}.brand-credit{justify-content:flex-start}}

/* Originální znak jako nenápadný reliéf přímo v panelu. */
.original-logo-frame{padding:8px 9px;background:none;border:0;border-radius:0;box-shadow:none}.original-logo-window{background:transparent;border-radius:0;isolation:isolate}.original-logo-window img{filter:grayscale(1) invert(1) drop-shadow(0 1px 0 #ffffff55) drop-shadow(0 -1px 1px #000000);mix-blend-mode:screen;opacity:.28}.brand-credit{color:#a8c7ce;font-size:10px;opacity:.7}.brand-credit b{color:#b9d9d5;font-weight:500}.brand-credit span{color:#b9d9d5}.brand-credit:hover{opacity:1}

/* Povrch panelu a vystouplý reliéf vycházejí ze stejné petrolejové barvy. */
.layout aside{background:radial-gradient(ellipse at 10% 0%,#477b7a66,transparent 44%),linear-gradient(155deg,#254e54 0%,#1c444c 45%,#173840 100%);border-right:1px solid #ffffff12;box-shadow:inset -1px 0 0 #092a3255,6px 0 24px #183a4012;scrollbar-color:#50797b transparent;padding-top:25px}.original-logo-frame{padding:8px 12px 13px}.original-logo-window{isolation:auto}.original-logo-window img.relief-shadow{filter:grayscale(1) brightness(1.7);mix-blend-mode:multiply;opacity:.8;transform:translate(calc(-50% + 2px),calc(-50% + 3px))}.original-logo-window img.relief-face{filter:grayscale(1) invert(1) brightness(1.1);mix-blend-mode:screen;opacity:.42;transform:translate(calc(-50% - 1px),calc(-50% - 1px))}.brand-credit{margin-top:9px;opacity:.64;text-shadow:0 1px 0 #071f3266}.nav-caption{margin-top:5px;color:#98b7b9;letter-spacing:1.6px;font-size:9px;border-top:1px solid #d8ffff0b;padding-top:18px}.layout aside nav{padding-top:2px}.layout aside nav button{position:relative;color:#c3d8d9;border:1px solid transparent;border-radius:12px;padding:12px 13px;margin:5px 0;font-size:13px;transition:background .18s,box-shadow .18s,color .18s;box-shadow:none}.layout aside nav button:hover{background:#ffffff07;border-color:#ffffff0c;color:#fff;box-shadow:inset 0 1px 0 #ffffff08}.layout aside nav button.active,.layout aside nav button.active:hover{background:linear-gradient(145deg,#38676b,#2a555b);border-color:#5c8c8b55;color:#f2fffb;box-shadow:inset 0 1px 1px #c5fff52e,inset 0 -1px 2px #0e32384a,3px 4px 9px #09252c55,-2px -2px 7px #64999515}.layout aside nav button.active:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:4px;background:#9bd7bc;box-shadow:0 0 8px #b2f4d133}.layout aside .nav-symbol{color:#92b6b7;font-size:19px}.layout aside nav button.active .nav-symbol{color:#b8e8d3;text-shadow:0 1px 2px #082c31}.layout aside .account{border-top:1px solid #d8ffff12;padding-top:18px;color:#d4e5e4}.layout aside .account button{background:linear-gradient(145deg,#335e64,#294f57);border:1px solid #789c9e30;color:#c9dcdd;box-shadow:inset 0 1px 0 #ffffff0e,0 2px 4px #08293033;border-radius:10px}.layout aside .account .muted{color:#9bb9ba}@media(max-width:900px){.layout aside{padding-top:16px}.layout aside nav button{width:auto;flex-shrink:0;margin:3px;padding:10px 13px}.layout aside .account{padding-top:12px}.original-logo-frame{padding:5px 10px 10px}}

.original-logo-window img{width:136%}.original-logo-window{aspect-ratio:1.3}.rental-toolbar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.rental-toolbar input{flex:1;min-width:180px}

.task-card{display:flex;gap:14px;padding:16px 12px;border-bottom:1px solid #e5eeec}.task-card:last-child{border-bottom:0}.task-check{flex-shrink:0;width:36px;height:36px;padding:0;border-radius:50%;font-size:22px;color:#228c7c;background:#e9f7f2}.task-title{border:0;background:none;box-shadow:none;padding:0;text-align:left;font-size:15px;font-weight:650;color:#254e54}.task-card small{display:block;color:#74868a;margin-top:5px;font-size:12px}.task-note{margin:8px 0 0;color:#536569;font-size:13px}.task-overdue{border-left:3px solid #df9a72;background:#fff9f4}.task-done .task-title{text-decoration:line-through;color:#8b9b9d}.task-done{opacity:.72}.calendar .cal-task{background:#fff0ce;color:#75541c;border:1px solid #efdb9d}.calendar .cal-task-done{background:#e7f0ec;color:#6b8278;text-decoration:line-through}.task-board h2{margin-bottom:5px}

.dashboard-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-card{display:block;width:100%;text-align:left;cursor:pointer;border:1px solid #dfeae6}.dashboard-card small{display:block;color:#608179;font-size:11px;line-height:1.5;margin-top:10px}.dashboard-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px #194f4420;border-color:#8fcabb}.dashboard-card:focus-visible{outline:3px solid #249f89;outline-offset:3px}.badge.service-expired{background:#fbe4df;color:#a44031}.badge.service-soon{background:#fff0cf;color:#896718}@media(max-width:700px){.dashboard-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.dashboard-cards{grid-template-columns:1fr}}

.directory-car{padding:10px 0;border-bottom:1px solid #e5eeec}.directory-car:last-child{border-bottom:0}.directory-car .actions{gap:5px;margin-top:7px;flex-wrap:wrap}.directory-car button{font-size:11px;padding:6px 9px}

.dashboard-card{position:relative;overflow:hidden;min-height:164px;padding:22px;border-radius:19px;box-shadow:inset 0 1px 0 #ffffffde,0 4px 12px #264f4010}.dashboard-card>.muted{display:block;max-width:calc(100% - 85px);font-size:13px;font-weight:600;color:#55716c}.dashboard-card>strong{margin-top:13px;position:relative;font-size:34px;line-height:1.15;max-width:calc(100% - 85px);letter-spacing:-1px}.dashboard-card>small{position:relative;max-width:100%;padding-top:5px}.dashboard-art{position:absolute;right:18px;top:19px;display:grid;place-items:center;width:80px;height:80px;border-radius:24px;background:linear-gradient(145deg,#ffffffbd,#ffffff20);box-shadow:inset 0 2px 2px #ffffffed,inset 0 -3px 5px #647f7b20,4px 6px 11px #45666018,-3px -3px 9px #ffffff80;transform:rotate(5deg);transition:transform .2s}.dashboard-art svg{width:73px;height:73px;overflow:visible}.dashboard-art-object{filter:drop-shadow(0 2px 0 #566b7440) drop-shadow(1px 3px 2px #28433d26)}.art-repair{transform:rotate(-6deg)}.art-oil{transform:rotate(-5deg)}.dashboard-card:hover .dashboard-art{transform:translateY(-3px) rotate(0deg)}.dashboard-card[data-value="stk"]{background:linear-gradient(125deg,#fffbf1,#f6edda)}.dashboard-card[data-value="oil"]{background:linear-gradient(125deg,#fffaf0,#f8edcf)}@media(prefers-reduced-motion:reduce){.dashboard-art,.dashboard-card{transition:none}.dashboard-card:hover .dashboard-art{transform:none}}@media(max-width:420px){.dashboard-card{min-height:155px}}

/* Lesklé kulaté tlačítko s kovovým lemem a reliéfním symbolem. */
.dashboard-card{min-height:184px;padding:24px 23px;background:linear-gradient(140deg,#fff,#f2f7f5);border-color:#e0e9e5}.dashboard-card>.muted{font-size:15px;font-weight:650;max-width:calc(100% - 112px);color:#365750}.dashboard-card>strong{font-size:43px;margin-top:16px;max-width:calc(100% - 112px);color:#264f49}.dashboard-card>small{margin-top:20px;font-size:11px;color:#71847f}.dashboard-art{--face-light:#67dcac;--face:#23b788;--face-dark:#12846b;top:21px;right:20px;width:100px;height:100px;border-radius:50%;padding:7px;background:linear-gradient(135deg,#fcffff 0%,#8b9d9f 16%,#f9ffff 28%,#9eadad 49%,#455a60 70%,#dce9e8 88%,#7c9397 100%);box-shadow:inset 0 1px 2px #fff,1px 2px 0 #7b9191,3px 5px 0 #4b6469,6px 11px 12px #294e4b30;transform:rotate(-7deg);border:1px solid #d9e5e2}.button3d-face{position:relative;display:grid;place-items:center;width:100%;height:100%;overflow:hidden;border-radius:50%;background:radial-gradient(ellipse at 28% 15%,var(--face-light),var(--face) 50%,var(--face-dark));border:1px solid #ffffff92;box-shadow:inset 0 2px 2px #ffffffa1,inset 0 -3px 5px #073b4366,0 0 0 1px #486b695e}.button3d-face:before{content:"";position:absolute;left:7%;right:7%;top:3%;height:45%;border-radius:50%;background:linear-gradient(180deg,#ffffff75,#ffffff00);transform:rotate(-20deg);pointer-events:none}.button3d-face:after{content:"";position:absolute;top:9%;left:18%;width:22%;height:8%;border-radius:50%;background:#ffffffb0;filter:blur(2px);transform:rotate(-30deg)}.dashboard-art svg{position:relative;width:83px;height:83px;z-index:1;overflow:visible}.button3d-symbol{fill:none;stroke:#fff;stroke-width:3.3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 0 #143d4550) drop-shadow(0 3px 2px #12383c33)}.art-new{--face-light:#a1d5ff;--face:#519be9;--face-dark:#3068b4}.art-repair{--face-light:#ffc278;--face:#f28e35;--face-dark:#cd5b21;transform:rotate(5deg)}.art-ready{--face-light:#91edc3;--face:#38bf8f;--face-dark:#158365}.art-all{--face-light:#d5b7fb;--face:#aa80dc;--face-dark:#7551b0}.art-stk{--face-light:#8fdddd;--face:#39afbd;--face-dark:#247d96;transform:rotate(4deg)}.art-oil{--face-light:#ffe295;--face:#edb84d;--face-dark:#c38a2b}.dashboard-card[data-value="stk"],.dashboard-card[data-value="oil"]{background:linear-gradient(140deg,#fff,#f5f8f4)}.dashboard-card:hover .dashboard-art{transform:translateY(-3px) rotate(0deg)}@media(max-width:1150px) and (min-width:701px){.dashboard-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.dashboard-card{padding:18px;min-height:166px}.dashboard-art{width:76px;height:76px;right:12px;top:20px;padding:5px}.dashboard-art svg{width:64px;height:64px}.dashboard-card>.muted,.dashboard-card>strong{max-width:calc(100% - 80px)}.dashboard-card>.muted{font-size:12px}.dashboard-card>strong{font-size:35px}.dashboard-card>small{font-size:10px}}@media(prefers-reduced-motion:reduce){.dashboard-card:hover .dashboard-art{transform:none}}

.art-stk{--face-light:#ff9c96;--face:#e34e55;--face-dark:#a82036;transform:rotate(4deg)}

/* Klidná přihlašovací karta s tónovaným reliéfem originální značky. */
body:has(.luxury-login){background:radial-gradient(ellipse at 18% 16%,#e1eeea 0%,transparent 48%),radial-gradient(ellipse at 85% 85%,#d8e6e4 0%,transparent 45%),linear-gradient(135deg,#f4f5f1,#e8eeeb);min-height:100vh}.login.luxury-login{position:relative;max-width:550px;margin:7vh auto;padding:46px 44px 28px;background:linear-gradient(145deg,#fcfdf9,#f0f5f1);border:1px solid #ffffff;border-radius:27px;box-shadow:inset 0 1px 0 #fff,0 24px 65px #23494118,0 5px 15px #294c4510;color:#294a43}.luxury-login:before{content:"";position:absolute;top:0;left:36px;right:36px;height:1px;background:linear-gradient(90deg,transparent,#b6c8b9,transparent)}.luxury-login>.eyebrow{font-size:10px;letter-spacing:2.6px;color:#789385;margin-bottom:17px;padding-right:120px}.luxury-login>h1{max-width:calc(100% - 108px);font-size:31px;font-weight:650;line-height:1.2;letter-spacing:-1px;color:#31534a;margin:0 0 14px}.luxury-login>h1+.muted{margin-bottom:31px;max-width:calc(100% - 82px)}.luxury-login label{color:#587268;font-size:13px}.luxury-login input:not([type="checkbox"]){border:1px solid #d7e1d8;border-radius:12px;background:#ffffffb0;padding:13px 14px;box-shadow:inset 0 2px 4px #32514505,0 1px 0 #fff}.luxury-login input:focus{border-color:#7aa796;outline:3px solid #8ec2ac20}.luxury-login>.primary{display:block;width:100%;margin-top:18px;padding:14px;border:1px solid #446e5c;border-radius:13px;background:linear-gradient(145deg,#527a68,#375d4d);box-shadow:inset 0 1px 0 #d8f4e242,0 4px 9px #2747381f;font-weight:600;letter-spacing:.25px}.luxury-login>.primary:hover{background:linear-gradient(145deg,#5b8471,#416955)}.luxury-login .muted{color:#7b8d83;font-size:12px;line-height:1.65}.luxury-login>button[data-action="register-show"]{width:100%;border:1px solid #d0ddd3;background:#f7faf6;color:#597163;border-radius:12px;box-shadow:inset 0 1px 0 white;padding:12px;font-size:13px}.luxury-login .remember-login{font-size:12px;margin-top:19px;line-height:1.5}.luxury-login input[type="checkbox"]{accent-color:#507765}.login-relief{position:absolute;top:28px;right:30px;width:111px;aspect-ratio:1.3;overflow:hidden;pointer-events:none}.login-relief img{position:absolute;width:136%;height:auto;max-width:none;top:50%;left:50%;transform:translate(-50%,-50%)}.login-relief-shadow{filter:grayscale(1);mix-blend-mode:multiply;opacity:.17;transform:translate(calc(-50% + 1px),calc(-50% + 2px))!important}.login-relief-light{filter:grayscale(1) invert(1);mix-blend-mode:screen;opacity:.7;transform:translate(calc(-50% - 1px),calc(-50% - 1px))!important}.login-credit{text-align:center;margin-top:27px;padding-top:19px;border-top:1px solid #dbe4dc}.login-credit a{font-size:11px;letter-spacing:.7px;text-decoration:none;color:#93a294}.login-credit b{font-weight:550;color:#6c8576}.login-credit a:hover b{color:#365e49;text-decoration:underline}.login-credit a:focus-visible{outline:2px solid #719880;outline-offset:5px;border-radius:3px}@media(max-width:600px){.login.luxury-login{margin:25px 15px;padding:35px 25px 24px;border-radius:22px}.login-relief{right:19px;top:24px;width:87px}.luxury-login>h1{font-size:26px;max-width:calc(100% - 85px)}.luxury-login>.eyebrow{padding-right:85px}.luxury-login>h1+.muted{max-width:100%}}

.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}.employee-permissions,.change-entry{border-bottom:1px solid #dfeae5;padding:15px 0}.employee-permissions summary,.change-entry summary{cursor:pointer;color:#315b50}.employee-permissions summary small,.change-entry summary small{display:block;font-size:12px;color:#7c9086;margin:6px 0 0}.change-entry td{max-width:340px;overflow-wrap:anywhere}.permission-grid input{width:auto}input:disabled,select:disabled,textarea:disabled{opacity:.7;background:#f1f3f1}@media(max-width:600px){.permission-grid{grid-template-columns:1fr}}

.order-status-control{display:flex;gap:6px;flex-wrap:wrap;align-items:center;max-width:250px}.order-status-control select{min-width:180px;max-width:240px}.order-status-control button{padding:5px 10px;font-size:12px}.orders-table th,.orders-table td{vertical-align:top}.orders-table th{white-space:nowrap}.status-reason{width:100%}

.badge[class*="status-"]{border:1px solid transparent;box-shadow:0 2px 4px #152b3a0a;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.badge.status-new{background:#e5efff;color:#2455a1;border-color:#bed3f6}.badge.status-work{background:#fff0dc;color:#945006;border-color:#f3cf9e}.badge.status-parts{background:#f0e9fc;color:#67418e;border-color:#d7c5ef}.badge.status-done{background:#e1f4e7;color:#236b3b;border-color:#b7dfc3}.badge.status-released{background:#e1f3f1;color:#216762;border-color:#b6dbd5}.badge.status-payment{background:#fff0ef;color:#a42d29;border-color:#ecb2af;font-weight:750}.badge.status-cancelled{background:#edf0f3;color:#5d6570;border-color:#d3d9df}.badge.status-returned{background:#f4eee6;color:#795c3b;border-color:#dfd0bc}
.payment-mark{display:inline-grid;place-items:center;background:#bc3932;color:white;border-radius:50%;width:18px;height:18px;line-height:1;font-weight:900;box-shadow:0 1px 2px #8f282830}.order-status-control>.badge{flex-basis:auto;max-width:100%}.order-status-control select{flex-basis:100%;border:1px solid #d5dde3}.order-status-control.status-payment select{border-color:#d77f79;background:#fff8f7;color:#942a25}.order-status-control.status-work select{border-color:#e4bd87}.order-status-control.status-parts select{border-color:#cab2e8}.order-status-control.status-done select{border-color:#a7d7b4}

/* Kompaktní zakázky s nezávislými ovládacími prvky. */
.orders-table td{padding:8px 10px;font-size:13px;vertical-align:middle}.orders-table th{padding:10px;font-size:11px}.orders-table td small{font-size:11px;margin-top:2px}.orders-table td>button{padding:7px 10px;font-size:12px}.orders-table .order-status-control{display:grid;grid-template-columns:minmax(145px,1fr) auto;gap:4px;max-width:225px;align-items:center}.orders-table .order-status-control>.badge{grid-column:1/-1;padding:3px 8px;font-size:11px;width:max-content}.orders-table .order-status-control select{min-width:145px;max-width:180px;padding:5px 7px;font-size:12px;height:30px;margin:0}.orders-table .order-status-control button{font-size:0;width:30px;height:30px;padding:0}.orders-table .order-status-control button:after{content:'✓';font-size:16px}.orders-table .order-status-control .status-reason{grid-column:1/-1;min-width:0;padding:5px 7px;margin:0;font-size:12px}
.estimated-price-control{display:flex;gap:4px;align-items:center;flex-wrap:wrap;max-width:170px}.estimated-price-control input[type=number]{width:105px;padding:5px 7px;height:30px;margin:0;font-size:13px}.estimated-price-control>span{font-size:11px;color:#738190}.estimated-price-control button{padding:0;width:28px;height:30px;color:#126b64;background:#e2f1ee}.estimated-price-control .price-reason{width:100%;padding:5px 7px;font-size:12px;margin:0}.detail-estimated-price{margin-top:12px}

.status-final-price{font-size:11px;grid-column:1/-1;width:100%;margin:2px 0;display:block}.status-final-price[hidden]{display:none}.status-final-price input{width:100%;min-width:0;padding:5px 7px;height:30px;margin:3px 0 0;font-size:13px}.order-status-control .status-final-price{flex-basis:100%}

.loan-toggle{display:flex;align-items:center;gap:10px;font-weight:650;margin-bottom:16px}.loan-toggle input{width:18px;height:18px;margin:0;accent-color:#126b64}#loan-vehicle-fields[hidden]{display:none}

.orders-table .order-row.status-new{--order-tint:#eef5ff;--order-accent:#5288cf}.orders-table .order-row.status-work{--order-tint:#fff5e8;--order-accent:#d7953d}.orders-table .order-row.status-parts{--order-tint:#f5effc;--order-accent:#9470c6}.orders-table .order-row.status-done{--order-tint:#edf8ef;--order-accent:#55a46b}.orders-table .order-row.status-released{--order-tint:#f0f6f5;--order-accent:#71a59e}.orders-table .order-row.status-payment{--order-tint:#fff0ef;--order-accent:#cb5a52}.orders-table .order-row.status-cancelled{--order-tint:#f2f3f5;--order-accent:#929aa5}.orders-table .order-row.status-returned{--order-tint:#f7f2eb;--order-accent:#b18b5d}.orders-table .order-row td{background:var(--order-tint,#fff);border-bottom-color:#dce3e8}.orders-table .order-row td:first-child{box-shadow:inset 4px 0 var(--order-accent,#dce3e8);padding-left:14px}.orders-table .order-row:hover td{background:color-mix(in srgb,var(--order-tint,#fff) 92%,var(--order-accent,#dce3e8))}.orders-table .order-row td small{color:#586a78}.orders-table .order-row td>button{background:#ffffffb8;border:1px solid #cfd9e0}

.payment-card-wrap{position:relative;min-width:0}.payment-card{width:100%;height:100%;border-top:3px solid #d7675d}.art-payment{--art-color:#c79132;--art-light:#ffe1a4;--art-dark:#876116}.art-payment .button3d-face{background:linear-gradient(145deg,#ffe4ac,#ce9638 60%,#a76b1e)}.payment-preview{display:none;position:absolute;top:calc(100% - 2px);right:0;width:min(620px,80vw);max-height:360px;overflow:auto;padding:18px;background:#fff;border:1px solid #ecc9c5;border-radius:12px;box-shadow:0 14px 35px #22364726;z-index:30}.payment-card-wrap:hover .payment-preview,.payment-card-wrap:focus-within .payment-preview{display:block}.payment-preview table{margin-top:10px}.payment-preview td{padding:8px;font-size:12px}.payment-preview .badge{font-size:10px;padding:3px 6px}.payment-preview button{font-size:12px;padding:7px 10px}

/* Dlouhá navigace nesmí překrývat účet ani zakrýt klikatelné položky. */
.layout>aside{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;height:100dvh}.layout>aside>.brand,.layout>aside>.nav-caption,.layout>aside>nav{flex-shrink:0}.layout>aside>.account{position:static;inset:auto;margin-top:auto;padding:22px 12px 0;flex-shrink:0}.layout>aside>nav{padding-bottom:18px}.layout>aside>nav button{position:relative;min-height:42px}.layout>aside>.account button{width:100%}
@media(max-width:800px){.layout>aside{height:auto;max-height:none;overflow:visible}.layout>aside>.account{margin-top:12px}}

@media print{.document-stamp,.sl-stamp-space .document-stamp{width:60mm!important;min-width:60mm;max-width:60mm!important;height:24mm!important;min-height:24mm;max-height:24mm!important;object-fit:contain;break-inside:avoid}}

/* Bezpečné okraje A4 dokumentů; rozměry štítků zůstávají samostatné. */
@media print{
 @page workshopDocument{size:A4;margin:15mm}
 .service-list,.printsheet{page:workshopDocument;width:100%;max-width:100%;min-width:0;margin:0;padding:0;box-sizing:border-box}
 .service-list .sl-header>div,.service-list .sl-columns>div,.printsheet .grid>section{min-width:0;overflow-wrap:anywhere}
 .printsheet table{white-space:normal;table-layout:fixed;width:100%}
 .printsheet th,.printsheet td{overflow-wrap:anywhere}
 .service-list .sl-signatures,.printsheet .signatures,.invoice-stamp{break-inside:avoid}
}

.order-extra{margin-top:16px}.order-extra>summary{cursor:pointer;font-weight:650;color:#126b64;padding:10px 12px;background:#f1f7f5;border-radius:8px}.order-extra[open]>summary{margin-bottom:14px}.order-save-bar{position:sticky;bottom:0;background:#fffffff2;border:1px solid #d8e5e1;border-radius:12px;padding:12px;z-index:4;box-shadow:0 -3px 18px #173f3210}

.size-dk11209 .tl-content{padding:1.5mm;gap:.3mm 1.5mm}.size-dk11209 .tl-plate{font-size:18px}.size-dk11209 .tl-customer,.size-dk11209 .tl-phone{font-size:11px}.size-dk11209 .tl-size{font-size:12px}.size-dk11209 .tl-location{font-size:10px}.size-dk11209 .tl-season,.size-dk11209 .tl-car{font-size:9.5px}.size-dk11209 footer{font-size:8px;font-weight:bold}

.task-card{border-radius:9px;margin:6px 0;border-left:4px solid transparent}.task-card.priority-urgent,.calendar .cal-task.priority-urgent{background:#fff0ef;border-color:#d75a53;color:#962a25}.task-card.priority-important,.calendar .cal-task.priority-important{background:#fff4df;border-color:#dda24c;color:#88510b}.task-card.priority-normal,.calendar .cal-task.priority-normal{background:#edf5ff;border-color:#76a1d4;color:#2f5b89}.task-card.priority-done,.calendar .cal-task.priority-done{background:#edf3ef;border-color:#a4bdae;color:#62766a}.task-card.priority-urgent .task-title{color:#962a25}.task-card.priority-important .task-title{color:#88510b}.task-card.priority-normal .task-title{color:#2f5b89}.task-card.priority-urgent .task-check{background:#f7d6d2;color:#a32d28}.task-card.priority-important .task-check{background:#f9e6c2;color:#8a5515}.task-card.priority-normal .task-check{background:#dceafa;color:#346397}.task-card small{color:#526573}.task-overdue small:first-of-type{font-weight:700;color:#a12b25}.task-urgent-mark{display:inline-grid;place-items:center;background:#bc3932;color:#fff;border-radius:50%;width:18px;height:18px;font-size:12px}.task-legend{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px;font-size:12px}.task-legend span{border-radius:16px;padding:5px 10px;border:1px solid}.task-legend .priority-urgent{background:#fff0ef;color:#962a25;border-color:#e6aaa6}.task-legend .priority-important{background:#fff4df;color:#88510b;border-color:#e2c386}.task-legend .priority-normal{background:#edf5ff;color:#2f5b89;border-color:#b2c9e6}.task-legend .priority-done{background:#edf3ef;color:#62766a;border-color:#c4d4ca}.calendar .day.today{background:#f0f8f5;box-shadow:inset 0 0 0 2px #4b9b88}.calendar .cal-order{border-left:4px solid #5288cf;background:#eef5ff;color:#2455a1}.calendar .cal-order.status-work{background:#fff1de;color:#945006;border-color:#d7953d}.calendar .cal-order.status-parts{background:#f0e9fc;color:#67418e;border-color:#9470c6}.calendar .cal-order.status-done{background:#e1f4e7;color:#236b3b;border-color:#55a46b}.calendar .cal-order.status-released{background:#eaf2ef;color:#526b62;border-color:#93b0a3}.calendar .cal-order.status-payment{background:#fff0ef;color:#a42d29;border-color:#cb5a52}.calendar .cal-order.status-cancelled,.calendar .cal-order.status-returned{background:#edf0f3;color:#69727b;border-color:#929aa5}

.ico-lookup-inline{display:flex;gap:8px;align-items:end;min-width:0}.ico-lookup-inline label{flex:1;min-width:0}.ico-lookup-inline button{height:42px;padding:8px 12px;white-space:nowrap;font-size:12px}#vehicle-damage-fields[hidden]{display:none}#vehicle-damage-fields{margin-bottom:18px}

.address-fields{display:grid;grid-template-columns:minmax(150px,2fr) minmax(90px,1fr) minmax(140px,2fr) minmax(130px,1.5fr);gap:12px}.address-title{font-size:13px;font-weight:650;color:#506174}.postal-options{font-size:12px;color:#617c77}@media(max-width:950px){.address-fields{grid-template-columns:1fr 1fr}}@media(max-width:600px){.address-fields{grid-template-columns:1fr}}

.save-print-button{display:inline-flex;align-items:center;gap:8px;background:#e4f1ee;color:#126b64;border:1px solid #a9cdc5}.save-print-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.badge.payment-paid{background:#e1f4e7;color:#236b3b;border-color:#b7dfc3}.badge.payment-pending{background:#fff0dc;color:#945006;border-color:#e4bd87}.badge.payment-overdue,.badge.payment-unpaid{background:#fff0ef;color:#a42d29;border-color:#ecb2af}.release-payment-fields{flex-basis:100%;display:grid;gap:8px}.release-payment-fields[hidden]{display:none}.release-payment-fields select,.release-payment-fields input{min-width:0;width:100%;font-size:13px}.order-payment-control{margin-top:15px}.orders-table td .badge+.badge{margin-top:4px}

#tire-until-date[hidden]{display:none}

/* Skladové číslo je nejvýraznější údaj štítku DK-11209. */
.size-dk11209 .tl-content{grid-template-columns:23mm minmax(0,1fr);grid-template-rows:repeat(5,auto);gap:.45mm 1.4mm;padding:1.5mm;align-content:start}.size-dk11209 .tl-code{grid-column:1;grid-row:1/3;align-self:center;font-size:25px;font-weight:900;line-height:1;letter-spacing:-.4px;white-space:nowrap;border-right:1px solid #000;padding-right:1mm}.size-dk11209 .tl-plate{grid-column:2;grid-row:1;font-size:16px;line-height:1.1;padding:0;border:0;white-space:nowrap}.size-dk11209 .tl-size{grid-column:2;grid-row:2;font-size:12px;line-height:1.1}.size-dk11209 .tl-customer{grid-column:1/-1;grid-row:3;font-size:11px;line-height:1.1}.size-dk11209 .tl-phone{grid-column:1;grid-row:4;font-size:10px;line-height:1.1;white-space:nowrap}.size-dk11209 .tl-location{grid-column:2;grid-row:4;font-size:10px;line-height:1.1}.size-dk11209 .tl-season{grid-column:1;grid-row:5;font-size:9px;line-height:1.1}.size-dk11209 .tl-car{grid-column:2;grid-row:5;font-size:9px;line-height:1.1}.size-dk11209 footer{grid-column:1/-1;grid-row:6;font-size:7px;line-height:1;margin:0}.tl-code{font-weight:900}

.directory-table th{padding:10px;font-size:11px}.directory-table td{padding:7px 10px;font-size:13px;vertical-align:middle}.directory-table td small{font-size:11px;margin-top:2px}.directory-table td>button{padding:6px 9px;font-size:11px;margin:2px 0}.directory-table .directory-car{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 0}.directory-table .directory-car-info{line-height:1.25}.directory-table .directory-car .actions{margin:0;gap:4px;flex-wrap:nowrap}.directory-table .directory-car button{padding:5px 7px;font-size:11px}.directory-table tbody tr:hover{background:#f3f8f6}

/* Sezóna a disky v pneuhotelu */
.tire-marks{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}.tire-mark{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border-radius:7px;font-size:11px;font-weight:650;white-space:nowrap;background:#eef3f4;color:#46616b}.tire-mark svg,.tire-size-picker button svg,.tire-disc-choice button svg{width:19px;height:19px;flex-shrink:0}.tire-mark.summer{background:#fff2cc;color:#996000}.tire-mark.winter{background:#e3f1ff;color:#276fa4}.tire-mark.all-season{background:#e8f5e7;color:#397c43}.tire-mark.mounted{background:#e2eeec;color:#28695d}.tire-mark.unmounted{background:#f1f2f3;color:#5d656c}.tire-disc-choice{margin:16px 0;border:1px solid #dae4e4;border-radius:12px;padding:12px}.tire-disc-choice button,.tire-size-picker button[data-action="tire-season-pick"]{display:inline-flex;align-items:center;gap:7px}.tire-disc-choice button[aria-pressed="true"]{background:#d9eeea;color:#18584f;border-color:#60a99b;box-shadow:inset 0 1px 2px #fff8}.inline-check[hidden]{display:none}