.work-card-grid{grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:16px}
.work-card{position:relative;gap:0;padding:20px;min-height:220px;border-radius:12px;background:var(--surface);transition:background .16s,border-color .16s,box-shadow .16s}
.work-card-top{align-items:center;gap:12px;margin-bottom:20px;min-height:25px}
.work-card-top>.service-category{flex:none;font-size:calc(11px * var(--font-scale,1));white-space:nowrap}
.work-card .work-card-top>.service-category.inspection{color:var(--accent)}.work-card .work-card-top>.service-category.repair{color:var(--amber)}.work-card .work-card-top>.service-category.consultation{color:#c4b0df}
:root[data-theme=light] .work-card .work-card-top>.service-category.consultation{color:#75528d}
:root[data-theme=light] .work-stage.quoted{color:#75528d;background:#75528d12}
.work-stage{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none;white-space:nowrap;font-size:calc(11px * var(--font-scale,1));font-weight:600;line-height:1.4;padding:5px 8px;border-radius:6px;color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent)}
.work-stage i{width:4px;height:4px;flex:none;border-radius:50%;background:currentColor}
.work-stage.review{color:var(--amber);background:color-mix(in srgb,var(--amber) 11%,transparent)}
.work-stage.quoted{color:#b6a5d6;background:#b6a5d612}.work-stage.before,.work-stage.complete,.work-stage.cancelled{color:var(--muted);background:var(--soft-line)}
.work-card-vehicle{display:grid;gap:6px}.work-card-vehicle strong{font-size:calc(16px * var(--font-scale,1));font-weight:600;line-height:1.5;overflow-wrap:anywhere;color:var(--strong)}
.work-card-vehicle small{font-size:calc(12px * var(--font-scale,1));letter-spacing:.015em;color:var(--text);font-variant-numeric:tabular-nums}
.work-card-person{display:flex;align-items:center;font-size:calc(12px * var(--font-scale,1));color:var(--text);margin-top:14px}
.work-card .work-card-title{font-size:calc(16px * var(--font-scale,1));font-weight:600;line-height:1.6;min-height:26px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--strong)}
.work-card-summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;white-space:pre-line;font-size:calc(12px * var(--font-scale,1));line-height:1.75;color:var(--muted);margin-top:8px}
.work-card-car{display:flex;flex-wrap:wrap;gap:5px 10px;margin:18px 0 0;font-size:calc(12px * var(--font-scale,1));color:var(--muted);line-height:1.7}.work-card-car small{font-size:calc(11px * var(--font-scale,1));letter-spacing:.01em}.work-card .work-card-person{margin:7px 0 20px}
.service-workspace-heading>div:first-child{min-width:0}.service-workspace-heading h1{overflow-wrap:anywhere}
.work-card-description{font-size:calc(11px * var(--font-scale,1));color:var(--muted);line-height:1.6;margin:7px 0 17px;min-height:18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.work-card-bottom{border-top:1px solid var(--soft-line);padding-top:13px;margin-top:auto;font-size:calc(11px * var(--font-scale,1));gap:8px}.work-card-bottom>span{display:flex;gap:8px;align-items:baseline;font-variant-numeric:tabular-nums}.work-card-bottom small{font-size:calc(10px * var(--font-scale,1));color:var(--muted)}
.work-card:hover,.work-card.is-selected{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));background:color-mix(in srgb,var(--accent) 4%,var(--surface));box-shadow:0 3px 16px #0000000a}
.work-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.info-panel-heading .info-heading-kicker{display:flex;gap:8px;align-items:center;margin-bottom:13px}.info-heading-kicker .work-stage{margin-left:auto}.info-heading-kicker>span:first-child{font-size:calc(11px * var(--font-scale,1));color:var(--muted)}
.info-panel-section{padding:22px 0;border-bottom:1px solid var(--line)}.info-panel-section:last-child{border-bottom:0}.info-panel-section>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;gap:12px}
.info-panel-section h3{margin:0;font-size:calc(11px * var(--font-scale,1));font-weight:600;color:var(--muted)}.info-panel-section .info-customer-link{font-size:calc(11px * var(--font-scale,1));color:var(--accent);padding:3px 0}
.info-customer-link{display:inline-flex;align-items:center;gap:5px}.info-customer-link svg{width:13px;height:13px}.info-panel-section>[data-open-document-file]{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 0;font-size:calc(12px * var(--font-scale,1));color:var(--accent);text-align:left}.info-panel-section>[data-open-document-file] svg{width:16px;height:16px}
.info-person-name{font-size:calc(15px * var(--font-scale,1));font-weight:600;color:var(--strong);line-height:1.5}.info-secondary{font-size:calc(12px * var(--font-scale,1));color:var(--muted);line-height:1.8;margin:4px 0 0;overflow-wrap:anywhere}.info-vehicle-plate{font-size:calc(15px * var(--font-scale,1));font-weight:600;letter-spacing:.02em;color:var(--strong)}
.info-compact-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 0}.info-compact-fields dt{font-size:calc(10px * var(--font-scale,1));color:var(--muted);margin-bottom:4px}.info-compact-fields dd{font-size:calc(12px * var(--font-scale,1));color:var(--text);margin:0;overflow-wrap:anywhere}.info-compact-fields .full{grid-column:1/-1}
.info-work-entry{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:17px 0;margin:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--accent);font-size:calc(13px * var(--font-scale,1));font-weight:600;text-align:left}.info-work-entry svg{width:17px;height:17px;flex:none}.info-work-entry:hover{background:color-mix(in srgb,var(--accent) 5%,transparent)}
.info-booking-history{margin-top:16px}.info-booking-history summary{font-size:calc(11px * var(--font-scale,1));color:var(--muted);cursor:pointer}.info-history-link{display:flex;width:100%;justify-content:space-between;align-items:center;gap:8px;text-align:left;padding:11px 0;border-bottom:1px solid var(--soft-line);font-size:calc(11px * var(--font-scale,1))}.info-history-link strong{font-weight:500;display:block}.info-history-link small{display:block;font-size:calc(10px * var(--font-scale,1));color:var(--muted);margin-top:3px}.info-history-link>span:last-child{color:var(--muted);white-space:nowrap}.info-history-link:hover{color:var(--accent)}
.info-work-memo{font-size:calc(12px * var(--font-scale,1));line-height:1.85;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0 0}
.info-customer-summary{display:flex;flex-wrap:wrap;gap:10px 20px;padding:16px 0;border-bottom:1px solid var(--line);font-size:calc(11px * var(--font-scale,1));color:var(--muted)}.info-customer-summary strong{font-size:calc(14px * var(--font-scale,1));font-weight:600;color:var(--text);margin-left:5px}.info-customer-vehicle+.info-customer-vehicle{border-top:1px solid var(--soft-line);padding-top:13px;margin-top:13px}.info-customer-vehicle .info-secondary{display:flex;justify-content:space-between;gap:8px}.info-customer-record{display:block;width:100%;padding:12px 0;text-align:left;border-bottom:1px solid var(--soft-line);font-size:calc(12px * var(--font-scale,1));line-height:1.65;color:var(--text);overflow-wrap:anywhere}.info-customer-record:last-child{border-bottom:0}.info-customer-record>strong{display:block;font-weight:550;color:var(--text)}.info-customer-record>small{display:block;margin-top:5px;font-size:calc(11px * var(--font-scale,1));color:var(--muted)}.info-customer-record:hover strong{color:var(--accent)}.info-customer-record .work-stage{font-size:calc(10px * var(--font-scale,1));margin:0 0 7px;padding:4px 6px}.info-customer-record a{color:var(--accent)}.info-customer-more>summary{font-size:calc(12px * var(--font-scale,1));color:var(--muted);cursor:pointer;padding:14px 0}.info-customer-more[open]>summary{border-bottom:1px solid var(--line)}
.customer-record-row.is-selected{background:var(--selected)}
#info-panel-content:has(>.info-customer-summary)>.info-panel-heading{position:sticky;top:0;z-index:3;background:var(--side)}
.service-workspace{max-width:980px;margin:0 auto}.service-workspace-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding:20px 0 26px;border-bottom:1px solid var(--line)}.work-kicker{font-size:calc(12px * var(--font-scale,1));color:var(--muted)}.service-workspace-heading h1{font-size:calc(25px * var(--font-scale,1));font-weight:600;margin:10px 0}.service-workspace-heading p{font-size:calc(13px * var(--font-scale,1));color:var(--muted);margin:0;line-height:1.8}.service-workspace-heading p span{margin:0 9px}.service-workspace-heading>div:last-child{display:flex;align-items:flex-end;flex-direction:column;gap:20px;padding-top:3px}.work-refresh{font-size:calc(11px * var(--font-scale,1));color:var(--muted)}
.work-service-title{font-size:calc(14px * var(--font-scale,1));color:var(--text);margin:24px 0 0}.work-record-section{padding:27px 0;border-bottom:1px solid var(--line)}.work-record-section h2{font-size:calc(14px * var(--font-scale,1));font-weight:600;margin:0 0 18px}.work-request-memo{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;font-size:calc(14px * var(--font-scale,1));margin:0}.work-quiet{font-size:calc(13px * var(--font-scale,1));color:var(--muted);line-height:1.8;margin:0}.work-history-record{padding:18px 0;border-top:1px solid var(--soft-line)}.work-history-record:first-of-type{border-top:0;padding-top:0}.work-history-record header{display:flex;justify-content:space-between;gap:15px;font-size:calc(12px * var(--font-scale,1))}.work-history-record header strong{font-weight:550}.work-history-record header span{font-size:calc(11px * var(--font-scale,1));color:var(--muted)}.work-history-record ul{font-size:calc(13px * var(--font-scale,1));line-height:1.8;margin:13px 0;padding-left:18px}.work-next{font-size:calc(13px * var(--font-scale,1));line-height:1.8;white-space:pre-wrap}.work-next>span{display:block;font-size:calc(11px * var(--font-scale,1));color:var(--muted)}.work-record-link{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;width:100%;text-align:left;color:var(--accent);font-size:calc(13px * var(--font-scale,1))}.work-record-link small{display:block;color:var(--muted);font-size:calc(11px * var(--font-scale,1));margin-top:5px}.work-record-link:hover{text-decoration:underline;text-underline-offset:4px}
@container work-content (max-width:900px){.work-card-grid{grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr))}}
@media(max-width:700px){.work-card-grid{grid-template-columns:1fr;gap:12px}.work-card{min-height:216px;padding:18px}.service-workspace-heading h1{font-size:calc(21px * var(--font-scale,1))}.service-workspace-heading{gap:12px}.info-panel-section{padding:19px 0}}
@media(prefers-reduced-motion:reduce){.work-card{transition:none}}