:root{
  --bg:#f6f7fb;--sidebar:#fff;--panel:#fff;--panel-2:#f0f2f7;--panel-3:#e7ebf3;--text:#0b1020;--muted:#64708a;--muted-2:#8a93a7;--line:#d9deea;--blue:#155dfc;--blue-2:#2b7fff;--green:#00d084;--yellow:#f7b500;--red:#ff4d6d;--shadow:0 18px 45px rgba(18,27,43,.1);--glow:0 0 22px rgba(21,93,252,.25);--radius:18px;
}
html[data-theme="dark"]{--bg:#111318;--sidebar:#191b21;--panel:#1d1f25;--panel-2:#282b33;--panel-3:#343843;--text:#f6f7fb;--muted:#a5aabd;--muted-2:#7f8799;--line:rgba(255,255,255,.13);--shadow:0 22px 60px rgba(0,0,0,.34);--glow:0 0 24px rgba(21,93,252,.38)}
*{box-sizing:border-box}html.theme-preload *,html.theme-preload *:before,html.theme-preload *:after{transition:none!important;animation:none!important}html,body{margin:0;min-height:100%;scrollbar-width:none}::-webkit-scrollbar{display:none}body{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.45}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.mp-app{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}.mp-sidebar{position:sticky;top:0;height:100vh;background:var(--sidebar);border-right:1px solid var(--line);padding:20px 14px;display:flex;flex-direction:column;gap:28px}.mp-brand{display:flex;align-items:center;gap:10px;padding:0 4px;color:var(--text)}.mp-brand-mark{width:36px;height:36px;border-radius:10px;background:var(--blue);display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:var(--glow)}.mp-brand strong{display:block;font-size:14px;line-height:1;font-weight:850}.mp-brand small{display:block;margin-top:3px;font-size:9px;letter-spacing:.13em;color:var(--muted);text-transform:uppercase}.mp-nav{display:grid;gap:7px}.mp-nav a{height:42px;border-radius:10px;color:var(--muted);display:flex;align-items:center;gap:12px;padding:0 13px;font-size:14px;transition:.18s ease}.mp-nav a span{width:16px;text-align:center;color:inherit}.mp-nav a:hover{background:var(--panel-2);color:var(--text)}.mp-nav a.is-active{background:var(--blue);color:#fff;font-weight:800;box-shadow:var(--glow)}.mp-sidebar-bottom{margin-top:auto;display:grid;gap:12px}.mp-theme-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:4px}.mp-theme-switch button{border:0;background:transparent;color:var(--muted);height:28px;border-radius:999px;font-size:12px;font-weight:750}.mp-theme-switch button.is-active{background:var(--bg);color:var(--text);box-shadow:0 8px 22px rgba(0,0,0,.18)}.mp-user-card{display:grid;grid-template-columns:36px minmax(0,1fr) 24px;align-items:center;gap:10px;background:var(--panel-2);border:1px solid var(--line);border-radius:14px;padding:11px}.mp-user-card>span{width:36px;height:36px;border-radius:999px;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:850;font-size:12px}.mp-user-card strong{display:block;font-size:12px}.mp-user-card small{display:block;color:var(--muted);font-size:10px}.mp-user-card form{margin:0}.mp-user-card button{background:transparent;border:0;color:var(--muted);padding:0}.mp-main{padding:34px 42px;max-width:1000px;width:100%;min-width:0}.mp-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:24px}.mp-kicker{margin:0 0 7px;color:var(--blue);font-weight:900;font-size:10px;text-transform:uppercase;letter-spacing:.32em}.mp-page-head h1,.page-title{margin:0;font-size:26px;line-height:1.05;letter-spacing:-.04em}.mp-subtitle{color:var(--muted);margin:8px 0 0}.mp-actions{display:flex;gap:10px;align-items:center}.btn,.button,button,input[type="submit"]{min-height:38px;border-radius:10px;border:1px solid var(--line);background:transparent;color:var(--text);padding:8px 15px;font-weight:850;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:none;transition:.16s ease}.btn:hover,.button:hover,button:hover{border-color:rgba(43,127,255,.55);transform:translateY(-1px)}.btn.primary,.button.primary,button.primary{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:var(--glow)}.btn.danger,.button.danger{color:var(--red);border-color:rgba(255,77,109,.35)}.mp-messages{position:fixed;right:24px;top:18px;z-index:20;display:grid;gap:8px}.mp-message{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 14px;box-shadow:var(--shadow)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel-pad{padding:22px}.muted{color:var(--muted)}
/* Cockpit dashboard */
.cockpit{display:grid;gap:22px}.cockpit-head{display:flex;justify-content:space-between;align-items:center}.cockpit-hero{display:grid;grid-template-columns:minmax(0,1fr) 410px;min-height:310px;overflow:hidden}.cockpit-hero-copy{padding:32px;display:flex;flex-direction:column;justify-content:center;gap:22px}.vehicle-title{font-size:26px;font-weight:900;letter-spacing:-.04em}.vehicle-sub{color:var(--muted);font-size:14px;margin-top:4px}.hero-meta{display:flex;align-items:center;gap:16px}.meta-icon{width:38px;height:38px;border-radius:10px;background:var(--panel-2);display:grid;place-items:center;color:var(--blue)}.status-pill{display:inline-flex;align-items:center;gap:7px;border-radius:999px;border:1px solid var(--line);background:var(--panel-2);padding:9px 14px;font-size:12px;font-weight:850}.status-pill:before{content:"";width:7px;height:7px;border-radius:99px;background:var(--green);box-shadow:0 0 12px var(--green)}.hero-buttons{display:flex;gap:10px;margin-top:14px}.cockpit-hero-img{position:relative;min-height:280px;margin:14px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#1f2430,#121318)}.cockpit-hero-img img{width:100%;height:100%;object-fit:cover;display:block}.cockpit-hero-img:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,25,29,.2),rgba(0,0,0,.18))}.cockpit-cards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.cockpit-card{padding:20px;min-height:172px;display:flex;flex-direction:column}.card-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:900}.card-icon{width:36px;height:36px;border-radius:10px;background:var(--panel-2);display:grid;place-items:center;color:var(--yellow);font-size:16px}.card-title{font-size:16px;font-weight:900;margin:22px 0 4px}.card-note{color:var(--muted);font-size:13px}.yellow{color:var(--yellow)}.green{color:var(--green)}.red{color:var(--red)}.mini-chart{margin-top:auto;display:flex;align-items:flex-end;gap:7px;height:34px}.mini-chart i{display:block;width:32px;border-radius:4px;background:var(--panel-3)}.mini-chart i:last-child{background:var(--blue);height:34px!important}.quick-service{position:relative}.service-popover{display:none;position:absolute;left:0;top:calc(100% + 10px);width:360px;z-index:8;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:var(--shadow)}.quick-service.is-open .service-popover{display:grid;gap:8px}.service-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;background:var(--panel-2);border-radius:10px;padding:10px}.service-row strong{font-size:13px}.service-row small{display:block;color:var(--muted)}
/* Garage */
.garage-page{min-height:calc(100vh - 68px);display:flex;flex-direction:column}.garage-stage{flex:1;display:grid;place-items:center;position:relative;padding:64px 0 80px}.garage-slider{width:100%;display:flex;align-items:center;justify-content:center;gap:14px;overflow:hidden}.garage-card{width:570px;background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.36)}.garage-card.is-side{width:130px;height:560px;opacity:.58;filter:saturate(.8);display:flex;flex-direction:column;justify-content:flex-end}.garage-card.is-side .garage-image{height:100%;filter:brightness(.65)}.garage-card.is-side .garage-body{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.9));padding:20px}.garage-card.is-side .garage-meta-grid,.garage-card.is-side .garage-actions,.garage-card.is-side .garage-status{display:none}.garage-image{height:295px;background:var(--panel-2);position:relative;overflow:hidden}.garage-image img{width:100%;height:100%;object-fit:cover;display:block}.garage-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.34))}.garage-badge{position:absolute;left:20px;top:18px;z-index:1;background:rgba(0,0,0,.65);color:#fff;border-radius:999px;padding:9px 13px;font-size:11px;font-weight:900;text-transform:uppercase}.garage-status{position:absolute;right:20px;top:18px;z-index:1}.garage-body{padding:22px}.garage-kicker{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.garage-body h2,.garage-body h3{margin:8px 0 14px;font-size:25px;letter-spacing:-.04em}.garage-meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.garage-meta-grid div{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:13px}.garage-meta-grid span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:900}.garage-meta-grid strong{display:block;margin-top:4px;font-size:16px}.garage-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.slider-arrow{width:42px;height:42px;border-radius:999px;background:var(--panel);border:1px solid var(--line);display:grid;place-items:center;color:var(--text);z-index:2}.slider-dots{position:absolute;bottom:34px;display:flex;gap:9px}.slider-dots span{width:7px;height:7px;border-radius:999px;background:var(--panel-3)}.slider-dots span.is-active{width:24px;background:var(--blue)}
/* Detail/workspace */
.detail-hero{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px;overflow:hidden;margin-bottom:20px}.detail-copy{padding:28px}.detail-img{min-height:260px;margin:12px;border-radius:12px;overflow:hidden}.detail-img img{width:100%;height:100%;object-fit:cover}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.metric-grid div{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:13px}.metric-grid span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:900}.metric-grid strong{font-size:16px}.workspace-shell{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:var(--shadow)}.workspace-tabs{display:flex;gap:6px;overflow:auto;padding:4px;background:var(--panel-2);border-radius:12px}.workspace-tab{border:0;box-shadow:none;background:transparent;min-height:34px;padding:8px 13px;color:var(--muted);border-radius:9px}.workspace-tab.is-active{background:var(--blue);color:#fff}.tab-panel{display:none;padding:18px 6px 4px}.tab-panel.is-active{display:block}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.list-stack{display:grid;gap:10px}.list-row,.timeline-row,.reminder-card{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;gap:3px}.timeline-row{grid-template-columns:110px minmax(0,1fr) auto;align-items:center}.timeline-row small,.list-row small,.reminder-card small{color:var(--muted)}.reminder-card{grid-template-columns:58px minmax(0,1fr) auto;align-items:center}.progress-ring{--value:0;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at center,var(--panel-2) 57%,transparent 59%),conic-gradient(var(--green) calc(var(--value)*1%),var(--panel-3) 0);font-size:11px;font-weight:900}.mini-progress{height:6px;border-radius:99px;background:var(--panel-3);overflow:hidden;margin-top:6px}.mini-progress i{display:block;height:100%;background:var(--green);border-radius:99px}.insurance-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.insurance-card{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:16px}.insurance-card span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:900}.insurance-card strong{display:block;margin-top:6px;font-size:18px}.settings-section{display:grid;gap:18px}.settings-group{padding:20px}.settings-row{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;padding:16px;border-bottom:1px solid var(--line)}.settings-row:last-child{border-bottom:0}.settings-icon{width:36px;height:36px;border-radius:10px;background:var(--panel-2);display:grid;place-items:center;color:var(--muted)}.toggle{width:42px;height:24px;border-radius:99px;background:var(--panel-3);position:relative}.toggle:after{content:"";position:absolute;width:18px;height:18px;top:3px;left:3px;border-radius:99px;background:#fff}.toggle.on{background:var(--blue);box-shadow:var(--glow)}.toggle.on:after{left:21px}.field input,.field select,.field textarea,input,select,textarea{width:100%;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;color:var(--text);padding:11px}.flow-form-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px}.flow-form-card,.flow-side-panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px}.flow-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.flow-field{display:grid;gap:7px}.flow-field span{color:var(--muted);font-size:12px;font-weight:800}.flow-form-actions{display:flex;gap:10px;margin-top:18px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid var(--line);padding:12px}th{color:var(--muted);font-size:11px;text-transform:uppercase}.empty{color:var(--muted);padding:14px}.compact-list{display:grid;gap:10px}.compact-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:12px}.row-thumb{width:44px;height:44px;border-radius:10px;overflow:hidden}.row-thumb img{width:100%;height:100%;object-fit:cover}.bar-track{height:8px;background:var(--panel-3);border-radius:99px;overflow:hidden}.bar-track span,.bar-track i{display:block;height:100%;background:var(--blue);border-radius:99px}@media(max-width:900px){.mp-app{grid-template-columns:1fr}.mp-sidebar{position:relative;height:auto}.mp-main{padding:24px;max-width:none}.cockpit-hero,.detail-hero,.split-grid,.flow-form-layout{grid-template-columns:1fr}.cockpit-cards{grid-template-columns:1fr}.garage-card{width:min(570px,100%)}.garage-card.is-side{display:none}.metric-grid,.flow-fields,.insurance-cards{grid-template-columns:1fr}.mp-page-head,.cockpit-head{flex-direction:column}.timeline-row{grid-template-columns:1fr}.mp-messages{position:static;margin-bottom:12px}}

/* vNext polish: scaling, density and high-fidelity app pages */
.mp-app{grid-template-columns:232px minmax(0,1fr)}
.mp-sidebar{padding:22px 16px}.mp-main{width:100%;max-width:1280px;margin:0 auto;padding:36px 56px 56px}.mp-page-head.compact{margin-bottom:28px}.mp-page-head.compact h1{font-size:30px}.mp-subtitle,.page-subtitle{max-width:640px;color:var(--muted)}
.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.panel-head h2,.settings-title h2{margin:0;font-size:20px;letter-spacing:-.03em}.panel-head .mp-kicker,.settings-title .mp-kicker{margin-bottom:5px}.panel-pad{padding:24px}
/* Dashboard/Garage scale */
.cockpit{max-width:1060px}.cockpit-hero{grid-template-columns:minmax(0,1fr) 440px;min-height:318px}.cockpit-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.cockpit-card{min-height:178px}.garage-page{max-width:1120px}.garage-stage{padding:70px 0 90px}.garage-card{width:620px}.garage-card.is-side{width:150px;height:570px}.garage-image{height:315px}
/* Workflow forms */
.mp-workflow-page{max-width:980px}.workflow-shell{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}.workflow-card,.workflow-assist-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.workflow-card{padding:24px}.workflow-assist-card{padding:24px;position:sticky;top:28px}.workflow-card-head{display:flex;align-items:center;gap:14px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid var(--line)}.workflow-card-head .workflow-icon{width:42px;height:42px;border-radius:12px;background:var(--panel-2);display:grid;place-items:center;color:var(--blue);box-shadow:var(--glow)}.workflow-card-head strong{display:block;font-size:18px}.workflow-card-head small{display:block;color:var(--muted);margin-top:3px}.workflow-fields{display:grid;gap:14px}.workflow-fields.smart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-fields .field-notes,.workflow-fields .field-raw_text,.workflow-fields .field-insurance_notes{grid-column:1/-1}.workflow-fields .field-document,.workflow-fields .field-vehicle_image{grid-column:1/-1;background:linear-gradient(135deg,var(--panel-2),transparent);border:1px dashed rgba(43,127,255,.38);border-radius:14px;padding:14px}.workflow-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.workflow-assist-card h2{margin:6px 0 10px}.workflow-assist-card p{color:var(--muted);margin:0 0 18px}.assist-steps{display:grid;gap:10px}.assist-steps div{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:10px;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:10px}.assist-steps b{color:var(--blue)}.field input,.field select,.field textarea,input,select,textarea{min-height:42px;background:var(--panel-2);border-color:var(--line)}.field textarea{min-height:116px}.invoice-select{min-height:138px}
/* Invoice upload inherited old names */
.flow-form-layout{max-width:1040px;grid-template-columns:minmax(0,1fr) 320px;align-items:start}.flow-form-card,.flow-side-panel{border-radius:20px;padding:24px}.flow-upload-zone{border:1px dashed rgba(43,127,255,.38);background:linear-gradient(135deg,var(--panel-2),transparent);border-radius:16px;padding:16px;margin-bottom:16px;display:grid;gap:8px}.flow-upload-zone strong{font-size:15px}.flow-upload-zone span{color:var(--muted)}.flow-side-panel{position:sticky;top:28px}.flow-side-panel>span{display:block;color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.25em;text-transform:uppercase;margin-bottom:8px}.flow-side-panel strong{font-size:18px}.flow-side-panel p{color:var(--muted)}.flow-side-steps{display:grid;gap:10px;margin-top:16px}.flow-side-steps div{display:grid;grid-template-columns:34px 1fr;gap:10px;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:10px}.flow-side-steps b{color:var(--blue)}
/* Database */
.database-page{max-width:1120px}.db-hero{padding:26px;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px;align-items:center;margin-bottom:22px}.db-hero h2{margin:6px 0 8px;font-size:26px;letter-spacing:-.04em}.db-hero p{margin:0;color:var(--muted)}.db-hero-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.db-hero-metrics div,.upgraded-meta div{background:var(--panel-2);border:1px solid var(--line);border-radius:14px;padding:14px}.db-hero-metrics span,.upgraded-meta span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:900}.db-hero-metrics strong,.upgraded-meta strong{display:block;margin-top:4px;font-size:20px}.profile-grid.upgraded{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.upgraded-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:22px;display:grid;gap:16px}.profile-head .pill{display:inline-flex;border-radius:999px;background:var(--panel-2);border:1px solid var(--line);padding:6px 10px;font-size:10px;text-transform:uppercase;color:var(--muted);font-weight:900}.profile-head h2{margin:12px 0 4px;font-size:21px}.profile-head p{margin:0;color:var(--muted)}.upgraded-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.upgraded-tasks{display:grid;gap:8px}.upgraded-tasks>div{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:10px}.upgraded-tasks span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:900}.upgraded-tasks strong{display:block;margin-top:3px}.upgraded-tasks small{color:var(--muted)}.profile-actions{display:flex;justify-content:flex-end;gap:8px}
/* Costs */
.cost-page{max-width:1120px}.cost-hero{padding:28px;display:grid;grid-template-columns:330px minmax(0,1fr);gap:18px;align-items:stretch;margin-bottom:22px}.cost-hero>div:first-child{background:linear-gradient(135deg,var(--blue),#0b3c9d);border-radius:18px;padding:22px;color:#fff;box-shadow:var(--glow)}.cost-hero>div:first-child .mp-kicker{color:rgba(255,255,255,.72)}.cost-hero>div:first-child strong{display:block;font-size:36px;letter-spacing:-.05em}.cost-hero>div:first-child span{color:rgba(255,255,255,.75)}.cost-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cost-mini-stats article{background:var(--panel-2);border:1px solid var(--line);border-radius:16px;padding:18px}.cost-mini-stats span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:900}.cost-mini-stats strong{display:block;margin-top:8px;font-size:22px}.cost-mini-stats small{display:block;color:var(--muted)}.cost-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.bar-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:10px 0}.bar-row:not(:last-child){border-bottom:1px solid var(--line)}.bar-row>div>span{display:block;color:var(--muted);font-size:12px;font-weight:800;margin-bottom:7px}.bar-row strong{white-space:nowrap}.compact-table table{font-size:13px}.compact-table th,.compact-table td{padding:10px 0}.soft-empty{background:var(--panel-2);border:1px solid var(--line);border-radius:12px}
/* Settings */
.upgraded-settings{max-width:1080px}.settings-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-card{min-height:190px}.profile-settings{grid-column:1/-1;min-height:auto}.settings-title{margin-bottom:14px}.settings-row.clean{border:0;padding:8px 0}.settings-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 16px}.settings-stats div{background:var(--panel-2);border:1px solid var(--line);border-radius:14px;padding:14px}.settings-stats span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:900}.settings-stats strong{display:block;margin-top:5px;font-size:22px}.mini-select{max-width:140px}.settings-group{padding:0}.settings-row{min-height:70px}
/* Review/detail tables polish */
.summary-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:18px}.summary-strip>div{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:var(--shadow)}.summary-strip span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:900}.summary-strip strong{display:block;margin-top:5px;font-size:18px}.review-form{padding:22px}.review-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.review-head h2{margin:0}.review-head p{margin:4px 0 0;color:var(--muted)}.review-grid{display:grid;gap:14px}.review-row{background:var(--panel-2);border:1px solid var(--line);border-radius:16px;padding:14px;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:12px}.review-row .wide{grid-column:span 2}.check-field{display:flex;align-items:center;gap:8px;color:var(--muted)}.check-field input{width:auto;min-height:auto}.list-item{display:grid;grid-template-columns:1fr auto;gap:12px;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:12px}.stack-list{display:grid;gap:10px}.inline-form{display:inline-flex;margin:0}
/* Responsive */
@media(min-width:1500px){.mp-main{max-width:1360px}.cockpit{max-width:1140px}.garage-page{max-width:1240px}.garage-card{width:680px}.garage-card.is-side{width:170px}}
@media(max-width:1100px){.mp-main{padding:28px}.workflow-shell,.flow-form-layout,.db-hero,.cost-hero,.settings-layout,.cost-grid,.profile-grid.upgraded{grid-template-columns:1fr}.workflow-assist-card,.flow-side-panel{position:static}.summary-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.mp-app{grid-template-columns:1fr}.mp-sidebar{position:relative;height:auto}.mp-main{padding:22px;max-width:none}.cost-mini-stats,.upgraded-meta,.settings-stats,.summary-strip{grid-template-columns:1fr}.workflow-fields.smart-grid{grid-template-columns:1fr}.review-row{grid-template-columns:1fr}.review-row .wide{grid-column:auto}.mp-page-head{flex-direction:column}.garage-stage{padding:30px 0}.garage-card{width:100%}}


/* Auth pages */
body.auth-page{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 15% 20%, rgba(21,93,252,.22), transparent 28%),radial-gradient(circle at 85% 15%, rgba(43,127,255,.16), transparent 24%),linear-gradient(180deg,#07080c 0%, #0a0c12 100%)}
html[data-theme="light"] body.auth-page{background:radial-gradient(circle at 12% 18%, rgba(21,93,252,.12), transparent 28%),radial-gradient(circle at 85% 15%, rgba(43,127,255,.08), transparent 24%),linear-gradient(180deg,#eef3fb 0%, #f7f9fd 100%)}
.auth-page .auth-background{position:fixed;inset:0;pointer-events:none;overflow:hidden}
.auth-page .auth-background:before,.auth-page .auth-background:after{content:"";position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;animation:authFloat 18s ease-in-out infinite}
.auth-page .auth-background:before{width:34rem;height:34rem;left:-8rem;top:-10rem;background:radial-gradient(circle, rgba(21,93,252,.42) 0%, rgba(21,93,252,.02) 70%)}
.auth-page .auth-background:after{width:30rem;height:30rem;right:-8rem;bottom:-10rem;background:radial-gradient(circle, rgba(74,144,255,.26) 0%, rgba(74,144,255,.02) 70%);animation-delay:-6s}
.auth-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle at center, rgba(0,0,0,.9), rgba(0,0,0,.45) 65%, transparent 100%);opacity:.42}
html[data-theme="light"] .auth-grid{background-image:linear-gradient(rgba(10,16,32,.05) 1px, transparent 1px),linear-gradient(90deg, rgba(10,16,32,.05) 1px, transparent 1px);opacity:.8}
.auth-cog,.auth-cog-small{position:absolute;opacity:.1;animation:authSpin 36s linear infinite}
.auth-cog{left:4.5rem;top:5.5rem;width:10rem;height:10rem}.auth-cog-small{right:12rem;bottom:8rem;width:8rem;height:8rem;animation-duration:46s;animation-direction:reverse}
html[data-theme="light"] .auth-cog,html[data-theme="light"] .auth-cog-small{opacity:.08}
.auth-shell{position:relative;z-index:2;min-height:100vh;padding:28px 36px;display:flex;flex-direction:column}
.auth-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:30px}
.auth-topbar .mp-brand{padding:0}
.auth-layout{flex:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,480px);gap:42px;align-items:center;max-width:1360px;width:100%;margin:0 auto}
.auth-showcase{position:relative;padding:32px 8px 32px 8px}
.auth-kicker{display:inline-flex;align-items:center;gap:10px;color:#7fa5ff;font-size:11px;font-weight:900;letter-spacing:.28em;text-transform:uppercase;margin-bottom:20px}
.auth-kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 6px rgba(21,93,252,.15)}
.auth-showcase h1{margin:0;font-size:clamp(2.6rem,4vw,4.4rem);line-height:.95;letter-spacing:-.06em;max-width:12ch}
.auth-showcase p{max-width:60ch;color:var(--muted);font-size:16px;line-height:1.7;margin:18px 0 0}
.auth-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:36px;max-width:760px}
.auth-stat{backdrop-filter:blur(12px);background:rgba(24,25,29,.78);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:18px 18px 16px;box-shadow:var(--shadow)}
html[data-theme="light"] .auth-stat{background:rgba(255,255,255,.88);border-color:rgba(10,16,32,.08)}
.auth-stat span{display:block;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;margin-bottom:10px}.auth-stat strong{display:block;font-size:26px;letter-spacing:-.05em}.auth-stat small{display:block;color:var(--muted);margin-top:3px}
.auth-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px;max-width:760px}
.auth-feature{display:flex;align-items:flex-start;gap:12px;background:rgba(24,25,29,.64);border:1px solid rgba(255,255,255,.08);padding:15px;border-radius:18px;backdrop-filter:blur(10px)}
html[data-theme="light"] .auth-feature{background:rgba(255,255,255,.84);border-color:rgba(10,16,32,.08)}
.auth-feature-icon{width:38px;height:38px;border-radius:12px;background:rgba(21,93,252,.14);color:var(--blue);display:grid;place-items:center;font-size:18px;flex:0 0 auto}.auth-feature strong{display:block;font-size:14px}.auth-feature p{margin:4px 0 0;font-size:13px;line-height:1.55}
.auth-card{position:relative;backdrop-filter:blur(16px);background:rgba(24,25,29,.82);border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:28px 28px 26px;box-shadow:0 30px 80px rgba(0,0,0,.35)}
html[data-theme="light"] .auth-card{background:rgba(255,255,255,.9);border-color:rgba(10,16,32,.08);box-shadow:0 28px 65px rgba(34,46,80,.14)}
.auth-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg, rgba(43,127,255,.45), rgba(255,255,255,.02), rgba(43,127,255,.12));-webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.auth-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:18px}.auth-card-brand{display:flex;align-items:center;gap:14px}.auth-card-brand .brand-mark{width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,var(--blue), #5d9bff);display:grid;place-items:center;color:#fff;font-weight:900;font-size:18px;box-shadow:var(--glow)}.auth-card-brand h2{margin:0;font-size:29px;letter-spacing:-.05em}.auth-card-brand p{margin:5px 0 0;color:var(--muted)}
.auth-panel-note{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;border:1px solid var(--line);background:var(--panel-2);font-size:11px;font-weight:850;color:var(--muted)}
.auth-form{display:grid;gap:16px;margin-top:18px}.auth-field{display:grid;gap:8px}.auth-field span{font-size:12px;font-weight:850;color:var(--muted)}
.auth-form input,.auth-form select,.auth-form textarea{width:100%;min-height:54px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:0 16px;color:var(--text);outline:none;transition:.18s ease;box-shadow:none}
html[data-theme="light"] .auth-form input,html[data-theme="light"] .auth-form select,html[data-theme="light"] .auth-form textarea{background:rgba(10,16,32,.03);border-color:rgba(10,16,32,.08)}
.auth-form textarea{min-height:120px;padding:14px 16px}
.auth-form input:focus,.auth-form select:focus,.auth-form textarea:focus{border-color:rgba(43,127,255,.75);box-shadow:0 0 0 4px rgba(21,93,252,.12)}
.auth-form input:-webkit-autofill,.auth-form input:-webkit-autofill:hover,.auth-form input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0px 1000px rgba(24,25,29,.98) inset;transition:background-color 5000s ease-in-out 0s}
html[data-theme="light"] .auth-form input:-webkit-autofill,html[data-theme="light"] .auth-form input:-webkit-autofill:hover,html[data-theme="light"] .auth-form input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px rgba(255,255,255,.95) inset}
.auth-errors ul,.auth-errors{margin:0;padding-left:18px;color:#ff7c95;font-size:12px}
.auth-options{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:12px;color:var(--muted)}
.auth-check{display:flex;align-items:center;gap:10px}.auth-check input{width:16px;height:16px;min-height:auto}.auth-submit{width:100%;min-height:52px;border-radius:16px;font-size:15px}.auth-links{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.auth-link{color:var(--muted);font-weight:750;font-size:13px}.auth-link strong{color:var(--blue)}.auth-link:hover{color:var(--text)}
.auth-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.auth-mini-card{background:var(--panel-2);border:1px solid var(--line);border-radius:16px;padding:14px}.auth-mini-card span{display:block;color:var(--muted);font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:900}.auth-mini-card strong{display:block;font-size:20px;margin-top:6px}
@keyframes authFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(0,24px,0) scale(1.04)}}
@keyframes authSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@media(max-width:1180px){.auth-layout{grid-template-columns:1fr;max-width:840px}.auth-showcase{padding-top:10px}.auth-showcase h1{max-width:none}.auth-stats,.auth-features{max-width:none}}
@media(max-width:760px){.auth-shell{padding:18px}.auth-topbar{margin-bottom:20px}.auth-card{padding:20px}.auth-showcase h1{font-size:2.35rem}.auth-stats,.auth-features,.auth-mini-grid{grid-template-columns:1fr}}

/* ==== Wrenchmate round 2 refinements ==== */
body:before,body:after{content:"";position:fixed;inset:auto;pointer-events:none;z-index:0;filter:blur(48px);opacity:.38;animation:mpFloatGlow 16s ease-in-out infinite alternate}
body:before{width:32rem;height:32rem;left:14%;top:9%;background:radial-gradient(circle at center, rgba(59,130,246,.22), transparent 62%)}
body:after{width:28rem;height:28rem;right:10%;bottom:8%;background:radial-gradient(circle at center, rgba(99,102,241,.18), transparent 62%);animation-duration:22s}
.mp-app,.mp-main{position:relative;z-index:1}
@keyframes mpFloatGlow{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(30px,-24px,0) scale(1.14)}}
.enhanced-shell{display:grid;align-items:start;grid-template-columns:minmax(0,1fr) 320px;gap:28px}
.enhanced-card,.enhanced-assist,.admin-menu-panel,.invoice-status-card{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 40px rgba(0,0,0,.22)}
.workflow-card-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.07)}
.workflow-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(37,99,235,.15);color:var(--blue);font-weight:700}
.smart-hint-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 18px}
.smart-hint-row article{display:flex;gap:12px;padding:14px;border:1px solid rgba(255,255,255,.06);border-radius:16px;background:rgba(255,255,255,.02)}
.smart-hint-row span{width:28px;height:28px;border-radius:10px;background:rgba(37,99,235,.16);display:grid;place-items:center;font-size:.85rem;font-weight:700;color:#7fb0ff}
.smart-grid.advanced-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.smart-grid .field-full,.smart-grid .field-invoice-items{grid-column:1/-1}
.field-invoice-items select,.invoice-select{min-height:170px}
.assist-steps{display:grid;gap:10px;margin-top:18px}.assist-steps div{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}.assist-steps b{color:#6da1ff;letter-spacing:.08em}
.assist-note{margin-top:18px;padding:14px;border-radius:16px;background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.2)}
.admin-grid-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.admin-grid-layout .wide-card{grid-column:1/-1}
.settings-stats.four-up{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0 18px}.settings-stats.four-up div{padding:14px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.admin-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.admin-link-card{display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:18px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.08);text-decoration:none;color:inherit;transition:transform .2s ease,border-color .2s ease,background .2s ease}.admin-link-card:hover{transform:translateY(-2px);border-color:rgba(99,164,255,.5);background:rgba(37,99,235,.08)}.admin-link-meta{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#6da1ff}.admin-link-action{margin-top:auto;color:#95b8ff;font-weight:600}
.invoice-mode-note{margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}
.extended-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.review-grid{display:grid;gap:16px;padding:20px}.review-row{display:grid;grid-template-columns:2.2fr repeat(6,1fr) .7fr;gap:12px;padding:16px;border-radius:18px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06)}
.confidence{margin-left:8px;font-style:normal;color:#7ea9ff;font-size:.75rem}
.status-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.badge{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);font-size:.82rem}.badge.success{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.25)}
.stack-list{display:grid;gap:10px}.list-item{display:flex;justify-content:space-between;gap:14px;padding:14px;border-radius:16px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);text-decoration:none;color:inherit}
.mix-invoice .bar-track span{background:linear-gradient(90deg,#60a5fa,#a78bfa)}
.reminder-progress-list{display:grid;gap:10px}.compact-row-progress{display:flex;gap:14px;align-items:center;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);text-decoration:none;color:inherit}.compact-row-progress.status-due,.compact-row-progress.status-soon{border-color:rgba(245,158,11,.32)}
.cost-hero{display:flex;justify-content:space-between;gap:24px;padding:26px 28px;margin-bottom:22px}.cost-hero strong{display:block;font-size:2.2rem;margin:6px 0}.cost-mini-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;flex:1}.cost-mini-stats article{padding:14px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.cost-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.table-bar{margin-top:10px;height:7px}.table-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--blue),#7c99ff)}
@media(max-width:1180px){.enhanced-shell,.admin-grid-layout,.admin-link-grid,.cost-grid{grid-template-columns:1fr}.smart-hint-row,.extended-summary,.settings-stats.four-up,.cost-mini-stats{grid-template-columns:1fr 1fr}.review-row{grid-template-columns:1fr 1fr}.review-row .wide{grid-column:1/-1}}
@media(max-width:720px){.smart-hint-row,.extended-summary,.settings-stats.four-up,.cost-mini-stats,.smart-grid.advanced-grid{grid-template-columns:1fr}.workflow-card-head,.cost-hero{flex-direction:column}.review-row{grid-template-columns:1fr}.admin-link-grid{grid-template-columns:1fr}}

/* Alpha test cockpit */
html[data-theme="dark"]{--bg:#151820;--sidebar:#1d2028;--panel:#22252e;--panel-2:#2b2f39;--panel-3:#373c49;--line:rgba(255,255,255,.14)}
html[data-theme="light"]{--bg:#edf1f6;--sidebar:#f8fafc;--panel:#f9fbfe;--panel-2:#e9eef6;--panel-3:#dce4ef;--line:#cfd7e5}
.alpha-checklist{padding:18px;margin-bottom:18px}.alpha-checklist-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px}.alpha-checklist-head h2{margin:0}.alpha-progress{height:7px;background:var(--panel-3);border-radius:999px;overflow:hidden}.alpha-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--blue),#65a0ff);border-radius:inherit}.alpha-checklist-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:14px}.alpha-check{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;background:var(--panel-2);border:1px solid var(--line);border-radius:14px;padding:12px;color:inherit}.alpha-check>span{width:30px;height:30px;border-radius:10px;background:rgba(21,93,252,.16);color:#82aeff;display:grid;place-items:center;font-weight:900;font-size:11px}.alpha-check.is-done{border-color:rgba(0,208,132,.34)}.alpha-check.is-done>span{background:rgba(0,208,132,.16);color:var(--green)}.alpha-check small{display:block;color:var(--muted);margin-top:2px}.quality-card{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px;margin-top:18px}.quality-card h2{margin:0}.quality-missing{display:flex;flex-wrap:wrap;gap:8px}.quality-missing span{border:1px solid var(--line);background:var(--panel-2);border-radius:999px;padding:7px 10px;color:var(--muted);font-size:12px}.mp-feedback-button{position:fixed;right:18px;bottom:18px;z-index:30;background:var(--blue);color:#fff;border-radius:999px;padding:10px 14px;font-weight:900;box-shadow:var(--glow)}.alpha-narrow{max-width:820px}.alpha-form .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.alpha-form .field{display:grid;gap:7px}.alpha-form .field span{color:var(--muted);font-size:12px;font-weight:900}.alpha-form .field.wide{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.alpha-searchbar{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px;margin-bottom:18px}.alpha-searchbar input{min-height:46px}.timeline-list{display:grid;gap:10px}.timeline-card{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:start;background:var(--panel-2);border:1px solid var(--line);border-radius:14px;padding:12px}.timeline-card>span{color:var(--blue);font-weight:900;font-size:12px}.timeline-card small{display:block;color:var(--muted);margin-top:3px}.invoice-sums{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.invoice-sums span{background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:var(--muted);font-size:12px}.badge.status-open{color:#8db6ff}.badge.status-used{color:var(--green)}.badge.status-ignored{color:var(--muted)}.customer-quality-line{display:grid;gap:8px;margin:12px 0;color:var(--muted);font-size:12px}.workshop-kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.workshop-customer-detail,.alpha-search,.workshop-form-shell{display:grid;gap:18px}@media(max-width:960px){.alpha-checklist-grid{grid-template-columns:1fr 1fr}.quality-card{align-items:flex-start;flex-direction:column}.alpha-form .form-grid,.alpha-searchbar{grid-template-columns:1fr}.timeline-card{grid-template-columns:1fr}}@media(max-width:620px){.alpha-checklist-grid{grid-template-columns:1fr}}


/* ==== workflow scaling + invoice item checkbox picker ==== */
.mp-main{max-width:1240px}
.mp-workflow-page{max-width:1160px}
.mp-page-head.compact{margin-bottom:28px}
.mp-page-head.compact h1{font-size:3rem;line-height:1.02}
.mp-page-head.compact .mp-subtitle{font-size:1rem;max-width:780px;line-height:1.6}
.workflow-card.enhanced-card,.workflow-assist-card.enhanced-assist{border-radius:24px}
.workflow-card.enhanced-card{padding:28px}
.workflow-assist-card.enhanced-assist{padding:24px;position:sticky;top:28px}
.workflow-card-head strong{font-size:1.7rem;line-height:1.1}
.workflow-card-head small,.assist-note p,.enhanced-assist p{font-size:.98rem;line-height:1.65}
.flow-field>span{display:block;margin-bottom:8px;font-size:.9rem;font-weight:800;letter-spacing:.02em}
.flow-field small{display:block;margin-top:8px;font-size:.84rem;line-height:1.55;color:var(--muted)}
.flow-field input,.flow-field select,.flow-field textarea{font-size:1rem;min-height:54px;border-radius:16px;padding:0 16px}
.flow-field textarea{padding:14px 16px;min-height:124px}
.smart-hint-row article{padding:18px;border-radius:18px}
.smart-hint-row article strong{display:block;font-size:1rem;margin-bottom:4px}
.smart-hint-row article small{font-size:.84rem;line-height:1.5;color:var(--muted)}
.invoice-select{min-height:180px}
.mp-hidden-select{display:none!important}
.invoice-item-picker{display:grid;gap:12px;padding:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);border-radius:18px;min-height:180px}
.invoice-item-picker__empty{display:flex;align-items:center;justify-content:center;min-height:140px;padding:18px;border-radius:14px;border:1px dashed rgba(255,255,255,.08);color:var(--muted);text-align:center;line-height:1.55}
.invoice-item-option{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);cursor:pointer;transition:.18s ease}
.invoice-item-option:hover{border-color:rgba(43,127,255,.35);background:rgba(43,127,255,.05)}
.invoice-item-option input{width:18px;height:18px;min-height:auto;margin-top:2px;accent-color:var(--blue)}
.invoice-item-option__body{display:grid;gap:4px}
.invoice-item-option__body strong{font-size:.97rem;line-height:1.35}
.invoice-item-option__body small{font-size:.82rem;color:var(--muted);line-height:1.45}
.extended-summary{grid-template-columns:repeat(7,minmax(0,1fr))}
.flow-form-body .flow-fields.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1180px){.mp-page-head.compact h1{font-size:2.5rem}.enhanced-shell{grid-template-columns:1fr}.workflow-assist-card.enhanced-assist{position:static}.extended-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.mp-main{padding:22px 18px}.mp-page-head.compact h1{font-size:2rem}.extended-summary,.flow-form-body .flow-fields.two-col{grid-template-columns:1fr}.workflow-card.enhanced-card,.workflow-assist-card.enhanced-assist{padding:20px}}

.invoice-item-toolbar{display:flex;gap:10px;justify-content:flex-end;margin:8px 0 12px}
.invoice-item-toolbar .btn{padding:10px 14px;border-radius:12px}
.flow-field input[readonly], .flow-field input[data-auto-cost="true"]{background:rgba(255,255,255,.08);color:var(--text);cursor:not-allowed}


/* ==== grouped invoice position picker + cleaner review ==== */
.invoice-item-picker{gap:16px}
.invoice-item-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:2px}
.invoice-item-summary>div{padding:14px 16px;border-radius:16px;background:rgba(37,99,235,.08);border:1px solid rgba(59,130,246,.18)}
.invoice-item-summary span{display:block;color:var(--muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;margin-bottom:6px}
.invoice-item-summary strong{font-size:1.08rem}
.invoice-item-group{border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(255,255,255,.018);overflow:hidden}
.invoice-item-group__head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025)}
.invoice-item-group__head strong{font-size:1.02rem}
.invoice-item-group__head small{display:block;margin-top:5px;color:var(--muted);font-size:.82rem}
.invoice-item-group__actions{display:flex;gap:8px;flex-shrink:0}.btn.tiny{padding:8px 10px;font-size:.78rem;border-radius:10px}
.invoice-item-group__list{display:grid;gap:10px;padding:12px}.invoice-item-group__list .invoice-item-option{margin:0}
.invoice-item-option:has(input:checked){border-color:rgba(43,127,255,.55);background:rgba(43,127,255,.08)}
.review-head-clean{align-items:center;padding:22px 24px}.review-actions-clean{display:flex;gap:10px}.review-pill{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.22);color:#8fb7ff;font-size:.78rem;font-weight:900;letter-spacing:.08em;margin-bottom:10px}.review-head-clean h2{font-size:1.65rem;margin:0 0 6px}.review-head-clean p{font-size:1rem;line-height:1.55;color:var(--muted)}
.review-row{grid-template-columns:minmax(220px,2fr) minmax(160px,1.1fr) minmax(140px,1fr) minmax(120px,1fr) minmax(130px,1fr) 82px 90px 90px 82px}.review-row .field span{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.review-row input,.review-row select,.review-row textarea{font-size:.92rem}
@media(max-width:900px){.invoice-item-summary{grid-template-columns:1fr}.invoice-item-group__head{flex-direction:column;align-items:flex-start}.review-actions-clean{width:100%;justify-content:flex-start}.review-row{grid-template-columns:1fr}}

/* V13 invoice review scaling: keep position fields inside the card on desktop. */
.review-form{max-width:100%;overflow:hidden}
.review-grid{min-width:0}
.review-row{
  width:100%;
  min-width:0;
  grid-template-columns:minmax(240px,2fr) repeat(3,minmax(120px,1fr));
  align-items:start;
}
.review-row .field,
.review-row .check-field{min-width:0}
.review-row .wide{grid-column:span 2}
.review-row textarea,
.review-row input,
.review-row select{max-width:100%;min-width:0}
.review-row .compact input{padding-left:9px;padding-right:9px}
@media(max-width:900px){
  .review-row{grid-template-columns:1fr}
  .review-row .wide{grid-column:auto}
}

/* Garage active vehicle action */
.garage-active-action{margin-top:12px;display:flex;justify-content:center;align-items:center}
.garage-active-action form{width:100%}
.set-active-btn{width:100%;min-height:42px;border-color:rgba(43,127,255,.35);color:#9dbdff;background:rgba(43,127,255,.06)}
.set-active-btn:hover{background:rgba(43,127,255,.12);border-color:rgba(43,127,255,.65)}
.active-vehicle-pill{width:100%;min-height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(24,197,115,.11);border:1px solid rgba(24,197,115,.28);color:#8ff0bd;font-weight:900;font-size:.88rem}
.garage-card.is-active-vehicle{box-shadow:0 24px 70px rgba(0,0,0,.36),0 0 0 1px rgba(43,127,255,.28),0 0 46px rgba(43,127,255,.12)}

/* ==== Datenschutz / Export ==== */
.privacy-page{max-width:1120px}.privacy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.privacy-hero-card{grid-row:span 2}.privacy-list{display:grid;gap:12px;margin-top:18px}.privacy-list div,.privacy-checks span{display:grid;gap:5px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07)}.privacy-list span,.privacy-checks span,.privacy-page .muted{color:var(--muted);line-height:1.6}.privacy-checks{display:grid;gap:10px;margin-top:18px}.privacy-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.privacy-code{padding:16px;border-radius:16px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.08);color:#9dbdff;white-space:pre-wrap;line-height:1.45}.button-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.privacy-card{grid-column:1/-1}@media(max-width:900px){.privacy-grid{grid-template-columns:1fr}.privacy-hero-card{grid-row:auto}}

/* V11 cockpit and garage slider */
.v11-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:24px}
.v11-cockpit{max-width:980px;display:grid;gap:22px}
.v11-hero{display:grid;grid-template-columns:minmax(0,1fr) 390px;min-height:318px;overflow:hidden;border-radius:18px;background:linear-gradient(135deg,var(--panel),rgba(24,25,29,.94));box-shadow:0 24px 70px rgba(0,0,0,.32)}
.v11-hero-copy{padding:32px 34px;display:flex;flex-direction:column;justify-content:center;gap:20px}
.v11-hero h2{margin:0;font-size:28px;line-height:1.02;letter-spacing:-.05em}
.v11-vehicle-sub{margin:5px 0 0;color:var(--muted);font-size:14px}
.v11-hero-metrics{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.v11-hero-metrics>div{display:grid;grid-template-columns:38px auto;grid-template-rows:auto auto;column-gap:10px;align-items:center}
.v11-hero-metrics small{color:var(--muted);font-size:12px}
.v11-hero-metrics strong{font-size:15px}
.v11-icon{grid-row:1/3;width:38px;height:38px;border-radius:10px;background:var(--panel-2);display:grid;place-items:center;color:var(--blue);box-shadow:inset 0 0 0 1px var(--line)}
.v11-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.v11-hero-image{position:relative;display:block;margin:14px;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#1e2430,#101115);min-height:286px}
.v11-hero-image img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.92) contrast(1.05)}
.v11-hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.38))}
.v11-hero-image span{position:absolute;inset:0;display:grid;place-items:center;font-size:64px;font-weight:950;color:rgba(255,255,255,.78)}
.v11-focus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.v11-focus-card{min-height:180px;padding:20px;display:flex;flex-direction:column;border-radius:16px}
.v11-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.v11-card-icon{width:38px;height:38px;border-radius:10px;background:var(--panel-2);display:grid;place-items:center;font-weight:900}
.v11-card-icon.amber{color:var(--yellow)}.v11-card-icon.orange{color:#ff9f43}.v11-card-icon.blue{color:var(--blue)}
.v11-alert,.v11-dot{display:grid;place-items:center;width:16px;height:16px;border-radius:999px;background:var(--yellow);color:#07080c;font-size:11px;font-weight:950}
.v11-dot{width:7px;height:7px;background:#ff9f43;box-shadow:0 0 12px #ff9f43}
.v11-card-kicker{margin:0 0 9px;color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:900;letter-spacing:.14em}
.v11-focus-card h3{margin:0 0 5px;font-size:18px;line-height:1.18;letter-spacing:-.035em}
.v11-focus-card p{margin:0 0 18px}
.v11-focus-card .btn{margin-top:auto;width:max-content}
.v11-money{font-size:30px!important}
.v11-mini-chart{margin-top:auto;height:38px;display:flex;align-items:flex-end;gap:7px}
.v11-mini-chart i{display:block;flex:1;min-width:20px;border-radius:5px;background:var(--panel-3)}
.v11-mini-chart i:last-child{background:var(--blue);box-shadow:var(--glow)}

.v11-garage-page{max-width:1040px;min-height:calc(100vh - 68px);display:flex;flex-direction:column}
.v11-garage-stage{position:relative;flex:1;min-height:650px;display:grid;place-items:center;padding:34px 58px 76px}
.v11-garage-slider{position:relative;width:100%;height:565px;display:grid;place-items:center;outline:0}
.v11-vehicle-slide{position:absolute;width:min(620px,68vw);max-width:620px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:0 28px 84px rgba(0,0,0,.42);overflow:hidden;opacity:0;pointer-events:none;transform:translateX(calc(var(--slide-offset,0) * 280px)) scale(.82);transition:transform .34s cubic-bezier(.2,.7,.2,1),opacity .24s ease,filter .24s ease,border-color .24s ease}
.v11-vehicle-slide.is-current{z-index:3;opacity:1;pointer-events:auto;transform:translateX(0) scale(1);border-color:rgba(43,127,255,.36)}
.v11-vehicle-slide.is-prev,.v11-vehicle-slide.is-next{z-index:2;opacity:.58;pointer-events:auto;width:150px;height:540px;filter:saturate(.82) brightness(.78);cursor:pointer}
.v11-vehicle-slide.is-prev{transform:translateX(-420px) scale(1)}
.v11-vehicle-slide.is-next{transform:translateX(420px) scale(1)}
.v11-vehicle-slide.is-hidden{opacity:0;pointer-events:none;transform:translateX(calc(var(--slide-offset,0) * 180px)) scale(.7)}
.v11-slide-image{height:318px;position:relative;overflow:hidden;background:linear-gradient(135deg,#20242d,#101115)}
.v11-slide-image img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.94) contrast(1.03)}
.v11-slide-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.36))}
.v11-slide-placeholder{position:absolute;inset:0;display:grid;place-items:center;font-size:66px;font-weight:950;color:rgba(255,255,255,.82)}
.v11-slide-badge{position:absolute;left:20px;top:18px;z-index:2;border-radius:999px;background:rgba(0,0,0,.64);color:#fff;padding:9px 13px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.v11-slide-status{position:absolute;right:20px;top:18px;z-index:2}
.v11-slide-body{padding:22px;display:grid;gap:13px}
.v11-slide-kicker{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em}
.v11-slide-body h2{margin:0;font-size:26px;line-height:1.05;letter-spacing:-.05em}
.v11-slide-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.v11-slide-metrics div{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:13px}
.v11-slide-metrics span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:900}
.v11-slide-metrics strong{display:block;margin-top:4px;font-size:16px}
.v11-slide-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.v11-active-row{min-height:34px;display:flex;align-items:center}
.v11-active-row form{margin:0}
.active-vehicle-pill{display:inline-flex;align-items:center;gap:7px;border-radius:999px;background:rgba(0,208,132,.12);border:1px solid rgba(0,208,132,.25);color:var(--green);padding:8px 12px;font-size:12px;font-weight:850}
.btn.ghost{background:var(--panel-2)}
.v11-vehicle-slide.is-prev .v11-slide-image,.v11-vehicle-slide.is-next .v11-slide-image{height:100%}
.v11-vehicle-slide.is-prev .v11-slide-body,.v11-vehicle-slide.is-next .v11-slide-body{position:absolute;left:0;right:0;bottom:0;padding:20px;background:linear-gradient(transparent,rgba(0,0,0,.92))}
.v11-vehicle-slide.is-prev .v11-slide-body h2,.v11-vehicle-slide.is-next .v11-slide-body h2{font-size:19px;color:#fff}
.v11-vehicle-slide.is-prev .v11-slide-metrics,.v11-vehicle-slide.is-next .v11-slide-metrics,.v11-vehicle-slide.is-prev .v11-slide-actions,.v11-vehicle-slide.is-next .v11-slide-actions,.v11-vehicle-slide.is-prev .v11-active-row,.v11-vehicle-slide.is-next .v11-active-row,.v11-vehicle-slide.is-prev .v11-slide-status,.v11-vehicle-slide.is-next .v11-slide-status{display:none}
.v11-slider-arrow{position:absolute;top:50%;z-index:5;width:42px;height:42px;border-radius:999px;background:var(--panel);border:1px solid var(--line);color:var(--text);display:grid;place-items:center;box-shadow:var(--shadow)}
.v11-prev{left:16px}.v11-next{right:16px}
.v11-slider-dots{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);display:flex;gap:9px;z-index:5}
.v11-slider-dots button{min-height:0;width:7px;height:7px;padding:0;border:0;border-radius:999px;background:var(--panel-3);transition:.18s ease}
.v11-slider-dots button.is-active{width:24px;background:var(--blue);box-shadow:var(--glow)}
.v11-empty-garage{max-width:560px}

@media(max-width:1100px){
  .v11-cockpit,.v11-garage-page{max-width:none}
  .v11-hero{grid-template-columns:1fr}
  .v11-hero-image{min-height:260px}
  .v11-focus-grid{grid-template-columns:1fr}
  .v11-vehicle-slide{width:min(620px,74vw)}
  .v11-vehicle-slide.is-prev{transform:translateX(-330px) scale(.92)}
  .v11-vehicle-slide.is-next{transform:translateX(330px) scale(.92)}
}
@media(max-width:760px){
  .v11-page-head{flex-direction:column}
  .v11-garage-stage{min-height:auto;padding:20px 0 70px}
  .v11-garage-slider{height:auto;min-height:560px}
  .v11-vehicle-slide,.v11-vehicle-slide.is-current{position:relative;width:100%;transform:none}
  .v11-vehicle-slide.is-prev,.v11-vehicle-slide.is-next,.v11-vehicle-slide.is-hidden{display:none}
  .v11-slider-arrow{display:none}
  .v11-slide-actions,.v11-slide-metrics{grid-template-columns:1fr}
  .v11-hero-copy{padding:24px}
  .v11-actions .btn,.v11-focus-card .btn{width:100%}
}

/* V12 admin cockpit and sidebar identity */
.mp-active-vehicle-card{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:10px;
  align-items:center;
  padding:11px;
  border:1px solid var(--line);
  border-radius:14px;
  background:linear-gradient(135deg,rgba(21,93,252,.16),var(--panel-2));
  color:var(--text);
}
.mp-active-vehicle-icon{
  width:34px;height:34px;border-radius:10px;
  display:grid;place-items:center;
  background:var(--blue);color:#fff;
  box-shadow:var(--glow);
  font-size:13px;font-weight:900;
}
.mp-active-vehicle-card small,
.mp-active-vehicle-card em{
  display:block;
  color:var(--muted);
  font-size:10px;
  font-style:normal;
  line-height:1.25;
}
.mp-active-vehicle-card strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13px;
  line-height:1.25;
}

.v12-admin-page{max-width:1180px;display:grid;gap:22px}
.v12-admin-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.65fr);
  gap:22px;
  align-items:stretch;
  padding:28px;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 18%,rgba(21,93,252,.22),transparent 26%),
    linear-gradient(135deg,var(--panel),rgba(24,25,29,.92));
}
.v12-admin-hero h2{
  margin:5px 0 8px;
  font-size:clamp(34px,4vw,54px);
  line-height:.95;
  letter-spacing:-.06em;
}
.v12-admin-hero p{margin:0;color:var(--muted)}
.v12-rank-score{
  margin-top:24px;
  width:max-content;
  min-width:120px;
  padding:14px 16px;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--panel-2);
}
.v12-rank-score span,
.v12-metric-card span,
.v12-admin-tile span{
  display:block;
  color:var(--muted);
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.v12-rank-score strong{display:block;margin-top:3px;font-size:28px;letter-spacing:-.05em}
.v12-admin-profile{
  display:grid;
  grid-template-columns:54px minmax(0,1fr);
  grid-template-rows:auto auto;
  gap:14px;
  align-content:center;
  padding:20px;
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(255,255,255,.035);
}
html[data-theme="light"] .v12-admin-profile{background:rgba(10,16,32,.035)}
.v12-admin-profile .mp-brand-mark{width:54px;height:54px;border-radius:16px;grid-row:1/3}
.v12-admin-profile strong{display:block;font-size:19px}
.v12-admin-profile small{display:block;color:var(--muted)}
.v12-admin-profile .btn{grid-column:1/-1;width:max-content}
.v12-metric-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.v12-metric-card{
  min-height:128px;
  padding:18px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  border-radius:16px;
}
.v12-metric-card strong{
  display:block;
  font-size:34px;
  letter-spacing:-.06em;
}
.v12-metric-card small{color:var(--muted)}
.v12-admin-grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);
  gap:20px;
  align-items:start;
}
.v12-admin-grid.secondary{grid-template-columns:repeat(2,minmax(0,1fr))}
.v12-tile-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.v12-admin-tile{
  min-height:176px;
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:16px;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--panel-2);
  color:var(--text);
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
.v12-admin-tile:hover{
  transform:translateY(-2px);
  border-color:rgba(43,127,255,.48);
  background:linear-gradient(135deg,var(--panel-2),rgba(21,93,252,.08));
}
.v12-admin-tile strong{font-size:18px;letter-spacing:-.03em}
.v12-admin-tile p{margin:0;color:var(--muted);line-height:1.5}
.v12-admin-tile em{margin-top:auto;color:var(--blue);font-style:normal;font-weight:850}
.v12-rank-list{display:grid;gap:10px}
.v12-rank-list div{
  display:grid;
  gap:4px;
  padding:13px 14px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--panel-2);
}
.v12-rank-list div.is-active{
  border-color:rgba(0,208,132,.44);
  background:linear-gradient(135deg,rgba(0,208,132,.12),var(--panel-2));
}
.v12-rank-list span{
  color:var(--blue);
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.v12-rank-list div.is-active span{color:var(--green)}
.v12-rank-list strong{font-size:13px}
.v12-rank-list small{color:var(--muted);line-height:1.4}

@media(max-width:1100px){
  .v12-admin-hero,.v12-admin-grid,.v12-admin-grid.secondary{grid-template-columns:1fr}
  .v12-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .v12-admin-hero{padding:22px}
  .v12-metric-grid,.v12-tile-grid{grid-template-columns:1fr}
}

/* V13b: invoice review must stay inside the workflow card, even with many item fields. */
.review-form.panel{
  max-width:100%;
  overflow:hidden;
}
.review-form .review-grid{
  min-width:0;
  padding-left:20px;
  padding-right:20px;
}
.review-form .review-row{
  width:100%;
  min-width:0;
  box-sizing:border-box;
  grid-template-columns:minmax(230px,1.35fr) repeat(3,minmax(0,1fr));
  align-items:start;
}
.review-form .review-row .field,
.review-form .review-row .check-field{
  min-width:0;
}
.review-form .review-row .wide{
  grid-column:span 2;
}
.review-form .review-row textarea,
.review-form .review-row input,
.review-form .review-row select{
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
}
.review-form .review-row .check-field input{
  width:auto;
}
@media(max-width:900px){
  .review-form .review-row{
    grid-template-columns:1fr;
  }
  .review-form .review-row .wide{
    grid-column:auto;
  }
}

/* V14: version badge, delete flows and help cockpit. */
.mp-brand small{
  width:max-content;
  padding:3px 7px;
  border-radius:999px;
  background:rgba(43,127,255,.12);
  color:#8fb7ff;
  border:1px solid rgba(43,127,255,.22);
}
.v11-slide-actions{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.btn.mini{
  min-height:32px;
  padding:6px 10px;
  font-size:12px;
}
.timeline-row-actions{
  grid-template-columns:110px minmax(0,1fr) auto auto;
}
.delete-shell{
  max-width:820px;
  margin:0 auto;
}
.delete-card{
  display:grid;
  gap:18px;
}
.delete-facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.delete-facts div{
  padding:14px;
  border-radius:14px;
  background:var(--panel-2);
  border:1px solid var(--line);
}
.delete-facts span{
  display:block;
  color:var(--muted);
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.delete-facts strong{
  display:block;
  margin-top:5px;
}
.delete-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin:0;
}
.help-page{
  display:grid;
  gap:22px;
}
.help-hero{
  min-height:210px;
  padding:28px;
  display:grid;
  grid-template-columns:190px minmax(0,1fr);
  gap:28px;
  align-items:center;
  overflow:hidden;
  background:radial-gradient(circle at 18% 28%,rgba(43,127,255,.26),transparent 32%),linear-gradient(135deg,var(--panel),rgba(43,127,255,.08));
}
.help-hero h2{
  margin:0 0 10px;
  font-size:30px;
  line-height:1.05;
  letter-spacing:-.05em;
}
.help-hero p{
  margin:0;
  color:var(--muted);
  max-width:720px;
}
.help-orbit{
  width:150px;
  height:150px;
  border-radius:50%;
  position:relative;
  display:grid;
  place-items:center;
  border:1px solid rgba(43,127,255,.28);
  background:rgba(43,127,255,.08);
  animation:helpFloat 4.5s ease-in-out infinite;
}
.help-orbit:before{
  content:"?";
  width:58px;
  height:58px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:var(--blue);
  color:#fff;
  font-weight:950;
  font-size:28px;
  box-shadow:var(--glow);
}
.help-orbit i{
  position:absolute;
  width:14px;
  height:14px;
  border-radius:50%;
  background:var(--green);
  box-shadow:0 0 18px rgba(0,208,132,.5);
}
.help-orbit i:nth-child(1){left:18px;top:42px}
.help-orbit i:nth-child(2){right:24px;top:34px;background:var(--yellow)}
.help-orbit i:nth-child(3){bottom:24px;left:68px;background:var(--blue)}
@keyframes helpFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}
.help-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.help-card{
  min-height:250px;
  padding:20px;
  display:flex;
  flex-direction:column;
  gap:14px;
  transition:transform .18s ease,border-color .18s ease;
}
.help-card:hover{
  transform:translateY(-3px);
  border-color:rgba(43,127,255,.45);
}
.help-card-head{
  display:flex;
  align-items:center;
  gap:12px;
}
.help-card-head span{
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:rgba(43,127,255,.12);
  color:#8fb7ff;
  border:1px solid rgba(43,127,255,.22);
  font-weight:900;
}
.help-card-head strong{
  font-size:18px;
}
.help-card p{
  color:var(--muted);
  margin:0;
}
.help-steps{
  margin:auto 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:8px;
}
.help-steps li{
  padding:10px 12px;
  border-radius:12px;
  background:var(--panel-2);
  border:1px solid var(--line);
}
.help-steps li:before{
  content:"→";
  color:var(--blue);
  font-weight:900;
  margin-right:8px;
}
.help-admin-head{
  margin:8px 0 -4px;
}
.admin-help{
  background:linear-gradient(135deg,var(--panel),rgba(0,208,132,.06));
}
@media(max-width:1100px){
  .help-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .help-hero{grid-template-columns:1fr}
}
@media(max-width:720px){
  .v11-slide-actions,.timeline-row-actions,.delete-facts,.help-grid{grid-template-columns:1fr}
  .delete-actions{flex-direction:column}
  .help-hero h2{font-size:24px}
}

/* V15 workshop management */
.auth-workshop-box{
  padding:14px;
  border:1px solid rgba(43,127,255,.22);
  border-radius:16px;
  background:rgba(43,127,255,.08);
  display:grid;
  gap:10px;
}
.auth-workshop-box strong{display:block;font-size:15px}
.auth-workshop-box p{margin:4px 0 0;color:var(--muted);font-size:12px}
.workshop-register-field{
  border-left:2px solid rgba(43,127,255,.45);
  padding-left:12px;
}
.workshop-page{display:grid;gap:22px}
.admin-workshop-alert{
  padding:14px 16px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  border-color:rgba(255,176,32,.35);
  background:linear-gradient(135deg,rgba(255,176,32,.12),var(--panel));
}
.admin-workshop-alert span{
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:rgba(255,176,32,.14);
  color:var(--yellow);
}
.admin-workshop-alert strong{display:block}
.admin-workshop-alert small{display:block;color:var(--muted)}
.admin-workshop-alert em{font-style:normal;color:var(--yellow);font-weight:900}
.workshop-hero{
  padding:28px;
  min-height:190px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 240px;
  align-items:center;
  gap:20px;
  background:linear-gradient(135deg,var(--panel),rgba(43,127,255,.08));
}
.workshop-status-card{
  padding:18px;
  border-radius:18px;
  background:var(--panel-2);
  border:1px solid var(--line);
}
.workshop-status-card span,
.workshop-metrics span{
  display:block;
  color:var(--muted);
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.workshop-status-card strong,
.workshop-metrics strong{
  display:block;
  margin-top:6px;
  font-size:28px;
  letter-spacing:-.05em;
}
.workshop-status-card small,
.workshop-metrics small{display:block;color:var(--muted);margin-top:4px}
.workshop-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.workshop-metrics article{
  padding:18px;
}
.workshop-metrics .accent{
  background:linear-gradient(135deg,var(--blue),#275fff);
  color:#fff;
}
.workshop-metrics .accent span,
.workshop-metrics .accent small{color:rgba(255,255,255,.78)}
.workshop-grid{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);
  gap:18px;
}
.workshop-vehicle-list{display:grid;gap:10px}
.workshop-vehicle-row,
.workshop-invoice-row{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:12px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--panel-2);
}
.workshop-vehicle-row .row-thumb{
  display:grid;
  place-items:center;
  background:rgba(43,127,255,.12);
}
.workshop-vehicle-row strong,
.workshop-invoice-row strong{display:block}
.workshop-vehicle-row small,
.workshop-invoice-row small{display:block;color:var(--muted)}
.workshop-vehicle-row em{
  color:var(--blue);
  font-style:normal;
  font-weight:900;
}
.workshop-invoice-row{
  grid-template-columns:minmax(0,1fr) auto auto;
}
.workshop-invoice-row.status-unpaid{
  border-color:rgba(255,176,32,.35);
}
.workshop-invoice-form{
  display:grid;
  gap:18px;
}
.workshop-apply-form{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.workshop-line-grid{
  display:grid;
  gap:12px;
}
.workshop-line-row{
  display:grid;
  grid-template-columns:150px minmax(240px,1fr) 100px 120px 90px;
  gap:12px;
  align-items:end;
  padding:14px;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--panel-2);
}
.workshop-line-row .wide{min-width:0}
.workshop-line-row .check-field{align-self:center}
.invoice-print-head,
.invoice-facts{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(220px,.35fr);
  gap:18px;
  margin-bottom:18px;
}
.invoice-facts{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.invoice-facts div,
.invoice-print-head>div:last-child{
  padding:14px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--panel-2);
}
.invoice-facts span,
.invoice-print-head span{
  display:block;
  color:var(--muted);
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.invoice-facts strong,
.invoice-print-head strong{display:block;margin:4px 0 10px}
@media(max-width:1100px){
  .workshop-grid,.workshop-hero,.invoice-print-head,.invoice-facts{grid-template-columns:1fr}
  .workshop-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .workshop-line-row{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .workshop-metrics,.workshop-apply-form,.workshop-line-row,.workshop-invoice-row{grid-template-columns:1fr}
}

/* V15 auth polish: workshop registration stays compact and scroll-safe. */
body.auth-page{
  overflow:auto;
}
.auth-shell{
  min-height:100vh;
}
.auth-layout{
  align-items:start;
  padding-bottom:48px;
}
.register-auth-card{
  width:min(560px,100%);
}
.register-auth-card .auth-card-head{
  margin-bottom:16px;
}
.register-form{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.register-form .auth-errors,
.register-form .account-register-field,
.register-form .auth-workshop-box,
.register-form .auth-submit{
  grid-column:1/-1;
}
.register-form .auth-field{
  margin:0;
}
.register-form .auth-field input{
  min-height:42px;
  padding:10px 14px;
}
.register-form .workshop-register-field{
  display:none;
  border-left:0;
  padding-left:0;
}
.register-form:has(#id_request_workshop:checked) .workshop-register-field{
  display:grid;
}
.register-form .auth-workshop-box{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
}
@media(max-width:900px){
  .auth-layout{
    grid-template-columns:1fr;
  }
  .auth-showcase{
    max-width:720px;
  }
}
@media(max-width:620px){
  .register-form,
  .register-form .auth-workshop-box{
    grid-template-columns:1fr;
  }
}

/* Workshop cockpit UI: same Wrenchmate language, different operating model. */
.workshop-cockpit{
  position:relative;
  display:grid;
  gap:22px;
  max-width:1160px;
  z-index:1;
}
body.workshop-mode{
  position:relative;
  overflow-x:hidden;
}
body.workshop-mode:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(115deg, transparent 0 38%, rgba(43,127,255,.08) 39%, transparent 40% 62%, rgba(255,176,32,.06) 63%, transparent 64%),
    radial-gradient(circle at 86% 14%, rgba(21,93,252,.18), transparent 24%),
    radial-gradient(circle at 80% 92%, rgba(255,176,32,.08), transparent 22%);
  opacity:.58;
  animation:workshopAtmosphere 18s ease-in-out infinite alternate;
  z-index:0;
}
body.workshop-mode:after{
  content:"";
  position:fixed;
  right:-120px;
  bottom:-90px;
  width:520px;
  height:260px;
  pointer-events:none;
  opacity:.18;
  background:
    radial-gradient(circle at 18% 62%, transparent 0 34px, currentColor 35px 39px, transparent 40px),
    radial-gradient(circle at 76% 60%, transparent 0 42px, currentColor 43px 48px, transparent 49px),
    linear-gradient(11deg, transparent 0 31%, currentColor 32% 34%, transparent 35%),
    linear-gradient(-9deg, transparent 0 47%, currentColor 48% 50%, transparent 51%);
  color:var(--muted);
  filter:blur(.2px);
  transform:translate3d(0,0,0);
  animation:workshopLineBike 20s ease-in-out infinite alternate;
  z-index:0;
}
@keyframes workshopAtmosphere{
  from{transform:translate3d(-18px,-10px,0) scale(1)}
  to{transform:translate3d(18px,10px,0) scale(1.03)}
}
@keyframes workshopLineBike{
  from{transform:translate3d(0,0,0) rotate(-1deg)}
  to{transform:translate3d(-34px,-12px,0) rotate(1deg)}
}
.workshop-topline{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}
.workshop-command{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:24px;
  min-height:250px;
  padding:28px;
  background:
    radial-gradient(circle at 86% 22%, rgba(21,93,252,.18), transparent 26%),
    linear-gradient(135deg, var(--panel) 0%, #141821 100%);
}
html[data-theme="light"] .workshop-command{
  background:
    radial-gradient(circle at 86% 22%, rgba(21,93,252,.14), transparent 26%),
    linear-gradient(135deg, #ffffff 0%, #eef5ff 100%);
}
.workshop-command__copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
}
.workshop-command__copy h2{
  max-width:650px;
  margin:0;
  font-size:32px;
  line-height:1.08;
  letter-spacing:-.04em;
}
.workshop-command__copy p:not(.mp-kicker){
  max-width:620px;
  margin:14px 0 0;
  color:var(--muted);
  font-size:14px;
}
.workshop-command__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:24px;
}
.btn.ghost{
  background:transparent;
}
.workshop-live-card{
  align-self:stretch;
  display:grid;
  align-content:start;
  gap:10px;
  padding:18px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,255,255,.035);
}
html[data-theme="light"] .workshop-live-card{
  background:rgba(255,255,255,.72);
}
.workshop-live-card>span,
.workshop-kpi span,
.workshop-action-card span,
.workshop-billing-summary span{
  color:var(--muted);
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.workshop-live-row{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:4px 12px;
  padding:13px 14px 13px 20px;
  border:1px solid var(--line);
  border-radius:13px;
  background:var(--panel-2);
}
.workshop-live-row:before{
  content:"";
  position:absolute;
  left:0;
  top:10px;
  bottom:10px;
  width:3px;
  border-radius:99px;
  background:var(--yellow);
}
.workshop-live-row strong,
.workshop-live-row small{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.workshop-live-row small{
  color:var(--muted);
  font-size:11px;
}
.workshop-live-row em{
  grid-row:1/3;
  grid-column:2;
  align-self:center;
  color:var(--text);
  font-style:normal;
  font-weight:900;
}
.workshop-live-empty{
  color:var(--muted);
  padding:14px;
}
.workshop-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.workshop-kpi{
  position:relative;
  overflow:hidden;
  padding:18px;
  min-height:110px;
}
.workshop-kpi:before{
  content:"";
  position:absolute;
  inset:0 auto auto 0;
  width:100%;
  height:3px;
  background:var(--blue);
}
.workshop-kpi.warning:before{background:var(--yellow)}
.workshop-kpi.danger:before{background:var(--red)}
.workshop-kpi strong{
  display:block;
  margin-top:10px;
  font-size:28px;
  line-height:1;
}
.workshop-kpi small{
  display:block;
  margin-top:10px;
  color:var(--muted);
  font-weight:750;
}
.workshop-action-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.workshop-action-card{
  min-height:128px;
  padding:18px;
  transition:.18s ease;
}
.workshop-action-card:hover{
  border-color:rgba(43,127,255,.55);
  transform:translateY(-2px);
}
.workshop-action-card strong{
  display:block;
  margin-top:20px;
  font-size:16px;
}
.workshop-action-card small{
  display:block;
  margin-top:8px;
  color:var(--muted);
}
.workshop-workspace{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(420px,.95fr);
  gap:18px;
}
.workshop-panel{
  min-width:0;
}
.workshop-sum{
  color:var(--blue);
  font-weight:900;
}
.workshop-bottom-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:18px;
}
.workshop-customer-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.workshop-customer-board{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.workshop-search{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:10px;
  align-items:end;
  padding:14px;
}
.workshop-search label{
  display:grid;
  gap:7px;
}
.workshop-search span{
  color:var(--muted);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
}
.workshop-customer-card{
  min-width:0;
}
.workshop-customer-card__head{
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  margin-bottom:16px;
}
.workshop-customer-card__head>span{
  width:46px;
  height:46px;
  border-radius:13px;
  display:grid;
  place-items:center;
  color:#fff;
  background:var(--blue);
  font-weight:900;
}
.workshop-customer-card__head h2{
  margin:0;
  font-size:18px;
}
.workshop-customer-card__head p{
  margin:3px 0 0;
  color:var(--muted);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.workshop-customer-vehicles{
  display:grid;
  gap:10px;
}
.workshop-customer-invoices{
  display:grid;
  gap:10px;
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid var(--line);
}
.workshop-customer-invoices h3{
  margin:0;
  font-size:15px;
}
.workshop-customer-invoice{
  display:grid;
  grid-template-columns:minmax(0,1fr) 132px;
  gap:10px;
  align-items:center;
  padding:11px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--panel-2);
}
.workshop-customer-invoice.is-overdue{
  border-color:rgba(255,77,109,.5);
}
.workshop-customer-invoice strong,
.workshop-customer-invoice small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.workshop-customer-invoice small{
  color:var(--muted);
}
.workshop-row-actions{
  display:flex;
  gap:8px;
  justify-content:flex-end;
  font-size:12px;
  font-weight:900;
}
.danger-link{
  color:var(--red);
}
.workshop-customer-row{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:12px;
  align-items:center;
  padding:12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--panel-2);
}
.workshop-customer-row>span{
  width:38px;
  height:38px;
  border-radius:10px;
  display:grid;
  place-items:center;
  color:#fff;
  background:var(--blue);
  font-weight:900;
}
.workshop-customer-row strong,
.workshop-customer-row small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.workshop-customer-row small{
  color:var(--muted);
}
.workshop-billing-summary{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
.workshop-billing-summary div{
  padding:16px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--panel-2);
}
.workshop-billing-summary strong{
  display:block;
  margin-top:8px;
  font-size:24px;
}
.workshop-billing-summary small{
  color:var(--muted);
}
.workshop-invoice-shell{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:18px;
}
.workshop-invoice-main,
.workshop-invoice-lines{
  min-width:0;
}
.workshop-invoice-fields .wide{
  grid-column:1/-1;
}
.workshop-invoice-guide{
  align-self:start;
  position:sticky;
  top:24px;
  background:
    radial-gradient(circle at 100% 0%, rgba(21,93,252,.18), transparent 34%),
    var(--panel);
}
.workshop-invoice-guide h2{
  margin:0;
  font-size:22px;
  line-height:1.1;
}
.workshop-guide-steps{
  display:grid;
  gap:10px;
  margin-top:22px;
}
.workshop-guide-steps span{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:10px;
  align-items:center;
  padding:12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--panel-2);
  font-weight:800;
}
.workshop-guide-steps strong{
  width:30px;
  height:30px;
  border-radius:9px;
  display:grid;
  place-items:center;
  color:#fff;
  background:var(--blue);
  font-size:11px;
}
.workshop-invoice-lines{
  grid-column:1/-1;
}
.btn.full{
  width:100%;
  margin-top:18px;
}
.workshop-source-window{
  grid-column:1/-1;
}
.workshop-source-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.workshop-source-field{
  min-height:180px;
  max-height:280px;
  overflow:auto;
  padding:14px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--panel-2);
}
.workshop-source-field h3{
  margin:0 0 10px;
  font-size:15px;
}
.workshop-source-field ul{
  display:grid;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
}
.workshop-source-field li label{
  display:grid;
  grid-template-columns:18px minmax(0,1fr);
  gap:8px;
  align-items:start;
  font-size:12px;
  color:var(--muted);
}
.workshop-line-row{
  grid-template-columns:minmax(130px,.8fr) minmax(220px,1.5fr) minmax(82px,.45fr) minmax(96px,.55fr) minmax(80px,.45fr);
}
@media(max-width:1120px){
  .workshop-command,
  .workshop-workspace,
  .workshop-bottom-grid,
  .workshop-customer-board,
  .workshop-invoice-shell{
    grid-template-columns:1fr;
  }
  .workshop-kpis,
  .workshop-action-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:720px){
  .workshop-topline{
    flex-direction:column;
  }
  .workshop-kpis,
  .workshop-action-grid,
  .workshop-customer-list,
  .workshop-search,
  .workshop-source-grid{
    grid-template-columns:1fr;
  }
  .workshop-command{
    padding:22px;
  }
  .workshop-command__copy h2{
    font-size:26px;
  }
}

/* pre-Alpha workshop cockpit: reduced, cleaner and closer to the billing cockpit reference. */
.workshop-cockpit-clean{
  max-width:1120px;
  margin:0 auto;
  gap:28px;
}
.workshop-cockpit-clean .workshop-topline{
  align-items:flex-start;
  margin-bottom:4px;
}
.workshop-cockpit-clean .page-title{
  font-size:30px;
}
.workshop-cockpit-clean .workshop-command{
  grid-template-columns:minmax(0,1fr) 330px;
  min-height:250px;
  padding:28px;
  border-radius:18px;
  background:var(--panel);
}
html[data-theme="light"] .workshop-cockpit-clean .workshop-command{
  background:linear-gradient(135deg,#ffffff 0%,#f3f7ff 100%);
}
.workshop-cockpit-clean .workshop-command__copy h2{
  max-width:680px;
  font-size:32px;
}
.workshop-cockpit-clean .workshop-command__copy p:not(.mp-kicker){
  max-width:650px;
  font-size:15px;
}
.workshop-cockpit-clean .workshop-live-card{
  background:var(--panel-2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.workshop-cockpit-clean .workshop-kpis{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px;
}
.workshop-cockpit-clean .workshop-kpi{
  min-height:104px;
  background:var(--panel);
}
.workshop-cockpit-clean .workshop-kpi strong{
  font-size:30px;
}
.workshop-cockpit-clean .clean-grid{
  grid-template-columns:1fr 1fr;
  gap:46px;
  align-items:start;
}
.workshop-cockpit-clean .workshop-panel{
  min-height:360px;
}
.workshop-cockpit-clean .panel-head h2{
  font-size:24px;
}
.workshop-cockpit-clean .list-stack{
  gap:12px;
}
.workshop-cockpit-clean .workshop-invoice-row{
  min-height:72px;
  border-radius:14px;
  background:var(--panel-2);
}
.workshop-cockpit-clean .workshop-invoice-row span{
  font-size:16px;
  font-weight:900;
}
.clean-customer-list{
  grid-template-columns:1fr;
}
.clean-customer-list .workshop-customer-row{
  grid-template-columns:42px minmax(0,1fr) auto;
  min-height:64px;
}
.clean-customer-list .workshop-customer-row em{
  color:var(--muted);
  font-style:normal;
  font-size:22px;
}
body.workshop-mode{
  background:
    radial-gradient(circle at 92% 8%, rgba(21,93,252,.10), transparent 28%),
    radial-gradient(circle at 80% 98%, rgba(255,176,32,.05), transparent 24%),
    var(--bg);
}
html[data-theme="dark"] body.workshop-mode{
  background:
    radial-gradient(circle at 92% 8%, rgba(21,93,252,.13), transparent 28%),
    radial-gradient(circle at 80% 98%, rgba(255,176,32,.07), transparent 24%),
    #111318;
}
html[data-theme="dark"] body.workshop-mode:before{
  opacity:.32;
}
html[data-theme="dark"] body.workshop-mode:after{
  opacity:.12;
}
@media(max-width:1120px){
  .workshop-cockpit-clean .workshop-command,
  .workshop-cockpit-clean .clean-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:760px){
  .workshop-cockpit-clean .workshop-kpis{
    grid-template-columns:1fr 1fr;
    gap:12px;
  }
  .workshop-cockpit-clean .mp-actions{
    flex-wrap:wrap;
  }
}
@media(max-width:560px){
  .workshop-cockpit-clean .workshop-kpis{
    grid-template-columns:1fr;
  }
}

/* pre-Alpha global dark mode pass: no pitch-black surfaces across Wrenchmate. */
html[data-theme="dark"] body{
  background:
    radial-gradient(circle at 86% 8%, rgba(21,93,252,.08), transparent 24%),
    radial-gradient(circle at 12% 92%, rgba(0,208,132,.035), transparent 22%),
    var(--bg);
}
html[data-theme="dark"] .mp-sidebar,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .flow-form-card,
html[data-theme="dark"] .flow-side-panel,
html[data-theme="dark"] .workflow-card,
html[data-theme="dark"] .workflow-assist-card,
html[data-theme="dark"] .workshop-invoice-guide,
html[data-theme="dark"] .enhanced-card,
html[data-theme="dark"] .enhanced-assist,
html[data-theme="dark"] .admin-menu-panel,
html[data-theme="dark"] .invoice-status-card{
  background-color:var(--panel);
}
html[data-theme="dark"] .cockpit-hero-img{
  background:linear-gradient(135deg,var(--panel-2),var(--bg));
}
html[data-theme="dark"] .v11-hero,
html[data-theme="dark"] .workshop-command{
  background:
    radial-gradient(circle at 86% 22%, rgba(21,93,252,.12), transparent 26%),
    linear-gradient(135deg,var(--panel) 0%,var(--panel-2) 100%);
}
html[data-theme="dark"] .auth-card{
  background:rgba(29,31,37,.88);
  border-color:var(--line);
}
html[data-theme="dark"] .privacy-code{
  background:var(--panel-2);
  border-color:var(--line);
}

/* Helpful micro-tooltips */
[data-tooltip]{position:relative}
[data-tooltip]:before,[data-tooltip]:after{position:absolute;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .16s ease,transform .16s ease,visibility .16s ease;z-index:80}
[data-tooltip]:before{content:attr(data-tooltip);left:calc(100% + 12px);top:50%;transform:translate(0,-50%) scale(.98);width:max-content;max-width:250px;background:rgba(18,22,30,.96);border:1px solid rgba(255,255,255,.12);color:#f7f9ff;border-radius:12px;padding:9px 11px;font-size:12px;line-height:1.35;font-weight:750;box-shadow:0 16px 36px rgba(0,0,0,.32);white-space:normal}
[data-tooltip]:after{content:"";left:calc(100% + 6px);top:50%;transform:translate(0,-50%) rotate(45deg);width:10px;height:10px;background:rgba(18,22,30,.96);border-left:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}
[data-tooltip]:hover:before,[data-tooltip]:hover:after,[data-tooltip]:focus-visible:before,[data-tooltip]:focus-visible:after{opacity:1;visibility:visible;transform:translate(4px,-50%) scale(1)}
[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{transform:translate(4px,-50%) rotate(45deg)}
html[data-theme="light"] [data-tooltip]:before{background:rgba(255,255,255,.98);color:#172033;border-color:rgba(23,32,51,.12);box-shadow:0 16px 34px rgba(25,38,62,.14)}
html[data-theme="light"] [data-tooltip]:after{background:rgba(255,255,255,.98);border-color:rgba(23,32,51,.12)}
[data-tooltip-placement="top"]:before{left:50%;top:auto;bottom:calc(100% + 12px);transform:translate(-50%,2px) scale(.98)}
[data-tooltip-placement="top"]:after{left:50%;top:auto;bottom:calc(100% + 7px);transform:translate(-50%,0) rotate(45deg);border-left:0;border-bottom:0;border-right:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}
[data-tooltip-placement="top"]:hover:before,[data-tooltip-placement="top"]:focus-visible:before{transform:translate(-50%,-2px) scale(1)}
[data-tooltip-placement="top"]:hover:after,[data-tooltip-placement="top"]:focus-visible:after{transform:translate(-50%,-2px) rotate(45deg)}
.mp-feedback-button[data-tooltip]:before{left:auto;right:0;top:auto;bottom:calc(100% + 12px);transform:translateY(2px) scale(.98)}
.mp-feedback-button[data-tooltip]:after{left:auto;right:24px;top:auto;bottom:calc(100% + 7px);transform:rotate(45deg)}
.mp-feedback-button[data-tooltip]:hover:before,.mp-feedback-button[data-tooltip]:focus-visible:before{transform:translateY(-2px) scale(1)}
.mp-feedback-button[data-tooltip]:hover:after,.mp-feedback-button[data-tooltip]:focus-visible:after{transform:translateY(-2px) rotate(45deg)}
@media(max-width:900px){[data-tooltip]:before,[data-tooltip]:after{display:none}}

/* Alpha feedback overview and first-vehicle tutorial */
.feedback-admin-page{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  gap:22px;
}
.feedback-admin-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.feedback-admin-kpis .panel{
  padding:18px;
  border-top:3px solid var(--accent);
}
.feedback-admin-kpis span,
.feedback-card span,
.feedback-url span{
  display:block;
  color:var(--muted);
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.feedback-admin-kpis strong{
  display:block;
  margin-top:8px;
  font-size:30px;
}
.feedback-admin-kpis small{
  color:var(--muted);
  font-weight:800;
}
.feedback-admin-filters{
  display:flex;
  justify-content:space-between;
  gap:18px;
  padding:18px;
}
.feedback-filter-row{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.feedback-admin-list{
  display:grid;
  gap:14px;
}
.feedback-card{
  padding:20px;
}
.feedback-card-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  margin-bottom:18px;
}
.feedback-card h2{
  margin:4px 0 0;
  font-size:20px;
}
.feedback-meta{
  text-align:right;
}
.feedback-meta small{
  display:block;
  color:var(--muted);
  margin-top:4px;
}
.feedback-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.feedback-grid>div{
  background:var(--panel-2);
  border:1px solid var(--line);
  border-radius:14px;
  padding:14px;
}
.feedback-grid p{
  margin:7px 0 0;
  color:var(--text);
  line-height:1.45;
}
.feedback-full{
  grid-column:1/-1;
}
.feedback-url{
  display:block;
  margin-top:12px;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:14px;
  color:var(--accent);
  word-break:break-word;
  background:rgba(21,93,252,.06);
}
.vehicle-tutorial-note{
  margin-bottom:18px;
  padding:18px;
  border:1px solid rgba(21,93,252,.38);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(21,93,252,.14),rgba(0,208,132,.08));
}
.vehicle-tutorial-note h2{
  margin:4px 0 14px;
}
.mp-tour{
  position:fixed;
  inset:0;
  z-index:120;
  pointer-events:none;
}
.mp-tour-backdrop{
  position:absolute;
  inset:0;
  background:rgba(3,6,12,.28);
  pointer-events:auto;
}
.mp-tour-card{
  position:fixed;
  right:28px;
  bottom:28px;
  width:min(390px,calc(100vw - 32px));
  padding:22px;
  z-index:122;
  pointer-events:auto;
  border-color:rgba(21,93,252,.55);
  box-shadow:0 28px 80px rgba(0,0,0,.38),0 0 0 1px rgba(21,93,252,.18);
}
.mp-tour-card h2{
  margin:4px 0 10px;
  font-size:24px;
}
.mp-tour-card p:not(.mp-kicker){
  color:var(--muted);
  line-height:1.5;
}
.mp-tour-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin-top:18px;
}
.mp-tour-arrow{
  position:fixed;
  z-index:123;
  width:0;
  height:0;
  pointer-events:none;
  transform:translate(-50%,0);
  border-left:13px solid transparent;
  border-right:13px solid transparent;
  border-bottom:20px solid var(--accent);
  filter:drop-shadow(0 8px 16px rgba(21,93,252,.45));
  animation:tourArrowPulse 1.15s ease-in-out infinite;
}
.is-tour-highlight{
  position:relative;
  z-index:121;
  outline:3px solid var(--accent);
  outline-offset:6px;
  border-radius:18px;
  box-shadow:0 0 0 9999px rgba(3,6,12,.18),0 0 30px rgba(21,93,252,.45);
}
@keyframes tourArrowPulse{
  0%,100%{transform:translate(-50%,0)}
  50%{transform:translate(-50%,-8px)}
}
@media(max-width:900px){
  .feedback-admin-kpis,
  .feedback-grid{
    grid-template-columns:1fr;
  }
  .feedback-admin-filters,
  .feedback-card-head{
    flex-direction:column;
  }
  .feedback-meta{
    text-align:left;
  }
  .mp-tour-card{
    left:16px;
    right:16px;
    bottom:16px;
  }
}

/* Alpha polish: calmer themes, cleaner forms and clearer reminders */
html[data-theme="light"]{
  --bg:#ebe4d8;
  --sidebar:#f4efe6;
  --panel:#fbf7ef;
  --panel-2:#efe7d9;
  --panel-3:#e2d7c6;
  --text:#151922;
  --muted:#6f6a60;
  --muted-2:#8a8174;
  --line:#d5c8b7;
  --shadow:0 24px 70px rgba(77,62,42,.13);
}
html[data-theme="dark"]{
  --bg:#20232b;
  --sidebar:#262932;
  --panel:#2c303a;
  --panel-2:#363b46;
  --panel-3:#454b58;
  --text:#f8f9fc;
  --muted:#c0c6d2;
  --muted-2:#99a1b0;
  --line:rgba(255,255,255,.17);
  --shadow:0 24px 70px rgba(0,0,0,.28);
}
html[data-theme="dark"] body.workshop-mode{
  background:
    radial-gradient(circle at 92% 8%, rgba(43,127,255,.12), transparent 28%),
    radial-gradient(circle at 80% 98%, rgba(255,176,32,.08), transparent 24%),
    var(--bg);
}
html[data-theme="light"] body{
  background:
    radial-gradient(circle at 90% 4%, rgba(43,127,255,.08), transparent 24%),
    radial-gradient(circle at 12% 95%, rgba(151,108,52,.08), transparent 26%),
    var(--bg);
}
.mp-language-switch{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4px;
  padding:4px;
  background:var(--panel-2);
  border:1px solid var(--line);
  border-radius:999px;
}
.mp-language-switch button{
  border:0;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  background:transparent;
  color:var(--muted);
  font-size:12px;
  font-weight:850;
}
.mp-language-switch button.is-active{
  background:var(--bg);
  color:var(--text);
  box-shadow:0 8px 22px rgba(0,0,0,.16);
}
.workflow-fields.advanced-grid,
.flow-fields.two-col{
  grid-template-columns:repeat(2,minmax(250px,1fr));
  align-items:start;
}
.flow-field input,
.flow-field select,
.flow-field textarea,
.field input,
.field select,
.field textarea{
  min-height:54px;
  min-width:0;
}
.flow-field textarea,
.field textarea{
  min-height:118px;
  resize:vertical;
}
.field-full,
.field-notes,
.field-insurance_notes,
.field-inspection_notes,
.field-vehicle_image{
  grid-column:1/-1;
}
.field-vehicle_image{
  padding:14px;
  border:1px dashed rgba(43,127,255,.35);
  border-radius:16px;
  background:rgba(43,127,255,.05);
}
.field-insurance_amount_period{
  align-self:end;
}
input[type="date"]{
  color-scheme:light;
}
html[data-theme="dark"] input[type="date"]{
  color-scheme:dark;
}
.review-actions-clean{
  flex-wrap:wrap;
  align-items:end;
}
.review-mode-select{
  display:grid;
  gap:5px;
  min-width:220px;
}
.review-mode-select span{
  color:var(--muted);
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.review-form{
  overflow:hidden;
  max-width:1180px;
}
.review-grid{
  display:grid;
  gap:12px;
}
.review-row{
  grid-template-columns:minmax(220px,1.7fr) repeat(5,minmax(105px,1fr)) repeat(3,minmax(76px,.7fr)) 74px;
  gap:10px;
  align-items:start;
}
.review-row .field{
  min-width:0;
}
.review-row .field.wide textarea{
  min-height:78px;
}
.review-row .field.compact input{
  padding-inline:9px;
}
.invoice-control-link{
  width:100%;
  margin-top:12px;
}
.cost-head-actions,
.cost-export-form{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.cost-export-form select{
  width:110px;
  min-height:38px;
}
.progress-ring{
  background:
    radial-gradient(circle at center,var(--panel-2) 57%,transparent 59%),
    conic-gradient(var(--ring-color,var(--green)) calc(var(--value)*1%),var(--panel-3) 0);
}
.mini-progress i,
.bar-track i{
  background:var(--ring-color,var(--green));
}
.progress-danger,
.status-due{
  --ring-color:var(--red);
}
.progress-orange{
  --ring-color:#ff8a3d;
}
.progress-warn,
.status-soon{
  --ring-color:var(--yellow);
}
.progress-soft{
  --ring-color:#68d391;
}
.progress-ok,
.status-ok{
  --ring-color:#00c978;
}
.reminder-card.progress-danger{
  border-color:rgba(255,77,109,.45);
}
.reminder-card.progress-orange{
  border-color:rgba(255,138,61,.44);
}
.reminder-card.progress-warn{
  border-color:rgba(255,176,32,.44);
}
.reminder-card.progress-soft{
  border-color:rgba(104,211,145,.36);
}
.reminder-copy{
  min-width:0;
}
.reminder-copy strong,
.service-history-row strong,
.timeline-row strong{
  line-height:1.32;
  overflow-wrap:anywhere;
}
.reminder-copy small,
.service-history-row small{
  display:block;
  margin-top:4px;
  line-height:1.35;
}
.service-history-row{
  grid-template-columns:110px minmax(0,1fr) auto;
  gap:14px;
}
.timeline-filter select{
  width:auto;
  min-height:36px;
  padding:7px 34px 7px 12px;
}
.rank-user-score{
  display:grid;
  gap:8px;
  padding:18px;
  border-radius:16px;
  background:var(--panel-2);
  border:1px solid var(--line);
}
.rank-user-score strong{
  font-size:42px;
  line-height:1;
  color:var(--blue);
}
.rank-user-score span{
  font-weight:900;
  font-size:18px;
}
.score-distribution{
  margin-top:16px;
  display:grid;
  gap:10px;
}
.score-distribution>div{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:4px 12px;
  padding:12px 14px;
  border-radius:14px;
  background:var(--panel-2);
  border:1px solid var(--line);
}
.score-distribution strong{
  color:var(--blue);
}
.score-distribution small{
  grid-column:1/-1;
  color:var(--muted);
}
.due-login-modal{
  position:fixed;
  inset:0;
  z-index:130;
  display:grid;
  place-items:center;
  padding:20px;
}
.due-login-backdrop{
  position:absolute;
  inset:0;
  background:rgba(8,10,16,.58);
  backdrop-filter:blur(10px);
}
.due-login-card{
  position:relative;
  z-index:1;
  width:min(520px,100%);
  padding:24px;
  animation:modalIn .22s ease-out;
}
.due-login-card h2{
  margin:0 0 12px;
  font-size:26px;
  letter-spacing:-.03em;
}
.due-login-list{
  display:grid;
  gap:10px;
  margin:16px 0 18px;
}
.due-login-list a{
  display:grid;
  gap:4px;
  padding:14px;
  border-radius:14px;
  background:var(--panel-2);
  border:1px solid var(--line);
}
.due-login-list small{
  color:var(--muted);
}
.due-login-modal.is-closing{
  opacity:0;
  transition:opacity .18s ease;
}
.mp-sidebar .is-tour-highlight{
  outline-color:#fff;
  box-shadow:0 0 0 9999px rgba(3,6,12,.26),0 0 0 8px rgba(43,127,255,.38),0 0 38px rgba(43,127,255,.7);
}
@keyframes modalIn{
  from{opacity:0;transform:translateY(14px) scale(.98)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@media(max-width:980px){
  .workflow-fields.advanced-grid,
  .flow-fields.two-col,
  .service-history-row{
    grid-template-columns:1fr;
  }
  .review-row{
    grid-template-columns:1fr 1fr;
  }
  .review-row .field.wide,
  .review-row .check-field{
    grid-column:1/-1;
  }
}

/* pre-Alpha typography and settings controls */
:root{
  --font-sans:"Nunito Sans","Aptos","Segoe UI Variable","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
}
html,
body{
  font-family:var(--font-sans);
  font-size:15px;
  line-height:1.55;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  font-variant-ligatures:common-ligatures;
}
body{
  font-weight:650;
}
body *{
  letter-spacing:0!important;
}
h1,
h2,
h3,
h4,
.page-title,
.vehicle-title,
.garage-body h2,
.garage-body h3,
.v11-hero h2,
.v11-slide-body h2,
.card-title,
.panel-head h2,
.settings-title h2{
  font-weight:900;
  line-height:1.12;
}
p,
small,
.muted,
.mp-subtitle,
.page-subtitle,
.card-note,
.list-row small,
.timeline-row small,
.reminder-card small{
  font-weight:600;
  line-height:1.58;
}
.mp-kicker,
.card-top,
.garage-kicker,
.v11-card-kicker,
.v11-slide-kicker,
.flow-side-panel>span,
.review-mode-select span,
.review-row .field span{
  font-size:.72rem;
  font-weight:950;
  letter-spacing:.08em!important;
}
.btn,
.button,
button,
input[type="submit"],
.mp-nav a,
.mp-brand strong,
.mp-user-card strong,
.settings-row strong,
.v12-admin-tile strong,
.rank-user-score span{
  font-weight:850;
}
input,
select,
textarea{
  font-weight:650;
}
.settings-row{
  grid-template-columns:44px minmax(0,1fr) auto;
  gap:16px;
}
.settings-row>div{
  min-width:0;
}
.settings-row strong{
  display:block;
  font-size:1rem;
  line-height:1.26;
}
.settings-row small{
  display:block;
  margin-top:3px;
  overflow-wrap:anywhere;
}
.settings-row.is-disabled{
  opacity:.72;
}
.toggle{
  flex:0 0 auto;
  width:48px;
  height:28px;
  min-height:28px;
  padding:0;
  border:0;
  border-radius:99px;
  background:var(--panel-3);
  position:relative;
  box-shadow:inset 0 0 0 1px var(--line);
  transition:background .18s ease,box-shadow .18s ease,opacity .18s ease;
}
button.toggle:hover{
  transform:none;
  border-color:transparent;
}
.toggle:after{
  content:"";
  position:absolute;
  width:22px;
  height:22px;
  top:3px;
  left:3px;
  border-radius:99px;
  background:#fff;
  box-shadow:0 5px 14px rgba(0,0,0,.22);
  transition:left .18s ease,background .18s ease;
}
.toggle.on{
  background:var(--blue);
  box-shadow:var(--glow),inset 0 0 0 1px rgba(255,255,255,.12);
}
.toggle.on:after{
  left:23px;
}
.toggle:focus-visible{
  outline:3px solid rgba(43,127,255,.42);
  outline-offset:3px;
}
.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.brand-logo{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
}
.mp-brand-mark,
.auth-card-brand .brand-mark{
  overflow:hidden;
}
.auth-card-brand .brand-mark .brand-logo{
  width:54px;
  height:54px;
}
@media(max-width:760px){
  html,
  body{
    font-size:14px;
  }
  .settings-row{
    grid-template-columns:38px minmax(0,1fr) auto;
    gap:12px;
  }
  .settings-icon{
    width:34px;
    height:34px;
  }
}

/* pre-Alpha polish: ruhigere Akzente, Sidebar-Feedback und Export/UI-Details */
:root{
  --blue:#2f6fda;
  --blue-2:#5a8fe8;
  --glow:0 14px 34px rgba(47,111,218,.2);
}
html[data-theme="dark"]{
  --bg:#181b22;
  --sidebar:#1d2028;
  --panel:#23262f;
  --panel-2:#2c303a;
  --panel-3:#373c49;
  --blue:#3f7fe0;
  --blue-2:#6b9bef;
  --glow:0 16px 38px rgba(63,127,224,.24);
}
html[data-theme="light"]{
  --bg:#e9e0d1;
  --sidebar:#f7f0e5;
  --panel:#fffaf1;
  --panel-2:#f0e7d8;
  --panel-3:#e5d9c6;
  --line:#d8c8b1;
}
.mp-main>*{
  animation:wmPageIn .26s ease both;
}
@keyframes wmPageIn{
  from{opacity:0;transform:translateX(14px)}
  to{opacity:1;transform:translateX(0)}
}
.btn.primary,
.button.primary,
button.primary,
.mp-nav a.is-active,
.workspace-tab.is-active{
  background:linear-gradient(135deg,var(--blue),var(--blue-2));
  border-color:rgba(255,255,255,.08);
}
.v11-focus-card,
.cost-grid .panel,
.cost-hero,
.legal-card,
.due-login-list a{
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.v11-focus-card:hover,
.cost-grid .panel:hover,
.cost-hero:hover{
  transform:translateY(-3px);
  border-color:rgba(63,127,224,.34);
  box-shadow:0 24px 60px rgba(15,23,42,.16);
}
.cost-hero,
.cost-mini-stats article{
  min-width:0;
}
.cost-hero>div:first-child strong,
.cost-mini-stats strong,
.v11-money{
  font-size:clamp(1.45rem,3vw,2.25rem)!important;
  line-height:1.08;
  overflow-wrap:anywhere;
}
.cost-mini-stats{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.cost-export-form{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
.cost-export-form select{
  width:auto;
  min-width:118px;
}
.due-login-list a.status-due{
  border-color:rgba(255,77,109,.48);
  background:linear-gradient(135deg,rgba(255,77,109,.12),var(--panel-2));
}
.due-login-list a.status-soon{
  border-color:rgba(247,181,0,.48);
  background:linear-gradient(135deg,rgba(247,181,0,.12),var(--panel-2));
}
.due-login-list a em{
  color:var(--muted);
  font-style:normal;
  font-size:.86rem;
}
.due-login-list a small b{
  color:var(--text);
}
.legal-page{
  max-width:900px;
}
.legal-panel h2{
  margin-top:0;
}
.legal-stack{
  display:grid;
  gap:16px;
}
.legal-stack article,
.legal-card{
  padding:16px;
  border-radius:16px;
  background:var(--panel-2);
  border:1px solid var(--line);
}
.legal-stack h3{
  margin:0 0 6px;
}
.legal-stack p,
.legal-card span{
  color:var(--muted);
}
.legal-card{
  display:grid;
  gap:4px;
  margin-top:12px;
}
.auth-terms-check{
  align-items:flex-start;
  padding:14px;
  border-radius:16px;
  background:rgba(63,127,224,.1);
  border:1px solid rgba(63,127,224,.25);
}
.auth-terms-check a{
  color:var(--blue-2);
  font-weight:900;
}
.mp-legal-links{
  display:flex;
  flex-wrap:wrap;
  gap:8px 10px;
  padding:0 4px;
  color:var(--muted);
  font-size:.72rem;
}
.mp-legal-links a:hover{
  color:var(--text);
}
@media(max-width:900px){
  .cost-mini-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:620px){
  .cost-mini-stats{
    grid-template-columns:1fr;
  }
}

/* pre-Alpha V1.0 auth/legal/sidebar polish */
.auth-page{
  min-height:100vh;
}
.auth-shell{
  min-height:100vh;
  display:grid;
  align-content:center;
}
.auth-layout{
  width:min(1180px,calc(100vw - 48px));
  margin:0 auto;
  align-items:center;
  justify-content:center;
}
.login-auth-page .auth-layout,
.register-auth-page .auth-layout{
  grid-template-columns:minmax(420px,620px) minmax(380px,460px);
}
.login-auth-page .auth-card,
.register-auth-page .auth-card{
  justify-self:center;
  width:min(460px,100%);
}
.register-auth-page .auth-card{
  max-height:min(82vh,880px);
  overflow:auto;
  scrollbar-width:thin;
}
.legal-inline-link{
  display:inline;
  padding:0;
  border:0;
  background:transparent;
  color:var(--blue);
  font:inherit;
  font-weight:900;
  text-decoration:none;
  cursor:pointer;
}
.legal-inline-link:hover{
  color:var(--blue-2);
  text-decoration:underline;
}
.legal-modal-shell{
  position:fixed;
  inset:0;
  z-index:10000;
  display:grid;
  place-items:center;
  padding:24px;
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease;
}
.legal-modal-shell.is-open{
  opacity:1;
  pointer-events:auto;
}
.legal-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(15,23,42,.42);
  backdrop-filter:blur(14px);
}
.legal-modal-card{
  position:relative;
  z-index:1;
  width:min(720px,calc(100vw - 40px));
  max-height:min(78vh,760px);
  overflow:auto;
  padding:28px;
  border-radius:26px;
  background:var(--panel);
  border:1px solid var(--line);
  box-shadow:0 32px 90px rgba(15,23,42,.28);
}
.legal-modal-card h2{
  margin:4px 0 10px;
  font-size:clamp(1.6rem,3vw,2.35rem);
}
.legal-modal-close{
  position:absolute;
  top:14px;
  right:14px;
  width:38px;
  height:38px;
  border-radius:14px;
  border:1px solid var(--line);
  background:var(--panel-2);
  color:var(--text);
  cursor:pointer;
}
.legal-modal-stack{
  display:grid;
  gap:10px;
  margin:18px 0;
}
.legal-modal-stack article{
  display:grid;
  gap:4px;
  padding:14px;
  border-radius:16px;
  background:var(--panel-2);
  border:1px solid var(--line);
}
.legal-modal-stack span{
  color:var(--muted);
}
.legal-modal-open{
  overflow:hidden;
}
.mp-sidebar-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.mp-sidebar-toggle{
  flex:0 0 auto;
  width:34px;
  height:34px;
  border-radius:14px;
  border:1px solid var(--line);
  background:var(--panel-2);
  color:var(--text);
  font-weight:900;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.mp-sidebar-toggle:hover{
  transform:translateY(-1px);
  border-color:rgba(63,127,224,.38);
}
.mp-app,
.mp-sidebar,
.mp-main{
  transition:grid-template-columns .22s ease,width .22s ease,padding .22s ease,margin .22s ease;
}
body.sidebar-collapsed .mp-app{
  grid-template-columns:84px minmax(0,1fr);
}
body.sidebar-collapsed .mp-sidebar{
  width:84px;
  padding-inline:12px;
}
body.sidebar-collapsed .mp-sidebar .mp-brand{
  width:44px;
  overflow:hidden;
}
body.sidebar-collapsed .mp-sidebar .mp-brand>span:last-child,
body.sidebar-collapsed .mp-active-vehicle-card span:not(.mp-active-vehicle-icon),
body.sidebar-collapsed .mp-user-card div,
body.sidebar-collapsed .mp-user-card form,
body.sidebar-collapsed .mp-legal-links,
body.sidebar-collapsed .mp-theme-switch,
body.sidebar-collapsed .mp-language-switch{
  display:none;
}
body.sidebar-collapsed .mp-nav a{
  width:48px;
  height:48px;
  padding:0;
  justify-content:center;
  overflow:hidden;
  white-space:nowrap;
  color:transparent;
}
body.sidebar-collapsed .mp-nav a span{
  margin:0;
  color:var(--text);
}
body.sidebar-collapsed .mp-active-vehicle-card,
body.sidebar-collapsed .mp-user-card{
  width:48px;
  height:48px;
  padding:0;
  display:grid;
  place-items:center;
}
.due-login-modal{
  position:fixed;
  inset:0;
  z-index:9500;
  display:grid;
  place-items:center;
  padding:24px;
}
.due-login-backdrop{
  position:absolute;
  inset:0;
  background:rgba(15,23,42,.56);
  backdrop-filter:blur(18px);
}
.due-login-card{
  position:relative;
  z-index:1;
  width:min(660px,calc(100vw - 48px));
  max-height:min(78vh,760px);
  overflow:auto;
  border-radius:26px;
  padding:30px;
  box-shadow:0 34px 110px rgba(15,23,42,.3);
}
.due-login-card h2{
  font-size:clamp(1.7rem,3vw,2.3rem);
}
.due-login-list{
  display:grid;
  gap:12px;
}
.due-login-list a{
  padding:16px 18px;
  border-radius:18px;
}
.feedback-admin-page .feedback-meta strong{
  color:var(--text);
}
@media(max-width:980px){
  .login-auth-page .auth-layout,
  .register-auth-page .auth-layout{
    grid-template-columns:1fr;
  }
  .auth-showcase{
    text-align:left;
  }
}
@media(max-width:760px){
  body.sidebar-collapsed .mp-app,
  .mp-app{
    grid-template-columns:1fr;
  }
  body.sidebar-collapsed .mp-sidebar{
    width:auto;
  }
}

/* pre-Alpha V1.0.1 Design System pass: premium cockpit palette and global components */
:root{
  --font-app:"Inter", "Manrope", "Segoe UI", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --radius-xs:10px;
  --radius-sm:14px;
  --radius-md:18px;
  --radius-lg:24px;
  --radius-xl:30px;
  --motion-fast:160ms ease;
  --motion-med:240ms cubic-bezier(.2,.72,.2,1);
  --focus-ring:0 0 0 3px rgba(95,134,183,.28);
}
html[data-theme="dark"]{
  --bg:#15171b;
  --sidebar:#1b1d22;
  --panel:#202228;
  --panel-2:#292c33;
  --panel-3:#343841;
  --text:#f4f1ea;
  --muted:#aaa79f;
  --muted-2:#7f817f;
  --line:rgba(255,255,255,.105);
  --blue:#5f86b7;
  --blue-2:#74a0d4;
  --green:#6fc48f;
  --yellow:#d7a955;
  --red:#e36f78;
  --shadow:0 26px 80px rgba(0,0,0,.34);
  --glow:0 18px 44px rgba(95,134,183,.23);
}
html[data-theme="light"]{
  --bg:#e9dfcf;
  --sidebar:#f1e8d9;
  --panel:#faf5ec;
  --panel-2:#eee4d4;
  --panel-3:#dfd2bf;
  --text:#181a1f;
  --muted:#706b62;
  --muted-2:#91897c;
  --line:#d1c2ad;
  --blue:#5278a9;
  --blue-2:#6f96c8;
  --green:#4f9f72;
  --yellow:#bd8735;
  --red:#c85d66;
  --shadow:0 24px 70px rgba(73,60,42,.12);
  --glow:0 16px 38px rgba(82,120,169,.2);
}
body{
  font-family:var(--font-app);
  letter-spacing:0;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    radial-gradient(circle at 15% 18%, rgba(95,134,183,.13), transparent 32%),
    radial-gradient(circle at 78% 12%, rgba(111,196,143,.08), transparent 30%),
    radial-gradient(circle at 90% 84%, rgba(215,169,85,.08), transparent 26%);
}
html[data-theme="dark"] body:after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  opacity:.34;
  background-image:radial-gradient(rgba(255,255,255,.12) 1px, transparent 1px);
  background-size:18px 18px;
  mask-image:linear-gradient(90deg,transparent,black 12%,black 88%,transparent);
}
.panel,
.auth-card,
.workflow-card,
.workflow-assist-card,
.flow-form-card,
.flow-side-panel,
.v11-focus-card,
.v11-hero,
.v12-metric-card,
.v12-management-card,
.v12-rank-card,
.garage-card,
.v11-vehicle-slide,
.workspace-shell,
.legal-modal-card{
  border-radius:var(--radius-lg);
  border-color:var(--line);
  background:
    linear-gradient(145deg,rgba(255,255,255,.035),transparent 45%),
    var(--panel);
  box-shadow:var(--shadow);
}
html[data-theme="light"] .panel,
html[data-theme="light"] .auth-card,
html[data-theme="light"] .workflow-card,
html[data-theme="light"] .workflow-assist-card,
html[data-theme="light"] .flow-form-card,
html[data-theme="light"] .flow-side-panel,
html[data-theme="light"] .v11-focus-card,
html[data-theme="light"] .v11-hero,
html[data-theme="light"] .v12-metric-card,
html[data-theme="light"] .v12-management-card,
html[data-theme="light"] .v12-rank-card,
html[data-theme="light"] .garage-card,
html[data-theme="light"] .v11-vehicle-slide,
html[data-theme="light"] .workspace-shell,
html[data-theme="light"] .legal-modal-card{
  background:
    linear-gradient(145deg,rgba(255,255,255,.54),transparent 48%),
    var(--panel);
}
.btn,
.button,
button,
input[type="submit"]{
  border-radius:var(--radius-sm);
  transition:transform var(--motion-fast),border-color var(--motion-fast),background var(--motion-fast),box-shadow var(--motion-fast),color var(--motion-fast);
}
.btn:hover,
.button:hover,
button:hover,
input[type="submit"]:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 28px rgba(0,0,0,.12);
}
.btn.primary,
.button.primary,
button.primary,
.mp-nav a.is-active,
.workspace-tab.is-active{
  background:linear-gradient(135deg,var(--blue),var(--blue-2));
  border-color:rgba(255,255,255,.08);
  color:#fff;
  box-shadow:var(--glow);
}
.btn:focus-visible,
.button:focus-visible,
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  outline:none;
  box-shadow:var(--focus-ring);
}
.mp-sidebar{
  background:
    linear-gradient(180deg,rgba(255,255,255,.028),transparent 32%),
    var(--sidebar);
}
.mp-nav a{
  border:1px solid transparent;
}
.mp-nav a:hover{
  border-color:var(--line);
  background:var(--panel-2);
}
.mp-brand-mark{
  background:linear-gradient(135deg,var(--blue),var(--blue-2));
}
.mp-main{
  max-width:1220px;
}
.mp-kicker{
  color:var(--blue-2);
  letter-spacing:.28em;
}
.page-title,
.mp-page-head h1,
.v11-page-head h1{
  letter-spacing:-.035em;
}
.v11-cockpit{
  max-width:1120px;
}
.v11-hero{
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
  min-height:340px;
  background:
    linear-gradient(135deg,rgba(95,134,183,.08),transparent 38%),
    var(--panel);
}
.v11-hero-image{
  border:1px solid var(--line);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
}
.v11-focus-grid{
  gap:18px;
}
.v11-focus-card{
  min-height:190px;
  overflow:hidden;
  position:relative;
}
.v11-focus-card:before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:linear-gradient(90deg,var(--blue),transparent);
  opacity:.8;
}
.v11-focus-card:hover,
.alpha-check:hover,
.compact-row:hover,
.list-row:hover,
.timeline-row:hover{
  transform:translateY(-2px);
  border-color:rgba(116,160,212,.36);
}
.v11-card-icon,
.settings-icon,
.meta-icon,
.card-icon{
  background:color-mix(in srgb,var(--blue) 14%,var(--panel-2));
  color:var(--blue-2);
}
.status-pill{
  background:color-mix(in srgb,var(--green) 12%,var(--panel-2));
  border-color:color-mix(in srgb,var(--green) 26%,var(--line));
}
.yellow{color:var(--yellow)}
.green{color:var(--green)}
.red{color:var(--red)}
.trend-up{color:var(--red)!important}
.trend-down{color:var(--green)!important}
.trend-flat{color:var(--muted)!important}
.due-login-card{
  width:min(720px,calc(100vw - 48px));
  border-radius:var(--radius-xl);
  background:
    linear-gradient(145deg,rgba(255,255,255,.055),transparent 46%),
    var(--panel);
}
.due-login-list a{
  display:grid;
  gap:5px;
  border-radius:var(--radius-md);
}
.due-login-list a.status-due{
  border-color:color-mix(in srgb,var(--red) 42%,var(--line));
  background:color-mix(in srgb,var(--red) 10%,var(--panel-2));
}
.due-login-list a.status-soon{
  border-color:color-mix(in srgb,var(--yellow) 45%,var(--line));
  background:color-mix(in srgb,var(--yellow) 11%,var(--panel-2));
}
input,
select,
textarea,
.field input,
.field select,
.field textarea{
  border-radius:var(--radius-sm);
  transition:border-color var(--motion-fast),box-shadow var(--motion-fast),background var(--motion-fast);
}
input:focus,
select:focus,
textarea:focus{
  border-color:rgba(116,160,212,.56);
}
.mp-message{
  border-radius:var(--radius-md);
}
@media(max-width:980px){
  .v11-hero,
  .v11-focus-grid{
    grid-template-columns:1fr;
  }
}

/* pre-Alpha V1.0.2 Dashboard cockpit */
.v102-cockpit{
  max-width:1160px;
  display:grid;
  gap:20px;
}
.v102-page-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:22px;
  margin-bottom:4px;
}
.v102-page-head .mp-subtitle{
  max-width:560px;
}
.v102-command-grid{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(320px,.8fr);
  gap:18px;
  align-items:stretch;
}
.v102-vehicle-card{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(300px,.9fr);
  min-height:330px;
  overflow:hidden;
  background:
    radial-gradient(circle at 84% 18%,rgba(95,134,183,.16),transparent 30%),
    linear-gradient(135deg,rgba(255,255,255,.04),transparent 46%),
    var(--panel);
}
.v102-vehicle-copy{
  padding:30px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
}
.v102-vehicle-copy h2{
  margin:0;
  font-size:clamp(2rem,4vw,3.15rem);
  line-height:.98;
  letter-spacing:-.055em;
}
.v102-vehicle-copy p{
  color:var(--muted);
  margin:10px 0 0;
  max-width:520px;
}
.v102-vehicle-image{
  position:relative;
  margin:14px;
  min-height:280px;
  border:1px solid var(--line);
  border-radius:22px;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#252932,#15171b);
}
.v102-vehicle-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  filter:saturate(.9) contrast(1.04);
}
.v102-vehicle-image:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.34));
}
.v102-vehicle-image span{
  font-size:4rem;
  font-weight:950;
  color:rgba(255,255,255,.72);
}
.v102-metric-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:24px 0 18px;
}
.v102-metric-row div{
  padding:14px;
  border-radius:16px;
  border:1px solid var(--line);
  background:var(--panel-2);
  min-width:0;
}
.v102-metric-row span{
  display:block;
  color:var(--muted);
  font-size:.72rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.v102-metric-row strong{
  display:block;
  margin-top:4px;
  font-size:1.04rem;
  overflow-wrap:anywhere;
}
.v102-action-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.v102-attention-card{
  padding:24px;
  display:flex;
  flex-direction:column;
  min-height:330px;
  overflow:hidden;
  position:relative;
}
.v102-attention-card:before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:4px;
  background:var(--green);
}
.v102-attention-card.is-warning:before{background:var(--yellow)}
.v102-attention-card.is-danger:before{background:var(--red)}
.v102-attention-card h2{
  margin:2px 0 8px;
  font-size:clamp(1.9rem,4vw,2.8rem);
  line-height:1;
  letter-spacing:-.055em;
}
.v102-attention-stats{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  margin:18px 0;
}
.v102-attention-stats span{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--panel-2);
  color:var(--muted);
  font-size:.88rem;
}
.v102-attention-stats b{
  color:var(--text);
}
.v102-attention-list{
  display:grid;
  gap:8px;
  margin-top:auto;
}
.v102-attention-list a{
  display:grid;
  gap:3px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:15px;
  background:var(--panel-2);
}
.v102-attention-list small{
  color:var(--muted);
}
.v102-attention-list .status-due{
  border-color:color-mix(in srgb,var(--red) 42%,var(--line));
  background:color-mix(in srgb,var(--red) 9%,var(--panel-2));
}
.v102-attention-list .status-soon{
  border-color:color-mix(in srgb,var(--yellow) 42%,var(--line));
  background:color-mix(in srgb,var(--yellow) 9%,var(--panel-2));
}
.v102-focus-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.v102-focus-card{
  min-height:214px;
  padding:20px;
  display:flex;
  flex-direction:column;
  position:relative;
  overflow:hidden;
}
.v102-focus-card:before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:linear-gradient(90deg,var(--blue),transparent);
}
.v102-focus-card.is-warning:before{background:linear-gradient(90deg,var(--yellow),transparent)}
.v102-focus-card.is-danger:before{background:linear-gradient(90deg,var(--red),transparent)}
.v102-card-icon{
  width:38px;
  height:38px;
  border-radius:14px;
  display:grid;
  place-items:center;
  margin-bottom:18px;
  background:color-mix(in srgb,var(--blue) 14%,var(--panel-2));
  color:var(--blue-2);
  font-weight:950;
}
.v102-focus-card h3{
  margin:0 0 8px;
  font-size:1.18rem;
  line-height:1.16;
  letter-spacing:-.025em;
}
.v102-focus-card p{
  margin:0 0 18px;
  color:var(--muted);
}
.v102-focus-card .btn{
  margin-top:auto;
  width:max-content;
}
.v102-cost-card .v11-mini-chart{
  margin-top:auto;
}
.v102-quality-card{
  margin-top:2px;
}
@media(max-width:1180px){
  .v102-command-grid,
  .v102-vehicle-card{
    grid-template-columns:1fr;
  }
  .v102-focus-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:720px){
  .v102-page-head{
    flex-direction:column;
  }
  .v102-metric-row,
  .v102-focus-grid{
    grid-template-columns:1fr;
  }
  .v102-vehicle-copy,
  .v102-attention-card{
    padding:22px;
  }
  .v102-focus-card .btn{
    width:100%;
  }
}

/* pre-Alpha V1.0.7 Sidebar technical luxury pass */
:root{
  --wm-sidebar-bg:rgba(244,238,227,.9);
  --wm-sidebar-panel:rgba(255,250,240,.54);
  --wm-sidebar-border:rgba(130,110,78,.22);
  --wm-sidebar-muted:#766f64;
  --wm-sidebar-active:#155dfc;
  --wm-sidebar-glow:0 0 0 1px rgba(21,93,252,.2),0 14px 34px rgba(21,93,252,.24);
  --wm-sidebar-engraving:rgba(84,72,54,.09);
  --wm-sidebar-blueprint:rgba(37,99,235,.1);
  --wm-sidebar-control:rgba(255,250,240,.42);
  --wm-sidebar-control-active:rgba(255,255,255,.78);
  --wm-sidebar-icon-bg:rgba(255,255,255,.3);
  --wm-sidebar-transition:280ms cubic-bezier(.22,1,.36,1);
}
html[data-theme="light"]{
  --wm-sidebar-bg:rgba(244,238,227,.92);
  --wm-sidebar-panel:rgba(255,250,240,.58);
  --wm-sidebar-border:rgba(132,112,82,.26);
  --wm-sidebar-muted:#766f64;
  --wm-sidebar-active:#155dfc;
  --wm-sidebar-glow:0 0 0 1px rgba(21,93,252,.2),0 14px 34px rgba(21,93,252,.2);
  --wm-sidebar-engraving:rgba(95,82,62,.1);
  --wm-sidebar-blueprint:rgba(21,93,252,.09);
  --wm-sidebar-control:rgba(255,250,240,.42);
  --wm-sidebar-control-active:rgba(255,255,255,.78);
  --wm-sidebar-icon-bg:rgba(255,255,255,.34);
}
html[data-theme="dark"]{
  --wm-sidebar-bg:rgba(6,11,19,.86);
  --wm-sidebar-panel:rgba(17,26,41,.58);
  --wm-sidebar-border:rgba(118,153,214,.18);
  --wm-sidebar-muted:#97a3b7;
  --wm-sidebar-active:#3f7cff;
  --wm-sidebar-glow:0 0 0 1px rgba(83,143,255,.28),0 16px 38px rgba(43,127,255,.32),inset 0 1px 0 rgba(255,255,255,.08);
  --wm-sidebar-engraving:rgba(174,202,255,.075);
  --wm-sidebar-blueprint:rgba(76,137,255,.09);
  --wm-sidebar-control:rgba(255,255,255,.045);
  --wm-sidebar-control-active:rgba(49,98,184,.26);
  --wm-sidebar-icon-bg:rgba(255,255,255,.055);
}
.wm-icon-sprite{
  position:absolute;
  width:0;
  height:0;
  overflow:hidden;
}
html.theme-transitioning body:not(.auth-page) .mp-sidebar,
html.theme-transitioning body:not(.auth-page) .mp-sidebar *,
html.theme-transitioning body:not(.auth-page) .mp-sidebar *:before,
html.theme-transitioning body:not(.auth-page) .mp-sidebar *:after{
  transition:
    background-color var(--wm-sidebar-transition),
    background var(--wm-sidebar-transition),
    color var(--wm-sidebar-transition),
    border-color var(--wm-sidebar-transition),
    box-shadow var(--wm-sidebar-transition),
    opacity var(--wm-sidebar-transition),
    filter var(--wm-sidebar-transition),
    backdrop-filter var(--wm-sidebar-transition);
}
body:not(.auth-page) .mp-app .mp-sidebar{
  isolation:isolate;
  color:var(--text);
  background:
    radial-gradient(circle at 8% 2%,rgba(255,255,255,.34),transparent 28%),
    radial-gradient(circle at 86% 11%,var(--wm-sidebar-blueprint),transparent 32%),
    linear-gradient(180deg,var(--wm-sidebar-bg),color-mix(in srgb,var(--wm-sidebar-bg) 82%,#111827 18%));
  border-right:1px solid var(--wm-sidebar-border);
  box-shadow:
    18px 0 54px rgba(10,16,26,.16),
    inset -1px 0 0 rgba(255,255,255,.06);
  backdrop-filter:blur(24px) saturate(1.12);
}
html[data-theme="dark"] body:not(.auth-page) .mp-app .mp-sidebar{
  background:
    radial-gradient(circle at 8% 0%,rgba(72,133,255,.17),transparent 28%),
    radial-gradient(circle at 92% 13%,rgba(63,124,255,.16),transparent 34%),
    linear-gradient(180deg,rgba(6,11,19,.94),rgba(10,15,24,.86) 54%,rgba(5,9,15,.92));
  box-shadow:
    18px 0 58px rgba(0,0,0,.34),
    inset -1px 0 0 rgba(128,161,218,.12);
}
html[data-theme="light"] body:not(.auth-page) .mp-app .mp-sidebar{
  background:
    radial-gradient(circle at 10% 1%,rgba(255,255,255,.74),transparent 30%),
    radial-gradient(circle at 92% 11%,rgba(67,111,184,.12),transparent 34%),
    linear-gradient(180deg,rgba(248,242,231,.94),rgba(239,230,214,.88));
  box-shadow:
    18px 0 48px rgba(67,52,31,.12),
    inset -1px 0 0 rgba(255,255,255,.54);
}
body:not(.auth-page) .mp-sidebar:before,
body:not(.auth-page) .mp-sidebar:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
}
body:not(.auth-page) .mp-sidebar:before{
  opacity:.62;
  background-image:
    linear-gradient(var(--wm-sidebar-blueprint) 1px,transparent 1px),
    linear-gradient(90deg,var(--wm-sidebar-blueprint) 1px,transparent 1px),
    linear-gradient(115deg,transparent 0 41%,var(--wm-sidebar-engraving) 41.3% 41.9%,transparent 42.2% 100%);
  background-size:58px 58px,58px 58px,210px 210px;
  mask-image:linear-gradient(180deg,transparent 0,black 9%,black 91%,transparent 100%);
}
body:not(.auth-page) .mp-sidebar:after{
  opacity:.8;
  background:
    radial-gradient(circle at 80% 17%,transparent 0 27px,var(--wm-sidebar-engraving) 28px 29px,transparent 30px 46px,var(--wm-sidebar-engraving) 47px 48px,transparent 49px),
    repeating-radial-gradient(circle at 80% 17%,transparent 0 12px,var(--wm-sidebar-engraving) 13px 13.5px,transparent 14px 24px),
    repeating-linear-gradient(105deg,transparent 0 18px,var(--wm-sidebar-engraving) 19px 20px,transparent 21px 32px),
    radial-gradient(circle at 76% 70%,transparent 0 30px,var(--wm-sidebar-engraving) 31px 33px,transparent 34px 54px,var(--wm-sidebar-engraving) 55px 56px,transparent 57px);
  background-repeat:no-repeat;
  background-size:180px 180px,180px 180px,150px 270px,190px 190px;
  background-position:right -48px top 96px,right -48px top 96px,right -20px bottom 220px,right -58px bottom 54px;
  filter:saturate(.85);
}
body:not(.auth-page) .mp-sidebar > *{
  position:relative;
  z-index:1;
}
body:not(.auth-page) .mp-sidebar-head{
  padding:4px 2px 8px;
}
body:not(.auth-page) .mp-sidebar .mp-brand{
  min-width:0;
  gap:11px;
}
body:not(.auth-page) .mp-sidebar .mp-brand-mark{
  width:42px;
  height:42px;
  border-radius:15px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.22),transparent 42%),
    linear-gradient(135deg,var(--wm-sidebar-active),var(--blue-2));
  box-shadow:
    var(--wm-sidebar-glow),
    inset 0 1px 0 rgba(255,255,255,.32);
}
html[data-theme="light"] body:not(.auth-page) .mp-sidebar .mp-brand-mark{
  background:
    linear-gradient(145deg,rgba(255,255,255,.52),transparent 44%),
    linear-gradient(135deg,#caa56a,#a98043);
  box-shadow:
    0 14px 28px rgba(146,107,55,.2),
    inset 0 1px 0 rgba(255,255,255,.6);
}
body:not(.auth-page) .mp-sidebar .mp-brand small{
  width:max-content;
  margin-top:6px;
  padding:3px 8px;
  border-radius:999px;
  border:1px solid color-mix(in srgb,var(--wm-sidebar-active) 30%,var(--wm-sidebar-border));
  background:color-mix(in srgb,var(--wm-sidebar-active) 10%,transparent);
  color:var(--wm-sidebar-active);
  letter-spacing:.08em;
}
body:not(.auth-page) .mp-sidebar .mp-sidebar-toggle{
  width:38px;
  height:38px;
  border-radius:16px;
  border-color:var(--wm-sidebar-border);
  background:var(--wm-sidebar-control);
  color:var(--text);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 12px 28px rgba(0,0,0,.1);
}
body:not(.auth-page) .mp-sidebar .mp-sidebar-toggle:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--wm-sidebar-active) 42%,var(--wm-sidebar-border));
  box-shadow:var(--wm-sidebar-glow);
}
body:not(.auth-page) .mp-sidebar .mp-nav{
  gap:7px;
}
body:not(.auth-page) .mp-sidebar .mp-nav a{
  position:relative;
  min-height:46px;
  height:auto;
  gap:12px;
  padding:0 12px;
  border:1px solid transparent;
  border-radius:16px;
  color:color-mix(in srgb,var(--text) 78%,var(--wm-sidebar-muted));
  background:transparent;
  font-weight:760;
  letter-spacing:0;
  overflow:visible;
  transition:
    transform 180ms ease,
    background-color 180ms ease,
    border-color 180ms ease,
    color 180ms ease,
    box-shadow 180ms ease;
}
body:not(.auth-page) .mp-sidebar .mp-nav a:before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:3px;
  height:24px;
  border-radius:0 999px 999px 0;
  background:var(--wm-sidebar-active);
  opacity:0;
  transform:translateY(-50%);
  box-shadow:0 0 14px color-mix(in srgb,var(--wm-sidebar-active) 70%,transparent);
}
body:not(.auth-page) .mp-sidebar .mp-nav a:hover{
  transform:translateY(-1px);
  color:var(--text);
  border-color:color-mix(in srgb,var(--wm-sidebar-border) 76%,transparent);
  background:color-mix(in srgb,var(--wm-sidebar-panel) 72%,transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
body:not(.auth-page) .mp-sidebar .mp-nav a:focus-visible{
  outline:0;
  color:var(--text);
  border-color:color-mix(in srgb,var(--wm-sidebar-active) 58%,var(--wm-sidebar-border));
  box-shadow:var(--focus-ring),var(--wm-sidebar-glow);
}
body:not(.auth-page) .mp-sidebar .mp-nav a.is-active{
  color:#fff;
  border-color:color-mix(in srgb,var(--wm-sidebar-active) 54%,rgba(255,255,255,.16));
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--wm-sidebar-active) 35%,transparent),transparent 112%),
    linear-gradient(135deg,color-mix(in srgb,var(--wm-sidebar-active) 88%,#061020),color-mix(in srgb,var(--blue-2) 78%,#091421));
  box-shadow:var(--wm-sidebar-glow);
}
html[data-theme="light"] body:not(.auth-page) .mp-sidebar .mp-nav a.is-active{
  color:#0f3e8a;
  background:
    linear-gradient(90deg,rgba(21,93,252,.18),rgba(255,255,255,.58)),
    rgba(255,255,255,.5);
  border-color:rgba(21,93,252,.34);
}
body:not(.auth-page) .mp-sidebar .mp-nav a.is-active:before{
  opacity:1;
}
body:not(.auth-page) .mp-sidebar .mp-nav a.is-active .mp-nav-icon{
  color:#fff;
  background:rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
}
html[data-theme="light"] body:not(.auth-page) .mp-sidebar .mp-nav a.is-active .mp-nav-icon{
  color:#155dfc;
  background:rgba(255,255,255,.68);
}
body:not(.auth-page) .mp-sidebar .mp-nav a span.mp-nav-icon{
  flex:0 0 30px;
  width:30px;
  height:30px;
  display:inline-grid;
  place-items:center;
  border-radius:12px;
  color:color-mix(in srgb,var(--text) 76%,var(--wm-sidebar-muted));
  background:var(--wm-sidebar-icon-bg);
}
body:not(.auth-page) .mp-sidebar .mp-nav a:hover .mp-nav-icon{
  color:var(--wm-sidebar-active);
}
body:not(.auth-page) .mp-sidebar .mp-nav-icon svg,
body:not(.auth-page) .mp-sidebar .mp-active-vehicle-icon svg,
body:not(.auth-page) .mp-sidebar .mp-user-card button svg{
  width:18px;
  height:18px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
body:not(.auth-page) .mp-sidebar .mp-nav-icon svg use,
body:not(.auth-page) .mp-sidebar .mp-active-vehicle-icon svg use,
body:not(.auth-page) .mp-sidebar .mp-user-card button svg use{
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
body:not(.auth-page) .mp-sidebar .mp-nav-label{
  display:block;
  width:auto;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body:not(.auth-page) .mp-sidebar .mp-sidebar-bottom{
  gap:11px;
}
body:not(.auth-page) .mp-sidebar .mp-active-vehicle-card,
body:not(.auth-page) .mp-sidebar .mp-theme-switch,
body:not(.auth-page) .mp-sidebar .mp-language-switch,
body:not(.auth-page) .mp-sidebar .mp-user-card{
  border:1px solid var(--wm-sidebar-border);
  background:
    linear-gradient(145deg,rgba(255,255,255,.1),transparent 48%),
    var(--wm-sidebar-panel);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 14px 30px rgba(0,0,0,.08);
  backdrop-filter:blur(18px) saturate(1.08);
}
html[data-theme="light"] body:not(.auth-page) .mp-sidebar .mp-active-vehicle-card,
html[data-theme="light"] body:not(.auth-page) .mp-sidebar .mp-theme-switch,
html[data-theme="light"] body:not(.auth-page) .mp-sidebar .mp-language-switch,
html[data-theme="light"] body:not(.auth-page) .mp-sidebar .mp-user-card{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.68),
    0 14px 28px rgba(74,57,35,.09);
}
body:not(.auth-page) .mp-sidebar .mp-active-vehicle-card{
  grid-template-columns:40px minmax(0,1fr);
  padding:12px;
  border-radius:18px;
}
body:not(.auth-page) .mp-sidebar .mp-active-vehicle-card:hover{
  border-color:color-mix(in srgb,var(--wm-sidebar-active) 38%,var(--wm-sidebar-border));
  transform:translateY(-1px);
}
body:not(.auth-page) .mp-sidebar .mp-active-vehicle-icon{
  width:40px;
  height:40px;
  border-radius:15px;
  color:#fff;
  background:linear-gradient(135deg,var(--wm-sidebar-active),var(--blue-2));
  box-shadow:var(--wm-sidebar-glow);
}
html[data-theme="light"] body:not(.auth-page) .mp-sidebar .mp-active-vehicle-icon{
  color:#6f5123;
  background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(205,171,113,.52));
  box-shadow:0 12px 24px rgba(145,106,52,.15);
}
body:not(.auth-page) .mp-sidebar .mp-theme-switch,
body:not(.auth-page) .mp-sidebar .mp-language-switch{
  border-radius:18px;
  padding:4px;
}
body:not(.auth-page) .mp-sidebar .mp-theme-switch button,
body:not(.auth-page) .mp-sidebar .mp-language-switch button{
  min-height:32px;
  border-radius:14px;
  color:var(--wm-sidebar-muted);
}
body:not(.auth-page) .mp-sidebar .mp-theme-switch button.is-active,
body:not(.auth-page) .mp-sidebar .mp-language-switch button.is-active{
  color:var(--text);
  background:var(--wm-sidebar-control-active);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 10px 22px rgba(0,0,0,.1);
}
html[data-theme="dark"] body:not(.auth-page) .mp-sidebar .mp-theme-switch button.is-active,
html[data-theme="dark"] body:not(.auth-page) .mp-sidebar .mp-language-switch button.is-active{
  color:#cfe0ff;
  box-shadow:var(--wm-sidebar-glow);
}
body:not(.auth-page) .mp-sidebar .mp-user-card{
  grid-template-columns:40px minmax(0,1fr) 34px;
  padding:12px;
  border-radius:18px;
}
body:not(.auth-page) .mp-sidebar .mp-user-card > span{
  width:40px;
  height:40px;
  border-radius:999px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.18),transparent 44%),
    linear-gradient(135deg,var(--wm-sidebar-active),#153a93);
  box-shadow:var(--wm-sidebar-glow);
}
html[data-theme="light"] body:not(.auth-page) .mp-sidebar .mp-user-card > span{
  background:
    linear-gradient(145deg,rgba(255,255,255,.46),transparent 44%),
    linear-gradient(135deg,#d2ad73,#a88347);
  box-shadow:0 12px 24px rgba(146,107,55,.18);
}
body:not(.auth-page) .mp-sidebar .mp-user-card button{
  width:34px;
  height:34px;
  min-height:34px;
  padding:0;
  border:1px solid var(--wm-sidebar-border);
  border-radius:14px;
  background:var(--wm-sidebar-control);
  color:var(--wm-sidebar-muted);
}
body:not(.auth-page) .mp-sidebar .mp-user-card button:hover{
  color:var(--wm-sidebar-active);
  border-color:color-mix(in srgb,var(--wm-sidebar-active) 40%,var(--wm-sidebar-border));
  box-shadow:none;
}
body:not(.auth-page) .mp-sidebar .mp-legal-links{
  justify-content:center;
  gap:6px 12px;
  padding:2px 6px 0;
  color:color-mix(in srgb,var(--wm-sidebar-muted) 86%,transparent);
}
body:not(.auth-page) .mp-sidebar .mp-legal-links a{
  border-radius:999px;
  padding:3px 0;
}
body:not(.auth-page) .mp-sidebar .mp-legal-links a:hover{
  color:var(--wm-sidebar-active);
}
body.sidebar-collapsed:not(.auth-page) .mp-app{
  grid-template-columns:84px minmax(0,1fr);
}
body.sidebar-collapsed:not(.auth-page) .mp-app .mp-sidebar{
  width:84px;
  padding-inline:12px;
}
body.sidebar-collapsed:not(.auth-page) .mp-sidebar .mp-brand{
  width:46px;
}
body.sidebar-collapsed:not(.auth-page) .mp-sidebar .mp-brand-mark{
  width:42px;
  height:42px;
}
body.sidebar-collapsed:not(.auth-page) .mp-sidebar .mp-nav a{
  width:48px;
  min-height:48px;
  padding:0;
  justify-content:center;
  color:var(--text);
}
body.sidebar-collapsed:not(.auth-page) .mp-sidebar .mp-nav a:before{
  left:-12px;
}
body.sidebar-collapsed:not(.auth-page) .mp-sidebar .mp-nav a span.mp-nav-icon{
  flex-basis:32px;
  width:32px;
  height:32px;
}
body.sidebar-collapsed:not(.auth-page) .mp-sidebar .mp-nav-label{
  display:none;
  width:0;
  max-width:0;
  overflow:hidden;
  visibility:hidden;
}
body.sidebar-collapsed:not(.auth-page) .mp-sidebar .mp-active-vehicle-card,
body.sidebar-collapsed:not(.auth-page) .mp-sidebar .mp-user-card{
  width:48px;
  height:48px;
  padding:0;
  border-radius:17px;
}
body.sidebar-collapsed:not(.auth-page) .mp-sidebar .mp-active-vehicle-icon,
body.sidebar-collapsed:not(.auth-page) .mp-sidebar .mp-user-card > span{
  width:36px;
  height:36px;
}
@media(max-width:760px){
  body:not(.auth-page) .mp-app .mp-sidebar{
    box-shadow:0 18px 48px rgba(0,0,0,.12);
  }
  body:not(.auth-page) .mp-sidebar:after{
    opacity:.38;
    background-position:right -84px top 66px,right -84px top 66px,right -70px bottom 180px,right -92px bottom 24px;
  }
}

/* =========================================================
   Wrenchmate Sidebar Background + Changelog
   ========================================================= */

body:not(.auth-page) .mp-app .mp-sidebar{
  position:sticky;
  overflow:hidden;
  isolation:isolate;
}

body:not(.auth-page) .mp-app .mp-sidebar::before,
body:not(.auth-page) .mp-app .mp-sidebar::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
}

body:not(.auth-page) .mp-app .mp-sidebar::before{
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  -webkit-mask-image:none;
  mask-image:none;
  transition:opacity 260ms ease,filter 260ms ease,background-position 260ms ease;
}

html[data-theme="dark"] body:not(.auth-page) .mp-app .mp-sidebar::before{
  background-image:url("/static/servicebook/images/sidebar/sidebar-bg-dark-optimized.png");
  opacity:.82;
  filter:saturate(1.08) contrast(1.12) brightness(.92);
}

html[data-theme="dark"] body:not(.auth-page) .mp-app .mp-sidebar::after{
  opacity:1;
  background:
    linear-gradient(180deg,rgba(4,8,15,.52) 0%,rgba(5,10,18,.66) 58%,rgba(3,7,12,.78) 100%),
    radial-gradient(circle at 84% 8%,rgba(42,126,255,.16),transparent 32%),
    radial-gradient(circle at 12% 92%,rgba(203,150,60,.08),transparent 30%);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  filter:none;
}

html[data-theme="light"] body:not(.auth-page) .mp-app .mp-sidebar::before{
  background-image:url("/static/servicebook/images/sidebar/sidebar-bg-light-optimized.png");
  opacity:.68;
  filter:saturate(1.03) contrast(1.08) brightness(1.02);
}

html[data-theme="light"] body:not(.auth-page) .mp-app .mp-sidebar::after{
  opacity:1;
  background:
    linear-gradient(180deg,rgba(248,240,226,.48) 0%,rgba(240,230,214,.62) 62%,rgba(230,217,197,.72) 100%),
    radial-gradient(circle at 18% 6%,rgba(255,255,255,.36),transparent 28%),
    radial-gradient(circle at 84% 88%,rgba(166,120,42,.08),transparent 32%);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  filter:none;
}

body.sidebar-collapsed:not(.auth-page) .mp-app .mp-sidebar::before{
  background-position:center center;
}

body:not(.auth-page) .mp-sidebar .mp-changelog-button{
  width:100%;
  min-height:52px;
  padding:10px 11px;
  border:1px solid var(--wm-sidebar-border);
  border-radius:16px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--wm-sidebar-panel) 90%,transparent),color-mix(in srgb,var(--wm-sidebar-control) 82%,transparent));
  color:var(--text);
  display:grid;
  grid-template-columns:36px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 14px 30px rgba(0,0,0,.08);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease;
}

body:not(.auth-page) .mp-sidebar .mp-changelog-button:hover,
body:not(.auth-page) .mp-sidebar .mp-changelog-button:focus-visible{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--wm-sidebar-active) 46%,var(--wm-sidebar-border));
  box-shadow:var(--wm-sidebar-glow),inset 0 1px 0 rgba(255,255,255,.16);
  outline:none;
}

body:not(.auth-page) .mp-sidebar .mp-changelog-icon{
  width:36px;
  height:36px;
  border-radius:13px;
  display:grid;
  place-items:center;
  background:color-mix(in srgb,var(--wm-sidebar-active) 14%,var(--wm-sidebar-control));
  color:var(--wm-sidebar-active);
}

body:not(.auth-page) .mp-sidebar .mp-changelog-icon svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

body:not(.auth-page) .mp-sidebar .mp-changelog-copy{
  min-width:0;
  text-align:left;
}

body:not(.auth-page) .mp-sidebar .mp-changelog-copy small,
.changelog-modal-list span{
  display:block;
  color:var(--wm-sidebar-muted);
  font-size:10px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-weight:850;
}

body:not(.auth-page) .mp-sidebar .mp-changelog-copy strong{
  display:block;
  margin-top:4px;
  font-size:13px;
  line-height:1.05;
}

body:not(.auth-page) .mp-sidebar .mp-changelog-badge{
  padding:4px 7px;
  border-radius:999px;
  background:var(--wm-sidebar-active);
  color:#fff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
  box-shadow:0 10px 20px rgba(43,127,255,.24);
}

body:not(.auth-page) .mp-sidebar .mp-changelog-badge.is-hidden{
  display:none;
}

body.sidebar-collapsed:not(.auth-page) .mp-sidebar .mp-changelog-button{
  width:48px;
  height:48px;
  min-height:48px;
  padding:0;
  grid-template-columns:1fr;
  place-items:center;
}

body.sidebar-collapsed:not(.auth-page) .mp-sidebar .mp-changelog-copy,
body.sidebar-collapsed:not(.auth-page) .mp-sidebar .mp-changelog-badge{
  display:none;
}

.changelog-modal-open{
  overflow:hidden;
}

.changelog-modal-shell{
  position:fixed;
  inset:0;
  z-index:9600;
  display:grid;
  place-items:center;
  padding:22px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .2s ease,visibility .2s ease;
}

.changelog-modal-shell.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.changelog-modal-backdrop{
  position:absolute;
  inset:0;
  border:0;
  border-radius:0;
  background:rgba(3,7,13,.62);
  backdrop-filter:blur(16px);
}

.changelog-modal-card{
  position:relative;
  z-index:1;
  width:min(560px,100%);
  max-height:min(720px,calc(100vh - 44px));
  overflow:auto;
  border:1px solid var(--wm-sidebar-border);
  border-radius:24px;
  padding:26px;
  background:
    linear-gradient(145deg,color-mix(in srgb,var(--panel) 92%,transparent),color-mix(in srgb,var(--panel-2) 88%,transparent)),
    radial-gradient(circle at 90% 0%,color-mix(in srgb,var(--wm-sidebar-active) 14%,transparent),transparent 34%);
  color:var(--text);
  box-shadow:0 28px 90px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.16);
}

.changelog-modal-card h2{
  margin:0;
  font-size:28px;
  line-height:1;
  letter-spacing:-.02em;
}

.changelog-modal-card p{
  margin:10px 0 20px;
  color:var(--muted);
}

.changelog-modal-close{
  position:absolute;
  top:16px;
  right:16px;
  width:36px;
  height:36px;
  border-radius:14px;
  padding:0;
  border:1px solid var(--line);
  background:var(--panel-2);
  color:var(--text);
  box-shadow:none;
}

.changelog-modal-list{
  display:grid;
  gap:10px;
}

.changelog-modal-list article{
  padding:15px;
  border:1px solid var(--line);
  border-radius:16px;
  background:color-mix(in srgb,var(--panel-2) 84%,transparent);
}

.changelog-modal-list strong{
  display:block;
  margin-top:5px;
  font-size:15px;
}

.changelog-modal-list small{
  display:block;
  margin-top:5px;
  color:var(--muted);
  line-height:1.45;
}

/* =========================================================
   Wrenchmate Garage Polish - scoped visual refinement only
   ========================================================= */

html[data-theme="light"] body.page-garage:not(.auth-page) .app-bg::before{
  opacity:.76;
  filter:brightness(.96) contrast(1.14) saturate(.98);
}

html[data-theme="light"] body.page-garage:not(.auth-page) .app-bg::after{
  background:
    radial-gradient(circle at 46% 12%,rgba(255,249,236,.34),transparent 34%),
    linear-gradient(90deg,rgba(239,228,209,.46),rgba(239,228,209,.22)),
    linear-gradient(180deg,rgba(255,255,255,.12),rgba(216,199,171,.2));
}

@media(min-width:761px){
  body.page-garage:not(.auth-page) .mp-main .v11-garage-stage{
    min-height:620px;
    padding-top:12px;
    padding-bottom:70px;
  }

  body.page-garage:not(.auth-page) .mp-main .v11-garage-slider{
    height:548px;
  }
}

body.page-garage:not(.auth-page) .mp-main .v11-vehicle-slide{
  transition:
    transform .34s cubic-bezier(.2,.7,.2,1),
    opacity .24s ease,
    filter .24s ease,
    border-color .24s ease,
    box-shadow .24s ease;
}

html[data-theme="light"] body.page-garage:not(.auth-page) .mp-main .v11-vehicle-slide.is-current{
  background:
    radial-gradient(circle at 92% 0%,rgba(64,125,255,.08),transparent 30%),
    linear-gradient(145deg,rgba(255,250,239,.94),rgba(236,224,204,.88));
  border-color:rgba(139,112,72,.38);
  box-shadow:
    0 24px 58px rgba(75,56,28,.2),
    0 0 0 1px rgba(255,255,255,.46),
    inset 0 1px 0 rgba(255,255,255,.66);
  backdrop-filter:blur(12px) saturate(1.04);
}

html[data-theme="dark"] body.page-garage:not(.auth-page) .mp-main .v11-vehicle-slide.is-current{
  border-color:rgba(214,168,92,.42);
  box-shadow:
    0 28px 82px rgba(0,0,0,.44),
    0 0 0 1px rgba(255,255,255,.06),
    0 0 42px rgba(43,127,255,.08);
}

html[data-theme="light"] body.page-garage:not(.auth-page) .mp-main .v11-slide-body{
  color:#171717;
}

html[data-theme="light"] body.page-garage:not(.auth-page) .mp-main .v11-slide-kicker{
  color:#a27839;
}

html[data-theme="light"] body.page-garage:not(.auth-page) .mp-main .v11-slide-metrics div{
  background:
    linear-gradient(145deg,rgba(255,250,240,.72),rgba(230,217,193,.72));
  border-color:rgba(130,104,65,.28);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.7),
    0 10px 24px rgba(86,64,34,.08);
}

html[data-theme="light"] body.page-garage:not(.auth-page) .mp-main .v11-slide-metrics span{
  color:#6f6253;
}

html[data-theme="light"] body.page-garage:not(.auth-page) .mp-main .v11-slide-metrics strong{
  color:#15171d;
}

body.page-garage:not(.auth-page) .mp-main .v11-vehicle-slide.is-prev,
body.page-garage:not(.auth-page) .mp-main .v11-vehicle-slide.is-next{
  border-color:rgba(214,168,92,.24);
  box-shadow:
    0 22px 56px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.06);
}

html[data-theme="light"] body.page-garage:not(.auth-page) .mp-main .v11-vehicle-slide.is-prev,
html[data-theme="light"] body.page-garage:not(.auth-page) .mp-main .v11-vehicle-slide.is-next{
  opacity:.66;
  filter:saturate(.9) brightness(.92) contrast(1.06);
}

body.page-garage:not(.auth-page) .mp-main .v11-vehicle-slide.is-prev .v11-slide-image::after,
body.page-garage:not(.auth-page) .mp-main .v11-vehicle-slide.is-next .v11-slide-image::after{
  background:
    linear-gradient(180deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,.14) 42%,rgba(0,0,0,.86) 100%),
    radial-gradient(circle at 50% 88%,rgba(43,127,255,.18),transparent 36%);
}

body.page-garage:not(.auth-page) .mp-main .v11-vehicle-slide.is-prev .v11-slide-body,
body.page-garage:not(.auth-page) .mp-main .v11-vehicle-slide.is-next .v11-slide-body{
  background:
    linear-gradient(180deg,transparent 0%,rgba(4,7,12,.72) 38%,rgba(3,5,9,.96) 100%);
}

body.page-garage:not(.auth-page) .mp-main .v11-vehicle-slide.is-prev .v11-slide-body h2,
body.page-garage:not(.auth-page) .mp-main .v11-vehicle-slide.is-next .v11-slide-body h2{
  color:#fffaf0;
  text-shadow:0 2px 16px rgba(0,0,0,.72);
}

body.page-garage:not(.auth-page) .mp-main .v11-vehicle-slide.is-prev .v11-slide-kicker,
body.page-garage:not(.auth-page) .mp-main .v11-vehicle-slide.is-next .v11-slide-kicker{
  color:#e8c989;
  text-shadow:0 1px 12px rgba(0,0,0,.8);
}

body.page-garage:not(.auth-page) .mp-main .v11-slider-arrow{
  width:44px;
  height:44px;
  border:1px solid color-mix(in srgb,var(--line) 74%,var(--blue) 26%);
  background:
    linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.03)),
    color-mix(in srgb,var(--panel) 78%,transparent);
  color:var(--text);
  font-size:24px;
  line-height:1;
  box-shadow:
    0 16px 34px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.18);
  backdrop-filter:blur(16px) saturate(1.08);
}

body.page-garage:not(.auth-page) .mp-main .v11-slider-arrow:hover,
body.page-garage:not(.auth-page) .mp-main .v11-slider-arrow:focus-visible{
  border-color:rgba(43,127,255,.58);
  color:var(--blue);
  box-shadow:
    0 18px 38px rgba(0,0,0,.2),
    0 0 26px rgba(43,127,255,.2),
    inset 0 1px 0 rgba(255,255,255,.2);
  outline:none;
}

body.page-garage:not(.auth-page) .mp-main .v11-slider-dots{
  bottom:30px;
  padding:7px 9px;
  border:1px solid color-mix(in srgb,var(--line) 78%,var(--blue) 22%);
  border-radius:999px;
  background:color-mix(in srgb,var(--panel) 76%,transparent);
  box-shadow:
    0 14px 28px rgba(0,0,0,.12),
    inset 0 1px 0 rgba(255,255,255,.18);
  backdrop-filter:blur(14px) saturate(1.08);
}

body.page-garage:not(.auth-page) .mp-main .v11-slider-dots button{
  width:8px;
  height:8px;
  background:color-mix(in srgb,var(--text) 22%,transparent);
  border:1px solid color-mix(in srgb,var(--line) 80%,transparent);
}

body.page-garage:not(.auth-page) .mp-main .v11-slider-dots button.is-active{
  width:28px;
  background:linear-gradient(90deg,var(--blue),#66a3ff);
  border-color:rgba(43,127,255,.72);
  box-shadow:0 0 18px rgba(43,127,255,.36);
}

body.page-garage:not(.auth-page) .mp-main .v11-slide-actions .btn:not(.primary):not(.danger),
body.page-garage:not(.auth-page) .mp-main .v11-active-row .btn.ghost{
  background:
    linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.02)),
    color-mix(in srgb,var(--panel-2) 86%,transparent);
  border-color:color-mix(in srgb,var(--line) 82%,var(--text) 10%);
  color:var(--text);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14);
}

body.page-garage:not(.auth-page) .mp-main .v11-slide-actions .btn:not(.primary):not(.danger):hover,
body.page-garage:not(.auth-page) .mp-main .v11-active-row .btn.ghost:hover{
  border-color:color-mix(in srgb,var(--blue) 42%,var(--line));
  box-shadow:
    0 12px 26px rgba(0,0,0,.12),
    inset 0 1px 0 rgba(255,255,255,.18);
}

body.page-garage:not(.auth-page) .mp-main .v11-slide-actions .btn.danger{
  background:color-mix(in srgb,var(--red) 7%,transparent);
  border-color:color-mix(in srgb,var(--red) 18%,var(--line));
  color:color-mix(in srgb,var(--text) 82%,var(--red));
  box-shadow:none;
}

body.page-garage:not(.auth-page) .mp-main .v11-slide-actions .btn.danger:hover,
body.page-garage:not(.auth-page) .mp-main .v11-slide-actions .btn.danger:focus-visible{
  background:color-mix(in srgb,var(--red) 14%,transparent);
  border-color:color-mix(in srgb,var(--red) 44%,var(--line));
  color:var(--red);
  box-shadow:0 12px 28px color-mix(in srgb,var(--red) 16%,transparent);
  outline:none;
}

html[data-theme="light"] body.page-garage:not(.auth-page) .mp-main .v11-slide-actions .btn:not(.primary):not(.danger),
html[data-theme="light"] body.page-garage:not(.auth-page) .mp-main .v11-active-row .btn.ghost{
  background:
    linear-gradient(145deg,rgba(255,252,244,.78),rgba(231,219,198,.72));
  border-color:rgba(129,105,68,.24);
}

html[data-theme="light"] body.page-garage:not(.auth-page) .mp-main .v11-slide-actions .btn.danger{
  background:rgba(190,66,74,.045);
  border-color:rgba(190,66,74,.14);
  color:#6f5960;
}

html[data-theme="light"] body.page-garage:not(.auth-page) .mp-main .v11-slide-actions .btn.danger:hover,
html[data-theme="light"] body.page-garage:not(.auth-page) .mp-main .v11-slide-actions .btn.danger:focus-visible{
  background:rgba(190,66,74,.1);
  border-color:rgba(190,66,74,.38);
  color:#b6313d;
}

/* =========================================================
   Wrenchmate Dashboard Polish - scoped visual refinement only
   ========================================================= */

html[data-theme="light"] body.page-dashboard:not(.auth-page) .app-bg::before{
  opacity:.74;
  filter:brightness(.96) contrast(1.12) saturate(.98);
}

html[data-theme="light"] body.page-dashboard:not(.auth-page) .app-bg::after{
  background:
    radial-gradient(circle at 48% 12%,rgba(255,248,235,.32),transparent 34%),
    linear-gradient(90deg,rgba(238,227,207,.48),rgba(238,227,207,.22)),
    linear-gradient(180deg,rgba(255,255,255,.1),rgba(218,199,169,.18));
}

body.page-dashboard:not(.auth-page) .mp-main .v102-top-actions{
  align-items:center;
}

body.page-dashboard:not(.auth-page) .mp-main .v102-action-secondary,
body.page-dashboard:not(.auth-page) .mp-main .v102-action-feedback{
  background:
    linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),
    color-mix(in srgb,var(--panel-2) 82%,transparent);
  border-color:color-mix(in srgb,var(--line) 82%,var(--text) 8%);
  color:var(--text);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}

body.page-dashboard:not(.auth-page) .mp-main .v102-action-feedback{
  color:var(--muted);
  background:transparent;
  border-color:color-mix(in srgb,var(--line) 74%,transparent);
  box-shadow:none;
}

body.page-dashboard:not(.auth-page) .mp-main .v102-action-secondary:hover,
body.page-dashboard:not(.auth-page) .mp-main .v102-action-secondary:focus-visible{
  border-color:color-mix(in srgb,var(--blue) 42%,var(--line));
  box-shadow:
    0 12px 26px rgba(0,0,0,.12),
    inset 0 1px 0 rgba(255,255,255,.16);
}

body.page-dashboard:not(.auth-page) .mp-main .v102-action-feedback:hover,
body.page-dashboard:not(.auth-page) .mp-main .v102-action-feedback:focus-visible{
  color:var(--blue);
  border-color:color-mix(in srgb,var(--blue) 26%,var(--line));
  background:color-mix(in srgb,var(--blue) 6%,transparent);
  box-shadow:none;
}

html[data-theme="light"] body.page-dashboard:not(.auth-page) .mp-main .v102-action-secondary{
  background:
    linear-gradient(145deg,rgba(255,252,244,.82),rgba(231,219,198,.74));
  border-color:rgba(129,105,68,.24);
  color:#171717;
}

html[data-theme="light"] body.page-dashboard:not(.auth-page) .mp-main .v102-action-feedback{
  color:#726657;
  background:rgba(255,250,240,.22);
  border-color:rgba(129,105,68,.14);
}

body.page-dashboard:not(.auth-page) .mp-main .v102-vehicle-card{
  position:relative;
  border-color:rgba(214,168,92,.28);
  box-shadow:
    0 28px 84px rgba(0,0,0,.3),
    0 0 0 1px rgba(255,255,255,.05),
    inset 0 1px 0 rgba(255,255,255,.08);
}

html[data-theme="light"] body.page-dashboard:not(.auth-page) .mp-main .v102-vehicle-card{
  background:
    radial-gradient(circle at 92% 0%,rgba(64,125,255,.08),transparent 30%),
    linear-gradient(145deg,rgba(255,250,239,.95),rgba(237,225,205,.9));
  border-color:rgba(139,112,72,.38);
  box-shadow:
    0 24px 58px rgba(75,56,28,.2),
    0 0 0 1px rgba(255,255,255,.46),
    inset 0 1px 0 rgba(255,255,255,.66);
  backdrop-filter:blur(12px) saturate(1.04);
}

html[data-theme="light"] body.page-dashboard:not(.auth-page) .mp-main .v102-vehicle-copy h2,
html[data-theme="light"] body.page-dashboard:not(.auth-page) .mp-main .v102-vehicle-copy p,
html[data-theme="light"] body.page-dashboard:not(.auth-page) .mp-main .v102-focus-card h3,
html[data-theme="light"] body.page-dashboard:not(.auth-page) .mp-main .v102-attention-card h2,
html[data-theme="light"] body.page-dashboard:not(.auth-page) .mp-main .v102-quality-card h2{
  color:#15171d;
}

html[data-theme="light"] body.page-dashboard:not(.auth-page) .mp-main .v102-vehicle-copy p,
html[data-theme="light"] body.page-dashboard:not(.auth-page) .mp-main .v102-focus-card p,
html[data-theme="light"] body.page-dashboard:not(.auth-page) .mp-main .v102-attention-card .muted{
  color:#625a4f;
}

html[data-theme="light"] body.page-dashboard:not(.auth-page) .mp-main .v102-metric-row div{
  background:
    linear-gradient(145deg,rgba(255,250,240,.76),rgba(230,217,193,.74));
  border-color:rgba(130,104,65,.28);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.7),
    0 10px 24px rgba(86,64,34,.08);
}

html[data-theme="light"] body.page-dashboard:not(.auth-page) .mp-main .v102-metric-row span{
  color:#6f6253;
}

html[data-theme="light"] body.page-dashboard:not(.auth-page) .mp-main .v102-metric-row strong{
  color:#15171d;
}

body.page-dashboard:not(.auth-page) .mp-main .v102-vehicle-image{
  border-color:color-mix(in srgb,var(--line) 70%,var(--blue) 18%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 18px 44px rgba(0,0,0,.18);
}

body.page-dashboard:not(.auth-page) .mp-main .v102-vehicle-image img{
  filter:saturate(.98) contrast(1.08);
}

html[data-theme="light"] body.page-dashboard:not(.auth-page) .mp-main .v102-vehicle-image img{
  filter:saturate(1.04) contrast(1.1) brightness(.98);
}

body.page-dashboard:not(.auth-page) .mp-main .v102-attention-card.is-danger{
  border-color:color-mix(in srgb,var(--red) 26%,var(--line));
  box-shadow:
    0 24px 70px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.08);
}

body.page-dashboard:not(.auth-page) .mp-main .v102-attention-card.is-danger::before{
  background:linear-gradient(90deg,color-mix(in srgb,var(--red) 70%,#c68f64),transparent);
}

html[data-theme="light"] body.page-dashboard:not(.auth-page) .mp-main .v102-attention-card{
  background:
    radial-gradient(circle at 92% 0%,rgba(190,66,74,.06),transparent 30%),
    linear-gradient(145deg,rgba(255,250,239,.9),rgba(235,224,205,.84));
  border-color:rgba(139,112,72,.26);
  box-shadow:
    0 20px 50px rgba(75,56,28,.16),
    inset 0 1px 0 rgba(255,255,255,.62);
}

html[data-theme="light"] body.page-dashboard:not(.auth-page) .mp-main .v102-attention-card.is-danger{
  border-color:rgba(178,86,82,.34);
}

body.page-dashboard:not(.auth-page) .mp-main .v102-attention-card.is-danger .mp-kicker,
body.page-dashboard:not(.auth-page) .mp-main .v102-focus-card.is-danger .v11-card-kicker{
  color:color-mix(in srgb,var(--red) 64%,var(--wm-amber));
}

body.page-dashboard:not(.auth-page) .mp-main .v102-attention-stats span{
  background:color-mix(in srgb,var(--panel-2) 78%,transparent);
}

html[data-theme="light"] body.page-dashboard:not(.auth-page) .mp-main .v102-attention-stats span{
  background:rgba(255,249,238,.58);
  border-color:rgba(130,104,65,.22);
  color:#625a4f;
}

body.page-dashboard:not(.auth-page) .mp-main .v102-attention-list .status-due{
  border-color:color-mix(in srgb,var(--red) 34%,var(--line));
  background:linear-gradient(145deg,color-mix(in srgb,var(--red) 6%,var(--panel-2)),color-mix(in srgb,var(--panel-2) 92%,transparent));
}

html[data-theme="light"] body.page-dashboard:not(.auth-page) .mp-main .v102-attention-list .status-due{
  border-color:rgba(178,86,82,.32);
  background:
    linear-gradient(145deg,rgba(255,248,238,.78),rgba(234,217,198,.7));
  box-shadow:inset 3px 0 0 rgba(178,86,82,.45);
}

html[data-theme="light"] body.page-dashboard:not(.auth-page) .mp-main .v102-focus-card,
html[data-theme="light"] body.page-dashboard:not(.auth-page) .mp-main .v102-quality-card{
  background:
    linear-gradient(145deg,rgba(255,250,239,.86),rgba(235,224,205,.78));
  border-color:rgba(130,104,65,.22);
  box-shadow:
    0 18px 46px rgba(75,56,28,.14),
    inset 0 1px 0 rgba(255,255,255,.62);
}

body.page-dashboard:not(.auth-page) .mp-main .v102-quality-card{
  margin-top:4px;
  padding:20px;
  border-radius:22px;
  align-items:center;
}

body.page-dashboard:not(.auth-page) .mp-main .v102-quality-card::after{
  content:"";
  flex:0 0 140px;
  height:8px;
  border-radius:999px;
  background:
    linear-gradient(90deg,var(--blue),#68a2ff),
    color-mix(in srgb,var(--panel-3) 74%,transparent);
  background-size:70% 100%,100% 100%;
  background-repeat:no-repeat;
  box-shadow:0 0 20px rgba(43,127,255,.18);
}

body.page-dashboard:not(.auth-page) .mp-main .quality-missing span{
  background:color-mix(in srgb,var(--panel-2) 78%,transparent);
  border-color:color-mix(in srgb,var(--line) 86%,var(--blue) 10%);
}

html[data-theme="light"] body.page-dashboard:not(.auth-page) .mp-main .quality-missing span{
  background:rgba(255,249,238,.64);
  border-color:rgba(130,104,65,.2);
  color:#625a4f;
}

@media(max-width:720px){
  body.page-dashboard:not(.auth-page) .mp-main .v102-top-actions{
    width:100%;
    flex-wrap:wrap;
  }

  body.page-dashboard:not(.auth-page) .mp-main .v102-top-actions .btn{
    flex:1 1 100%;
  }

  body.page-dashboard:not(.auth-page) .mp-main .v102-quality-card::after{
    width:100%;
    flex-basis:8px;
  }
}

/* =========================================================
   Wrenchmate Service Workflow - guided premium assistant
   ========================================================= */

body.page-service:not(.auth-page) .mp-main .service-workflow-page{
  max-width:1220px;
}

html[data-theme="light"] body.page-service:not(.auth-page) .app-bg::before{
  opacity:.72;
  filter:brightness(.96) contrast(1.12) saturate(.98);
}

html[data-theme="light"] body.page-service:not(.auth-page) .app-bg::after{
  background:
    radial-gradient(circle at 46% 12%,rgba(255,249,236,.28),transparent 34%),
    linear-gradient(90deg,rgba(238,227,207,.5),rgba(238,227,207,.24)),
    linear-gradient(180deg,rgba(255,255,255,.1),rgba(218,199,169,.18));
}

body.page-service:not(.auth-page) .mp-main .service-context-card{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) minmax(150px,auto);
  gap:14px;
  align-items:center;
  margin-bottom:18px;
  padding:16px 18px;
  border-radius:22px;
  background:
    radial-gradient(circle at 92% 0%,color-mix(in srgb,var(--blue) 12%,transparent),transparent 32%),
    linear-gradient(145deg,color-mix(in srgb,var(--panel) 94%,transparent),color-mix(in srgb,var(--panel-2) 84%,transparent));
  border:1px solid color-mix(in srgb,var(--line) 82%,var(--blue) 14%);
  box-shadow:0 18px 46px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.1);
}

body.page-service:not(.auth-page) .mp-main .service-context-icon{
  width:48px;
  height:48px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:color-mix(in srgb,var(--blue) 16%,var(--panel-2));
  color:var(--blue-2);
  font-weight:950;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}

body.page-service:not(.auth-page) .mp-main .service-context-main span,
body.page-service:not(.auth-page) .mp-main .service-context-meter span,
body.page-service:not(.auth-page) .mp-main .service-summary-grid span,
body.page-service:not(.auth-page) .mp-main .service-cost-card span{
  display:block;
  color:var(--muted);
  font-size:.72rem;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em!important;
}

body.page-service:not(.auth-page) .mp-main .service-context-main strong{
  display:block;
  margin-top:4px;
  font-size:1.25rem;
  line-height:1.1;
}

body.page-service:not(.auth-page) .mp-main .service-context-main small{
  display:block;
  margin-top:3px;
  color:var(--muted);
}

body.page-service:not(.auth-page) .mp-main .service-context-meter{
  padding:12px 14px;
  border-radius:16px;
  background:color-mix(in srgb,var(--panel-2) 76%,transparent);
  border:1px solid var(--line);
}

body.page-service:not(.auth-page) .mp-main .service-context-meter strong{
  display:block;
  margin-top:4px;
  font-size:1.05rem;
}

body.page-service:not(.auth-page) .mp-main .service-workflow-shell{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:24px;
  align-items:start;
}

body.page-service:not(.auth-page) .mp-main .service-workflow-form{
  display:grid;
  gap:16px;
  padding:24px;
  border-radius:28px;
}

body.page-service:not(.auth-page) .mp-main .service-form-head{
  display:flex;
  gap:14px;
  align-items:flex-start;
  padding:6px 2px 18px;
  border-bottom:1px solid var(--line);
}

body.page-service:not(.auth-page) .mp-main .service-form-head strong{
  display:block;
  font-size:1.45rem;
  line-height:1.08;
}

body.page-service:not(.auth-page) .mp-main .service-form-head small{
  display:block;
  margin-top:5px;
  color:var(--muted);
  line-height:1.55;
}

body.page-service:not(.auth-page) .mp-main .service-step{
  position:relative;
  display:grid;
  gap:16px;
  padding:18px;
  border:1px solid color-mix(in srgb,var(--line) 88%,transparent);
  border-radius:22px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.035),transparent 46%),
    color-mix(in srgb,var(--panel-2) 42%,transparent);
}

body.page-service:not(.auth-page) .mp-main .service-step-head{
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  gap:12px;
  align-items:start;
}

body.page-service:not(.auth-page) .mp-main .service-step-head b{
  width:36px;
  height:36px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:color-mix(in srgb,var(--blue) 16%,var(--panel-2));
  color:var(--blue-2);
  font-size:.78rem;
  letter-spacing:.04em;
}

body.page-service:not(.auth-page) .mp-main .service-step-head strong{
  display:block;
  font-size:1.08rem;
  line-height:1.2;
}

body.page-service:not(.auth-page) .mp-main .service-step-head small,
body.page-service:not(.auth-page) .mp-main .service-step-help{
  display:block;
  margin-top:4px;
  color:var(--muted);
  line-height:1.5;
}

body.page-service:not(.auth-page) .mp-main .service-step-grid{
  display:grid;
  gap:14px;
}

body.page-service:not(.auth-page) .mp-main .service-step-grid.two{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

body.page-service:not(.auth-page) .mp-main .service-step-grid .field-full{
  grid-column:1/-1;
}

body.page-service:not(.auth-page) .mp-main .service-field input,
body.page-service:not(.auth-page) .mp-main .service-field select,
body.page-service:not(.auth-page) .mp-main .service-field textarea{
  border-radius:16px;
  background:color-mix(in srgb,var(--panel) 72%,var(--panel-2));
}

body.page-service:not(.auth-page) .mp-main .service-native-select select{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}

body.page-service:not(.auth-page) .mp-main .service-invoice-shell{
  display:grid;
  gap:12px;
}

body.page-service:not(.auth-page) .mp-main .service-invoice-cards{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

body.page-service:not(.auth-page) .mp-main .service-invoice-card{
  width:100%;
  min-height:104px;
  padding:15px;
  border-radius:18px;
  border:1px solid color-mix(in srgb,var(--line) 88%,transparent);
  background:
    linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015)),
    color-mix(in srgb,var(--panel-2) 72%,transparent);
  color:var(--text);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:space-between;
  text-align:left;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1);
}

body.page-service:not(.auth-page) .mp-main .service-invoice-card strong{
  display:block;
  font-size:1rem;
  line-height:1.25;
}

body.page-service:not(.auth-page) .mp-main .service-invoice-card small{
  display:block;
  margin-top:5px;
  color:var(--muted);
  line-height:1.4;
}

body.page-service:not(.auth-page) .mp-main .service-invoice-card span{
  margin-top:12px;
  padding:5px 8px;
  border-radius:999px;
  color:var(--blue-2);
  background:color-mix(in srgb,var(--blue) 10%,transparent);
  border:1px solid color-mix(in srgb,var(--blue) 18%,transparent);
  font-size:.7rem;
  font-weight:900;
  text-transform:uppercase;
}

body.page-service:not(.auth-page) .mp-main .service-invoice-card:hover,
body.page-service:not(.auth-page) .mp-main .service-invoice-card:focus-visible,
body.page-service:not(.auth-page) .mp-main .service-invoice-card.is-selected{
  border-color:rgba(43,127,255,.58);
  background:
    radial-gradient(circle at 88% 0%,rgba(43,127,255,.14),transparent 34%),
    color-mix(in srgb,var(--blue) 8%,var(--panel-2));
  box-shadow:0 16px 34px rgba(0,0,0,.14),0 0 24px rgba(43,127,255,.14),inset 0 1px 0 rgba(255,255,255,.14);
}

body.page-service:not(.auth-page) .mp-main .service-invoice-empty{
  padding:16px;
  border-radius:18px;
  border:1px dashed color-mix(in srgb,var(--line) 82%,var(--blue) 16%);
  color:var(--muted);
  background:color-mix(in srgb,var(--panel-2) 48%,transparent);
  line-height:1.55;
}

body.page-service:not(.auth-page) .mp-main .service-item-toolbar{
  justify-content:flex-start;
  margin:0 0 12px;
}

body.page-service:not(.auth-page) .mp-main .service-item-picker{
  min-height:220px;
  border-radius:22px;
  background:color-mix(in srgb,var(--panel-2) 46%,transparent);
}

body.page-service:not(.auth-page) .mp-main .invoice-item-summary>div,
body.page-service:not(.auth-page) .mp-main .invoice-item-group,
body.page-service:not(.auth-page) .mp-main .invoice-item-option{
  border-color:color-mix(in srgb,var(--line) 88%,transparent);
}

body.page-service:not(.auth-page) .mp-main .invoice-item-option{
  border-radius:16px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.01)),
    color-mix(in srgb,var(--panel) 56%,var(--panel-2));
}

body.page-service:not(.auth-page) .mp-main .invoice-item-option:has(input:checked){
  border-color:rgba(43,127,255,.62);
  background:
    radial-gradient(circle at 92% 0%,rgba(43,127,255,.14),transparent 34%),
    color-mix(in srgb,var(--blue) 9%,var(--panel-2));
  box-shadow:0 12px 28px rgba(43,127,255,.12),inset 3px 0 0 var(--blue);
}

body.page-service:not(.auth-page) .mp-main .service-cost-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:18px;
  border-radius:20px;
  border:1px solid color-mix(in srgb,var(--blue) 24%,var(--line));
  background:
    radial-gradient(circle at 92% 0%,rgba(43,127,255,.15),transparent 34%),
    color-mix(in srgb,var(--panel-2) 66%,transparent);
}

body.page-service:not(.auth-page) .mp-main .service-cost-card strong{
  display:block;
  margin-top:6px;
  font-size:2rem;
  line-height:1;
  letter-spacing:-.02em;
}

body.page-service:not(.auth-page) .mp-main .service-cost-card small{
  display:block;
  margin-top:6px;
  color:var(--muted);
}

body.page-service:not(.auth-page) .mp-main .service-cost-hidden{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  opacity:0;
  pointer-events:none;
}

body.page-service:not(.auth-page) .mp-main .service-summary-panel{
  position:sticky;
  top:28px;
  display:grid;
  gap:16px;
  border-radius:28px;
}

body.page-service:not(.auth-page) .mp-main .service-summary-panel h2{
  margin:0;
  font-size:1.7rem;
  line-height:1.08;
}

body.page-service:not(.auth-page) .mp-main .service-summary-panel p{
  margin:0;
  color:var(--muted);
}

body.page-service:not(.auth-page) .mp-main .service-summary-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

body.page-service:not(.auth-page) .mp-main .service-summary-grid div{
  padding:13px;
  border-radius:16px;
  border:1px solid var(--line);
  background:color-mix(in srgb,var(--panel-2) 72%,transparent);
  min-width:0;
}

body.page-service:not(.auth-page) .mp-main .service-summary-grid strong{
  display:block;
  margin-top:5px;
  font-size:.98rem;
  line-height:1.18;
  overflow-wrap:anywhere;
}

body.page-service:not(.auth-page) .mp-main .service-checklist{
  display:grid;
  gap:9px;
}

body.page-service:not(.auth-page) .mp-main .service-checklist div{
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  gap:10px;
  align-items:center;
  padding:11px 12px;
  border-radius:15px;
  border:1px solid var(--line);
  background:color-mix(in srgb,var(--panel-2) 56%,transparent);
  color:var(--muted);
}

body.page-service:not(.auth-page) .mp-main .service-checklist b{
  width:28px;
  height:28px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:color-mix(in srgb,var(--text) 8%,transparent);
  color:var(--muted);
  font-size:.72rem;
}

body.page-service:not(.auth-page) .mp-main .service-checklist div.is-complete{
  color:var(--text);
  border-color:color-mix(in srgb,var(--green) 34%,var(--line));
  background:color-mix(in srgb,var(--green) 8%,var(--panel-2));
}

body.page-service:not(.auth-page) .mp-main .service-checklist div.is-complete b{
  background:color-mix(in srgb,var(--green) 18%,transparent);
  color:var(--green);
}

body.page-service:not(.auth-page) .mp-main .service-checklist div.is-warning b{
  background:color-mix(in srgb,var(--wm-amber) 16%,transparent);
  color:var(--wm-amber);
}

body.page-service:not(.auth-page) .mp-main .service-ready-note.is-ready{
  border-color:color-mix(in srgb,var(--green) 36%,var(--line));
  background:color-mix(in srgb,var(--green) 8%,var(--panel-2));
}

body.page-service:not(.auth-page) .mp-main .service-actions{
  align-items:center;
  justify-content:flex-end;
  padding-top:4px;
}

body.page-service:not(.auth-page) .mp-main .service-submit{
  min-width:190px;
  min-height:46px;
  border-radius:15px;
  box-shadow:0 16px 34px rgba(43,127,255,.26),0 0 22px rgba(43,127,255,.18);
}

body.page-service:not(.auth-page) .mp-main .service-cancel{
  color:var(--muted);
  background:transparent;
  border-color:color-mix(in srgb,var(--line) 78%,transparent);
}

html[data-theme="light"] body.page-service:not(.auth-page) .mp-main .service-context-card,
html[data-theme="light"] body.page-service:not(.auth-page) .mp-main .service-workflow-form,
html[data-theme="light"] body.page-service:not(.auth-page) .mp-main .service-summary-panel{
  background:
    radial-gradient(circle at 92% 0%,rgba(64,125,255,.06),transparent 30%),
    linear-gradient(145deg,rgba(255,250,239,.94),rgba(237,225,205,.88));
  border-color:rgba(139,112,72,.34);
  box-shadow:
    0 22px 54px rgba(75,56,28,.16),
    0 0 0 1px rgba(255,255,255,.42),
    inset 0 1px 0 rgba(255,255,255,.64);
  backdrop-filter:blur(12px) saturate(1.04);
}

html[data-theme="light"] body.page-service:not(.auth-page) .mp-main .service-step,
html[data-theme="light"] body.page-service:not(.auth-page) .mp-main .service-summary-grid div,
html[data-theme="light"] body.page-service:not(.auth-page) .mp-main .service-checklist div,
html[data-theme="light"] body.page-service:not(.auth-page) .mp-main .service-item-picker,
html[data-theme="light"] body.page-service:not(.auth-page) .mp-main .service-invoice-empty{
  background:rgba(255,249,238,.58);
  border-color:rgba(130,104,65,.22);
}

html[data-theme="light"] body.page-service:not(.auth-page) .mp-main .service-invoice-card,
html[data-theme="light"] body.page-service:not(.auth-page) .mp-main .invoice-item-option,
html[data-theme="light"] body.page-service:not(.auth-page) .mp-main .invoice-item-group{
  background:
    linear-gradient(145deg,rgba(255,252,244,.78),rgba(231,219,198,.72));
  border-color:rgba(129,105,68,.24);
}

html[data-theme="light"] body.page-service:not(.auth-page) .mp-main .service-cost-card{
  background:
    radial-gradient(circle at 92% 0%,rgba(43,127,255,.09),transparent 34%),
    linear-gradient(145deg,rgba(255,252,244,.82),rgba(231,219,198,.76));
  border-color:rgba(43,127,255,.26);
}

html[data-theme="light"] body.page-service:not(.auth-page) .mp-main .service-context-main span,
html[data-theme="light"] body.page-service:not(.auth-page) .mp-main .service-context-meter span,
html[data-theme="light"] body.page-service:not(.auth-page) .mp-main .service-step-head small,
html[data-theme="light"] body.page-service:not(.auth-page) .mp-main .service-summary-panel p,
html[data-theme="light"] body.page-service:not(.auth-page) .mp-main .service-summary-grid span,
html[data-theme="light"] body.page-service:not(.auth-page) .mp-main .service-cost-card span{
  color:#6f6253;
}

html[data-theme="light"] body.page-service:not(.auth-page) .mp-main .service-context-main strong,
html[data-theme="light"] body.page-service:not(.auth-page) .mp-main .service-context-meter strong,
html[data-theme="light"] body.page-service:not(.auth-page) .mp-main .service-step-head strong,
html[data-theme="light"] body.page-service:not(.auth-page) .mp-main .service-summary-panel h2,
html[data-theme="light"] body.page-service:not(.auth-page) .mp-main .service-summary-grid strong,
html[data-theme="light"] body.page-service:not(.auth-page) .mp-main .service-cost-card strong{
  color:#15171d;
}

@media(max-width:1180px){
  body.page-service:not(.auth-page) .mp-main .service-workflow-shell{
    grid-template-columns:1fr;
  }

  body.page-service:not(.auth-page) .mp-main .service-summary-panel{
    position:relative;
    top:auto;
  }
}

@media(max-width:760px){
  body.page-service:not(.auth-page) .mp-main .service-context-card,
  body.page-service:not(.auth-page) .mp-main .service-step-grid.two,
  body.page-service:not(.auth-page) .mp-main .service-invoice-cards,
  body.page-service:not(.auth-page) .mp-main .service-summary-grid{
    grid-template-columns:1fr;
  }

  body.page-service:not(.auth-page) .mp-main .service-workflow-form,
  body.page-service:not(.auth-page) .mp-main .service-step{
    padding:18px;
  }

  body.page-service:not(.auth-page) .mp-main .service-actions{
    flex-direction:column-reverse;
    align-items:stretch;
  }

  body.page-service:not(.auth-page) .mp-main .service-actions .btn{
    width:100%;
  }
}

/* =========================================================
   Wrenchmate Vehicle Dossier - premium vehicle file
   ========================================================= */

body.page-garage:not(.auth-page) .vehicle-dossier{
  max-width:1240px;
  margin:0 auto;
  gap:22px;
}

html[data-theme="light"] body.page-garage:has(.vehicle-dossier):not(.auth-page) .app-bg::before{
  opacity:.7;
  filter:brightness(.94) contrast(1.14) saturate(.98);
}

html[data-theme="light"] body.page-garage:has(.vehicle-dossier):not(.auth-page) .app-bg::after{
  background:
    radial-gradient(circle at 78% 8%,rgba(47,111,218,.08),transparent 25%),
    radial-gradient(circle at 12% 88%,rgba(151,108,52,.08),transparent 24%),
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(210,189,158,.15));
}

body.page-garage:not(.auth-page) .mp-main .dossier-head{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-end;
}

body.page-garage:not(.auth-page) .mp-main .dossier-title-block{
  min-width:0;
}

body.page-garage:not(.auth-page) .mp-main .dossier-breadcrumb{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-bottom:10px;
  color:var(--muted);
  font-size:.86rem;
  font-weight:900;
}

body.page-garage:not(.auth-page) .mp-main .dossier-breadcrumb::before{
  content:"←";
  color:var(--blue-2);
}

body.page-garage:not(.auth-page) .mp-main .dossier-actions{
  align-items:center;
  justify-content:flex-end;
  gap:9px;
  flex-wrap:wrap;
}

body.page-garage:not(.auth-page) .mp-main .dossier-action-primary{
  box-shadow:0 16px 36px rgba(47,111,218,.25),0 0 22px rgba(47,111,218,.18);
}

body.page-garage:not(.auth-page) .mp-main .dossier-action-secondary,
body.page-garage:not(.auth-page) .mp-main .dossier-action-tertiary{
  background:color-mix(in srgb,var(--panel-2) 72%,transparent);
  border-color:color-mix(in srgb,var(--line) 86%,transparent);
}

body.page-garage:not(.auth-page) .mp-main .dossier-action-tertiary{
  color:var(--muted);
}

body.page-garage:not(.auth-page) .mp-main .dossier-action-danger{
  color:color-mix(in srgb,var(--red) 72%,var(--muted));
  background:color-mix(in srgb,var(--red) 7%,var(--panel-2));
  border-color:color-mix(in srgb,var(--red) 18%,var(--line));
  box-shadow:none;
}

body.page-garage:not(.auth-page) .mp-main .dossier-action-danger:hover{
  color:#fff;
  border-color:color-mix(in srgb,var(--red) 58%,transparent);
  background:linear-gradient(135deg,color-mix(in srgb,var(--red) 82%,#111),var(--red));
}

body.page-garage:not(.auth-page) .mp-main .dossier-hero{
  grid-template-columns:minmax(0,1fr) minmax(300px,390px);
  gap:18px;
  padding:12px;
  border-radius:30px;
  border:1px solid color-mix(in srgb,var(--line) 84%,var(--blue) 12%);
  background:
    radial-gradient(circle at 86% 10%,color-mix(in srgb,var(--blue) 10%,transparent),transparent 28%),
    linear-gradient(145deg,color-mix(in srgb,var(--panel) 94%,transparent),color-mix(in srgb,var(--panel-2) 80%,transparent));
  box-shadow:0 24px 70px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.1);
}

body.page-garage:not(.auth-page) .mp-main .dossier-hero-copy{
  padding:28px;
  gap:18px;
}

body.page-garage:not(.auth-page) .mp-main .dossier-status-line{
  display:flex;
  gap:9px;
  align-items:center;
  flex-wrap:wrap;
}

body.page-garage:not(.auth-page) .mp-main .dossier-active-badge{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:8px 12px;
  border-radius:999px;
  color:var(--green);
  background:color-mix(in srgb,var(--green) 12%,transparent);
  border:1px solid color-mix(in srgb,var(--green) 28%,transparent);
  font-size:.78rem;
  font-weight:950;
}

body.page-garage:not(.auth-page) .mp-main .dossier-metrics{
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin-top:4px;
}

body.page-garage:not(.auth-page) .mp-main .dossier-metrics div,
body.page-garage:not(.auth-page) .mp-main .dossier-status-grid div{
  border-radius:17px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.01)),
    color-mix(in srgb,var(--panel-2) 68%,transparent);
  border:1px solid color-mix(in srgb,var(--line) 88%,transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}

body.page-garage:not(.auth-page) .mp-main .dossier-status-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

body.page-garage:not(.auth-page) .mp-main .dossier-status-grid div{
  padding:13px;
}

body.page-garage:not(.auth-page) .mp-main .dossier-status-grid span,
body.page-garage:not(.auth-page) .mp-main .dossier-doc-card span,
body.page-garage:not(.auth-page) .mp-main .dossier-upgrade-card span,
body.page-garage:not(.auth-page) .mp-main .dossier-data-list span{
  display:block;
  color:var(--muted);
  font-size:.72rem;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em!important;
}

body.page-garage:not(.auth-page) .mp-main .dossier-status-grid strong{
  display:block;
  margin-top:4px;
  overflow-wrap:anywhere;
}

body.page-garage:not(.auth-page) .mp-main .dossier-hero-actions{
  flex-wrap:wrap;
}

body.page-garage:not(.auth-page) .mp-main .dossier-image{
  position:relative;
  min-height:330px;
  margin:0;
  border-radius:24px;
  border:1px solid color-mix(in srgb,var(--line) 84%,transparent);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}

body.page-garage:not(.auth-page) .mp-main .dossier-image img{
  filter:saturate(1.04) contrast(1.04);
}

body.page-garage:not(.auth-page) .mp-main .dossier-image::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(0,0,0,.18),transparent 44%),
    linear-gradient(180deg,transparent 58%,rgba(0,0,0,.22));
  pointer-events:none;
}

body.page-garage:not(.auth-page) .mp-main .dossier-workspace{
  padding:12px;
  border-radius:28px;
  border:1px solid color-mix(in srgb,var(--line) 86%,var(--blue) 10%);
  background:color-mix(in srgb,var(--panel) 92%,transparent);
}

body.page-garage:not(.auth-page) .mp-main .dossier-tabs{
  gap:8px;
  padding:7px;
  border-radius:20px;
  background:color-mix(in srgb,var(--panel-2) 72%,transparent);
  border:1px solid color-mix(in srgb,var(--line) 82%,transparent);
}

body.page-garage:not(.auth-page) .mp-main .dossier-tabs .workspace-tab{
  min-height:42px;
  padding:10px 15px;
  border-radius:15px;
  color:var(--muted);
  font-weight:950;
}

body.page-garage:not(.auth-page) .mp-main .dossier-tabs .workspace-tab:hover{
  transform:translateY(-1px);
  color:var(--text);
  background:color-mix(in srgb,var(--panel) 68%,transparent);
}

body.page-garage:not(.auth-page) .mp-main .dossier-tabs .workspace-tab.is-active{
  color:#fff;
  box-shadow:0 14px 30px rgba(47,111,218,.24),0 0 18px rgba(47,111,218,.16);
}

body.page-garage:not(.auth-page) .mp-main .dossier-tab-panel{
  padding:20px 4px 4px;
}

body.page-garage:not(.auth-page) .mp-main .dossier-section-intro,
body.page-garage:not(.auth-page) .mp-main .dossier-timeline-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin:2px 4px 18px;
}

body.page-garage:not(.auth-page) .mp-main .dossier-section-intro h2,
body.page-garage:not(.auth-page) .mp-main .dossier-panel h2,
body.page-garage:not(.auth-page) .mp-main .dossier-panel h3{
  margin:0;
}

body.page-garage:not(.auth-page) .mp-main .dossier-panel{
  border-radius:24px;
  border-color:color-mix(in srgb,var(--line) 86%,transparent);
  background:
    radial-gradient(circle at 96% 0%,color-mix(in srgb,var(--blue) 7%,transparent),transparent 28%),
    color-mix(in srgb,var(--panel) 92%,transparent);
}

body.page-garage:not(.auth-page) .mp-main .dossier-reminder-stack,
body.page-garage:not(.auth-page) .mp-main .dossier-history-list,
body.page-garage:not(.auth-page) .mp-main .dossier-status-stack{
  margin-top:14px;
}

body.page-garage:not(.auth-page) .mp-main .dossier-reminder-card,
body.page-garage:not(.auth-page) .mp-main .dossier-history-row,
body.page-garage:not(.auth-page) .mp-main .dossier-status-reminder{
  border-radius:18px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.01)),
    color-mix(in srgb,var(--panel-2) 66%,transparent);
  border-color:color-mix(in srgb,var(--line) 86%,transparent);
}

body.page-garage:not(.auth-page) .mp-main .dossier-reminder-card.status-due,
body.page-garage:not(.auth-page) .mp-main .dossier-status-reminder.status-due{
  border-color:color-mix(in srgb,var(--red) 42%,var(--line));
  background:linear-gradient(145deg,color-mix(in srgb,var(--red) 7%,var(--panel-2)),color-mix(in srgb,var(--panel-2) 74%,transparent));
}

body.page-garage:not(.auth-page) .mp-main .dossier-reminder-card.status-soon,
body.page-garage:not(.auth-page) .mp-main .dossier-status-reminder.status-soon{
  border-color:color-mix(in srgb,var(--wm-amber) 42%,var(--line));
  background:linear-gradient(145deg,color-mix(in srgb,var(--wm-amber) 9%,var(--panel-2)),color-mix(in srgb,var(--panel-2) 74%,transparent));
}

body.page-garage:not(.auth-page) .mp-main .dossier-reminder-card.status-ok,
body.page-garage:not(.auth-page) .mp-main .dossier-status-reminder.status-ok{
  border-color:color-mix(in srgb,var(--green) 34%,var(--line));
}

body.page-garage:not(.auth-page) .mp-main .dossier-history-row{
  grid-template-columns:112px minmax(0,1fr) auto auto;
}

body.page-garage:not(.auth-page) .mp-main .dossier-empty{
  display:grid;
  gap:8px;
  align-content:center;
  min-height:150px;
  padding:20px;
  border-radius:20px;
  border:1px dashed color-mix(in srgb,var(--line) 76%,var(--blue) 18%);
  background:
    radial-gradient(circle at 94% 0%,color-mix(in srgb,var(--blue) 8%,transparent),transparent 32%),
    color-mix(in srgb,var(--panel-2) 52%,transparent);
  color:var(--muted);
}

body.page-garage:not(.auth-page) .mp-main .dossier-empty strong{
  color:var(--text);
  font-size:1.05rem;
}

body.page-garage:not(.auth-page) .mp-main .dossier-empty p{
  margin:0;
  max-width:620px;
}

body.page-garage:not(.auth-page) .mp-main .dossier-empty .btn{
  justify-self:start;
  margin-top:4px;
}

body.page-garage:not(.auth-page) .mp-main .dossier-empty-wide{
  grid-column:1/-1;
}

body.page-garage:not(.auth-page) .mp-main .dossier-status-cards{
  margin-top:14px;
}

body.page-garage:not(.auth-page) .mp-main .dossier-status-cards .insurance-card{
  border-radius:18px;
  background:color-mix(in srgb,var(--panel-2) 66%,transparent);
}

body.page-garage:not(.auth-page) .mp-main .dossier-note{
  margin-top:14px;
  padding:13px 14px;
  border-radius:16px;
  border:1px solid color-mix(in srgb,var(--blue) 18%,var(--line));
  background:color-mix(in srgb,var(--blue) 6%,var(--panel-2));
}

body.page-garage:not(.auth-page) .mp-main .dossier-card-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:16px;
}

body.page-garage:not(.auth-page) .mp-main .dossier-doc-card,
body.page-garage:not(.auth-page) .mp-main .dossier-upgrade-card{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  padding:18px;
  border-radius:22px;
  border:1px solid color-mix(in srgb,var(--line) 86%,transparent);
  background:
    linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.01)),
    color-mix(in srgb,var(--panel-2) 62%,transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}

body.page-garage:not(.auth-page) .mp-main .dossier-doc-card small,
body.page-garage:not(.auth-page) .mp-main .dossier-upgrade-card small{
  color:var(--muted);
}

body.page-garage:not(.auth-page) .mp-main .dossier-doc-card .btn{
  justify-self:end;
}

body.page-garage:not(.auth-page) .mp-main .dossier-upgrade-card h3,
body.page-garage:not(.auth-page) .mp-main .dossier-upgrade-meta{
  grid-column:1/-1;
}

body.page-garage:not(.auth-page) .mp-main .dossier-upgrade-card h3{
  margin:0;
  font-size:1.18rem;
}

body.page-garage:not(.auth-page) .mp-main .dossier-upgrade-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}

body.page-garage:not(.auth-page) .mp-main .dossier-upgrade-meta span,
body.page-garage:not(.auth-page) .mp-main .dossier-upgrade-meta strong{
  padding:6px 9px;
  border-radius:999px;
  background:color-mix(in srgb,var(--panel) 68%,transparent);
  border:1px solid color-mix(in srgb,var(--line) 82%,transparent);
  color:var(--text);
  font-size:.84rem;
  font-weight:900;
}

body.page-garage:not(.auth-page) .mp-main .dossier-timeline-list{
  position:relative;
  display:grid;
  gap:12px;
  margin-top:12px;
  padding-left:22px;
}

body.page-garage:not(.auth-page) .mp-main .dossier-timeline-list::before{
  content:"";
  position:absolute;
  left:8px;
  top:8px;
  bottom:8px;
  width:2px;
  border-radius:99px;
  background:linear-gradient(180deg,var(--blue),color-mix(in srgb,var(--wm-amber) 80%,var(--blue)),transparent);
  opacity:.75;
}

body.page-garage:not(.auth-page) .mp-main .dossier-timeline-card{
  position:relative;
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  gap:14px;
  padding:15px 16px;
  border-radius:18px;
  border:1px solid color-mix(in srgb,var(--line) 86%,transparent);
  background:color-mix(in srgb,var(--panel-2) 64%,transparent);
}

body.page-garage:not(.auth-page) .mp-main .dossier-timeline-card::before{
  content:"";
  position:absolute;
  left:-19px;
  top:20px;
  width:10px;
  height:10px;
  border-radius:99px;
  background:var(--blue);
  box-shadow:0 0 0 5px color-mix(in srgb,var(--blue) 18%,transparent),0 0 18px rgba(47,111,218,.35);
}

body.page-garage:not(.auth-page) .mp-main .dossier-timeline-card>span{
  color:var(--muted);
  font-weight:900;
}

body.page-garage:not(.auth-page) .mp-main .dossier-data-grid{
  grid-template-columns:1.1fr .9fr;
}

body.page-garage:not(.auth-page) .mp-main .dossier-data-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:14px;
}

body.page-garage:not(.auth-page) .mp-main .dossier-data-list div,
body.page-garage:not(.auth-page) .mp-main .dossier-cost-row{
  padding:13px;
  border-radius:16px;
  border:1px solid color-mix(in srgb,var(--line) 86%,transparent);
  background:color-mix(in srgb,var(--panel-2) 62%,transparent);
}

body.page-garage:not(.auth-page) .mp-main .dossier-data-list strong{
  display:block;
  margin-top:4px;
  overflow-wrap:anywhere;
}

body.page-garage:not(.auth-page) .mp-main .dossier-quality-list{
  margin-top:14px;
}

html[data-theme="light"] body.page-garage:not(.auth-page) .mp-main .dossier-hero,
html[data-theme="light"] body.page-garage:not(.auth-page) .mp-main .dossier-workspace,
html[data-theme="light"] body.page-garage:not(.auth-page) .mp-main .dossier-panel{
  background:
    radial-gradient(circle at 92% 0%,rgba(47,111,218,.055),transparent 30%),
    linear-gradient(145deg,rgba(255,250,239,.96),rgba(237,225,205,.9));
  border-color:rgba(139,112,72,.36);
  box-shadow:
    0 24px 62px rgba(75,56,28,.15),
    0 0 0 1px rgba(255,255,255,.42),
    inset 0 1px 0 rgba(255,255,255,.66);
}

html[data-theme="light"] body.page-garage:not(.auth-page) .mp-main .dossier-tabs,
html[data-theme="light"] body.page-garage:not(.auth-page) .mp-main .dossier-metrics div,
html[data-theme="light"] body.page-garage:not(.auth-page) .mp-main .dossier-status-grid div,
html[data-theme="light"] body.page-garage:not(.auth-page) .mp-main .dossier-reminder-card,
html[data-theme="light"] body.page-garage:not(.auth-page) .mp-main .dossier-history-row,
html[data-theme="light"] body.page-garage:not(.auth-page) .mp-main .dossier-status-reminder,
html[data-theme="light"] body.page-garage:not(.auth-page) .mp-main .dossier-doc-card,
html[data-theme="light"] body.page-garage:not(.auth-page) .mp-main .dossier-upgrade-card,
html[data-theme="light"] body.page-garage:not(.auth-page) .mp-main .dossier-timeline-card,
html[data-theme="light"] body.page-garage:not(.auth-page) .mp-main .dossier-data-list div,
html[data-theme="light"] body.page-garage:not(.auth-page) .mp-main .dossier-cost-row,
html[data-theme="light"] body.page-garage:not(.auth-page) .mp-main .dossier-empty{
  background:rgba(255,248,235,.7);
  border-color:rgba(130,104,65,.24);
}

html[data-theme="light"] body.page-garage:not(.auth-page) .mp-main .dossier-image{
  border-color:rgba(130,104,65,.32);
}

html[data-theme="light"] body.page-garage:not(.auth-page) .mp-main .dossier-image img{
  filter:saturate(1.04) contrast(1.08) brightness(.98);
}

html[data-theme="light"] body.page-garage:not(.auth-page) .mp-main .dossier-breadcrumb,
html[data-theme="light"] body.page-garage:not(.auth-page) .mp-main .dossier-status-grid span,
html[data-theme="light"] body.page-garage:not(.auth-page) .mp-main .dossier-doc-card span,
html[data-theme="light"] body.page-garage:not(.auth-page) .mp-main .dossier-upgrade-card span,
html[data-theme="light"] body.page-garage:not(.auth-page) .mp-main .dossier-data-list span,
html[data-theme="light"] body.page-garage:not(.auth-page) .mp-main .dossier-empty p,
html[data-theme="light"] body.page-garage:not(.auth-page) .mp-main .dossier-doc-card small,
html[data-theme="light"] body.page-garage:not(.auth-page) .mp-main .dossier-upgrade-card small{
  color:#6f6253;
}

html[data-theme="light"] body.page-garage:not(.auth-page) .mp-main .dossier-empty strong,
html[data-theme="light"] body.page-garage:not(.auth-page) .mp-main .dossier-status-grid strong,
html[data-theme="light"] body.page-garage:not(.auth-page) .mp-main .dossier-data-list strong,
html[data-theme="light"] body.page-garage:not(.auth-page) .mp-main .dossier-panel h2,
html[data-theme="light"] body.page-garage:not(.auth-page) .mp-main .dossier-panel h3{
  color:#15171d;
}

@media(max-width:1120px){
  body.page-garage:not(.auth-page) .mp-main .dossier-head{
    align-items:flex-start;
    flex-direction:column;
  }

  body.page-garage:not(.auth-page) .mp-main .dossier-actions{
    justify-content:flex-start;
  }

  body.page-garage:not(.auth-page) .mp-main .dossier-hero{
    grid-template-columns:1fr;
  }

  body.page-garage:not(.auth-page) .mp-main .dossier-image{
    min-height:280px;
  }

  body.page-garage:not(.auth-page) .mp-main .dossier-service-grid,
  body.page-garage:not(.auth-page) .mp-main .dossier-insurance-grid,
  body.page-garage:not(.auth-page) .mp-main .dossier-data-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:760px){
  body.page-garage:not(.auth-page) .mp-main .dossier-metrics,
  body.page-garage:not(.auth-page) .mp-main .dossier-status-grid,
  body.page-garage:not(.auth-page) .mp-main .dossier-card-grid,
  body.page-garage:not(.auth-page) .mp-main .dossier-data-list,
  body.page-garage:not(.auth-page) .mp-main .dossier-doc-card,
  body.page-garage:not(.auth-page) .mp-main .dossier-upgrade-card{
    grid-template-columns:1fr;
  }

  body.page-garage:not(.auth-page) .mp-main .dossier-hero-copy{
    padding:20px;
  }

  body.page-garage:not(.auth-page) .mp-main .dossier-section-intro,
  body.page-garage:not(.auth-page) .mp-main .dossier-timeline-head{
    align-items:flex-start;
    flex-direction:column;
  }

  body.page-garage:not(.auth-page) .mp-main .dossier-history-row,
  body.page-garage:not(.auth-page) .mp-main .dossier-timeline-card{
    grid-template-columns:1fr;
  }

  body.page-garage:not(.auth-page) .mp-main .dossier-reminder-card,
  body.page-garage:not(.auth-page) .mp-main .dossier-status-reminder{
    grid-template-columns:48px minmax(0,1fr);
  }

  body.page-garage:not(.auth-page) .mp-main .dossier-reminder-card .btn,
  body.page-garage:not(.auth-page) .mp-main .dossier-status-reminder form{
    grid-column:1/-1;
  }
}

/* =========================================================
   Wrenchmate Invoice Import Assistant - premium receipt flow
   ========================================================= */

body.page-invoice:not(.auth-page) .mp-main .invoice-import-page{
  max-width:1180px;
  margin:0 auto;
}

html[data-theme="light"] body.page-invoice:not(.auth-page) .app-bg::before{
  opacity:.68;
  filter:brightness(.95) contrast(1.13) saturate(.98);
}

html[data-theme="light"] body.page-invoice:not(.auth-page) .app-bg::after{
  background:
    radial-gradient(circle at 78% 8%,rgba(47,111,218,.08),transparent 25%),
    radial-gradient(circle at 14% 92%,rgba(151,108,52,.075),transparent 24%),
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(213,191,158,.16));
}

body.page-invoice:not(.auth-page) .mp-main .invoice-import-shell{
  display:grid;
  grid-template-columns:minmax(0,1fr) 340px;
  gap:22px;
  align-items:start;
}

body.page-invoice:not(.auth-page) .mp-main .invoice-import-card,
body.page-invoice:not(.auth-page) .mp-main .invoice-import-compass{
  border-radius:28px;
  border:1px solid color-mix(in srgb,var(--line) 84%,var(--blue) 12%);
  background:
    radial-gradient(circle at 92% 0%,color-mix(in srgb,var(--blue) 8%,transparent),transparent 30%),
    linear-gradient(145deg,color-mix(in srgb,var(--panel) 94%,transparent),color-mix(in srgb,var(--panel-2) 78%,transparent));
  box-shadow:0 24px 68px rgba(0,0,0,.17),inset 0 1px 0 rgba(255,255,255,.09);
}

body.page-invoice:not(.auth-page) .mp-main .invoice-import-card{
  display:grid;
  gap:16px;
  padding:24px;
}

body.page-invoice:not(.auth-page) .mp-main .invoice-import-card-head{
  display:flex;
  gap:14px;
  align-items:flex-start;
  padding:4px 2px 18px;
  border-bottom:1px solid color-mix(in srgb,var(--line) 84%,transparent);
}

body.page-invoice:not(.auth-page) .mp-main .invoice-import-icon,
body.page-invoice:not(.auth-page) .mp-main .invoice-dropzone-badge{
  width:48px;
  height:48px;
  border-radius:16px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  color:var(--blue-2);
  background:color-mix(in srgb,var(--blue) 14%,var(--panel-2));
  border:1px solid color-mix(in srgb,var(--blue) 22%,transparent);
  font-size:.78rem;
  font-weight:950;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}

body.page-invoice:not(.auth-page) .mp-main .invoice-import-card-head strong{
  display:block;
  font-size:1.45rem;
  line-height:1.1;
}

body.page-invoice:not(.auth-page) .mp-main .invoice-import-card-head small{
  display:block;
  margin-top:5px;
  color:var(--muted);
  line-height:1.55;
}

body.page-invoice:not(.auth-page) .mp-main .invoice-import-step{
  display:grid;
  gap:16px;
  padding:18px;
  border-radius:22px;
  border:1px solid color-mix(in srgb,var(--line) 86%,transparent);
  background:
    linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.01)),
    color-mix(in srgb,var(--panel-2) 42%,transparent);
}

body.page-invoice:not(.auth-page) .mp-main .invoice-import-step-head{
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  gap:12px;
  align-items:start;
}

body.page-invoice:not(.auth-page) .mp-main .invoice-import-step-head b{
  width:36px;
  height:36px;
  border-radius:14px;
  display:grid;
  place-items:center;
  color:var(--blue-2);
  background:color-mix(in srgb,var(--blue) 14%,var(--panel-2));
  font-size:.78rem;
  font-weight:950;
}

body.page-invoice:not(.auth-page) .mp-main .invoice-import-step-head strong{
  display:block;
  font-size:1.08rem;
}

body.page-invoice:not(.auth-page) .mp-main .invoice-import-step-head small,
body.page-invoice:not(.auth-page) .mp-main .invoice-mode-native small{
  display:block;
  margin-top:4px;
  color:var(--muted);
  line-height:1.5;
}

body.page-invoice:not(.auth-page) .mp-main .invoice-dropzone{
  display:grid;
  grid-template-columns:56px minmax(0,1fr);
  gap:16px;
  align-items:center;
  min-height:158px;
  padding:20px;
  border-radius:24px;
  border:1px dashed color-mix(in srgb,var(--blue) 44%,var(--line));
  background:
    radial-gradient(circle at 92% 8%,color-mix(in srgb,var(--blue) 13%,transparent),transparent 32%),
    color-mix(in srgb,var(--panel) 52%,var(--panel-2));
  box-shadow:0 0 28px rgba(47,111,218,.08),inset 0 1px 0 rgba(255,255,255,.1);
  cursor:pointer;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .18s ease;
}

body.page-invoice:not(.auth-page) .mp-main .invoice-dropzone:hover,
body.page-invoice:not(.auth-page) .mp-main .invoice-dropzone.is-dragging,
body.page-invoice:not(.auth-page) .mp-main .invoice-dropzone.has-file{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--blue) 72%,transparent);
  box-shadow:0 18px 42px rgba(0,0,0,.12),0 0 30px rgba(47,111,218,.14),inset 0 1px 0 rgba(255,255,255,.14);
}

body.page-invoice:not(.auth-page) .mp-main .invoice-dropzone-copy strong{
  display:block;
  font-size:1.15rem;
}

body.page-invoice:not(.auth-page) .mp-main .invoice-dropzone-copy span,
body.page-invoice:not(.auth-page) .mp-main .invoice-dropzone-copy small{
  display:block;
  margin-top:4px;
  color:var(--muted);
}

body.page-invoice:not(.auth-page) .mp-main .invoice-dropzone-copy small{
  font-weight:900;
  color:var(--blue-2);
}

body.page-invoice:not(.auth-page) .mp-main .invoice-dropzone input[type="file"]{
  grid-column:2;
  width:100%;
  margin-top:8px;
  min-height:42px;
  padding:9px;
  border-radius:14px;
  background:color-mix(in srgb,var(--panel-2) 72%,transparent);
  border:1px solid color-mix(in srgb,var(--line) 84%,transparent);
  color:var(--text);
}

body.page-invoice:not(.auth-page) .mp-main .invoice-head-fields{
  align-items:start;
}

body.page-invoice:not(.auth-page) .mp-main .invoice-head-fields .flow-field small{
  padding:10px 12px;
  border-radius:13px;
  color:var(--muted);
  background:color-mix(in srgb,var(--blue) 5%,var(--panel-2));
  border:1px solid color-mix(in srgb,var(--blue) 14%,var(--line));
}

body.page-invoice:not(.auth-page) .mp-main .invoice-head-fields input,
body.page-invoice:not(.auth-page) .mp-main .invoice-head-fields select,
body.page-invoice:not(.auth-page) .mp-main .invoice-raw-text-field textarea,
body.page-invoice:not(.auth-page) .mp-main .invoice-mode-native select{
  border-radius:16px;
  background:color-mix(in srgb,var(--panel) 72%,var(--panel-2));
  border-color:color-mix(in srgb,var(--line) 88%,transparent);
}

body.page-invoice:not(.auth-page) .mp-main .invoice-mode-panel{
  display:grid;
  gap:12px;
}

body.page-invoice:not(.auth-page) .mp-main .invoice-mode-native{
  display:grid;
  gap:7px;
  padding:14px;
  border-radius:18px;
  background:color-mix(in srgb,var(--panel-2) 48%,transparent);
  border:1px solid color-mix(in srgb,var(--line) 84%,transparent);
}

body.page-invoice:not(.auth-page) .mp-main .invoice-mode-native>span{
  color:var(--muted);
  font-size:.72rem;
  font-weight:950;
  text-transform:uppercase;
}

body.page-invoice:not(.auth-page) .mp-main .invoice-mode-cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

body.page-invoice:not(.auth-page) .mp-main .invoice-mode-card{
  min-height:142px;
  padding:15px;
  border-radius:18px;
  border:1px solid color-mix(in srgb,var(--line) 86%,transparent);
  background:
    linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.01)),
    color-mix(in srgb,var(--panel-2) 62%,transparent);
  color:var(--text);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  text-align:left;
  gap:8px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}

body.page-invoice:not(.auth-page) .mp-main .invoice-mode-card strong{
  font-size:1rem;
  line-height:1.2;
}

body.page-invoice:not(.auth-page) .mp-main .invoice-mode-card span{
  color:var(--muted);
  line-height:1.45;
}

body.page-invoice:not(.auth-page) .mp-main .invoice-mode-card small{
  margin-top:auto;
  padding:5px 8px;
  border-radius:999px;
  color:var(--blue-2);
  background:color-mix(in srgb,var(--blue) 10%,transparent);
  border:1px solid color-mix(in srgb,var(--blue) 18%,transparent);
  font-size:.7rem;
  font-weight:950;
  text-transform:uppercase;
}

body.page-invoice:not(.auth-page) .mp-main .invoice-mode-card:hover,
body.page-invoice:not(.auth-page) .mp-main .invoice-mode-card:focus-visible,
body.page-invoice:not(.auth-page) .mp-main .invoice-mode-card.is-selected{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--blue) 58%,transparent);
  background:
    radial-gradient(circle at 90% 0%,color-mix(in srgb,var(--blue) 15%,transparent),transparent 34%),
    color-mix(in srgb,var(--blue) 8%,var(--panel-2));
  box-shadow:0 16px 36px rgba(0,0,0,.13),0 0 24px rgba(47,111,218,.13),inset 3px 0 0 var(--blue);
}

body.page-invoice:not(.auth-page) .mp-main .invoice-raw-text-field{
  display:grid;
  gap:8px;
}

body.page-invoice:not(.auth-page) .mp-main .invoice-raw-text-field textarea{
  min-height:150px;
  opacity:.88;
}

body.page-invoice:not(.auth-page) .mp-main .invoice-import-actions{
  align-items:center;
  justify-content:flex-end;
  margin-top:0;
}

body.page-invoice:not(.auth-page) .mp-main .invoice-submit{
  min-width:190px;
  min-height:46px;
  border-radius:15px;
  box-shadow:0 16px 34px rgba(47,111,218,.25),0 0 22px rgba(47,111,218,.17);
}

body.page-invoice:not(.auth-page) .mp-main .invoice-cancel{
  color:var(--muted);
  background:transparent;
  border-color:color-mix(in srgb,var(--line) 78%,transparent);
}

body.page-invoice:not(.auth-page) .mp-main .invoice-import-compass{
  position:sticky;
  top:28px;
  display:grid;
  gap:16px;
  padding:24px;
}

body.page-invoice:not(.auth-page) .mp-main .invoice-import-compass h2{
  margin:0;
  font-size:1.7rem;
  line-height:1.08;
}

body.page-invoice:not(.auth-page) .mp-main .invoice-import-compass p{
  margin:0;
  color:var(--muted);
}

body.page-invoice:not(.auth-page) .mp-main .invoice-compass-steps{
  display:grid;
  gap:9px;
}

body.page-invoice:not(.auth-page) .mp-main .invoice-compass-steps div{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:10px;
  align-items:center;
  padding:11px 12px;
  border-radius:15px;
  border:1px solid color-mix(in srgb,var(--line) 86%,transparent);
  background:color-mix(in srgb,var(--panel-2) 58%,transparent);
}

body.page-invoice:not(.auth-page) .mp-main .invoice-compass-steps b{
  width:28px;
  height:28px;
  border-radius:10px;
  display:grid;
  place-items:center;
  color:var(--blue-2);
  background:color-mix(in srgb,var(--blue) 12%,transparent);
  font-size:.72rem;
}

body.page-invoice:not(.auth-page) .mp-main .invoice-mode-note,
body.page-invoice:not(.auth-page) .mp-main .invoice-trust-note{
  padding:16px;
  border-radius:18px;
  border:1px solid color-mix(in srgb,var(--line) 84%,transparent);
  background:color-mix(in srgb,var(--panel-2) 58%,transparent);
}

body.page-invoice:not(.auth-page) .mp-main .invoice-mode-note strong,
body.page-invoice:not(.auth-page) .mp-main .invoice-trust-note strong{
  display:block;
  margin-bottom:8px;
}

body.page-invoice:not(.auth-page) .mp-main .invoice-mode-note small{
  display:block;
  margin-top:10px;
  color:var(--muted);
  font-weight:900;
}

body.page-invoice:not(.auth-page) .mp-main .invoice-trust-note{
  border-color:color-mix(in srgb,var(--green) 28%,var(--line));
  background:color-mix(in srgb,var(--green) 7%,var(--panel-2));
}

html[data-theme="light"] body.page-invoice:not(.auth-page) .mp-main .invoice-import-card,
html[data-theme="light"] body.page-invoice:not(.auth-page) .mp-main .invoice-import-compass{
  background:
    radial-gradient(circle at 92% 0%,rgba(47,111,218,.055),transparent 30%),
    linear-gradient(145deg,rgba(255,250,239,.96),rgba(237,225,205,.9));
  border-color:rgba(139,112,72,.36);
  box-shadow:
    0 24px 62px rgba(75,56,28,.15),
    0 0 0 1px rgba(255,255,255,.42),
    inset 0 1px 0 rgba(255,255,255,.66);
}

html[data-theme="light"] body.page-invoice:not(.auth-page) .mp-main .invoice-import-step,
html[data-theme="light"] body.page-invoice:not(.auth-page) .mp-main .invoice-dropzone,
html[data-theme="light"] body.page-invoice:not(.auth-page) .mp-main .invoice-mode-native,
html[data-theme="light"] body.page-invoice:not(.auth-page) .mp-main .invoice-mode-card,
html[data-theme="light"] body.page-invoice:not(.auth-page) .mp-main .invoice-compass-steps div,
html[data-theme="light"] body.page-invoice:not(.auth-page) .mp-main .invoice-mode-note,
html[data-theme="light"] body.page-invoice:not(.auth-page) .mp-main .invoice-trust-note{
  background:rgba(255,248,235,.72);
  border-color:rgba(130,104,65,.24);
}

html[data-theme="light"] body.page-invoice:not(.auth-page) .mp-main .invoice-head-fields input,
html[data-theme="light"] body.page-invoice:not(.auth-page) .mp-main .invoice-head-fields select,
html[data-theme="light"] body.page-invoice:not(.auth-page) .mp-main .invoice-raw-text-field textarea,
html[data-theme="light"] body.page-invoice:not(.auth-page) .mp-main .invoice-mode-native select,
html[data-theme="light"] body.page-invoice:not(.auth-page) .mp-main .invoice-dropzone input[type="file"]{
  background:rgba(255,252,244,.86);
  border-color:rgba(130,104,65,.28);
  color:#15171d;
}

html[data-theme="light"] body.page-invoice:not(.auth-page) .mp-main .invoice-import-step-head small,
html[data-theme="light"] body.page-invoice:not(.auth-page) .mp-main .invoice-dropzone-copy span,
html[data-theme="light"] body.page-invoice:not(.auth-page) .mp-main .invoice-mode-card span,
html[data-theme="light"] body.page-invoice:not(.auth-page) .mp-main .invoice-import-compass p,
html[data-theme="light"] body.page-invoice:not(.auth-page) .mp-main .invoice-mode-note small{
  color:#6f6253;
}

html[data-theme="light"] body.page-invoice:not(.auth-page) .mp-main .invoice-import-card-head strong,
html[data-theme="light"] body.page-invoice:not(.auth-page) .mp-main .invoice-import-step-head strong,
html[data-theme="light"] body.page-invoice:not(.auth-page) .mp-main .invoice-dropzone-copy strong,
html[data-theme="light"] body.page-invoice:not(.auth-page) .mp-main .invoice-mode-card strong,
html[data-theme="light"] body.page-invoice:not(.auth-page) .mp-main .invoice-import-compass h2,
html[data-theme="light"] body.page-invoice:not(.auth-page) .mp-main .invoice-mode-note strong,
html[data-theme="light"] body.page-invoice:not(.auth-page) .mp-main .invoice-trust-note strong{
  color:#15171d;
}

@media(max-width:1120px){
  body.page-invoice:not(.auth-page) .mp-main .invoice-import-shell{
    grid-template-columns:1fr;
  }

  body.page-invoice:not(.auth-page) .mp-main .invoice-import-compass{
    position:relative;
    top:auto;
  }
}

@media(max-width:760px){
  body.page-invoice:not(.auth-page) .mp-main .invoice-dropzone,
  body.page-invoice:not(.auth-page) .mp-main .invoice-mode-cards{
    grid-template-columns:1fr;
  }

  body.page-invoice:not(.auth-page) .mp-main .invoice-dropzone input[type="file"]{
    grid-column:1;
  }

  body.page-invoice:not(.auth-page) .mp-main .invoice-import-actions{
    flex-direction:column-reverse;
    align-items:stretch;
  }

  body.page-invoice:not(.auth-page) .mp-main .invoice-import-actions .button{
    width:100%;
  }
}

/* =========================================================
   Wrenchmate Upgrade Workflow - premium build journal
   ========================================================= */

body:not(.auth-page) .mp-main .upgrade-workflow-page{
  max-width:1220px;
}

html[data-theme="light"] body:has(.upgrade-workflow-page):not(.auth-page) .app-bg::before{
  opacity:.68;
  filter:brightness(.95) contrast(1.14) saturate(.98);
}

html[data-theme="light"] body:has(.upgrade-workflow-page):not(.auth-page) .app-bg::after{
  background:
    radial-gradient(circle at 78% 8%,rgba(47,111,218,.08),transparent 25%),
    radial-gradient(circle at 16% 90%,rgba(186,126,34,.09),transparent 24%),
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(213,191,158,.16));
}

body:not(.auth-page) .mp-main .upgrade-context-card{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) minmax(160px,auto);
  gap:14px;
  align-items:center;
  margin-bottom:18px;
  padding:16px 18px;
  border-radius:22px;
  background:
    radial-gradient(circle at 92% 0%,color-mix(in srgb,var(--wm-amber) 12%,transparent),transparent 32%),
    linear-gradient(145deg,color-mix(in srgb,var(--panel) 94%,transparent),color-mix(in srgb,var(--panel-2) 82%,transparent));
  border:1px solid color-mix(in srgb,var(--line) 78%,var(--wm-amber) 18%);
  box-shadow:0 18px 46px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.1);
}

body:not(.auth-page) .mp-main .upgrade-context-icon{
  width:48px;
  height:48px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:color-mix(in srgb,var(--wm-amber) 16%,var(--panel-2));
  color:var(--wm-amber);
  font-weight:950;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}

body:not(.auth-page) .mp-main .upgrade-context-main span,
body:not(.auth-page) .mp-main .upgrade-context-meter span,
body:not(.auth-page) .mp-main .upgrade-summary-grid span,
body:not(.auth-page) .mp-main .upgrade-cost-card span{
  display:block;
  color:var(--muted);
  font-size:.72rem;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em!important;
}

body:not(.auth-page) .mp-main .upgrade-context-main strong{
  display:block;
  margin-top:4px;
  font-size:1.25rem;
  line-height:1.1;
}

body:not(.auth-page) .mp-main .upgrade-context-main small{
  display:block;
  margin-top:3px;
  color:var(--muted);
}

body:not(.auth-page) .mp-main .upgrade-context-meter{
  padding:12px 14px;
  border-radius:16px;
  background:color-mix(in srgb,var(--panel-2) 76%,transparent);
  border:1px solid var(--line);
}

body:not(.auth-page) .mp-main .upgrade-context-meter strong{
  display:block;
  margin-top:4px;
  font-size:1.05rem;
}

body:not(.auth-page) .mp-main .upgrade-workflow-shell{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:24px;
  align-items:start;
}

body:not(.auth-page) .mp-main .upgrade-workflow-form{
  display:grid;
  gap:16px;
  padding:24px;
  border-radius:28px;
  border-color:color-mix(in srgb,var(--line) 80%,var(--wm-amber) 14%);
  background:
    radial-gradient(circle at 94% 0%,color-mix(in srgb,var(--wm-amber) 8%,transparent),transparent 30%),
    linear-gradient(145deg,color-mix(in srgb,var(--panel) 94%,transparent),color-mix(in srgb,var(--panel-2) 78%,transparent));
}

body:not(.auth-page) .mp-main .upgrade-form-head{
  display:flex;
  gap:14px;
  align-items:flex-start;
  padding:6px 2px 18px;
  border-bottom:1px solid var(--line);
}

body:not(.auth-page) .mp-main .upgrade-form-head .workflow-icon{
  background:color-mix(in srgb,var(--wm-amber) 15%,var(--panel-2));
  color:var(--wm-amber);
  box-shadow:0 12px 26px color-mix(in srgb,var(--wm-amber) 18%,transparent);
}

body:not(.auth-page) .mp-main .upgrade-form-head strong{
  display:block;
  font-size:1.45rem;
  line-height:1.08;
}

body:not(.auth-page) .mp-main .upgrade-form-head small{
  display:block;
  margin-top:5px;
  color:var(--muted);
  line-height:1.55;
}

body:not(.auth-page) .mp-main .upgrade-step{
  position:relative;
  display:grid;
  gap:16px;
  padding:18px;
  border:1px solid color-mix(in srgb,var(--line) 88%,transparent);
  border-radius:22px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.035),transparent 46%),
    color-mix(in srgb,var(--panel-2) 42%,transparent);
}

body:not(.auth-page) .mp-main .upgrade-step-head{
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  gap:12px;
  align-items:start;
}

body:not(.auth-page) .mp-main .upgrade-step-head b{
  width:36px;
  height:36px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:color-mix(in srgb,var(--wm-amber) 16%,var(--panel-2));
  color:var(--wm-amber);
  font-size:.78rem;
  font-weight:950;
}

body:not(.auth-page) .mp-main .upgrade-step-head strong{
  display:block;
  font-size:1.08rem;
}

body:not(.auth-page) .mp-main .upgrade-step-head small{
  display:block;
  margin-top:4px;
  color:var(--muted);
  line-height:1.5;
}

body:not(.auth-page) .mp-main .upgrade-step-grid{
  display:grid;
  gap:14px;
}

body:not(.auth-page) .mp-main .upgrade-step-grid.two{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

body:not(.auth-page) .mp-main .upgrade-step-grid .field-full{
  grid-column:1/-1;
}

body:not(.auth-page) .mp-main .upgrade-field input,
body:not(.auth-page) .mp-main .upgrade-field select,
body:not(.auth-page) .mp-main .upgrade-field textarea,
body:not(.auth-page) .mp-main .upgrade-title-field input,
body:not(.auth-page) .mp-main .field-invoices select{
  border-radius:16px;
  background:color-mix(in srgb,var(--panel) 72%,var(--panel-2));
  border-color:color-mix(in srgb,var(--line) 88%,transparent);
}

body:not(.auth-page) .mp-main .upgrade-title-field{
  padding:16px;
  border-radius:20px;
  background:
    radial-gradient(circle at 92% 0%,color-mix(in srgb,var(--blue) 9%,transparent),transparent 32%),
    color-mix(in srgb,var(--panel-2) 50%,transparent);
  border:1px solid color-mix(in srgb,var(--blue) 20%,var(--line));
}

body:not(.auth-page) .mp-main .upgrade-title-field input{
  min-height:58px;
  font-size:1.06rem;
  font-weight:850;
}

body:not(.auth-page) .mp-main .upgrade-title-field small{
  color:var(--muted);
}

body:not(.auth-page) .mp-main .upgrade-category-field{
  display:grid;
  gap:10px;
}

body:not(.auth-page) .mp-main .upgrade-category-native select{
  min-height:48px;
}

body:not(.auth-page) .mp-main .upgrade-category-cards{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

body:not(.auth-page) .mp-main .upgrade-category-card{
  min-height:112px;
  padding:14px;
  border-radius:18px;
  border:1px solid color-mix(in srgb,var(--line) 86%,transparent);
  background:
    linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.01)),
    color-mix(in srgb,var(--panel-2) 62%,transparent);
  color:var(--text);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  text-align:left;
  gap:8px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}

body:not(.auth-page) .mp-main .upgrade-category-card strong{
  font-size:1rem;
  line-height:1.2;
}

body:not(.auth-page) .mp-main .upgrade-category-card span{
  color:var(--muted);
  line-height:1.42;
}

body:not(.auth-page) .mp-main .upgrade-category-card:hover,
body:not(.auth-page) .mp-main .upgrade-category-card:focus-visible,
body:not(.auth-page) .mp-main .upgrade-category-card.is-selected{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--wm-amber) 55%,var(--line));
  background:
    radial-gradient(circle at 90% 0%,color-mix(in srgb,var(--wm-amber) 14%,transparent),transparent 34%),
    color-mix(in srgb,var(--wm-amber) 8%,var(--panel-2));
  box-shadow:0 16px 36px rgba(0,0,0,.13),0 0 24px color-mix(in srgb,var(--wm-amber) 13%,transparent),inset 3px 0 0 var(--wm-amber);
}

body:not(.auth-page) .mp-main .upgrade-invoice-grid{
  display:grid;
  gap:14px;
}

body:not(.auth-page) .mp-main .upgrade-item-toolbar{
  justify-content:flex-start;
  margin:0 0 12px;
}

body:not(.auth-page) .mp-main .upgrade-item-picker{
  min-height:210px;
  border-radius:22px;
  background:color-mix(in srgb,var(--panel-2) 46%,transparent);
}

body:not(.auth-page) .mp-main .upgrade-cost-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:18px;
  border-radius:20px;
  border:1px solid color-mix(in srgb,var(--wm-amber) 30%,var(--line));
  background:
    radial-gradient(circle at 92% 0%,color-mix(in srgb,var(--wm-amber) 15%,transparent),transparent 34%),
    color-mix(in srgb,var(--panel-2) 66%,transparent);
}

body:not(.auth-page) .mp-main .upgrade-cost-card strong{
  display:block;
  margin-top:6px;
  font-size:2rem;
  line-height:1;
}

body:not(.auth-page) .mp-main .upgrade-cost-card small{
  display:block;
  margin-top:6px;
  color:var(--muted);
}

body:not(.auth-page) .mp-main .upgrade-cost-hidden{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  opacity:0;
  pointer-events:none;
}

body:not(.auth-page) .mp-main .upgrade-compass-panel{
  position:sticky;
  top:28px;
  display:grid;
  gap:16px;
  border-radius:28px;
  border-color:color-mix(in srgb,var(--line) 78%,var(--wm-amber) 18%);
  background:
    radial-gradient(circle at 92% 0%,color-mix(in srgb,var(--wm-amber) 8%,transparent),transparent 30%),
    linear-gradient(145deg,color-mix(in srgb,var(--panel) 94%,transparent),color-mix(in srgb,var(--panel-2) 78%,transparent));
}

body:not(.auth-page) .mp-main .upgrade-compass-panel h2{
  margin:0;
  font-size:1.7rem;
  line-height:1.08;
}

body:not(.auth-page) .mp-main .upgrade-compass-panel p{
  margin:0;
  color:var(--muted);
}

body:not(.auth-page) .mp-main .upgrade-summary-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

body:not(.auth-page) .mp-main .upgrade-summary-grid div{
  padding:13px;
  border-radius:16px;
  border:1px solid var(--line);
  background:color-mix(in srgb,var(--panel-2) 72%,transparent);
  min-width:0;
}

body:not(.auth-page) .mp-main .upgrade-summary-grid strong{
  display:block;
  margin-top:5px;
  font-size:.98rem;
  line-height:1.18;
  overflow-wrap:anywhere;
}

body:not(.auth-page) .mp-main .upgrade-checklist{
  display:grid;
  gap:9px;
}

body:not(.auth-page) .mp-main .upgrade-checklist div{
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  gap:10px;
  align-items:center;
  padding:11px 12px;
  border-radius:15px;
  border:1px solid var(--line);
  background:color-mix(in srgb,var(--panel-2) 56%,transparent);
  color:var(--muted);
}

body:not(.auth-page) .mp-main .upgrade-checklist b{
  width:28px;
  height:28px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:color-mix(in srgb,var(--wm-amber) 15%,transparent);
  color:var(--wm-amber);
  font-size:.72rem;
}

body:not(.auth-page) .mp-main .upgrade-checklist div.is-complete{
  color:var(--text);
  border-color:color-mix(in srgb,var(--green) 34%,var(--line));
  background:color-mix(in srgb,var(--green) 8%,var(--panel-2));
}

body:not(.auth-page) .mp-main .upgrade-checklist div.is-complete b{
  background:color-mix(in srgb,var(--green) 18%,transparent);
  color:var(--green);
}

body:not(.auth-page) .mp-main .upgrade-actions{
  align-items:center;
  justify-content:flex-end;
  padding-top:4px;
}

body:not(.auth-page) .mp-main .upgrade-submit{
  min-width:190px;
  min-height:46px;
  border-radius:15px;
  box-shadow:0 16px 34px rgba(47,111,218,.25),0 0 22px rgba(47,111,218,.17);
}

body:not(.auth-page) .mp-main .upgrade-cancel{
  color:var(--muted);
  background:transparent;
  border-color:color-mix(in srgb,var(--line) 78%,transparent);
}

html[data-theme="light"] body:not(.auth-page) .mp-main .upgrade-context-card,
html[data-theme="light"] body:not(.auth-page) .mp-main .upgrade-workflow-form,
html[data-theme="light"] body:not(.auth-page) .mp-main .upgrade-compass-panel{
  background:
    radial-gradient(circle at 92% 0%,rgba(186,126,34,.07),transparent 30%),
    linear-gradient(145deg,rgba(255,250,239,.96),rgba(237,225,205,.9));
  border-color:rgba(139,112,72,.36);
  box-shadow:
    0 24px 62px rgba(75,56,28,.15),
    0 0 0 1px rgba(255,255,255,.42),
    inset 0 1px 0 rgba(255,255,255,.66);
}

html[data-theme="light"] body:not(.auth-page) .mp-main .upgrade-step,
html[data-theme="light"] body:not(.auth-page) .mp-main .upgrade-context-meter,
html[data-theme="light"] body:not(.auth-page) .mp-main .upgrade-title-field,
html[data-theme="light"] body:not(.auth-page) .mp-main .upgrade-category-card,
html[data-theme="light"] body:not(.auth-page) .mp-main .upgrade-item-picker,
html[data-theme="light"] body:not(.auth-page) .mp-main .upgrade-cost-card,
html[data-theme="light"] body:not(.auth-page) .mp-main .upgrade-summary-grid div,
html[data-theme="light"] body:not(.auth-page) .mp-main .upgrade-checklist div{
  background:rgba(255,248,235,.72);
  border-color:rgba(130,104,65,.24);
}

html[data-theme="light"] body:not(.auth-page) .mp-main .upgrade-field input,
html[data-theme="light"] body:not(.auth-page) .mp-main .upgrade-field select,
html[data-theme="light"] body:not(.auth-page) .mp-main .upgrade-field textarea,
html[data-theme="light"] body:not(.auth-page) .mp-main .upgrade-title-field input,
html[data-theme="light"] body:not(.auth-page) .mp-main .field-invoices select{
  background:rgba(255,252,244,.86);
  border-color:rgba(130,104,65,.28);
  color:#15171d;
}

html[data-theme="light"] body:not(.auth-page) .mp-main .upgrade-context-main span,
html[data-theme="light"] body:not(.auth-page) .mp-main .upgrade-context-meter span,
html[data-theme="light"] body:not(.auth-page) .mp-main .upgrade-step-head small,
html[data-theme="light"] body:not(.auth-page) .mp-main .upgrade-category-card span,
html[data-theme="light"] body:not(.auth-page) .mp-main .upgrade-compass-panel p,
html[data-theme="light"] body:not(.auth-page) .mp-main .upgrade-cost-card small,
html[data-theme="light"] body:not(.auth-page) .mp-main .upgrade-summary-grid span{
  color:#6f6253;
}

html[data-theme="light"] body:not(.auth-page) .mp-main .upgrade-context-main strong,
html[data-theme="light"] body:not(.auth-page) .mp-main .upgrade-context-meter strong,
html[data-theme="light"] body:not(.auth-page) .mp-main .upgrade-step-head strong,
html[data-theme="light"] body:not(.auth-page) .mp-main .upgrade-category-card strong,
html[data-theme="light"] body:not(.auth-page) .mp-main .upgrade-compass-panel h2,
html[data-theme="light"] body:not(.auth-page) .mp-main .upgrade-cost-card strong,
html[data-theme="light"] body:not(.auth-page) .mp-main .upgrade-summary-grid strong{
  color:#15171d;
}

@media(max-width:1180px){
  body:not(.auth-page) .mp-main .upgrade-workflow-shell{
    grid-template-columns:1fr;
  }

  body:not(.auth-page) .mp-main .upgrade-compass-panel{
    position:relative;
    top:auto;
  }
}

@media(max-width:760px){
  body:not(.auth-page) .mp-main .upgrade-context-card,
  body:not(.auth-page) .mp-main .upgrade-step-grid.two,
  body:not(.auth-page) .mp-main .upgrade-category-cards,
  body:not(.auth-page) .mp-main .upgrade-summary-grid{
    grid-template-columns:1fr;
  }

  body:not(.auth-page) .mp-main .upgrade-workflow-form,
  body:not(.auth-page) .mp-main .upgrade-step{
    padding:18px;
  }

  body:not(.auth-page) .mp-main .upgrade-actions{
    flex-direction:column-reverse;
    align-items:stretch;
  }

  body:not(.auth-page) .mp-main .upgrade-actions .btn{
    width:100%;
  }
}

/* pre-Alpha V1.0.7 cost intelligence cockpit */
body.page-costs:not(.auth-page) .mp-main .cost-intelligence-page{
  max-width:1280px;
  --cost-card-bg:linear-gradient(145deg,color-mix(in srgb,var(--panel) 94%,transparent),color-mix(in srgb,var(--panel-2) 80%,transparent));
  --cost-card-border:color-mix(in srgb,var(--line) 78%,rgba(47,111,218,.2));
  --cost-soft:color-mix(in srgb,var(--panel-2) 62%,transparent);
  --cost-blue:#2f6fda;
  --cost-amber:#d8a03a;
  --cost-steel:#7c899b;
  --cost-cyan:#22c7e8;
  --cost-emerald:#16b981;
  --cost-red:#e35d6a;
}

body.page-costs:not(.auth-page) .mp-main .cost-cockpit-head{
  align-items:flex-end;
  margin-bottom:24px;
}

body.page-costs:not(.auth-page) .mp-main .cost-cockpit-head h1{
  letter-spacing:0;
}

body.page-costs:not(.auth-page) .mp-main .cost-cockpit-head .mp-subtitle{
  max-width:680px;
}

body.page-costs:not(.auth-page) .mp-main .cost-head-actions{
  justify-content:flex-end;
}

body.page-costs:not(.auth-page) .mp-main .cost-export-form{
  padding:6px;
  border:1px solid color-mix(in srgb,var(--line) 82%,transparent);
  border-radius:18px;
  background:color-mix(in srgb,var(--panel-2) 54%,transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}

body.page-costs:not(.auth-page) .mp-main .cost-export-form select,
body.page-costs:not(.auth-page) .mp-main .cost-export-button{
  min-height:40px;
  border-radius:13px;
}

body.page-costs:not(.auth-page) .mp-main .cost-export-button{
  color:var(--muted);
  background:transparent;
  border-color:color-mix(in srgb,var(--line) 80%,transparent);
}

body.page-costs:not(.auth-page) .mp-main .cost-export-button:hover,
body.page-costs:not(.auth-page) .mp-main .cost-export-button:focus-visible{
  color:var(--text);
  border-color:color-mix(in srgb,var(--cost-blue) 32%,var(--line));
  background:color-mix(in srgb,var(--cost-blue) 8%,transparent);
}

body.page-costs:not(.auth-page) .mp-main .cost-upload-cta{
  min-height:46px;
  border-radius:15px;
  box-shadow:0 16px 34px rgba(47,111,218,.25),0 0 22px rgba(47,111,218,.16);
}

body.page-costs:not(.auth-page) .mp-main .cost-cockpit-hero{
  display:grid!important;
  grid-template-columns:minmax(300px,.95fr) minmax(0,1.35fr);
  gap:18px;
  align-items:stretch;
  padding:0;
  margin:0 0 20px;
  background:transparent;
  border:0;
  box-shadow:none;
}

body.page-costs:not(.auth-page) .mp-main .cost-cockpit-hero:hover{
  transform:none;
  box-shadow:none;
}

body.page-costs:not(.auth-page) .mp-main .cost-hero-main,
body.page-costs:not(.auth-page) .mp-main .cost-kpi-card,
body.page-costs:not(.auth-page) .mp-main .cost-card{
  position:relative;
  min-width:0;
  overflow:hidden;
  border:1px solid var(--cost-card-border);
  border-radius:28px;
  background:
    radial-gradient(circle at 88% 0%,color-mix(in srgb,var(--cost-blue) 10%,transparent),transparent 31%),
    var(--cost-card-bg);
  box-shadow:0 22px 62px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.07);
}

body.page-costs:not(.auth-page) .mp-main .cost-hero-main{
  padding:26px;
  display:grid;
  align-content:space-between;
  gap:18px;
}

body.page-costs:not(.auth-page) .mp-main .cost-hero-main::before,
body.page-costs:not(.auth-page) .mp-main .cost-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent 0 14px,color-mix(in srgb,var(--cost-blue) 7%,transparent) 14px 15px,transparent 15px 100%),
    linear-gradient(180deg,rgba(255,255,255,.045),transparent 30%);
  opacity:.45;
}

body.page-costs:not(.auth-page) .mp-main .cost-card > *,
body.page-costs:not(.auth-page) .mp-main .cost-hero-main > *{
  position:relative;
  z-index:1;
}

body.page-costs:not(.auth-page) .mp-main .cost-card-eyebrow,
body.page-costs:not(.auth-page) .mp-main .cost-kpi-card span,
body.page-costs:not(.auth-page) .mp-main .cost-fixed-row span{
  color:var(--muted);
  font-size:.72rem;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}

body.page-costs:not(.auth-page) .mp-main .cost-hero-title-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}

body.page-costs:not(.auth-page) .mp-main .cost-hero-title-row span:first-child{
  display:block;
  color:var(--muted);
  font-weight:850;
}

body.page-costs:not(.auth-page) .mp-main .cost-money{
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
  letter-spacing:0;
  overflow-wrap:normal;
}

body.page-costs:not(.auth-page) .mp-main .cost-hero-main strong{
  display:block;
  margin-top:8px;
  font-size:clamp(2.2rem,4.8vw,4.2rem)!important;
  line-height:.96;
}

body.page-costs:not(.auth-page) .mp-main .cost-hero-main p{
  margin:0;
  color:var(--muted);
  font-weight:750;
}

body.page-costs:not(.auth-page) .mp-main .cost-hero-badge{
  flex:0 0 auto;
  padding:8px 12px;
  border:1px solid color-mix(in srgb,var(--cost-blue) 36%,var(--line));
  border-radius:999px;
  background:color-mix(in srgb,var(--cost-blue) 12%,transparent);
  color:color-mix(in srgb,var(--cost-blue) 78%,white);
  font-size:.72rem;
  font-weight:950;
  text-transform:uppercase;
}

body.page-costs:not(.auth-page) .mp-main .cost-hero-meta{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

body.page-costs:not(.auth-page) .mp-main .cost-hero-meta span{
  min-width:0;
  padding:13px 14px;
  border:1px solid color-mix(in srgb,var(--line) 86%,transparent);
  border-radius:16px;
  background:color-mix(in srgb,var(--panel-2) 58%,transparent);
  color:var(--muted);
  line-height:1.35;
}

body.page-costs:not(.auth-page) .mp-main .cost-hero-meta b{
  color:var(--text);
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}

body.page-costs:not(.auth-page) .mp-main .cost-kpi-rail{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

body.page-costs:not(.auth-page) .mp-main .cost-kpi-card{
  display:grid;
  align-content:start;
  gap:8px;
  padding:18px;
  border-radius:22px;
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--cost-accent) 7%,transparent),transparent 48%),
    var(--cost-card-bg);
}

body.page-costs:not(.auth-page) .mp-main .cost-kpi-card::after{
  content:"";
  position:absolute;
  left:0;
  top:18px;
  bottom:18px;
  width:3px;
  border-radius:0 999px 999px 0;
  background:var(--cost-accent,var(--cost-blue));
  box-shadow:0 0 20px color-mix(in srgb,var(--cost-accent,var(--cost-blue)) 42%,transparent);
}

body.page-costs:not(.auth-page) .mp-main .cost-kpi-card strong{
  display:block;
  font-size:clamp(1.25rem,2vw,1.75rem);
  line-height:1.05;
}

body.page-costs:not(.auth-page) .mp-main .cost-kpi-card small{
  display:block;
  color:var(--muted);
  line-height:1.35;
}

body.page-costs:not(.auth-page) .mp-main .mix-service{--cost-accent:var(--cost-blue)}
body.page-costs:not(.auth-page) .mp-main .mix-upgrade{--cost-accent:var(--cost-amber)}
body.page-costs:not(.auth-page) .mp-main .mix-invoice{--cost-accent:var(--cost-steel)}
body.page-costs:not(.auth-page) .mp-main .mix-insurance{--cost-accent:var(--cost-cyan)}

body.page-costs:not(.auth-page) .mp-main .cost-cockpit-layout{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(320px,.8fr);
  gap:18px;
  align-items:start;
}

body.page-costs:not(.auth-page) .mp-main .cost-card{
  padding:22px;
}

body.page-costs:not(.auth-page) .mp-main .cost-card:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--cost-blue) 24%,var(--line));
  box-shadow:0 26px 68px rgba(0,0,0,.2),0 0 28px color-mix(in srgb,var(--cost-blue) 9%,transparent),inset 0 1px 0 rgba(255,255,255,.08);
}

body.page-costs:not(.auth-page) .mp-main .cost-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:18px;
}

body.page-costs:not(.auth-page) .mp-main .cost-card-head h2{
  margin:0;
  font-size:clamp(1.2rem,2vw,1.65rem);
  line-height:1.08;
  letter-spacing:0;
}

body.page-costs:not(.auth-page) .mp-main .cost-card-head .mp-kicker{
  margin-bottom:6px;
}

body.page-costs:not(.auth-page) .mp-main .cost-card-head > span{
  color:var(--muted);
  font-size:.82rem;
  font-weight:800;
}

body.page-costs:not(.auth-page) .mp-main .cost-distribution-card,
body.page-costs:not(.auth-page) .mp-main .cost-month-card,
body.page-costs:not(.auth-page) .mp-main .cost-insurance-card{
  grid-column:auto;
}

body.page-costs:not(.auth-page) .mp-main .cost-month-card,
body.page-costs:not(.auth-page) .mp-main .cost-insurance-card{
  grid-column:1/-1;
}

body.page-costs:not(.auth-page) .mp-main .cost-side-stack{
  display:grid;
  gap:18px;
}

body.page-costs:not(.auth-page) .mp-main .cost-distribution-layout{
  display:grid;
  grid-template-columns:minmax(220px,330px) minmax(0,1fr);
  gap:24px;
  align-items:center;
}

body.page-costs:not(.auth-page) .mp-main .cost-donut-shell{
  display:grid;
  place-items:center;
  padding:8px;
}

body.page-costs:not(.auth-page) .mp-main .cost-donut{
  width:min(292px,100%);
  aspect-ratio:1;
  border-radius:50%;
  display:grid;
  place-items:center;
  align-content:center;
  text-align:center;
  padding:48px;
  background:
    radial-gradient(circle at center,color-mix(in srgb,var(--panel) 96%,transparent) 0 57%,transparent 58%),
    var(--cost-donut,conic-gradient(var(--cost-blue) 0 25%,var(--cost-amber) 25% 50%,var(--cost-cyan) 50% 75%,var(--cost-steel) 75% 100%));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--line) 90%,transparent),0 0 42px color-mix(in srgb,var(--cost-blue) 13%,transparent);
}

body.page-costs:not(.auth-page) .mp-main .cost-donut span{
  color:var(--muted);
  font-size:.72rem;
  font-weight:950;
  letter-spacing:.09em;
  text-transform:uppercase;
}

body.page-costs:not(.auth-page) .mp-main .cost-donut strong{
  display:block;
  margin-top:8px;
  font-size:clamp(1.25rem,2.7vw,2.05rem);
  line-height:1.05;
}

body.page-costs:not(.auth-page) .mp-main .cost-distribution-legend,
body.page-costs:not(.auth-page) .mp-main .cost-detail-list,
body.page-costs:not(.auth-page) .mp-main .cost-year-list,
body.page-costs:not(.auth-page) .mp-main .cost-fixed-list,
body.page-costs:not(.auth-page) .mp-main .cost-upcoming-list{
  display:grid;
  gap:10px;
}

body.page-costs:not(.auth-page) .mp-main .cost-distribution-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:9px 16px;
  align-items:center;
  padding:14px;
  border:1px solid color-mix(in srgb,var(--line) 82%,transparent);
  border-radius:18px;
  background:color-mix(in srgb,var(--panel-2) 54%,transparent);
}

body.page-costs:not(.auth-page) .mp-main .cost-distribution-row > div:first-child{
  min-width:0;
}

body.page-costs:not(.auth-page) .mp-main .cost-distribution-row span,
body.page-costs:not(.auth-page) .mp-main .cost-detail-row strong{
  display:block;
  color:var(--muted);
  font-size:.84rem;
  font-weight:850;
}

body.page-costs:not(.auth-page) .mp-main .cost-distribution-row strong{
  display:block;
  margin-top:4px;
  color:var(--text);
  font-size:1.05rem;
}

body.page-costs:not(.auth-page) .mp-main .cost-distribution-row em{
  font-style:normal;
  font-weight:950;
  color:var(--cost-accent,var(--cost-blue));
  white-space:nowrap;
}

body.page-costs:not(.auth-page) .mp-main .cost-segment-track,
body.page-costs:not(.auth-page) .mp-main .cost-insurance-track{
  grid-column:1/-1;
  height:8px;
  border-radius:999px;
  overflow:hidden;
  background:color-mix(in srgb,var(--panel-3) 70%,transparent);
}

body.page-costs:not(.auth-page) .mp-main .cost-segment-track i,
body.page-costs:not(.auth-page) .mp-main .cost-insurance-track i{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,color-mix(in srgb,var(--cost-accent,var(--cost-blue)) 72%,transparent),var(--cost-accent,var(--cost-blue)));
  box-shadow:0 0 18px color-mix(in srgb,var(--cost-accent,var(--cost-blue)) 22%,transparent);
}

body.page-costs:not(.auth-page) .mp-main .cost-upcoming-row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto auto;
  gap:12px;
  align-items:center;
  padding:13px;
  border:1px solid color-mix(in srgb,var(--line) 82%,transparent);
  border-radius:18px;
  color:var(--text);
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--status-color,var(--cost-blue)) 7%,transparent),transparent 44%),
    color-mix(in srgb,var(--panel-2) 55%,transparent);
}

body.page-costs:not(.auth-page) .mp-main .cost-upcoming-row:hover,
body.page-costs:not(.auth-page) .mp-main .cost-upcoming-row:focus-visible{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--status-color,var(--cost-blue)) 38%,var(--line));
}

body.page-costs:not(.auth-page) .mp-main .cost-upcoming-row.status-due{--status-color:var(--cost-red)}
body.page-costs:not(.auth-page) .mp-main .cost-upcoming-row.status-soon{--status-color:var(--cost-amber)}
body.page-costs:not(.auth-page) .mp-main .cost-upcoming-row.status-ok{--status-color:var(--cost-emerald)}

body.page-costs:not(.auth-page) .mp-main .cost-type-dot{
  width:38px;
  height:38px;
  border-radius:14px;
  display:grid;
  place-items:center;
  color:var(--status-color,var(--cost-blue));
  background:color-mix(in srgb,var(--status-color,var(--cost-blue)) 13%,transparent);
  border:1px solid color-mix(in srgb,var(--status-color,var(--cost-blue)) 32%,transparent);
  font-size:.68rem;
  font-weight:950;
}

body.page-costs:not(.auth-page) .mp-main .cost-type-dot.inspection{
  color:var(--cost-emerald);
  background:color-mix(in srgb,var(--cost-emerald) 12%,transparent);
  border-color:color-mix(in srgb,var(--cost-emerald) 32%,transparent);
}

body.page-costs:not(.auth-page) .mp-main .cost-upcoming-row strong,
body.page-costs:not(.auth-page) .mp-main .cost-fixed-row strong,
body.page-costs:not(.auth-page) .mp-main .cost-insurance-copy strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

body.page-costs:not(.auth-page) .mp-main .cost-upcoming-row small,
body.page-costs:not(.auth-page) .mp-main .cost-fixed-row small,
body.page-costs:not(.auth-page) .mp-main .cost-insurance-copy small{
  display:block;
  margin-top:3px;
  color:var(--muted);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

body.page-costs:not(.auth-page) .mp-main .cost-status-pill{
  padding:6px 9px;
  border:1px solid color-mix(in srgb,var(--status-color,var(--cost-blue)) 35%,transparent);
  border-radius:999px;
  color:var(--status-color,var(--cost-blue));
  background:color-mix(in srgb,var(--status-color,var(--cost-blue)) 10%,transparent);
  font-size:.72rem;
  font-weight:950;
  white-space:nowrap;
}

body.page-costs:not(.auth-page) .mp-main .cost-upcoming-row em,
body.page-costs:not(.auth-page) .mp-main .cost-fixed-row em{
  color:var(--text);
  font-style:normal;
  font-weight:900;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}

body.page-costs:not(.auth-page) .mp-main .cost-upcoming-empty{
  padding:14px;
  border:1px dashed color-mix(in srgb,var(--line) 90%,transparent);
  border-radius:18px;
  color:var(--muted);
  background:color-mix(in srgb,var(--panel-2) 42%,transparent);
}

body.page-costs:not(.auth-page) .mp-main .cost-fixed-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:14px;
  border:1px solid color-mix(in srgb,var(--line) 82%,transparent);
  border-radius:18px;
  background:color-mix(in srgb,var(--panel-2) 50%,transparent);
}

body.page-costs:not(.auth-page) .mp-main .cost-fixed-row.inspection{
  border-color:color-mix(in srgb,var(--cost-emerald) 24%,var(--line));
}

body.page-costs:not(.auth-page) .mp-main .cost-month-chart{
  height:310px;
  display:grid;
  grid-template-columns:repeat(12,minmax(58px,1fr));
  gap:12px;
  align-items:end;
  padding:18px;
  border:1px solid color-mix(in srgb,var(--line) 82%,transparent);
  border-radius:22px;
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--cost-blue) 6%,transparent),transparent 44%),
    repeating-linear-gradient(0deg,transparent 0 54px,color-mix(in srgb,var(--line) 50%,transparent) 55px 56px),
    color-mix(in srgb,var(--panel-2) 42%,transparent);
  overflow-x:auto;
}

body.page-costs:not(.auth-page) .mp-main .cost-month-column{
  min-width:58px;
  height:100%;
  display:grid;
  grid-template-rows:minmax(0,1fr) auto auto;
  gap:8px;
  align-items:end;
  text-align:center;
}

body.page-costs:not(.auth-page) .mp-main .cost-month-bar{
  width:100%;
  height:100%;
  display:flex;
  align-items:end;
  justify-content:center;
}

body.page-costs:not(.auth-page) .mp-main .cost-month-bar i{
  width:min(36px,70%);
  height:var(--bar-height,8%);
  min-height:8px;
  border-radius:999px 999px 6px 6px;
  background:linear-gradient(180deg,var(--cost-blue),color-mix(in srgb,var(--cost-cyan) 70%,var(--cost-blue)));
  box-shadow:0 0 22px color-mix(in srgb,var(--cost-blue) 20%,transparent);
  transition:height .32s ease;
}

body.page-costs:not(.auth-page) .mp-main .cost-month-column strong{
  display:block;
  font-size:.78rem;
}

body.page-costs:not(.auth-page) .mp-main .cost-month-column small{
  color:var(--muted);
  font-weight:800;
  white-space:nowrap;
}

body.page-costs:not(.auth-page) .mp-main .cost-insurance-bars{
  display:grid;
  gap:12px;
}

body.page-costs:not(.auth-page) .mp-main .cost-insurance-row{
  display:grid;
  grid-template-columns:minmax(190px,.7fr) minmax(160px,1fr) auto;
  gap:14px;
  align-items:center;
  padding:14px;
  border:1px solid color-mix(in srgb,var(--line) 82%,transparent);
  border-radius:18px;
  background:color-mix(in srgb,var(--panel-2) 52%,transparent);
}

body.page-costs:not(.auth-page) .mp-main .cost-insurance-copy{
  min-width:0;
}

body.page-costs:not(.auth-page) .mp-main .cost-insurance-row em{
  font-style:normal;
  font-weight:950;
  white-space:nowrap;
}

body.page-costs:not(.auth-page) .mp-main .cost-detail-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  padding:13px 0;
  border-bottom:1px solid color-mix(in srgb,var(--line) 78%,transparent);
}

body.page-costs:not(.auth-page) .mp-main .cost-detail-row:last-child{
  border-bottom:0;
}

body.page-costs:not(.auth-page) .mp-main .cost-detail-row .cost-segment-track{
  margin-top:9px;
}

body.page-costs:not(.auth-page) .mp-main .cost-detail-row em{
  font-style:normal;
  font-weight:950;
  white-space:nowrap;
}

body.page-costs:not(.auth-page) .mp-main .cost-year-list{
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
}

body.page-costs:not(.auth-page) .mp-main .cost-year-row{
  display:grid;
  gap:5px;
  padding:14px;
  border:1px solid color-mix(in srgb,var(--line) 82%,transparent);
  border-radius:18px;
  background:color-mix(in srgb,var(--panel-2) 50%,transparent);
}

body.page-costs:not(.auth-page) .mp-main .cost-year-row span{
  color:var(--muted);
  font-size:.76rem;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}

body.page-costs:not(.auth-page) .mp-main .cost-year-row small{
  color:var(--muted);
}

body.page-costs:not(.auth-page) .mp-main .cost-year-row strong{
  font-size:1.2rem;
}

html[data-theme="light"] body.page-costs:not(.auth-page) .mp-main .cost-intelligence-page{
  --cost-card-bg:linear-gradient(145deg,rgba(255,250,239,.97),rgba(238,228,209,.93));
  --cost-card-border:rgba(128,104,68,.32);
  --cost-soft:rgba(255,248,235,.72);
  color:#15171d;
}

html[data-theme="light"] body.page-costs:not(.auth-page) .mp-main .cost-hero-main,
html[data-theme="light"] body.page-costs:not(.auth-page) .mp-main .cost-kpi-card,
html[data-theme="light"] body.page-costs:not(.auth-page) .mp-main .cost-card{
  box-shadow:0 24px 62px rgba(75,56,28,.14),0 0 0 1px rgba(255,255,255,.42),inset 0 1px 0 rgba(255,255,255,.7);
}

html[data-theme="light"] body.page-costs:not(.auth-page) .mp-main .cost-export-form,
html[data-theme="light"] body.page-costs:not(.auth-page) .mp-main .cost-hero-meta span,
html[data-theme="light"] body.page-costs:not(.auth-page) .mp-main .cost-kpi-card,
html[data-theme="light"] body.page-costs:not(.auth-page) .mp-main .cost-distribution-row,
html[data-theme="light"] body.page-costs:not(.auth-page) .mp-main .cost-upcoming-row,
html[data-theme="light"] body.page-costs:not(.auth-page) .mp-main .cost-fixed-row,
html[data-theme="light"] body.page-costs:not(.auth-page) .mp-main .cost-month-chart,
html[data-theme="light"] body.page-costs:not(.auth-page) .mp-main .cost-insurance-row,
html[data-theme="light"] body.page-costs:not(.auth-page) .mp-main .cost-year-row,
html[data-theme="light"] body.page-costs:not(.auth-page) .mp-main .cost-upcoming-empty{
  background:rgba(255,248,235,.76);
  border-color:rgba(130,104,65,.24);
}

html[data-theme="light"] body.page-costs:not(.auth-page) .mp-main .cost-hero-main p,
html[data-theme="light"] body.page-costs:not(.auth-page) .mp-main .cost-card-eyebrow,
html[data-theme="light"] body.page-costs:not(.auth-page) .mp-main .cost-kpi-card span,
html[data-theme="light"] body.page-costs:not(.auth-page) .mp-main .cost-kpi-card small,
html[data-theme="light"] body.page-costs:not(.auth-page) .mp-main .cost-card-head > span,
html[data-theme="light"] body.page-costs:not(.auth-page) .mp-main .cost-distribution-row span,
html[data-theme="light"] body.page-costs:not(.auth-page) .mp-main .cost-upcoming-row small,
html[data-theme="light"] body.page-costs:not(.auth-page) .mp-main .cost-fixed-row small,
html[data-theme="light"] body.page-costs:not(.auth-page) .mp-main .cost-insurance-copy small,
html[data-theme="light"] body.page-costs:not(.auth-page) .mp-main .cost-month-column small,
html[data-theme="light"] body.page-costs:not(.auth-page) .mp-main .cost-year-row span,
html[data-theme="light"] body.page-costs:not(.auth-page) .mp-main .cost-year-row small{
  color:#6f6253;
}

html[data-theme="light"] body.page-costs:not(.auth-page) .mp-main .cost-donut{
  background:
    radial-gradient(circle at center,rgba(255,249,238,.98) 0 57%,transparent 58%),
    var(--cost-donut,conic-gradient(var(--cost-blue) 0 25%,var(--cost-amber) 25% 50%,var(--cost-cyan) 50% 75%,var(--cost-steel) 75% 100%));
}

@media(max-width:1180px){
  body.page-costs:not(.auth-page) .mp-main .cost-cockpit-hero,
  body.page-costs:not(.auth-page) .mp-main .cost-cockpit-layout{
    grid-template-columns:1fr;
  }

  body.page-costs:not(.auth-page) .mp-main .cost-kpi-rail{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:840px){
  body.page-costs:not(.auth-page) .mp-main .cost-cockpit-head{
    align-items:flex-start;
  }

  body.page-costs:not(.auth-page) .mp-main .cost-head-actions,
  body.page-costs:not(.auth-page) .mp-main .cost-export-form{
    width:100%;
  }

  body.page-costs:not(.auth-page) .mp-main .cost-export-form{
    justify-content:stretch;
  }

  body.page-costs:not(.auth-page) .mp-main .cost-export-form select,
  body.page-costs:not(.auth-page) .mp-main .cost-export-form .btn,
  body.page-costs:not(.auth-page) .mp-main .cost-upload-cta{
    flex:1 1 150px;
  }

  body.page-costs:not(.auth-page) .mp-main .cost-distribution-layout{
    grid-template-columns:1fr;
  }

  body.page-costs:not(.auth-page) .mp-main .cost-insurance-row{
    grid-template-columns:minmax(0,1fr);
  }
}

@media(max-width:620px){
  body.page-costs:not(.auth-page) .mp-main .cost-kpi-rail,
  body.page-costs:not(.auth-page) .mp-main .cost-hero-meta{
    grid-template-columns:1fr;
  }

  body.page-costs:not(.auth-page) .mp-main .cost-hero-main,
  body.page-costs:not(.auth-page) .mp-main .cost-card{
    border-radius:22px;
    padding:18px;
  }

  body.page-costs:not(.auth-page) .mp-main .cost-upcoming-row{
    grid-template-columns:auto minmax(0,1fr);
  }

  body.page-costs:not(.auth-page) .mp-main .cost-status-pill,
  body.page-costs:not(.auth-page) .mp-main .cost-upcoming-row em{
    grid-column:2;
    justify-self:start;
  }

  body.page-costs:not(.auth-page) .mp-main .cost-donut{
    width:min(250px,100%);
    padding:38px;
  }
}

/* pre-Alpha V1.0.7 global search command center */
body:not(.auth-page) .mp-main .search-command-page{
  max-width:1180px;
  --search-card-bg:linear-gradient(145deg,color-mix(in srgb,var(--panel) 94%,transparent),color-mix(in srgb,var(--panel-2) 78%,transparent));
  --search-card-border:color-mix(in srgb,var(--line) 78%,rgba(47,111,218,.2));
  --search-blue:#2f6fda;
  --search-amber:#d8a03a;
  --search-muted-panel:color-mix(in srgb,var(--panel-2) 58%,transparent);
}

body:not(.auth-page) .mp-main .search-command-head{
  margin-bottom:22px;
}

body:not(.auth-page) .mp-main .search-command-head h1{
  letter-spacing:0;
}

body:not(.auth-page) .mp-main .search-command-card,
body:not(.auth-page) .mp-main .search-state-card,
body:not(.auth-page) .mp-main .search-result-group{
  position:relative;
  overflow:hidden;
  border:1px solid var(--search-card-border);
  border-radius:28px;
  background:
    radial-gradient(circle at 92% 0%,color-mix(in srgb,var(--search-blue) 10%,transparent),transparent 30%),
    var(--search-card-bg);
  box-shadow:0 22px 62px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.07);
}

body:not(.auth-page) .mp-main .search-command-card::before,
body:not(.auth-page) .mp-main .search-state-card::before,
body:not(.auth-page) .mp-main .search-result-group::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent 0 18px,color-mix(in srgb,var(--search-blue) 7%,transparent) 18px 19px,transparent 19px 100%),
    linear-gradient(180deg,rgba(255,255,255,.045),transparent 34%);
  opacity:.44;
}

body:not(.auth-page) .mp-main .search-command-card > *,
body:not(.auth-page) .mp-main .search-state-card > *,
body:not(.auth-page) .mp-main .search-result-group > *{
  position:relative;
  z-index:1;
}

body:not(.auth-page) .mp-main .search-command-card{
  padding:18px;
}

body:not(.auth-page) .mp-main .search-commandbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
}

body:not(.auth-page) .mp-main .search-command-input{
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  min-height:64px;
  padding:8px 12px 8px 16px;
  border:1px solid color-mix(in srgb,var(--line) 76%,rgba(47,111,218,.2));
  border-radius:20px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.05),transparent 48%),
    color-mix(in srgb,var(--panel-2) 58%,transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
  transition:border-color .22s ease,box-shadow .22s ease,background-color .22s ease,filter .22s ease;
}

body:not(.auth-page) .mp-main .search-command-input:focus-within{
  border-color:color-mix(in srgb,var(--search-blue) 58%,var(--line));
  box-shadow:0 0 0 4px color-mix(in srgb,var(--search-blue) 14%,transparent),0 0 36px color-mix(in srgb,var(--search-blue) 18%,transparent),inset 0 1px 0 rgba(255,255,255,.12);
}

body:not(.auth-page) .mp-main .search-command-icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:var(--search-blue);
  background:color-mix(in srgb,var(--search-blue) 14%,transparent);
  border:1px solid color-mix(in srgb,var(--search-blue) 28%,transparent);
}

body:not(.auth-page) .mp-main .search-command-icon svg,
body:not(.auth-page) .mp-main .search-state-mark svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

body:not(.auth-page) .mp-main .search-command-input input{
  width:100%;
  min-height:46px;
  padding:0;
  border:0;
  outline:0;
  background:transparent;
  color:var(--text);
  font-size:1.05rem;
  font-weight:760;
}

body:not(.auth-page) .mp-main .search-command-input input::placeholder{
  color:color-mix(in srgb,var(--muted) 86%,transparent);
  font-weight:650;
}

body:not(.auth-page) .mp-main .search-shortcut{
  min-width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:10px;
  color:var(--muted);
  border:1px solid color-mix(in srgb,var(--line) 90%,transparent);
  background:color-mix(in srgb,var(--panel) 70%,transparent);
  font-weight:950;
}

body:not(.auth-page) .mp-main .search-submit{
  min-height:56px;
  min-width:132px;
  border-radius:16px;
  box-shadow:0 16px 34px rgba(47,111,218,.25),0 0 22px rgba(47,111,218,.16);
}

body:not(.auth-page) .mp-main .search-filter-chips{
  display:flex;
  gap:9px;
  margin-top:14px;
  padding-bottom:2px;
  overflow-x:auto;
  scrollbar-width:thin;
}

body:not(.auth-page) .mp-main .search-filter-chip{
  flex:0 0 auto;
  padding:9px 12px;
  border:1px solid color-mix(in srgb,var(--line) 82%,transparent);
  border-radius:999px;
  color:var(--muted);
  background:color-mix(in srgb,var(--panel-2) 52%,transparent);
  font-size:.8rem;
  font-weight:900;
  white-space:nowrap;
}

body:not(.auth-page) .mp-main .search-filter-chip.is-active{
  color:color-mix(in srgb,var(--search-blue) 76%,white);
  border-color:color-mix(in srgb,var(--search-blue) 42%,var(--line));
  background:color-mix(in srgb,var(--search-blue) 12%,transparent);
  box-shadow:0 0 22px color-mix(in srgb,var(--search-blue) 12%,transparent);
}

body:not(.auth-page) .mp-main .search-filter-chip.is-disabled{
  opacity:.72;
  cursor:not-allowed;
}

body:not(.auth-page) .mp-main .search-state-card{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:18px;
  align-items:start;
  padding:24px;
}

body:not(.auth-page) .mp-main .search-state-mark{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:20px;
  color:var(--search-blue);
  background:
    radial-gradient(circle at 30% 20%,rgba(255,255,255,.14),transparent 38%),
    color-mix(in srgb,var(--search-blue) 14%,transparent);
  border:1px solid color-mix(in srgb,var(--search-blue) 28%,transparent);
  box-shadow:0 16px 34px color-mix(in srgb,var(--search-blue) 18%,transparent);
}

body:not(.auth-page) .mp-main .search-state-card h2,
body:not(.auth-page) .mp-main .search-results-meta h2{
  margin:0;
  font-size:clamp(1.45rem,2.4vw,2.1rem);
  letter-spacing:0;
}

body:not(.auth-page) .mp-main .search-state-card p{
  max-width:720px;
  margin:8px 0 0;
  color:var(--muted);
  line-height:1.65;
}

body:not(.auth-page) .mp-main .search-suggestions,
body:not(.auth-page) .mp-main .search-empty-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
}

body:not(.auth-page) .mp-main .search-suggestions button{
  padding:9px 12px;
  border:1px solid color-mix(in srgb,var(--search-blue) 24%,var(--line));
  border-radius:999px;
  color:var(--text);
  background:color-mix(in srgb,var(--search-blue) 8%,var(--panel-2));
  font-weight:900;
}

body:not(.auth-page) .mp-main .search-suggestions button:hover,
body:not(.auth-page) .mp-main .search-suggestions button:focus-visible{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--search-blue) 48%,var(--line));
  box-shadow:0 12px 28px color-mix(in srgb,var(--search-blue) 13%,transparent);
}

body:not(.auth-page) .mp-main .search-results-shell{
  display:grid;
  gap:16px;
}

body:not(.auth-page) .mp-main .search-results-meta{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
}

body:not(.auth-page) .mp-main .search-result-groups{
  display:grid;
  gap:16px;
}

body:not(.auth-page) .mp-main .search-result-group{
  padding:20px;
}

body:not(.auth-page) .mp-main .search-group-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}

body:not(.auth-page) .mp-main .search-group-head span{
  font-size:.8rem;
  font-weight:950;
  letter-spacing:.08em;
  color:var(--muted);
  text-transform:uppercase;
}

body:not(.auth-page) .mp-main .search-group-head em{
  min-width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:12px;
  font-style:normal;
  font-weight:950;
  color:var(--search-blue);
  background:color-mix(in srgb,var(--search-blue) 12%,transparent);
  border:1px solid color-mix(in srgb,var(--search-blue) 28%,transparent);
}

body:not(.auth-page) .mp-main .search-result-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

body:not(.auth-page) .mp-main .search-result-card{
  position:relative;
  min-width:0;
  display:grid;
  gap:8px;
  padding:16px;
  border:1px solid color-mix(in srgb,var(--line) 84%,transparent);
  border-radius:20px;
  color:var(--text);
  background:
    linear-gradient(145deg,rgba(255,255,255,.045),transparent 52%),
    color-mix(in srgb,var(--panel-2) 54%,transparent);
  text-decoration:none;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}

body:not(.auth-page) .mp-main .search-result-card:hover,
body:not(.auth-page) .mp-main .search-result-card:focus-visible{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--search-blue) 38%,var(--line));
  box-shadow:0 18px 42px rgba(0,0,0,.14),0 0 26px color-mix(in srgb,var(--search-blue) 10%,transparent);
}

body:not(.auth-page) .mp-main .search-type-badge{
  width:max-content;
  max-width:100%;
  padding:6px 9px;
  border-radius:999px;
  color:color-mix(in srgb,var(--search-blue) 78%,white);
  background:color-mix(in srgb,var(--search-blue) 12%,transparent);
  border:1px solid color-mix(in srgb,var(--search-blue) 28%,transparent);
  font-size:.72rem;
  font-weight:950;
}

body:not(.auth-page) .mp-main .search-result-card strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:1.05rem;
}

body:not(.auth-page) .mp-main .search-result-card small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--muted);
}

body:not(.auth-page) .mp-main .search-result-card em{
  justify-self:start;
  margin-top:4px;
  color:var(--search-blue);
  font-style:normal;
  font-weight:950;
  white-space:nowrap;
}

body:not(.auth-page) .mp-main .search-no-results{
  display:grid;
}

body:not(.auth-page) .mp-main .search-results-shell:has(.search-result-card) .search-no-results{
  display:none;
}

html[data-theme="light"] body:not(.auth-page) .mp-main .search-command-page{
  --search-card-bg:linear-gradient(145deg,rgba(255,250,239,.97),rgba(238,228,209,.93));
  --search-card-border:rgba(128,104,68,.32);
  color:#15171d;
}

html[data-theme="light"] body:not(.auth-page) .mp-main .search-command-card,
html[data-theme="light"] body:not(.auth-page) .mp-main .search-state-card,
html[data-theme="light"] body:not(.auth-page) .mp-main .search-result-group{
  box-shadow:0 24px 62px rgba(75,56,28,.14),0 0 0 1px rgba(255,255,255,.42),inset 0 1px 0 rgba(255,255,255,.68);
}

html[data-theme="light"] body:not(.auth-page) .mp-main .search-command-input,
html[data-theme="light"] body:not(.auth-page) .mp-main .search-filter-chip,
html[data-theme="light"] body:not(.auth-page) .mp-main .search-result-card,
html[data-theme="light"] body:not(.auth-page) .mp-main .search-suggestions button{
  background:rgba(255,248,235,.76);
  border-color:rgba(130,104,65,.24);
}

html[data-theme="light"] body:not(.auth-page) .mp-main .search-command-input input{
  color:#15171d;
}

html[data-theme="light"] body:not(.auth-page) .mp-main .search-command-input input::placeholder,
html[data-theme="light"] body:not(.auth-page) .mp-main .search-filter-chip,
html[data-theme="light"] body:not(.auth-page) .mp-main .search-state-card p,
html[data-theme="light"] body:not(.auth-page) .mp-main .search-group-head span,
html[data-theme="light"] body:not(.auth-page) .mp-main .search-result-card small{
  color:#6f6253;
}

html[data-theme="light"] body:not(.auth-page) .mp-main .search-shortcut{
  background:rgba(255,253,247,.82);
  border-color:rgba(130,104,65,.24);
  color:#6f6253;
}

@media(max-width:820px){
  body:not(.auth-page) .mp-main .search-commandbar,
  body:not(.auth-page) .mp-main .search-result-grid{
    grid-template-columns:1fr;
  }

  body:not(.auth-page) .mp-main .search-submit{
    width:100%;
  }
}

@media(max-width:620px){
  body:not(.auth-page) .mp-main .search-state-card{
    grid-template-columns:1fr;
    padding:20px;
    border-radius:22px;
  }

  body:not(.auth-page) .mp-main .search-command-card,
  body:not(.auth-page) .mp-main .search-result-group{
    border-radius:22px;
    padding:16px;
  }

  body:not(.auth-page) .mp-main .search-command-input{
    grid-template-columns:auto minmax(0,1fr);
  }

  body:not(.auth-page) .mp-main .search-shortcut{
    display:none;
  }
}

/* pre-Alpha V1.0.7 invoice import fine polish */
body.page-invoice:not(.auth-page) .mp-main .invoice-import-card{
  gap:18px;
  padding:26px;
}

body.page-invoice:not(.auth-page) .mp-main .invoice-import-step{
  gap:15px;
}

body.page-invoice:not(.auth-page) .mp-main .invoice-mode-step{
  border-color:color-mix(in srgb,var(--blue) 24%,var(--line));
  background:
    radial-gradient(circle at 94% 0%,color-mix(in srgb,var(--blue) 10%,transparent),transparent 32%),
    color-mix(in srgb,var(--panel-2) 48%,transparent);
}

body.page-invoice:not(.auth-page) .mp-main .invoice-mode-panel{
  gap:14px;
}

body.page-invoice:not(.auth-page) .mp-main .invoice-mode-native{
  order:2;
  padding:12px;
  background:color-mix(in srgb,var(--panel-2) 38%,transparent);
}

body.page-invoice:not(.auth-page) .mp-main .invoice-mode-cards{
  order:1;
}

body.page-invoice:not(.auth-page) .mp-main .invoice-mode-card{
  position:relative;
  isolation:isolate;
  min-height:132px;
  padding:16px 16px 15px;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease,filter .18s ease;
}

body.page-invoice:not(.auth-page) .mp-main .invoice-mode-card::before{
  content:"";
  position:absolute;
  inset:10px auto 10px 0;
  width:3px;
  border-radius:0 999px 999px 0;
  background:color-mix(in srgb,var(--blue) 28%,transparent);
  opacity:.55;
}

body.page-invoice:not(.auth-page) .mp-main .invoice-mode-card .invoice-mode-card-marker{
  position:absolute;
  top:13px;
  right:13px;
  width:24px;
  height:24px;
  border-radius:999px;
  border:1px solid color-mix(in srgb,var(--line) 80%,transparent);
  background:color-mix(in srgb,var(--panel) 68%,transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09);
}

body.page-invoice:not(.auth-page) .mp-main .invoice-mode-card .invoice-mode-card-marker::before{
  content:"";
  position:absolute;
  inset:6px;
  border-radius:inherit;
  background:var(--blue);
  box-shadow:0 0 16px rgba(47,111,218,.44);
  opacity:0;
  transform:scale(.65);
  transition:opacity .18s ease,transform .18s ease;
}

body.page-invoice:not(.auth-page) .mp-main .invoice-mode-card:hover,
body.page-invoice:not(.auth-page) .mp-main .invoice-mode-card:focus-visible{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--blue) 42%,var(--line));
  background:
    radial-gradient(circle at 90% 0%,color-mix(in srgb,var(--blue) 12%,transparent),transparent 34%),
    color-mix(in srgb,var(--panel-2) 72%,transparent);
}

body.page-invoice:not(.auth-page) .mp-main .invoice-mode-card.is-selected{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--blue) 72%,var(--line));
  background:
    radial-gradient(circle at 90% 0%,color-mix(in srgb,var(--blue) 18%,transparent),transparent 34%),
    linear-gradient(145deg,color-mix(in srgb,var(--blue) 13%,var(--panel-2)),color-mix(in srgb,var(--panel-2) 80%,transparent));
  box-shadow:0 18px 42px rgba(0,0,0,.16),0 0 28px rgba(47,111,218,.18),inset 3px 0 0 var(--blue),inset 0 1px 0 rgba(255,255,255,.12);
}

body.page-invoice:not(.auth-page) .mp-main .invoice-mode-card.is-selected::before{
  opacity:1;
  background:var(--blue);
  box-shadow:0 0 18px rgba(47,111,218,.5);
}

body.page-invoice:not(.auth-page) .mp-main .invoice-mode-card.is-selected .invoice-mode-card-marker{
  border-color:color-mix(in srgb,var(--blue) 62%,transparent);
  background:color-mix(in srgb,var(--blue) 12%,var(--panel));
}

body.page-invoice:not(.auth-page) .mp-main .invoice-mode-card.is-selected .invoice-mode-card-marker::before{
  opacity:1;
  transform:scale(1);
}

body.page-invoice:not(.auth-page) .mp-main .invoice-mode-card.is-selected small{
  color:#fff;
  background:linear-gradient(135deg,var(--blue),var(--blue-2));
  border-color:transparent;
}

body.page-invoice:not(.auth-page) .mp-main .invoice-import-actions{
  position:relative;
  margin:2px -26px -26px;
  padding:16px 26px;
  border-top:1px solid color-mix(in srgb,var(--line) 82%,transparent);
  border-radius:0 0 28px 28px;
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--panel) 72%,transparent),color-mix(in srgb,var(--panel-2) 82%,transparent));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}

body.page-invoice:not(.auth-page) .mp-main .invoice-submit{
  min-width:210px;
  min-height:50px;
  font-weight:950;
}

body.page-invoice:not(.auth-page) .mp-main .invoice-cancel:hover,
body.page-invoice:not(.auth-page) .mp-main .invoice-cancel:focus-visible{
  color:var(--text);
  border-color:color-mix(in srgb,var(--line) 90%,var(--blue) 16%);
  background:color-mix(in srgb,var(--panel-2) 46%,transparent);
}

html[data-theme="light"] body.page-invoice:not(.auth-page) .mp-main .invoice-import-card,
html[data-theme="light"] body.page-invoice:not(.auth-page) .mp-main .invoice-import-compass{
  background:
    radial-gradient(circle at 92% 0%,rgba(47,111,218,.055),transparent 30%),
    linear-gradient(145deg,rgba(255,251,242,.985),rgba(238,227,207,.955));
  border-color:rgba(125,98,58,.42);
}

html[data-theme="light"] body.page-invoice:not(.auth-page) .mp-main .invoice-import-step,
html[data-theme="light"] body.page-invoice:not(.auth-page) .mp-main .invoice-dropzone,
html[data-theme="light"] body.page-invoice:not(.auth-page) .mp-main .invoice-mode-native,
html[data-theme="light"] body.page-invoice:not(.auth-page) .mp-main .invoice-mode-card,
html[data-theme="light"] body.page-invoice:not(.auth-page) .mp-main .invoice-compass-steps div,
html[data-theme="light"] body.page-invoice:not(.auth-page) .mp-main .invoice-mode-note,
html[data-theme="light"] body.page-invoice:not(.auth-page) .mp-main .invoice-trust-note{
  background:rgba(255,248,235,.84);
  border-color:rgba(122,94,54,.31);
}

html[data-theme="light"] body.page-invoice:not(.auth-page) .mp-main .invoice-mode-step{
  border-color:rgba(47,111,218,.32);
}

html[data-theme="light"] body.page-invoice:not(.auth-page) .mp-main .invoice-head-fields input,
html[data-theme="light"] body.page-invoice:not(.auth-page) .mp-main .invoice-head-fields select,
html[data-theme="light"] body.page-invoice:not(.auth-page) .mp-main .invoice-raw-text-field textarea,
html[data-theme="light"] body.page-invoice:not(.auth-page) .mp-main .invoice-mode-native select,
html[data-theme="light"] body.page-invoice:not(.auth-page) .mp-main .invoice-dropzone input[type="file"]{
  background:rgba(255,253,247,.94);
  border-color:rgba(118,88,47,.36);
}

html[data-theme="light"] body.page-invoice:not(.auth-page) .mp-main .invoice-import-actions{
  background:linear-gradient(180deg,rgba(255,250,239,.94),rgba(235,223,203,.96));
  border-top-color:rgba(122,94,54,.28);
}

html[data-theme="light"] body.page-invoice:not(.auth-page) .mp-main .invoice-mode-card.is-selected{
  background:
    radial-gradient(circle at 90% 0%,rgba(47,111,218,.16),transparent 34%),
    linear-gradient(145deg,rgba(235,242,255,.96),rgba(255,248,235,.9));
  border-color:rgba(47,111,218,.58);
  box-shadow:0 18px 42px rgba(47,79,135,.16),0 0 26px rgba(47,111,218,.14),inset 3px 0 0 var(--blue),inset 0 1px 0 rgba(255,255,255,.64);
}

@media(max-width:760px){
  body.page-invoice:not(.auth-page) .mp-main .invoice-import-card{
    padding:20px;
  }

  body.page-invoice:not(.auth-page) .mp-main .invoice-import-actions{
    margin:2px -20px -20px;
    padding:16px 20px;
    border-radius:0 0 22px 22px;
  }
}

/* pre-Alpha V1.0.7 premium help guide */
body:not(.auth-page) .mp-main .help-guide-page{
  max-width:1220px;
  --help-blue:#2f6fda;
  --help-amber:#d8a03a;
  --help-card-bg:linear-gradient(145deg,color-mix(in srgb,var(--panel) 94%,transparent),color-mix(in srgb,var(--panel-2) 78%,transparent));
  --help-card-border:color-mix(in srgb,var(--line) 80%,rgba(47,111,218,.18));
  gap:22px;
}

body:not(.auth-page) .mp-main .help-guide-head{
  margin-bottom:0;
}

body:not(.auth-page) .mp-main .help-guide-head h1{
  letter-spacing:0;
}

body:not(.auth-page) .mp-main .help-guide-hero,
body:not(.auth-page) .mp-main .help-quickstart,
body:not(.auth-page) .mp-main .help-search-preview,
body:not(.auth-page) .mp-main .help-guide-card,
body:not(.auth-page) .mp-main .help-admin-section{
  position:relative;
  overflow:hidden;
  border:1px solid var(--help-card-border);
  border-radius:28px;
  background:
    radial-gradient(circle at 92% 0%,color-mix(in srgb,var(--help-blue) 10%,transparent),transparent 31%),
    var(--help-card-bg);
  box-shadow:0 22px 62px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.07);
}

body:not(.auth-page) .mp-main .help-guide-hero::before,
body:not(.auth-page) .mp-main .help-quickstart::before,
body:not(.auth-page) .mp-main .help-search-preview::before,
body:not(.auth-page) .mp-main .help-guide-card::before,
body:not(.auth-page) .mp-main .help-admin-section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent 0 18px,color-mix(in srgb,var(--help-blue) 7%,transparent) 18px 19px,transparent 19px 100%),
    linear-gradient(180deg,rgba(255,255,255,.045),transparent 34%);
  opacity:.42;
}

body:not(.auth-page) .mp-main .help-guide-hero > *,
body:not(.auth-page) .mp-main .help-quickstart > *,
body:not(.auth-page) .mp-main .help-search-preview > *,
body:not(.auth-page) .mp-main .help-guide-card > *,
body:not(.auth-page) .mp-main .help-admin-section > *{
  position:relative;
  z-index:1;
}

body:not(.auth-page) .mp-main .help-guide-hero{
  min-height:0;
  padding:28px;
  grid-template-columns:190px minmax(0,1fr);
  gap:26px;
  align-items:center;
  border-radius:30px;
}

body:not(.auth-page) .mp-main .help-guide-orbit-wrap{
  display:grid;
  place-items:center;
}

body:not(.auth-page) .mp-main .help-guide-page .help-orbit{
  width:154px;
  height:154px;
  border:1px solid color-mix(in srgb,var(--help-blue) 30%,var(--line));
  background:
    repeating-conic-gradient(from -18deg,color-mix(in srgb,var(--help-blue) 20%,transparent) 0 8deg,transparent 8deg 24deg),
    radial-gradient(circle at center,color-mix(in srgb,var(--panel) 82%,transparent) 0 48%,transparent 49%),
    color-mix(in srgb,var(--help-blue) 7%,transparent);
  box-shadow:0 0 38px color-mix(in srgb,var(--help-blue) 13%,transparent),inset 0 1px 0 rgba(255,255,255,.09);
  animation:none;
}

body:not(.auth-page) .mp-main .help-guide-page .help-orbit::before{
  content:"?";
  width:58px;
  height:58px;
  border-radius:18px;
  background:linear-gradient(135deg,var(--help-blue),var(--blue-2));
  box-shadow:0 16px 34px rgba(47,111,218,.28),0 0 24px rgba(47,111,218,.2);
}

body:not(.auth-page) .mp-main .help-guide-page .help-orbit i{
  width:10px;
  height:10px;
  opacity:.82;
}

body:not(.auth-page) .mp-main .help-guide-page .help-orbit i:nth-child(2){
  background:var(--help-amber);
  box-shadow:0 0 18px color-mix(in srgb,var(--help-amber) 42%,transparent);
}

body:not(.auth-page) .mp-main .help-guide-hero h2{
  margin:0 0 10px;
  max-width:780px;
  font-size:clamp(1.8rem,3.4vw,3rem);
  line-height:1.02;
  letter-spacing:0;
}

body:not(.auth-page) .mp-main .help-guide-hero p{
  max-width:780px;
  line-height:1.65;
}

body:not(.auth-page) .mp-main .help-guide-flow{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:9px;
  margin-top:18px;
}

body:not(.auth-page) .mp-main .help-guide-flow a,
body:not(.auth-page) .mp-main .help-step-card{
  min-width:0;
  color:var(--text);
  text-decoration:none;
  border:1px solid color-mix(in srgb,var(--line) 84%,transparent);
  background:color-mix(in srgb,var(--panel-2) 54%,transparent);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}

body:not(.auth-page) .mp-main .help-guide-flow a{
  display:grid;
  gap:8px;
  padding:13px;
  border-radius:17px;
}

body:not(.auth-page) .mp-main .help-guide-flow a:hover,
body:not(.auth-page) .mp-main .help-guide-flow a:focus-visible,
body:not(.auth-page) .mp-main .help-step-card:hover,
body:not(.auth-page) .mp-main .help-step-card:focus-visible{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--help-blue) 42%,var(--line));
  box-shadow:0 16px 34px rgba(0,0,0,.13),0 0 24px color-mix(in srgb,var(--help-blue) 10%,transparent);
}

body:not(.auth-page) .mp-main .help-guide-flow b,
body:not(.auth-page) .mp-main .help-step-card b{
  color:var(--help-amber);
  font-size:.72rem;
  font-weight:950;
  letter-spacing:.08em;
}

body:not(.auth-page) .mp-main .help-guide-flow span{
  color:var(--text);
  font-weight:850;
  line-height:1.25;
}

body:not(.auth-page) .mp-main .help-quickstart{
  padding:22px;
}

body:not(.auth-page) .mp-main .help-section-title{
  margin-bottom:14px;
}

body:not(.auth-page) .mp-main .help-section-title h2{
  margin:0;
  font-size:clamp(1.3rem,2.2vw,1.9rem);
  letter-spacing:0;
}

body:not(.auth-page) .mp-main .help-section-title p:not(.mp-kicker){
  margin:6px 0 0;
  color:var(--muted);
}

body:not(.auth-page) .mp-main .help-step-rail{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
}

body:not(.auth-page) .mp-main .help-step-card{
  display:grid;
  gap:7px;
  padding:16px;
  border-radius:20px;
}

body:not(.auth-page) .mp-main .help-step-card strong{
  line-height:1.15;
}

body:not(.auth-page) .mp-main .help-step-card span{
  color:var(--muted);
  line-height:1.4;
}

body:not(.auth-page) .mp-main .help-search-preview{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:14px 16px;
  border-radius:22px;
}

body:not(.auth-page) .mp-main .help-search-preview span{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:var(--help-blue);
  background:color-mix(in srgb,var(--help-blue) 13%,transparent);
  border:1px solid color-mix(in srgb,var(--help-blue) 26%,transparent);
}

body:not(.auth-page) .mp-main .help-search-preview svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

body:not(.auth-page) .mp-main .help-search-preview input{
  min-height:44px;
  border:0;
  outline:0;
  background:transparent;
  color:var(--text);
  font-weight:750;
}

body:not(.auth-page) .mp-main .help-search-preview small{
  color:var(--muted);
  font-weight:850;
  white-space:nowrap;
}

body:not(.auth-page) .mp-main .help-topic-section{
  display:grid;
  gap:14px;
}

body:not(.auth-page) .mp-main .help-guide-page .help-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

body:not(.auth-page) .mp-main .help-guide-card{
  min-height:275px;
  padding:20px;
  gap:14px;
}

body:not(.auth-page) .mp-main .help-guide-card:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--help-blue) 38%,var(--line));
  box-shadow:0 20px 50px rgba(0,0,0,.17),0 0 26px color-mix(in srgb,var(--help-blue) 9%,transparent),inset 0 1px 0 rgba(255,255,255,.08);
}

body:not(.auth-page) .mp-main .help-guide-card .help-card-head{
  align-items:flex-start;
}

body:not(.auth-page) .mp-main .help-guide-card .help-card-head span{
  color:var(--help-blue);
  background:color-mix(in srgb,var(--help-blue) 13%,transparent);
  border-color:color-mix(in srgb,var(--help-blue) 28%,transparent);
}

body:not(.auth-page) .mp-main .help-guide-card .help-card-head strong{
  display:block;
  padding-top:8px;
  font-size:1.12rem;
  line-height:1.15;
}

body:not(.auth-page) .mp-main .help-guide-card p{
  line-height:1.55;
}

body:not(.auth-page) .mp-main .help-guide-card .help-steps{
  gap:9px;
}

body:not(.auth-page) .mp-main .help-guide-card .help-steps li{
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  gap:10px;
  align-items:center;
  padding:10px 12px;
  border-radius:14px;
  background:color-mix(in srgb,var(--panel-2) 55%,transparent);
  border:1px solid color-mix(in srgb,var(--line) 82%,transparent);
}

body:not(.auth-page) .mp-main .help-guide-card .help-steps li::before{
  content:none;
}

body:not(.auth-page) .mp-main .help-guide-card .help-steps b{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:10px;
  color:var(--help-amber);
  background:color-mix(in srgb,var(--help-amber) 12%,transparent);
  font-size:.72rem;
  font-weight:950;
}

body:not(.auth-page) .mp-main .help-guide-card .help-steps span{
  color:var(--text);
  line-height:1.35;
}

body:not(.auth-page) .mp-main .help-admin-section{
  padding:22px;
  border-color:color-mix(in srgb,var(--help-amber) 26%,var(--line));
  background:
    radial-gradient(circle at 92% 0%,color-mix(in srgb,var(--help-amber) 9%,transparent),transparent 31%),
    var(--help-card-bg);
}

body:not(.auth-page) .mp-main .help-admin-section .help-grid{
  margin-top:2px;
}

html[data-theme="light"] body:not(.auth-page) .mp-main .help-guide-page{
  --help-card-bg:linear-gradient(145deg,rgba(255,250,239,.98),rgba(238,227,207,.94));
  --help-card-border:rgba(128,104,68,.32);
  color:#15171d;
}

html[data-theme="light"] body:not(.auth-page) .mp-main .help-guide-hero,
html[data-theme="light"] body:not(.auth-page) .mp-main .help-quickstart,
html[data-theme="light"] body:not(.auth-page) .mp-main .help-search-preview,
html[data-theme="light"] body:not(.auth-page) .mp-main .help-guide-card,
html[data-theme="light"] body:not(.auth-page) .mp-main .help-admin-section{
  box-shadow:0 24px 62px rgba(75,56,28,.14),0 0 0 1px rgba(255,255,255,.42),inset 0 1px 0 rgba(255,255,255,.68);
}

html[data-theme="light"] body:not(.auth-page) .mp-main .help-guide-flow a,
html[data-theme="light"] body:not(.auth-page) .mp-main .help-step-card,
html[data-theme="light"] body:not(.auth-page) .mp-main .help-guide-card .help-steps li{
  background:rgba(255,248,235,.82);
  border-color:rgba(130,104,65,.25);
}

html[data-theme="light"] body:not(.auth-page) .mp-main .help-guide-hero p,
html[data-theme="light"] body:not(.auth-page) .mp-main .help-step-card span,
html[data-theme="light"] body:not(.auth-page) .mp-main .help-search-preview small,
html[data-theme="light"] body:not(.auth-page) .mp-main .help-section-title p:not(.mp-kicker),
html[data-theme="light"] body:not(.auth-page) .mp-main .help-guide-card p{
  color:#6f6253;
}

html[data-theme="light"] body:not(.auth-page) .mp-main .help-search-preview input{
  color:#15171d;
}

html[data-theme="light"] body:not(.auth-page) .mp-main .help-guide-page .help-orbit{
  background:
    repeating-conic-gradient(from -18deg,rgba(47,111,218,.14) 0 8deg,transparent 8deg 24deg),
    radial-gradient(circle at center,rgba(255,250,239,.94) 0 48%,transparent 49%),
    rgba(47,111,218,.07);
}

@media(max-width:1180px){
  body:not(.auth-page) .mp-main .help-guide-flow,
  body:not(.auth-page) .mp-main .help-step-rail{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body:not(.auth-page) .mp-main .help-guide-page .help-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:820px){
  body:not(.auth-page) .mp-main .help-guide-hero{
    grid-template-columns:1fr;
  }

  body:not(.auth-page) .mp-main .help-search-preview{
    grid-template-columns:auto minmax(0,1fr);
  }

  body:not(.auth-page) .mp-main .help-search-preview small{
    grid-column:2;
  }
}

@media(max-width:620px){
  body:not(.auth-page) .mp-main .help-guide-flow,
  body:not(.auth-page) .mp-main .help-step-rail,
  body:not(.auth-page) .mp-main .help-guide-page .help-grid{
    grid-template-columns:1fr;
  }

  body:not(.auth-page) .mp-main .help-guide-hero,
  body:not(.auth-page) .mp-main .help-quickstart,
  body:not(.auth-page) .mp-main .help-admin-section{
    padding:18px;
    border-radius:22px;
  }

  body:not(.auth-page) .mp-main .help-guide-page .help-orbit{
    width:126px;
    height:126px;
  }
}

/* pre-Alpha V1.0.7 admin control center */
body.page-admin:not(.auth-page) .mp-main .admin-control-page{
  max-width:1280px;
  --admin-blue:#2f6fda;
  --admin-amber:#d8a03a;
  --admin-card-bg:linear-gradient(145deg,color-mix(in srgb,var(--panel) 94%,transparent),color-mix(in srgb,var(--panel-2) 78%,transparent));
  --admin-card-border:color-mix(in srgb,var(--line) 80%,rgba(47,111,218,.2));
  display:grid;
  gap:20px;
}

body.page-admin:not(.auth-page) .mp-main .admin-control-head{
  align-items:flex-end;
  margin-bottom:2px;
}

body.page-admin:not(.auth-page) .mp-main .admin-control-head h1{
  letter-spacing:0;
}

body.page-admin:not(.auth-page) .mp-main .admin-top-actions{
  align-items:center;
  justify-content:flex-end;
  gap:9px;
}

body.page-admin:not(.auth-page) .mp-main .admin-tool-link{
  color:var(--muted);
  background:color-mix(in srgb,var(--panel-2) 45%,transparent);
  border-color:color-mix(in srgb,var(--line) 84%,transparent);
}

body.page-admin:not(.auth-page) .mp-main .admin-tool-link:hover,
body.page-admin:not(.auth-page) .mp-main .admin-tool-link:focus-visible{
  color:var(--text);
  border-color:color-mix(in srgb,var(--admin-blue) 34%,var(--line));
  background:color-mix(in srgb,var(--admin-blue) 8%,transparent);
}

body.page-admin:not(.auth-page) .mp-main .admin-status-card,
body.page-admin:not(.auth-page) .mp-main .admin-access-card,
body.page-admin:not(.auth-page) .mp-main .admin-priority-card,
body.page-admin:not(.auth-page) .mp-main .admin-role-card,
body.page-admin:not(.auth-page) .mp-main .admin-management-card,
body.page-admin:not(.auth-page) .mp-main .admin-compact-card,
body.page-admin:not(.auth-page) .mp-main .admin-settings-row > article{
  position:relative;
  overflow:hidden;
  border:1px solid var(--admin-card-border);
  border-radius:28px;
  background:
    radial-gradient(circle at 92% 0%,color-mix(in srgb,var(--admin-blue) 10%,transparent),transparent 31%),
    var(--admin-card-bg);
  box-shadow:0 22px 62px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.07);
}

body.page-admin:not(.auth-page) .mp-main .admin-status-card::before,
body.page-admin:not(.auth-page) .mp-main .admin-access-card::before,
body.page-admin:not(.auth-page) .mp-main .admin-priority-card::before,
body.page-admin:not(.auth-page) .mp-main .admin-role-card::before,
body.page-admin:not(.auth-page) .mp-main .admin-management-card::before,
body.page-admin:not(.auth-page) .mp-main .admin-compact-card::before,
body.page-admin:not(.auth-page) .mp-main .admin-settings-row > article::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent 0 18px,color-mix(in srgb,var(--admin-blue) 7%,transparent) 18px 19px,transparent 19px 100%),
    linear-gradient(180deg,rgba(255,255,255,.045),transparent 34%);
  opacity:.42;
}

body.page-admin:not(.auth-page) .mp-main .admin-status-card > *,
body.page-admin:not(.auth-page) .mp-main .admin-access-card > *,
body.page-admin:not(.auth-page) .mp-main .admin-priority-card > *,
body.page-admin:not(.auth-page) .mp-main .admin-role-card > *,
body.page-admin:not(.auth-page) .mp-main .admin-management-card > *,
body.page-admin:not(.auth-page) .mp-main .admin-compact-card > *,
body.page-admin:not(.auth-page) .mp-main .admin-settings-row > article > *{
  position:relative;
  z-index:1;
}

body.page-admin:not(.auth-page) .mp-main .admin-status-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) 330px;
  gap:18px;
  align-items:stretch;
}

body.page-admin:not(.auth-page) .mp-main .admin-status-card,
body.page-admin:not(.auth-page) .mp-main .admin-access-card,
body.page-admin:not(.auth-page) .mp-main .admin-priority-card,
body.page-admin:not(.auth-page) .mp-main .admin-role-card,
body.page-admin:not(.auth-page) .mp-main .admin-management-card,
body.page-admin:not(.auth-page) .mp-main .admin-compact-card{
  padding:22px;
}

body.page-admin:not(.auth-page) .mp-main .admin-status-head,
body.page-admin:not(.auth-page) .mp-main .admin-section-title{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:16px;
}

body.page-admin:not(.auth-page) .mp-main .admin-section-title{
  display:block;
}

body.page-admin:not(.auth-page) .mp-main .admin-status-head h2,
body.page-admin:not(.auth-page) .mp-main .admin-section-title h2,
body.page-admin:not(.auth-page) .mp-main .admin-link-group h3{
  margin:0;
  letter-spacing:0;
  line-height:1.08;
}

body.page-admin:not(.auth-page) .mp-main .admin-section-title p:not(.mp-kicker){
  margin:6px 0 0;
  color:var(--muted);
}

body.page-admin:not(.auth-page) .mp-main .admin-status-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

body.page-admin:not(.auth-page) .mp-main .admin-status-kpi{
  min-width:0;
  padding:16px;
  border:1px solid color-mix(in srgb,var(--line) 84%,transparent);
  border-radius:20px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.04),transparent 52%),
    color-mix(in srgb,var(--panel-2) 52%,transparent);
}

body.page-admin:not(.auth-page) .mp-main .admin-status-kpi span,
body.page-admin:not(.auth-page) .mp-main .admin-access-meta span,
body.page-admin:not(.auth-page) .mp-main .admin-role-summary span,
body.page-admin:not(.auth-page) .mp-main .admin-link-group h3{
  color:var(--muted);
  font-size:.75rem;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}

body.page-admin:not(.auth-page) .mp-main .admin-status-kpi strong{
  display:block;
  margin-top:7px;
  font-size:clamp(1.7rem,3vw,2.6rem);
  line-height:.95;
  font-variant-numeric:tabular-nums;
}

body.page-admin:not(.auth-page) .mp-main .admin-status-kpi small{
  display:block;
  margin-top:7px;
  color:var(--muted);
}

body.page-admin:not(.auth-page) .mp-main .admin-access-card{
  display:grid;
  gap:15px;
}

body.page-admin:not(.auth-page) .mp-main .admin-access-user{
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  gap:13px;
  align-items:center;
}

body.page-admin:not(.auth-page) .mp-main .admin-access-user .mp-brand-mark{
  width:58px;
  height:58px;
  border-radius:18px;
}

body.page-admin:not(.auth-page) .mp-main .admin-access-user strong{
  display:block;
  font-size:1.2rem;
}

body.page-admin:not(.auth-page) .mp-main .admin-access-user small{
  display:block;
  margin-top:3px;
  color:var(--muted);
  line-height:1.35;
}

body.page-admin:not(.auth-page) .mp-main .admin-access-meta,
body.page-admin:not(.auth-page) .mp-main .admin-role-summary{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}

body.page-admin:not(.auth-page) .mp-main .admin-access-meta span,
body.page-admin:not(.auth-page) .mp-main .admin-role-summary div{
  padding:12px;
  border:1px solid color-mix(in srgb,var(--line) 84%,transparent);
  border-radius:16px;
  background:color-mix(in srgb,var(--panel-2) 48%,transparent);
}

body.page-admin:not(.auth-page) .mp-main .admin-access-meta b,
body.page-admin:not(.auth-page) .mp-main .admin-role-summary strong{
  display:block;
  margin-top:4px;
  color:var(--text);
  white-space:nowrap;
}

body.page-admin:not(.auth-page) .mp-main .admin-priority-grid{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);
  gap:18px;
}

body.page-admin:not(.auth-page) .mp-main .admin-task-list{
  display:grid;
  gap:10px;
}

body.page-admin:not(.auth-page) .mp-main .admin-task-list.compact{
  gap:9px;
}

body.page-admin:not(.auth-page) .mp-main .admin-task-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:5px 14px;
  align-items:center;
  padding:13px 14px;
  border:1px solid color-mix(in srgb,var(--line) 84%,transparent);
  border-radius:18px;
  background:color-mix(in srgb,var(--panel-2) 50%,transparent);
  color:var(--text);
  text-decoration:none;
}

body.page-admin:not(.auth-page) .mp-main .admin-task-row.priority{
  border-color:color-mix(in srgb,var(--admin-amber) 38%,var(--line));
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--admin-amber) 9%,transparent),transparent 46%),
    color-mix(in srgb,var(--panel-2) 52%,transparent);
}

body.page-admin:not(.auth-page) .mp-main .admin-task-row:hover,
body.page-admin:not(.auth-page) .mp-main .admin-task-row:focus-visible{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--admin-blue) 38%,var(--line));
}

body.page-admin:not(.auth-page) .mp-main .admin-task-row.is-note:hover{
  transform:none;
}

body.page-admin:not(.auth-page) .mp-main .admin-task-row span{
  font-weight:900;
}

body.page-admin:not(.auth-page) .mp-main .admin-task-row strong{
  font-size:1.35rem;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}

body.page-admin:not(.auth-page) .mp-main .admin-task-row small{
  grid-column:1/-1;
  color:var(--muted);
}

body.page-admin:not(.auth-page) .mp-main .admin-control-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:18px;
  align-items:start;
}

body.page-admin:not(.auth-page) .mp-main .admin-link-groups{
  display:grid;
  gap:18px;
}

body.page-admin:not(.auth-page) .mp-main .admin-link-group{
  display:grid;
  gap:10px;
}

body.page-admin:not(.auth-page) .mp-main .admin-link-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

body.page-admin:not(.auth-page) .mp-main .admin-control-tile{
  min-height:172px;
  border-radius:20px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.04),transparent 52%),
    color-mix(in srgb,var(--panel-2) 52%,transparent);
}

body.page-admin:not(.auth-page) .mp-main .admin-control-tile.is-note{
  cursor:default;
}

body.page-admin:not(.auth-page) .mp-main .admin-control-tile.is-note:hover{
  transform:none;
  border-color:color-mix(in srgb,var(--line) 84%,transparent);
}

body.page-admin:not(.auth-page) .mp-main .admin-control-tile em{
  color:var(--admin-blue);
}

body.page-admin:not(.auth-page) .mp-main .admin-side-stack{
  display:grid;
  gap:18px;
}

body.page-admin:not(.auth-page) .mp-main .admin-role-card .btn,
body.page-admin:not(.auth-page) .mp-main .admin-access-card .btn{
  justify-self:start;
}

body.page-admin:not(.auth-page) .mp-main .v12-rank-list.compact{
  max-height:430px;
  overflow:auto;
  padding-right:4px;
}

body.page-admin:not(.auth-page) .mp-main .v12-rank-list.compact div{
  padding:12px;
  border-radius:16px;
}

body.page-admin:not(.auth-page) .mp-main .admin-settings-row{
  margin-top:0;
}

body.page-admin:not(.auth-page) .mp-main .admin-settings-row > article{
  padding:22px;
}

html[data-theme="light"] body.page-admin:not(.auth-page) .mp-main .admin-control-page{
  --admin-card-bg:linear-gradient(145deg,rgba(255,250,239,.98),rgba(238,227,207,.94));
  --admin-card-border:rgba(128,104,68,.32);
  color:#15171d;
}

html[data-theme="light"] body.page-admin:not(.auth-page) .mp-main .admin-status-card,
html[data-theme="light"] body.page-admin:not(.auth-page) .mp-main .admin-access-card,
html[data-theme="light"] body.page-admin:not(.auth-page) .mp-main .admin-priority-card,
html[data-theme="light"] body.page-admin:not(.auth-page) .mp-main .admin-role-card,
html[data-theme="light"] body.page-admin:not(.auth-page) .mp-main .admin-management-card,
html[data-theme="light"] body.page-admin:not(.auth-page) .mp-main .admin-compact-card,
html[data-theme="light"] body.page-admin:not(.auth-page) .mp-main .admin-settings-row > article{
  box-shadow:0 24px 62px rgba(75,56,28,.14),0 0 0 1px rgba(255,255,255,.42),inset 0 1px 0 rgba(255,255,255,.68);
}

html[data-theme="light"] body.page-admin:not(.auth-page) .mp-main .admin-status-kpi,
html[data-theme="light"] body.page-admin:not(.auth-page) .mp-main .admin-access-meta span,
html[data-theme="light"] body.page-admin:not(.auth-page) .mp-main .admin-role-summary div,
html[data-theme="light"] body.page-admin:not(.auth-page) .mp-main .admin-task-row,
html[data-theme="light"] body.page-admin:not(.auth-page) .mp-main .admin-control-tile{
  background:rgba(255,248,235,.82);
  border-color:rgba(130,104,65,.25);
}

html[data-theme="light"] body.page-admin:not(.auth-page) .mp-main .admin-status-kpi span,
html[data-theme="light"] body.page-admin:not(.auth-page) .mp-main .admin-status-kpi small,
html[data-theme="light"] body.page-admin:not(.auth-page) .mp-main .admin-access-user small,
html[data-theme="light"] body.page-admin:not(.auth-page) .mp-main .admin-access-meta span,
html[data-theme="light"] body.page-admin:not(.auth-page) .mp-main .admin-role-summary span,
html[data-theme="light"] body.page-admin:not(.auth-page) .mp-main .admin-task-row small,
html[data-theme="light"] body.page-admin:not(.auth-page) .mp-main .admin-link-group h3{
  color:#6f6253;
}

html[data-theme="light"] body.page-admin:not(.auth-page) .mp-main .admin-task-row.priority{
  border-color:rgba(190,137,50,.4);
  background:
    linear-gradient(90deg,rgba(216,160,58,.12),transparent 46%),
    rgba(255,248,235,.84);
}

@media(max-width:1180px){
  body.page-admin:not(.auth-page) .mp-main .admin-status-hero,
  body.page-admin:not(.auth-page) .mp-main .admin-priority-grid,
  body.page-admin:not(.auth-page) .mp-main .admin-control-layout{
    grid-template-columns:1fr;
  }

  body.page-admin:not(.auth-page) .mp-main .admin-status-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:820px){
  body.page-admin:not(.auth-page) .mp-main .admin-control-head{
    align-items:flex-start;
  }

  body.page-admin:not(.auth-page) .mp-main .admin-top-actions{
    justify-content:flex-start;
    width:100%;
  }

  body.page-admin:not(.auth-page) .mp-main .admin-status-grid,
  body.page-admin:not(.auth-page) .mp-main .admin-link-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:620px){
  body.page-admin:not(.auth-page) .mp-main .admin-status-grid,
  body.page-admin:not(.auth-page) .mp-main .admin-link-grid,
  body.page-admin:not(.auth-page) .mp-main .admin-access-meta,
  body.page-admin:not(.auth-page) .mp-main .admin-role-summary{
    grid-template-columns:1fr;
  }

  body.page-admin:not(.auth-page) .mp-main .admin-status-card,
  body.page-admin:not(.auth-page) .mp-main .admin-access-card,
  body.page-admin:not(.auth-page) .mp-main .admin-priority-card,
  body.page-admin:not(.auth-page) .mp-main .admin-role-card,
  body.page-admin:not(.auth-page) .mp-main .admin-management-card,
  body.page-admin:not(.auth-page) .mp-main .admin-compact-card,
  body.page-admin:not(.auth-page) .mp-main .admin-settings-row > article{
    padding:18px;
    border-radius:22px;
  }
}

/* pre-Alpha V1.0.7 Upgrade Build-Journal polish */
body:not(.auth-page) .mp-main .upgrade-workflow-page{
  max-width:1240px;
}

body:not(.auth-page) .mp-main .upgrade-workflow-shell{
  grid-template-columns:minmax(0,1.08fr) 356px;
  gap:22px;
}

body:not(.auth-page) .mp-main .upgrade-workflow-form{
  gap:14px;
  padding:22px;
}

body:not(.auth-page) .mp-main .upgrade-step{
  gap:14px;
  padding:16px;
}

body:not(.auth-page) .mp-main .upgrade-step-head{
  grid-template-columns:32px minmax(0,1fr);
}

body:not(.auth-page) .mp-main .upgrade-step-head b{
  width:32px;
  height:32px;
  border-radius:12px;
}

body:not(.auth-page) .mp-main .upgrade-step[data-upgrade-step="vehicle"] .upgrade-step-grid.two{
  grid-template-columns:minmax(210px,.82fr) minmax(0,1.18fr);
  align-items:start;
}

body:not(.auth-page) .mp-main .upgrade-field.field-motorcycle{
  align-self:start;
}

body:not(.auth-page) .mp-main .upgrade-category-field{
  gap:9px;
}

body:not(.auth-page) .mp-main .upgrade-category-native{
  order:2;
}

body:not(.auth-page) .mp-main .upgrade-category-native select{
  min-height:42px;
  font-size:.9rem;
  opacity:.86;
}

body:not(.auth-page) .mp-main .upgrade-category-cards{
  order:1;
  gap:8px;
}

body:not(.auth-page) .mp-main .upgrade-category-card{
  position:relative;
  min-height:92px;
  padding:13px 13px 13px 38px;
  gap:5px;
  overflow:hidden;
  cursor:pointer;
  transition:transform .2s ease,border-color .24s ease,background-color .24s ease,box-shadow .24s ease,filter .24s ease;
}

body:not(.auth-page) .mp-main .upgrade-category-card::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:0;
  background:linear-gradient(90deg,color-mix(in srgb,var(--wm-amber) 16%,transparent),transparent 42%);
  transition:opacity .24s ease;
}

body:not(.auth-page) .mp-main .upgrade-category-marker{
  position:absolute;
  left:13px;
  top:15px;
  width:14px;
  height:14px;
  border-radius:999px;
  border:1px solid color-mix(in srgb,var(--line) 86%,var(--wm-amber) 18%);
  background:color-mix(in srgb,var(--panel) 72%,transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}

body:not(.auth-page) .mp-main .upgrade-category-card strong,
body:not(.auth-page) .mp-main .upgrade-category-card span{
  position:relative;
  z-index:1;
}

body:not(.auth-page) .mp-main .upgrade-category-card span{
  font-size:.9rem;
  line-height:1.3;
}

body:not(.auth-page) .mp-main .upgrade-category-card:hover,
body:not(.auth-page) .mp-main .upgrade-category-card:focus-visible{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--wm-amber) 44%,var(--line));
  filter:saturate(1.02);
}

body:not(.auth-page) .mp-main .upgrade-category-card.is-selected{
  border-color:color-mix(in srgb,var(--wm-amber) 68%,var(--blue) 18%);
  background:
    radial-gradient(circle at 92% 0%,color-mix(in srgb,var(--wm-amber) 18%,transparent),transparent 36%),
    linear-gradient(145deg,color-mix(in srgb,var(--wm-amber) 14%,var(--panel-2)),color-mix(in srgb,var(--panel) 84%,transparent));
  box-shadow:0 16px 34px rgba(0,0,0,.14),0 0 0 1px color-mix(in srgb,var(--wm-amber) 14%,transparent),0 0 24px color-mix(in srgb,var(--wm-amber) 14%,transparent),inset 3px 0 0 var(--wm-amber);
}

body:not(.auth-page) .mp-main .upgrade-category-card.is-selected::before{
  opacity:1;
}

body:not(.auth-page) .mp-main .upgrade-category-card.is-selected .upgrade-category-marker{
  border-color:var(--wm-amber);
  background:var(--wm-amber);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--wm-amber) 17%,transparent),0 0 18px color-mix(in srgb,var(--wm-amber) 30%,transparent);
}

body:not(.auth-page) .mp-main .upgrade-title-field{
  padding:17px;
  border-color:color-mix(in srgb,var(--blue) 30%,var(--line));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 28px color-mix(in srgb,var(--blue) 7%,transparent);
}

body:not(.auth-page) .mp-main .upgrade-title-field > span{
  color:var(--text);
  font-size:.82rem;
  letter-spacing:.06em!important;
  text-transform:uppercase;
}

body:not(.auth-page) .mp-main .upgrade-title-field input{
  min-height:60px;
  font-size:1.12rem;
}

body:not(.auth-page) .mp-main .field-notes textarea{
  min-height:96px;
}

body:not(.auth-page) .mp-main .field-notes small{
  opacity:.82;
}

body:not(.auth-page) .mp-main .upgrade-invoice-step .upgrade-step-head small{
  max-width:580px;
}

body:not(.auth-page) .mp-main .upgrade-item-toolbar{
  gap:8px;
}

body:not(.auth-page) .mp-main .upgrade-item-toolbar .btn{
  min-height:38px;
  border-radius:13px;
  background:color-mix(in srgb,var(--panel-2) 64%,transparent);
  border-color:color-mix(in srgb,var(--line) 78%,var(--blue) 10%);
  color:var(--text);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}

body:not(.auth-page) .mp-main .upgrade-item-toolbar .btn:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--blue) 36%,var(--line));
  box-shadow:0 12px 24px color-mix(in srgb,var(--blue) 10%,transparent),inset 0 1px 0 rgba(255,255,255,.1);
}

body:not(.auth-page) .mp-main .upgrade-item-picker__empty,
body:not(.auth-page) .mp-main .invoice-item-picker__empty{
  min-height:132px;
  display:grid;
  place-items:center;
  padding:22px;
  border-radius:18px;
  border:1px dashed color-mix(in srgb,var(--line) 82%,var(--wm-amber) 18%);
  color:var(--muted);
  text-align:center;
  line-height:1.45;
  background:color-mix(in srgb,var(--panel) 38%,transparent);
}

body:not(.auth-page) .mp-main .upgrade-compass-panel{
  padding:22px;
  gap:14px;
}

body:not(.auth-page) .mp-main .upgrade-summary-grid{
  gap:9px;
}

body:not(.auth-page) .mp-main .upgrade-summary-grid div{
  padding:12px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.035),transparent 48%),
    color-mix(in srgb,var(--panel-2) 68%,transparent);
}

body:not(.auth-page) .mp-main .upgrade-summary-grid .is-cost{
  grid-column:1/-1;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  border-color:color-mix(in srgb,var(--wm-amber) 34%,var(--line));
  background:
    radial-gradient(circle at 96% 0%,color-mix(in srgb,var(--wm-amber) 14%,transparent),transparent 34%),
    color-mix(in srgb,var(--panel-2) 72%,transparent);
}

body:not(.auth-page) .mp-main .upgrade-summary-grid .is-cost strong{
  margin-top:0;
  font-size:1.55rem;
  line-height:1;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}

body:not(.auth-page) .mp-main .upgrade-summary-grid strong{
  overflow-wrap:normal;
}

body:not(.auth-page) .mp-main .upgrade-summary-grid div:not(.is-cost) strong{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

body:not(.auth-page) .mp-main .upgrade-checklist{
  gap:8px;
}

body:not(.auth-page) .mp-main .upgrade-checklist div{
  padding:10px 11px;
}

body:not(.auth-page) .mp-main .upgrade-tip-note{
  border-radius:18px;
  background:
    linear-gradient(145deg,color-mix(in srgb,var(--wm-amber) 9%,transparent),transparent 58%),
    color-mix(in srgb,var(--panel-2) 58%,transparent);
  border:1px solid color-mix(in srgb,var(--wm-amber) 26%,var(--line));
}

body:not(.auth-page) .mp-main .upgrade-actions{
  margin:2px -22px -22px;
  padding:16px 22px 0;
  border-top:1px solid color-mix(in srgb,var(--line) 76%,transparent);
  background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--panel) 34%,transparent));
}

body:not(.auth-page) .mp-main .upgrade-cancel{
  border-radius:15px;
  background:color-mix(in srgb,var(--panel-2) 58%,transparent);
}

html[data-theme="light"] body:has(.upgrade-workflow-page):not(.auth-page) .app-bg::before{
  opacity:.58;
  filter:brightness(.98) contrast(1.08) saturate(.96);
}

html[data-theme="light"] body:has(.upgrade-workflow-page):not(.auth-page) .app-bg::after{
  background:
    radial-gradient(circle at 78% 8%,rgba(47,111,218,.045),transparent 25%),
    radial-gradient(circle at 16% 90%,rgba(186,126,34,.055),transparent 24%),
    linear-gradient(180deg,rgba(255,252,244,.04),rgba(218,198,164,.11));
}

html[data-theme="light"] body:not(.auth-page) .mp-main .upgrade-context-card,
html[data-theme="light"] body:not(.auth-page) .mp-main .upgrade-workflow-form,
html[data-theme="light"] body:not(.auth-page) .mp-main .upgrade-compass-panel{
  background:
    radial-gradient(circle at 92% 0%,rgba(186,126,34,.06),transparent 30%),
    linear-gradient(145deg,rgba(255,249,237,.985),rgba(239,228,207,.955));
  border-color:rgba(126,100,62,.42);
  box-shadow:
    0 24px 62px rgba(75,56,28,.16),
    0 0 0 1px rgba(255,255,255,.5),
    inset 0 1px 0 rgba(255,255,255,.74);
}

html[data-theme="light"] body:not(.auth-page) .mp-main .upgrade-step,
html[data-theme="light"] body:not(.auth-page) .mp-main .upgrade-context-meter,
html[data-theme="light"] body:not(.auth-page) .mp-main .upgrade-title-field,
html[data-theme="light"] body:not(.auth-page) .mp-main .upgrade-category-card,
html[data-theme="light"] body:not(.auth-page) .mp-main .upgrade-item-picker,
html[data-theme="light"] body:not(.auth-page) .mp-main .upgrade-cost-card,
html[data-theme="light"] body:not(.auth-page) .mp-main .upgrade-summary-grid div,
html[data-theme="light"] body:not(.auth-page) .mp-main .upgrade-checklist div{
  background:rgba(255,248,235,.86);
  border-color:rgba(124,98,60,.31);
}

html[data-theme="light"] body:not(.auth-page) .mp-main .upgrade-category-card.is-selected{
  border-color:rgba(183,126,31,.72);
  background:
    radial-gradient(circle at 92% 0%,rgba(216,160,58,.18),transparent 36%),
    linear-gradient(145deg,rgba(255,243,216,.96),rgba(246,232,202,.94));
  box-shadow:0 18px 36px rgba(127,88,31,.16),0 0 0 1px rgba(255,255,255,.46),0 0 22px rgba(216,160,58,.18),inset 3px 0 0 var(--wm-amber);
}

html[data-theme="light"] body:not(.auth-page) .mp-main .upgrade-field input,
html[data-theme="light"] body:not(.auth-page) .mp-main .upgrade-field select,
html[data-theme="light"] body:not(.auth-page) .mp-main .upgrade-field textarea,
html[data-theme="light"] body:not(.auth-page) .mp-main .upgrade-title-field input,
html[data-theme="light"] body:not(.auth-page) .mp-main .field-invoices select{
  background:rgba(255,252,244,.96);
  border-color:rgba(122,96,58,.38);
  color:#15171d;
}

html[data-theme="light"] body:not(.auth-page) .mp-main .upgrade-item-toolbar .btn,
html[data-theme="light"] body:not(.auth-page) .mp-main .upgrade-cancel{
  background:rgba(255,248,235,.88);
  border-color:rgba(124,98,60,.3);
}

html[data-theme="light"] body:not(.auth-page) .mp-main .upgrade-category-marker{
  background:rgba(255,252,244,.92);
  border-color:rgba(124,98,60,.42);
}

html[data-theme="light"] body:not(.auth-page) .mp-main .upgrade-category-card.is-selected .upgrade-category-marker{
  background:var(--wm-amber);
  border-color:#b47d22;
}

@media(max-width:1180px){
  body:not(.auth-page) .mp-main .upgrade-workflow-shell{
    grid-template-columns:1fr;
  }
}

@media(max-width:820px){
  body:not(.auth-page) .mp-main .upgrade-step[data-upgrade-step="vehicle"] .upgrade-step-grid.two{
    grid-template-columns:1fr;
  }
}

@media(max-width:760px){
  body:not(.auth-page) .mp-main .upgrade-actions{
    margin:2px -18px -18px;
    padding:14px 18px 0;
  }

  body:not(.auth-page) .mp-main .upgrade-category-card{
    min-height:84px;
  }
}