:root{color-scheme:light;font-family:Inter,Segoe UI,Arial,sans-serif;color:#17211b;background:#f4f6f2;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.sidebar{background:#0f221b;color:#f7faf6;padding:20px 14px}.brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:#d9ef63;color:#102018;font-weight:800}.brand span{display:block;margin-top:4px;color:#b7c6bd;font-size:13px}nav{display:grid;gap:8px}nav button{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;border:0;border-radius:8px;padding:0 12px;background:transparent;color:#d9e2dc;text-align:left}nav button.active,nav button:hover{background:#21372d;color:#fff}.nav-group{display:grid;gap:4px}.nav-group .group-header .chevron{margin-left:auto;opacity:.65}.nav-group .sub-item{padding-left:38px;min-height:36px;font-size:13px;color:#b7c6bd}.nav-group .sub-item.active{background:#2c4a3c;color:#fff}.main{padding:22px}.topbar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:20px}h1,h2,p{margin:0}h1{font-size:26px}h2{font-size:18px}.topbar p{margin-top:6px;color:#66736a}.status-pill{max-width:420px;border:1px solid #d8dfd7;border-radius:999px;padding:8px 14px;background:#fff;color:#425046;font-size:13px}.view-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:14px}.metric,.panel{border:1px solid #dce3da;border-radius:8px;background:#fff;box-shadow:0 12px 34px #15271e0f}.metric{padding:18px}.metric span{color:#6d786f;font-size:13px}.metric strong{display:block;margin-top:12px;font-size:25px}.wide{grid-column:1 / -1}.panel{padding:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.order-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px}.vehicle-search{display:grid;gap:10px;margin-bottom:16px}.vehicle-search-row{display:grid;grid-template-columns:minmax(240px,1fr) auto auto;gap:10px;align-items:center}.vehicle-search-field{display:flex;align-items:center;gap:8px;min-height:40px;border:1px solid #86b7ff;border-radius:8px;padding:0 11px;background:#fff;color:#557060}.vehicle-search-field input{width:100%;border:0;outline:0;background:transparent;color:#17211b}.vehicle-search-results{display:grid;gap:6px;border:1px solid #d8e1d8;border-radius:8px;padding:8px;background:#fbfcfb}.vehicle-result-row{display:grid;grid-template-columns:110px 120px 150px minmax(150px,1fr) minmax(150px,1fr);gap:10px;align-items:center;min-height:42px;border:0;border-radius:6px;padding:8px 10px;background:transparent;color:#1c2b22;text-align:left}.vehicle-result-row:hover{background:#eef5ea}.vehicle-result-row small{color:#68756c}.vehicle-search-empty{padding:10px;color:#68756c;font-size:13px}.field{display:grid;gap:6px}.field.full{margin-top:12px}.field span{color:#5a665d;font-size:13px}.field input,.field textarea,select,.part-row input{width:100%;border:1px solid #ced8cf;border-radius:8px;padding:10px 11px;background:#fbfcfb;color:#17211b}.field textarea{min-height:76px;resize:vertical}.template-strip{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.template-chip,.primary-button,.ghost-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border-radius:8px;padding:0 12px}.template-chip{border:1px solid #b5d16a;background:#f1f7db;color:#263817}.primary-button{width:100%;border:0;background:#1b6c4a;color:#fff}.primary-button.compact,.ghost-button.compact{width:auto}.ghost-button,.icon-button{border:1px solid #cbd7ce;background:#fff;color:#1c2b22}.summary{position:sticky;top:18px;display:grid;gap:12px}.summary-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf1eb}.summary-line.strong{color:#145233;font-size:18px}.language-row{display:flex;align-items:center;gap:8px}.work-items{display:grid;gap:14px;margin-top:18px;border-top:8px solid #f4f6f2;padding-top:16px}.work-items-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.work-items-head h2{position:relative;padding-left:12px}.work-items-head h2:before{position:absolute;left:0;top:2px;bottom:2px;width:4px;border-radius:999px;background:#1683ff;content:""}.quick-projects{border:1px solid #e2e8e1;border-radius:8px;background:#fff}.quick-projects>span{display:inline-flex;min-width:132px;min-height:46px;align-items:center;justify-content:center;border-right:1px solid #e2e8e1;border-bottom:1px solid #e2e8e1;color:#0874eb;font-weight:700}.quick-project-list{display:flex;flex-wrap:wrap;gap:10px;padding:12px}.work-item-table{overflow:auto;border:1px solid #dfe7df;border-radius:8px;background:#fff}.work-item-group{min-width:980px}.work-item-row{display:grid;grid-template-columns:48px minmax(260px,1.4fr) 110px 96px 120px 90px 80px 110px 116px;gap:10px;align-items:center;min-width:980px;min-height:56px;border-top:1px solid #e8eee7;padding:8px 10px}.work-item-row.head{min-height:46px;border-top:0;background:#eef1ef;color:#425046;font-weight:700}.work-item-row:nth-child(2),.work-item-group:nth-child(2n) .work-item-row{background:#e8f8ff}.work-item-row input,.work-part-row input,.work-part-row select{width:100%;border:1px solid #dce6dc;border-radius:6px;padding:8px 9px;background:#fbfcfb;color:#17211b}.row-index{text-align:center;font-weight:700}.item-name-cell{display:grid;grid-template-columns:minmax(140px,1fr) auto;gap:8px;align-items:center}.mini-add-button,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:34px;border:0;border-radius:8px;padding:0 10px;background:#0874eb;color:#fff;font-weight:700}.text-button{background:transparent;color:#0874eb}.text-button.danger{color:#d23d3d}.work-part-row{display:grid;grid-template-columns:48px minmax(240px,1fr) 80px 90px 120px 110px 116px;gap:10px;align-items:center;min-width:980px;border-top:1px dashed #dce6dc;padding:8px 10px 8px 318px;background:#fbfcfb}.add-row{background:#fff}.project-search-cell{position:relative}.project-search-results{position:absolute;z-index:8;top:calc(100% + 6px);left:0;right:0;display:grid;gap:4px;border:1px solid #dce6dc;border-radius:8px;padding:6px;background:#fff;box-shadow:0 14px 28px #15271e1f}.project-search-results button{display:flex;justify-content:space-between;gap:8px;border:0;border-radius:6px;padding:8px;background:transparent;color:#17211b;text-align:left}.project-search-results button:hover{background:#eef5ea}.project-search-results small{color:#68756c}.items{display:grid;gap:12px}.item-block{border:1px solid #e1e8df;border-radius:8px;padding:12px;background:#fbfcfa}.item-main{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:10px}.part-row{display:grid;grid-template-columns:54px repeat(5,minmax(80px,1fr));gap:8px;align-items:center;margin-top:10px}.part-row span{color:#657269;font-size:13px}.list,.template-list{display:grid;gap:8px}.list-row,.template-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;align-items:center;width:100%;min-height:46px;border:1px solid #e0e7de;border-radius:8px;padding:10px 12px;background:#fbfcfa;color:#17211b;text-align:left}.template-row{grid-template-columns:1fr 1fr 1fr 140px}.empty{display:grid;place-items:center;min-height:96px;border:1px dashed #cbd6cd;border-radius:8px;color:#67746b}.stack{display:grid;gap:16px}.data-table{display:grid;gap:6px;margin-top:16px;overflow:auto}.data-row{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:12px;align-items:center;min-width:640px;min-height:42px;border:1px solid #e4ebe2;border-radius:8px;padding:8px 10px;background:#fbfcfa}.data-row.head{min-height:34px;background:#eef4ea;color:#5b685f;font-size:13px;font-weight:700}.data-row .icon-button{width:36px;min-height:34px;padding:0}.service-table .data-row{grid-template-columns:1.2fr .8fr 120px 1.4fr}.parts-table .data-row{grid-template-columns:120px 1.3fr 1fr 70px 120px 48px}.print-modal{position:fixed;inset:0;z-index:20;overflow:auto;background:#102018b8;padding:20px}.modal-toolbar{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 auto 16px;color:#fff}.print-sheet{width:min(900px,100%);margin:0 auto;padding:34px;border-radius:4px;background:#fff;color:#111;font-family:Arial,Tahoma,sans-serif}.print-head{display:flex;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:2px solid #111111}.print-head h1{font-size:24px}.print-head p,.print-table small{display:block;margin-top:5px;color:#404840}.print-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.print-table{width:100%;border-collapse:collapse}.print-table th,.print-table td{border:1px solid #252525;padding:9px;text-align:inherit;vertical-align:top}.part-print-row{background:#f6f6f4}.print-summary{width:320px;margin:18px 0 0 auto}.print-sheet[dir=rtl] .print-summary{margin-right:auto;margin-left:0}.print-footer{display:flex;justify-content:space-between;gap:20px;margin-top:40px}.order-casstime{display:block}.order-casstime .order-workspace{padding:0;overflow:hidden;border-color:#e6e6e6;border-radius:0;box-shadow:none}.order-casstime .panel-head,.order-casstime .summary,.order-casstime .legacy-order-form{display:none}.order-document-tabs{display:flex;height:46px;background:#f5f5f5;border-bottom:1px solid #eeeeee}.order-document-tabs button{min-width:112px;border:0;background:transparent;color:#333;font-size:16px}.order-document-tabs button.active{border-radius:10px 10px 0 0;background:#fff;color:#0878ff;font-weight:700}.order-casstime .vehicle-search{position:relative;margin:0;padding:10px 20px 12px;border-bottom:8px solid #f4f4f4}.order-casstime .vehicle-search-row{display:flex;align-items:center}.order-casstime .vehicle-search-field{width:360px;min-height:38px;border-color:#1683ff;border-radius:4px}.vehicle-search-tip{position:absolute;left:20px;top:54px;z-index:4;padding:14px 18px;background:#fff;box-shadow:0 2px 12px #0000001f;color:#ff6a00}.order-section-head{display:flex;align-items:center;justify-content:space-between;height:46px;padding:0 14px 0 24px;border-bottom:1px solid #f1f1f1;background:#fff}.order-section-head h2{position:relative;margin:0;padding-left:10px;font-size:20px}.order-section-head h2:before{position:absolute;left:0;top:4px;bottom:4px;width:4px;border-radius:4px;background:#0878ff;content:""}.order-section-head button{border:0;background:transparent;color:#0878ff}.receive-info{padding:8px 24px 18px;border-bottom:8px solid #f4f4f4}.receive-title{display:flex;align-items:center;gap:8px;margin:8px 0 14px;font-size:16px}.receive-title span{color:#a5a5a5;font-size:12px}.casstime-form{grid-template-columns:repeat(4,minmax(220px,1fr));gap:12px 28px}.casstime-form .field{grid-template-columns:104px minmax(0,1fr);align-items:center}.casstime-form .field span{text-align:right;color:#444;font-size:14px}.casstime-form .field input,.casstime-form .field textarea,.casstime-form .field select{height:32px;border-radius:4px;padding:0 10px;background:#fff}.casstime-form .field textarea{min-height:34px;padding-top:6px}.order-casstime .work-items{display:block;margin:0;padding:0 24px 20px;border-top:0;border-bottom:8px solid #f4f4f4}.work-order-head{margin:0 -24px}.order-casstime .work-items>.work-items-head h2{display:none}.order-casstime .work-items>.work-items-head{height:38px;justify-content:flex-end;margin-top:10px}.order-casstime .quick-projects{margin-bottom:20px;border-color:#e6e6e6;border-radius:0}.order-casstime .quick-projects>span{min-width:112px;min-height:38px;color:#0878ff}.order-casstime .template-chip{max-width:170px;min-height:32px;border-color:#d9d9d9;border-radius:4px;background:#fff;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-casstime .template-chip:hover{border-color:#0878ff;color:#0878ff}.order-casstime .work-item-table{border-color:#e5e5e5;border-radius:0}.order-casstime .work-item-group{min-width:1720px}.order-casstime .work-item-row{grid-template-columns:58px 260px 110px 118px 120px 80px 90px 90px 100px 110px 110px 130px 130px 120px 120px 120px;gap:0;min-width:1720px;min-height:40px;padding:0;border-top:0;border-bottom:1px solid #e8e8e8}.order-casstime .work-item-row>*{display:flex;min-width:0;align-items:center;justify-content:center;min-height:40px;border-right:1px solid #eeeeee;padding:5px 8px}.order-casstime .work-item-row.head{min-height:40px;background:#f0f0f0}.order-casstime .work-item-row.head>*{font-weight:700}.order-casstime .work-item-group:nth-child(2n) .work-item-row{background:#e5f8ff}.order-casstime .item-name-cell{width:100%;grid-template-columns:minmax(0,1fr) auto}.order-casstime .work-item-row input,.order-casstime .work-part-row input,.order-casstime .work-part-row select{height:30px;border-color:transparent;border-radius:2px;background:transparent;text-align:center}.order-casstime .work-item-row input:focus,.order-casstime .work-part-row input:focus,.order-casstime .work-part-row select:focus{border-color:#8cc8ff;background:#fff;outline:0}.order-casstime .mini-add-button{min-height:30px;border-radius:16px;background:#0878ff}.order-casstime .text-button{min-height:30px;color:#0878ff}.order-casstime .text-button.danger{color:#0878ff}.order-casstime .work-part-row{grid-template-columns:58px 260px 90px 90px 120px 110px 120px;min-width:860px;margin-left:318px;padding:0;gap:0;border-top:0;border-bottom:1px dashed #dddddd;background:#fafafa}.order-casstime .work-part-row>*{display:flex;align-items:center;justify-content:center;min-height:38px;border-right:1px solid #eeeeee;padding:5px 8px}.order-casstime .add-row{background:#fff}.casstime-folds details{border-bottom:8px solid #f4f4f4;background:#fff}.casstime-folds summary{height:46px;display:flex;align-items:center;padding:0 24px;color:#1f2d3d;font-size:18px;font-weight:700;cursor:pointer}.casstime-folds summary:before{width:4px;height:22px;margin-right:8px;border-radius:4px;background:#0878ff;content:""}.casstime-folds details>div{padding:16px 24px;color:#777;border-top:1px solid #eeeeee}.part-picker-modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:24px;background:#0000006b}.part-picker-dialog{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;width:min(96vw,1480px);height:min(92vh,980px);border-radius:8px;background:#fff;box-shadow:0 20px 60px #00000038;overflow:hidden}.part-picker-head{display:flex;align-items:center;justify-content:space-between;min-height:66px;padding:0 24px;border-bottom:1px solid #edf0f2}.part-picker-head h2{font-size:20px}.part-picker-head button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:999px;background:#eef2f5;color:#5d6870;font-size:28px;line-height:1}.part-picker-filters{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr)) auto;gap:16px;align-items:center;padding:20px 24px}.part-picker-filters label{display:grid;grid-template-columns:104px minmax(0,1fr);gap:8px;align-items:center}.part-picker-filters span{color:#333;text-align:right;font-size:16px}.part-picker-filters input,.part-picker-filters select,.part-picker-selected input{width:100%;height:38px;border:1px solid #d5dce2;border-radius:6px;padding:0 12px;background:#fff;color:#333}.part-picker-body{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;min-height:0;padding:0 24px 18px}.part-picker-table{min-height:0;overflow:auto;border:1px solid #e3e8ec}.part-picker-row{display:grid;grid-template-columns:56px 70px minmax(160px,1fr) 160px 150px 130px 150px 110px 120px;align-items:center;width:100%;min-width:1180px;min-height:52px;border:0;border-bottom:1px solid #edf0f2;background:#fff;color:#333;text-align:center}.part-picker-row>span{display:flex;align-items:center;justify-content:center;align-self:stretch;padding:8px;border-right:1px solid #edf0f2;overflow:hidden;text-overflow:ellipsis}.part-picker-row.head{position:sticky;top:0;z-index:2;min-height:50px;background:#f1f1f1;font-weight:700}.part-picker-row.selected,.part-picker-row:hover{background:#e5f8ff}.part-picker-empty{display:grid;place-items:center;min-height:180px;color:#7a858d}.part-picker-selected{display:grid;grid-template-rows:auto auto 1fr;gap:12px;min-height:0}.part-picker-selected>div:first-child{text-align:right;color:#6b747c}.part-picker-selected strong{color:#0878ff;font-size:18px;padding:0 2px}.selected-list{display:flex;align-content:flex-start;flex-wrap:wrap;gap:8px;min-height:0;border:1px solid #e3e8ec;padding:12px;overflow:auto}.selected-list span{display:inline-flex;align-items:center;min-height:30px;border-radius:16px;padding:0 10px;background:#edf6ff;color:#0878ff}.part-picker-foot{display:flex;justify-content:flex-end;gap:12px;padding:18px 24px;border-top:1px solid #edf0f2}@media(max-width:980px){.app-shell,.order-layout{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:5}nav{grid-template-columns:repeat(5,1fr)}nav button{justify-content:center}nav button span{display:none}.view-grid,.form-grid,.item-main,.vehicle-search-row,.vehicle-result-row{grid-template-columns:1fr}.work-items-head,.item-name-cell{grid-template-columns:1fr;align-items:stretch}.work-items-head{display:grid}.work-item-row,.work-part-row,.work-item-group{grid-template-columns:1fr;min-width:0}.work-part-row{padding:8px 10px}.part-row,.list-row,.template-row,.data-row,.service-table .data-row,.parts-table .data-row{grid-template-columns:1fr;min-width:0}}@media print{body{background:#fff}.app-shell>:not(.print-modal),.no-print{display:none!important}.print-modal{position:static;overflow:visible;padding:0;background:#fff}.print-sheet{width:100%;min-height:auto;margin:0;padding:0;box-shadow:none}}.brand-list{display:grid;gap:10px;margin-top:16px}.brand-card{border:1px solid #e0e7de;border-radius:8px;background:#fbfcfa}.brand-row{display:flex;align-items:center;gap:10px;padding:10px 12px}.brand-row-main{flex:1;display:grid;grid-template-columns:1fr 1fr 1fr 90px;gap:12px;align-items:center;border:0;background:transparent;text-align:left;color:#17211b}.brand-row-main small{color:#67746b;font-size:12px}.icon-button.danger{border-color:#f0c4c4;color:#a83434}.brand-detail{border-top:1px solid #e8ede5;padding:12px;background:#fff;border-radius:0 0 8px 8px}.model-list{display:grid;gap:6px;margin-top:12px}.model-row{display:grid;grid-template-columns:1fr 1fr 1fr 36px;gap:12px;align-items:center;padding:8px 10px;border:1px solid #ecf0e8;border-radius:6px;background:#fbfcfa}
