/* PatioFlow Definitive Edition — Premium redesign.
   Visual overrides only.  Firestore collections, account roles and validation
   remain owned by the unchanged application modules. */
:root,
html[data-theme="light"] {
  color-scheme:light;
  --bg:#f4f7fb;--panel:#ffffff;--panel-2:#f8fafd;--panel-3:#eff4fa;
  --border:#e2e9f2;--muted:#687b92;--text:#14243b;--soft:#3f536d;
  --blue:#276ce4;--blue-2:#2469e7;--danger:#da5262;--green:#159f79;
  --pf-nav:#101e31;--pf-nav-muted:#9db3cf;--pf-card:#ffffff;--pf-hover:#f1f6fe;
  --pf-field:#fbfcfe;--pf-input:#fbfcfe;--pf-alert:#fff7ef;--pf-placeholder:#e8eff7;
  --pf-shadow:0 6px 28px rgba(23,49,90,.055);--pf-shadow-hover:0 16px 38px rgba(30,58,110,.11);
}
html[data-theme="dark"] {
  color-scheme:dark;
  --bg:#0c1522;--panel:#152235;--panel-2:#1b2a40;--panel-3:#253750;
  --border:#2a3d55;--muted:#9baec7;--text:#f1f6fe;--soft:#cad7e9;
  --blue:#75abff;--blue-2:#317de9;--danger:#fc8996;--green:#62d5aa;
  --pf-nav:#0a111d;--pf-nav-muted:#a6b8d0;--pf-card:#152236;--pf-hover:#233751;
  --pf-field:#111c2c;--pf-input:#101c2b;--pf-alert:#3d2b29;--pf-placeholder:#1e3046;
  --pf-shadow:0 6px 30px rgba(0,0,0,.15);--pf-shadow-hover:0 18px 46px rgba(0,0,0,.3);
}
html {background:var(--bg)!important;transition:background .22s ease}
body {background:var(--bg)!important;color:var(--text)!important;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.008em}
#mainApp, .screen{min-width:0}
.shell {max-width:1900px!important;padding:21px clamp(14px,2.3vw,38px) 32px!important}
.topbar {padding:0 0 17px!important;border-bottom:1px solid var(--border)!important;flex-wrap:nowrap!important}
.brandmark.definitive-mark{width:54px!important;height:54px!important;box-shadow:0 6px 21px rgba(20,99,209,.14)!important}
.brand-identity h1 {color:var(--text)!important;font-size:27px!important;letter-spacing:-1.3px!important}
.brand-identity h1 span{color:var(--blue-2)!important}
.brand-eyebrow{color:var(--blue)!important;letter-spacing:1.6px!important}
.definitive-wordmark{color:var(--muted)!important;letter-spacing:2.6px!important;font-size:9px!important}
.header-user{font-size:12px;color:var(--muted)!important;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.role-chip,.cloud-pill{border-radius:999px!important;border-color:var(--border)!important;background:var(--panel)!important;color:var(--soft)!important}
.cloud-pill{color:var(--green)!important}
.top-actions{gap:9px!important}
.btn,.icon-btn{background:var(--panel)!important;border:1px solid var(--border)!important;color:var(--soft)!important;transition:background .14s,border-color .14s,transform .14s,box-shadow .14s}
.btn{border-radius:11px!important;box-shadow:0 1px 2px rgba(5,24,55,.035)}
.btn:hover,.icon-btn:hover{background:var(--pf-hover)!important;border-color:color-mix(in srgb,var(--blue) 40%,var(--border))!important;color:var(--text)!important}
.btn-primary {background:#2675ed!important;border-color:#2675ed!important;color:#fff!important;box-shadow:0 4px 16px rgba(37,112,225,.18)}
.btn-primary:hover {background:#1e62cd!important;border-color:#1e62cd!important;color:#fff!important}
.btn-danger{color:var(--danger)!important;border-color:color-mix(in srgb,var(--danger) 42%,var(--border))!important;background:color-mix(in srgb,var(--danger) 9%,var(--panel))!important}
.btn-plain{border-color:transparent!important;box-shadow:none!important}
.theme-toggle{min-height:42px;display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:12px;background:var(--panel);color:var(--text);padding:0 13px;font-size:12px;font-weight:780;white-space:nowrap}
.theme-toggle:hover{border-color:var(--blue);background:var(--pf-hover)}.theme-icon{font-size:19px;line-height:1;width:20px;text-align:center;color:var(--blue)}
.theme-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.theme-label{white-space:nowrap}
/* Header and five clean dashboard indicators */
.intro{margin:23px 0 0!important;background:var(--panel)!important;border:1px solid var(--border)!important;box-shadow:var(--pf-shadow)!important;padding:19px 24px!important;border-radius:17px!important;min-height:85px!important}
.intro h2{color:var(--text);font-size:24px!important;letter-spacing:-.75px;margin:3px 0 0!important}
.intro-pill{background:color-mix(in srgb,var(--green) 12%,var(--panel))!important;color:var(--green)!important;border:1px solid color-mix(in srgb,var(--green) 24%,var(--border))!important;font-size:11px!important}
.metrics{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;margin:16px 0 21px!important}
.metric{display:grid;align-content:space-between;gap:10px;min-height:119px!important;border-radius:16px!important;background:var(--panel)!important;border:1px solid var(--border)!important;padding:17px 18px!important;box-shadow:var(--pf-shadow);overflow:hidden}
.metric:before{display:none!important}
.metric-title{font-size:12px!important;font-weight:660!important;color:var(--muted)!important;min-height:25px;align-items:start;line-height:1.4}
.metric-title .pf-icon{box-sizing:content-box;height:20px!important;width:20px!important;padding:8px;border-radius:11px;stroke-width:2;color:#216ee5!important;background:#e9f2ff;flex:none;margin:-3px -4px 0 5px}
.metric:nth-child(2) .pf-icon{color:#da8427!important;background:#fff2e2}
.metric:nth-child(3) .pf-icon{color:#159c79!important;background:#e1f7ee}
.metric:nth-child(4) .pf-icon{color:#dc5262!important;background:#fff0f1}
.metric:nth-child(5) .pf-icon{color:#8268d7!important;background:#f0ebff}
html[data-theme="dark"] .metric-title .pf-icon{background:#203e65;color:#8abaff!important}
html[data-theme="dark"] .metric:nth-child(2) .pf-icon{background:#453423;color:#ffcc8b!important}
html[data-theme="dark"] .metric:nth-child(3) .pf-icon{background:#1a483d;color:#89eac5!important}
html[data-theme="dark"] .metric:nth-child(4) .pf-icon{background:#4c2730;color:#ffafb8!important}
html[data-theme="dark"] .metric:nth-child(5) .pf-icon{background:#352b58;color:#cbb9ff!important}
.metric-value{font-size:32px!important;color:var(--text)!important;letter-spacing:-1.5px!important;margin:2px 0!important;line-height:1.05}
.metric-value.warning{color:#d88925!important}.metric-value.danger{color:var(--danger)!important}.metric-value.violet{color:#8268d7!important}
/* Content layout, left navigation and restrained active states */
.workspace-grid{display:grid;grid-template-columns:210px minmax(0,1fr);align-items:start;gap:25px;min-width:0}
.workspace-sidebar{position:sticky;top:16px;background:var(--pf-nav);border-radius:17px;padding:20px 12px;min-height:520px;color:#fff;box-shadow:0 10px 30px #05122520}
.sidebar-caption{color:var(--pf-nav-muted);padding:0 12px;font-size:10px;letter-spacing:1.3px;font-weight:820;margin-bottom:12px}
.sidebar-divider{height:1px;background:#ffffff1e;margin:24px 8px 18px}
.app-nav{display:flex!important;flex-direction:column;gap:5px;overflow:visible!important;margin:0 0 16px!important;padding:0!important}
.app-tab,.sidebar-shortcuts button{border:none!important;text-align:left;display:flex;align-items:center;gap:12px;width:100%;padding:12px 12px!important;min-height:44px;font-size:12.5px!important;font-weight:680;border-radius:10px!important;background:transparent!important;color:#b9c9de!important;white-space:normal!important}
.app-tab:hover,.sidebar-shortcuts button:hover{background:#ffffff14!important;color:#fff!important}
.app-tab.active{background:linear-gradient(90deg,#1d70e3,#3489ee)!important;color:#fff!important;box-shadow:0 5px 14px #07386e2f}
.pf-icon{width:17px!important;height:17px!important;flex:none;display:inline-block}
.sidebar-shortcuts{display:flex;flex-direction:column;gap:2px}.sidebar-shortcuts button{padding:10px 12px!important;min-height:36px;font-size:12px!important;color:#a9b9ce!important}
.workspace-content{min-width:0;padding:0 0 20px}
.page-view{margin:0 0 25px!important}
.section-heading{margin:3px 0 21px!important}.section-heading h2,.board-head h2{color:var(--text);font-size:21px!important;font-weight:790}
.section-heading p,.board-subtitle{color:var(--muted)!important}
.footer{border-top:1px solid var(--border);padding-top:15px;color:var(--muted)!important;margin-top:15px}
.footer button{color:var(--blue)!important}
/* Board lanes and clean vehicle cards */
.board-head{margin:5px 0 16px!important}.search-wrap input{background:var(--panel)!important;border:1px solid var(--border)!important;color:var(--text)!important;min-height:43px!important;border-radius:11px!important}
.search-wrap input::placeholder{color:var(--muted)!important}
.board-group,.board-group.external-group{background:var(--panel-2)!important;border:1px solid var(--border)!important;border-radius:17px!important;padding:20px!important;margin:0 0 21px!important;box-shadow:0 3px 14px #061e3911}
.group-head h3,.group-head p{color:var(--text)}.group-head p{color:var(--muted)!important}.group-kicker{color:var(--blue)!important}
.group-count{background:var(--panel-3)!important;color:var(--soft)!important;border:1px solid var(--border)!important}
.board{gap:12px!important;min-height:260px!important;padding-bottom:10px!important;scrollbar-color:var(--border) transparent!important}
.lane{background:var(--panel)!important;border:1px solid var(--border)!important;min-width:235px!important;flex:1 0 235px!important;max-width:305px!important;min-height:290px!important;border-radius:14px!important}
.lane.is-over{background:var(--pf-hover)!important;border-color:var(--blue)!important}
.lane-head{border-bottom:1px solid var(--border)!important;padding:14px 13px!important;color:var(--text)}
.lane-title{font-size:12.5px;font-weight:770}.lane-count{background:var(--panel-3)!important;border:1px solid var(--border)!important;color:var(--soft)!important}
.cards{padding:10px!important;gap:10px!important;min-height:108px!important}
.vehicle-card.premium-vehicle-card{padding:0!important;overflow:hidden;border-radius:12px!important;border:1px solid var(--border)!important;background:var(--pf-card)!important;box-shadow:0 1px 5px #0729530e;min-width:0}
.vehicle-card.premium-vehicle-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--blue) 48%,var(--border))!important;box-shadow:var(--pf-shadow-hover)!important}
.vehicle-card.premium-vehicle-card:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.card-cover{position:relative;width:100%;height:118px;background:var(--pf-placeholder);overflow:hidden}
.card-cover>img{height:100%;width:100%;display:block;object-fit:cover}
.card-cover.is-placeholder>img{object-fit:contain;padding:4px 7px}
.card-cover.has-photo>img{object-fit:cover}
.card-stage-label{position:absolute;left:10px;bottom:9px;background:#0b233be0;color:#fff;font-size:10px;font-weight:760;padding:5px 9px;border-radius:7px;max-width:calc(100% - 24px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;backdrop-filter:blur(10px)}
.card-alert-label{position:absolute;top:9px;right:9px;padding:5px 8px;background:#fff3f1;color:#bd384f;border-radius:7px;font-size:10px;font-weight:820}
.card-information{padding:12px 12px 11px}
.card-top{gap:5px!important;align-items:flex-start!important}
.card-heading{min-width:0;flex:1}
.card-model{margin:0 0 7px!important;font-size:14px!important;font-weight:790!important;color:var(--text)!important;line-height:1.3}
.vin-label{font-size:9px!important;color:var(--muted)!important;letter-spacing:.85px!important;font-weight:770}
.vin{font-size:11px!important;letter-spacing:.12px!important;color:var(--soft)!important;font-weight:690!important;margin-top:2px!important}
.card-top .icon-btn{min-width:29px!important;min-height:29px!important;height:29px;width:29px;padding:0!important;background:var(--panel-2)!important;font-size:14px!important;color:var(--muted)!important;border:1px solid var(--border)!important}
.card-meta{gap:5px!important;margin:11px 0 7px!important}.tag{background:var(--panel-2)!important;color:var(--soft)!important;border:1px solid var(--border)!important;border-radius:7px!important;font-size:10px!important;padding:4px 7px!important}
.tag.due{background:#fff4e9!important;color:#b76f22!important;border-color:#f3d7b6!important}.tag.late{background:#fff0f1!important;color:#c54759!important;border-color:#f6ccd1!important}
html[data-theme="dark"] .tag.due{background:#4b3523!important;color:#ffd3a0!important;border-color:#775438!important}
html[data-theme="dark"] .tag.late{background:#47262f!important;color:#ffc0c6!important;border-color:#81434c!important}
.color-dot{border:1px solid #999a9a!important}
.card-indicators{margin:4px 0!important}.card-progress-label{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted);margin-top:12px}.card-progress-label strong{color:var(--text)}
.card-progress-track{height:5px;background:var(--panel-3);overflow:hidden;border-radius:99px;margin:6px 0 11px}
.card-progress-track span{display:block;height:100%;background:linear-gradient(90deg,#2073ed,#43b3a7);border-radius:99px}
.card-footer{padding-top:10px!important;border-color:var(--border)!important;gap:5px!important}.card-hint{color:var(--muted)!important;font-size:10px!important}.move-select{max-width:115px!important;background:var(--panel-2)!important;color:var(--soft)!important;border:1px solid var(--border)!important;font-size:10px!important;border-radius:8px!important}
.move-select option{color:var(--text)!important;background:var(--panel)!important}
.lane-empty{background:var(--panel-2)!important;border-color:var(--border)!important;color:var(--muted)!important}
.add-lane{background:var(--panel)!important;color:var(--blue)!important;border-color:var(--border)!important}
/* Data views, reports, requests */
.summary-stat,.summary-wide,.data-row{background:var(--panel)!important;border-color:var(--border)!important;color:var(--text)!important;box-shadow:var(--pf-shadow);border-radius:14px!important}
.summary-stat span,.summary-wide p,.data-row p,.row-title small{color:var(--muted)!important}
.summary-stat strong{color:var(--text)!important}
.bar-row>div{background:var(--panel-3)!important}
.data-row:hover{border-color:color-mix(in srgb,var(--blue) 35%,var(--border))!important}
/* Dialogs and management settings in both themes */
dialog{background:var(--panel)!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:18px!important;box-shadow:0 30px 100px #0005!important}
dialog::backdrop{background:#081423ad!important;backdrop-filter:blur(5px)}
.modal-head,.modal-body,.modal-foot{background:var(--panel)!important;color:var(--text)!important}
.modal-head{border-bottom:1px solid var(--border);padding-bottom:16px!important}
.modal-head h2{color:var(--text)!important}.modal-eyebrow{color:var(--blue)!important}
.modal-foot{border-top:1px solid var(--border)!important}
.field label{color:var(--soft)!important}
.field input,.field select,.field textarea,.stage-entry input,.stage-entry select,.stage-add input,.stage-add select,.issue-add input,.issue-add select,.check-item select,.attach-tools input,.attach-tools select,.attach-tools button,.invite-form input,.invite-form select{
  background:var(--pf-input)!important;border:1px solid var(--border)!important;color:var(--text)!important;border-radius:9px!important;accent-color:var(--blue-2)
}
input::placeholder,textarea::placeholder{color:var(--muted)!important;opacity:.8}
input[type="date"],input[type="time"]{color-scheme:inherit}
.helper,.muted,.code-field,.preview-caption{color:var(--muted)!important}
.notice,.checklist-sync-callout,.invite-form,.history-privacy-notice{background:var(--panel-2)!important;border-color:var(--border)!important;color:var(--soft)!important}
.checklist-sync-callout strong{color:var(--text)!important}.checklist-sync-callout p{color:var(--muted)!important}
.stage-entry{border-color:var(--border)!important;color:var(--text)!important}
.check-item,.issue-item,.attachment-card,.member-entry{background:var(--panel-2)!important;border:1px solid var(--border)!important;color:var(--text)!important}
.vehicle-detail-section{border-color:var(--border)!important;color:var(--text)}.detail-title span{color:var(--muted)!important}
.attachment-media{background:var(--panel-3)!important}.attachment-media img{object-fit:cover!important}
.attachment-info small{color:var(--muted)!important}
/* Quick view: large photo, precise info and compact checklist */
.preview-dialog{width:min(96vw,840px)!important}
.preview-hero{height:220px;border-radius:14px;position:relative;overflow:hidden;background:var(--pf-placeholder);margin-bottom:16px}
.preview-hero img{height:100%;width:100%;object-fit:contain;display:block}
.preview-hero:has(img[src^="data:"]) img{object-fit:cover}
.preview-hero-label{position:absolute;left:16px;bottom:14px;background:#071b32d8;color:#fff;padding:8px 13px;border-radius:9px;font-size:13px;font-weight:780;backdrop-filter:blur(10px)}
.preview-main-status{border:1px solid var(--border)!important;background:var(--panel-2)!important;color:var(--text)!important;border-radius:12px!important}
.preview-main-status small,.preview-field small,.preview-check-item small,.preview-history time,.preview-history small,.preview-file small{color:var(--muted)!important}
.preview-main-status strong,.preview-field strong,.preview-file strong{color:var(--text)!important}
.preview-field,.preview-check-item,.preview-file{background:var(--panel-2)!important;border:1px solid var(--border)!important;color:var(--text)!important}
.preview-section{border-top:1px solid var(--border)!important}
.preview-section h3,.preview-section strong{color:var(--text)!important}
.preview-check-item{border-radius:10px!important;padding:11px 12px!important}
.preview-check-item small{font-size:11px}
.preview-progress,.bar-row>div{background:var(--panel-3)!important}
.preview-progress>div{background:linear-gradient(90deg,#2675ed,#2cbaa5)!important}
.preview-status{background:var(--panel-3)!important;color:var(--muted)!important}
.preview-status.done{background:#d7f7e9!important;color:#087e56!important}.preview-status.na{background:#fff1d9!important;color:#ad7115!important}
.preview-issue{background:color-mix(in srgb,var(--danger) 7%,var(--panel))!important;border:1px solid color-mix(in srgb,var(--danger) 25%,var(--border))!important}
.preview-issue strong{color:var(--danger)!important}.preview-issue p{color:var(--soft)!important}
.preview-ok{color:var(--green)!important}.preview-notes{color:var(--soft)!important}
.preview-history{border-color:var(--border)!important}
.preview-file img{height:102px!important;object-fit:cover!important;background:var(--panel-3)!important}
/* Admin menu flyout keeps the same menu actions */
.mobile-menu>summary{border:1px solid var(--border)!important;background:var(--panel)!important;color:var(--text)!important;border-radius:11px!important;min-height:42px!important}
.mobile-menu-popover{background:var(--panel)!important;border:1px solid var(--border)!important;box-shadow:var(--pf-shadow-hover)!important;border-radius:14px!important}
.mobile-menu-popover button{color:var(--text)!important;background:transparent!important}
.mobile-menu-popover button:hover{background:var(--pf-hover)!important}
.mobile-menu-popover .menu-section-title{color:var(--blue)!important}
.mobile-menu-popover .mobile-menu-signout{color:var(--danger)!important;border-color:var(--border)!important}
/* Sign in, auth notices */
.panel{background:var(--panel)!important;border:1px solid var(--border)!important;border-radius:19px!important;color:var(--text)!important;box-shadow:var(--pf-shadow)}
.panel h2,.panel h3{color:var(--text)!important}.panel p{color:var(--muted)!important}
.tabs .btn{min-width:120px}.screen{margin-top:30px!important}
.toast{background:var(--panel)!important;border:1px solid var(--border)!important;color:var(--text)!important;box-shadow:var(--pf-shadow-hover)!important}
/* Restrained vertical responsiveness */
@media(max-width:1280px){
 .workspace-grid{grid-template-columns:185px minmax(0,1fr);gap:16px}
 .sidebar-shortcuts button,.app-tab{font-size:12px!important;padding-left:10px!important}
 .metrics{gap:9px!important}.metric{padding:14px!important}
 .lane{min-width:215px!important;flex-basis:215px!important}
}
@media(max-width:1040px){
 .workspace-grid{display:block}.workspace-sidebar{position:static;min-height:0;padding:6px;background:transparent;box-shadow:none;border-radius:0;margin:0 0 15px}
 .workspace-sidebar .sidebar-caption,.workspace-sidebar .sidebar-divider,.workspace-sidebar .sidebar-shortcuts{display:none}
 .app-nav{display:flex!important;flex-direction:row;align-items:center;gap:7px;overflow-x:auto!important;margin:0!important;padding:0 0 6px!important}
 .app-tab{min-width:max-content;width:auto;border:1px solid var(--border)!important;background:var(--panel)!important;color:var(--soft)!important;padding:10px 12px!important}
 .app-tab.active{border-color:#2675ed!important;color:#fff!important}
 .metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .metric{min-height:102px!important}
}
@media(max-width:650px){
 .shell{padding:12px 12px calc(96px + env(safe-area-inset-bottom,0px))!important}
 .topbar{gap:8px!important;padding-bottom:12px!important}
 .brandmark.definitive-mark{width:42px!important;height:42px!important}.brand-identity h1{font-size:21px!important}.definitive-wordmark{font-size:7px!important;letter-spacing:1.35px!important}
 .top-actions{gap:6px!important}
 .top-actions>#newBtn{font-size:0!important;min-width:43px;max-width:43px;height:43px;padding:0!important;border-radius:12px!important}
 .top-actions>#newBtn svg{width:20px;height:20px}
 .theme-toggle{min-width:42px!important;width:42px!important;height:42px!important;padding:0!important;justify-content:center!important;align-items:center!important;display:flex!important}.theme-label{display:none}.theme-icon{font-size:22px;display:block;line-height:1;width:22px;text-align:center;transform:translateY(-.5px)}
 .intro{padding:14px!important;margin-top:12px!important;min-height:74px!important}.intro h2{font-size:17px!important}.intro-pill{font-size:9px!important;padding:7px!important;min-width:auto!important}
 .metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:11px 0 12px!important}
 .metric{padding:12px!important;min-height:88px!important;gap:4px!important}
 .metric-title{font-size:10.5px!important;min-height:0}.metric-title .pf-icon{width:15px!important;height:15px!important;padding:6px;margin:-3px -4px 0 2px;border-radius:8px}
 .metric-value{font-size:29px!important;margin:2px 0!important}
 .metric-warranty{grid-column:1/-1;min-height:70px!important;display:flex;align-items:center;justify-content:space-between;gap:10px!important}.metric-warranty .metric-value{font-size:29px!important}.metric-warranty .metric-title{font-size:12px!important}
 .workspace-grid{margin:0}.workspace-sidebar{display:none!important}
 .mobile-quick-nav{display:flex!important;background:color-mix(in srgb,var(--panel) 95%,transparent)!important;border-top:1px solid var(--border)!important;box-shadow:0 -5px 24px rgba(3,25,55,.08)!important;height:calc(68px + env(safe-area-inset-bottom,0px))!important;backdrop-filter:blur(18px)}
 .mobile-quick-nav button{color:var(--muted)!important;gap:5px!important;font-size:10px!important}
 .mobile-quick-nav button span{height:22px;display:grid;place-items:center}.mobile-quick-nav .pf-icon{width:21px!important;height:21px!important}
 .mobile-quick-nav button.active{color:var(--blue-2)!important;background:var(--pf-hover)!important}
 .board-head{margin:5px 0 13px!important}.board-head h2{font-size:18px!important}
 .board-tools{width:100%}.search-wrap{width:100%;flex:1;min-width:0}.search-wrap input{font-size:14px!important}
 .board-group,.board-group.external-group{padding:0!important;margin:0!important;border:none!important;box-shadow:none!important;background:transparent!important}
 .board-group .lane{min-width:0!important;max-width:none!important;width:100%!important;background:var(--panel)!important;border-color:var(--border)!important;min-height:0!important}
 .lane-head{border-bottom:1px solid var(--border)!important;padding:13px!important}
 .cards{padding:12px!important;gap:12px!important}
 .card-cover{height:165px!important}.card-information{padding:15px!important}.card-model{font-size:16px!important}
 .vin{font-size:12px!important}.card-top .icon-btn{width:36px!important;height:36px!important}
 .card-footer{display:flex!important;gap:8px!important;align-items:center!important}.card-hint{margin:0!important;font-size:11px!important}
 .move-select{min-height:42px!important;width:155px!important;max-width:155px!important;font-size:12px!important;padding:6px 25px 6px 10px!important}
 .mobile-board-tabs{background:var(--panel)!important;border-color:var(--border)!important}
 .mobile-board-tabs button{color:var(--soft)!important}.mobile-board-tabs button.active{background:var(--blue-2)!important;color:#fff!important}
 .mobile-stage-chip{color:var(--soft)!important;background:var(--panel)!important;border:1px solid var(--border)!important}
 .mobile-stage-chip.active{background:color-mix(in srgb,var(--blue) 15%,var(--panel))!important;color:var(--blue)!important;border-color:var(--blue)!important}
 .mobile-results-heading h3{color:var(--text)!important}
 .mobile-result{background:var(--panel)!important;border:1px solid var(--border)!important;border-radius:15px!important}
 .mobile-result-location{color:var(--blue)!important}
 .summary-layout{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .preview-dialog{width:calc(100vw - 12px)!important;max-height:calc(100dvh - 20px)!important}
 .preview-hero{height:177px!important;margin-top:10px}.preview-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .preview-attachments{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .modal-head{padding:17px!important}.modal-body{padding:8px 16px 20px!important}.modal-foot{padding:12px 15px!important;background:var(--panel)!important}
 .mobile-menu-popover{background:var(--panel)!important;box-shadow:var(--pf-shadow-hover)!important}
 body:has(#mobileMenu[open]) .mobile-menu{display:block!important}
 .toast{bottom:calc(84px + env(safe-area-inset-bottom,0px))!important}
}
@media(max-width:380px){
 .brand-identity h1{font-size:18px!important}.definitive-wordmark{font-size:6.5px!important}
 .metric-title{font-size:10px!important}.card-footer{flex-wrap:wrap}.move-select{width:100%!important;max-width:none!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Secondary surfaces that were previously tied to the old dark palette. */
.member-id,.member-entry,.member-entry strong,.help-content,.help-content strong{color:var(--text)!important}
.member-actions select{background:var(--pf-input)!important;border:1px solid var(--border)!important;color:var(--text)!important}
.read-only-banner{background:var(--panel-2)!important;border:1px solid var(--border)!important;color:var(--soft)!important}
.history,.history-line{border-color:var(--border)!important;color:var(--muted)!important}
.history h3,.history-line strong{color:var(--text)!important}
.history-line time{color:var(--muted)!important}
.help-content code{background:var(--panel-3)!important;color:var(--blue)!important}
.stage-entry button{background:var(--panel)!important;border:1px solid var(--border)!important;color:var(--text)!important}
.stage-entry button:hover:enabled{background:var(--pf-hover)!important}
.stage-section-label{color:var(--blue)!important}
.code-field{color:var(--soft)!important}
.mobile-board-tabs span{background:var(--panel-3)!important;color:var(--soft)!important}
.mobile-stage-chip span{color:inherit}
.sidebar-shortcuts button:disabled{opacity:.5}
#saveStatus{color:var(--muted)}

@media(max-width:650px){
 .top-actions>.theme-toggle{flex:0 0 42px!important}
 .mobile-menu>summary{display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important}
}

.premium-vehicle-card--compact{overflow:hidden}.premium-vehicle-card--compact .card-information{padding:16px 16px 14px}.card-stage-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.card-stage-label-inline{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:rgba(78,130,255,.12);color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.02em}.card-alert-label-inline{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:rgba(255,123,88,.14);color:var(--danger);font-size:12px;font-weight:800}.premium-vehicle-card--compact .card-top{align-items:flex-start}.premium-vehicle-card--compact .icon-btn{margin-top:2px}

/* Estabilização final: sem imagens ilustrativas nos cartões ou na ficha. */
.vehicle-card.premium-vehicle-card{min-height:0!important}
.premium-vehicle-card--compact .card-information{padding:15px 14px 13px!important}
.preview-overview-banner{border:1px solid var(--border);border-radius:14px;background:var(--pf-hover);padding:18px 20px;display:flex;flex-direction:column;gap:5px;margin-bottom:16px;overflow-wrap:anywhere}
.preview-overview-label{font-size:10px;letter-spacing:.13em;color:var(--muted);font-weight:800}
.preview-overview-banner strong{color:var(--text);font-size:21px;line-height:1.25}
.preview-overview-banner>span:last-child{color:var(--soft);font-size:12px}
@media(max-width:650px){
  .premium-vehicle-card--compact .card-information{padding:14px!important}
  .premium-vehicle-card--compact .card-top{gap:8px!important}
  .preview-overview-banner{padding:14px 15px;margin-top:8px}
  .top-actions>.theme-toggle{width:42px!important;min-width:42px!important;height:42px!important;display:grid!important;place-items:center!important;padding:0!important}
  .top-actions>.theme-toggle .theme-icon{display:block!important;width:22px!important;height:22px!important;line-height:22px!important;transform:none!important;margin:0!important;text-align:center!important}
}