@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#242820;background:#f4f5f1;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#242820;--muted:#8a8f84;--line:#e9ebe5;--green:#c3f36b}*{box-sizing:border-box}body{margin:0}.layout{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:#fbfcf9;border-right:1px solid var(--line);padding:27px 16px;display:flex;flex-direction:column;z-index:2}.brand{display:flex;align-items:center;gap:10px;margin:0 8px 54px;color:var(--ink);text-decoration:none;font:800 21px Manrope,sans-serif;letter-spacing:-1.2px}.brand-logo{width:37px;height:37px;background:var(--green);border-radius:12px;display:grid;place-items:center;font-size:22px}.brand-logo span,.footer-brand span{color:#69992c}.brand small{display:block;margin-top:3px;color:#999d94;font:700 8px 'DM Sans',sans-serif;letter-spacing:1.3px}.nav-caption,.overline{font-size:9px;font-weight:700;letter-spacing:1.5px;color:#9ba095}.nav-caption{padding:0 11px 11px}.nav-item{height:42px;display:flex;align-items:center;gap:12px;padding:0 11px;margin:2px 0;border-radius:8px;text-decoration:none;color:#72776e;font-size:12px}.nav-item.selected{background:#eef4e5;color:#3d5428;font-weight:600}.nav-symbol{font-size:17px}.nav-count{margin-left:auto;padding:3px 8px;border-radius:12px;background:#e6e9e1;font-size:10px}.nav-active-dot{width:5px;height:5px;background:#83b43f;border-radius:50%;margin-left:auto}.side-bottom{margin-top:auto;padding:15px 10px 4px;border-top:1px solid var(--line);display:flex;align-items:center;gap:9px}.side-bottom b{display:block;font-size:10px;font-weight:600}.side-bottom small{display:block;color:#9b9f96;font-size:9px;margin-top:3px}.status-light{width:8px;height:8px;background:#76bb49;border-radius:50%;box-shadow:0 0 0 4px #76bb4922}.side-clock{margin-left:auto;color:#d0d3cd;font-size:9px}main{margin-left:230px;padding:0 42px;max-width:1600px}.header{height:65px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e7e0}.crumb{font-size:9px;letter-spacing:1.1px;color:#979b92;font-weight:700}.crumb span{padding:0 7px;color:#c5c8c1}.header-right{display:flex;align-items:center;gap:18px}.date-label{font-size:10px;color:#858a80;text-transform:capitalize}.profile{display:flex;align-items:center;gap:8px;border:0;background:transparent;color:#4a4e46;font:600 10px 'DM Sans',sans-serif}.profile-icon{width:28px;height:28px;background:#e8eedf;color:#536a36;border-radius:50%;display:grid;place-items:center;font-weight:700}.chevron{font-size:16px;color:#92968d}.welcome{padding:31px 0 24px;display:flex;justify-content:space-between;align-items:flex-end}.welcome h1{font:700 28px Manrope,sans-serif;letter-spacing:-1.2px;margin:8px 0 4px}.welcome p{font-size:12px;color:#858a80;margin:0}.welcome .overline{display:flex;align-items:center;gap:7px}.welcome .overline i{width:6px;height:6px;border-radius:50%;background:#8abd43}.button{border:0;border-radius:7px;padding:10px 14px;font:600 11px 'DM Sans',sans-serif;cursor:pointer;transition:transform .15s,background .15s}.button:hover{transform:translateY(-1px)}.main-button{background:var(--green);color:#27331d;box-shadow:0 3px 8px #8eb83b20}.main-button:hover{background:#b7e95a}.main-button span{font-size:16px;vertical-align:-1px;margin-right:3px}.light-button{background:#fff;border:1px solid #e5e7df;color:#555a50}.metrics{display:grid;grid-template-columns:1.25fr repeat(4,1fr);gap:11px}.metric{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:9px;min-height:123px;padding:15px 15px 12px}.metric-dark{background:#283225;border-color:#283225;color:#fff}.metric-label{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;color:#777d72;font-size:10px;font-weight:500}.metric-dark .metric-label{color:#d6ddce}.metric-glyph{font-size:15px;color:#bdf36b}.metric-value{position:relative;z-index:1;font:700 30px Manrope,sans-serif;letter-spacing:-1.5px;margin:9px 0 4px}.metric-foot{position:relative;z-index:1;color:#a0a49b;font-size:9px}.metric-dark .metric-foot{color:#c0c8b8}.metric-bullet{display:inline-block;width:5px;height:5px;border-radius:50%;background:#bdf36b;margin-right:5px;vertical-align:1px}.metric-icon{width:23px;height:23px;border-radius:7px;display:grid;place-items:center;font-size:14px}.icon-blue{background:#e8f2fa;color:#6691b2}.icon-amber{background:#fcf1df;color:#c38c3f}.icon-green{background:#edf4e4;color:#73a33e}.icon-violet{background:#f0ebf8;color:#9177bb}.dark-rings{position:absolute;width:120px;height:120px;border:1px solid #ffffff13;border-radius:50%;right:-52px;bottom:-76px;box-shadow:0 0 0 16px #ffffff09,0 0 0 32px #ffffff06}.board{margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.board-heading{display:flex;justify-content:space-between;align-items:center;padding:18px 20px 15px}.board-heading h2{margin:5px 0 0;font:700 16px Manrope,sans-serif;letter-spacing:-.4px}.board-heading h2 span{font:500 10px 'DM Sans',sans-serif;color:#9da198;letter-spacing:0;margin-left:4px}.controls{padding:0 20px 13px;display:flex;align-items:center;gap:10px}.search{width:min(340px,50%);height:34px;border:1px solid #e7e9e2;border-radius:6px;display:flex;align-items:center;gap:8px;padding:0 10px;color:#9a9e95}.search span{font-size:18px}.search input{border:0;outline:none;width:100%;font:10px 'DM Sans',sans-serif;color:#41463e;background:transparent}.search input::placeholder{color:#aaaea6}.filter-label{display:flex;align-items:center;gap:7px;color:#a0a49b;font-size:9px}.filter-label select{height:34px;border:1px solid #e7e9e2;border-radius:6px;padding:0 24px 0 9px;color:#656a60;background:#fff;font:10px 'DM Sans',sans-serif}.showing{margin-left:auto;color:#9a9e95;font-size:9px}.records{padding:0 9px 8px}.record{border-top:1px solid #f0f1ed;display:grid;grid-template-columns:minmax(185px,1.35fr) minmax(120px,.85fr) minmax(170px,1.3fr) minmax(130px,.9fr) minmax(112px,.75fr) 28px;gap:12px;align-items:center;padding:12px 11px}.record-head{display:grid;grid-template-columns:minmax(185px,1.35fr) minmax(120px,.85fr) minmax(170px,1.3fr) minmax(130px,.9fr) minmax(112px,.75fr) 28px;gap:12px;padding:0 11px 9px;color:#9da197;font-size:8px;font-weight:700;letter-spacing:1px}.bike-info{display:flex;align-items:center;gap:9px;min-width:0}.bike-thumb{height:35px;width:35px;flex:0 0 35px;border-radius:9px;background:#f0f3eb;color:#718d4f;display:grid;place-items:center;font-size:18px}.bike-name{font-size:10px;font-weight:700;color:#383d34;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bike-plate{font-size:8px;letter-spacing:.6px;color:#9ba095;margin-top:4px}.customer{font-size:9px;color:#555b51}.date-cell{font-size:9px;color:#7f857a}.request-main{font-size:9px;color:#555a51;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.request-sub{font-size:8px;color:#a0a49b;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-select{appearance:none;max-width:100%;border:0;border-radius:20px;padding:6px 8px;font:600 8px 'DM Sans',sans-serif;cursor:pointer;white-space:nowrap}.status-select.s-queue{background:#f0f1ee;color:#73796e}.status-select.s-diagnosis{background:#eaf2f9;color:#5c88ad}.status-select.s-approval{background:#fff2dc;color:#ae772b}.status-select.s-parts{background:#f0eaf9;color:#8767b4}.status-select.s-repair{background:#edf4e4;color:#688f3e}.status-select.s-ready{background:#e9f4e5;color:#5f903e}.status-select.s-delivered{background:#f0f1ee;color:#7d8279}.status-select.s-rejected{background:#fae9e6;color:#b3685c}.row-actions{display:flex;justify-content:flex-end;gap:2px}.row-actions button{width:25px;height:25px;border:0;background:transparent;color:#9ca096;border-radius:5px;cursor:pointer;font-size:13px}.row-actions button:hover{background:#f0f2ed;color:#41463e}.empty-state{text-align:center;padding:35px 15px 42px}.empty-state[hidden]{display:none}.empty-illustration{width:46px;height:46px;margin:0 auto 12px;display:grid;place-items:center;border-radius:14px;background:#f0f4e9;color:#73924d;font-size:25px}.empty-state h3{font:700 14px Manrope,sans-serif;margin:0;color:#484e44}.empty-state p{font-size:10px;color:#999e94;margin:7px 0 16px}footer{display:flex;align-items:center;gap:11px;padding:19px 2px;color:#a1a59c;font-size:8px;letter-spacing:.8px;font-weight:700}.footer-brand{font:800 12px Manrope,sans-serif;letter-spacing:-.6px;color:#555a50}.footer-right{margin-left:auto;font-size:7px;letter-spacing:.7px}dialog{width:min(720px,calc(100% - 24px));max-height:92vh;overflow:auto;padding:0;border:0;border-radius:12px;box-shadow:0 22px 80px #1e281a38;color:#33382f}dialog::backdrop{background:#182016aa;backdrop-filter:blur(3px)}dialog form{padding:22px 25px 20px}.dialog-title-row{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:15px;border-bottom:1px solid var(--line)}.dialog-title-row h2{font:700 20px Manrope,sans-serif;margin:5px 0 0;letter-spacing:-.6px}.close{width:29px;height:29px;border:0;border-radius:7px;background:#f2f3ef;color:#6d7367;font-size:20px;cursor:pointer}.form-section{padding:16px 0;border-bottom:1px solid #eff0ec}.form-section-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}.form-section-title>span{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;background:#eef4e5;color:#668740;font:700 9px Manrope,sans-serif}.form-section-title b{display:block;font:700 11px Manrope,sans-serif;color:#454a41}.form-section-title small{display:block;margin-top:3px;color:#9a9f94;font-size:9px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}.form-grid label,.field-label{display:flex;flex-direction:column;gap:5px;color:#6e746a;font-size:9px;font-weight:600}.form-grid input,.form-grid select,.form-grid textarea,.field-label textarea,.fault-row input,.fault-row select{width:100%;border:1px solid #e5e8e0;border-radius:6px;padding:9px;background:#fff;color:#383d34;font:10px 'DM Sans',sans-serif;outline:none}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.field-label textarea:focus,.fault-row input:focus{border-color:#a8d369;box-shadow:0 0 0 2px #bdf36b32}.form-grid input::placeholder,.form-grid textarea::placeholder,.field-label textarea::placeholder,.fault-row input::placeholder{color:#b0b4aa}.form-grid .wide{grid-column:1/-1}.service-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:12px}.service-option{display:flex;align-items:center;gap:7px;min-height:33px;padding:7px 8px;border:1px solid #e9ebe5;border-radius:6px;color:#555b50;font-size:9px;cursor:pointer}.service-option:has(input:checked){border-color:#b5d785;background:#f5f9ef;color:#49632c}.service-option input{accent-color:#7da940}.field-label textarea{resize:vertical}.fault-heading{display:flex;justify-content:space-between;align-items:center;margin:13px 0 7px;color:#9ba095;font-size:8px;font-weight:700;letter-spacing:1px}.text-button{border:0;background:transparent;color:#709b3b;font:600 9px 'DM Sans',sans-serif;cursor:pointer}.fault-row{display:grid;grid-template-columns:minmax(185px,auto) minmax(0,1fr) 26px;gap:7px;margin:7px 0}.fault-row select{font-size:9px}.fault-row button{border:0;border-radius:5px;background:#f4f4f0;color:#91968c;font-size:16px;cursor:pointer}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:15px}.toast{position:fixed;right:20px;bottom:20px;padding:11px 16px;border-radius:7px;background:#283225;color:white;font-size:11px;box-shadow:0 8px 20px #17200e30;z-index:8;animation:pop .18s ease}@keyframes pop{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){main{padding:0 25px}.sidebar{width:205px}main{margin-left:205px}.metrics{grid-template-columns:repeat(4,1fr)}.metric-dark{grid-column:span 2}.record,.record-head{grid-template-columns:minmax(160px,1.25fr) minmax(100px,.8fr) minmax(150px,1.15fr) minmax(112px,.8fr) 28px}.record-head span:nth-child(3),.record .date-cell{display:none}}
@media(max-width:720px){.sidebar{display:none}main{margin:0;padding:0 15px}.header{height:55px}.crumb{font-size:8px}.header-right{gap:10px}.date-label{font-size:9px}.profile-name,.chevron{display:none}.welcome{padding:25px 0 18px;gap:8px;align-items:flex-start}.welcome h1{font-size:22px}.welcome p{font-size:10px}.welcome>.button{padding:9px 10px;font-size:9px;white-space:nowrap}.metrics{grid-template-columns:repeat(2,1fr);gap:8px}.metric{min-height:103px;padding:12px}.metric-dark{grid-column:span 2}.metric-value{font-size:25px;margin:7px 0 2px}.metric-label{font-size:9px}.metric-foot{font-size:8px}.board{margin-top:15px}.board-heading{padding:15px 13px 12px}.board-heading h2{font-size:14px}.board-heading .button{font-size:9px;padding:8px}.controls{padding:0 13px 11px;flex-wrap:wrap}.search{width:100%;max-width:none;flex-basis:100%}.filter-label{flex:1}.filter-label select{flex:1}.showing{font-size:8px}.records{padding:0 7px 7px}.record-head{display:none}.record{grid-template-columns:minmax(110px,1.2fr) minmax(90px,1fr) 54px;gap:7px;padding:10px 5px}.record .customer{display:none}.record .request-cell{grid-column:1/3;grid-row:2;padding-left:44px;margin-top:-4px}.record .status-cell{grid-column:2;grid-row:1;justify-self:start;min-width:0;max-width:100%}.record .status-picker{max-width:100%;min-width:0}.record .status-picker .status-select{min-width:0;max-width:100%;width:100%;font-size:10px;padding:5px 6px;overflow:hidden;text-overflow:ellipsis}.record .row-actions{grid-column:3;grid-row:1;min-width:54px;justify-content:flex-end}.bike-thumb{width:30px;height:30px;flex-basis:30px}.bike-name{font-size:9px}.status-select{font-size:7px;padding:5px 6px}.footer-right{display:none}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.service-options{grid-template-columns:1fr 1fr}.fault-row{grid-template-columns:minmax(165px,auto) minmax(0,1fr) 25px}dialog form{padding:18px}.dialog-title-row h2{font-size:18px}}
.field-note{font-size:8px;font-weight:400;color:#9a9f94;line-height:1.35}.catalog-credit{margin-left:auto;color:#858a80;text-decoration:none;font-size:8px;letter-spacing:.2px}.catalog-credit:hover{color:#4e652f;text-decoration:underline}
.auth-gate{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f4f5f1}.login-card{width:min(100%,390px);padding:30px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 18px 60px #20291c12}.login-card h1{margin:22px 0 6px;font:700 24px Manrope,sans-serif}.login-card p{margin:0 0 18px;color:#858a80;font-size:12px}.login-card label{display:block;margin:14px 0;color:#555a50;font-size:11px}.login-card input{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid #e5e7df;border-radius:6px;font:12px 'DM Sans',sans-serif}.login-card .button{width:100%;margin-top:6px}.auth-error{color:#a43131!important;margin:12px 0!important}.logout-button{border:1px solid #e5e7df;border-radius:6px;padding:7px 10px;background:#fff;color:#555a50;font:600 10px 'DM Sans',sans-serif;cursor:pointer}.logout-button[hidden]{display:none}.auth-gate[hidden]{display:none}.local-import-banner{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 14px;padding:14px 16px;border:1px solid #e9ebe5;border-radius:9px;background:#fff}.local-import-banner b{font-size:11px}.local-import-banner p{margin:4px 0 0;color:#858a80;font-size:10px}
/* Larger type for easier reading */
.brand{font-size:22px}.brand small{font-size:9px}.nav-caption,.overline{font-size:11px}.nav-item{font-size:14px}.nav-count{font-size:11px}.side-bottom b{font-size:12px}.side-bottom small{font-size:11px}.crumb{font-size:11px}.date-label{font-size:12px}.profile{font-size:12px}.welcome h1{font-size:32px}.welcome p{font-size:14px}.button{font-size:13px}.metric-label{font-size:12px}.metric-value{font-size:32px}.metric-foot{font-size:11px}.board-heading h2{font-size:18px}.board-heading h2 span{font-size:12px}.search input,.filter-label select{font-size:12px}.filter-label,.showing{font-size:11px}.record-head{font-size:10px}.bike-name{font-size:12px}.bike-plate{font-size:10px}.customer,.date-cell,.request-main{font-size:11px}.request-sub{font-size:10px}.status-select{font-size:10px}.row-actions button{font-size:15px}.empty-state h3{font-size:16px}.empty-state p{font-size:12px}footer{font-size:10px}.footer-right{font-size:9px}.dialog-title-row h2{font-size:22px}.form-section-title b{font-size:13px}.form-section-title small{font-size:11px}.form-grid label,.field-label{font-size:11px}.form-grid input,.form-grid select,.form-grid textarea,.field-label textarea,.fault-row input,.fault-row select{font-size:12px}.service-option{font-size:11px}.field-note{font-size:10px}.fault-heading{font-size:10px}.text-button{font-size:11px}.login-card h1{font-size:27px}.login-card p{font-size:14px}.login-card label{font-size:13px}.login-card input{font-size:14px}.auth-error{font-size:13px}.logout-button{font-size:12px}.local-import-banner b{font-size:13px}.local-import-banner p{font-size:12px}
@media(max-width:720px){.crumb{font-size:9px}.date-label{font-size:10px}.welcome h1{font-size:27px}.welcome p{font-size:13px}.welcome>.button{font-size:11px}.metric-value{font-size:28px}.metric-label{font-size:11px}.metric-foot{font-size:10px}.board-heading h2{font-size:16px}.board-heading .button{font-size:11px}.showing{font-size:10px}.bike-name{font-size:11px}.status-select{font-size:9px}}
/* LXL Motos brand palette */
:root{color:#171719;background:#f5f5f6;--ink:#171719;--muted:#77777e;--line:#e5e5e8;--green:#f23826}
.sidebar{background:#fff;border-right-color:#e5e5e8}.brand{display:block;width:180px;height:64px;margin:0 8px 38px;padding:0}.brand-logo-image{display:block;width:180px;height:64px;object-fit:cover;object-position:center;mix-blend-mode:multiply}
.main-button{background:#f23826;color:#fff;box-shadow:0 3px 8px #f2382625}.main-button:hover{background:#d92d1d}.main-button span{color:#fff}.nav-item.selected{background:#f0f0f2;color:#171719}.nav-active-dot,.status-light{background:#f23826}.status-light{box-shadow:0 0 0 4px #f2382622}.metric-glyph,.metric-bullet{color:#f23826;background:#f23826}.icon-green{background:#fde9e7;color:#d92d1d}.status-select.s-diagnosis{background:#ececef;color:#56565d}.status-select.s-approval{background:#eeedf0;color:#56565d}.status-select.s-parts{background:#e9e9ec;color:#56565d}.status-select.s-repair{background:#fde9e7;color:#b92c20}.status-select.s-ready{background:#fbd8d4;color:#a92419}.status-select.s-rejected{background:#f8e2e0;color:#a92419}.form-section-title>span,.service-option:has(input:checked){background:#f1f1f3;color:#b92c20}.service-option:has(input:checked){border-color:#edaaa3}.service-option input{accent-color:#e53524}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.field-label textarea:focus,.fault-row input:focus{border-color:#ef766a;box-shadow:0 0 0 2px #f2382620}.catalog-credit:hover,.text-button{color:#d92d1d}.brand-logo span,.footer-brand span{color:#f23826}.metric-glyph{color:#f23826;background:transparent}.metric-bullet{background:#f23826}.welcome .overline i{background:#f23826}.icon-blue,.icon-amber,.icon-violet{background:#eeeeef;color:#5d5d64}.bike-thumb,.empty-illustration{background:#efeff1;color:#5d5d64}.brand{height:82px;margin-bottom:22px}.brand-logo-image{height:82px;object-fit:cover;object-position:center}.brand{height:auto;margin:0 8px 20px;overflow:visible}.brand-logo-image{display:block;width:180px;max-width:100%;height:auto;object-fit:contain;object-position:center;mix-blend-mode:multiply}
/* Improve readability of secondary text */
.brand small{font-size:10px;color:#74757b}.nav-caption,.overline{font-size:12px;color:#74757b}.crumb{font-size:12px;color:#73747a}.date-label{font-size:13px;color:#6d6e74}.side-bottom b{font-size:13px}.side-bottom small{font-size:12px;color:#73747a}.welcome p{color:#6d6e74}.metric-label{font-size:13px;color:#686970}.metric-dark .metric-label{color:#e1e1e3}.metric-foot{font-size:12px;color:#707178}.metric-dark .metric-foot{color:#d0d0d3}.board-heading h2 span{font-size:13px;color:#74757b}.filter-label,.showing{font-size:12px;color:#707178}.search input::placeholder{color:#77787e}.record-head{font-size:11px;color:#77787e}.bike-plate,.request-sub{font-size:12px;color:#74757b}.customer,.date-cell,.request-main{font-size:12px}.empty-state p{font-size:13px;color:#72737a}footer{font-size:11px;color:#74757b}.footer-right{font-size:10px}.field-note{font-size:11px;color:#74757b}.form-section-title small{font-size:12px;color:#74757b}.fault-heading{font-size:11px;color:#74757b}.catalog-credit{font-size:10px;color:#707178}.local-import-banner p{font-size:13px;color:#6d6e74}
@media(max-width:720px){.crumb{font-size:10px}.date-label{font-size:11px}.metric-label{font-size:12px}.metric-foot{font-size:11px}.showing{font-size:11px}.record-head{font-size:10px}.bike-plate,.request-sub{font-size:11px}.customer,.date-cell,.request-main{font-size:11px}.empty-state p{font-size:12px}.field-note{font-size:11px}.catalog-credit{font-size:10px}}
/* Centered LXL Motos login header */
.login-brand{display:block;width:min(100%,240px);height:90px;margin:0 auto 8px;object-fit:cover;object-position:center;mix-blend-mode:multiply}.login-card h1{margin:8px 0 6px;text-align:center}.login-card>p:not(.auth-error){text-align:center}.login-brand{height:125px}
.dialog-actions{position:sticky;bottom:0;z-index:3;background:#fff;border-top:1px solid #e5e5e8;padding:14px 0 4px;margin-top:12px;box-shadow:0 -8px 12px #ffffff}.local-import-banner[hidden]{display:none}

dialog{overflow:hidden}dialog form{display:flex;flex-direction:column;max-height:92vh;min-height:0;overflow:hidden;padding:0}.dialog-title-row{position:relative;flex:0 0 auto;padding:22px 25px 15px;background:#fff;border-radius:12px 12px 0 0}.dialog-scroll-area{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 25px}.dialog-actions{position:relative;flex:0 0 auto;margin:0;padding:14px 25px 20px;background:#fff;box-shadow:0 -8px 12px #ffffff;border-radius:0 0 12px 12px}
@media(max-width:720px){.dialog-title-row{padding:18px 18px 15px}.dialog-scroll-area{padding:0 18px}.dialog-actions{padding:14px 18px 18px}}
.field-label textarea,#diagnosis{resize:none}
.approval-picker{display:block;width:100%}.approval-picker .status-select{width:145px;min-width:145px;max-width:100%;min-height:40px;padding:9px 10px;border:1px solid #e5e8e0;border-radius:6px;text-align:left;font:14px 'DM Sans',sans-serif}#approval-menu{left:0;right:auto;width:145px;min-width:0;max-width:100%;transform:none}.approval-picker .status-option{width:100%}.approval-picker .status-select.s-approval,.approval-picker .status-option.s-approval{background:#ffe8a3;color:#78350f}.approval-picker .status-select.s-ready{background:#86efac;color:#14532d}.approval-picker .status-select.s-rejected{background:#b42318;color:#fff}
.leave-confirm-dialog{width:min(500px,calc(100% - 32px));max-height:none;overflow:hidden;padding:0;border-radius:12px;background:#fff}.leave-confirm-content{padding:24px}.leave-confirm-content h2{margin:7px 0;font:700 21px Manrope,sans-serif;color:#171719}.leave-confirm-content p{margin:0 0 20px;color:#6d6e74;font-size:14px}.leave-confirm-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.discard-button{border:1px solid #e8b8b3;background:#fff;color:#a92419}.discard-button:hover{background:#fff4f2}
.delete-confirm-button{border:1px solid #f4362a;background:#f4362a;color:#fff}.delete-confirm-button:hover{background:#dc2b21}.delete-confirm-button:disabled{opacity:.65;cursor:wait}
@media(max-width:520px){.leave-confirm-content{padding:20px}.leave-confirm-actions{flex-direction:column-reverse}.leave-confirm-actions .button{width:100%}}
.page-loader{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;background:#f5f5f6;opacity:1;visibility:visible;transition:opacity .12s ease,visibility .12s ease}.page-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.page-loader-content{display:flex;flex-direction:column;align-items:center;gap:22px}.page-loader-content img{display:block;width:min(220px,56vw);height:auto;object-fit:contain;mix-blend-mode:multiply}.page-loader-spinner{width:27px;height:27px;border:3px solid #dedee2;border-top-color:#f23826;border-radius:50%;animation:page-loader-spin .65s linear infinite}@keyframes page-loader-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.page-loader-spinner{animation-duration:1.4s}}

.row-actions[hidden],.row-actions [hidden]{display:none!important}

@media(min-width:721px){.record-head,.record{grid-template-columns:minmax(185px,1.35fr) minmax(120px,.85fr) minmax(125px,.85fr) minmax(260px,1.8fr) minmax(112px,.75fr) 28px}}

@media(min-width:721px){.record-head,.record{grid-template-columns:minmax(185px,1.2fr) minmax(120px,.8fr) minmax(100px,.65fr) minmax(360px,2.4fr) minmax(112px,.75fr) 28px;column-gap:8px}.request-main,.request-sub{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}}

/* Slightly larger, more readable type across the interface */
.nav-item{font-size:15px}.nav-caption,.overline,.crumb{font-size:13px}.date-label,.profile{font-size:14px}
.welcome h1{font-size:34px}.welcome p{font-size:15px}.button{font-size:14px}
.metric-label{font-size:14px}.metric-value{font-size:34px}.metric-foot{font-size:13px}
.board-heading h2{font-size:20px}.board-heading h2 span{font-size:14px}
.search input,.filter-label select{font-size:14px}.filter-label,.showing{font-size:13px}
.record-head{font-size:12px}.bike-name{font-size:14px}.bike-plate,.request-sub{font-size:13px}
.customer,.date-cell,.request-main{font-size:13px}.status-select{font-size:12px}.row-actions button{font-size:17px}
.empty-state h3{font-size:18px}.empty-state p{font-size:14px}footer{font-size:12px}.footer-right{font-size:11px}
.dialog-title-row h2{font-size:24px}.form-section-title b{font-size:14px}.form-section-title small{font-size:13px}
.form-grid label,.field-label{font-size:12px}.form-grid input,.form-grid select,.form-grid textarea,.field-label textarea,.fault-row input,.fault-row select{font-size:13px}
.service-option{font-size:12px}.field-note,.fault-heading,.text-button{font-size:12px}
.login-card h1{font-size:29px}.login-card p{font-size:15px}.login-card label{font-size:14px}.login-card input{font-size:15px}
@media(max-width:720px){.nav-item{font-size:14px}.nav-caption,.overline,.crumb{font-size:11px}.date-label,.profile{font-size:12px}.welcome h1{font-size:29px}.welcome p{font-size:14px}.button{font-size:12px}.metric-label{font-size:13px}.metric-value{font-size:30px}.metric-foot{font-size:12px}.board-heading h2{font-size:17px}.board-heading h2 span{font-size:13px}.search input,.filter-label select{font-size:13px}.filter-label,.showing{font-size:12px}.record-head{font-size:11px}.bike-name{font-size:12px}.bike-plate,.request-sub,.customer,.date-cell,.request-main{font-size:12px}.status-select{font-size:10px}.empty-state h3{font-size:17px}.empty-state p{font-size:13px}footer{font-size:11px}.form-grid label,.field-label{font-size:12px}.form-grid input,.form-grid select,.form-grid textarea,.field-label textarea,.fault-row input,.fault-row select{font-size:13px}.service-option{font-size:12px}}

/* Second small typography increase for readability */
.nav-item{font-size:16px}.nav-caption,.overline,.crumb{font-size:14px}.date-label,.profile{font-size:15px}
.welcome h1{font-size:36px}.welcome p{font-size:16px}.button{font-size:15px}
.metric-label{font-size:15px}.metric-value{font-size:36px}.metric-foot{font-size:14px}
.board-heading h2{font-size:21px}.board-heading h2 span{font-size:15px}
.search input,.filter-label select{font-size:15px}.filter-label,.showing{font-size:14px}
.record-head{font-size:13px}.bike-name{font-size:15px}.bike-plate,.request-sub{font-size:14px}
.customer,.date-cell,.request-main{font-size:14px}.status-select{font-size:13px}.row-actions button{font-size:18px}
.empty-state h3{font-size:19px}.empty-state p{font-size:15px}footer{font-size:13px}.footer-right{font-size:12px}
.dialog-title-row h2{font-size:25px}.form-section-title b{font-size:15px}.form-section-title small{font-size:14px}
.form-grid label,.field-label{font-size:13px}.form-grid input,.form-grid select,.form-grid textarea,.field-label textarea,.fault-row input,.fault-row select{font-size:14px}
.service-option{font-size:13px}.field-note,.fault-heading,.text-button{font-size:13px}
.login-card h1{font-size:30px}.login-card p{font-size:16px}.login-card label{font-size:15px}.login-card input{font-size:16px}
@media(max-width:720px){.nav-item{font-size:15px}.nav-caption,.overline,.crumb{font-size:12px}.date-label,.profile{font-size:13px}.welcome h1{font-size:30px}.welcome p{font-size:15px}.button{font-size:13px}.metric-label{font-size:14px}.metric-value{font-size:31px}.metric-foot{font-size:13px}.board-heading h2{font-size:18px}.board-heading h2 span{font-size:14px}.search input,.filter-label select{font-size:14px}.filter-label,.showing{font-size:13px}.record-head{font-size:12px}.bike-name{font-size:13px}.bike-plate,.request-sub,.customer,.date-cell,.request-main{font-size:13px}.status-select{font-size:11px}.empty-state h3{font-size:18px}.empty-state p{font-size:14px}footer{font-size:12px}.form-grid label,.field-label{font-size:13px}.form-grid input,.form-grid select,.form-grid textarea,.field-label textarea,.fault-row input,.fault-row select{font-size:14px}.service-option{font-size:13px}}

#customer{color:#242820;caret-color:#242820}
.profile .chevron{display:none}

.status-select.s-queue,#status.s-queue,option.s-queue{background:#e2e8f0;color:#334155}
.status-select.s-diagnosis,#status.s-diagnosis,option.s-diagnosis{background:#bfdbfe;color:#1e3a8a}
.status-select.s-approval,#status.s-approval,option.s-approval{background:#f9dc7a;color:#78350f}
.status-select.s-parts,#status.s-parts,option.s-parts{background:#ddd6fe;color:#4c1d95}
.status-select.s-repair,#status.s-repair,option.s-repair{background:#fdba74;color:#7c2d12}
.status-select.s-ready,#status.s-ready,option.s-ready{background:#86efac;color:#14532d}
.status-select.s-delivered,#status.s-delivered,option.s-delivered{background:#0f766e;color:#fff}
.status-select.s-rejected,#status.s-rejected,option.s-rejected{background:#b42318;color:#fff}

option:hover,option:focus{background-color:#d1d5db!important;color:#111827!important}

.board{overflow:visible}
.status-picker{position:relative;display:inline-flex;max-width:100%}
.status-picker .status-select{display:block;min-width:145px;width:auto;padding:7px 10px;border:0;text-align:left;font-size:12px}
.status-picker .status-select:focus-visible{outline:2px solid #64748b;outline-offset:2px}
.status-menu{position:absolute;top:calc(100% + 5px);right:0;z-index:30;display:grid;gap:3px;min-width:190px;max-height:min(60vh,320px);overflow:auto;padding:5px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;box-shadow:0 12px 28px #0f172a30}
.status-menu[hidden]{display:none}
.status-option{width:100%;padding:8px 10px;border:0;border-radius:5px;text-align:left;font:500 12px 'DM Sans',sans-serif;cursor:pointer}
.status-option[aria-checked=true]{font-weight:700;box-shadow:inset 3px 0 currentColor,inset -3px 0 currentColor}
.status-option:hover,.status-option:focus-visible{background:#e5e7eb!important;color:#111827!important;outline:2px solid #64748b;outline-offset:-2px;font-weight:700}
.status-option.s-queue{background:#e2e8f0;color:#334155}.status-option.s-diagnosis{background:#bfdbfe;color:#1e3a8a}.status-option.s-approval{background:#f9dc7a;color:#78350f}.status-option.s-parts{background:#ddd6fe;color:#4c1d95}.status-option.s-repair{background:#fdba74;color:#7c2d12}.status-option.s-ready{background:#86efac;color:#14532d}.status-option.s-delivered{background:#0f766e;color:#fff}.status-option.s-rejected{background:#b42318;color:#fff}

.status-picker:not(.entry-status-picker) .status-menu{left:50%;right:auto;transform:translateX(-50%)}

.status-picker.entry-status-picker{display:block;width:100%}.entry-status-picker .status-select{width:100%;min-width:0;min-height:40px;padding:9px 10px;border:1px solid #e5e8e0;border-radius:6px;text-align:left;font:14px 'DM Sans',sans-serif}.entry-status-picker .status-menu{left:0;right:auto;min-width:100%}

/* Tablet layout overrides legacy desktop widths. */
@media (min-width:721px) and (max-width:1100px), (min-width:721px) and (max-width:1600px) and (pointer:coarse){
  .sidebar{position:relative;inset:auto;width:100%;height:auto;min-height:72px;padding:8px 22px;display:flex;flex-direction:row;align-items:center;gap:12px;border-right:0;border-bottom:1px solid #e5e5e8}
  .brand{flex:0 0 150px;width:150px;height:auto;margin:0 10px 0 0;overflow:visible}
  .brand-logo-image{width:150px;height:auto;max-width:100%;object-fit:contain}
  .nav-caption,.side-bottom{display:none}
  .nav-item{height:44px;flex:0 0 auto;margin:0;padding:0 13px;white-space:nowrap;font-size:14px}
  main{width:100%;max-width:none;margin:0;padding:0 24px}
  .metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .metric{min-width:0;min-height:112px}
  .metric-dark{grid-column:1/-1}
  .record-head,.record{grid-template-columns:minmax(140px,1.2fr) minmax(120px,1fr) minmax(220px,1.9fr) minmax(112px,.9fr) 26px;column-gap:8px}
}
@media (min-width:721px) and (max-width:820px){
  .sidebar{padding-right:14px;padding-left:14px;gap:6px}
  .brand{flex-basis:128px;width:128px;margin-right:4px}
  .brand-logo-image{width:128px}
  .nav-item{padding:0 10px;font-size:13px}
  main{padding-right:18px;padding-left:18px}
  .record-head,.record{grid-template-columns:minmax(120px,1.15fr) minmax(100px,.95fr) minmax(190px,1.8fr) minmax(145px,1.1fr) 24px;column-gap:7px}
  .controls{gap:8px}
  .search{width:min(320px,46%)}
}
@media (min-width:821px) and (max-width:1100px){
  .record-head,.record{grid-template-columns:minmax(140px,1.1fr) minmax(120px,.9fr) minmax(95px,.75fr) minmax(270px,2fr) minmax(145px,1fr) 26px;column-gap:8px}
  .record-head span:nth-child(3),.record .date-cell{display:block}
}

/* Tablet: iPad landscape can report a CSS width above 1100px. */
@media (min-width:721px) and (max-width:1366px), (min-width:721px) and (max-width:1600px) and (pointer:coarse){
  .record-head{display:none}
  .records{padding:0 12px 12px}
  .record{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(132px,.8fr) 56px;
    grid-template-rows:auto auto auto;
    column-gap:12px;row-gap:10px;
    margin:8px 0;padding:14px;
    border:1px solid #e5e7e0;border-radius:10px;background:#fff;
    min-width:0;
  }
  .record .bike-info{grid-column:1/3;grid-row:1;min-width:0}
  .record .status-cell{grid-column:3;grid-row:1;justify-self:end;min-width:0;max-width:100%}
  .record .status-picker{max-width:100%}
  .record .status-picker .status-select{min-width:0;max-width:100%;white-space:normal;text-align:center}
  .record .row-actions{grid-column:4;grid-row:1;justify-self:end;min-width:54px}
  .record .customer{grid-column:1;grid-row:2;min-width:0;overflow-wrap:anywhere}
  .record .date-cell{display:block;grid-column:2;grid-row:2;min-width:0}
  .record .request-cell{grid-column:1/-1;grid-row:3;min-width:0;padding-top:9px;border-top:1px solid #f0f1ed}
  .record .customer::before,.record .date-cell::before,.record .request-cell::before{
    display:block;margin-bottom:4px;color:#858a80;font-size:11px;font-weight:700;letter-spacing:.6px
  }
  .record .customer::before{content:'CLIENTE'}
  .record .date-cell::before{content:'ENTRADA'}
  .record .request-cell::before{content:'PEDIDO / APONTAMENTO'}
  .record .request-main,.record .request-sub{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.45}
}

footer .footer-credit{margin:0 auto;color:#74757b;font-size:13px;font-weight:500;letter-spacing:.2px;text-align:center}

@media (min-width:721px) and (max-width:1600px) and (pointer:coarse){
  #vehicle-dialog .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #vehicle-dialog .form-grid>.tablet-full-row{grid-column:1/-1}
  #vehicle-dialog .form-grid>label{min-width:0}
  #vehicle-dialog .form-grid input,#vehicle-dialog .form-grid select,#vehicle-dialog .entry-status-picker,#vehicle-dialog .entry-status-picker .status-select{width:100%;min-width:0;max-width:100%}
  #vehicle-dialog input[type="datetime-local"]{display:block;min-width:0;padding-right:6px;padding-left:8px;font-size:13px}
}