:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#1b2b42;background:#f5f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}svg{width:20px;height:20px;flex-shrink:0}.hidden{display:none!important}.layout{display:flex;min-height:100vh}.sidebar{width:250px;background:#101e32;color:#a8b6cb;display:flex;flex-direction:column;flex-shrink:0;padding:27px 15px 18px}.brand{display:flex;align-items:center;gap:11px;color:#fff;font-size:22px;font-weight:800;letter-spacing:-1px;padding:0 13px}.brand-accent{color:#64b9ff}.brand small{font-size:9px;color:#9eb1c9;letter-spacing:2px;align-self:flex-end;margin:0 0 4px -7px}.brandmark{background:#278cf0;color:white;border-radius:11px;width:38px;height:38px;display:grid;place-items:center}.brandmark svg{width:22px;height:22px}.nav-label{font-size:10px;font-weight:800;letter-spacing:1.6px;color:#61738d;margin:55px 14px 13px}.sidebar nav{display:grid;gap:5px}.nav-item{width:100%;border:0;background:transparent;color:#a7b7ca;display:flex;align-items:center;gap:13px;padding:13px 15px;border-radius:9px;text-align:left;font-size:13px;font-weight:650}.nav-item svg{width:19px;height:19px}.nav-item:hover{background:#1c304c;color:#fff}.nav-item.active{background:#2361aa;color:#fff}.sidebar-bottom{margin-top:auto}.local-pill{font-size:11px;border:1px solid #30435c;background:#172a42;border-radius:9px;padding:13px;margin:10px 3px 14px}.online-dot{display:inline-block;background:#49d9a2;width:7px;height:7px;border-radius:50%;margin-right:6px}.main{flex:1;min-width:0}.topbar{height:76px;background:#fff;border-bottom:1px solid #e7edf4;display:flex;align-items:center;justify-content:space-between;padding:0 42px}.crumb{font-size:10px;letter-spacing:1.3px;font-weight:800;color:#7f8da0}.crumb span{padding:0 10px;color:#bec8d3}.user-pill{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;color:#4a5d72}.avatar{background:#e4effe;color:#246fbd;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-weight:800}.content{max-width:1540px;margin:0 auto;padding:38px 42px 70px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:850;color:#2585dc;margin-bottom:10px}.page-heading h1{font-size:31px;letter-spacing:-1.3px;margin:0 0 7px;color:#15273e}.page-heading p,.section-title p{margin:0;color:#8391a4;font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;border:1px solid transparent;padding:11px 16px;font-size:12px;font-weight:750;white-space:nowrap}.btn svg{width:16px;height:16px}.btn.primary{background:#237de1;color:#fff;box-shadow:0 3px 8px #2776ce26}.btn.primary:hover{background:#146cc9}.btn.secondary{background:white;border-color:#dfe7f0;color:#3b516b}.btn.secondary:hover{background:#f5f9fd}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:35px}.stat{background:white;border:1px solid #e8edf4;border-radius:13px;padding:23px 19px;display:flex;gap:15px;align-items:flex-start;box-shadow:0 3px 15px #192e4905}.stat-icon{width:43px;height:43px;border-radius:11px;display:grid;place-items:center}.stat-icon.blue{background:#e8f2ff;color:#2883e7}.stat-icon.red{background:#fff0ef;color:#ed6763}.stat-icon.amber{background:#fff6e7;color:#e7a337}.stat-icon.green{background:#e8faf2;color:#36b985}.stat span{font-size:11px;color:#8491a3;font-weight:650;display:block}.stat strong{font-size:26px;display:block;letter-spacing:-1px;margin:7px 0 4px}.stat small{font-size:10px;color:#9ba6b4}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.section-title h2{font-size:17px;letter-spacing:-.4px;margin:0 0 5px}.section-gap{margin-top:34px}.vehicle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.vehicle-card{border:1px solid #e6ecf4;background:white;border-radius:13px;text-align:left;padding:20px;min-width:0;box-shadow:0 3px 15px #192e4905;transition:transform .15s,border-color .15s}.vehicle-card:hover{transform:translateY(-2px);border-color:#a5cafa}.vehicle-illustration{height:78px;background:linear-gradient(110deg,#eef5ff,#f7f9fc);border-radius:9px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;color:#75a3d3}.vehicle-illustration svg{width:75px;height:75px;stroke-width:1.05}.vehicle-name{font-size:17px;font-weight:800;color:#1c2d43}.vehicle-sub{font-size:11px;color:#8796a8;margin-top:5px}.vehicle-bottom{border-top:1px solid #eef1f6;margin-top:19px;padding-top:17px;display:flex;justify-content:space-between;align-items:center;gap:8px}.vehicle-bottom small,.detail-hero small{font-size:9px;letter-spacing:1px;color:#91a0b0;font-weight:800;display:block}.vehicle-bottom strong{font-size:16px;display:block;margin-top:6px}.vehicle-bottom strong span,.detail-hero strong span{font-size:11px;color:#92a0af;font-weight:500}.badge{font-size:10px;font-weight:750;border-radius:20px;padding:6px 9px;white-space:nowrap;display:inline-flex;align-items:center;gap:5px}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge.overdue{color:#c85252;background:#fff0ef}.badge.soon{color:#ad791d;background:#fff5df}.badge.good{color:#278d69;background:#e8f8f0}.panel{border:1px solid #e6ecf3;background:white;border-radius:12px;overflow:hidden;box-shadow:0 3px 15px #192e4905}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{font-size:9px;letter-spacing:1px;color:#91a0b1;text-align:left;background:#fbfcfe;padding:17px 20px;white-space:nowrap}td{border-top:1px solid #eff2f6;padding:17px 20px;color:#65778d;vertical-align:middle}tr:hover td{background:#fafcff}.cell-strong{font-weight:700;color:#263951}.right{text-align:right}.muted{color:#91a0b1}.smaller{font-size:10px;margin-top:4px;max-width:400px}.empty{padding:35px;text-align:center;color:#8d9cad}.empty-card{background:white;border:1px dashed #ccd7e4;border-radius:12px;padding:40px;color:#7c8fa3}.text-action,.back-link{border:0;background:transparent;color:#237de1;display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:750}.text-action svg{width:14px;height:14px}.back-link{margin-bottom:20px}.detail-hero{display:flex;align-items:center;gap:30px;background:white;border:1px solid #e6ecf4;border-radius:13px;padding:24px 30px}.detail-hero-icon{width:145px;height:115px;border-radius:12px;background:#edf5ff;color:#8ab0dc;display:grid;place-items:center}.detail-hero-icon svg{width:100px;height:100px;stroke-width:1}.detail-hero-stats{flex:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.detail-hero-stats>div{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.detail-hero strong{font-size:21px;color:#1c2d43}.detail-hero strong.vin{font-size:13px;word-break:break-word}.filterbar{margin-bottom:16px}.filterbar input{max-width:390px}.modal-overlay{position:fixed;inset:0;background:#101e32a8;z-index:5;display:grid;place-items:center;padding:20px}.modal{background:white;border-radius:15px;width:min(600px,100%);max-height:90vh;overflow-y:auto;box-shadow:0 20px 70px #06142855}.modal-head{padding:24px 27px;border-bottom:1px solid #edf1f5;display:flex;justify-content:space-between;align-items:center}.modal-head h2{margin:0;font-size:20px}.close{border:0;background:none;color:#8797a9;font-size:28px}.modal form{padding:25px 27px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .full{grid-column:1/-1}label{display:flex;flex-direction:column;gap:7px;color:#4a5d72;font-size:11px;font-weight:750}input,select,textarea{width:100%;border:1px solid #dce5ee;background:white;border-radius:8px;padding:12px 12px;outline:0;color:#24384f;font-size:13px}input:focus,select:focus,textarea:focus{border-color:#278cf0;box-shadow:0 0 0 3px #278cf015}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.hint{background:#f3f8ff;color:#627d9b;border-radius:8px;padding:12px;font-size:11px;margin-top:18px;line-height:1.6}.toast{position:fixed;bottom:22px;right:22px;background:#a93838;color:white;padding:13px 18px;border-radius:9px;box-shadow:0 8px 25px #0002;z-index:9;font-size:13px}.toast.success{background:#16845e}.auth-wrap{display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh}.auth-left{background:linear-gradient(155deg,#102039,#142b49 70%,#0d243d);color:white;padding:46px 55px;display:flex;flex-direction:column}.auth-left .brand{padding:0}.auth-hero{margin:auto 0;max-width:540px}.auth-hero h1{font-size:clamp(42px,4.5vw,72px);line-height:1.13;letter-spacing:-2.8px;margin:20px 0}.auth-hero h1 em{font-style:normal;color:#60b8ff}.auth-hero p{font-size:16px;line-height:1.8;color:#aebfd3;margin-bottom:38px}.auth-feature{display:flex;align-items:center;gap:13px;margin:18px 0;color:#d7e5f5;font-size:13px}.auth-feature svg{color:#4ccaa5}.auth-foot{font-size:10px;color:#627e9e;letter-spacing:1.7px}.auth-right{display:grid;place-items:center;padding:35px;background:#f8fafc}.auth-card{width:min(390px,100%)}.mini-logo{width:48px;height:48px;background:#e6f2ff;color:#2688e8;border-radius:12px;display:grid;place-items:center;margin-bottom:25px}.mini-logo svg{width:25px;height:25px}.auth-card h2{font-size:30px;letter-spacing:-1px;margin:0 0 9px}.auth-card>p{color:#8997a8;font-size:13px;margin:0 0 33px}.auth-card form{display:grid;gap:19px}.auth-card label{font-size:12px}.auth-card input{padding:14px}.wide{width:100%;margin-top:6px;padding:14px}.auth-switch{text-align:center;font-size:12px;color:#7e8ea1;margin-top:26px}.link-btn{border:0;background:none;color:#247fdc;font-weight:800}.checkrow{flex-direction:row;align-items:center;font-weight:500!important}.checkrow input{width:auto}.local-note{display:flex;align-items:center;gap:8px;font-size:11px;color:#9aa6b5;border-top:1px solid #e6edf4;margin-top:36px;padding-top:23px;line-height:1.6}.local-note svg{width:18px;height:18px}@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.vehicle-grid{grid-template-columns:repeat(2,1fr)}.detail-hero-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:740px){.sidebar{width:70px;padding:20px 8px}.sidebar .brand{padding:0;justify-content:center}.sidebar .brand>span:last-child,.nav-label,.nav-item span,.local-pill{display:none}.nav-item{justify-content:center}.content{padding:25px 18px}.topbar{padding:0 18px}.user-pill span:last-child{display:none}.page-heading{align-items:flex-start;flex-direction:column}.stats,.vehicle-grid{grid-template-columns:1fr}.detail-hero{flex-direction:column;align-items:stretch}.auth-wrap{grid-template-columns:1fr}.auth-left{min-height:330px;padding:25px}.auth-hero{margin:45px 0 20px}.auth-hero h1{font-size:36px}.auth-hero p,.auth-feature,.auth-foot{display:none}.auth-right{padding:45px 25px}.form-grid{grid-template-columns:1fr}}
/* Fast repeat-entry action in service history */
.repeat-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid #d6e2f0;background:#f4f8ff;color:#1d5da4;border-radius:8px;padding:7px 10px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}
.repeat-btn:hover{background:#e6f0ff;border-color:#9fc2ee}
.repeat-btn svg,.repeat-notice svg{width:15px;height:15px;flex-shrink:0}
.repeat-notice{display:flex;align-items:center;gap:8px;background:#eef5ff;color:#245786;border:1px solid #cbdff9;border-radius:9px;padding:11px 13px;margin-bottom:14px;font-size:13px}

/* Schedule quick-action */
[data-log-item]{white-space:nowrap}
/* V4 additions */
.garage-tile{min-width:0}.garage-tile .vehicle-card{width:100%}.garage-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 3px}.garage-actions span{margin-right:auto;color:#6b7280;font-size:13px}.filterbar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:14px 0 20px}.filterbar label{display:flex;align-items:center;gap:10px;font-weight:600;font-size:13px}.filterbar select{min-width:220px}.parts-entry{margin-top:22px;border-top:1px solid #e5e7eb;padding-top:16px}.parts-entry .section-title{margin:0 0 12px}.part-line{display:grid;grid-template-columns:minmax(130px,2.6fr) minmax(75px,1fr) minmax(80px,1fr) 42px;gap:8px;margin:8px 0;align-items:center}.part-line select,.part-line input{min-width:0;width:100%}.detail-info h3{font-size:15px;margin:17px 0 7px}.detail-info p{line-height:1.5;margin:6px 0}.detail-info input[type=file]{display:block;margin:12px 0}.file-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 0}.modal{max-height:90vh;overflow:auto}.garage-actions .btn{padding:7px 11px;font-size:12px}@media(max-width:600px){.part-line{grid-template-columns:1fr 1fr}.part-line select{grid-column:1/-1}}
.library-actions{display:flex;gap:5px;align-items:center;white-space:nowrap}.library-actions .btn{font-size:12px;padding:6px 9px}.library-actions button:disabled{opacity:.38;cursor:not-allowed}
/* V6: vehicle imagery and ownership details */
.vehicle-photo{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}
.vehicle-illustration{overflow:hidden}.detail-hero-icon{overflow:hidden}
.ownership-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:22px;margin:20px 0 10px}
.ownership-card h3{margin:0 0 16px;font-size:17px;color:#24334b}.ownership-grid{display:grid;grid-template-columns:minmax(130px,180px) 1fr;gap:10px 16px;font-size:14px}.ownership-grid span{color:#64748b}.ownership-grid strong{font-weight:600;overflow-wrap:anywhere}.photo-controls{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.form-subheading{font-weight:700;font-size:14px;margin-top:8px;border-top:1px solid #e2e8f0;padding-top:18px}
/* V8 service history alignment and in-form workflows */
.event-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:5px;white-space:nowrap;vertical-align:middle}
.event-actions .repeat-btn{height:32px;min-height:32px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;line-height:1;box-sizing:border-box;margin:0}
.event-actions .repeat-btn svg{display:block;width:15px;height:15px}
.inline-creator,.attachments-entry{margin-top:20px;padding:18px;background:#f7faff;border:1px solid #dbe8f6;border-radius:11px}
.inline-creator h3,.attachments-entry h3{margin:0 0 15px;font-size:15px}
.inline-creator>.btn{margin:14px 8px 0 0}
.attachments-entry input[type=file]{margin-top:10px}
.report-panel{max-width:750px;background:#fff;border:1px solid #e6ecf3;border-radius:13px;padding:28px;box-shadow:0 3px 15px #192e4905}
.report-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}

/* V9: compact vehicle cards, uncropped photos and maintenance task selection */
.vehicle-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.vehicle-card{padding:12px}.vehicle-illustration{height:auto;aspect-ratio:3/2;margin-bottom:12px}.vehicle-illustration .vehicle-photo{width:100%;height:100%;object-fit:contain}.vehicle-name{font-size:14px}.vehicle-bottom{margin-top:12px;padding-top:12px;flex-wrap:wrap}.vehicle-bottom strong{font-size:14px}.garage-actions{gap:5px}.garage-actions .btn{padding:5px 8px;font-size:10px}.task-picker{width:100%}.task-list{max-height:190px;overflow:auto;border:1px solid #e0e8f2;border-radius:9px;margin:8px 0}.task-option{display:flex;flex-direction:row;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid #edf1f5;cursor:pointer}.task-option input{width:auto}.task-option span{display:flex;flex-direction:column;gap:3px}.task-option strong{font-size:12px}.task-option small{font-size:10px;color:#8796a8}.task-option:last-child{border-bottom:0}@media(max-width:1300px){.vehicle-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1050px){.vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:740px){.vehicle-grid{grid-template-columns:1fr}}

.field-label{font-size:11px;font-weight:750;color:#4a5d72;margin-bottom:7px}

/* V10 refinements */
.settings-library-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:20px}.settings-library-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-align:left;padding:24px;border:1px solid #dbe4f0;border-radius:14px;background:#fff;color:#233a58;cursor:pointer;min-height:195px}.settings-library-card:hover{border-color:#3b82f6;box-shadow:0 8px 24px #1c4d8017}.settings-library-card strong{font-size:17px}.settings-library-card small{color:#718096}.settings-library-card>span:last-child{margin-top:auto;color:#2563eb;font-weight:600}.settings-library-icon{display:flex;background:#eaf3ff;border-radius:10px;padding:12px;color:#2563eb}.table-wrap td.right .repeat-btn{min-height:32px;vertical-align:middle;display:inline-flex;align-items:center;justify-content:center;gap:5px;margin:2px;padding:6px 11px}.table-wrap td.right{white-space:nowrap}.hidden{display:none!important}

/* V10 Fix 2: sidebar remains stable while content scrolls */
@media(min-width:741px){.layout{min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;max-height:100vh;display:flex;flex-direction:column;overflow:hidden}.sidebar nav{flex:1;min-height:0;overflow-y:auto}.sidebar-bottom{margin-top:auto;flex-shrink:0;overflow-y:auto;max-height:55vh}}
th:not(.right){cursor:pointer;user-select:none}th.sorted-asc::after{content:' ▲';font-size:10px}th.sorted-desc::after{content:' ▼';font-size:10px}
.section-title select{max-width:210px;margin-left:auto;margin-right:10px;padding:8px;font-size:12px}

/* V13 compact actions and labeled part entry */
.event-actions .icon-action {width:38px;min-width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:9px}
.event-actions .icon-action svg {width:18px;height:18px}
.event-actions .danger-action {color:#b83c42}
.part-line .part-field {font-size:12px;font-weight:600;display:flex;flex-direction:column;gap:5px;min-width:0}
.part-line .part-field input,.part-line .part-field select {width:100%;min-width:0}
.part-line {align-items:end}
@media(max-width:700px){.part-line {grid-template-columns:minmax(120px,2fr) minmax(70px,1fr) minmax(90px,1fr) auto}.event-actions .icon-action {width:40px;min-width:40px;height:40px}}

@media(max-width:600px){.part-line{grid-template-columns:1fr 1fr}.part-line .part-field:first-child{grid-column:1/-1}.part-line button{align-self:end}}

.library-actions .icon-action,.event-actions .icon-action,.icon-action.btn {width:38px;min-width:38px;height:38px;padding:8px;display:inline-flex;align-items:center;justify-content:center}
.icon-action svg{width:18px;height:18px}.danger-action{color:#b83c42!important}

/* V13.10: independently adjustable card density on Overview and My Garage */
.card-size-toolbar{display:flex;justify-content:flex-end;margin:0 0 12px}
.card-size-picker{display:flex;flex-direction:row;align-items:center;gap:9px;font-size:12px}
.card-size-picker select{width:auto;min-width:105px;padding:8px 10px}
.vehicle-grid.size-large{grid-template-columns:repeat(3,minmax(0,1fr))}
.vehicle-grid.size-medium{grid-template-columns:repeat(4,minmax(0,1fr))}
.vehicle-grid.size-small{grid-template-columns:repeat(6,minmax(0,1fr))}
.vehicle-grid.size-medium .vehicle-card{padding:10px}
.vehicle-grid.size-small .vehicle-card{padding:8px}
.vehicle-grid.size-small .vehicle-illustration{margin-bottom:6px}
.vehicle-grid.size-small .vehicle-name{font-size:12px}
.vehicle-grid.size-small .vehicle-sub{font-size:10px}
.vehicle-grid.size-small .vehicle-bottom{margin-top:7px;padding-top:7px;gap:4px}
.vehicle-grid.size-small .vehicle-bottom strong{font-size:11px}
.vehicle-grid.size-small .vehicle-bottom small{font-size:8px}
@media(max-width:1300px){.vehicle-grid.size-large{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-grid.size-medium{grid-template-columns:repeat(3,minmax(0,1fr))}.vehicle-grid.size-small{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:950px){.vehicle-grid.size-large{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-grid.size-medium{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-grid.size-small{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:740px){.vehicle-grid.size-large{grid-template-columns:1fr}.vehicle-grid.size-medium{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-grid.size-small{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.vehicle-grid.size-medium{grid-template-columns:1fr}.vehicle-grid.size-small{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* V14.1 reference card */
.reference-section{border:1px solid var(--border,#dce2ea);border-radius:10px;margin:16px 0;overflow:hidden}
.reference-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--surface,#f7f9fc)}
.reference-section-head h3{margin:0;font-size:16px}.reference-actions{white-space:nowrap}.reference-actions .btn{margin:2px}.reference-empty{padding:12px 16px;color:#6b7280;margin:0}.reference-print-title{display:none}
@media print{body *{visibility:hidden!important}.reference-card-print,.reference-card-print *{visibility:visible!important}.reference-card-print{position:absolute;left:0;top:0;width:100%;color:#111!important}.reference-print-title{display:block}.reference-actions{display:none!important}.reference-section{break-inside:avoid;border:1px solid #bbb}.reference-section-head{background:#eee!important;print-color-adjust:exact}.reference-empty{display:none!important}.reference-section:has(.reference-empty){display:none!important}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid #ddd;padding:7px}}

/* V14.2 Reference Card controls and per-vehicle section management */
.reference-toolbar{display:flex;align-items:stretch;gap:9px;margin:0 0 20px;min-width:0}
.reference-toolbar #ref-vehicle{flex:1 1 auto;width:0;min-width:100px;height:52px;margin:0}
.reference-toolbar .btn{height:52px;min-height:52px;box-sizing:border-box;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;margin:0}
.reference-settings-button{width:52px;min-width:52px;padding:0!important;font-size:22px!important}
.reference-manage-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e3e9f0;border-radius:9px;padding:9px 12px;margin:7px 0}
.reference-manage-toggle{flex-direction:row;align-items:center;gap:12px;font-size:13px;min-width:0}
.reference-manage-toggle input{width:17px;height:17px;flex-shrink:0}
.reference-move{display:flex;gap:6px}.reference-move .btn{min-width:36px;padding:6px 10px}.reference-move .btn:disabled{opacity:.3;cursor:default}
@media(max-width:530px){.reference-toolbar{flex-wrap:wrap}.reference-toolbar #ref-vehicle{flex-basis:100%;width:100%}.reference-toolbar #add-section{flex:1}}

/* V14.3 navigation customization and reference actions */
.sidebar-order-panel{padding:22px;margin-top:22px}.sidebar-order-panel h2{font-size:17px;margin:0 0 8px}.sidebar-order-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 4px;border-bottom:1px solid #edf1f5;font-size:13px;font-weight:650}.sidebar-order-row>div{display:flex;gap:6px}.sidebar-order-row .btn{width:37px;height:34px;padding:5px}.sidebar-order-row .btn:disabled{opacity:.3;cursor:default}.sidebar-order-panel>#sidebar-order-reset{margin-top:16px}
.reference-export-actions{display:flex;gap:9px;flex-wrap:wrap}
.reference-section th.reference-actions-head{text-align:center;width:140px}
.reference-section td.reference-actions{width:140px;text-align:center}
.reference-row-actions{display:flex;align-items:center;justify-content:center;gap:8px}
.reference-row-actions .btn{width:38px;height:38px;min-width:38px;margin:0;padding:8px}
@media(max-width:600px){.reference-export-actions{width:100%}.reference-export-actions .btn{flex:1}}

/* V14.4: keep vehicle-specific actions together at the right of the profile heading. */
.vehicle-profile-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:1;min-width:0}
.vehicle-profile-quick-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap;margin-left:auto}
.vehicle-profile-quick-actions .btn{min-height:42px}
@media(max-width:1100px){.vehicle-profile-actions{flex-wrap:wrap}.vehicle-profile-quick-actions{margin-left:0}}
@media(max-width:740px){.vehicle-profile-actions,.vehicle-profile-quick-actions{width:100%;justify-content:flex-start}}

.reference-bulk-actions{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.reference-existing-sections{display:grid;gap:7px;max-height:300px;overflow:auto}.reference-existing-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border:1px solid #dce5f0;border-radius:8px}.reference-enabled-label{color:#65758a;font-size:12px}

/* V14.6: unified Parts Inventory navigation and action alignment */
.inventory-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap;margin-left:auto}
.inventory-header-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;box-sizing:border-box;margin:0;white-space:nowrap}
.inventory-row-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap;vertical-align:middle}
.inventory-row-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;min-height:38px;box-sizing:border-box;padding:0 12px;margin:0;line-height:1.1;vertical-align:middle;white-space:nowrap}
.inventory-row-actions .btn svg{display:block;flex:none}
.inventory-inline-link{border:0;background:transparent;color:#2563eb;text-decoration:underline;cursor:pointer;font:inherit;font-weight:600;padding:0 2px}
@media(max-width:1000px){.inventory-header-actions{justify-content:flex-start;margin-left:0}}
@media(max-width:700px){.inventory-header-actions{width:100%}.inventory-header-actions .btn{white-space:normal}.inventory-row-actions{justify-content:flex-start}}

.import-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.import-options>div{border:1px solid var(--border,#d8dee7);border-radius:10px;padding:16px}.import-options .btn{margin:3px 4px 3px 0;display:inline-flex;align-items:center;justify-content:center}

/* V14.13: settings feature cards match the library card dimensions. */
.settings-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}.settings-feature-card{width:100%}.settings-feature-detail{margin-top:18px}.settings-feature-card[aria-expanded="true"]{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f620}@media(max-width:800px){.settings-feature-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}

/* V14.14: Explicit file preview action in import dialogs */
.import-preview-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0 16px}
.import-preview-controls .btn{flex-shrink:0}

/* V14.16 */
.garage-order-toggle{display:flex;align-items:center;gap:7px;margin-left:12px;font-size:13px;white-space:nowrap}
.garage-reorder{display:flex;justify-content:center;align-items:center;gap:10px;margin:7px 0;font-size:12px}
.garage-reorder .btn{min-width:38px;min-height:32px}
.import-mapping-panel{border:1px solid #dce5f0;border-radius:10px;padding:12px;margin:12px 0;max-height:230px;overflow:auto}
.import-mapping-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(160px,1.3fr);gap:10px;align-items:center;margin:8px 0}
.import-mapping-row select{width:100%;min-width:0}
@media(max-width:600px){.import-mapping-row{grid-template-columns:1fr}}

/* V14.17: saved vehicle order and edit mode */
.garage-order-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-left:12px}.garage-editing{cursor:grab}.garage-editing:active{cursor:grabbing}.garage-editing.garage-dragging{opacity:.45}.garage-editing .vehicle-card{pointer-events:none}.garage-editing .garage-reorder{user-select:none}

/* V14.19: WrenchLogger Garage product identity; retained original design palette. */
.brand .brand-wordmark{display:flex;flex-direction:column;align-items:flex-start;gap:0;line-height:1.08;letter-spacing:-.6px;min-width:0}
.brand .brand-product{display:block;font-size:13px;font-weight:750;letter-spacing:2px;color:#d9e8f8;margin-top:4px;text-transform:uppercase}
.brand .brand-wordmark small{align-self:flex-start;margin:7px 0 0;letter-spacing:1.3px;font-size:9px}
.auth-left .brand .brand-product{color:#a8d6ff}
@media(max-width:740px){.sidebar .brand .brand-wordmark{display:none}}

/* V14.19.3 staging readability adjustments: preserve compact cards and mobile layout. */
body{font-size:15px}
.nav-item{font-size:15px}
.nav-label,.crumb,.eyebrow{font-size:11px}
.page-heading p,.section-title p{font-size:14px}
.btn{font-size:14px}
table{font-size:15px}
th{font-size:12px;letter-spacing:.7px}
td small,.smaller{font-size:13px}
label{font-size:14px}
input,select,textarea{font-size:15px}
.stat span,.stat small,.vehicle-sub{font-size:13px}
.vehicle-grid.size-small .vehicle-sub{font-size:11px}
@media(max-width:740px){table{font-size:14px}th{font-size:11px}.btn{font-size:13px}}