.customerCarsButton{margin-top:7px!important;min-height:34px;border:0;border-radius:8px;background:#238b57;color:#fff;font-weight:900;cursor:pointer}.vehicleHistoryModal[hidden]{display:none!important}.vehicleHistoryModal{position:fixed;inset:0;z-index:400;background:#071018e8;overflow:auto}.vehicleHistoryPage{width:100%;min-height:100dvh;box-sizing:border-box;background:#f3f5f7;padding:20px}.vehicleHistoryHead{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:15px;margin:-20px -20px 18px;padding:17px 22px;background:#17202a;color:#fff;box-shadow:0 5px 18px #0004}.vehicleHistoryHead small{font-weight:900;color:#bfc8cf}.vehicleHistoryHead h2{margin:3px 0 0}.vehicleHistoryHead button{min-height:44px;border:0;border-radius:10px;padding:0 15px;font-weight:900}.vehicleHistoryTabs{display:flex;gap:8px;overflow:auto;margin-bottom:18px;padding-bottom:5px}.vehicleHistoryTabs button{white-space:nowrap;min-height:46px;border:1px solid #ccd4da;border-radius:11px;padding:0 15px;background:#fff;font-weight:900}.vehicleHistoryTabs button.active{background:#238b57;color:#fff;border-color:#238b57}.vehicleHistoryVisits{display:grid;gap:14px}.vehicleServiceVisit{background:#fff;border-radius:16px;padding:16px;box-shadow:0 4px 18px #0001}.vehicleServiceVisit>header{display:grid;grid-template-columns:minmax(180px,.7fr) 1.3fr;gap:14px;padding-bottom:12px;border-bottom:1px solid #e0e5e9}.vehicleServiceVisit>header span{display:block;margin-top:4px;color:#66717d}.vehicleServiceVisit>header strong{font-size:18px}.vehicleServiceForm{display:grid;grid-template-columns:minmax(220px,.5fr) 1.5fr;gap:14px;margin-top:14px}.vehicleServiceForm>fieldset{grid-row:span 3;border:1px solid #d7dee3;border-radius:12px;padding:12px}.partsChecklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 12px}.partsChecklist label,.noPartsChoice{display:flex!important;align-items:center;gap:8px;margin:0!important;padding:7px;border-radius:7px;background:#f4f6f7}.partsChecklist input,.noPartsChoice input{width:20px!important;height:20px;margin:0!important;flex:0 0 20px}.vehicleServiceForm textarea{width:100%;box-sizing:border-box;margin-top:5px;padding:10px;border:1px solid #cbd3d9;border-radius:9px;font:inherit}.saveServiceHistory{min-height:48px;border:0;border-radius:10px;background:#238b57;color:#fff;font-weight:900}.saveHistoryStatus{font-weight:900}.saveHistoryStatus.success{color:#176b3b}.saveHistoryStatus.error{color:#b42318}.vehicleHistoryEmpty{padding:35px;text-align:center;background:#fff;border-radius:15px}.vehicleHistoryOpen{overflow:hidden}.clientServiceHistory{border-left:5px solid #238b57!important}.clientServiceDetails{margin-top:10px;padding-top:9px;border-top:1px solid #dce2e7}.clientServiceDetails b,.clientServiceDetails span{display:block}.clientServiceDetails ul{margin:6px 0 8px;padding-left:20px}.clientServiceNotes{padding:9px;border-radius:9px;background:#eef8f2;color:#176b3b!important}.vehicleHistoryHeadActions{display:flex;align-items:center;gap:9px}.vehicleHistoryHeadActions .editVehicleHistory{background:#238b57;color:#fff}.vehicleHistoryHeadActions .backToHistory{background:#f0b429;color:#17202a}.vehicleHistoryPage.viewing{width:min(980px,calc(100% - 32px));min-height:0;margin:24px auto;border-radius:18px;padding:20px;box-shadow:0 18px 55px #0007}.vehicleHistoryPage.viewing .vehicleHistoryHead{border-radius:18px 18px 0 0}.vehicleHistoryPage.viewing .vehicleHistoryVisits{max-width:820px;margin:0 auto}.vehicleHistorySummary .clientServiceDetails{display:grid;gap:9px}.vehicleHistorySummary .clientServiceDetails>span:not(.clientServiceNotes){color:#66717d}.vehicleHistorySummary .clientServiceDetails ul{columns:2;column-gap:28px}.vehicleHistoryPage.editing{width:100%;min-height:100dvh;margin:0;border-radius:0}.vehicleHistoryPage.editing .vehicleHistoryHead{border-radius:0}@media(max-width:720px){.vehicleHistoryPage{padding:10px}.vehicleHistoryHead{margin:-10px -10px 12px;padding:12px}.vehicleHistoryHead h2{font-size:18px}.vehicleServiceVisit>header,.vehicleServiceForm{grid-template-columns:1fr}.vehicleServiceForm>fieldset{grid-row:auto}.partsChecklist{grid-template-columns:1fr}.vehicleHistoryHead button{padding:0 10px}.vehicleHistoryPage.viewing{width:calc(100% - 16px);margin:8px auto;padding:10px}.vehicleHistoryHeadActions{align-items:stretch;flex-direction:column;gap:6px}.deleteHistoryEntry{display:block;margin:20px 0 0;padding:12px 14px;border:1px solid #a82222;border-radius:10px;background:#fff0ee;color:#a82222;font-weight:800;cursor:pointer}.deleteHistoryEntry:disabled{opacity:.5;cursor:wait}.vehicleHistoryHeadActions button{min-height:38px}.vehicleHistorySummary .clientServiceDetails ul{columns:1}}
/* Client visit history cards */
.clientServiceHistory{padding:0!important;overflow:hidden}.clientServiceHistory>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;cursor:pointer}.clientServiceHistory>summary::-webkit-details-marker{display:none}.clientHistorySummaryText{min-width:0;display:grid;gap:5px}.clientHistorySummaryText>b{font-size:16px;color:#17202a}.clientHistorySummaryText>span{font-size:13px;color:#66717d}.clientHistoryOpenText{flex:none;padding:8px 13px;border:2px solid #8f1d1d;border-radius:9px;background:#f44336;color:#8f1d1d;font-weight:1000;font-size:14px;text-shadow:0 1px 0 #ffffff66;box-shadow:0 2px 5px #0002}.clientHistoryOpenText:after{content:'Wejdź'}.clientServiceHistory[open] .clientHistoryOpenText:after{content:'Zwiń'}.clientServiceHistory .clientServiceDetails{margin:0;padding:14px 16px 16px;border-top:1px solid #dce2e7}.clientHistoryField{display:grid;gap:7px;margin:0 0 13px}.clientHistoryField:last-child{margin-bottom:0}.clientHistoryField>b{font-size:13px;color:#59636d;text-transform:uppercase;letter-spacing:.04em}.clientHistoryField p{margin:0;color:#17202a;line-height:1.5}.clientHistoryService,.clientHistoryPart{display:flex;align-items:center;gap:9px;line-height:1.45}.clientHistoryParts{display:grid;gap:8px}.clientHistoryCheck{width:22px;height:22px;flex:0 0 22px;display:inline-grid;place-items:center;box-sizing:border-box;border-radius:5px;background:#238b57;color:#fff;font-size:14px;font-weight:1000}.clientHistoryPart .clientHistoryCheck{border:2px solid #101820;border-radius:0;background:#fff;color:#20a653}.clientHistoryEmpty{margin:0;color:#66717d}.clientHistoryField .clientHistoryService{font-weight:800}.clientHistoryField .clientHistoryPart{padding:7px 9px;border-radius:8px;background:#f4f8f5}
@media(max-width:600px){.clientServiceHistory>summary{padding:12px;align-items:flex-start}.clientHistoryOpenText{padding:7px 9px}.clientHistorySummaryText>b{font-size:14px}.clientServiceHistory .clientServiceDetails{padding:12px}}.clientHistoryOverview{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(125px,.7fr) minmax(170px,.9fr);gap:12px;margin-bottom:15px}.clientHistoryOverview .clientHistoryField{margin:0;padding:11px 12px;border:1px solid #e1e7eb;border-radius:10px;background:#f8fafb}.clientHistoryOverview .clientHistoryField p{font-weight:700}.clientHistoryHandCheck{width:24px!important;height:24px!important;min-width:24px;min-height:24px;flex:0 0 24px!important;aspect-ratio:1;display:inline-grid!important;place-items:center;box-sizing:border-box;border:2px solid #101820!important;border-radius:0!important;background:#fff!important;color:#159447!important;overflow:visible;transform:none!important;z-index:1}.clientHistoryHandMark{display:block;width:30px;height:28px;color:#a6e619;overflow:visible;transform:translate(2px,-3px)}.clientHistoryHandMark path{stroke:#a6e619;stroke-width:6.5}@media(max-width:600px){.clientHistoryOverview{grid-template-columns:1fr;gap:9px}.clientHistoryOverview .clientHistoryField{padding:10px 11px}.clientHistoryField--vehicle{order:1}.clientHistoryField--mileage{order:2}.clientHistoryField--service{order:3}}.clientHistoryNotesLabel{color:#a21e24!important;font-weight:900!important;animation:clientHistoryNotePulse 1.9s ease-in-out infinite}@keyframes clientHistoryNotePulse{0%,100%{color:#9d2025;text-shadow:0 0 0 #9d202533}50%{color:#d84c51;text-shadow:0 0 5px #d84c5140}}@media(prefers-reduced-motion:reduce){.clientHistoryNotesLabel{animation:none}}.clientHistoryChooser{margin:14px 0 16px;padding:14px;border:1px solid #dce3e6;border-radius:12px;background:#f7f9fa}.clientHistoryChooser>p{margin:0 0 11px;color:#17202a;font-weight:800}.clientHistoryVehicleButtons{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px}.clientHistoryVehicleButton{width:100%;min-height:48px;padding:10px 12px;border:1px solid #c7d0d4;border-radius:10px;background:#fff;color:#17202a;font:inherit;font-weight:800;text-align:left;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}.clientHistoryVehicleButton.active{border-color:#238b57;background:#238b57;color:#fff;box-shadow:0 2px 7px #238b5738}.clientHistoryVehicleButton:focus-visible{outline:3px solid #a6e619;outline-offset:2px}@media(max-width:600px){.clientHistoryVehicleButtons{grid-template-columns:1fr}}.clientHistoryServices{display:grid;gap:8px}.clientHistoryService{align-items:flex-start}