:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1d302a;background:#f3f5f3;font-synthesis:none;--green:#123c32;--accent:#b5d566;--line:#dce3de;--muted:#6a7771}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.65}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #6caeee;outline-offset:3px}input:focus,textarea:focus{outline:2px solid #7caa93;outline-offset:1px}button{border:0}h1,h2,h3,p{margin:0}h1{font-size:34px;line-height:1.15;letter-spacing:-1px;font-weight:750}h2{font-size:22px;line-height:1.25;letter-spacing:-.4px}h3{font-size:17px;line-height:1.4}p{line-height:1.6}.site-header{background:var(--green);color:white;border-bottom:4px solid var(--accent)}.header-inner{max-width:1140px;margin:auto;padding:19px 26px;display:flex;justify-content:space-between;align-items:center}.identity{display:flex;gap:18px;align-items:center}.wordmark{font-size:40px;line-height:1;font-style:italic;letter-spacing:-4px;font-weight:950}.wordmark>span{font-size:10px;vertical-align:top;letter-spacing:0}.identity-copy{font-weight:700;font-size:13px;letter-spacing:1.4px;border-left:1px solid #ffffff3d;padding-left:18px}.identity-copy small{display:block;color:#c6dacb;font-size:10px;letter-spacing:1.6px;margin-top:5px}.header-caption{font-size:13px;color:#d0ddcf}main{max-width:1140px;margin:0 auto;padding:38px 26px 24px;min-height:calc(100vh - 168px)}.eyebrow{display:block;color:#6b7b70;font-size:10px;letter-spacing:1.65px;font-weight:800;margin-bottom:10px}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.list-heading p,.part-heading p{margin-top:9px;color:var(--muted);font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 22px;border-radius:10px;background:var(--green);color:#fff;font-weight:650;font-size:14px;border:1px solid var(--green);text-align:center}.button:hover{background:#215343}.button.secondary{background:#fff;color:var(--green);border-color:#d1dbd4}.button.secondary:hover{background:#f1f5f0}.new-part span{font-size:24px;font-weight:400;line-height:1}.list-tools{display:flex;gap:12px;margin-bottom:22px;align-items:center}.search-field{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:10px;flex:1;padding:0 14px;min-width:0}.search-field svg{width:19px;height:19px;fill:none;stroke:#78887a;stroke-width:1.7;flex-shrink:0}.search-field input{height:48px;border:0;min-width:0;width:100%;outline:none;background:transparent;font-size:14px}.list-filter{display:flex;gap:3px;background:#e8ede8;border:1px solid #e0e6df;border-radius:9px;padding:4px}.list-filter button{border-radius:6px;background:transparent;color:#69776c;padding:10px 16px;font-size:13px;font-weight:600;min-height:39px}.list-filter button.active{background:#fff;color:var(--green);box-shadow:0 1px 4px #123c3212}.refresh-button{border:1px solid var(--line);background:#fff;width:48px;height:48px;border-radius:10px;font-size:25px;color:var(--green);flex-shrink:0}.results-line{display:flex;justify-content:space-between;font-size:12px;color:#6b796f;margin:0 0 14px}.shared-label{display:flex;align-items:center;gap:6px}.shared-label>span{width:6px;height:6px;background:#59954c;border-radius:50%}.parts-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.part-card{display:block;background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden;padding:20px 20px 0;transition:box-shadow .15s,border-color .15s}.part-card:hover{border-color:#9eb6a1;box-shadow:0 5px 18px #123c3209}.card-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.plate{font-size:23px;font-weight:800;letter-spacing:.4px}.badge{font-size:10px;font-weight:700;display:inline-block;border:1px solid transparent;padding:5px 8px;border-radius:5px;white-space:nowrap}.badge.open{background:#edf3e1;color:#536a29;border-color:#e0e9cb}.badge.closed{background:#e6f3ec;color:#27754b;border-color:#d3e8dc}.badge.draft{background:#fff4d8;color:#866116}.vehicle{font-size:14px;font-weight:600;margin-top:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{display:flex;gap:7px 12px;flex-wrap:wrap;font-size:11px;color:#758077;margin-top:8px}.work-preview{font-size:12px;color:#738077;margin-top:14px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:38px}.card-bottom{display:flex;justify-content:space-between;border-top:1px solid #edf0ec;padding:15px 0;font-size:11px;font-weight:600;margin-top:15px;gap:8px}.attention{color:#ad6311}.part-card progress{display:block;height:3px;width:calc(100% + 40px);margin-left:-20px;border:0}.part-card progress::-webkit-progress-bar{background:#edf1ea}.part-card progress::-webkit-progress-value{background:#7da445}progress::-moz-progress-bar{background:#7da445}.empty{padding:70px 20px;text-align:center;color:var(--muted)}.empty h1{font-size:24px;color:var(--green)}.empty h2{color:var(--green);margin-bottom:10px}.empty p{font-size:14px;max-width:400px;margin:0 auto 24px}.empty-icon{width:62px;height:62px;background:#e9efdf;border:1px solid #dae4cd;color:#7a964e;font-size:29px;border-radius:18px;display:grid;place-items:center;margin:0 auto 21px}.list-empty{grid-column:1/-1;background:#fff;border:1px dashed #d1dbd1;border-radius:14px;padding:60px 20px}.loader{display:block;margin:0 auto 20px;width:24px;height:24px;border:2px solid #c8d4c8;border-top-color:var(--green);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.site-footer{font-size:11px;color:#879188;text-align:center;padding:24px 16px 30px}.site-footer span{padding:0 5px}.more-row{text-align:center;margin:22px 0}.workspace{max-width:850px;margin:auto}.back-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.back-link{font-size:12px;color:#6d7e71;padding:6px 0}.back-link:hover{color:var(--green)}.part-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.part-heading h1{font-size:34px}.part-heading .eyebrow{margin-bottom:5px}.dot{padding:0 4px}.save-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 19px}.save-status{font-size:11px;color:#748176;line-height:1.5}.save-status.saved{color:#387348}.save-status.pending{color:#98701e}.save-status.error{color:#a13c31}.text-button{background:transparent;color:#4b6755;font-size:11px;font-weight:650;padding:8px 2px;min-height:34px}.text-button:hover{text-decoration:underline}.save-line .text-button{flex-shrink:0}.progress-panel{padding:17px 20px;background:#fff;border:1px solid var(--line);border-radius:11px;margin-bottom:20px}.progress-panel>div{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:11px}.progress-panel>div>span{font-size:11px;color:#7b816b}.progress-panel progress{display:block;width:100%;height:6px;border:0;border-radius:9px;overflow:hidden}.progress-panel progress::-webkit-progress-bar{background:#edf1e6}.progress-panel progress::-webkit-progress-value{background:#88a955}.editor-tabs{display:flex;border-bottom:1px solid #d1dbd2;gap:22px;margin-bottom:26px}.editor-tabs button{min-height:48px;flex:1;max-width:220px;background:none;color:#7a867c;border-bottom:3px solid transparent;font-size:14px;font-weight:650;padding:10px 3px}.editor-tabs button.active{color:var(--green);border-bottom-color:var(--green)}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:20px}.section-intro .eyebrow{margin-bottom:5px}.section-intro p{font-size:12px;color:var(--muted);text-align:right}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px}.general-panel{max-width:720px;margin:auto}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:19px;min-width:0}.field>span{font-size:13px;font-weight:600;color:#4c6053}.field b{color:#94751b;font-size:12px}.field input,.field textarea{border:1px solid #d7dfd7;border-radius:8px;padding:12px 13px;background:white;min-height:48px;color:#253e2b;font-size:16px;width:100%;min-width:0;max-width:100%}.field input.required{background:#fffbe7;border-color:#e5dfb9}.field input::placeholder,.field textarea::placeholder{color:#a2aaa1;font-size:14px}.field textarea{resize:vertical;line-height:1.6}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.plate-input{font-weight:750;letter-spacing:1px}.action-bar{position:sticky;bottom:0;background:#f3f5f3f5;backdrop-filter:blur(6px);display:flex;gap:12px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:17px 0 max(17px,env(safe-area-inset-bottom));margin-top:30px;z-index:5}.action-bar .button:last-child{min-width:190px}.check-group{background:white;border:1px solid var(--line);border-radius:11px;margin-bottom:16px;overflow:hidden}.check-group>summary{list-style:none;display:flex;gap:12px;align-items:center;padding:18px 20px;cursor:pointer;font-size:15px;font-weight:700}.check-group>summary::-webkit-details-marker{display:none}.check-group>summary:after{content:'+';font-size:20px;font-weight:400;color:#7e8f7f}.check-group[open]>summary:after{content:'−'}.step-number{width:27px;height:27px;display:grid;place-items:center;background:#eff2e8;color:#5b7239;border-radius:8px;font-size:12px}.group-count{margin-left:auto;font-size:11px;color:#6c7a66;font-weight:600}.check-group[open]>summary{border-bottom:1px solid var(--line)}.check-item{padding:22px 22px 12px;border-bottom:1px solid #e9ede7}.check-item:last-child{border:0}.check-title{display:flex;gap:11px;align-items:baseline;margin-bottom:17px}.check-title>span{font-size:11px;font-weight:700;color:#98a390;flex-shrink:0}.check-title h3{font-size:15px;font-weight:650;line-height:1.5}.state-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.state-option{background:#fafbf9;border:1px solid #e0e5dc;border-radius:8px;color:#657360;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;min-height:45px;padding:8px 5px}.state-dot{width:17px;height:17px;flex-shrink:0;border:1px solid #ccd5c5;border-radius:50%;font-weight:800;display:grid;place-items:center;font-size:10px}.state-option.ok.selected{background:#e9f3e9;border-color:#7da978;color:#356c31}.state-option.future.selected{background:#fff4d7;border-color:#ddba52;color:#896613}.state-option.urgent.selected{background:#fdeae7;border-color:#d3887c;color:#b04437}.state-option.repaired.selected{background:#e7f2f3;border-color:#76abad;color:#267278}.selected .state-dot{background:currentColor;border-color:currentColor;color:inherit}.selected .state-dot{background:#ffffff88}.check-secondary{display:flex;align-items:center;gap:16px;margin:4px 0 8px}.pending-label{font-size:10px;color:#8c9586;margin-right:auto}.muted{color:#9aA293;font-weight:400}.text-button[aria-pressed=true]{text-decoration:underline;color:#305a42}.check-note{margin-bottom:8px}.check-note>span{font-size:11px;font-weight:500;color:#87917d}.check-note input{min-height:40px;padding:9px 11px;font-size:14px;background:#fdfefb}.phase-switch{display:flex;gap:5px;background:#e8ede6;padding:5px;border-radius:10px;margin-bottom:22px}.phase-switch button{flex:1;min-height:44px;border-radius:7px;background:none;font-size:13px;color:#73816e;font-weight:650}.phase-switch button.active{background:white;color:var(--green);box-shadow:0 1px 5px #173f3010}.tyres-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.wheel-selector{display:grid;grid-template-columns:1fr 94px 1fr;grid-template-rows:105px 105px 58px;gap:10px;position:relative;padding:4px 0}.car-shape{grid-column:2;grid-row:1/3;text-align:center;color:#b8c4b2;display:flex;flex-direction:column;align-items:center;justify-content:center}.car-shape>span{font-size:8px;letter-spacing:2px;color:#8b9984;margin:0 0 5px}.car-shape svg{width:88px;height:180px;max-height:100%}.wheel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 6px;color:#768570;align-self:center;min-height:76px}.wheel strong{display:block;font-size:17px}.wheel small{display:block;font-size:9px;margin-top:5px;line-height:1.4}.wheel.active{background:#eaf0df;border:2px solid #7c9c55;color:#3d5c31}.wheel-DI{grid-column:1;grid-row:1}.wheel-DD{grid-column:3;grid-row:1}.wheel-TI{grid-column:1;grid-row:2}.wheel-TD{grid-column:3;grid-row:2}.wheel-R{grid-column:1/4;grid-row:3;width:160px;justify-self:center;min-height:48px;display:flex;justify-content:center;gap:12px;align-items:center}.wheel-R small{margin:0;font-size:11px}.tyre-fields h3{margin:6px 0 20px}.tyre-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.full{width:100%}.wheel-summary{margin-top:24px}.wheel-summary h3{margin-bottom:12px}.wheel-summary>button{background:none;display:flex;align-items:center;gap:15px;width:100%;text-align:left;padding:14px 0;border-top:1px solid #e6ece1;min-height:54px}.wheel-summary>button strong{font-size:12px;flex:1}.wheel-summary>button span{font-size:11px;color:#7d8c73}.wheel-summary>button>span:last-child{font-size:22px}.notice{padding:17px 20px;border:1px solid #e4d8a9;background:#fff9e6;border-radius:10px;margin:12px 0 20px;font-size:13px;line-height:1.6}.notice p{font-size:12px;margin-top:5px}.notice.error{background:#fff2ed;border-color:#e9c3b7;color:#974933}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.draft-list{margin-bottom:24px}.toast{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:#123c32;color:white;padding:14px 20px;border-radius:10px;box-shadow:0 6px 28px #0002;max-width:calc(100% - 32px);font-size:13px;width:max-content;z-index:50;line-height:1.5}.toast[hidden],[hidden]{display:none!important}.print-toolbar{display:flex;gap:12px;justify-content:space-between;margin-bottom:22px}.print-sheet{padding:35px;background:white;color:#222}.print-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.print-sheet h2{font-size:20px}.print-sheet h3{margin:24px 0 10px}.print-sheet h4{font-size:13px;margin:15px 0 7px}.print-sheet p{font-size:12px}.print-sheet table{border-collapse:collapse;width:100%;font-size:10px}.print-sheet th,.print-sheet td{border:1px solid #ddd;padding:7px;text-align:left}.print-sheet td:first-child{width:48%}.preserve-lines{white-space:pre-wrap}.print-status{border-top:1px solid #ddd;margin-top:25px;padding-top:12px}@media(min-width:768px){.workspace{padding-bottom:10px}.action-bar .button{min-width:130px}}@media(max-width:900px){.parts-list{grid-template-columns:repeat(2,minmax(0,1fr))}.section-intro{display:block}.section-intro p{text-align:left;margin-top:8px}}@media(max-width:600px){.header-inner{padding:16px 18px}.wordmark{font-size:34px}.identity-copy{font-size:11px;letter-spacing:1px;padding-left:13px}.identity-copy small{font-size:8px;letter-spacing:1px}.identity{gap:13px}.header-caption{display:none}main{padding:27px 16px 14px;min-height:calc(100dvh - 140px)}h1{font-size:28px}.list-heading{display:block;margin-bottom:22px}.list-heading p{font-size:13px;max-width:300px}.new-part{margin-top:18px;padding:11px 19px}.list-heading .eyebrow{font-size:9px}.list-tools{display:grid;grid-template-columns:1fr 46px;gap:10px}.search-field{grid-column:1/-1}.search-field input{font-size:13px}.list-filter{grid-column:1}.list-filter button{flex:1;padding:9px 7px}.refresh-button{width:46px;height:46px}.results-line{font-size:10px}.shared-label{font-size:9px}.parts-list{grid-template-columns:1fr;gap:13px}.part-card{padding:18px 18px 0}.part-card progress{width:calc(100% + 36px);margin-left:-18px}.plate{font-size:25px}.vehicle{font-size:14px}.card-meta{font-size:11px}.work-preview{min-height:0;margin-top:11px}.card-bottom{font-size:11px;margin-top:12px;padding:13px 0}.list-empty{padding:42px 15px}.empty h2{font-size:20px}.empty p{font-size:13px}.part-heading h1{font-size:30px}.part-heading p{font-size:12px;line-height:1.7}.print-button{min-height:37px;padding:8px 10px;font-size:11px}.save-line{align-items:start}.save-status{font-size:10px}.save-line .text-button{padding-top:0;min-height:30px;font-size:10px}.progress-panel{padding:14px 15px}.progress-panel>div{font-size:11px}.progress-panel>div>span{font-size:9px}.editor-tabs{gap:10px;margin-bottom:23px}.editor-tabs button{font-size:12px;min-height:45px}.section-intro h2{font-size:21px}.section-intro .eyebrow{font-size:9px}.section-intro p{font-size:11px}.panel{padding:20px 17px}.field-grid{gap:0 12px}.field>span{font-size:12px}.field input,.field textarea{padding:12px 10px;font-size:16px}.field input::placeholder,.field textarea::placeholder{font-size:12px}.field{gap:7px;margin-bottom:18px}.check-group>summary{padding:16px 14px;font-size:13px;gap:10px}.step-number{width:24px;height:24px;font-size:11px}.group-count{font-size:10px}.check-item{padding:19px 15px 12px}.check-title{gap:9px;margin-bottom:15px}.check-title h3{font-size:14px}.check-title>span{font-size:10px}.state-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.state-option{font-size:11px;min-height:45px;justify-content:start;padding:10px}.check-secondary{gap:12px}.check-secondary .text-button{font-size:10px}.check-note input{font-size:16px}.check-note>span{font-size:10px}.action-bar{gap:10px;margin-top:24px;padding-top:13px}.action-bar .button{font-size:12px;padding:12px 15px;min-height:48px}.action-bar .button:last-child{min-width:0;flex:1}.action-bar .button:first-child{flex:0 0 85px}.tyres-layout{grid-template-columns:1fr;gap:22px}.wheel-selector{max-width:340px;margin:auto;width:100%;grid-template-columns:1fr 90px 1fr;grid-template-rows:100px 100px 54px}.tyre-fields{padding:20px}.tyre-fields h3{font-size:18px}.phase-switch button{font-size:12px}.wheel-summary{padding:20px 15px}.wheel-summary>button{gap:8px}.wheel-summary>button strong{font-size:11px}.wheel-summary>button span{font-size:10px;max-width:52%}.site-footer{font-size:9px;padding-bottom:24px}.notice{padding:14px 15px;font-size:12px}.notice p{font-size:11px}.print-sheet{padding:18px}.print-sheet h1{font-size:22px}.print-sheet h2{font-size:16px}.print-toolbar .button{font-size:11px;padding:10px 12px}.print-heading{gap:10px}.print-heading strong{font-size:12px}}@media print{@page{size:A4;margin:12mm}body{background:white}.site-header,.site-footer,.print-toolbar,.toast{display:none!important}main{max-width:none;padding:0;min-height:0}.print-sheet{padding:0}.print-sheet table{font-size:9px}.print-sheet tr{break-inside:avoid}.print-sheet h3,.print-sheet h4{break-after:avoid}.print-sheet h1{font-size:24px}.print-sheet h3{margin-top:15px}.print-sheet td,.print-sheet th{padding:5px}.print-heading{margin-bottom:15px}}

