@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/manrope-400.ttf) format("truetype")}
@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(fonts/manrope-600.ttf) format("truetype")}
@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/manrope-700.ttf) format("truetype")}
@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(fonts/manrope-800.ttf) format("truetype")}
:root{--bg:#f5f7f4;--surface:#fff;--ink:#1c3029;--muted:#87918b;--green:#237952;--dark:#17543d;--lime:#d9edb0;--line:#e8ede7;--mint:#eaf4ee;--amber:#b57c21;--radius:14px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:13px;line-height:1.55}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.43}a{color:var(--green)}svg.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button{border:0;background:none;color:inherit}input,textarea,select{width:100%;border:1px solid #dde5dc;background:white;border-radius:9px;color:var(--ink);padding:11px 12px;min-height:43px}input:focus,select:focus,textarea:focus{outline:2px solid #b4d8bc;border-color:var(--green)}textarea{resize:vertical;min-height:80px}input[type=checkbox]{width:17px;height:17px;min-height:0;accent-color:var(--green)}small,.muted{color:var(--muted)}.loading{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px}.loading img{width:64px}.loading span{font-weight:800;font-size:25px}.shell{display:flex;min-height:100vh}.sidebar{width:226px;background:#edf3ec;border-right:1px solid #e1e9df;position:fixed;height:100vh;display:flex;flex-direction:column;z-index:20}.brand{text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:11px;padding:29px 22px 30px}.brand img{width:41px}.brand strong{display:block;font-size:15px;line-height:1.3;letter-spacing:.7px;font-weight:800}.brand small{display:block;font-size:10px;letter-spacing:2.5px;margin-top:3px;color:#6f8678}.nav-section{padding:7px 21px;color:#99a296;font-size:10px;font-weight:700;letter-spacing:1.4px}.nav{display:flex;flex-direction:column;gap:4px;padding:6px 12px}.nav button{display:flex;align-items:center;gap:13px;padding:12px 13px;min-height:44px;color:#6c7c70;font-weight:600;border-radius:9px;text-align:left}.nav button:hover{background:#e2ebe0}.nav button.active{color:white;background:#287d54;box-shadow:0 4px 9px #1a623115}.nav .count{margin-left:auto;font-size:10px;background:#fff2;border-radius:5px;padding:1px 6px}.side-foot{margin-top:auto;padding:16px 18px}.help-card{padding:15px 14px;border:1px solid #d6e3d0;border-radius:12px;background:linear-gradient(125deg,#e0edce,#e9f0e2);margin-bottom:20px}.help-card strong{font-size:12px}.help-card p{font-size:10px;color:#7a8b72;margin:5px 0 10px}.help-card button{font-size:11px;font-weight:700;color:#37794a}.branch{border-top:1px solid #dce5d8;padding-top:18px;display:flex;gap:10px;align-items:center}.branch>span{background:#dce9d5;border-radius:8px;padding:9px;color:#56844e}.branch strong{display:block;font-size:11px}.branch small{display:block;font-size:10px}.main{margin-left:226px;flex:1;min-width:0}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 32px;background:#fff;border-bottom:1px solid var(--line)}.search{display:flex;align-items:center;gap:10px;color:#9ca59e;max-width:380px;width:100%}.search input{border:0;background:none;padding:8px 0;min-height:30px;font-size:12px;outline:none}.search kbd{border:1px solid #e9ece7;color:#9ba599;padding:2px 5px;border-radius:4px;font-size:10px;white-space:nowrap}.top-actions{display:flex;align-items:center;gap:19px}.demo-label{background:#f1f6e9;color:#748c5b;border:1px solid #e0e9cf;border-radius:6px;padding:4px 8px;font-size:10px;white-space:nowrap}.language{border:1px solid #e6ebe4;border-radius:6px;padding:5px 9px;font-size:11px;display:flex;align-items:center;gap:6px;font-weight:700}.notification{position:relative;color:#748573}.notification:after{content:'';position:absolute;right:7px;top:1px;width:5px;height:5px;background:#b8d48a;border:2px solid white;border-radius:50%}.user-button{display:flex;align-items:center;gap:10px;border-left:1px solid var(--line);padding-left:19px;text-align:left}.avatar{border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:37px;height:37px;color:#46734c;background:#e4eddb;font-weight:750;font-size:11px}.user-button strong{font-size:11px;display:block}.user-button small{display:block;font-size:9px}.content{padding:28px 32px 36px;max-width:1700px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#899889;font-weight:700;margin-bottom:5px}.page-heading h1{font-weight:800;font-size:27px;letter-spacing:-.8px;margin:0 0 4px}.page-heading p{margin:0;color:#8b968b;font-size:11px}.heading-buttons{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:41px;border-radius:8px;padding:10px 15px;font-size:11px;font-weight:700;background:#fff;border:1px solid #e2e8df;white-space:nowrap}.btn.primary{background:var(--green);color:#fff;border-color:var(--green);box-shadow:0 3px 7px #296b4312}.btn.primary:hover{background:#1a6845}.btn.soft{background:#eef5e9;color:#54814b;border-color:#e2ecd9}.btn.small{min-height:32px;padding:6px 11px;font-size:10px}.btn.danger{color:#b7544a;background:#fff5f3;border-color:#f0d8d2}.icon-btn{border:1px solid #e5ebe1;border-radius:7px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;color:#7c8d76;background:#fff}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat{background:white;border:1px solid var(--line);border-radius:12px;padding:17px 20px;position:relative;overflow:hidden}.stat-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:#7d8b7d;font-size:10px;font-weight:600}.stat-icon{display:flex;align-items:center;justify-content:center;background:#f0f5e9;border-radius:8px;width:33px;height:33px;color:#638744}.stat:nth-child(2) .stat-icon{color:#b08a49;background:#fcf4e7}.stat:nth-child(3) .stat-icon{color:#6d9272;background:#edf5ee}.stat:nth-child(4) .stat-icon{background:#f0f3ec;color:#749357}.stat-value{font-size:29px;font-weight:800;line-height:1.2;letter-spacing:-.8px}.stat-value small{font-size:13px;font-weight:600;letter-spacing:0}.stat-bottom{font-size:9px;color:#9aa397;margin-top:11px;display:flex;gap:7px;align-items:center}.stat-bottom .positive{color:#76a564;display:inline-flex;align-items:center;gap:3px}.stat-spark{position:absolute;right:18px;bottom:23px;width:62px;height:30px;opacity:.4}.panel{border:1px solid var(--line);background:#fff;border-radius:var(--radius);overflow:hidden;margin-bottom:21px}.panel-header{padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:14px}.panel-header h2{font-size:13px;margin:0;display:flex;align-items:center;gap:8px;font-weight:800}.panel-header h2 .dot{width:6px;height:6px;border-radius:50%;background:#c9d5b7}.panel-header small{font-size:9px}.pill-count{background:#f0f4eb;color:#869576;border-radius:5px;padding:2px 6px;font-size:9px;font-weight:600}.timeline-controls{display:flex;justify-content:space-between;align-items:center;padding:0 22px 19px;gap:14px}.tabs{display:flex;gap:7px}.tabs button{padding:8px 13px;border-radius:7px;font-size:10px;font-weight:700;color:#8b9686;border:1px solid transparent}.tabs button.selected{background:#eaf2e2;color:#5a7a40;border-color:#e2ebd7}.tabs .pill-count{margin-left:4px}.day-controls{display:flex;align-items:center;gap:9px;font-size:10px}.date-picker{border:0;background:none;padding:0;width:116px;min-height:30px;font-size:10px;font-weight:700;color:#667661}.segmented{display:flex;background:#f5f7f2;padding:3px;border-radius:6px}.segmented button{font-size:9px;padding:5px 11px;border-radius:4px;color:#8b9784}.segmented button.selected{background:#fff;color:#607b53;box-shadow:0 1px 4px #1931110c}.timeline-scroll{overflow:auto}.timeline{min-width:860px}.timeline-head{display:flex;background:#fafbf8;border-top:1px solid var(--line);border-bottom:1px solid var(--line);height:42px}.employee-head{flex:0 0 184px;padding:13px 20px;font-size:9px;color:#99a490;border-right:1px solid var(--line)}.hours{display:grid;grid-template-columns:repeat(10,1fr);width:100%;font-size:9px;color:#9da696;align-items:center;text-align:left;padding-left:8px}.employee-row{display:flex;height:104px;border-bottom:1px solid #edf0e9}.employee-row:last-child{border-bottom:0}.employee-info{width:184px;flex:0 0 184px;padding:21px 15px;display:flex;gap:10px;border-right:1px solid var(--line)}.employee-info .avatar{width:33px;height:33px;background:#eef1e6;color:#8d9e7f}.employee-info .avatar.color-1{background:#f0eae0;color:#ac9679}.employee-info .avatar.color-2{background:#e5eeec;color:#7a9790}.employee-info strong{display:block;font-size:10px;white-space:nowrap}.employee-info small{font-size:8px;display:block;margin:3px 0 7px}.load{width:95px;height:3px;background:#edf0e8;border-radius:3px}.load i{display:block;background:#b8ce93;height:100%;border-radius:3px}.row-grid{flex:1;position:relative;background:repeating-linear-gradient(to right,transparent 0,transparent calc(10% - 1px),#edf0e9 calc(10% - 1px),#edf0e9 10%)}.task{position:absolute;top:17px;height:70px;border-radius:8px;text-align:left;padding:10px 11px;overflow:hidden;border:1px solid #d8e8cf;background:#eef5e6;color:#497341;min-width:78px;transition:transform .12s,box-shadow .12s}.task:hover{transform:translateY(-2px);box-shadow:0 4px 10px #23432617}.task:before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:3px;background:#96b575;border-radius:3px}.task strong{display:block;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task small{display:block;color:#83a077;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.task .task-footer{font-size:7px;margin-top:7px;display:flex;justify-content:space-between;gap:2px;white-space:nowrap}.task-footer>span:last-child{background:#ffffff80;border-radius:3px;padding:0 4px}.task.waiting_parts{background:#fff5e4;border-color:#f2e4c9;color:#a98444}.task.waiting_parts:before{background:#d7b77d}.task.waiting_parts small{color:#b99c6c}.task.inspection{background:#edf2f4;border-color:#dce7ea;color:#65828c}.task.inspection:before{background:#9ebac3}.task.inspection small{color:#99adb4}.task.qc{background:#f0eff8;border-color:#e3dff0;color:#8d80b0}.task.qc:before{background:#bdb0d6}.task.qc small{color:#a49abd}.task.ready{background:#e7f4ed;border-color:#cfe7d8;color:#4d9273}.task.ready:before{background:#86bf9f}.now-line{position:absolute;top:0;bottom:0;z-index:5;border-left:1px dashed #90a576;pointer-events:none;opacity:.7}.timeline-legend{display:flex;gap:18px;padding:13px 21px;border-top:1px solid var(--line);font-size:8px;color:#9aa491}.timeline-legend span{display:flex;gap:5px;align-items:center}.timeline-legend i{width:6px;height:6px;border-radius:2px}.empty-slot{font-size:8px;color:#c0cabb;position:absolute;left:45%;top:42px}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;padding:15px;min-width:760px}.week-day{background:#fafbf8;min-height:280px;border-radius:9px;padding:12px}.week-day h3{font-size:11px;margin:0 0 15px}.week-task{background:#eaf2e2;border-radius:7px;padding:10px;margin-bottom:9px;display:block;text-align:left;width:100%;font-size:9px}.week-task small{font-size:8px;display:block}.below-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:21px}.attention-item{padding:15px 22px;display:flex;gap:12px;border-top:1px solid #f0f2ec;align-items:center;text-align:left;width:100%}.attention-icon{width:32px;height:32px;border-radius:8px;background:#faf3e6;display:flex;align-items:center;justify-content:center;color:#c3a46d;flex-shrink:0}.attention-icon svg{width:16px}.attention-item strong{font-size:10px;display:block}.attention-item small{display:block;font-size:9px;margin-top:3px}.attention-item .right-label{margin-left:auto;border-radius:4px;padding:3px 7px;background:#faf2e5;color:#b79864;font-size:8px;white-space:nowrap}.upcoming-row{display:flex;gap:13px;align-items:center;padding:15px 22px;border-top:1px solid #f0f2ec}.upcoming-time{font-weight:800;font-size:12px;color:#6e8d57;padding-right:12px;border-right:1px solid #e9efdf}.upcoming-row strong{font-size:10px;display:block}.upcoming-row small{font-size:9px;display:block;margin-top:2px}.upcoming-row .btn{margin-left:auto}.status{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:600;padding:4px 7px;border-radius:5px;color:#7c8e6b;background:#f0f4eb;white-space:nowrap}.status:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.status.repair{color:#6d914e;background:#edf5e4}.status.inspection{color:#648794;background:#edf3f6}.status.waiting_parts{color:#b49051;background:#fcf4e5}.status.qc{color:#9282b7;background:#f2eff9}.status.ready,.status.completed,.status.approved{color:#50876d;background:#eaf5ee}.status.cancelled,.status.fail{color:#b45f56;background:#fcf0ed}.status.waiting_approval,.status.pending{color:#a2854d;background:#fbf6e9}.filters{display:flex;gap:7px;padding:0 21px 17px;overflow:auto}.filters button{font-size:10px;border:1px solid #e6ece0;border-radius:6px;padding:6px 11px;white-space:nowrap;color:#8a9782}.filters button.active{background:#edf4e7;border-color:#dce8ce;color:#557a3d}.table-scroll{overflow:auto}.data-table{width:100%;border-collapse:collapse;white-space:nowrap}.data-table th{text-align:left;font-size:8px;text-transform:uppercase;letter-spacing:.5px;font-weight:600;color:#a0aa98;background:#fafbf8;padding:12px 21px;border-top:1px solid #edf0e7;border-bottom:1px solid #edf0e7}.data-table td{padding:16px 21px;border-bottom:1px solid #f0f3eb;font-size:10px;vertical-align:middle}.data-table tr:last-child td{border:0}.data-table tbody tr:hover{background:#fcfdf9}.car-name{font-size:11px;font-weight:750;display:block}.car-meta{display:block;color:#9ba694;font-size:9px;margin-top:3px}.plate{display:inline-block;border:1px solid #e6ebe0;border-radius:4px;padding:2px 5px;font-size:8px;color:#8b9781;background:#fcfdf9;margin-right:4px}.octane{font-size:7px;padding:2px 4px;border-radius:3px;background:#f8f1dd;color:#b99b51;font-weight:750}.person-cell{display:flex;gap:7px;align-items:center}.person-cell .avatar{width:25px;height:25px;font-size:8px}.deadline{font-weight:600}.deadline.risk{color:#bc9657}.deadline small{display:block;font-size:8px;font-weight:400;margin-top:3px}.link-button{color:#608748;font-size:10px;font-weight:700}.empty{padding:50px 20px;text-align:center;color:#98a48d}.empty .icon{width:34px;height:34px;margin-bottom:12px}.empty strong{display:block;font-size:13px;color:#6e8261}.empty p{font-size:11px;margin:8px 0 18px}.section-tools{display:flex;gap:10px;align-items:center}.search-box{position:relative;max-width:270px}.search-box input{font-size:10px;min-height:35px;padding:8px 12px}.footer-note{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#a4ae9d;margin-top:23px}.connection{display:flex;align-items:center;gap:5px}.connection:before{content:'';background:#a1bd7f;border-radius:50%;width:4px;height:4px}.modal-backdrop{position:fixed;inset:0;background:#20352b4d;backdrop-filter:blur(3px);z-index:50;display:flex;align-items:center;justify-content:center;padding:22px}.modal{width:600px;max-width:100%;max-height:92vh;background:#fff;border-radius:18px;box-shadow:0 24px 70px #20352b30;overflow:auto}.modal-header{padding:24px 26px 18px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line)}.modal-header h2{margin:0;font-size:20px;letter-spacing:-.5px}.modal-header p{font-size:11px;color:#929e89;margin:5px 0 0}.modal-body{padding:23px 26px}.modal-footer{padding:18px 26px;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:flex-end;background:#fbfcf8}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field>span,.field label{font-size:10px;font-weight:700;color:#7c8e70}.field.full{grid-column:1/-1}.field small{font-size:9px}.check-label{display:flex;align-items:center;gap:9px;font-size:11px}.stepper{display:flex;gap:10px;padding:19px 26px 0}.step{flex:1;display:flex;gap:7px;align-items:center;color:#a2ad97;font-size:10px}.step>span{width:25px;height:25px;border-radius:50%;background:#f0f4ea;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.step.active{color:#527c3d;font-weight:700}.step.active>span{background:#e0eccc}.kinds{display:flex;flex-wrap:wrap;gap:8px}.kind-choice{border:1px solid #e2e9db;padding:8px 11px;border-radius:8px;display:flex;gap:7px;align-items:center;font-size:10px}.kind-choice:has(input:checked){background:#f0f6e7;border-color:#c5dba8}.error-box{display:none;color:#b65c50;background:#fef2ef;border-radius:8px;padding:12px 14px;margin-bottom:14px;font-size:11px}.error-box.visible{display:block}.drawer-backdrop{justify-content:flex-end;padding:0}.drawer{width:690px;height:100vh;max-height:100vh;border-radius:18px 0 0 18px;display:flex;flex-direction:column;overflow:hidden}.drawer .modal-header{padding:25px 28px 19px}.drawer-tabs{border-bottom:1px solid var(--line);display:flex;overflow:auto;padding:0 21px;flex-shrink:0;gap:4px}.drawer-tabs button{padding:14px 9px;font-size:10px;color:#97a28c;white-space:nowrap;border-bottom:2px solid transparent}.drawer-tabs button.active{border-color:#86ad5c;color:#537c3c;font-weight:700}.drawer-content{padding:24px 28px;overflow:auto;flex:1}.detail-summary{background:#f6f8f2;border-radius:12px;padding:19px;margin-bottom:20px;display:grid;grid-template-columns:1fr 1fr;gap:17px}.detail-summary small{font-size:9px;display:block;margin-bottom:4px}.detail-summary strong{font-size:11px;display:block}.detail-summary .full{grid-column:1/-1}.detail-section h3{font-size:12px;margin:24px 0 12px}.detail-section p{font-size:11px;line-height:1.8;color:#89967d}.action-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.notice{font-size:10px;line-height:1.7;background:#f3f7ed;border:1px solid #e3ecd8;border-radius:9px;padding:12px 14px;color:#81916d;margin-bottom:18px}.notice.warning{background:#fdf7ea;border-color:#f1e5c7;color:#aa915e}.vhc-item{padding:14px 0;border-bottom:1px solid #edf1e7;display:grid;grid-template-columns:1fr 140px;gap:9px;align-items:center}.vhc-item strong{font-size:11px}.vhc-item select{min-height:35px;padding:6px 8px;font-size:10px}.vhc-item textarea{grid-column:1/-1;min-height:42px;font-size:10px}.form-section{background:#f8faf4;border:1px solid #e8eee0;border-radius:12px;padding:16px;margin-top:18px}.form-section h4{font-size:11px;margin:0 0 15px}.form-section input,.form-section select{font-size:10px}.estimate-summary{display:flex;justify-content:space-between;padding:15px 0;font-weight:750;font-size:16px}.estimate-summary small{font-size:10px}.op-card,.part-card{border:1px solid #e3ebdb;border-radius:11px;padding:17px;margin-bottom:12px}.op-card h4,.part-card h4{font-size:12px;margin:0 0 7px}.op-meta{display:flex;gap:15px;font-size:9px;color:#93a286;flex-wrap:wrap}.timer{font-size:19px;font-weight:750;color:#71914f;margin:12px 0;letter-spacing:1px}.qc-stage{display:flex;gap:15px;padding:18px 0;border-bottom:1px solid #edf1e7}.qc-number{width:35px;height:35px;border-radius:50%;flex-shrink:0;background:#f0f4eb;display:flex;align-items:center;justify-content:center;color:#a8b698;font-size:12px}.qc-stage.passed .qc-number{background:#e4efdb;color:#6b934b}.qc-stage.active .qc-number{background:#277b52;color:white}.qc-stage h4{font-size:12px;margin:0 0 4px}.qc-stage p{font-size:10px;color:#a1ad94;margin:0 0 11px}.qc-stage .btn{font-size:10px}.audit-item{border-left:1px solid #e2e9da;margin-left:4px;padding:0 0 20px 19px;position:relative}.audit-item:before{content:'';position:absolute;left:-4px;top:4px;width:7px;height:7px;background:#a6bf86;border-radius:50%}.audit-item strong{font-size:10px}.audit-item p{font-size:9px;color:#9daa8e;margin:4px 0}.user-option{width:100%;display:flex;align-items:center;gap:12px;padding:12px;border-radius:9px;text-align:left}.user-option:hover{background:#f4f8ee}.user-option .selected-user{margin-left:auto;color:#638d45}.user-option strong{font-size:12px;display:block}.user-option small{font-size:10px;display:block}.toast{position:fixed;bottom:28px;left:calc(50% + 95px);transform:translateX(-50%);padding:13px 20px;border-radius:10px;background:#215d41;color:white;box-shadow:0 5px 20px #18342222;font-size:12px;z-index:90;max-width:90vw}.toast.error{background:#9c5e45}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px}.bar-row{display:flex;gap:13px;align-items:center;margin:18px 0;font-size:11px}.bar-row .bar-label{width:140px}.bar-row .bar-track{flex:1;height:9px;background:#f1f5eb;border-radius:6px;overflow:hidden}.bar-row .bar-track span{display:block;height:100%;background:#b2cb8d;border-radius:6px}.bar-row .bar-number{width:28px;text-align:right;color:#718a57}.staff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.staff-card{background:white;border:1px solid var(--line);border-radius:12px;padding:22px}.staff-card .avatar{width:47px;height:47px;font-size:14px}.staff-card h3{font-size:13px;margin:13px 0 4px}.staff-card p{font-size:10px;color:#a1ad94;margin:0 0 15px}.staff-card footer{border-top:1px solid #edf2e5;padding-top:13px;display:flex;justify-content:space-between;font-size:10px}.settings-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.settings-body{padding:0 22px 22px}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#edf3e7}.login-card{width:390px;max-width:90vw;padding:33px;background:white;border-radius:18px;box-shadow:0 20px 60px #2d422512}.login-card img{width:50px}.login-card h1{font-size:23px}.login-card p{font-size:11px;color:#9aa68f}.login-card .field{margin:15px 0}.login-card .btn{width:100%;margin-top:10px}.mobile-menu{display:none}.hide{display:none!important}.table-link{text-align:left}.review-box{padding:15px;background:#f6f9f0;border-radius:10px;font-size:12px;line-height:1.9}.norm-help{font-size:10px;padding:15px 22px;color:#9aaa89;border-top:1px solid var(--line)}.file-input{font-size:11px}.inline-input{display:inline-flex;gap:8px;align-items:center}.drawer-error{margin-top:0}.metric-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 21px 20px}.metric-strip div{padding:14px;background:#f6f9f1;border-radius:10px}.metric-strip strong{font-size:21px;display:block}.metric-strip small{font-size:9px}.empty-note{font-size:9px;text-align:center;color:#afbaa2;padding:25px}.full-width{width:100%}.spaced{margin-top:18px}.mobile-dim{display:none}
@media(min-width:1450px){.content{padding:33px 40px}.topbar{padding:0 40px}.employee-info,.employee-head{width:202px;flex-basis:202px}.employee-row{height:112px}.task{top:21px}.below-grid{grid-template-columns:1fr 1.15fr}}
@media(max-width:1150px){.sidebar{width:195px}.brand{padding:28px 17px}.brand strong{font-size:13px}.main{margin-left:195px}.content{padding:23px}.topbar{padding:0 23px}.top-actions{gap:10px}.user-button{padding-left:12px}.user-button>div{display:none}.stat{padding:15px}.stat-value{font-size:26px}.stats{gap:12px}.staff-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.sidebar{width:72px}.brand{padding:22px 15px}.brand img{width:40px}.brand>div,.nav-section,.nav button>span,.side-foot{display:none}.nav{padding:8px}.nav button{padding:14px 17px}.main{margin-left:72px}.topbar{height:70px;padding:0 19px}.content{padding:22px 19px}.stats{grid-template-columns:repeat(2,1fr);gap:12px}.below-grid,.report-grid,.settings-layout{grid-template-columns:1fr}.top-actions{gap:10px}.search kbd,.demo-label{display:none}.user-button{border:0;padding-left:0}.page-heading h1{font-size:24px}.page-heading p{max-width:280px}.heading-buttons .btn:first-child{display:none}.timeline-controls{flex-wrap:wrap}.timeline-controls .tabs{width:100%}.day-controls{width:100%;justify-content:space-between}.panel-header{padding:18px}.staff-grid{grid-template-columns:repeat(2,1fr)}.data-table th,.data-table td{padding:13px 17px}.toast{left:50%}}
@media(max-width:520px){.sidebar{display:none}.main{margin-left:0}.topbar{height:64px;gap:10px;padding:0 16px}.mobile-menu{display:block;color:#719457}.search input{font-size:10px}.top-actions{gap:7px}.top-actions .notification{display:none}.language{font-size:9px;padding:4px 6px}.user-button .avatar{width:31px;height:31px;font-size:9px}.content{padding:22px 14px}.page-heading{align-items:flex-start}.page-heading h1{font-size:23px}.page-heading p{font-size:10px;max-width:235px}.heading-buttons .btn.primary{font-size:0;padding:10px;min-height:36px}.heading-buttons .btn.primary .icon{width:18px;height:18px}.stats{gap:10px}.stat{padding:13px 15px}.stat-top{font-size:9px}.stat-value{font-size:25px}.stat-icon{width:26px;height:26px}.stat-icon .icon{width:15px;height:15px}.stat-bottom{font-size:8px;margin-top:8px}.stat-spark{width:43px}.day-controls{gap:5px}.segmented button{padding:5px 8px}.timeline-controls{padding:0 15px 15px}.timeline-legend{gap:12px;flex-wrap:wrap;padding:12px 15px}.below-grid{gap:0}.footer-note{font-size:7px}.modal-backdrop{padding:10px}.modal{border-radius:12px}.modal-header,.modal-body,.modal-footer{padding:19px}.stepper{padding:17px 19px 0}.step{font-size:8px;gap:5px}.step>span{width:21px;height:21px}.field-grid{gap:12px}.drawer-backdrop{padding:0}.drawer{border-radius:0;width:100%;height:100dvh}.drawer .modal-header{padding:20px}.drawer-content{padding:20px}.staff-grid{grid-template-columns:1fr 1fr;gap:10px}.staff-card{padding:15px}.staff-card h3{font-size:11px}.staff-card footer{font-size:8px}.metric-strip{gap:7px}.metric-strip div{padding:10px}.metric-strip strong{font-size:17px}.metric-strip small{font-size:8px}.section-tools .search-box{max-width:140px}.mobile-open .sidebar{display:flex;width:226px}.mobile-open .sidebar .brand>div,.mobile-open .sidebar .nav-section,.mobile-open .sidebar .nav button>span,.mobile-open .sidebar .side-foot{display:block}.mobile-open .sidebar .nav button{padding:12px}.mobile-open .mobile-dim{display:block;position:fixed;inset:0;z-index:19;background:#243d3560}.mobile-open .brand{padding:25px 22px}.filters{padding:0 15px 14px}}
@media print{.sidebar,.topbar,.heading-buttons,.footer-note,.btn,.modal-backdrop{display:none}.main{margin:0}.content{padding:0}.panel{break-inside:avoid}.stats{grid-template-columns:repeat(4,1fr)}body{background:white}}
/* Official Golden Horse identity with a light green workplace. */
.brand-official{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:12px 18px 20px;height:auto}.brand-official img{width:172px;height:auto;max-height:88px}.brand-official span{font-size:9px;letter-spacing:2.1px;color:#648271;margin-left:4px}.nav-group summary{display:flex;align-items:center;gap:10px;padding:11px 17px;font-size:11px;font-weight:700;color:#476351;cursor:pointer;list-style:none}.nav-group summary svg{width:16px;height:16px}.nav-group summary svg:last-child{margin-left:auto;width:12px}.nav-group button{padding-left:32px}.sidebar{overflow-y:auto}.sidebar .branch{margin-top:25px}.client-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;background:#f0f7f1;border:1px solid #dce9df;border-radius:12px;padding:18px;margin:18px 0}.client-highlights small{display:block;font-size:10px;color:#65786a;margin-bottom:7px}.client-highlights strong{font-size:19px}.garage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.garage-card{padding:20px}.garage-card h2{font-size:18px;margin:18px 0 5px}.garage-card p{font-size:11px;color:#6c7e72}.garage-status{display:flex;align-items:center;justify-content:space-between;gap:8px}.garage-status small{font-size:10px}.queue-tabs{display:flex;gap:8px;padding:14px 20px;overflow-x:auto;border-bottom:1px solid #e7eee8}.queue-tabs button{border:0;border-radius:7px;background:#f0f5f1;padding:9px 12px;white-space:nowrap;font:inherit;font-size:10px;color:#56715e;cursor:pointer}.queue-tabs button.active{background:#175c3d;color:white}.queue-tabs span{opacity:.7;padding-left:5px}.purchase-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px;border-bottom:1px solid #e5eee7}.purchase-row h3{font-size:13px;margin:10px 0}.purchase-row p,.purchase-row small{font-size:10px;color:#6d7e71}.cards-body{padding:20px}.document-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.document-grid h4{font-size:11px}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.photo-grid img{width:100%;height:120px;object-fit:cover;border-radius:8px}.photo-grid small{font-size:10px;color:#617968}#signature-pad{width:100%;height:150px;background:#fff;border:1px dashed #6f9b7b;border-radius:10px;touch-action:none}.vin-hint{font-size:10px;color:#6b8273;line-height:1.6;margin:0}.vin-hint.warning{color:#b34824}.filter-form{padding:18px 20px;background:#f9fcf9;border-bottom:1px solid #e5eee7}.filter-form .field-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.filter-form .field span{font-size:9px}.filter-form .field input,.filter-form .field select{padding:8px;font-size:10px}.filter-form button{margin-top:12px}.status.calculation,.status.quoted{background:#eef0f9;color:#686ab5}.status.booked,.status.approved_to_order{background:#e8f3dc;color:#58872c}.status.intake,.status.parts_order{background:#fff1d6;color:#b17c27}.status.accepted,.status.handover{background:#e7f4ed;color:#21704f}.btn[data-v2]{white-space:normal;text-align:left}.drawer{max-width:850px;width:min(850px,100%)}.drawer-tabs{overflow-x:auto}.drawer-tabs button{flex-shrink:0}.check-label{font-size:11px;line-height:1.8;display:flex;gap:8px;align-items:flex-start}.check-label input{margin-top:4px;accent-color:#237547}.table-wrap{max-width:100%;overflow:auto}.heading-buttons{flex-wrap:wrap}.field-grid{min-width:0}.field{min-width:0}.field select{max-width:100%}.drawer-content h3{font-size:13px;margin:22px 0 12px}.drawer-content .v2-form{margin-top:20px}.v2-form textarea{min-height:75px}.v2-upload input{max-width:100%;font-size:11px}.login-card>img{width:180px;height:auto}.loading>img{width:140px;height:auto}
@media(max-width:1200px){.garage-grid{grid-template-columns:1fr 1fr}.filter-form .field-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:768px){.garage-grid{grid-template-columns:1fr}.filter-form .field-grid{grid-template-columns:1fr 1fr}.purchase-row{flex-direction:column;align-items:flex-start}.document-grid{grid-template-columns:1fr}.client-highlights{padding:12px;gap:10px}.client-highlights strong{font-size:14px}.photo-grid{grid-template-columns:1fr 1fr}.page-heading{gap:12px}}@media(max-width:480px){.filter-form .field-grid{grid-template-columns:1fr 1fr}.client-highlights{grid-template-columns:1fr}.heading-buttons{gap:6px}.drawer-content{padding:18px}.brand-official img{width:150px}}
/* Native communications workspace. */
.um-statusbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px;background:#edf5ee;border:1px solid #dce9df;border-radius:12px;padding:15px 18px}.um-statusbar strong{font-size:11px;color:#31543e}.um-statusbar small{display:block;margin-top:5px;font-size:10px;color:#6d8172}.um-status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#bda984;margin-right:8px}.um-status-dot.connected{background:#318654}.um-workspace{display:grid;grid-template-columns:310px minmax(0,1fr);min-height:640px;height:calc(100vh - 310px);max-height:850px;overflow:hidden}.um-inbox{border-right:1px solid #e4ece6;display:flex;flex-direction:column;min-width:0;overflow:hidden}.um-inbox>header{padding:20px 16px 13px;border-bottom:1px solid #e4ece6}.um-inbox h2{font-size:15px;margin:0 0 16px;display:flex;align-items:center;gap:9px}.um-search{display:flex;align-items:center;gap:8px;background:#f4f8f4;border-radius:8px;padding:9px 11px}.um-search svg{width:15px;height:15px;color:#769382}.um-search input{border:0;outline:none;background:transparent;width:100%;font-family:inherit;font-size:11px;color:#38553f}.um-filter-tabs{display:flex;gap:6px;overflow-x:auto;padding:12px 0}.um-filter-tabs button{font-family:inherit;font-size:9px;border:0;border-radius:7px;background:#f3f6f3;padding:7px;color:#6b8273;white-space:nowrap;cursor:pointer}.um-filter-tabs button.active{background:#dbeedd;color:#276841;font-weight:700}.um-inbox select{width:100%;padding:8px 10px;border:1px solid #e1eae3;border-radius:7px;font-size:10px;font-family:inherit;color:#546d5d;background:#fff}.um-lead-list{overflow-y:auto;flex:1}.um-lead{width:100%;display:flex;align-items:center;gap:11px;padding:17px 14px;border:0;border-bottom:1px solid #edf2ed;background:white;text-align:left;cursor:pointer;font-family:inherit}.um-lead.selected{background:#edf6ee;box-shadow:inset 3px 0 #247e53}.um-contact-avatar{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;background:#e5eee0;color:#587641;border-radius:50%;font-size:11px;font-weight:700}.um-lead-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.um-lead-name{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#2b4635}.um-lead-name time{margin-left:auto;font-size:9px;font-weight:400;color:#849389}.um-lead-preview{font-size:10px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#65796c}.um-lead-meta{font-size:8px;color:#90a294}.um-unread{border-radius:50%;background:#2a7a50;color:white;min-width:17px;height:17px;text-align:center;padding:1px;font-size:9px;font-weight:700}.um-conversation{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#f9fbf8}.um-chat-header{display:flex;align-items:center;gap:12px;padding:18px 20px;background:#fff;border-bottom:1px solid #e5ece5;flex-shrink:0}.um-chat-title{min-width:0}.um-chat-title h2{font-size:14px;color:#264331;margin:0 0 5px;overflow:hidden;text-overflow:ellipsis}.um-chat-title p{font-size:10px;color:#819587;margin:0}.um-header-actions{display:flex;gap:7px;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.um-header-actions .btn{font-size:9px;padding:7px 9px}.um-order-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#f1f7ee;padding:10px 18px;border-bottom:1px solid #e5ece3;flex-shrink:0}.um-order-chip{border:1px solid #dce7d7;background:#fff;border-radius:6px;padding:6px 9px;font-family:inherit;font-size:10px;color:#5b7750;cursor:pointer}.um-tags{font-size:9px;color:#7a916c}.um-history{flex:1;min-height:100px;overflow-y:auto;padding:22px;display:flex;flex-direction:column;gap:12px}.um-message{display:flex;max-width:85%;align-self:flex-start}.um-message.outgoing{align-self:flex-end}.um-bubble{background:#fff;border:1px solid #e4ece2;border-radius:12px 12px 12px 3px;padding:12px 14px;min-width:110px;max-width:100%;overflow-wrap:anywhere}.outgoing .um-bubble{background:#e5f2e3;border-color:#d8e9d4;border-radius:12px 12px 3px 12px}.um-bubble>p{font-size:12px;line-height:1.8;margin:0 0 6px;color:#294233;white-space:normal}.um-bubble>footer{display:flex;gap:10px;justify-content:flex-end;align-items:center;flex-wrap:wrap;font-size:8px;color:#7f9585}.um-bubble audio{max-width:100%;width:260px}.um-image-link{display:block;margin:4px 0 9px}.um-image-link img{max-width:100%;max-height:220px;border-radius:8px}.um-file{display:flex;align-items:center;gap:9px;background:#f2f7ef;border-radius:7px;padding:10px;font-size:11px;color:#4d734e;text-decoration:none;max-width:100%;margin:5px 0 8px}.um-file svg{width:18px;height:18px;flex-shrink:0}.um-file span{overflow-wrap:anywhere}.um-evidence{display:block;border:0;background:transparent;color:#6e9662;font:inherit;font-size:8px;padding:5px 0 0;cursor:pointer}.um-send-error{color:#b25733!important;font-size:10px!important;margin-top:8px!important}.um-send-state.uncertain,.um-send-state.failed{color:#b15d39}.um-no-conversation{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.um-no-conversation>div{width:62px;height:62px;border-radius:18px;background:#e9f1e3;display:grid;place-items:center;color:#8ba875;margin-bottom:14px}.um-no-conversation svg{width:28px;height:28px}.um-no-conversation h2{font-size:18px;color:#3c5842}.um-no-conversation p{font-size:12px;line-height:1.8;color:#819586;max-width:320px}.um-list-empty{text-align:center;padding:30px 20px;font-size:11px;line-height:1.8;color:#829585}.um-list-empty strong{display:block;margin:15px 0}.um-list-empty svg{width:22px;height:22px}.um-older{text-align:center}.um-thread-empty{text-align:center;color:#7e9685;font-size:11px}.um-compose-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.um-compose-top label{display:flex;align-items:center;gap:7px;font-size:9px;color:#748c79;margin-right:auto}.um-compose-top select{border:1px solid #dce7da;padding:6px 8px;border-radius:6px;font-family:inherit;font-size:10px;color:#45664b;max-width:220px}.um-compose-text{display:block;margin:12px 0 8px}.um-compose-text textarea{width:100%;border:1px solid #dce7da;border-radius:8px;resize:vertical;min-height:65px;max-height:160px;padding:12px;font-family:inherit;font-size:12px;background:#fcfefb;color:#304934;outline:none}.um-compose-text textarea:focus{border-color:#8db089;box-shadow:0 0 0 3px #edf5e9}.um-compose-bottom{display:flex;align-items:center;gap:12px}.um-compose-bottom small{font-size:9px;color:#9aad9a;flex:1;line-height:1.5}.um-attach-button{display:flex;gap:6px;align-items:center;position:relative;overflow:hidden;color:#6b8b67;font-size:10px;cursor:pointer}.um-attach-button svg{width:17px;height:17px}.um-attach-button input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.um-selected-file{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;background:#eff6ea;color:#5b7d51;font-size:10px;border-radius:7px;margin-top:9px}.um-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.um-settings-grid p{font-size:11px;line-height:1.9;color:#6a806e}.um-visit-chat{display:flex;align-items:center;gap:12px;margin-bottom:18px}.um-visit-chat span{font-size:9px;color:#789165}.um-client-filter{font-size:9px;color:#758e70;margin-top:8px}.um-back{display:none}#um-compose{flex-shrink:0;border-top:1px solid #e0eadc;background:#fff;padding:14px 18px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1200px){.um-workspace{grid-template-columns:270px minmax(0,1fr)}.um-chat-header{gap:8px;padding:14px}.um-header-actions{max-width:140px}.um-compose-top .btn{font-size:9px}.um-message{max-width:94%}.um-settings-grid{grid-template-columns:1fr}.um-statusbar{padding:12px}}@media(max-width:900px){.um-workspace{grid-template-columns:230px minmax(0,1fr)}.um-lead{padding:14px 10px;gap:7px}.um-chat-header .um-contact-avatar{display:none}.um-header-actions{max-width:120px}.um-compose-top label{width:100%;margin-bottom:3px}.um-compose-bottom small{display:none}.um-compose-bottom{justify-content:space-between}.um-attach-button span{font-size:9px}.um-compose-top .btn{padding:6px;font-size:8px}}@media(max-width:600px){.um-workspace{display:block;height:calc(100dvh - 255px);min-height:470px}.um-inbox{height:100%;border-right:0}.um-conversation{display:none;height:100%}.um-workspace.has-chat .um-inbox{display:none}.um-workspace.has-chat .um-conversation{display:flex}.um-back{display:block}.um-history{padding:15px}.um-chat-title h2{font-size:12px}.um-chat-title p{font-size:8px}.um-header-actions{max-width:105px}.um-header-actions .btn{font-size:8px}.um-statusbar small{font-size:8px}.um-statusbar>.btn{font-size:8px;padding:6px}.um-compose-top label{width:auto}.um-compose-top select{max-width:140px}.um-compose-bottom .btn{padding:8px 12px}.um-order-strip{padding:8px 12px}.um-message{max-width:95%}.um-inbox>header{padding:15px}.um-compose-bottom{gap:8px}.um-statusbar strong{font-size:10px}.um-bubble>p{font-size:11px}}
/* Workshop roles and customer care */
.wf-work-card{padding:22px;border-bottom:1px solid var(--line,#dfe8df)}
.wf-work-card>header,.wf-op-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.wf-work-card h3{margin:8px 0;font-size:19px}.wf-work-card p{font-size:13px;line-height:1.6}
.wf-access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:20px 0}
.wf-access-grid label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;background:#fff;border:1px solid #dfE8df;border-radius:10px;font-size:13px}
.wf-access-grid select{max-width:155px;padding:8px;border:1px solid #d8e5db;border-radius:7px;background:#f4f8f4}
.wf-qc-evidence{padding:18px;margin:16px 0;background:#edf6ee;border-radius:12px;font-size:13px}
.wf-stock-line{border-bottom:1px solid #dfe8df;padding-bottom:20px}.wf-stock-line h4{font-size:14px}
.wf-client-thread{padding:22px;border-bottom:1px solid #dfe8df}.wf-client-thread h3{font-size:17px}.wf-client-thread p{font-size:13px}
.wf-client-messages,.cp-chat{display:flex;flex-direction:column;gap:12px;max-height:420px;overflow:auto;padding:18px 0}
.wf-client-message{padding:14px;border-radius:12px;background:#f2f5f2;max-width:85%;align-self:flex-start;overflow-wrap:anywhere}
.wf-client-message.outgoing{align-self:flex-end;background:#e2f0e1}.wf-client-message small{font-size:10px;color:#6a7b6f}.wf-client-message p{white-space:pre-wrap;margin:7px 0 0}
.cp-header{display:flex;align-items:center;gap:25px;padding:18px max(24px,calc((100vw - 1150px)/2));background:white;border-bottom:1px solid #dce8df}
.cp-header img{width:115px;height:70px;object-fit:contain}.cp-header>div{display:flex;flex-direction:column;gap:8px}.cp-header small{font-size:10px;letter-spacing:1.5px;color:#849780}.cp-header strong{font-size:18px}
.cp-header .cp-account{margin-left:auto;align-items:flex-end;font-size:13px}.cp-main{max-width:1150px;margin:0 auto;padding:30px 24px}.cp-intro{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:30px 0}.cp-intro h1{font-size:30px;margin:10px 0}.cp-intro p{font-size:14px;color:#6c7c70}.cp-intro small{font-size:11px;color:#85977d}
.cp-notifications{background:#fff;border:1px solid #dce8df;border-radius:16px;padding:20px;margin-bottom:22px}.cp-notifications h2,.cp-panel h2{font-size:18px;margin:0 0 15px}.cp-notice{display:flex;justify-content:space-between;gap:20px;background:#e6f2e7;padding:15px;border-radius:10px;margin-top:10px}.cp-notice.read{background:#f4f7f4}.cp-notice p{font-size:13px;line-height:1.5}.cp-notice small{font-size:11px;color:#809080}
.cp-cars{display:flex;flex-wrap:wrap;gap:15px;margin:24px 0}.cp-car{background:#fff;display:flex;flex-direction:column;gap:9px;text-align:left;border:1px solid #dce8df;border-radius:13px;padding:20px;min-width:220px;cursor:pointer}.cp-car.selected{border:2px solid #277c55;background:#ecf5ed}.cp-car strong{font-size:18px}.cp-car span,.cp-car small{font-size:12px;color:#718470}
.cp-vehicle{display:flex;justify-content:space-between;gap:20px;padding:25px;background:#eaf3e9;border-radius:16px;margin-bottom:24px}.cp-vehicle h2{font-size:23px;margin:10px 0}.cp-vehicle p{font-size:13px;line-height:1.5;overflow-wrap:anywhere}.cp-vehicle small{color:#6a846a}.cp-next{min-width:230px;background:#fff;border-radius:12px;padding:20px}.cp-next strong{display:block;margin:10px 0}
.cp-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}.cp-panel{padding:24px}.cp-panel>p{font-size:13px;color:#758375;line-height:1.6}.cp-panel form{display:flex;flex-direction:column;gap:15px}.cp-panel input,.cp-panel textarea,.cp-login input{width:100%;box-sizing:border-box}.cp-panel textarea{min-height:95px}
.cp-history,.cp-recommendation{border-bottom:1px solid #e0e9df;padding:16px 0;overflow-wrap:anywhere}.cp-history>div{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.cp-history p{font-size:13px;line-height:1.6}.cp-history small,.cp-recommendation small{font-size:11px;color:#758775}.cp-recommendation{display:flex;flex-direction:column;gap:9px;font-size:13px;line-height:1.6}.cp-footer{text-align:center;color:#809080;font-size:11px;padding:25px}.cp-demo-selector{max-width:350px}.cp-login{max-width:440px;margin:55px auto;padding:24px}.cp-login form{display:flex;flex-direction:column;gap:20px;background:#fff;padding:35px;border:1px solid #dce8df;border-radius:16px}.cp-login h1{font-size:26px;margin:0}.cp-login p{font-size:14px;line-height:1.6}
@media(max-width:780px){.wf-access-grid,.cp-grid{grid-template-columns:1fr}.cp-header{padding:15px;gap:15px}.cp-header img{width:80px;height:55px}.cp-header strong{font-size:14px}.cp-header small{font-size:8px}.cp-header .cp-account{font-size:11px}.cp-main{padding:20px 15px}.cp-intro h1{font-size:24px}.cp-vehicle{flex-direction:column;padding:20px}.cp-next{min-width:0}.cp-car{min-width:0;flex:1 1 160px}.cp-notice{flex-direction:column;gap:8px}.cp-panel{padding:20px}.wf-work-card{padding:15px}.wf-work-card>header{flex-direction:column}.cp-login{margin:25px auto;padding:15px}.cp-login form{padding:25px}}
/* Customer approvals and published workshop inspections */
.cr-staff{margin-top:24px;padding:20px;background:#f0f7f0;border-radius:12px}.cr-staff h3{font-size:16px}.cr-staff p{font-size:13px;line-height:1.6}.cr-request{padding:14px;background:white;border:1px solid #dbe8dd;border-radius:10px;margin:14px 0}
.cp-reviews,.cp-inspections{margin:24px 0}.cp-order-review{padding:20px;border:1px solid #d8e6da;border-radius:14px;margin:20px 0;background:#fff}.cp-order-review>header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.cp-order-review h3{font-size:19px;margin:10px 0}.cp-order-review p,.cp-inspection-report p{font-size:13px;line-height:1.6}.cp-order-review small{font-size:11px;color:#7d8e80}.cp-review-changed{background:#edf6df}.cp-change-label{display:block;margin-top:6px;color:#397956!important}.cp-review-totals{margin:20px 0;padding:18px;background:#f0f6ee;border-radius:10px}.cp-review-totals>strong{font-size:23px;display:block;margin:14px 0}.cp-fingerprint{display:block;overflow-wrap:anywhere;margin:20px 0 0}.cp-review-form .check-label{align-items:flex-start;line-height:1.6;font-size:13px}.cp-review-form input[type=checkbox]{width:auto;min-width:16px;margin-top:5px}.cp-inspection-report{padding:18px 0;border-bottom:1px solid #deE9df}.cp-inspection-report h3{font-size:16px}.cp-inspection-report summary{cursor:pointer;padding:14px;background:#edf5ee;border-radius:8px;font-size:13px}.cp-inspection-report .table-wrap{margin:14px 0}.cp-review-form .action-row{display:flex;flex-wrap:wrap;gap:10px}
@media(max-width:600px){.cp-order-review{padding:15px}.cp-order-review>header{flex-direction:column}.cp-review-totals>strong{font-size:21px}.cp-order-review .data-table th,.cp-order-review .data-table td{font-size:11px;padding:9px}.cp-inspection-report .data-table td{white-space:normal;min-width:95px}}