@font-face{font-family:Inter;src:url('assets/fonts/InterVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-synthesis:none;--ink:#272727;--muted:#6c6c6c;--yellow:#fff200;--orange:#a6a6a6;--glass:rgba(255,255,255,.26);--edge:rgba(255,255,255,.57);--radius:14px;color:var(--ink);background:#dedede}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:radial-gradient(ellipse at 15% 0%,#e7e7e7 0,transparent 43%),radial-gradient(ellipse at 48% 12%,#d0d0d0 0,transparent 43%),radial-gradient(ellipse at 95% 3%,#dbdbdb 0,transparent 46%),linear-gradient(125deg,#dfdfdf 0,#d8d8d8 64%,#dfdfdf 100%)}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23888' filter='url(%23n)' opacity='.3' d='M0 0h160v160H0z'/%3E%3C/svg%3E");z-index:0}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.43}button,a,input,textarea,summary{outline-offset:3px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #393939}a{color:inherit}h1,h2,h3,p{margin:0}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}.symbols{position:absolute;width:0;height:0;overflow:hidden}.app{position:relative;z-index:1;display:flex;height:100dvh;min-width:0}.sidebar{display:flex;flex-direction:column;align-items:center;width:82px;flex:0 0 82px;height:100%;padding:30px 11px 25px;background:transparent;z-index:80}.brand{height:58px;min-height:58px;display:flex;align-items:flex-start;justify-content:center}.crm-brand-image{width:49px;height:28px;object-fit:contain;display:block}.collapse{display:none}.sidebar nav{display:flex;align-items:center;flex-direction:column;gap:9px;flex:1;min-height:0;width:100%;padding-top:41px;overflow:auto;scrollbar-width:none}.nav-item{position:relative;display:flex;align-items:center;justify-content:center;width:46px;height:46px;min-height:46px;border:0;border-radius:16px;background:transparent;color:#646464;padding:12px;flex-shrink:0}.nav-item>span,.nav-count{display:none}.nav-item svg{width:19px;height:19px}.nav-item:hover{background:#ffffff34;color:#383838}.nav-item.active{background:#fffffff2;color:#353535;box-shadow:0 2px 7px #3e3e3e04}.sidebar-bottom{display:flex;align-items:center;flex-direction:column;gap:17px;width:100%;margin-top:auto;padding-top:18px}.icon-button{position:relative;display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:1px solid var(--edge);border-radius:var(--radius);background:#ffffff21;color:#646464}.sidebar-bottom .icon-button{width:41px;height:41px;border:0;background:none}.sidebar-profile{display:flex;align-items:center;justify-content:center;gap:10px;width:43px;height:43px;padding:0;border:1px solid #ffffff9c;background:#ffffff88;border-radius:15px}.sidebar-profile>span:first-child{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:11px;background:#414141;color:#f5f5f5;font-size:10px;font-weight:550}.profile-label{display:none}#notification-count{position:absolute;top:1px;right:1px;display:grid;place-items:center;min-width:15px;height:15px;padding:0 4px;border:2px solid #e0e0e0;background:#313131;color:#ffffff;border-radius:50%;font-size:8px}#notification-count:empty{display:none}
main{display:flex;flex-direction:column;flex:1;min-width:0;height:100%;padding:27px 33px 0 17px;overflow:hidden}.global-toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:78px;flex:0 0 auto;padding:0 0 24px;background:transparent}.workspace-heading{min-width:0}.workspace-heading p{font-size:11px;font-weight:400;color:#646464;line-height:1.5;margin-bottom:7px}.workspace-heading h1{font-size:35px;line-height:1.15;letter-spacing:-1.4px;font-weight:380;color:#272727;overflow-wrap:anywhere}.toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0}.workspace-chip,.workspace-date{display:flex;align-items:center;gap:10px;min-height:44px;padding:9px 16px;border:1px solid var(--edge);border-radius:var(--radius);background:#ffffff19;font-size:11px;line-height:1.5;white-space:nowrap;box-shadow:inset 0 1px 2px #ffffff22}.workspace-chip>span{display:flex;align-items:center;gap:12px}.workspace-chip small{font-size:10px;color:#646464;padding-left:12px;border-left:1px solid #ffffff55}.workspace-chip svg,.workspace-date svg{width:15px;height:15px;color:#646464}.workspace-date{font-size:10px;padding-left:13px;padding-right:13px}.workspace-search{background:#ffffff24;color:#646464}.toolbar-add,.mobile-menu{display:none!important}#content{min-width:0;min-height:0;flex:1;overflow:hidden;background:transparent}.record-workspace,.list-workspace{display:flex;flex-direction:column;height:100%;min-width:0;min-height:0;overflow:hidden}
.inventory-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(230px,1fr);grid-template-rows:164px 111px;gap:8px;flex:0 0 auto;margin-bottom:24px}.hero-panel{position:relative;min-width:0;border-radius:24px;overflow:hidden;padding:19px 20px}.hero-yellow{background:#fff200;grid-column:1;grid-row:1}.hero-orange{background:#a8a8a8;grid-column:2;grid-row:1}.hero-label{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:2;font-size:12px;font-weight:450;line-height:1.5}.hero-label svg{width:17px;height:17px;opacity:.5}.hero-total{position:relative;z-index:2;display:flex;flex-direction:column;gap:4px;align-items:flex-start;margin-top:20px;width:45%}.hero-total strong{font-size:38px;line-height:1;font-weight:450;letter-spacing:-1.6px}.hero-total>span{font-size:10px;line-height:1.6;max-width:110px}.mini-bars{position:absolute;display:flex;align-items:flex-end;gap:11px;bottom:0;right:18px;width:53%;height:114px}.mini-bar{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:5px;flex:1;min-width:0;height:100%;padding:0 0 12px;background:transparent;border:0;border-radius:0;color:#343434;text-align:center}.mini-bar>i{height:var(--bar-height);min-height:14px;width:100%;display:block;flex:0 1 auto;border-radius:8px 8px 0 0;background:#282828}.mini-bar>span{font-size:13px;font-weight:450;line-height:1.2}.mini-bar small{font-size:8px;line-height:1.5;font-weight:450;white-space:nowrap}.bar-0>i{background:radial-gradient(#323232 1px,transparent 1px);background-size:4px 4px}.bar-1>i{background:repeating-linear-gradient(45deg,#343434 0 2px,transparent 2px 5px)}.bar-2>i{background:linear-gradient(120deg,#272727,#bdbdbd)}.hero-secondary{position:absolute;left:20px;bottom:16px;z-index:3;display:flex;align-items:center;gap:7px;max-width:calc(100% - 36px);min-height:28px;padding:5px 9px;background:#c8c8c880;border:1px solid #d7d7d761;border-radius:10px;font-size:10px;line-height:1.4;color:#373737}.hero-secondary i{width:5px;height:5px;border-radius:50%;background:#404040}.hero-secondary strong{font-size:12px;font-weight:550}.hero-secondary svg{width:13px;height:13px;transform:rotate(135deg);margin-left:4px}.stock-sculpture{position:absolute;right:-5px;bottom:-28px;width:55%;height:155px;transform:rotate(-9deg);pointer-events:none}.stock-sculpture>i{position:absolute;display:block;width:67%;height:160px;bottom:0;right:3%;border-radius:20px 20px 0 0;background:radial-gradient(#2f2f2f80 1px,transparent 1px);background-size:4px 4px;transform:rotate(14deg)}.stock-sculpture>i:nth-child(2){right:25%;height:138px;width:50%;border-radius:30px 0 0 0;background:linear-gradient(140deg,#171717 0,#555555 70%,#919191 100%);transform:rotate(6deg)}.stock-sculpture>i:nth-child(3){width:63%;height:60px;right:0;bottom:5px;background:repeating-linear-gradient(145deg,#303030 0 2px,#99999966 2px 4px);transform:rotate(-8deg)}
.hero-focus{grid-column:3;grid-row:1/3;background:#0f0f0f;color:#f2f2f2;padding:21px 23px;border:1px solid #333333;display:flex;flex-direction:column;justify-content:space-between}.focus-live{padding:4px 8px;border:1px solid #494949;border-radius:30px;color:#c8c8c8;font-size:8px;line-height:1.5;background:#ffffff08}.focus-main{position:relative;z-index:2;margin-top:5px}.focus-kicker{display:block;font-size:11px;color:#c4c4c4;margin-bottom:6px;line-height:1.5}.focus-main>strong{display:block;font-size:65px;line-height:1;letter-spacing:-3px;font-weight:400}.focus-main p{font-size:11px;line-height:1.7;max-width:225px;color:#cacaca;margin-top:12px}.focus-action{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:0;border:0;background:transparent;color:#ededed;text-align:left;font-size:11px;font-weight:450;line-height:1.5}.focus-arrow{display:grid;place-items:center;width:41px;height:41px;flex:0 0 41px;background:#fff200;color:#424242;border-radius:13px;font-size:21px;font-weight:300}.focus-orbits{position:absolute;right:-52px;top:46px;width:220px;height:220px;border:1px solid #ffffff11;border-radius:50%;transform:rotate(-23deg)}.focus-orbits i{position:absolute;inset:20px;border:1px solid #ffffff11;border-radius:50%;background:linear-gradient(140deg,#ffffff08,#ffffff00)}.focus-orbits i:nth-child(2){inset:43px}.focus-orbits i:nth-child(3){inset:66px}.focus-orbits i:nth-child(4){inset:88px;background:#e6e6e612}
.workflow-glass{grid-column:1/3;grid-row:2;position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:0;border:1px solid #ffffff72;border-radius:22px;background:#ffffff3d;padding:17px 20px;overflow:hidden}.workflow-intro{flex:0 1 49%;min-width:0}.workflow-caption{font-size:12px;font-weight:450;line-height:1.5;color:#4a4a4a}.workflow-intro p{font-size:9px;line-height:1.7;margin:5px 0 8px;max-width:245px;color:#646464}.workflow-brands{display:flex;align-items:center;gap:5px}.workflow-brands .brand-logo{width:30px;height:20px;flex:0 0 30px;border-radius:7px;background:#ffffff55}.workflow-brands .brand-logo img{max-width:24px;max-height:17px}.workflow-brands .brand-logo.forthing img{height:17px}.workflow-track{position:relative;display:flex;align-items:center;justify-content:space-between;gap:13px;flex:1;min-width:0}.workflow-track:before{content:'';position:absolute;top:18px;left:10px;right:10px;border-top:1px dashed #83838370}.workflow-track>button{position:relative;display:flex;align-items:center;flex-direction:column;gap:9px;padding:0;border:0;background:transparent;min-width:0;z-index:2}.workflow-dot{display:grid;place-items:center;width:37px;height:37px;background:#fff200;border:1px solid #e8e8e8;border-radius:50%;font-size:14px;line-height:1.5;font-weight:500;box-shadow:0 0 0 7px #dedede78}.workflow-dot.dot-1{background:#b9b9b9;border-color:#d0d0d0}.workflow-dot.dot-2{background:#f8f8f8;border-color:#ffffff}.workflow-track strong{font-size:9px;line-height:1.5;font-weight:450;color:#646464;text-align:center;white-space:nowrap}
.section-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 0 25px}.section-intro h2{font-size:22px;letter-spacing:-.6px;font-weight:450;line-height:1.4}.section-intro p{font-size:12px;line-height:1.7;color:#646464;margin-top:7px}.section-intro>span{font-size:11px;color:#646464}.list-tools{display:flex;align-items:center;gap:9px;flex:0 0 auto;min-width:0;padding:0 0 16px}.rail-search{display:flex;align-items:center;gap:10px;flex:1;min-width:0;min-height:44px;padding:0 15px;border:1px solid var(--edge);border-radius:var(--radius);background:#ffffff1c;box-shadow:inset 0 1px 2px #ffffff18}.rail-search svg{width:16px;height:16px;color:#646464}.rail-search input{width:100%;min-width:0;flex:1;padding:11px 0;min-height:42px;border:0;outline:0;background:transparent;color:#393939;font-size:12px;line-height:1.6}.rail-search input::placeholder{color:#646464}.list-status-filter{width:210px;flex:0 0 210px;min-width:0}.list-status-filter:empty{display:none}.list-status-filter .control-trigger{background:#ffffff1c;border-color:var(--edge);font-size:11px;min-height:44px;height:44px;padding:10px 14px}.view-switch{display:flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--edge);background:#ffffff26;border-radius:var(--radius);min-height:44px}.view-switch button{width:35px;height:35px;padding:0;display:grid;place-items:center;border:0;border-radius:10px;background:transparent;color:#646464}.view-switch button[aria-pressed=true]{background:#ffffffe0;color:#464646}.view-switch svg{width:16px;height:16px}.list-column-head{display:grid;grid-template-columns:minmax(200px,1.25fr) minmax(140px,1fr) minmax(215px,1.15fr) minmax(120px,.7fr) 20px;gap:22px;padding:6px 12px 15px;font-size:10px;font-weight:450;line-height:1.6;color:#646464;flex:0 0 auto}.list-column-head.task-columns{padding-right:137px;grid-template-columns:minmax(190px,1.2fr) minmax(135px,1fr) minmax(170px,1.1fr) minmax(100px,.7fr) 16px;gap:15px}.record-items{flex:1;min-height:0;min-width:0;overflow:auto;scrollbar-width:thin;overscroll-behavior:contain;overflow-anchor:none}.record-line{display:flex;align-items:center;gap:12px;position:relative;min-width:0;border-bottom:1px solid #ffffff5c;border-radius:0;transition:background .12s ease}.record-line:hover{background:#ffffff22}.record-item{display:grid;grid-template-columns:minmax(200px,1.25fr) minmax(140px,1fr) minmax(215px,1.15fr) minmax(120px,.7fr) 20px;align-items:center;gap:22px;min-height:91px;width:100%;min-width:0;padding:17px 12px;border:0;border-radius:0;background:transparent;text-align:left}.record-item:focus-visible{outline:2px solid #646464;outline-offset:-2px}.record-vehicle{display:flex;align-items:center;gap:13px;min-width:0}.record-mark{display:grid;place-items:center;flex:0 0 47px;width:47px;height:47px;padding:6px;background:linear-gradient(130deg,#ffffffb3,#ffffff4d);border:1px solid #ffffff9c;border-radius:14px;overflow:hidden}.brand-logo{display:inline-flex;align-items:center;justify-content:center;flex:0 0 37px;width:37px;height:33px;overflow:hidden}.brand-logo img{display:block;width:auto;height:auto;max-width:100%;max-height:29px;object-fit:contain}.brand-logo.forthing img{height:29px;max-height:29px}.brand-logo.unknown svg{width:21px;height:21px}.small-initials{display:grid;place-items:center;font-size:11px;font-weight:500;color:#545454;line-height:1.5}.record-copy{display:flex;flex-direction:column;min-width:0;gap:5px}.record-copy strong{font-size:14px;line-height:1.5;font-weight:550;letter-spacing:-.25px;color:#373737;overflow-wrap:anywhere}.record-copy small{font-size:10px;line-height:1.6;color:#646464;overflow-wrap:anywhere}.record-customer,.record-preparation,.record-date{display:flex;flex-direction:column;gap:6px;min-width:0}.record-customer>strong,.record-date>strong,.record-preparation>strong{font-size:13px;line-height:1.5;font-weight:550;color:#444444;overflow-wrap:anywhere}.record-customer>small,.record-preparation>small,.record-date>small{font-size:10px;line-height:1.6;color:#646464;overflow-wrap:anywhere}.record-arrow{justify-self:end;font-size:19px;color:#646464;line-height:1}.cell-label{display:none!important}.row-status{display:flex;align-items:center;gap:6px;font-size:11px;line-height:1.5;color:#646464;font-weight:500}.row-status i,.inline-preparation i{width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#858585}.row-status.done i,.row-status.ready i,.inline-preparation .done i{background:#646464}.row-status.incoming i{background:#858585}.row-status.blocked i,.inline-preparation .blocked i{background:#626262}.inline-preparation{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.inline-preparation>span{display:flex;align-items:center;gap:5px;max-width:100%;font-size:9px;font-weight:500;line-height:1.6;padding:4px 7px;background:#ffffff36;border:1px solid #ffffff78;border-radius:8px;color:#646464}.inline-preparation b{font-size:9px;font-weight:500;color:#646464;overflow-wrap:anywhere}.inline-preparation .done{background:#f5f5f5a6;border-color:#ffffffe6}.inline-preparation .done b{color:#545454}.inline-preparation .blocked{background:#bfbfbf91;color:#545454}.record-quick{flex:0 0 112px;font-size:11px!important;min-height:39px!important;margin-right:12px;padding:8px 11px!important;background:#fff200!important;border-color:#fff200!important;color:#505050!important}.task-records .record-item{grid-template-columns:minmax(190px,1.2fr) minmax(135px,1fr) minmax(170px,1.1fr) minmax(100px,.7fr) 16px;gap:15px}.task-records .record-line:not(.has-quick){padding-right:136px}.list-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;flex:0 0 auto;padding:16px 12px;font-size:10px;line-height:1.5;color:#646464}.list-empty,.core-empty{padding:45px 20px;text-align:center;color:#646464;line-height:1.8;font-size:12px}.list-empty svg,.core-empty svg{width:27px;height:27px;margin-bottom:13px}.list-empty h2{font-size:17px;font-weight:500;color:#5b5b5b;margin-bottom:5px}.simple-board{display:flex;align-items:flex-start;gap:18px;min-height:100%;padding:10px 0 20px;overflow:auto}.board-column{flex:1;min-width:240px;max-width:400px}.board-column>h2{display:flex;align-items:center;justify-content:space-between;font-size:13px;line-height:1.5;font-weight:500;padding:15px 5px;color:#5b5b5b}.board-column>h2>span{font-size:10px}.board-record{display:grid;grid-template-columns:38px minmax(0,1fr);gap:6px 10px;width:100%;min-width:0;padding:18px;border:1px solid #ffffff99;border-radius:20px;margin-bottom:10px;background:#ffffff3d;text-align:left}.board-record>.brand-logo{grid-row:1/4}.board-record>strong{font-size:14px;line-height:1.5;font-weight:550;overflow-wrap:anywhere}.board-client{font-size:12px;line-height:1.5;color:#646464}.board-record>small{font-size:10px;line-height:1.5;color:#646464}.board-record .inline-preparation,.board-record .row-status,.board-date{grid-column:1/-1;margin-top:11px}.board-record>small:has(+.board-date){grid-column:1/-1}.board-date{font-size:11px;line-height:1.5;color:#646464}.board-empty{font-size:12px;color:#646464;padding:20px}.board-record:hover{background:#ffffff66}
.primary-button,.quiet-button,.plain-button,.delete-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 16px;border-radius:var(--radius);border:1px solid #ffffffad;background:#ffffff38;color:#595959;font-size:12px;font-weight:500;line-height:1.5;text-decoration:none}.primary-button{background:#fff200;border-color:#fff200;color:#393939}.primary-button:hover{background:#fff200;border-color:#fff200}.quiet-button:hover,.plain-button:hover{background:#ffffff80}.intake-button{white-space:nowrap;min-width:44px;height:44px;padding:10px 15px;font-size:11px}.intake-button svg{width:16px;height:16px}.delete-button{background:#e5e5e5a8;border-color:#ededed;color:#626262}.plain-button{min-height:33px;padding:7px 10px;font-size:11px}.status-badge{display:inline-flex;align-items:center;justify-content:center;max-width:170px;padding:6px 9px;border:1px solid #ffffff91;border-radius:9px;background:#ffffff50;color:#646464;font-size:10px;line-height:1.5;font-weight:500;text-align:center;flex-shrink:0}.status-badge.done,.status-badge.ready{background:#efefefc4;border-color:#f5f5f5;color:#636363}.status-badge.blocked,.status-badge.cancelled{background:#c1c1c1ac;border-color:#d2d2d2;color:#5a5a5a}.status-badge.working,.status-badge.planned{background:#f4f4f4a1;color:#646464}.muted{font-size:12px;color:#646464;line-height:1.9}
.case-pane{display:flex;flex-direction:column;height:100%;min-height:0;min-width:0;overflow:hidden}.case-heading{flex:0 0 auto;padding:9px 0 0}.case-crumb{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:11px;line-height:1.5;color:#646464}.case-crumb button{display:grid;place-items:center;width:32px;height:32px;padding:0;background:#ffffff4d;border:1px solid #ffffff99;border-radius:10px;color:#646464}.case-crumb svg{width:16px;height:16px}.case-title-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:18px 0}.case-title{display:flex;align-items:center;gap:15px;min-width:0}.case-title .brand-logo{width:49px;height:45px;flex:0 0 49px;background:#ffffff66;border:1px solid #ffffff99;border-radius:14px;padding:6px}.case-heading h1{font-size:29px;line-height:1.2;letter-spacing:-1px;font-weight:450;overflow-wrap:anywhere;color:#3b3b3b}.case-customer-bar{display:flex;align-items:center;gap:28px;min-width:0;padding:17px 20px;margin-bottom:19px;border:1px solid #ffffff8f;border-radius:20px;background:#ffffff3b}.case-customer-name,.case-seller{display:flex;flex-direction:column;gap:4px;min-width:0}.case-customer-name small,.case-seller small{font-size:9px;font-weight:500;letter-spacing:.5px;line-height:1.5;color:#646464}.case-customer-name strong{font-size:17px;line-height:1.4;font-weight:600;letter-spacing:-.4px;color:#484848;overflow-wrap:anywhere}.case-customer-bar>a{display:inline-flex;align-items:center;gap:7px;min-width:0;font-size:12px;color:#646464;line-height:1.5;text-decoration:none}.case-customer-bar>a svg{width:16px;height:16px}.case-customer-bar>a span{min-width:0;overflow-wrap:anywhere}.case-seller{margin-left:auto}.case-seller strong{font-size:12px;font-weight:500;line-height:1.5;color:#646464}.case-tabs{display:flex;align-items:stretch;flex:0 0 auto;gap:9px;padding:0 0 13px;border-bottom:1px solid #ffffff7d;min-width:0;overflow:auto;scrollbar-width:none}.case-tabs button{display:flex;align-items:center;justify-content:center;min-height:40px;padding:10px 16px;background:#ffffff1a;border:1px solid #ffffff70;border-radius:12px;color:#646464;font-size:12px;font-weight:450;line-height:1.5;white-space:nowrap}.case-tabs button[aria-selected=true]{background:#fff200;border-color:#fff200;color:#484848;font-weight:550}.case-body{flex:1;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:22px 0 35px;color:#646464;overflow-anchor:none;outline:0}.summary-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:27px}.summary-metrics>div{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;min-width:0;gap:17px;padding:20px;border:1px solid #ffffff91;background:#ffffff38;border-radius:20px}.summary-metrics>div:first-child{background:#fff200;border-color:#fff200}.summary-metrics>div:nth-child(2){background:#aaaaaa;border-color:#b6b6b6}.summary-metrics small{font-size:11px;color:#646464;line-height:1.5}.summary-metrics strong{font-size:30px;line-height:1.2;font-weight:450;letter-spacing:-1.2px;color:#515151;overflow-wrap:anywhere}.summary-metrics .metric-text{font-size:17px;letter-spacing:-.3px;line-height:1.5}.case-sections{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:30px}.case-section{min-width:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:25px 0 16px}.section-heading:first-child{margin-top:0}.section-heading h2{font-size:17px;line-height:1.5;font-weight:550;letter-spacing:-.4px;color:#5f5f5f}.section-heading.divided{padding-top:23px;border-top:1px solid #ffffff8f}.section-heading .plain-button{min-height:32px;font-size:10px}.prep-list{border-top:1px solid #ffffff8f}.prep-row{display:flex;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid #ffffff8f;min-width:0}.prep-row>div{flex:1;min-width:0}.prep-row strong{font-size:13px;font-weight:550;line-height:1.5;color:#646464}.prep-row p{font-size:11px;color:#646464;line-height:1.7;margin-top:5px}.line-symbol{display:grid;place-items:center;width:33px;height:33px;flex:0 0 33px;border:1px solid #ffffffa3;border-radius:11px;background:#ffffff50;color:#646464}.line-symbol svg{width:16px;height:16px}.handover-block{font-size:12px;line-height:1.9;color:#646464}.handover-block>p{margin-bottom:15px}.handover-block>small{display:block;font-size:11px;line-height:1.9;margin-top:13px;color:#646464}.check-row{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.7;margin:19px 0;color:#646464}.check-row input{width:18px;height:18px;flex:0 0 18px;margin:1px 0 0;accent-color:#555555}.data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 35px;margin:0;border-top:1px solid #ffffff99}.data-grid>div{padding:17px 0;border-bottom:1px solid #ffffff99;min-width:0}.data-grid dt{font-size:11px;line-height:1.5;color:#646464;margin-bottom:6px}.data-grid dd{font-size:14px;line-height:1.8;color:#646464;overflow-wrap:anywhere;margin:0}.note-block{background:#ffffff4f;border:1px solid #ffffffb5;border-radius:17px;padding:18px;margin:23px 0}.note-block h3{font-size:12px;font-weight:550;margin-bottom:9px;line-height:1.5;color:#646464}.note-block p{font-size:13px;line-height:1.9;color:#646464;white-space:pre-wrap}.note-block .quiet-button{margin-top:15px}.arrival-note{display:flex;align-items:flex-start;gap:14px;padding:20px;border:1px solid #e3e3e3;border-radius:20px;background:#cccccc60}.arrival-note>div{flex:1;min-width:0}.arrival-note h3{font-size:14px;font-weight:550;color:#646464}.arrival-note p{font-size:13px;line-height:1.8;color:#646464;margin:8px 0 15px}.record-cancel{margin-top:30px;padding-top:20px;border-top:1px solid #ffffff99}.record-cancel summary{font-size:12px;color:#646464;line-height:1.8;cursor:pointer}.record-cancel .delete-button{margin-top:15px}.task-final-action{margin-top:23px;padding-top:23px;border-top:1px solid #ffffff99}.task-final-action p{font-size:12px;color:#646464;line-height:1.9;margin-top:12px}.related-records{border-top:1px solid #ffffff99}.related-record{display:flex;align-items:center;gap:15px;width:100%;min-width:0;padding:19px 0;border:0;border-bottom:1px solid #ffffff99;background:transparent;text-align:left}.related-record>span:nth-last-child(2){flex:1;min-width:0}.related-record strong{font-size:14px;line-height:1.5;color:#646464;font-weight:550}.related-record small{display:block;font-size:11px;line-height:1.8;margin-top:6px;color:#646464}.related-record>span:last-child{font-size:21px;color:#646464}.history-list{display:grid;gap:0;padding-left:22px;border-left:1px solid #ffffff99;margin-left:9px}.history-list>div{position:relative;padding:0 0 28px;min-width:0}.history-list>div:before{content:'';position:absolute;top:4px;left:-27px;width:9px;height:9px;background:#fff200;border:2px solid #f6f6f6;border-radius:50%}.history-list time{font-size:10px;line-height:1.7;color:#646464}.history-list strong{display:block;font-size:13px;font-weight:550;line-height:1.7;margin:6px 0;color:#646464}.history-list p{font-size:13px;line-height:1.9;color:#646464;overflow-wrap:anywhere}.vehicle-label,.detail-vehicle-title{display:flex;align-items:center;gap:13px;min-width:0}.vehicle-label>span:last-child{flex:1;min-width:0}.count-label{font-size:11px;margin-left:5px;color:#646464}
/* Dialogs and every custom input use the same dimensions and corner radius. */
dialog{padding:0;color:#424242;background:#f1f1f1;border:1px solid #fffffff0;border-radius:24px;box-shadow:0 30px 80px #2d2d2d30;overflow-x:hidden;overscroll-behavior:contain}dialog::backdrop{background:#4141413f;backdrop-filter:none;-webkit-backdrop-filter:none}#form-dialog{width:min(650px,calc(100vw - 40px));max-height:calc(100dvh - 40px);margin:auto;overflow-y:auto}#form-body{padding:0 27px 22px}#form-body form{min-width:0}.dialog-heading,.detail-heading{position:sticky;top:0;z-index:4;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 0 22px;margin-bottom:23px;background:#f1f1f1;border-bottom:1px solid #dddddd}.dialog-heading h2,#form-dialog h2,.detail-heading h2{font-size:27px;font-weight:450;letter-spacing:-.9px;line-height:1.3;color:#404040}.calendar-eyebrow{font-size:9px;line-height:1.7;letter-spacing:.8px;color:#646464;margin-bottom:7px}.dialog-heading .icon-button,.detail-heading .icon-button{width:35px;height:35px;min-height:35px;font-size:23px;border:1px solid #d8d8d8;background:#ffffff44;color:#646464;border-radius:12px}.form-section{font-size:15px;font-weight:550;line-height:1.5;color:#646464;margin:24px 0 18px;padding-top:20px;border-top:1px solid #dedede}.form-section:first-of-type{border:0;padding-top:0;margin-top:0}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;min-width:0}#form-body label,dialog label{display:flex;flex-direction:column;gap:8px;margin-bottom:19px;font-size:12px;line-height:1.5;color:#646464;min-width:0}input,select,textarea{min-width:0}#form-body input:not([type=checkbox]):not([type=hidden]),#form-body textarea,dialog input:not([type=checkbox]):not([type=hidden]),dialog textarea{width:100%;min-height:48px;padding:12px 14px;border:1px solid #dadada;background:#ffffff8c;border-radius:var(--radius);font-size:14px;line-height:1.5;color:#646464;outline:0;appearance:none}#form-body input:not([type=checkbox]):not([type=hidden]){height:48px}#form-body input:focus,#form-body textarea:focus,.control-trigger:focus-visible,.control-trigger[aria-expanded=true]{border-color:#a7a7a7;box-shadow:0 0 0 3px #b3b3b31e;outline:0}#form-body textarea{min-height:100px;resize:vertical}.dialog-footer{position:sticky;bottom:-22px;z-index:4;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:18px 0;background:#f1f1f1;border-top:1px solid #dadada;margin-top:23px}.dialog-footer button{min-height:45px;padding:11px 18px}.dialog-footer .quiet-button{background:#ffffff55;border-color:#dfdfdf;color:#646464}.form-error{font-size:12px;line-height:1.8;color:#646464;background:#ebebeb;border:1px solid #cccccc;padding:12px 14px;border-radius:12px;margin:16px 0}.form-error:empty{display:none}.field-validation{font-size:11px;line-height:1.6;color:#646464}.simple-hint,.subtle,.form-vehicle{font-size:12px;line-height:1.8;color:#646464;margin:5px 0 17px}.edit-agreement{border-top:1px solid #dedede;margin-top:18px;padding-top:17px}.edit-agreement>summary{font-size:12px;line-height:1.7;color:#646464;cursor:pointer;margin-bottom:16px}.simple-task-vehicle{padding:17px;background:#ffffff65;border:1px solid #e2e2e2;border-radius:17px;margin-bottom:17px}.simple-task-vehicle strong{font-size:17px;font-weight:550;color:#646464;line-height:1.4}.simple-task-vehicle small{display:block;font-size:11px;line-height:1.8;color:#646464;margin-top:5px}.simple-task-quick{text-align:right;margin-bottom:16px}.preparation-customer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:20px 0}.preparation-customer small{font-size:9px;color:#646464;line-height:1.5;letter-spacing:.6px}.preparation-customer strong{display:block;font-size:17px;font-weight:550;line-height:1.5;color:#646464;margin:6px 0}.preparation-customer span{font-size:11px;line-height:1.7;color:#646464}.team-schedule{padding:18px;border:1px solid #ffffffb5;background:#ffffff40;border-radius:20px;margin-bottom:23px}.team-schedule h3{font-size:14px;font-weight:550;color:#646464;margin-bottom:15px}.team-schedule-row{display:grid;grid-template-columns:100px minmax(0,1fr);gap:15px;padding:12px 0;border-bottom:1px solid #e4e4e4;font-size:12px;line-height:1.8;color:#646464}.team-schedule-row strong{font-size:12px;font-weight:550;color:#646464}.team-schedule-row small{display:block;font-size:11px;margin-top:4px}.team-schedule p{font-size:11px;line-height:1.8;color:#646464;margin-top:14px}.simple-instructions{font-size:13px;line-height:1.8;color:#646464;padding:16px;border:1px solid #e2e2e2;border-radius:15px}.simple-instructions strong{display:block;font-size:11px;margin-bottom:6px}#detail-dialog{width:min(800px,calc(100vw - 40px));max-height:calc(100dvh - 40px);margin:auto;overflow:auto}.detail-heading{padding:25px 27px;margin:0}.detail-heading p:last-child{font-size:12px;line-height:1.8;color:#646464;margin-top:8px}.detail-content{padding:23px 27px 30px}.notification-list>div{padding:18px 0;border-bottom:1px solid #e6e6e6}.notification-list time{font-size:10px;color:#646464}.notification-list p{font-size:13px;line-height:1.9;color:#646464;margin:8px 0 12px}
.custom-control{position:relative;display:block;min-width:0;width:100%}.control-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-width:0;min-height:48px;height:48px;padding:12px 14px;background:#ffffff8c;border:1px solid #dadada;border-radius:var(--radius);color:#646464;font-size:14px;line-height:1.5;text-align:left}.control-trigger>svg{width:13px;height:13px;color:#646464}.control-value{display:flex;align-items:center;gap:9px;min-width:0;flex:1}.control-value>span{min-width:0;overflow-wrap:anywhere}.control-value .brand-logo{width:30px;height:22px;flex-basis:30px}.control-value .brand-logo img{max-height:21px}.control-popover{position:fixed;inset:auto;margin:0;z-index:250;padding:7px;background:#f5f5f5;border:1px solid #ffffffd9;border-radius:16px;box-shadow:0 15px 45px #4646462e;max-width:calc(100vw - 24px);overflow:auto;color:#646464}.control-search{padding:3px 3px 9px}.control-search input{width:100%;min-height:41px;padding:10px 12px;border:1px solid #dedede;border-radius:11px;background:#ffffff88;color:#646464;font-size:13px;outline:0}.control-options{display:flex;flex-direction:column;max-height:330px;overflow:auto;scrollbar-width:thin}.control-options>button{display:flex;align-items:center;gap:10px;min-width:0;min-height:42px;width:100%;padding:11px;border:0;border-radius:10px;background:transparent;font-size:13px;line-height:1.5;color:#646464;text-align:left}.control-options>button>span{min-width:0;flex:1}.control-options>button>i{font-size:12px;font-style:normal;color:#646464;margin-left:auto}.control-options>button:hover,.control-options>button[aria-selected=true]{background:#e9e9e9;color:#646464}.control-options .brand-logo{width:32px;height:25px;flex-basis:32px}.control-options .brand-logo img{max-height:23px}.control-no-results{font-size:13px;padding:18px;color:#646464}.date-picker-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 3px 14px}.date-picker-heading strong{font-size:13px;font-weight:500;line-height:1.6;color:#646464;text-transform:capitalize}.date-picker-heading button{display:grid;place-items:center;width:32px;height:32px;border:1px solid #e4e4e4;background:#ffffff55;color:#646464;border-radius:10px;font-size:20px}.date-weekdays,.date-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.date-weekdays{text-align:center;padding:7px 0 10px;font-size:10px;color:#646464}.date-days button{display:grid;place-items:center;min-height:36px;padding:0;border:0;border-radius:10px;background:transparent;color:#646464;font-size:13px}.date-days button.selected{background:#fff200;color:#474747}.date-days button.today{box-shadow:inset 0 0 0 1px #b8b8b8}.date-days button:disabled{opacity:.25}.date-picker-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px;padding:10px 4px 3px;border-top:1px solid #e5e5e5}.date-picker-footer button{border:0;background:transparent;padding:7px;font-size:11px;color:#646464}
.page-intro{padding:10px 0 23px}.page-intro h1{display:none}.page-intro p{font-size:12px;color:#646464}.utility-content{overflow:auto!important;padding-bottom:25px}.core-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.core-heading p,.core-panel{font-size:13px;line-height:1.9;color:#646464}.core-panel h3{font-size:16px;margin:20px 0 14px}.core-panel p{margin-bottom:14px}.core-panel dl{display:grid;grid-template-columns:150px minmax(0,1fr);gap:13px}.core-panel dd{margin:0;overflow-wrap:anywhere}.core-table-wrap{overflow:auto;border:1px solid #ffffffa3;border-radius:20px;background:#ffffff25}.core-table{width:100%;border-collapse:collapse;font-size:13px}.core-table th{padding:15px;font-size:11px;font-weight:500;text-align:left;color:#646464;background:#ffffff35}.core-table td{padding:18px 15px;border-bottom:1px solid #ffffff75;color:#646464}.core-table small{display:block;margin-top:5px;font-size:11px;line-height:1.8}.row-title{padding:0;border:0;background:transparent;text-align:left;color:#646464}.mobile-nav,.scrim{display:none}#toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);max-width:calc(100vw - 30px);z-index:300;padding:14px 21px;background:#f3f3f3;border:1px solid #ffffff;border-radius:14px;box-shadow:0 10px 30px #4b4b4b27;color:#646464;font-size:12px;line-height:1.7}
/* Secondary text stays neutral and readable on the reference background. */
.record-copy strong,.record-customer>strong,.record-date>strong,.record-preparation>strong,.case-heading h1,.case-customer-name strong,.section-heading h2,.prep-row strong,.data-grid dd,.note-block h3,.history-list strong,.related-record strong,.dialog-heading h2,#form-dialog h2,.detail-heading h2,.form-section,.simple-task-vehicle strong,.preparation-customer strong,.team-schedule h3{color:#353535}.record-copy small,.record-customer>small,.record-preparation>small,.record-date>small,.record-arrow,.list-footer,.row-status,.inline-preparation>span,.inline-preparation b,.case-crumb,.case-customer-name small,.case-seller small,.case-customer-bar>a,.case-seller strong,.case-body,.summary-metrics small,.prep-row p,.handover-block,.handover-block>small,.check-row,.data-grid dt,.note-block p,.record-cancel summary,.task-final-action p,.related-record small,.related-record>span:last-child,.history-list time,.history-list p,.muted,.count-label,.board-client,.board-date,.board-record>small,.board-column>h2,.board-empty{color:#646464}.summary-metrics strong{color:#333333}.inline-preparation .done,.inline-preparation .done b{color:#565656}.inline-preparation .blocked,.inline-preparation .blocked b{color:#545454}#form-body label,dialog label,.simple-hint,.subtle,.form-vehicle,.edit-agreement>summary,.simple-task-vehicle small,.preparation-customer small,.preparation-customer span,.team-schedule-row,.team-schedule-row strong,.team-schedule p,.simple-instructions,.detail-heading p:last-child,.notification-list time,.notification-list p{color:#646464}#form-body input:not([type=checkbox]):not([type=hidden]),#form-body textarea,dialog input:not([type=checkbox]):not([type=hidden]),dialog textarea,.control-trigger,.control-options>button,.control-search input,.control-options>button>i,.date-picker-heading strong,.date-picker-heading button,.date-weekdays,.date-days button,.date-picker-footer button,.core-heading p,.core-panel,.core-table td,.core-table th,.row-title,#toast{color:#474747}.control-options>button[aria-selected=true]{color:#444444}.date-days button.selected{color:#3f3f3f}.quiet-button,.plain-button{color:#535353}.case-tabs button{color:#646464}.case-tabs button[aria-selected=true]{color:#3f3f3f}.team-schedule-row{border-color:#dcdcdc}.dialog-footer .quiet-button{color:#636363}
@media(min-width:1500px){main{padding:33px 45px 0 25px}.sidebar{width:93px;flex-basis:93px;padding-top:38px}.global-toolbar{min-height:93px;padding-bottom:28px}.workspace-heading h1{font-size:40px}.inventory-overview{grid-template-rows:184px 122px;gap:10px;margin-bottom:27px}.hero-panel{padding:22px 24px}.hero-total strong{font-size:43px}.hero-total{margin-top:24px}.mini-bars{height:129px;right:25px;gap:16px}.hero-focus{padding:25px 28px}.focus-main>strong{font-size:73px}.focus-main p{font-size:12px}.workflow-glass{padding:19px 24px}.record-item{min-height:99px}.hero-secondary{left:24px;bottom:20px}.workspace-heading p{font-size:12px}.hero-label{font-size:13px}}
@media(max-width:1200px) and (min-width:761px){main{padding-right:24px;padding-left:12px}.sidebar{width:70px;flex-basis:70px;padding-left:8px;padding-right:8px}.workspace-heading h1{font-size:31px}.workspace-chip small{display:none}.workspace-chip{font-size:10px;padding-left:12px;padding-right:12px}.workspace-date{font-size:10px}.toolbar-actions{gap:9px}.inventory-overview{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(215px,.95fr);grid-template-rows:155px 105px;gap:7px;margin-bottom:21px}.hero-panel{padding:17px}.hero-label{font-size:11px}.hero-total strong{font-size:34px}.hero-total>span{font-size:9px}.mini-bars{right:14px;height:101px;gap:8px;width:54%}.mini-bar small{font-size:7px}.hero-secondary{left:15px;font-size:9px;gap:5px;bottom:13px}.stock-sculpture{right:-15px;width:58%}.hero-focus{padding:19px}.focus-main>strong{font-size:58px}.focus-main p{font-size:10px}.focus-action{font-size:10px}.focus-arrow{width:36px;height:36px;flex-basis:36px}.workflow-glass{padding:14px 16px;gap:12px}.workflow-intro p{font-size:8px;line-height:1.7}.workflow-caption{font-size:11px}.workflow-track{gap:8px}.workflow-dot{width:32px;height:32px;font-size:12px}.workflow-track:before{top:16px}.workflow-track strong{font-size:8px}.list-status-filter{width:185px;flex-basis:185px}.list-column-head,.record-item{grid-template-columns:minmax(180px,1.2fr) minmax(130px,.9fr) minmax(180px,1fr) minmax(110px,.7fr) 16px;gap:16px}.record-item{padding-left:6px;padding-right:6px}.record-copy strong{font-size:13px}.record-mark{width:43px;height:43px;flex-basis:43px}.record-vehicle{gap:10px}.task-records .record-item,.list-column-head.task-columns{grid-template-columns:minmax(160px,1.1fr) minmax(115px,.9fr) minmax(150px,1fr) minmax(90px,.6fr) 12px;gap:11px}.record-quick{flex-basis:99px;font-size:10px!important;margin-right:6px}.list-column-head.task-columns{padding-right:123px}.task-records .record-line:not(.has-quick){padding-right:117px}.case-customer-bar{gap:18px}.case-sections{gap:24px}}
@media(max-width:950px) and (min-width:761px){.workspace-chip{display:none}.inventory-overview{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:145px 65px}.hero-focus{grid-column:1/-1;grid-row:2;display:flex;align-items:center;flex-direction:row;gap:18px;padding:11px 17px;border-radius:18px}.hero-focus>.hero-label{display:none}.focus-main{display:flex;align-items:center;gap:11px;flex:1;margin:0}.focus-kicker{font-size:11px;margin:0}.focus-main>strong{font-size:32px;order:-1;letter-spacing:-1px}.focus-main p{display:none}.focus-action{width:auto;gap:15px}.focus-arrow{width:35px;height:35px;flex-basis:35px;border-radius:11px}.focus-orbits{right:30px;top:-100px}.workflow-glass{display:none}.hero-total{margin-top:15px}.hero-secondary{bottom:13px}.list-column-head,.record-item{grid-template-columns:minmax(160px,1.1fr) minmax(120px,.9fr) minmax(145px,1fr) minmax(95px,.7fr) 12px;gap:12px}.record-preparation .inline-preparation{display:grid;gap:5px}.record-copy strong{font-size:12px}.record-customer>strong,.record-date>strong{font-size:12px}.task-records .record-item,.list-column-head.task-columns{grid-template-columns:minmax(150px,1fr) minmax(125px,1fr) minmax(135px,1fr) 12px;gap:10px}.task-records .record-date,.list-column-head.task-columns>span:nth-child(4){display:none}.case-sections{grid-template-columns:minmax(0,1fr);gap:24px}.case-section+.case-section{border-top:1px solid #ffffff99;padding-top:22px}.case-customer-bar{flex-wrap:wrap}.case-seller{margin-left:0}}
@media(max-width:760px){
body{background:radial-gradient(ellipse at 0 0,#e9e9e9,transparent 53%),radial-gradient(ellipse at 95% 20%,#d2d2d2,transparent 48%),linear-gradient(140deg,#dddddd,#dcdcdc)}body:before{opacity:.08}.app{height:100dvh}.sidebar{position:fixed;inset:0 auto 0 0;width:min(286px,calc(100vw - 45px));height:100dvh;padding:23px 17px;background:#e7e7e7;box-shadow:20px 0 55px #37373724;transform:translateX(-110%);transition:transform .16s ease;z-index:150;align-items:stretch}.sidebar.open{transform:translateX(0)}.brand{justify-content:flex-start;align-items:center;height:48px;min-height:48px;padding:0 11px}.crm-brand-image{width:86px;height:auto}.collapse{position:absolute;top:30px;right:25px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff99;border-radius:12px;background:#ffffff55;font-size:21px;color:#636363}.sidebar nav{align-items:stretch;padding-top:28px;gap:8px}.nav-item{justify-content:flex-start;width:100%;gap:13px;height:auto;min-height:49px;padding:13px 15px;border-radius:14px;font-size:14px}.nav-item>span{display:block;flex:1;min-width:0;line-height:1.5}.nav-count{display:block;font-size:10px;background:#ffffff5e;padding:3px 6px;border-radius:8px}.nav-item.active{background:#ffffffe6}.sidebar-bottom{align-items:stretch;flex-direction:row;gap:12px;padding:18px 10px 7px;border-top:1px solid #ffffff88}.sidebar-profile{flex:1;width:auto;justify-content:flex-start;padding:5px 8px;height:auto;border-radius:13px}.sidebar-profile .profile-label{display:block;min-width:0}.profile-label strong{display:block;font-size:11px;line-height:1.5;overflow-wrap:anywhere}.profile-label small{display:block;font-size:10px;color:#646464;line-height:1.5}.sidebar-bottom .icon-button{height:45px;min-height:45px}.scrim.visible{display:block;position:fixed;inset:0;z-index:140;background:#3f3f3f55}
main{height:100dvh;padding:18px 18px calc(76px + env(safe-area-inset-bottom));min-width:0}.global-toolbar{align-items:center;gap:12px;min-height:68px;padding:0 0 18px}.workspace-heading h1{font-size:27px;font-weight:400;line-height:1.15;letter-spacing:-1px}.workspace-heading p{font-size:10px;margin-bottom:5px;color:#646464}.toolbar-actions{gap:0;flex-shrink:0}.workspace-chip,.workspace-date{display:none}.workspace-search{width:39px;height:39px;min-height:39px;border-radius:13px}.workspace-search svg{width:17px;height:17px}
.inventory-overview{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:113px 55px;gap:8px;margin-bottom:16px}.hero-panel{border-radius:20px;padding:13px 14px}.hero-label{font-size:10px;line-height:1.5;gap:5px}.hero-label svg{width:14px;height:14px}.hero-total{margin-top:12px;gap:4px;width:58%}.hero-total strong{font-size:31px;letter-spacing:-1.1px;line-height:1}.hero-total>span{font-size:8px;line-height:1.5;max-width:95px}.mini-bars{height:72px;right:9px;gap:5px;width:40%}.mini-bar{padding-bottom:8px;gap:4px}.mini-bar>span{font-size:10px}.mini-bar small{display:none}.mini-bar>i{border-radius:5px 5px 0 0}.hero-orange .hero-total{margin-top:9px;width:55%}.hero-orange .hero-total strong{font-size:27px}.hero-orange .hero-total>span{font-size:8px}.hero-secondary{left:auto;right:10px;bottom:10px;min-height:24px;padding:4px 7px;font-size:8px;gap:4px;border-radius:8px;max-width:calc(100% - 20px)}.hero-secondary strong{font-size:10px}.hero-secondary svg{display:none}.hero-secondary i{width:4px;height:4px}.stock-sculpture{height:94px;right:-18px;bottom:10px;width:55%;opacity:.55}.stock-sculpture>i{height:85px}.stock-sculpture>i:nth-child(2){height:73px;border-radius:16px 0 0 0}.stock-sculpture>i:nth-child(3){height:35px}.hero-focus{grid-column:1/-1;grid-row:2;display:flex;flex-direction:row;align-items:center;gap:12px;border-radius:18px;padding:9px 12px}.hero-focus>.hero-label{display:none}.focus-main{display:flex;align-items:center;gap:10px;min-width:0;flex:1;margin:0}.focus-kicker{font-size:11px;line-height:1.4;margin:0}.focus-main>strong{order:-1;font-size:27px;line-height:1;letter-spacing:-1px;min-width:18px}.focus-main p{display:none}.focus-action{gap:8px;width:auto;flex-shrink:0;font-size:9px}.focus-action>span:first-child{max-width:95px;line-height:1.4}.focus-arrow{width:33px;height:33px;flex-basis:33px;border-radius:11px;font-size:18px}.focus-orbits{width:200px;height:200px;top:-100px;right:50px}.workflow-glass{display:none}
.section-intro{padding:6px 0 22px;gap:15px}.section-intro h2{font-size:19px;line-height:1.4;letter-spacing:-.5px}.section-intro p{font-size:12px;line-height:1.7;max-width:230px}.section-intro>span{display:none}.list-tools{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:8px;padding:0 0 15px}.rail-search{grid-column:1;grid-row:1;min-height:46px;height:46px;padding:0 12px;border-radius:14px}.rail-search input{font-size:16px;min-height:44px;padding:10px 0;line-height:1.5}.rail-search input::placeholder{font-size:12px}.rail-search svg{width:16px;height:16px}.list-status-filter{grid-column:1/-1;grid-row:2;width:100%;min-width:0;display:block}.list-status-filter .control-trigger{min-height:43px;height:43px;font-size:13px;padding:10px 12px;border-radius:13px}.list-tools .intake-button{grid-column:2;grid-row:1;width:46px;min-width:46px;height:46px;min-height:46px;border-radius:14px;padding:0}.intake-button>span{display:none}.intake-button svg{width:18px;height:18px}.list-tools:not(:has(.intake-button)) .rail-search{grid-column:1/-1}.list-status-filter:has(.custom-control){min-height:43px}.list-status-filter:empty{display:none}.view-switch{grid-column:2;grid-row:2;min-height:43px;padding:3px;border-radius:13px;margin-left:-40px;z-index:1;width:86px;background:#e3e3e3;justify-self:end}.view-switch button{height:35px;width:37px}.list-tools:has(.view-switch) .list-status-filter{grid-column:1;width:calc(100% - 46px)}.list-column-head{display:none}.record-line{display:block;padding:0!important;border-bottom:1px solid #ffffff9c;background:#ffffff13;margin-bottom:0}.record-item,.task-records .record-item{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:start;gap:9px 11px;min-height:0;padding:18px 1px}.record-vehicle{display:contents}.record-mark{grid-column:1;grid-row:1/3;width:44px;height:44px;flex-basis:44px;padding:5px;border-radius:14px;align-self:start}.record-mark .brand-logo{width:32px;height:30px;flex-basis:32px}.record-mark .brand-logo img{max-height:27px}.record-copy{grid-column:2;grid-row:1;gap:3px}.record-copy strong{font-size:15px;line-height:1.4;font-weight:600;letter-spacing:-.3px}.record-copy small{font-size:9px;line-height:1.5;color:#646464}.record-arrow{grid-column:3;grid-row:1;align-self:center;font-size:20px}.record-customer{grid-column:2/4;grid-row:2;gap:3px}.record-customer>strong{font-size:15px;line-height:1.4;font-weight:650;color:#414141;letter-spacing:-.3px}.record-customer>small{font-size:10px;line-height:1.6}.record-customer>.cell-label{display:none!important}.record-preparation{grid-column:1/-1;grid-row:3;gap:5px;padding-top:5px}.record-preparation>.cell-label{display:none!important}.inline-preparation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.inline-preparation>span{display:grid;grid-template-columns:5px minmax(0,1fr);align-items:center;gap:3px 6px;padding:7px 9px;border-radius:10px;font-size:10px;line-height:1.5;background:#ffffff4d}.inline-preparation i{grid-column:1;grid-row:1}.inline-preparation b{grid-column:2;grid-row:2;font-size:11px;line-height:1.5;font-weight:600;color:#646464}.record-date,.task-records .record-date{display:flex;flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:5px 8px;grid-column:1/-1;grid-row:4;margin-top:1px}.record-date>.cell-label{display:block!important;font-size:10px;font-weight:400;line-height:1.5}.record-date>strong{font-size:12px;font-weight:550;line-height:1.5;color:#5b5b5b}.record-date>small{font-size:10px}.row-status{font-size:12px;line-height:1.5}.record-preparation>small{font-size:11px;line-height:1.7}.record-quick{margin:0 0 16px 0;padding:10px 15px!important;min-height:42px!important;border-radius:12px;font-size:12px!important}.list-footer{padding:11px 1px;font-size:9px}.list-footer>span:last-child{display:none}.customer-record .record-preparation{display:flex;flex-direction:row;align-items:baseline;gap:7px;grid-row:3}.customer-record .record-preparation>strong{font-size:13px}.customer-record .record-date{display:none}.customer-record .record-customer>strong{font-size:13px;letter-spacing:0;font-weight:500}.customer-record .record-mark{background:#ffffff66}.simple-board{gap:15px;padding-top:0;scroll-snap-type:x proximity}.board-column{flex:0 0 92%;min-width:0;max-width:none;scroll-snap-align:start}.board-column>h2{font-size:14px;padding-top:5px;padding-bottom:13px}.board-record{padding:17px;border-radius:18px}.board-record>strong{font-size:15px}.board-client{font-size:14px;font-weight:550}.board-date{font-size:11px}
.case-heading{padding:0}.case-crumb{gap:7px;font-size:10px;line-height:1.5;flex-wrap:nowrap}.case-crumb>span{min-width:0;overflow-wrap:anywhere}.case-crumb button{width:30px;height:30px;flex:0 0 30px;border-radius:10px}.case-crumb svg{width:15px;height:15px}.case-title-row{gap:12px;margin:15px 0}.case-title{gap:11px}.case-title .brand-logo{width:43px;height:41px;flex-basis:43px;border-radius:13px;padding:5px}.case-heading h1{font-size:24px;line-height:1.2;letter-spacing:-.8px;font-weight:500}.case-title-row>.status-badge{max-width:90px;font-size:8px;padding:5px 7px;border-radius:8px}.case-customer-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px 15px;padding:14px 15px;border-radius:17px;margin-bottom:14px}.case-customer-name{grid-column:1;grid-row:1;gap:4px}.case-customer-name small,.case-seller small{font-size:8px;line-height:1.5;letter-spacing:.5px}.case-customer-name strong{font-size:17px;font-weight:650;line-height:1.4;color:#464646;letter-spacing:-.4px}.case-customer-bar>a{grid-column:1;font-size:12px;gap:7px}.case-customer-bar>a svg{width:14px;height:14px}.case-seller{grid-column:2;grid-row:1;margin:0;text-align:right;gap:4px;align-self:start}.case-seller strong{font-size:11px;line-height:1.5;overflow-wrap:anywhere}.case-tabs{gap:7px;padding:0 0 13px;border-bottom-color:#ffffffa3}.case-tabs button{font-size:11px;min-height:38px;padding:9px 12px;border-radius:11px}.case-body{padding:18px 0 28px}.summary-metrics{gap:7px;margin-bottom:24px}.summary-metrics>div{padding:13px 11px;gap:13px;border-radius:16px;justify-content:flex-start}.summary-metrics small{font-size:9px;line-height:1.5}.summary-metrics strong{font-size:25px;line-height:1.2;letter-spacing:-.8px}.summary-metrics .metric-text{font-size:12px;line-height:1.5;letter-spacing:-.1px}.case-sections{grid-template-columns:minmax(0,1fr);gap:25px}.case-section+.case-section{padding-top:24px;border-top:1px solid #ffffff99}.section-heading{gap:10px;margin:22px 0 15px}.section-heading h2{font-size:16px;line-height:1.5}.section-heading .plain-button{font-size:10px;padding:7px 9px}.prep-row{display:grid;grid-template-columns:31px minmax(0,1fr) auto;gap:10px;padding:17px 0}.prep-row>div{grid-column:2;grid-row:1}.prep-row strong{font-size:13px;line-height:1.5}.prep-row p{font-size:11px;line-height:1.8}.prep-row .status-badge{grid-column:3;grid-row:1;max-width:95px;font-size:9px;align-self:center}.prep-row .plain-button{grid-column:2/4;justify-self:start;min-height:35px;font-size:11px;padding:8px 12px}.line-symbol{width:31px;height:31px;flex-basis:31px}.data-grid{grid-template-columns:minmax(0,1fr);gap:0}.data-grid>div{padding:14px 0}.data-grid dt{font-size:10px}.data-grid dd{font-size:14px;line-height:1.8}.note-block{padding:16px;border-radius:16px}.note-block p{font-size:13px;line-height:1.9}.arrival-note{padding:16px;gap:12px;border-radius:17px}.arrival-note h3{font-size:13px}.arrival-note p{font-size:13px;line-height:1.9}.handover-block{font-size:13px;line-height:1.9}.handover-block>small{font-size:11px}.check-row{font-size:13px;line-height:1.7}.record-cancel summary{font-size:12px}.history-list p{font-size:13px;line-height:1.9}.history-list strong{font-size:13px}.related-record strong{font-size:14px}.related-record small{font-size:11px}.task-final-action p{font-size:12px}
.mobile-nav{position:fixed;left:0;right:0;bottom:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-items:stretch;gap:2px;height:calc(68px + env(safe-area-inset-bottom));padding:7px 9px calc(7px + env(safe-area-inset-bottom));background:#e6e6e6;border-top:1px solid #ffffffe6;z-index:100;box-shadow:0 -7px 20px #4f4f4f08}.mobile-nav button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-width:0;min-height:49px;padding:4px 1px;border:0;border-radius:13px;background:transparent;color:#646464;font-size:9px;line-height:1.2;white-space:nowrap}.mobile-nav button.active{background:#f6f6f6;color:#535353;font-weight:550}.mobile-nav svg{width:18px;height:18px}.mobile-nav button>span{font-size:9px;line-height:1.25}
#form-dialog,#detail-dialog{position:fixed;inset:0;width:100%;height:100dvh;max-width:100%;max-height:100dvh;margin:0;border:0;border-radius:0;overflow:auto}#form-body{padding:0 20px 22px}.dialog-heading{padding:22px 0 20px;margin-bottom:22px}.dialog-heading h2,#form-dialog h2,.detail-heading h2{font-size:26px;letter-spacing:-.8px;line-height:1.25}.dialog-heading .icon-button,.detail-heading .icon-button{width:35px;height:35px;min-height:35px;border-radius:12px}.calendar-eyebrow{font-size:9px}.form-row{grid-template-columns:minmax(0,1fr);gap:0}.form-row:has(input[type=time]){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#form-body label,dialog label{font-size:12px;line-height:1.5;gap:8px;margin-bottom:19px}#form-body input:not([type=checkbox]):not([type=hidden]),#form-body textarea,dialog input:not([type=checkbox]):not([type=hidden]),dialog textarea,#form-body .control-trigger{font-size:16px;line-height:1.5;min-height:49px;padding:12px 14px;border-radius:14px}#form-body input:not([type=checkbox]):not([type=hidden]),#form-body .control-trigger{height:49px}.form-section{font-size:15px;margin:23px 0 18px;padding-top:20px}.dialog-footer{bottom:0;padding:16px 0 calc(16px + env(safe-area-inset-bottom));gap:10px}.dialog-footer button{min-height:47px;flex:1;font-size:13px;border-radius:14px}.simple-hint,.subtle{font-size:12px;line-height:1.8}.preparation-customer{gap:15px;padding:20px 0}.preparation-customer strong{font-size:17px;line-height:1.5}.preparation-customer span{font-size:11px}.team-schedule{padding:16px;border-radius:17px}.team-schedule h3{font-size:14px}.team-schedule-row{grid-template-columns:82px minmax(0,1fr);gap:10px;font-size:12px}.team-schedule p{font-size:11px;line-height:1.8}.detail-heading{padding:22px 20px;margin:0}.detail-content{padding:20px}.notification-list p{font-size:13px}.control-trigger{min-height:46px;height:auto;font-size:16px;padding:11px 12px}.control-options>button{min-height:47px;font-size:16px;padding:12px}.control-search input{font-size:16px;min-height:45px;padding:11px 12px}.control-popover{max-width:calc(100vw - 24px);padding:7px;border-radius:16px}.date-picker-heading strong{font-size:14px}.date-days button{min-height:38px;font-size:13px}.date-weekdays{font-size:10px}.date-picker-footer button{font-size:12px}.primary-button,.quiet-button,.plain-button,.delete-button{min-height:43px;font-size:12px;padding:11px 14px}.primary-button{color:#3f3f3f}.utility-content{padding-bottom:23px}.core-table td{min-width:110px}.core-panel{font-size:13px}.core-heading p{font-size:12px}.core-panel dl{grid-template-columns:100px minmax(0,1fr);gap:10px}.page-intro{padding:0 0 19px}#toast{bottom:calc(85px + env(safe-area-inset-bottom));font-size:12px;padding:13px 17px;border-radius:14px}
}
@media(max-width:360px){main{padding-left:15px;padding-right:15px}.workspace-heading h1{font-size:25px}.hero-panel{padding:12px}.hero-label{font-size:9px}.hero-total strong{font-size:29px}.focus-kicker{font-size:10px}.focus-action{font-size:8px;gap:7px}.focus-main{gap:8px}.focus-action>span:first-child{max-width:80px}.record-copy strong{font-size:14px}.record-customer>strong{font-size:14px}.case-heading h1{font-size:22px}.case-title{gap:9px}.case-tabs{gap:6px}.case-tabs button{font-size:10px;padding:9px 11px}.summary-metrics>div{padding:12px 9px}.summary-metrics .metric-text{font-size:11px}.case-customer-name strong{font-size:16px}}
@media(max-height:720px) and (min-width:951px){main{padding-top:20px}.global-toolbar{min-height:72px;padding-bottom:20px}.inventory-overview{grid-template-rows:144px 92px;margin-bottom:19px}.hero-panel{padding:16px 19px}.hero-total{margin-top:15px}.hero-total strong{font-size:34px}.mini-bars{height:100px}.hero-label{font-size:11px}.hero-focus{padding:17px 20px}.focus-main>strong{font-size:53px}.focus-main p{font-size:10px;margin-top:8px}.focus-kicker{font-size:10px;margin-bottom:4px}.focus-action{font-size:10px}.focus-arrow{width:35px;height:35px;flex-basis:35px;border-radius:11px}.workflow-glass{padding-top:12px;padding-bottom:12px}.workflow-intro p{font-size:8px;margin-top:3px;margin-bottom:5px}.workflow-caption{font-size:10px}.workflow-track strong{font-size:8px}.workflow-dot{width:30px;height:30px;font-size:12px}.workflow-track:before{top:15px}.workflow-brands .brand-logo{height:17px}.workflow-brands .brand-logo img{max-height:15px}.hero-secondary{bottom:12px}.record-item{min-height:85px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

.hero-mobile-summary{display:none}.record-line.needs-attention{background:#c2c2c219}.needs-attention .record-date>strong,.needs-attention .overdue-label{color:#575757}.needs-attention .overdue-label{font-size:10px;font-weight:550}
@media(max-width:760px){.list-workspace{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.record-items{flex:0 0 auto;min-height:0;overflow:visible}.list-footer{margin-top:auto;flex:0 0 auto}.hero-yellow .mini-bars{display:none}.hero-mobile-summary{position:absolute;top:39px;right:13px;display:grid;gap:7px;max-width:45%}.hero-mobile-summary>span{display:flex;align-items:baseline;justify-content:flex-end;gap:5px;font-size:8px;line-height:1.4;white-space:nowrap;color:#4f4f4f}.hero-mobile-summary strong{font-size:11px;font-weight:500;line-height:1.2}.record-line.needs-attention{background:#c2c2c230;border-radius:14px;padding-left:10px!important;padding-right:10px!important;margin-top:8px}.record-quick{margin-left:1px}.list-empty{min-height:170px}}

.task-form-context{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:22px;padding:15px 17px;margin-bottom:22px;border:1px solid #ffffffc7;background:#ffffff66;border-radius:17px}.task-form-context .vehicle-label strong{display:block;font-size:15px;line-height:1.5;color:#353535;font-weight:550;overflow-wrap:anywhere}.task-form-context .vehicle-label small{display:block;font-size:10px;line-height:1.7;color:#646464;margin-top:4px}.task-form-customer small{font-size:8px;letter-spacing:.6px;line-height:1.5;color:#646464}.task-form-customer strong{display:block;font-size:15px;font-weight:600;line-height:1.5;color:#484848;overflow-wrap:anywhere;margin:4px 0}.task-form-customer>span{font-size:10px;color:#646464;line-height:1.5}.task-date-fields{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr);gap:13px}form[data-form=task] .team-schedule{padding:14px 17px;margin-bottom:16px;border-color:#ffffff99}form[data-form=task] .team-schedule h3{font-size:12px;margin-bottom:7px}form[data-form=task] .team-schedule-row{padding:7px 0;font-size:11px;line-height:1.6}form[data-form=task] .team-schedule-row strong{font-size:11px}form[data-form=task] .team-schedule p{font-size:10px;line-height:1.6;margin-top:9px}form[data-form=task] .simple-task-quick{text-align:left;margin:15px 0 0}form[data-form=task] .simple-task-quick button{min-height:35px;font-size:11px;padding:8px 11px;color:#646464}form[data-form=task] .edit-agreement{margin-top:12px;padding-top:12px}form[data-form=task] .edit-agreement>summary{margin-bottom:0}
@media(max-width:760px){.task-form-context{grid-template-columns:minmax(0,1fr);gap:14px;padding:15px;margin-bottom:20px}.task-form-context .vehicle-label strong{font-size:16px}.task-form-customer{padding-top:11px;border-top:1px solid #e5e5e5}.task-form-customer strong{font-size:17px}.task-date-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.task-date-fields>label:first-child{grid-column:1/-1}form[data-form=task] .team-schedule{padding:14px 15px}form[data-form=task] .team-schedule h3{font-size:13px}form[data-form=task] .team-schedule-row,form[data-form=task] .team-schedule-row strong{font-size:12px}form[data-form=task] .team-schedule p{font-size:11px}form[data-form=task] .simple-task-quick button{min-height:42px;font-size:12px}}
/* The three desktop summaries share a single row and identical dimensions. */
@media(min-width:761px){
 .inventory-overview{grid-template-columns:repeat(3,minmax(0,1fr))}
 .hero-focus{grid-column:3;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr) 90px;grid-template-rows:auto minmax(0,1fr);align-items:stretch;gap:12px;padding:19px 20px;border-radius:24px}
 .hero-focus>.hero-label{display:flex;grid-column:1/-1;grid-row:1}
 .focus-main{display:block;grid-column:1;grid-row:2;align-self:start;min-width:0;flex:initial;margin:0}
 .focus-kicker{font-size:10px;line-height:1.5;margin:0 0 5px}
 .focus-main>strong{font-size:38px;line-height:1;letter-spacing:-1.6px;font-weight:450}
 .focus-main p{display:none}
 .focus-action{grid-column:2;grid-row:2;align-self:center;display:flex;align-items:center;flex-direction:column-reverse;justify-content:flex-start;gap:6px;width:90px;max-width:100%;font-size:9px;line-height:1.4;text-align:center}
 .focus-arrow{width:35px;height:35px;flex-basis:35px;border-radius:11px;font-size:20px}
 .focus-orbits{right:-65px;top:17px;width:180px;height:180px}
 .workflow-glass{grid-column:1/-1}
}
@media(min-width:1500px){.hero-focus{padding:22px 24px}.focus-main>strong{font-size:43px}.focus-kicker{font-size:11px}}
@media(max-width:1200px) and (min-width:761px){.hero-focus{padding:17px;grid-template-columns:minmax(0,1fr) 76px;gap:9px}.focus-main>strong{font-size:34px}.focus-action{width:76px;font-size:8px}.hero-focus .hero-label{font-size:10px}.focus-live{font-size:7px;padding:3px 6px}}
@media(max-width:950px) and (min-width:761px){.inventory-overview{grid-template-rows:145px}.hero-focus{grid-template-columns:minmax(0,1fr) 64px;gap:8px}.focus-action{width:64px}.focus-arrow{width:32px;height:32px;flex-basis:32px}.focus-kicker{font-size:9px}.hero-focus .hero-label{font-size:9px}.focus-live{padding:3px 5px}}
@media(max-height:720px) and (min-width:951px){.hero-focus{padding:16px 19px}.focus-main>strong{font-size:34px}.focus-kicker{font-size:10px}}
/* The background fills the display; controls respect the OS safe area. */
@media(max-width:760px){
 body:after{content:none}
 main{padding-top:calc(18px + env(safe-area-inset-top));padding-bottom:calc(97px + env(safe-area-inset-bottom))}
 .global-toolbar{filter:none;backdrop-filter:none;-webkit-backdrop-filter:none;transform:none;isolation:isolate}
 .mobile-nav{left:14px;right:14px;bottom:calc(13px + env(safe-area-inset-bottom));height:68px;padding:7px 8px;gap:3px;background:#f0f0f0;border:1px solid #fffffff2;border-radius:23px;box-shadow:0 9px 28px #45454520,0 1px 4px #45454508;filter:none;backdrop-filter:none;-webkit-backdrop-filter:none}
 .mobile-nav button{border-radius:16px;gap:5px;color:#646464;font-size:9px;font-weight:450;min-height:50px}
 .mobile-nav svg{width:21px;height:21px;stroke-width:1.65}
 .mobile-nav button.active{background:#e3e3e3;color:#4e4e4e;font-weight:550;box-shadow:inset 0 0 0 1px #ffffff85}
 .mobile-nav button>span{font-size:9px;line-height:1.2}
 #toast{bottom:calc(100px + env(safe-area-inset-bottom))}
}
@media(max-width:760px){
 main{padding-bottom:0}
 .list-workspace{padding-bottom:calc(104px + env(safe-area-inset-bottom))}
 .case-body,.utility-content{padding-bottom:calc(105px + env(safe-area-inset-bottom))}
 #form-dialog,#detail-dialog{border-top:env(safe-area-inset-top) solid #f1f1f1}
}

.mini-bar[data-count="0"]>i{height:3px;min-height:3px;opacity:.35}
@media(max-width:760px){
 .mobile-nav{left:50%;right:auto;transform:translateX(-50%);width:min(360px,calc(100% - 56px));height:60px;padding:7px 9px;gap:6px;border-radius:21px}
 .mobile-nav button{position:relative;min-height:44px;padding:0;gap:0;border-radius:14px}
 .mobile-nav button>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 .mobile-nav svg{width:22px;height:22px}
}

/* The mobile navigation expands upward in the same footprint as the dock. */
@media(max-width:760px){
 .sidebar{inset:auto auto calc(83px + env(safe-area-inset-bottom)) 50%;width:min(360px,calc(100% - 56px));height:auto;max-height:calc(100dvh - 112px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;padding:13px;background:#f0f0f0;border:1px solid #fffffff2;border-radius:21px;box-shadow:0 9px 28px #45454520,0 1px 4px #45454508;transform:translate(-50%,8px);opacity:0;visibility:hidden;pointer-events:none;transition:transform .16s ease,opacity .16s ease,visibility .16s;filter:none;backdrop-filter:none;-webkit-backdrop-filter:none}
 .sidebar.open{transform:translate(-50%,0);opacity:1;visibility:visible;pointer-events:auto}
 .sidebar .brand{height:34px;min-height:34px;padding:0 11px;justify-content:flex-start}
 .sidebar .crm-brand-image{width:67px}
 .sidebar .collapse{top:13px;right:13px;width:30px;height:30px;min-height:30px;border-radius:10px;font-size:18px}
 .sidebar nav{padding-top:10px;gap:4px;align-items:stretch}
 .sidebar .nav-item{min-height:44px;padding:11px 13px;gap:12px;border-radius:12px;text-align:left;justify-content:flex-start;font-size:13px}
 .sidebar .nav-item svg{width:19px;height:19px;flex-shrink:0}
 .sidebar .sidebar-bottom{padding:10px 2px 0;margin-top:10px;gap:7px;align-items:center}
 .sidebar .sidebar-profile{padding:5px 9px;text-align:left;gap:10px;justify-content:flex-start;min-height:44px}
 .sidebar .profile-label strong{font-size:11px}
 .sidebar .profile-label small{font-size:10px}
 .mobile-nav{z-index:160}
 .scrim.visible{background:#3f3f3f22;filter:none;backdrop-filter:none;-webkit-backdrop-filter:none}
}

@media(max-width:760px){
 html{background:#e2e2e2}
 body{min-height:100dvh;background-attachment:fixed;background-size:100% 100dvh;background-repeat:no-repeat}
 main{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
 #form-dialog,#detail-dialog{border-top-color:transparent;background-clip:border-box}
}

/* Clear navigation, a single set of filters, and a consistent record hierarchy. */
#workspace-title:focus{outline:0}
.list-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;flex:0 0 auto;min-width:0;padding-bottom:16px}
.list-controls .list-tools{flex:1 1 260px;min-width:0;padding-bottom:0}
.list-controls .rail-search{max-width:520px}
.list-controls .list-tabs{flex:0 1 auto;padding-bottom:0}
.list-controls:has(.view-switch){display:block}
.list-controls:has(.view-switch) .list-tools{padding-bottom:12px}
.nav-section{display:block;align-self:stretch;padding:18px 12px 6px;font-size:9px;font-weight:600;letter-spacing:1px;line-height:1.5;color:#646464}
.nav-section:first-child{padding-top:0}
.section-intro{flex:0 0 auto;padding:0 0 20px;gap:18px}
.section-intro h2{display:flex;align-items:center;gap:10px;font-size:20px;line-height:1.4;font-weight:600;letter-spacing:-.6px;color:#2c2c2c}
.section-intro p{font-size:12px;line-height:1.6;margin-top:5px;color:#646464}
.heading-count{display:inline-flex;align-items:center;justify-content:center;min-width:26px;min-height:26px;padding:3px 7px;border:1px solid #ffffffa8;border-radius:8px;background:#ffffff5c;font-size:12px;font-weight:600;letter-spacing:0;color:#5a5a5a}
.section-intro .intake-button{flex-shrink:0;min-height:44px;font-size:12px;font-weight:600;gap:9px}
.list-tools{display:flex;padding-bottom:12px;gap:10px}
.rail-search{max-width:520px;background:#ffffff69;border-color:#ffffffe0}
.rail-search input{font-size:13px;color:#2c2c2c}
.rail-search input::placeholder{color:#646464}
.rail-search:focus-within{border-color:#878787;box-shadow:0 0 0 3px #ffffff40}
.view-switch{width:auto;flex-shrink:0;margin-left:auto;background:#ffffff4a}
.view-switch button{display:flex;align-items:center;justify-content:center;flex:0 0 auto;flex-direction:row;width:auto;min-width:40px;gap:7px;padding:0 11px;font-size:12px;color:#646464}
.view-switch button[aria-pressed=true]{background:#ffffff;color:#2d2d2d;box-shadow:0 1px 3px #29292910}
.list-tabs{display:flex;align-items:center;gap:6px;flex:0 0 auto;min-width:0;overflow-x:auto;scrollbar-width:none;padding:0 0 16px}
.list-tabs button{display:flex;align-items:center;gap:8px;flex-shrink:0;min-height:36px;padding:7px 11px;border:1px solid transparent;border-radius:10px;background:transparent;color:#606060;font-size:12px;font-weight:500;line-height:1.5;white-space:nowrap}
.list-tabs button>span{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;background:#ffffff5c;border-radius:6px;color:#5f5f5f;font-size:10px;font-weight:600}
.list-tabs button:hover{background:#ffffff4a}
.list-tabs button[aria-pressed=true]{background:#f1f1f1;border-color:#f6f6f6;color:#343434;font-weight:650}
.list-tabs button[aria-pressed=true]>span{background:#ffffffe0;color:#343434}
.list-column-head,.list-column-head.task-columns,.record-item,.task-records .record-item{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,1.3fr) minmax(0,.8fr) 18px;gap:22px}
.list-column-head,.list-column-head.task-columns{padding:12px 15px;background:#ffffff4f;border:1px solid #ffffff8c;border-radius:12px;font-size:11px;font-weight:600;color:#5b5b5b}
.record-items{padding-top:6px}
.record-line{border-bottom-color:#ffffffb5;background:#ffffff24}
.record-line:nth-child(even){background:#ffffff11}
.record-line:hover{background:#ffffff59}
.record-item{padding:19px 16px;min-height:104px}
.record-copy strong{font-size:14px;font-weight:650;letter-spacing:-.25px;color:#2d2d2d;line-height:1.5}
.record-copy small,.record-customer>small,.record-preparation>small,.record-date>small{font-size:11px;line-height:1.6;color:#646464}
.record-customer>strong{font-size:14px;font-weight:600;line-height:1.5;color:#383838}
.record-date>strong{font-size:13px;font-weight:600;line-height:1.5;color:#3e3e3e}
.record-vehicle{gap:12px}
.record-mark{background:#ffffff77;border:1px solid #ffffffb5;border-radius:11px}
.record-arrow{font-size:18px;color:#646464}
.inline-preparation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.inline-preparation>span{display:grid;grid-template-columns:5px minmax(0,1fr);gap:3px 6px;padding:8px 9px;border-radius:10px;background:#ffffff60;border-color:#ffffffb0;font-size:10px;font-weight:500;color:#5b5b5b}
.inline-preparation i{grid-column:1;grid-row:1}
.inline-preparation b{grid-column:2;grid-row:2;font-size:11px;font-weight:600;line-height:1.5;color:#414141}
.inline-preparation .done{background:#e8e8e8cc;border-color:#f4f4f4}
.inline-preparation .blocked{background:#d8d8d8cc;border-color:#e7e7e7}
.record-preparation .row-status{font-size:12px;font-weight:600;color:#484848;line-height:1.5}
.record-preparation .row-status.incoming{color:#505050}
.record-preparation .row-status.blocked{color:#4e4e4e}
.list-footer{padding:14px 16px;font-size:11px;color:#646464}
.list-empty{min-height:220px;padding:38px 24px}
.list-empty h2{font-size:18px;font-weight:600;color:#484848;line-height:1.5;margin:14px 0 7px}
.list-empty p{max-width:390px;font-size:13px;line-height:1.8;color:#646464;text-align:center}
.board-column>h2{font-weight:600;font-size:14px;color:#3a3a3a}
.board-record{background:#ffffff6b;border-color:#ffffffe0}
.board-record>strong,.board-client{color:#363636}
.board-record .board-client{font-size:14px;font-weight:600;padding-top:4px}
.case-customer-bar{background:#ffffff66;border-color:#ffffffc7}
.case-heading h1{color:#2d2d2d;font-weight:550}
.case-customer-name strong{color:#363636}
.case-customer-name small,.case-seller small,.case-customer-bar>a,.case-seller strong{color:#5f5f5f}
.case-tabs button{font-weight:500;color:#5a5a5a}
.case-tabs button[aria-selected=true]{color:#353535}
.summary-metrics>div,.summary-metrics>div:first-child,.summary-metrics>div:nth-child(2){background:#ffffff53;border:1px solid #ffffffad;border-radius:14px;gap:12px;padding:18px 20px}
.summary-metrics small{color:#626262;font-weight:500;font-size:12px}
.summary-metrics strong{color:#363636;font-size:28px;font-weight:550}
.summary-metrics .metric-text{font-size:17px}
.case-sections{gap:32px}
.case-section{background:#ffffff2e;border:1px solid #ffffff8a;border-radius:16px;padding:21px}
.section-heading h2{color:#3d3d3d;font-weight:600}
.prep-row strong{font-size:14px;color:#424242}
.prep-row p,.handover-block,.handover-block>small,.check-row{color:#616161}
.prep-row .plain-button{min-height:36px;font-size:11px;background:#ffffff71;border:1px solid #ffffffba;border-radius:10px;white-space:normal}
.data-grid dt{font-size:12px;color:#646464}
.data-grid dd{color:#3e3e3e;font-weight:500}
.note-block{background:#ffffff69}
.note-block h3{color:#555555}
.note-block p,.team-schedule p,.team-schedule-row{color:#646464}
.team-schedule h3,.team-schedule-row strong{color:#4b4b4b}
.dialog-heading h2,#form-dialog h2{font-weight:550;color:#373737}
.form-section{color:#535353;font-weight:650}
#form-body label,dialog label{color:#5b5b5b;font-weight:500}
#form-body input:not([type=checkbox]):not([type=hidden]),#form-body textarea{color:#373737;background:#ffffff;border-color:#dbdbdb;font-weight:400}
#form-body .control-trigger{color:#373737;background:#ffffff;border-color:#dbdbdb;font-weight:400}
.simple-hint,.subtle{color:#646464}
.form-section:before{display:inline-block;width:6px;height:16px;margin-right:9px;background:#fff200;border-radius:3px;vertical-align:-3px;content:''}

@media(min-width:761px){
 .sidebar{width:204px;flex-basis:204px;align-items:stretch;padding:30px 13px 21px;background:#ffffff1a;border-right:1px solid #ffffff4f}
 .brand{height:70px;min-height:70px;justify-content:flex-start;padding-left:13px}
 .crm-brand-image{width:82px;height:27px}
 .sidebar nav{align-items:stretch;padding-top:13px;gap:4px}
 .nav-item{justify-content:flex-start;width:100%;min-height:44px;height:auto;gap:12px;padding:11px 12px;border-radius:12px;font-size:12px;line-height:1.5;color:#626262}
 .nav-item>span{display:block}
 .nav-item svg{width:18px;height:18px}
 .nav-item.active{background:#ffffffe6;color:#343434;font-weight:650;box-shadow:none}
 .nav-count{display:grid;place-items:center;min-width:21px;height:21px;margin-left:auto;padding:0 5px;border-radius:6px;background:#ebebeb80;font-size:10px;color:#626262}
 .sidebar-bottom{align-items:stretch;gap:10px;border-top:1px solid #ffffff6b;margin-top:14px;padding-top:15px}
 .sidebar-bottom .icon-button{align-self:flex-start;margin-left:4px}
 .sidebar-profile{width:100%;justify-content:flex-start;gap:10px;padding:9px 10px;background:#ffffff3a;border-color:#ffffff8f;border-radius:12px;height:auto;min-height:51px}
 .profile-label{display:flex;flex-direction:column;text-align:left;gap:3px;min-width:0;flex:1}
 .profile-label strong{font-size:11px;line-height:1.5;color:#454545;overflow-wrap:anywhere;font-weight:600}
 .profile-label small{font-size:10px;color:#646464}
 main{padding-left:28px;padding-right:28px}
 .inventory-overview{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:160px;gap:10px;margin-bottom:28px}
 .hero-panel{border-radius:21px;padding:19px 20px}
 .hero-focus{grid-template-columns:minmax(0,1fr) 80px;padding:19px 20px}
 .focus-action{width:80px}
 .hero-label{font-weight:550;font-size:12px}
 .hero-total{margin-top:18px}
 .hero-total strong,.focus-main>strong{font-size:36px}
 .hero-total>span{font-size:11px}
 .mini-bars{height:100px;width:49%;right:16px;gap:10px}
 .mini-bar small{font-size:9px}
 .hero-focus .hero-label{font-size:12px}
 .has-quick{display:block}
 .has-quick .record-date{min-height:77px;justify-content:flex-start}
 .task-records .record-date{display:flex}
 .list-column-head.task-columns>span:nth-child(4){display:block}
 .has-quick .record-arrow{visibility:hidden}
 .record-quick{position:absolute;right:16px;bottom:16px;margin:0;min-height:34px;font-size:11px;padding:8px 10px;max-width:145px}
}
@media(min-width:761px) and (max-width:1100px){
 .sidebar{width:179px;flex-basis:179px;padding-left:9px;padding-right:9px}
 .nav-item{gap:9px;font-size:11px;padding-left:10px;padding-right:10px}
 main{padding-left:20px;padding-right:20px}
 .workspace-heading h1{font-size:29px}
 .workspace-chip{display:none}
 .list-column-head,.list-column-head.task-columns,.record-item,.task-records .record-item{gap:12px}
 .list-column-head,.list-column-head.task-columns{padding-left:11px;padding-right:11px}
 .record-item{padding:17px 12px}
 .record-copy strong,.record-customer>strong{font-size:13px}
 .inline-preparation{grid-template-columns:minmax(0,1fr)}
 .record-preparation .inline-preparation>span{display:flex;flex-wrap:wrap;padding:5px 7px;font-size:10px}
 .record-preparation .inline-preparation b{font-size:10px}
 .case-sections{grid-template-columns:minmax(0,1fr);gap:20px}
 .hero-panel,.hero-focus{padding:16px}
 .hero-focus{grid-template-columns:minmax(0,1fr) 56px}
 .focus-action{width:56px;font-size:9px}
 .hero-focus .hero-label{font-size:10px}
 .hero-total>span{font-size:10px}
 .mini-bars{gap:5px;right:10px;width:47%}
 .mini-bar small{font-size:8px}
 .hero-label{font-size:11px}
 .hero-yellow .mini-bars{display:none}
 .hero-mobile-summary{position:absolute;top:49px;right:12px;display:grid;gap:7px;max-width:48%}
 .hero-mobile-summary>span{display:flex;align-items:baseline;justify-content:flex-end;gap:5px;font-size:9px;line-height:1.4;color:#494949;white-space:nowrap}
 .hero-mobile-summary strong{font-size:12px;font-weight:550}
 .has-quick .record-date{min-height:0}
 .record-quick{position:static;display:block;margin:0 12px 14px auto;max-width:none}
}
@media(max-height:740px) and (min-width:761px){
 .inventory-overview{grid-template-rows:144px;margin-bottom:22px}
 .hero-total{margin-top:10px}
 .hero-total strong,.focus-main>strong{font-size:32px}
 .mini-bars{height:89px}
 .hero-secondary{bottom:11px}
 .section-intro{padding-bottom:15px}
}
@media(max-width:760px){
 /* Let the menu sit above the dismiss layer outside .app's former stacking context. */
 .app{z-index:auto}
 .app>main{position:relative;z-index:1}
 .nav-section{padding:13px 13px 4px;font-size:8px}
 .sidebar .nav-item>span{display:block}
 .sidebar .nav-count{display:none}
 .sidebar .sidebar-bottom .icon-button{align-self:auto}
 .global-toolbar{padding-bottom:22px}
 .workspace-heading h1{font-size:28px;font-weight:450;letter-spacing:-1px}
 .inventory-overview{margin-bottom:25px}
 .hero-label{font-size:11px;font-weight:550}
 .hero-total>span{font-size:10px}
 .hero-mobile-summary>span{font-size:9px}
 .hero-mobile-summary strong{font-size:12px}
 .section-intro{padding-bottom:16px;align-items:flex-start;gap:12px}
 .section-intro h2{font-size:18px;gap:7px;letter-spacing:-.5px}
 .section-intro p{display:none}
 .heading-count{min-width:23px;min-height:23px;font-size:11px;padding:2px 6px}
 .section-intro .intake-button{min-height:40px;padding:10px 12px;gap:6px;font-size:11px}
 .section-intro .intake-button svg{width:15px;height:15px}
 .section-intro .intake-button>span{display:inline}
 .list-workspace:has(.intake-button) .section-intro{flex-wrap:wrap}
 .list-workspace:has(.intake-button) .section-intro>div{flex:1;min-width:0}
 .list-controls{display:block;padding-bottom:14px}
 .list-controls .list-tools{padding-bottom:12px}
 .list-controls .list-tabs{padding-bottom:0}
 .list-tools{gap:8px;flex-wrap:wrap;padding-bottom:12px}
 .rail-search{flex:1 1 100%;max-width:none;min-height:46px;padding:0 13px}
 .rail-search input{font-size:16px;min-height:44px;padding:10px 0}
 .view-switch{margin:0;min-height:39px;padding:3px;gap:3px}
 .view-switch button{height:32px;min-height:32px;padding:0 11px;gap:6px;font-size:11px}
 .view-switch svg{width:15px;height:15px}
 .list-tabs{padding-bottom:14px;gap:5px;min-height:47px}
 .list-tabs button{min-height:35px;font-size:12px;padding:7px 10px;gap:7px}
 .list-column-head{display:none}
 .record-items{padding-top:0}
 .record-line,.record-line:nth-child(even){margin:0 0 11px;border:1px solid #ffffffbd;border-radius:15px;background:#ffffff64;overflow:hidden}
 .record-line:hover{background:#ffffff80}
 .record-item,.task-records .record-item{grid-template-columns:43px minmax(0,1fr) 20px;gap:10px 11px;padding:17px 15px;min-height:0}
 .record-copy strong{font-size:16px;font-weight:650;line-height:1.45}
 .record-copy small{font-size:10px;margin-top:4px}
 .record-mark{background:#ffffffc7;border-color:#ffffffeb}
 .record-customer{grid-column:2/-1;grid-row:2;gap:4px;padding-top:2px}
 .record-customer>.cell-label{display:block!important;font-size:10px;color:#646464}
 .record-customer>strong{font-size:15px;font-weight:600;color:#3e3e3e}
 .record-customer>small{font-size:11px;line-height:1.6}
 .record-preparation{grid-column:1/-1;grid-row:3;padding-top:12px;margin-top:3px;border-top:1px solid #ffffffc2;gap:7px}
 .record-preparation>.cell-label{display:none}
 .record-preparation .inline-preparation{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .inline-preparation>span{font-size:11px;padding:9px 10px;background:#ffffffe0;border-color:#ffffffd1}
 .inline-preparation b{font-size:12px;font-weight:600;color:#505050}
 .record-date,.task-records .record-date{grid-column:1/-1;grid-row:4;flex-direction:row;align-items:baseline;padding-top:4px;gap:7px}
 .record-date>.cell-label{display:block;font-size:11px;color:#646464}
 .record-date>strong{font-size:12px;color:#4a4a4a;font-weight:600}
 .record-date>small{font-size:11px}
 .record-quick{margin:0 15px 15px;width:calc(100% - 30px);min-height:40px;font-size:12px;background:#f8f8f8;border-color:#ffffffe6}
 .record-line.needs-attention{padding:0!important;margin-top:0;border-color:#c3c3c3;background:#eeeeeec7}
 .list-footer{padding:3px 1px 15px;font-size:11px}
 .list-empty{min-height:220px;padding:30px 13px}
 .list-empty h2{font-size:18px}
 .list-empty p{font-size:13px;line-height:1.8;max-width:300px}
 .customer-record .record-customer>strong{font-size:14px}
 .customer-record .record-preparation{padding-top:12px;margin-top:3px;gap:6px;font-size:12px}
 .customer-record .record-preparation>.cell-label{display:none}
 .customer-record .record-date{display:flex;grid-row:4}
 .case-customer-bar{grid-template-columns:minmax(0,1fr);gap:9px;padding:16px}
 main:has(.case-open) .global-toolbar{display:none}
 .case-pane{display:block;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}
 .case-tabs{position:sticky;top:0;z-index:5;padding-top:10px;padding-bottom:10px;background:#e2e2e2;border-bottom:1px solid #ffffffd4}
 .case-body{overflow:visible;min-height:auto;padding-top:18px}
 .case-customer-name,.case-customer-bar>a,.case-seller{grid-column:1;grid-row:auto}
 .case-seller{flex-direction:row;align-items:baseline;text-align:left;padding-top:10px;margin-top:2px;border-top:1px solid #ffffffb5;gap:8px}
 .case-seller strong{font-size:12px}
 .case-customer-name strong{font-size:19px}
 .summary-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:20px}
 .summary-metrics>div,.summary-metrics>div:first-child,.summary-metrics>div:nth-child(2){padding:15px 13px;gap:9px;border-radius:12px}
 .summary-metrics>div:last-child{grid-column:1/-1;flex-direction:row;align-items:center;gap:12px}
 .summary-metrics small{font-size:11px}
 .summary-metrics strong{font-size:26px}
 .summary-metrics .metric-text{font-size:14px}
 .case-sections{gap:14px}
 .case-section,.case-section+.case-section{padding:17px 15px;border:1px solid #ffffffb0;border-radius:15px;background:#ffffff3b}
 .prep-row{grid-template-columns:29px minmax(0,1fr);gap:8px 10px}
 .prep-row>div{grid-column:2;grid-row:1}
 .prep-row .status-badge{grid-column:2;grid-row:2;justify-self:start;max-width:none;font-size:10px}
 .prep-row .plain-button{grid-column:2;grid-row:3;min-height:38px;font-size:12px;margin-top:3px}
 .prep-row strong{font-size:14px}
 .prep-row p{font-size:12px}
 .handover-block{font-size:13px}
 .data-grid dt{font-size:11px}
 .data-grid dd{font-size:14px}
 #form-body label,dialog label{font-size:13px}
}
@media(max-width:360px){
 .section-intro:has(.intake-button){display:block}
 .section-intro .intake-button{margin-top:12px;width:100%;justify-content:center}
}

/* Keep the full VIN readable in vehicle summaries, including narrow screens. */
.vehicle-vin{overflow-wrap:anywhere;word-break:normal;font-variant-numeric:tabular-nums;letter-spacing:.15px}
.board-record>.vehicle-vin,.board-record>.board-client{grid-column:2}

/* The company name can change without displacing the role or toolbar actions. */
.workspace-chip{min-width:0;max-width:420px}
.workspace-chip>span{min-width:0}
#workspace-company{display:block;min-width:0;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.workspace-chip small{flex-shrink:0}