.workshop-tabs{display:flex;gap:8px;margin:18px 0}.workshop-tabs .active{background:#183e47;color:white}.workshop-vehicle{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.vehicle-plate{display:inline-block;border:2px solid #17343e;border-left:12px solid #2b5f9e;border-radius:6px;background:#fff;padding:9px 16px;color:#102e38;font-size:24px;font-weight:750;letter-spacing:2px}.repair-stage{padding:6px 10px;border-radius:6px;background:#eef0f5;color:#3b5672;display:inline-block;font-size:12px;font-weight:600}.repair-stage-2,.repair-stage-3{background:#fff1d5;color:#926414}.repair-stage-4{background:#e1efff;color:#255ca0}.repair-stage-5,.repair-stage-6{background:#def5ed;color:#157454}.repair-stage-7{background:#fce7ec;color:#b13f5b}.repair-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:16px}.repair-info b{display:block;margin-bottom:6px}.repair-info p{white-space:pre-wrap;margin:0}.workshop-actions{display:flex;gap:8px;flex-wrap:wrap}.repair-heading{margin:20px 0}.vehicle-history td{vertical-align:top}.workshop-note{padding:12px 16px;background:#eef6f5;border-radius:8px;color:#295a63;margin:12px 0}.repair-form-title{grid-column:1/-1;font-size:16px;margin:12px 0 0}.workshop-tools{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:20px}.workshop-tools input[type=search]{min-width:230px;flex:1}

.vehicle-brand-logo{width:52px;height:42px;flex:0 0 52px;display:inline-flex;align-items:center;justify-content:center;padding:5px;background:#fff;border:1px solid #e4eaee;border-radius:8px;box-sizing:border-box;vertical-align:middle}
.vehicle-brand-logo img{width:100%;height:100%;object-fit:contain}.vehicle-brand-generic{color:#78909a;background:#f4f7f8}
.vehicle-list-identity{display:flex;align-items:center;gap:12px;min-width:220px}.vehicle-list-compact{flex-wrap:wrap;margin-top:7px}.vehicle-list-compact .vehicle-brand-logo{width:36px;height:30px;flex-basis:36px}.vehicle-list-identity .job-link{text-align:left}
.vehicle-color{display:inline-flex;align-items:center;gap:8px;white-space:normal;font-size:13px;vertical-align:middle;line-height:1.4}.vehicle-swatch{display:inline-block;flex:0 0 22px;width:22px;height:22px;border:1px solid #aab8bf;border-radius:6px;box-shadow:inset 0 0 0 2px #ffffff70;vertical-align:middle}.vehicle-swatch.is-bicolor{background:linear-gradient(135deg,#f8fafc 50%,#35434f 50%)}.vehicle-swatch.is-unknown{background:linear-gradient(135deg,#f1f4f5 46%,#aebcc3 47%,#aebcc3 53%,#f1f4f5 54%)}
.repair-info .vehicle-color{display:flex;margin-top:6px}
.vehicle-choice-field{border:1px solid #dedee1;border-radius:4px;background:white;padding:8px 12px;min-width:0}.job-form .grid .vehicle-choice-field>label{border:0;padding:0;margin:0;font-size:12px;font-weight:600;display:block}.vehicle-choice-entry{display:flex;align-items:center;gap:6px;margin-top:3px;min-width:0}.vehicle-choice-entry input{flex:1;width:0;min-width:0;border:0;padding:4px 0;font-size:14px}.vehicle-choice-open{padding:5px;border:0;background:#f1f5f6;flex:none;min-width:30px;min-height:30px;border-radius:5px}.vehicle-choice-open:hover{background:#e3edef}.vehicle-choice-entry .vehicle-brand-logo{width:32px;height:27px;flex-basis:32px;padding:3px;border:0}.vehicle-choice-entry .vehicle-color>span:last-child{display:none}.vehicle-choice-entry [data-vehicle-preview="model"]:empty{display:none}.vehicle-choice-help{margin-top:2px;font-size:12px}
dialog.vehicle-picker-dialog{width:min(720px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:24px;background:#fff;border-radius:16px;box-shadow:0 24px 80px #102e3840;overflow:auto}
.vehicle-picker-dialog::backdrop{background:#12333d66}.vehicle-picker-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:20px}.vehicle-picker-heading h2{font-size:23px;color:#193c47}.vehicle-picker-heading p{color:#627780;font-size:13px;line-height:1.5;margin-top:8px}.vehicle-picker-close{flex:none;min-width:36px;height:36px;padding:0}.vehicle-picker-search{width:100%;padding:12px 14px;background:#f8fafb;border:1px solid #d7e1e6;border-radius:8px;font-size:14px}.vehicle-picker-count{color:#6c7e87;font-size:12px;margin:12px 0}.vehicle-picker-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-height:340px;overflow:auto;padding:3px 5px 6px 3px;overscroll-behavior:contain}.vehicle-picker-option{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;min-height:58px;padding:12px 8px;border:1px solid #e1e8eb;border-radius:10px;color:#193c47;background:white;font-size:13px;white-space:normal}.vehicle-brand-options .vehicle-picker-option{min-height:106px}.vehicle-picker-option img{width:64px;height:42px;object-fit:contain}.vehicle-picker-option small{font-size:10px;font-weight:400;color:#72858e}.vehicle-picker-option:hover{border-color:#86adb8;background:#f5fafa}.vehicle-picker-option[aria-pressed="true"]{border:2px solid #173e48;background:#edf6f6}.vehicle-picker-option:focus-visible,.vehicle-choice-open:focus-visible{outline:3px solid #ef2c66;outline-offset:1px}.vehicle-picker-empty{grid-column:1/-1;padding:28px 8px;text-align:center;color:#627780}.vehicle-picker-footer{display:flex;gap:14px;align-items:center;justify-content:space-between;border-top:1px solid #e6ecef;margin-top:18px;padding-top:18px;font-size:12px;color:#627780}.vehicle-picker-manual{font-size:13px;color:#173e48;border:1px solid #bdcfd6;border-radius:7px;white-space:normal}.vehicle-custom-color{display:flex;gap:12px;align-items:flex-end;margin-top:18px;padding:14px;background:#f5f8f9;border-radius:10px}.vehicle-custom-color label{display:flex;flex-direction:column;gap:5px;font-size:12px;min-width:0}.vehicle-custom-color label:first-child{flex:1}.vehicle-custom-color input[type="text"]{width:100%}.vehicle-custom-color input[type="color"]{width:50px;height:36px;padding:3px}.vehicle-color-apply{background:#173e48;color:white;border:0;min-height:36px;border-radius:6px}
@media(max-width:600px){dialog.vehicle-picker-dialog{padding:18px}.vehicle-picker-options{grid-template-columns:repeat(3,minmax(0,1fr))}.vehicle-picker-footer,.vehicle-custom-color{flex-wrap:wrap}.vehicle-custom-color label:first-child{flex:1 1 60%}}
@media(max-width:380px){.vehicle-picker-options{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media screen{.repair-lookup{border:1px solid #dce6e8;border-radius:12px;padding:14px;background:#f6faf9}.repair-lookup>label{display:block;font-weight:600}.repair-lookup input{display:block;width:100%;margin-top:8px}.repair-lookup-results{display:grid;gap:6px;max-height:245px;overflow:auto;margin-top:8px}.repair-lookup-result{display:flex;align-items:center;gap:12px;text-align:left;padding:9px 12px}.repair-lookup-result>span:last-child{display:flex;flex-direction:column;gap:4px}.repair-lookup-result small{font-weight:400;color:#526c73}.repair-new-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.repair-selected-vehicle{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#edf6f1;border:1px solid #c9ded5;border-radius:10px}.repair-selected-vehicle span{min-width:0}}
@media screen {
 #dlg.repair-new-dialog {background:linear-gradient(145deg,#f7fbfa,#eef3f5);box-shadow:0 35px 95px #102c4560,0 9px 25px #102c4526,inset 0 1px 0 #fff}
 #dlg.repair-new-dialog .repair-lookup {background:linear-gradient(145deg,#fff,#eff7f4);border:1px solid #c8ddd5;box-shadow:0 4px 0 #d4e2dc,0 9px 16px -11px #173d4560}
 #dlg.repair-new-dialog .job-form .grid>label:not(.check),#dlg.repair-new-dialog fieldset {border:1px solid #d5e2e5;border-radius:12px;background:linear-gradient(160deg,#fff,#f4f8fa);box-shadow:0 3px 0 #dce6e8,0 7px 12px -9px #173d4555;padding:12px}
 #dlg.repair-new-dialog .job-form .grid>label:focus-within {border-color:#80b3a0;box-shadow:0 3px 0 #b8d5c7,0 0 0 3px #e1f0e8}
 #dlg.repair-new-dialog .repair-selected-vehicle {background:linear-gradient(145deg,#fff,#e7f3ed);box-shadow:0 3px 0 #c9dfd3,0 7px 12px -9px #173d4555}
 #dlg.repair-new-dialog .repair-new-actions button,#dlg.repair-new-dialog .repair-lookup-result {border-radius:9px;box-shadow:0 3px 0 #dce6e8,0 6px 10px -7px #173d4545}
 #dlg.repair-new-dialog h3 {color:#173d45;border-left:4px solid #559d85;padding-left:10px}
}
@media screen {
 #dlg.repair-new-dialog .repair-lookup>label {background:none;border:0;box-shadow:none;padding:0;border-radius:0}
}
@media screen and (min-width:900px){
 #dlg.repair-new-dialog .job-form .grid>label:has(>[data-job=customer]),#dlg.repair-new-dialog .job-form .grid>label:has(>[data-job=vehicleId]) {grid-column:span 2}
}

@media screen {
 #dlg.repair-new-dialog .bar>.actions>button.repair-new-client{color:#fff;background:linear-gradient(155deg,#289b70,#167653);border:1px solid #126a4a;border-radius:9px;box-shadow:0 3px 0 #105439,0 7px 13px -7px #16765370}
 #dlg.repair-new-dialog .bar>.actions>button.repair-new-client:hover{background:linear-gradient(155deg,#32aa7d,#126b4a);box-shadow:0 3px 0 #0d4932,0 9px 16px -7px #16765370}
 #dlg.repair-new-dialog .bar>.actions>button.repair-new-client:active{box-shadow:0 1px 0 #105439,inset 0 2px 4px #10402c40}
}

.repair-status{display:inline-flex;flex-direction:column;align-items:flex-start;gap:5px}.repair-stage-authorized{background:#def5ed;color:#157454;border:1px solid #b4e1cf}.repair-authorization{display:block;font-size:11px;font-weight:600;line-height:1.4}.repair-authorization-accepted{color:#157454}.repair-authorization-rejected{color:#b13f5b}.repair-authorization-pending{color:#926414}

#nav .sub.workshop-count-link{display:flex;align-items:center;justify-content:space-between;gap:8px}#nav .workshop-nav-count{display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:23px;padding:0 6px;box-sizing:border-box;border-radius:12px;background:#173e47;color:#fff;font-size:11px;font-weight:700;line-height:1;flex-shrink:0}#nav .sub.active .workshop-nav-count{background:#f72b6b;box-shadow:0 2px 5px #f72b6b25}

.repair-authorization-choice{border:0!important;margin:0;padding:0!important;min-width:0}.repair-authorization-choice legend{font-weight:700;margin-bottom:10px}.repair-authorization-options{display:flex;gap:12px;flex-wrap:wrap}.repair-authorization-option{position:relative;flex:1;min-width:140px;cursor:pointer}.repair-authorization-option input{position:absolute;opacity:0;width:1px;height:1px}.repair-authorization-option span{display:flex;align-items:center;justify-content:center;min-height:48px;padding:8px 16px;border:1px solid #d9e2e6;border-radius:10px;background:linear-gradient(#fff,#f4f7f8);box-shadow:0 3px 0 #dce3e5,0 7px 14px -10px #173e4760;font-weight:700;transition:background .15s,box-shadow .15s}.repair-authorization-option input:checked+span{border-color:#b88220;background:#fff2d6;color:#815d10;box-shadow:0 3px 0 #d8b568,inset 0 1px 0 #ffffff90}.repair-authorization-option-1 input:checked+span{border-color:#167653;background:linear-gradient(#289b70,#167653);color:#fff;box-shadow:0 3px 0 #105439,0 7px 13px -7px #16765370}.repair-authorization-option-2 input:checked+span{border-color:#b13f5b;background:linear-gradient(#d45b74,#b13f5b);color:#fff;box-shadow:0 3px 0 #873448}.repair-authorization-option input:focus-visible+span{outline:3px solid #2b5f9e;outline-offset:3px}

.repair-state-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.repair-state-option{min-width:0}.repair-state-option span{height:100%;min-height:50px;box-sizing:border-box;text-align:center}.repair-state-option input:disabled+span{opacity:.45;cursor:not-allowed;box-shadow:none}.repair-state-option-4 input:checked+span{background:linear-gradient(#387cb1,#255ca0);border-color:#255ca0;color:#fff;box-shadow:0 3px 0 #194573}.repair-state-option-5 input:checked+span,.repair-state-option-6 input:checked+span{background:linear-gradient(#289b70,#167653);border-color:#167653;color:#fff;box-shadow:0 3px 0 #105439}.repair-state-option-7 input:checked+span{background:linear-gradient(#d45b74,#b13f5b);border-color:#b13f5b;color:#fff;box-shadow:0 3px 0 #873448}

.repair-list-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:175px;max-width:280px}.repair-list-actions button{white-space:normal}.repair-list-actions .repair-deliver-action{background:linear-gradient(#289b70,#167653);color:#fff;border-color:#126a4a;box-shadow:0 3px 0 #105439,0 6px 12px -8px #16765370}.repair-list-actions .repair-deliver-action:hover{filter:brightness(1.06)}

/* Repair rows are actionable cards; embedded controls keep their own action. */
.repair-list-table .repair-click-row{cursor:pointer;transition:background .15s,box-shadow .15s}
.repair-list-table .repair-click-row:hover{background:#f1f8f6;box-shadow:0 5px 16px -9px #173e4770}
.repair-list-table .repair-click-row:focus-visible{outline:3px solid #267e80;outline-offset:-3px}
.repair-list-vehicle{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:230px}
.repair-list-vehicle>div{display:flex;flex-direction:column;gap:6px}
.repair-list-table .repair-list-plate{display:inline-block;align-self:flex-start;font-size:25px;font-weight:800;letter-spacing:1.5px;line-height:1.2;padding:9px 14px;background:#fff;box-shadow:0 3px 0 #d5e1e5,0 6px 12px -9px #173e4790;white-space:nowrap}
.repair-list-model{font-size:13px;font-weight:600;color:#385a64}.repair-list-title{display:block;font-size:12px;color:#536c75;margin-top:12px;max-width:340px;white-space:normal}
.repair-list-state{display:flex;flex-direction:column;gap:10px;min-width:175px}.repair-list-state select{width:100%;min-height:40px;border:1px solid #cad9dc;border-radius:8px;background:#fff;padding:7px;font-size:13px;color:#173e47;cursor:pointer}
.repair-list-assignment{min-width:170px;max-width:265px;cursor:default}.repair-list-assignment summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;border:1px solid #cad9dc;padding:10px 12px;border-radius:8px;background:linear-gradient(#fff,#f0f6f5);box-shadow:0 3px 0 #e0e9e7;cursor:pointer;white-space:normal}.repair-list-assignment summary::-webkit-details-marker{display:none}
.repair-assignment-panel{margin-top:9px;padding:12px;border:1px solid #cad9dc;border-radius:10px;background:#fff;box-shadow:0 7px 18px -10px #173e4760;display:grid;gap:10px}.repair-assignment-panel .check{display:flex;gap:8px;align-items:center;white-space:normal}.repair-assignment-panel .actions{display:flex;gap:6px;flex-wrap:wrap}
@media(max-width:1100px){.repair-list-scroll{overflow:visible}.repair-list-table,.repair-list-table tbody{display:block;width:100%;min-width:0!important}.repair-list-table thead{display:none}.repair-list-table .repair-click-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0;padding:18px;border:1px solid #d2e0e3;border-radius:14px;background:linear-gradient(145deg,#fff,#f8fbfc);box-shadow:0 4px 0 #e0e8eb,0 10px 20px -15px #173e4780}.repair-list-table .repair-click-row td{display:block;padding:0!important;border:0!important;min-width:0;white-space:normal}.repair-list-table .repair-click-row td:first-child,.repair-list-table .repair-click-row td:last-child{grid-column:1/-1}.repair-list-table td:not(:first-child):not(:last-child)::before{content:attr(data-label);display:block;margin-bottom:7px;font-size:11px;font-weight:700;color:#607680}.repair-list-table td:last-child:empty{display:none}.repair-list-state,.repair-list-assignment{min-width:0;max-width:none}.repair-list-vehicle{min-width:0}.repair-list-table .repair-list-plate{font-size:27px}.repair-list-actions{max-width:none}}
@media(prefers-reduced-motion:reduce){.repair-list-table .repair-click-row{transition:none}}

.repair-list-auth{margin-top:4px;padding-top:10px;border-top:1px solid #d7e2e4;max-width:290px}.repair-list-auth>span{display:block;font-size:11px;font-weight:700;margin-bottom:7px;color:#48636c}.repair-list-auth-options{display:flex;flex-wrap:wrap;gap:5px}.repair-list-auth-options .repair-list-auth-option{font-size:11px;padding:7px 9px;min-height:34px;border:1px solid #d4dfe2;border-radius:7px;background:linear-gradient(#fff,#f3f7f8);color:#3f5962;box-shadow:0 2px 0 #dfe7e9}.repair-list-auth-options .auth-choice-0[aria-pressed=true]{background:#fff0cb;border-color:#dbb653;color:#785916}.repair-list-auth-options .auth-choice-1[aria-pressed=true]{background:#d9f2e6;border-color:#62b18d;color:#145e43}.repair-list-auth-options .auth-choice-2[aria-pressed=true]{background:#fce1e6;border-color:#d18597;color:#92384e}.repair-list-auth-option:disabled{opacity:.45;cursor:not-allowed}.repair-list-auth-option:focus-visible{outline:3px solid #267e80;outline-offset:2px}.repair-list-auth small{display:block;white-space:normal;font-size:10px;line-height:1.5;color:#617780;margin-top:7px;max-width:240px}

/* Fixed table columns and a top-layer assignment panel avoid layout shifts. */
#main .repair-list-table{table-layout:fixed;width:100%;min-width:0}
#main .repair-list-table th{white-space:normal}
#main .repair-list-table:has(th:nth-child(4)):not(:has(th:nth-child(5))) th:nth-child(1){width:30%}
#main .repair-list-table:has(th:nth-child(4)):not(:has(th:nth-child(5))) th:nth-child(2){width:19%}
#main .repair-list-table:has(th:nth-child(4)):not(:has(th:nth-child(5))) th:nth-child(3){width:28%}
#main .repair-list-table:has(th:nth-child(4)):not(:has(th:nth-child(5))) th:nth-child(4){width:23%}
#main .repair-list-table .repair-click-row>td{padding:12px 10px;white-space:normal;overflow-wrap:anywhere;vertical-align:middle}
#main .repair-list-vehicle{min-width:0;gap:9px;flex-wrap:nowrap}
#main .repair-list-vehicle .vehicle-brand-logo{flex-shrink:0}
#main .repair-list-table .repair-list-plate{font-size:22px;padding:7px 10px;letter-spacing:1px}
#main .repair-list-model{font-size:12px}
#main .repair-list-caption{display:flex;gap:8px;align-items:center;margin-top:9px}
#main .repair-list-caption .vehicle-color{flex-shrink:0;white-space:nowrap;font-size:11px}
#main .repair-list-title{margin:0;font-size:11px;line-height:1.4}
#main .repair-client-name{display:block;font-size:13px;margin-bottom:6px}
#main .repair-list-state{min-width:0;gap:7px}
#main .repair-list-state select{min-height:36px;font-size:12px;padding:6px}
#main .repair-list-auth{position:relative;margin:0;padding:0;border:0;max-width:none}
#main .repair-list-auth>span:first-child{font-size:10px;margin:0 0 5px}
#main .repair-list-auth-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
#main .repair-list-auth-options button{min-width:0;min-height:30px;font-size:10px;padding:5px 2px;white-space:nowrap}
#main .repair-auth-locked{position:absolute;top:0;right:0;font-size:12px;color:#617780;cursor:help}
#main .repair-list-assignment{min-width:0;max-width:none}
#main .repair-assignment-trigger{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;text-align:left;padding:7px 9px;min-width:0}
.repair-assignee-list{display:grid;gap:5px;min-width:0}.repair-assignee{display:flex;align-items:center;gap:7px;font-size:12px;min-width:0}.repair-assignee>span:last-child{white-space:normal;overflow-wrap:anywhere}.repair-assignee .staff-avatar{width:26px;height:26px;min-width:26px;margin:0;flex-shrink:0}.repair-assignee .staff-avatar img{width:100%;height:100%;object-fit:cover}
.repair-assignment-panel[popover]{display:none;position:fixed;inset:auto;margin:0;box-sizing:border-box;width:min(290px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;padding:16px;border:1px solid #c8dadd;border-radius:13px;background:#fff;box-shadow:0 15px 40px #153a4540;z-index:1000}
.repair-assignment-panel[popover]:popover-open{display:grid;gap:12px}
.repair-assignment-people{display:grid;gap:6px;max-height:260px;overflow:auto}
.repair-assignment-panel .check{display:flex;align-items:center;gap:8px;padding:6px;margin:0;font-size:13px;border-radius:8px;cursor:pointer}.repair-assignment-panel .check:hover{background:#eff7f4}.repair-assignment-panel .staff-avatar{width:32px;height:32px;min-width:32px;margin:0}.repair-assignment-panel .staff-avatar img{width:100%;height:100%;object-fit:cover}.repair-assignment-panel .actions{display:flex;gap:8px}.repair-assignment-panel button{min-height:34px;padding:7px 11px}
#main .repair-list-actions{min-width:0;max-width:none;gap:6px;margin-top:9px}
#main .repair-list-actions button{font-size:11px;padding:7px 8px;min-height:32px}
@media(max-width:1000px){#main .repair-list-table .repair-list-plate{font-size:20px;padding:7px}#main .repair-list-vehicle{gap:6px}#main .repair-list-vehicle .vehicle-brand-logo{width:32px;height:32px}}
@media(max-width:1100px){#main .repair-list-table .repair-click-row{grid-template-columns:1fr;gap:12px;padding:14px}#main .repair-list-table .repair-click-row>td{grid-column:1/-1;background:transparent!important}#main .repair-list-table .repair-click-row>td:last-child:before{content:attr(data-label);display:block;font-size:11px;font-weight:700;color:#607680;margin-bottom:7px}#main .repair-list-state{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:end;gap:8px}#main .repair-list-auth-options button{font-size:9px}#main .repair-list-table .repair-list-plate{font-size:25px}#main .repair-list-assignment{max-width:none}#main .repair-list-caption{margin-top:7px}}
#main table.repair-list-table tbody tr.repair-click-row:not(.selected)>td{background:linear-gradient(180deg,#fff,#f7fafb);border-top-color:#dce6e8;border-bottom-color:#dce6e8} #main table.repair-list-table tbody tr.repair-click-row:not(.selected):is(:hover,:focus-within)>td{background:linear-gradient(180deg,#f5fcf9,#eaf5f1)} @media(max-width:1100px){#main table.repair-list-table tbody tr.repair-click-row:not(.selected)>td{background:transparent!important}}

#main #worker-jobs .repair-list-state{display:flex;flex-direction:column;align-items:stretch} #main #worker-jobs .repair-list-table th:nth-child(1){width:35%} #main #worker-jobs .repair-list-table th:nth-child(2){width:23%} #main #worker-jobs .repair-list-table th:nth-child(3){width:18%} #main #worker-jobs .repair-list-table th:nth-child(4){width:24%}

/* Ready vehicles remain unmistakable even when the status selector is closed. */
#main .repair-ready-badge{display:inline-flex;align-items:center;gap:6px;margin:0 0 10px;padding:5px 9px;border:1px solid #9dcfb6;border-radius:8px;background:linear-gradient(#e4f7ec,#d3efdf);color:#125c3b;font-size:12px;font-weight:750;line-height:1.3;box-shadow:0 2px 0 #bedecb}
#main .repair-ready-badge svg{width:19px;height:19px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#main table.repair-list-table tbody tr.repair-click-row.repair-ready-row:not(.selected)>td{background:linear-gradient(180deg,#f3fcf6,#e5f5ec);border-top-color:#a8d3ba;border-bottom-color:#a8d3ba}
#main table.repair-list-table tbody tr.repair-click-row.repair-ready-row:not(.selected)>td:first-child{border-left:4px solid #25875b}
#main table.repair-list-table tbody tr.repair-click-row.repair-ready-row:not(.selected):is(:hover,:focus-within)>td{background:linear-gradient(180deg,#e9f9ef,#d8efdf)}
@media(max-width:1100px){#main table.repair-list-table tbody tr.repair-click-row.repair-ready-row{background:linear-gradient(145deg,#f3fcf6,#e5f5ec);border-color:#a8d3ba;border-left:4px solid #25875b;box-shadow:0 4px 0 #c7e2d1,0 10px 20px -15px #17472d80}#main table.repair-list-table tbody tr.repair-click-row.repair-ready-row:is(:hover,:focus-within){background:linear-gradient(145deg,#e9f9ef,#d8efdf)}}

#main .repair-return-badge{display:inline-flex;margin:0 0 10px;padding:5px 9px;border:1px solid #d4ba88;border-radius:8px;background:#fff3db;color:#78511b;font-size:12px;font-weight:700;line-height:1.3}.repair-stage-8{background:#fff3db;color:#78511b;border:1px solid #d4ba88}#main .repair-return-action{background:linear-gradient(#fff8e9,#f4e6cc);border-color:#d4ba88;color:#78511b}

/* Status belongs with the customer in every repair list. */
#main .repair-ready-badge,#main .repair-return-badge,#main .repair-pending-invoice{max-width:100%;box-sizing:border-box;white-space:normal;margin:3px 0 8px}
#main .repair-pending-invoice{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid #dfb768;border-radius:8px;background:linear-gradient(#fff5dd,#ffeac0);color:#785018;font-size:12px;font-weight:700;line-height:1.3;box-shadow:0 2px 0 #ecd19e}
#main .repair-pending-invoice svg{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.repair-billing-choice-actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.repair-billing-choice-actions button{min-height:44px;padding:10px 18px}.repair-billing-choice p{line-height:1.6}
@media(max-width:600px){.repair-billing-choice-actions{display:grid;grid-template-columns:1fr}}

.repair-billing-filter{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:16px 0}.repair-billing-filter>button{display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:8px 13px;border:1px solid #d3dfe2;border-radius:10px;background:linear-gradient(#fff,#f1f6f7);color:#173e47;box-shadow:0 3px 0 #dfe8ea;font-weight:650}.repair-billing-filter>button[aria-pressed=true]{background:linear-gradient(#fff5dc,#ffebc4);border-color:#cba35f;color:#785018;box-shadow:0 3px 0 #e1c490}.repair-billing-filter>button:focus-visible{outline:3px solid #267e80;outline-offset:3px}.repair-billing-count{display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:25px;padding:0 6px;box-sizing:border-box;border-radius:14px;background:#835719;color:white;font-size:12px;font-weight:750}.repair-billing-scope{color:#607680;font-size:11px;margin-left:4px}@media(max-width:600px){.repair-billing-filter{gap:8px}.repair-billing-scope{flex-basis:100%;margin:4px 0 0}.repair-billing-filter>button{font-size:12px;padding:8px 10px}}

#assignment-notices{position:fixed;right:18px;bottom:20px;z-index:1200;width:min(380px,calc(100vw - 28px));max-height:50vh;overflow:auto;display:grid;gap:10px}#assignment-notices article{display:flex;background:#fff;border:1px solid #d5e3e6;border-left:5px solid #22836b;border-radius:12px;box-shadow:0 8px 24px #153c4433}#assignment-notices button{border:0;background:transparent;color:#173b44}#assignment-notices .assignment-notice-open{flex:1;min-width:0;text-align:left;padding:15px;display:grid;gap:7px}#assignment-notices span{overflow-wrap:anywhere;font-size:13px}#assignment-notices small{color:#16745c}#assignment-notices .assignment-notice-close{align-self:flex-start;font-size:24px;padding:8px}@media print{#assignment-notices{display:none!important}}

.repair-stage-selector{display:flex;align-items:center;gap:8px;min-width:0}.repair-stage-selector select{min-width:0;flex:1;width:100%}.repair-stage-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;border-radius:9px;vertical-align:middle;box-shadow:0 2px 4px #173d4814}.repair-stage-icon svg{width:23px;height:23px}.repair-stage-icon-diagnosis{background:#e4effc;color:#2466a4}.repair-stage-icon-parts{background:#fff1d5;color:#986100}.repair-stage-icon-repair{background:#eee8ff;color:#6b43ae}.repair-stage-icon-ready{background:#d8f3e5;color:#157348}

.client-pending-breakdown{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.client-pending-breakdown>span{flex:1;background:#eef8f3;border:1px solid #d7eae1;border-radius:10px;padding:12px;min-width:180px}.client-pending-breakdown .client-overdue{background:#fff4e6;border-color:#f0dfc7}.client-pending-breakdown b{display:block;font-size:19px;margin:5px 0}.client-pending .client-metrics{gap:12px}.client-pending .client-metrics>div{border-radius:10px;box-shadow:inset 0 1px #fff,0 2px 4px #173d4810}.client-card{box-shadow:0 3px 0 #d9e4e7,0 8px 20px #173d480b}.client-workshop-row{display:flex;align-items:center;gap:12px;padding:12px;margin-top:8px;border:1px solid #dce6e9;border-radius:12px;background:linear-gradient(#fff,#f7fafb);box-shadow:0 2px 0 #e2eaed}.client-workshop-row>div{flex:1;min-width:0}.client-workshop-row small{display:block;margin-top:4px}.client-workshop-history{max-height:400px;overflow:auto}.client-workshop h3 small{font-size:13px;background:#edf4f5;border-radius:12px;padding:3px 8px}
.workshop-advanced-options{border-top:1px solid #d5e4e7;margin-top:18px;padding-top:14px}.workshop-advanced-options>button{margin:6px 6px 0 0}.workshop-advanced-options summary{font-weight:700;cursor:pointer}.workshop-agenda-filters{display:flex;gap:16px;margin:16px 0;flex-wrap:wrap}.workshop-agenda-filters label{min-width:180px}.workshop-agenda-filters select{display:block;width:100%}.workshop-agenda-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.workshop-agenda-day{background:#eff6f7;border:1px solid #d5e4e7;border-radius:14px;padding:10px;min-width:0;min-height:200px}.workshop-agenda-day h2{font-size:15px;margin:0 0 12px}.workshop-agenda-day h2 small{display:block;font-size:12px;margin-top:6px}.workshop-appointment{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;padding:12px;border:1px solid #cedfe1;border-left:4px solid #2cb88b;background:white;border-radius:12px;box-shadow:0 3px 0 #d4e2e5,0 7px 16px #173b4810;overflow-wrap:anywhere}.workshop-appointment .actions{display:flex;flex-wrap:wrap;gap:5px}.workshop-appointment button{padding:7px;font-size:12px}.workshop-appointment.is-cancelled{opacity:.65;border-left-color:#a43d4b}.inspection-editor-row,.inspection-result{padding:18px;border:1px solid #d8e6e8;border-radius:14px;background:white;margin:12px 0;box-shadow:0 3px 0 #e0e9eb}.inspection-editor-row textarea{display:block;width:100%;margin-top:6px}.inspection-status-options{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.inspection-state{display:inline-flex;align-items:center;gap:6px;border-radius:8px;padding:7px 10px;font-size:13px;border:1px solid #cbdde1;background:#edf3f5;color:#29444d}.inspection-state-1{background:#d9f4e7;color:#146341}.inspection-state-2{background:#fff0ce;color:#765318}.inspection-state-3{background:#ffe0e5;color:#a22239}.inspection-state:has(input:checked){outline:2px solid currentColor;font-weight:700}.inspection-photos{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0}.inspection-photos img{width:150px;height:110px;object-fit:contain;border:1px solid #ddd;border-radius:8px}.inspection-photos>div{display:flex;flex-direction:column;gap:6px}.inspection-car svg{max-width:360px;display:block;margin:auto}.inspection-damages{padding:18px;border-radius:16px;background:#f2f7f8}.inspection-damages .actions{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:1150px){.workshop-agenda-week{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.workshop-agenda-week{grid-template-columns:1fr}.workshop-agenda-day{min-height:80px}.inspection-editor-row{padding:12px}.inspection-status-options{display:grid;grid-template-columns:1fr 1fr}.inspection-photos img{width:125px}.workshop-agenda-filters label{width:100%}}
.workshop-draggable{cursor:grab;user-select:none}.workshop-drop-over{outline:2px solid #188c70;background:#d9f5e9}
.appointment-identity{display:grid;grid-template-columns:1fr 1fr;gap:12px}.appointment-identity[hidden],.appointment-calendar[hidden]{display:none}.appointment-calendar{border:1px solid #c7dce2;border-radius:16px;background:#f4f9fa;padding:16px;box-shadow:0 4px 0 #dce7eb}.appointment-calendar-scroll{max-height:420px;overflow:auto;border:1px solid #d2e0e5;border-radius:10px}.appointment-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(125px,1fr));min-width:875px;position:relative}.appointment-calendar-grid>section{border-right:1px solid #d7e4e7;background:white;min-width:0}.appointment-calendar-grid h4{margin:0;padding:10px;background:#173f48;color:white;height:62px;box-sizing:border-box;position:sticky;top:0;z-index:1}.calendar-day-events{height:120px;overflow:auto;background:#edf5f6}.calendar-event{font-size:11px;padding:6px;margin:4px;border-radius:6px;background:#dbf1e8;color:#174d3c;overflow-wrap:anywhere}.calendar-slot{display:block;width:100%;height:35px;border:0;border-bottom:1px solid #edf1f3;border-radius:0;text-align:left;box-shadow:none!important;font-size:12px;background:#fff}.calendar-slot.is-busy{background:#fff0d6;color:#775314}.calendar-slot:hover,.calendar-slot:focus{background:#c9e9f7;outline:2px solid #1685a7;outline-offset:-2px}.appointment-calendar [aria-pressed=true]{background:#173f48;color:white}.calendar-month-day{min-height:100px;border-radius:0;border:1px solid #d7e4e7;background:white;box-shadow:none!important;display:flex;flex-direction:column;gap:6px;text-align:left;font-size:12px}.calendar-month-day span{background:#dff2ea;border-radius:4px;padding:3px;white-space:normal;overflow-wrap:anywhere}.calendar-month-day.other-month{background:#f2f4f5;color:#6b7e86}@media(max-width:600px){.appointment-identity{grid-template-columns:1fr}.appointment-calendar{padding:8px}.appointment-calendar .bar{align-items:flex-start}.appointment-calendar .actions{flex-wrap:wrap}#appointment-date-open{white-space:normal}}
.appointment-calendar,.appointment-identity{min-width:0;max-width:100%;box-sizing:border-box}.appointment-calendar-scroll{width:100%;max-width:100%;box-sizing:border-box}.appointment-identity>*,.appointment-calendar .bar>*{min-width:0}.appointment-identity input{min-width:0;max-width:100%}#appointment-date-open{max-width:100%;height:auto;min-height:40px;white-space:normal}.appointment-calendar h3{overflow-wrap:anywhere}.appointment-calendar .bar{flex-wrap:wrap}
.reception-damage-panel{min-width:0;padding:18px;border:1px solid #cddfe5;border-radius:16px;background:#f7fafb;box-shadow:0 4px 0 #e0eaed}.reception-car-map{display:block;width:420px;max-width:100%;height:auto;margin:12px auto}.reception-car-map[data-damage-map]{cursor:crosshair;touch-action:manipulation}.reception-damage-row{display:flex;align-items:center;gap:12px;margin-top:12px}.reception-damage-row label{flex:1;min-width:0}.reception-damage-row textarea{min-height:65px;width:100%;box-sizing:border-box}.reception-damage-panel .actions{flex-wrap:wrap}@media(max-width:600px){.reception-damage-row{display:block}.reception-damage-panel{padding:10px}.repair-new-dialog>.bar>.actions{flex-wrap:wrap}}@media print{.reception-car-map{width:80mm;max-height:48mm;break-inside:avoid}}
.reception-car-map{width:680px}.car-hit-part{cursor:pointer;transition:fill .15s}.car-hit-part:hover,.car-hit-part:focus{fill:#6fd6c0;stroke:#087d69;stroke-width:2;outline:none}.car-damage-pin{cursor:pointer}.car-damage-pin:hover circle,.car-damage-pin:focus circle{fill:#8c1031;stroke:#f9bbcd;stroke-width:3}
.reception-car-map>path:not([data-damage-part]),.reception-car-map>text{pointer-events:none}
/* Inspection editor: keep the modal and its controls within narrow screens. */
#dlg:has(.inspection-damages){box-sizing:border-box;max-width:calc(100vw - 24px)}
#dlg:has(.inspection-damages) .grid>*,#dlg:has(.inspection-damages) .inspection-damages,#dlg:has(.inspection-damages) .inspection-car{min-width:0;box-sizing:border-box}
#dlg:has(.inspection-damages) .inspection-car svg{width:100%;max-width:360px}
@media(max-width:600px){
#dlg:has(.inspection-damages){padding:16px}
#dlg:has(.inspection-damages)>.bar{flex-wrap:wrap;gap:10px}
#dlg:has(.inspection-damages)>.bar h2{min-width:0;white-space:normal;overflow-wrap:anywhere}
#dlg:has(.inspection-damages) .grid{grid-template-columns:minmax(0,1fr)}
#dlg:has(.inspection-damages) .grid>*{grid-column:1!important}
#dlg:has(.inspection-damages) .inspection-damages{padding:10px}
#dlg:has(.inspection-damages) input,#dlg:has(.inspection-damages) select,#dlg:has(.inspection-damages) textarea{max-width:100%;box-sizing:border-box}
}

.repair-entry-identity{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start}.repair-entry-identity>*{min-width:0;grid-column:auto!important}.repair-entry-identity .repair-entry-hint{grid-column:1/-1!important}.repair-entry-vehicle{display:flex;align-items:center;gap:10px}.repair-entry-vehicle>label{flex:1;min-width:0}.repair-entry-vehicle>button{flex:none}.repair-entry-identity label:has(>select){display:block;border:1px solid #d5e2e5;border-radius:12px;background:linear-gradient(160deg,#fff,#f4f8fa);box-shadow:0 3px 0 #dce6e8,0 7px 12px -9px #173d4555;padding:12px;box-sizing:border-box}.repair-entry-identity select{display:block;width:100%;min-width:0;max-width:100%;box-sizing:border-box}.repair-entry-identity .repair-selected-vehicle{align-self:stretch}.repair-entry-identity .repair-lookup input{box-sizing:border-box}@media(max-width:700px){.repair-entry-identity{grid-template-columns:minmax(0,1fr)}.repair-entry-vehicle{flex-wrap:wrap}.repair-entry-vehicle>label{flex-basis:180px}}
/* Keep the client's vehicle directly below the client selector. */
@media(min-width:701px){.repair-entry-identity>.repair-lookup{grid-column:1!important;grid-row:1}.repair-entry-identity>label:has([data-job=customer]){grid-column:2!important;grid-row:1}.repair-entry-identity>.repair-entry-vehicle{grid-column:2!important;grid-row:2}.repair-entry-identity>.repair-selected-vehicle{grid-column:1!important;grid-row:2}.repair-entry-identity>.repair-entry-hint{grid-row:3}}
/* Reception identity: search, client and vehicle on the same desktop row. */
@media(min-width:701px){.repair-entry-identity{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.4fr)}.repair-entry-identity>.repair-lookup{grid-column:1!important;grid-row:1}.repair-entry-identity>label:has([data-job=customer]){grid-column:2!important;grid-row:1}.repair-entry-identity>.repair-entry-vehicle{grid-column:3!important;grid-row:1}.repair-entry-identity>.repair-selected-vehicle{grid-column:1/-1!important;grid-row:2}.repair-entry-identity>.repair-entry-hint{grid-row:3}}
/* Compact reception fields, with the entry reason on its own row. */
#dlg.repair-new-dialog .job-form>.grid>label:has(>[data-job=title]){grid-column:1/-1}
@media(min-width:701px){
#dlg.repair-new-dialog .job-form>.grid{grid-template-columns:repeat(5,minmax(0,1fr))}
#dlg.repair-new-dialog .job-form>.grid>label:has(>[data-job=received]),#dlg.repair-new-dialog .job-form>.grid>label:has(>[data-job=due]),#dlg.repair-new-dialog .job-form>.grid>label:has(>[data-job=mileageIn]),#dlg.repair-new-dialog .job-form>.grid>label:has(>[data-job=keys]),#dlg.repair-new-dialog .job-form>.grid>label:has(>[data-job=fuelLevel]){grid-column:span 1;min-width:0;padding:8px 10px}
#dlg.repair-new-dialog .job-form>.grid>label input,#dlg.repair-new-dialog .job-form>.grid>label select{min-width:0;max-width:100%;box-sizing:border-box}
}
/* Compact reception identity and notes to bring the damage map into view. */
@media(min-width:701px){
.repair-entry-identity>.repair-lookup{grid-row:1/3}
.repair-entry-identity>.repair-selected-vehicle{grid-column:2/4!important;grid-row:2;padding:7px 10px}
.repair-entry-identity{row-gap:6px}
.repair-entry-identity>.repair-entry-hint:has(.hint:empty){display:none}
#dlg.repair-new-dialog .job-form>.grid{grid-template-columns:repeat(10,minmax(0,1fr))}
#dlg.repair-new-dialog .job-form>.grid>label:has(>[data-job=received]),#dlg.repair-new-dialog .job-form>.grid>label:has(>[data-job=due]),#dlg.repair-new-dialog .job-form>.grid>label:has(>[data-job=mileageIn]),#dlg.repair-new-dialog .job-form>.grid>label:has(>[data-job=keys]),#dlg.repair-new-dialog .job-form>.grid>label:has(>[data-job=fuelLevel]){grid-column:span 2}
#dlg.repair-new-dialog .job-form>.grid>label:has(>[data-job=symptoms]),#dlg.repair-new-dialog .job-form>.grid>label:has(>[data-job=condition]){grid-column:span 5;padding:8px 10px}
#dlg.repair-new-dialog [data-job=symptoms],#dlg.repair-new-dialog [data-job=condition]{height:58px;min-height:58px;resize:vertical}
}

.workshop-unscheduled{margin-top:18px}.workshop-unscheduled-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid #d4e3e6;border-radius:12px;margin-top:10px;background:#f7fafb;box-shadow:0 3px 0 #dce7e9}.workshop-unscheduled-row p{margin:6px 0}.workshop-unscheduled-row .actions{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:650px){.workshop-unscheduled-row{flex-direction:column;align-items:stretch}}

/* Compact agenda cards; full appointment data and actions live in the dialog. */
.workshop-appointment.appointment-compact{gap:10px;padding:11px;cursor:pointer;user-select:none;transition:border-color .15s,box-shadow .15s}
.appointment-compact:hover{border-color:#548e9b;box-shadow:0 3px 0 #c6dce0,0 7px 18px #173b4820}
.appointment-compact:focus-visible{outline:3px solid #14788c;outline-offset:3px}
.appointment-vehicle{display:flex;align-items:center;gap:8px;min-width:0}
.appointment-vehicle>div{min-width:0;flex:1}
.appointment-vehicle .vehicle-brand-logo{width:34px;height:30px;min-width:34px;padding:2px;flex:0 0 34px}
.appointment-vehicle .vehicle-brand-logo img{width:30px;height:26px;object-fit:contain;pointer-events:none}
.appointment-plate{display:block;font-size:14px;font-weight:800;letter-spacing:.02em;line-height:1.3}
.appointment-model{display:block;font-size:12px;line-height:1.35;margin-top:3px;color:#526a73}
.appointment-people{display:flex;flex-direction:column;gap:6px}
.appointment-person{display:flex;align-items:center;gap:7px;min-width:0;font-size:12px;line-height:1.3}
.appointment-person .staff-avatar{width:24px;height:24px;min-width:24px;flex:0 0 24px;font-size:10px;border-radius:50%;overflow:hidden}
.appointment-person .staff-avatar img{width:100%;height:100%;object-fit:cover;pointer-events:none}
.appointment-person>span:last-child{min-width:0;overflow-wrap:anywhere}
.appointment-unassigned{font-size:12px;color:#667b83}
.appointment-detail{padding:8px 2px}
.appointment-detail>.appointment-vehicle{padding-bottom:16px;border-bottom:1px solid #dbe6e8}
.appointment-detail .appointment-plate{font-size:20px}
.appointment-detail .appointment-model{font-size:15px}
.appointment-facts{display:grid;grid-template-columns:1fr 1fr;gap:15px 22px;margin:20px 0}
.appointment-facts dt{font-size:12px;color:#526a73;margin-bottom:4px}
.appointment-facts dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}
.appointment-detail h3{font-size:14px;margin:20px 0 8px}
.appointment-detail p{margin:0}
@media(max-width:480px){.appointment-facts{grid-template-columns:1fr}.appointment-detail .appointment-plate{font-size:18px}}

/* Appointment editor: scoped, compact controls and the shared raised visual style. */
#dlg.appointment-editor{width:min(920px,96vw);padding:20px;background:linear-gradient(145deg,#f7fbfb,#eef3f4);border:1px solid #d6e4e7;border-radius:22px}
#dlg.appointment-editor>.bar{margin-bottom:14px;gap:10px;position:sticky;top:-20px;z-index:3;background:#f4f8f9;padding:10px 0}
#dlg.appointment-editor>.bar h2{display:flex;align-items:center;gap:10px;font-size:21px}
#dlg.appointment-editor>.bar h2 .factu-icon{width:25px;height:25px;color:#417a80}
#dlg.appointment-editor .job-form.box{padding:0;margin:0;border:0;background:transparent;box-shadow:none}
#dlg.appointment-editor .job-form>.grid{grid-template-columns:minmax(0,1fr);gap:13px}
#dlg.appointment-editor .appointment-editor-hero{display:flex;align-items:center;gap:20px;padding:16px 20px;background:linear-gradient(135deg,#fff,#eff6f5);border:1px solid #cfdee1;border-radius:16px;box-shadow:0 4px 0 #d9e5e7,0 10px 20px -14px #143f4855,inset 0 1px 0 white}
.appointment-editor-hero .appointment-brand{width:78px;height:78px;flex:0 0 78px;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#edf1f3);border:1px solid #d3dfe3;border-radius:18px;box-shadow:0 4px 0 #ccdadd,0 7px 12px #173d4514,inset 0 2px 1px #fff}
.appointment-editor-hero .vehicle-brand-logo{width:66px;height:62px;min-width:0;background:transparent;border:0;padding:5px;box-shadow:none}
.appointment-editor-hero .vehicle-brand-logo img{width:56px;height:50px;object-fit:contain}
.appointment-preview-copy{min-width:0}.appointment-preview-copy h3{font-size:16px;margin:10px 0 5px;color:#193c45}.appointment-preview-copy p{display:flex;align-items:center;gap:6px;font-size:12px;color:#5e727b}.appointment-preview-copy p .factu-icon{width:14px;height:14px;flex:none}
.appointment-license{display:inline-flex;align-items:stretch;max-width:100%;background:linear-gradient(#fff,#f2f3ef);border:2px solid #26343b;border-radius:6px;box-shadow:0 3px 0 #b5c1c5,0 5px 8px #173d4522,inset 0 0 0 2px white;overflow:hidden}
.appointment-license>strong{font-family:'Arial Narrow','Segoe UI',sans-serif;font-size:29px;font-weight:800;letter-spacing:2px;line-height:1;padding:7px 12px;color:#111;white-space:nowrap;text-shadow:0 1px white}
.appointment-license-eu{width:27px;background:#153d91;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none}
.appointment-license-eu svg{width:25px;height:23px;fill:#ffd944;font:5px Arial}.appointment-license-eu b{font-size:12px;line-height:15px}.appointment-no-vehicle{font-size:20px}
.appointment-editor-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:14px;align-items:start}
#dlg.appointment-editor .appointment-editor-card{min-width:0;padding:16px;background:linear-gradient(150deg,#fff,#f9fbfc);border:1px solid #d3e0e4;border-radius:15px;box-shadow:0 3px 0 #dce6e9,0 8px 16px -12px #173d4540}
#dlg.appointment-editor .appointment-section-heading{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:750;color:#244c57;margin:0 0 12px}
#dlg.appointment-editor .appointment-section-heading .factu-icon{width:20px;height:20px;color:#558b91}
#dlg.appointment-editor .appointment-place-row+.appointment-section-heading{margin-top:17px}
.appointment-date-row{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:8px}.appointment-place-row{display:grid;grid-template-columns:1.2fr 1fr;gap:8px;margin-top:11px}
#dlg.appointment-editor .job-form label:not(.appointment-worker){display:flex;flex-direction:column;gap:5px;padding:7px 9px;border:1px solid #d8e3e6;border-radius:9px;background:#fff;font-size:11px;color:#60757e;font-weight:600;box-shadow:inset 0 2px 3px #183e4605}
#dlg.appointment-editor .job-form label:not(.appointment-worker):focus-within{border-color:#70a29b;box-shadow:0 0 0 2px #70a29b25}
#dlg.appointment-editor .job-form label:not(.appointment-worker) :is(input,select,textarea){display:block;width:100%;max-width:100%;min-width:0;padding:2px 0;border:0;border-radius:3px;background:transparent;box-shadow:none;font-size:13px;min-height:22px;color:#183f48}
#dlg.appointment-editor .job-form label:not(.appointment-worker) :is(input,select,textarea):focus{outline:0}
#dlg.appointment-editor .appointment-notes{margin-top:9px}#dlg.appointment-editor .appointment-notes textarea{min-height:44px;resize:vertical}
#dlg.appointment-editor #appointment-date-open{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:32px;height:32px;font-size:12px;padding:6px 10px;margin-top:9px;background:linear-gradient(#fff,#eef5f4);color:#376b70;border:1px solid #c8dbde;border-radius:8px;box-shadow:0 3px 0 #d1e0e2,0 4px 8px -6px #234c5655}
#dlg.appointment-editor #appointment-date-open .factu-icon{width:16px;height:16px}
#dlg.appointment-editor .appointment-assignment>.hint{font-size:12px;margin:-5px 0 12px}
.appointment-worker-list{display:flex;flex-direction:column;gap:9px;max-height:340px;overflow:auto;padding:3px 4px 6px}
#dlg.appointment-editor label.appointment-worker{position:relative;display:flex;flex-direction:row;align-items:center;gap:11px;min-width:0;padding:11px;border:1px solid #d7e1e5;border-radius:12px;cursor:pointer;background:linear-gradient(135deg,#fff,#f3f7f8);color:#284b55;box-shadow:0 3px 0 #dde6e9,0 5px 10px -8px #193e4855;transition:transform .15s,box-shadow .15s,border-color .15s}
#dlg.appointment-editor label.appointment-worker:hover{transform:translateY(-1px);border-color:#8eb1b5;box-shadow:0 4px 0 #d5e2e5,0 7px 12px -7px #173d4533}
#dlg.appointment-editor label.appointment-worker:has(input:checked){border-color:#559a8b;background:linear-gradient(130deg,#f4fcf8,#e0f2eb);box-shadow:0 3px 0 #bddbd0,inset 0 1px 0 white}
.appointment-worker input{position:absolute;opacity:0;width:1px;height:1px}.appointment-worker:focus-within{outline:3px solid #508e85;outline-offset:2px}
#dlg.appointment-editor .appointment-worker .staff-avatar{width:38px;height:38px;min-width:38px;flex:0 0 38px;font-size:13px;border-radius:50%;overflow:hidden}
.appointment-worker .staff-avatar img{width:100%;height:100%;object-fit:cover}.appointment-worker-copy{flex:1;min-width:0}.appointment-worker-copy b{display:block;overflow-wrap:anywhere;font-size:13px;line-height:1.3}.appointment-worker-copy small{display:block;margin-top:4px;font-size:11px;color:#71858c}
.appointment-worker-check{display:grid;place-items:center;width:21px;height:21px;flex:0 0 21px;border:1px solid #c9dadd;border-radius:50%;background:white;color:transparent;font-size:13px}
.appointment-worker:has(input:checked) .appointment-worker-check{background:#31866e;border-color:#31866e;color:white;box-shadow:0 2px 0 #23664f}
.appointment-worker .worker-on{display:none}.appointment-worker:has(input:checked) .worker-off{display:none}.appointment-worker:has(input:checked) .worker-on{display:inline;color:#26725c;font-weight:700}
.appointment-assignment-count{font-size:12px;color:#4e7378;margin:12px 4px 0}.appointment-editor-hint{display:flex;align-items:center;gap:7px;font-size:11px;color:#71858c;padding:2px 3px}.appointment-editor-hint .factu-icon{width:15px;height:15px;flex:none}
.appointment-identity-panel{border:1px solid #d5e3e6;border-radius:11px;background:#fff;box-shadow:0 2px 0 #e2ebed}.appointment-identity-panel[hidden]{display:none}
.appointment-identity-panel summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;padding:11px 13px;font-size:12px;font-weight:650;color:#416973}.appointment-identity-panel summary::-webkit-details-marker{display:none}.appointment-identity-panel summary .factu-icon{width:17px;height:17px}.appointment-identity-panel summary small{margin-left:auto;font-weight:400}.appointment-identity-panel summary .factu-icon:last-child{width:11px;height:11px}.appointment-identity-fields{display:grid;gap:10px;padding:0 12px 12px}
#dlg.appointment-editor #job-error:not(:empty){padding:12px;border:1px solid #edc0cb;background:#fff1f5;border-radius:10px;margin-top:10px}
@media(max-width:680px){#dlg.appointment-editor{padding:13px;width:96vw}#dlg.appointment-editor>.bar{top:-13px}#dlg.appointment-editor>.bar h2{font-size:18px}.appointment-editor-layout{grid-template-columns:1fr}.appointment-worker-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:240px}#dlg.appointment-editor .appointment-editor-hero{gap:13px;padding:13px}.appointment-editor-hero .appointment-brand{width:62px;height:64px;flex-basis:62px}.appointment-editor-hero .vehicle-brand-logo{width:54px;height:50px}.appointment-editor-hero .vehicle-brand-logo img{width:46px;height:42px}.appointment-license>strong{font-size:24px;letter-spacing:1px;padding:8px}.appointment-date-row{grid-template-columns:1.25fr 1fr 1fr}.appointment-preview-copy h3{font-size:14px}.appointment-preview-copy p{font-size:11px}}
@media(max-width:420px){.appointment-worker-list{grid-template-columns:1fr}.appointment-date-row{grid-template-columns:1fr 1fr}.appointment-date-row>label:first-child{grid-column:1/-1}.appointment-place-row{grid-template-columns:1fr}.appointment-license>strong{font-size:21px}.appointment-license-eu{width:23px}.appointment-editor-hero .appointment-brand{width:50px;flex-basis:50px;height:55px}.appointment-editor-hero .vehicle-brand-logo{width:45px}.appointment-editor-hero .vehicle-brand-logo img{width:39px}#dlg.appointment-editor>.bar{flex-wrap:wrap}.appointment-editor-hint{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){#dlg.appointment-editor label.appointment-worker{transition:none;transform:none}}

#dlg.appointment-editor .appointment-worker>input{position:absolute;left:8px;top:8px;width:1px;height:1px;min-width:0;padding:0;border:0;margin:0;opacity:0}

/* Repair editor uses the same visual language as the appointment editor. */
#dlg.repair-order-editor{width:min(980px,96vw)}
.repair-editor-status{margin-left:auto;display:flex;align-items:flex-end;gap:9px;flex-direction:column;font-size:12px;color:#53727b;text-align:right}
.repair-editor-tabs{display:flex;gap:8px;padding:5px 2px 8px;flex-wrap:wrap}
#dlg.repair-order-editor .repair-editor-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;padding:10px 14px;font-size:12px;border:1px solid #cfdee2;border-radius:10px;background:linear-gradient(#fff,#f0f5f6);color:#4a6d78;box-shadow:0 3px 0 #d7e4e8,inset 0 1px white}
#dlg.repair-order-editor .repair-editor-tabs button[aria-selected=true]{background:linear-gradient(145deg,#254e58,#173d46);color:white;border-color:#173d46;box-shadow:0 3px 0 #0d2931,0 6px 12px -7px #173d4560}
.repair-editor-tabs .factu-icon{width:17px;height:17px;flex:none}
.repair-editor-pane[hidden]{display:none!important}
.repair-editor-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-width:0}
.repair-editor-fields>.job-wide{grid-column:auto}.repair-editor-fields>.repair-editor-wide{grid-column:1/-1}
.repair-editor-fields>input[type=hidden]{display:none}
#dlg.repair-order-editor .repair-editor-fields textarea{min-height:65px;resize:vertical}
.repair-editor-extra{padding:0;border:1px solid #d6e2e6;border-radius:9px;background:#f7fafb;margin-top:4px}
.repair-editor-extra summary{display:flex;align-items:center;gap:7px;padding:10px;cursor:pointer;color:#55737c;font-size:12px;list-style:none}.repair-editor-extra summary .factu-icon{width:16px;height:16px}.repair-editor-extra[open]>.repair-editor-fields{padding:0 10px 10px}
#dlg.repair-order-editor .repair-editor-vehicle-fields{grid-template-columns:repeat(3,minmax(0,1fr))}
#dlg.repair-order-editor .vehicle-choice-field{background:white;border:1px solid #d8e3e6;border-radius:9px;padding:7px 9px;min-width:0}
#dlg.repair-order-editor .vehicle-choice-field>label{border:0;padding:0;background:transparent;box-shadow:none;display:block;margin-bottom:5px}
#dlg.repair-order-editor .vehicle-choice-entry{min-height:26px;gap:5px}
#dlg.repair-order-editor .vehicle-choice-entry input{width:100%;min-width:0;border:0;padding:2px 0;font-size:13px;box-shadow:none;background:transparent}
#dlg.repair-order-editor .vehicle-choice-entry .vehicle-brand-logo{width:28px;height:24px;min-width:28px;padding:0}
#dlg.repair-order-editor .vehicle-choice-entry .vehicle-brand-logo img{width:25px;height:22px}
#dlg.repair-order-editor .vehicle-choice-entry .vehicle-color>span:last-child{display:none}
#dlg.repair-order-editor .vehicle-choice-open{width:27px;height:27px;min-width:27px;padding:5px;flex:none}
#dlg.repair-order-editor .vehicle-choice-help{grid-column:1/-1;font-size:11px}
#dlg.repair-order-editor .appointment-editor-layout{grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr)}
#dlg.repair-order-editor .appointment-worker-list{max-height:345px}
@media(max-width:680px){#dlg.repair-order-editor .appointment-editor-layout{grid-template-columns:1fr}#dlg.repair-order-editor .repair-editor-vehicle-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.repair-editor-status{width:100%;margin:3px 0 0;flex-direction:row;justify-content:space-between;align-items:center}#dlg.repair-order-editor .appointment-editor-hero{flex-wrap:wrap}.repair-editor-tabs{gap:6px}#dlg.repair-order-editor .repair-editor-tabs button{flex:1 1 40%;padding:9px}}
@media(max-width:420px){.repair-editor-fields,#dlg.repair-order-editor .repair-editor-vehicle-fields{grid-template-columns:1fr}}

#dlg.appointment-editor.repair-order-editor .job-form .vehicle-choice-field>label{border:0;padding:0;min-height:0;margin:0 0 5px;border-radius:0;background:transparent;box-shadow:none;display:block}

/* Schedule and realistic registration plate in compact agenda cards. */
.workshop-appointment.appointment-compact{container-type:inline-size;gap:9px}
.appointment-card-time{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:750;color:#245a64;font-variant-numeric:tabular-nums;line-height:1.4}
.appointment-card-time .factu-icon{width:15px;height:15px;flex:none}
.appointment-card-time>span{white-space:nowrap}
.appointment-card-vehicle{min-width:0}
.appointment-compact .appointment-license{border-width:1.5px;border-radius:4px;box-shadow:0 2px 0 #bccacf,0 3px 6px #173d4517;vertical-align:top}
.appointment-compact .appointment-license>strong{font-size:17px;letter-spacing:.7px;padding:5px 7px;line-height:1.1}
.appointment-compact .appointment-license-eu{width:19px}
.appointment-compact .appointment-license-eu svg{width:17px;height:16px}
.appointment-compact .appointment-license-eu b{font-size:9px;line-height:10px}
.appointment-card-model{display:flex;align-items:center;gap:7px;margin-top:8px;min-width:0;font-size:12px;color:#526a73}
.appointment-card-model .vehicle-brand-logo{width:26px;height:25px;min-width:26px;flex:0 0 26px;padding:2px}
.appointment-card-model .vehicle-brand-logo img{width:23px;height:21px;object-fit:contain;pointer-events:none}
.appointment-card-model>span:last-child{min-width:0;overflow-wrap:anywhere}
@container(max-width:125px){.appointment-compact .appointment-license>strong{font-size:13px;letter-spacing:.25px;padding:5px 4px}.appointment-compact .appointment-license-eu{width:15px}.appointment-compact .appointment-license-eu svg{width:14px;height:13px}.appointment-card-time{font-size:11px;gap:4px}.appointment-card-time .factu-icon{width:12px;height:12px}}

@container(max-width:100px){.appointment-compact .appointment-license>strong{font-size:9.5px;letter-spacing:0;padding:5px 3px}.appointment-compact .appointment-license-eu{width:10px}.appointment-compact .appointment-license-eu svg{width:10px;height:10px}.appointment-compact .appointment-license-eu b{font-size:7px;line-height:9px}.appointment-card-time{font-size:10px;gap:0}.appointment-card-time .factu-icon{display:none}}

/* Compact update dialog, using the editor's existing surfaces and controls. */
#dlg.repair-update-dialog{width:min(1080px,96vw)}
#dlg.repair-update-dialog .repair-update-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr);gap:14px}
.repair-update-side{min-width:0}.repair-update-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#dlg.repair-update-dialog .repair-update-fields>.job-wide{grid-column:1/-1}
#dlg.repair-update-dialog .repair-update-fields textarea{min-height:64px;resize:vertical;line-height:1.5}
#dlg.repair-update-dialog .repair-update-side .repair-update-fields{grid-template-columns:1fr}
#dlg.repair-update-dialog .repair-update-delivery{margin-top:11px;padding-top:11px;border-top:1px solid #dae5e8}
#dlg.repair-update-dialog .repair-update-delivery:empty{display:none}
#dlg.repair-update-dialog .repair-update-side .hint{font-size:11px;line-height:1.5;margin:12px 0 0}
#dlg.repair-update-dialog .repair-state-choice legend{font-size:11px;color:#60757e;margin:0 0 8px}
#dlg.repair-update-dialog .repair-state-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#dlg.repair-update-dialog .job-form label.repair-state-option{display:block;padding:0;border:0;border-radius:9px;background:none;box-shadow:none;min-width:0;font-weight:650}
#dlg.repair-update-dialog .repair-state-option>input{position:absolute;opacity:0;width:1px;height:1px;min-height:0;min-width:0;padding:0;margin:0;border:0}
#dlg.repair-update-dialog .repair-state-option>span{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:7px 8px;border-radius:9px;font-size:11px;line-height:1.3}
#dlg.repair-update-dialog .repair-state-option>span>.repair-stage-icon,#dlg.repair-update-dialog .repair-state-option>span>.factu-icon{display:inline-flex;align-items:center;justify-content:center;min-height:0;width:18px;height:18px;flex:0 0 18px;padding:0;border:0;border-radius:0;box-shadow:none;background:none;color:inherit}
#dlg.repair-update-dialog .repair-state-option svg{width:18px;height:18px;flex:none}
#dlg.repair-update-dialog #repair-authorization-status{font-size:11px;line-height:1.5;padding:9px 11px;margin:12px 0;border:1px solid #ead9b7;border-radius:9px;background:#fff9ec;color:#826425}
#dlg.repair-update-dialog #repair-authorization-status.repair-update-accepted{background:#eff9f4;border-color:#c4e2d4;color:#2c7056}
#dlg.repair-update-dialog label.repair-update-required{border-left:3px solid #629d90}
.repair-update-people{margin-left:auto;display:flex;flex-direction:column;gap:7px;min-width:0;max-width:230px}
.repair-update-person{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:650;padding:6px 9px;background:linear-gradient(#fff,#eef6f4);border:1px solid #d3e3df;border-radius:10px;box-shadow:0 2px 0 #dbe8e4}
.repair-update-person>span:last-child{overflow-wrap:anywhere}.repair-update-person .staff-avatar{width:30px;height:30px;min-width:30px;flex:0 0 30px;border-radius:50%;overflow:hidden;margin:0}.repair-update-person .staff-avatar img{width:100%;height:100%;object-fit:cover}
.repair-update-reception{border:1px solid #d5e3e6;border-radius:11px;background:#fff;box-shadow:0 2px 0 #e2ebed;min-width:0}
.repair-update-reception summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;padding:12px 14px;font-size:12px;font-weight:650;color:#416973}
.repair-update-reception summary::-webkit-details-marker{display:none}.repair-update-reception summary .factu-icon{width:17px;height:17px;flex:none}.repair-update-reception summary small{margin-left:auto;font-size:11px;font-weight:400;color:#72848a}.repair-update-reception summary .factu-icon:last-child{width:11px;height:11px}
.repair-update-reception>.repair-update-fields{padding:0 13px 13px}
#main .repair-list-table .repair-list-license{align-self:flex-start;margin:0 0 7px;max-width:100%}
#main .repair-list-table .repair-list-license>strong{font-size:23px;letter-spacing:1.2px;padding:7px 9px;line-height:1.1}
#main .repair-list-table .repair-list-license .appointment-license-eu{width:22px;min-width:22px;align-self:stretch}
#main .repair-list-table .repair-list-license .appointment-license-eu svg{width:18px;height:18px}
#main .repair-list-table .repair-list-license .appointment-license-eu b{font-size:10px}
@media(max-width:1100px){#main .repair-list-table .repair-list-license>strong{font-size:23px}}
@media(max-width:760px){#dlg.repair-update-dialog .repair-update-layout{grid-template-columns:1fr}#dlg.repair-update-dialog .appointment-editor-hero{flex-wrap:wrap}.repair-update-people{flex-direction:row;flex-wrap:wrap;max-width:none;width:100%;margin:0}.repair-update-reception summary small{display:none}#dlg.repair-update-dialog .repair-state-options{grid-template-columns:repeat(2,minmax(0,1fr))}#dlg.repair-update-dialog .repair-update-side .repair-update-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.repair-update-fields,#dlg.repair-update-dialog .repair-update-side .repair-update-fields{grid-template-columns:1fr}}

#dlg.repair-update-dialog .repair-update-layout>.appointment-editor-card>.repair-update-fields:not(.repair-update-delivery)>.job-wide{grid-column:auto}
#dlg.repair-update-dialog .repair-update-side{padding:0;border:0;background:none;width:auto;display:block}
@media(max-width:500px){#dlg.repair-update-dialog .repair-update-layout>.appointment-editor-card>.repair-update-fields:not(.repair-update-delivery)>.job-wide{grid-column:1/-1}}

#dlg.repair-update-dialog.repair-update-worker{width:min(880px,96vw)}
#dlg.repair-update-dialog.repair-update-worker .repair-update-layout{grid-template-columns:1fr}
#dlg.repair-update-dialog.repair-update-worker .repair-update-side{display:none}
#dlg.repair-update-dialog.repair-update-worker .repair-state-options{grid-template-columns:repeat(2,minmax(0,1fr))}

/* One plate appearance on every vehicle card, regardless of registration format. */
#main .repair-list-model{font-size:15px;font-weight:700;line-height:1.35;color:#294e59}
#main .vehicle-list-identity .job-link{display:flex;flex-direction:column;align-items:flex-start;gap:8px;white-space:normal}
.vehicle-list-license>strong,.vehicle-lookup-license>strong{font-size:23px;letter-spacing:1.2px;padding:7px 9px}
.vehicle-list-license .appointment-license-eu,.vehicle-lookup-license .appointment-license-eu{width:22px;min-width:22px}
.vehicle-list-license .appointment-license-eu svg,.vehicle-lookup-license .appointment-license-eu svg{width:18px;height:18px}
.vehicle-list-license .appointment-license-eu b,.vehicle-lookup-license .appointment-license-eu b{font-size:10px;line-height:12px}
.repair-lookup-result .appointment-license,.repair-selected-vehicle .appointment-license{align-self:flex-start}
.repair-lookup-model{display:block;margin-top:7px;font-size:14px;line-height:1.3}
.appointment-detail .appointment-license{margin-bottom:8px}.appointment-detail .appointment-license>strong{font-size:25px}
@media(max-width:1000px){#main .repair-list-model{font-size:14px}}

/* New reception shares the compact workshop editor. */
#dlg.repair-new-dialog.repair-new-visual{width:min(1080px,96vw)}
#dlg.repair-new-visual .job-form>.grid{display:flex;flex-direction:column;gap:13px}
#dlg.repair-new-visual .repair-new-visual-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);gap:14px}
.repair-new-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.repair-new-fields>.repair-new-wide{grid-column:1/-1}
#dlg.repair-new-visual .repair-new-fields textarea{min-height:60px;resize:vertical}
#dlg.repair-new-visual .appointment-editor-hero{margin:0}
#dlg.repair-new-visual .appointment-editor-hero>.vehicle-color{margin-left:auto}
#dlg.repair-new-visual .repair-new-chooser,#dlg.repair-new-visual .repair-new-extra,#dlg.repair-new-visual .repair-new-damage{border:1px solid #d5e3e6;border-radius:11px;background:#fff;box-shadow:0 2px 0 #e2ebed;min-width:0}
#dlg.repair-new-visual details>summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;padding:11px 13px;font-size:12px;font-weight:650;color:#416973}
#dlg.repair-new-visual details>summary::-webkit-details-marker{display:none}
#dlg.repair-new-visual details>summary .factu-icon{width:17px;height:17px;flex:none}
#dlg.repair-new-visual details>summary .factu-icon:last-child{margin-left:auto;width:11px;height:11px}
#dlg.repair-new-visual details>summary small{font-weight:400;color:#71878d}
#dlg.repair-new-visual .repair-entry-identity{padding:0 12px 12px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
#dlg.repair-new-visual .repair-entry-identity .repair-lookup{grid-column:1/-1;padding:10px 12px;margin:0;background:#f4f8f9}
#dlg.repair-new-visual .repair-entry-identity .repair-lookup>label{border:0;background:none;padding:0;box-shadow:none}
#dlg.repair-new-visual .repair-lookup input{min-height:34px;padding:6px 9px;margin-top:6px;font-size:13px;background:#fff}
#dlg.repair-new-visual .repair-lookup-results{max-height:180px;margin-top:6px}
#dlg.repair-new-visual .repair-entry-identity>.repair-entry-hint{grid-column:1/-1;margin:0}
#dlg.repair-new-visual .repair-entry-hint:has(.hint:empty){display:none}
#dlg.repair-new-visual .repair-entry-vehicle{display:flex;align-items:center;gap:8px;min-width:0}
#dlg.repair-new-visual .repair-entry-vehicle>label{flex:1;min-width:0}
#dlg.repair-new-visual .repair-entry-vehicle>button{min-height:34px;font-size:11px;padding:7px 10px}
#dlg.repair-new-visual .repair-new-extra{margin-top:11px;background:#f7fafb}
#dlg.repair-new-visual .repair-new-extra>.repair-new-fields{padding:0 11px 11px}
#dlg.repair-new-visual .appointment-worker-list{max-height:285px;padding:3px 3px 6px}
#dlg.repair-new-visual .appointment-editor-card>.hint{font-size:11px;line-height:1.5;margin:9px 3px 0}
#dlg.repair-new-visual .reception-damage-panel{border:0;box-shadow:none;margin:0;padding:0 13px 13px;background:none}
#dlg.repair-new-visual .reception-damage-panel>h3{display:none}
#dlg.repair-new-visual>.bar .actions{gap:7px;flex-wrap:wrap}
#dlg.repair-new-visual>.bar button{display:inline-flex;align-items:center;gap:6px;font-size:12px;min-height:36px;padding:8px 11px}
#dlg.repair-new-visual>.bar button .factu-icon{width:16px;height:16px}
@media(max-width:760px){#dlg.repair-new-visual .repair-new-visual-layout{grid-template-columns:1fr}#dlg.repair-new-visual .repair-entry-identity{grid-template-columns:1fr}#dlg.repair-new-visual>.bar{flex-wrap:wrap}#dlg.repair-new-visual .appointment-editor-hero{flex-wrap:wrap}#dlg.repair-new-visual .appointment-editor-hero>.vehicle-color{margin-left:0}}
@media(max-width:420px){.repair-new-fields{grid-template-columns:1fr}#dlg.repair-new-visual>.bar .actions{width:100%}}

/* Venezuelan plate: country caption and soft national colours, without an EU band. */
.appointment-license.venezuela-license{position:relative;flex-direction:column;align-items:stretch;background:linear-gradient(165deg,#fff8cd 0%,#fffdf4 36%,#e7f2fb 63%,#ffeded 100%);border-color:#577485;box-shadow:0 3px 0 #b5c1c5,0 5px 8px #173d4522,inset 0 0 0 2px #fff}
.venezuela-license-country{display:block;text-align:center;font-family:Arial,sans-serif;font-size:6px!important;font-weight:750;letter-spacing:.15px;line-height:1.2;padding:3px 4px 0;color:#244d7c;white-space:nowrap}
.appointment-license.venezuela-license>strong{display:block;text-align:center;padding-top:4px;padding-bottom:5px;color:#163f64}
.venezuela-license-colors{display:block;height:3px;background:linear-gradient(90deg,#f5cf38 0 33.33%,#2653a0 33.33% 66.66%,#cc4350 66.66%);margin:0 3px 2px;border-radius:1px}
.appointment-compact .venezuela-license-country{font-size:4px!important;letter-spacing:0;padding:2px 1px 0}.appointment-compact .venezuela-license-colors{height:2px}
@container(max-width:125px){.appointment-compact .venezuela-license-country{font-size:3px!important}}