:root{
  --carby-red:#C81016;
  --carby-bg:#f4f5f7;
  --carby-panel:#fff;
  --carby-ink:#101215;
  --carby-muted:#6f7780;
  --carby-line:#e1e5e8;
  --carby-soft:#f7f8f9;
  --carby-radius:18px;
  --carby-radius-small:11px;
  --carby-gutter:24px;
  --carby-section:24px;
}

/* One Carby spacing, card and action rhythm. */
body{background:var(--carby-bg);color:var(--carby-ink)}
.shell{max-width:1120px;padding:40px var(--carby-gutter) 72px}
.shell-with-context-back{padding-top:50px}
.panel{border:1px solid var(--carby-line);border-radius:var(--carby-radius);padding:22px;box-shadow:0 8px 24px rgba(15,23,42,.035)}
.hero{margin:16px 0 24px}
.hero h1,.vehicle-head h1,.error-panel h1{margin:8px 0 14px}
.eyebrow,.kicker{font-size:10px;letter-spacing:.11em;font-weight:900}
.lead{font-size:16px;line-height:1.5}
button,.button-link{min-height:40px;border-radius:10px;padding:10px 14px;font-weight:850;box-shadow:none}
.secondary-button{border-color:#d8dde2;background:#fff;color:#111}
input,textarea,select{border-color:#d2d8dd;border-radius:10px}
.alert{margin:0 0 12px;padding:10px 12px;border-radius:10px;font-size:11px;line-height:1.4}

/* One contextual back control everywhere — visually quieter, still a 44px+ finger target. */
.context-back{display:flex;width:max-content;align-items:center;justify-content:center;min-height:44px;margin:0 0 18px;padding:8px 11px!important;border:1px solid #cfd5da!important;border-radius:9px!important;background:#fff!important;color:#111!important;box-shadow:0 1px 5px rgba(15,23,42,.045)!important;font-size:12px;font-weight:850;line-height:1;text-align:left;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,.08)}
.context-back:hover{color:#111!important;background:#f7f8f9!important;border-color:#bfc6cc!important;text-decoration:none}
.context-back:active{transform:translateY(1px)}
.context-back:focus-visible{outline:3px solid rgba(17,17,17,.22);outline-offset:2px}
.back:not(.context-back),.back-auctions,.parts-back,.deal-flow-back,.grays-head .back-link,.results-head>.back,.job-head>.back{display:none!important}

/* Demo accounts use the real account UI; only the account/data marker differs. */
.account-preview-bar{min-height:34px;padding:6px max(24px,calc((100vw - 1120px)/2));border-bottom:1px solid #e1e5e8;background:#fafbfb;color:#626b74;font-size:9px}
.account-preview-bar>div{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.account-preview-bar strong{color:#111;font-size:9px}
.account-preview-bar button{min-height:28px;padding:5px 9px;border:1px solid #d8dde2;background:#fff;color:#111;font-size:9px}
.demo-data-badge{border-radius:999px}

/* Stock is the production inventory surface. */
.stock-page .stock-age-watch{background:#fff3d6;color:#8a5a00}
.stock-page .stock-age-critical{background:#fff0ef;color:#a1261f}
.stock-page .stock-market-cue{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;width:100%}
.stock-page .stock-identity-top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.stock-page .stock-header-actions{flex:0 0 auto;position:relative;z-index:8}
.stock-page .stock-header-actions .my-car-actions-menu{margin:0;padding:0;border:0;background:transparent;box-shadow:none}
.stock-page .stock-header-actions .my-car-actions-menu>summary{width:auto;min-height:34px;padding:7px 11px;border:1px solid #cbd2d8;border-radius:9px;background:#fff;box-shadow:0 2px 7px rgba(25,35,45,.05);font-size:9px;font-weight:950}
.stock-page .stock-header-actions .my-car-actions-popover{top:calc(100% + 7px);right:0;bottom:auto;left:auto;min-width:190px}
.stock-page .stock-market-status{display:inline-flex;align-items:center;flex-wrap:nowrap;gap:5px;flex:1 1 auto;min-width:0;border-radius:999px;font-size:8px;font-weight:850;line-height:1.25}
.stock-page .stock-market-status strong{flex:0 0 auto;font-size:8px;font-weight:950;letter-spacing:.055em;text-transform:uppercase}
.stock-page .stock-market-status span{min-width:0;font-size:8px;font-weight:800;white-space:normal;overflow-wrap:anywhere}
.stock-page .stock-market-status-green{border-color:#cfe6d6;background:#edf8f0;color:#176b38}
.stock-page .stock-market-status-yellow{border-color:#eadfb9;background:#fff7df;color:#765700}
.stock-page .stock-market-status-red{border-color:#ead4ce;background:#fff0ec;color:#8e382b}
.stock-page .stock-market-status-blue{border-color:#d2e0ee;background:#edf5fd;color:#315e86}
.stock-page .stock-market-status-neutral{border-color:#dde2e6;background:#f3f5f6;color:#69727a}

/* Work a Deal: answer first, supporting maths second. */
.deal-flow-head{margin:0 0 16px!important}
.deal-flow-head h1{margin:0 0 8px!important}
.deal-flow-head>p{max-width:620px;margin:0!important;color:#6f7881!important;font-size:14px!important;line-height:1.45!important}
.deal-summary-card{border-radius:18px!important}
.deal-customer-pay{padding:22px!important}
.deal-customer-pay>strong{font-size:clamp(40px,7vw,64px)!important;letter-spacing:-.055em!important}
.deal-profit-breakdown{margin-top:12px!important}
.deal-total-potential{margin-top:12px!important}
.deal-total-row-primary{border-radius:13px!important}
.deal-total-row-primary strong{font-size:clamp(28px,4vw,42px)!important}
.deal-flow-next{display:none!important}

/* Deal breakdown is a light detail card, so do not inherit the old white-on-dark deal colours. */
.deal-breakdown-details{background:#fff!important;border-color:#dfe3e7!important;color:#15181b!important}
.deal-breakdown-details>summary{background:#fff!important;color:#4e5862!important;font-size:12px!important;font-weight:900!important}
.deal-breakdown-details[open]>summary{border-bottom:1px solid #e7eaed}
.deal-breakdown-details .deal-profit-breakdown{margin:0!important;background:#fff!important;border-top:0!important;color:#15181b!important}
.deal-breakdown-details .deal-profit-side{background:#fff!important;color:#15181b!important}
.deal-breakdown-details .deal-profit-side+.deal-profit-side{border-color:#e7eaed!important}
.deal-breakdown-details .deal-profit-side-head>span{color:#5d6872!important;font-size:9px!important}
.deal-breakdown-details .deal-profit-vehicle{border-bottom-color:#eceff1!important}
.deal-breakdown-details .deal-profit-vehicle strong{color:#171a1d!important;font-size:12px!important}
.deal-breakdown-details .deal-profit-vehicle small{color:#69737c!important;font-size:8px!important}
.deal-breakdown-details .deal-profit-lines span{color:#66717b!important;font-size:10px!important}
.deal-breakdown-details .deal-profit-lines strong{color:#171a1d!important;font-size:11px!important;font-weight:850!important}
.deal-breakdown-details .deal-profit-result{border-top-color:#e7eaed!important}
.deal-breakdown-details .deal-profit-result span{color:#4f5962!important;font-size:10px!important}
.deal-breakdown-details .deal-profit-result strong{color:#111!important;font-size:22px!important;font-weight:900!important}

/* Dealer Network preview. */
.dealer-network-hero{margin-bottom:18px!important}
.dealer-network-hero h1{font-size:clamp(36px,5vw,54px)!important}
.dealer-network-panel{padding:22px!important}
.dealer-network-flow{gap:8px!important}
.dealer-network-step{border-radius:12px!important;box-shadow:none!important}

/* Trade Me pack follows the same Carby card/action rhythm. */
.tm-pack-page-head{margin-bottom:16px!important}
.tm-pack-vehicle,.tm-pack-field,.tm-pack-photo-panel,.tm-pack-footer{border-color:var(--carby-line)!important;border-radius:14px!important;box-shadow:none!important}
.tm-pack-field,.tm-pack-photo-panel{padding:16px!important}
.tm-pack-summary-copy,.tm-pack-field-head button,.tm-pack-add-photos,.tm-pack-download,.tm-pack-footer #pack-dealerbase{border-radius:9px!important;box-shadow:none!important}

/* One loading/run visual system based on the Pickles progress card. */
.job-shell{max-width:840px!important;margin:0 auto!important}
.job-card{overflow:hidden;border:1px solid var(--carby-line)!important;border-radius:20px!important;background:#fff!important;padding:28px!important;box-shadow:0 12px 34px rgba(15,23,42,.05)!important}
.job-card .eyebrow,.job-kicker{margin:0 0 7px!important;color:#747c85!important;font-size:10px!important;font-weight:900!important;letter-spacing:.1em!important;text-transform:uppercase!important}
.job-card h1{margin:0!important;font-size:clamp(34px,5vw,54px)!important;line-height:.98!important;letter-spacing:-.05em!important}
.job-vehicle{margin:10px 0 0!important;color:#727b84!important;font-size:12px!important;line-height:1.5!important}
.job-progress-track,.bar{height:7px!important;margin:20px 0 10px!important;border-radius:999px!important;background:#eceff1!important;overflow:hidden!important}
.job-progress-fill,.bar>span{height:100%!important;border-radius:inherit!important;background:#111!important;transition:width .3s ease!important}
.job-stage-row,.progress-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
.job-stage-badge,.progress-top strong{font-size:10px!important;font-weight:950!important;letter-spacing:.06em!important;text-transform:uppercase!important}
.job-elapsed,.progress-top span{color:#727b84!important;font-size:10px!important;font-weight:900!important}
.job-detail,.message{color:#727b84!important;font-size:11px!important;line-height:1.5!important}
.job-technical{margin-top:16px!important}
.brand-loader{display:grid;place-items:center;width:54px;height:54px;margin:0 0 20px;border:1px solid #e1e5e8;border-radius:16px;background:#fafbfb;overflow:hidden;animation:carbyLoaderPulse 1.4s ease-in-out infinite}
.brand-loader img{display:block;width:42px;height:auto}
@keyframes carbyLoaderPulse{0%,100%{transform:translateY(0);box-shadow:0 0 0 rgba(0,0,0,0)}50%{transform:translateY(-2px);box-shadow:0 8px 20px rgba(15,23,42,.08)}}

/* Public/auth pages use the same spacing and softer card treatment. */
.shell-public-landing{padding-top:24px!important}
.public-landing{gap:48px!important;padding-top:8px!important;padding-bottom:44px!important}
.walk-shell{border-radius:18px!important;box-shadow:0 12px 34px rgba(15,23,42,.06)!important}
.public-reason,.public-tier{border-radius:16px!important;box-shadow:none!important}
.public-plans{margin-top:64px!important}
.auth-shell{max-width:760px!important}
.auth-copy{margin-bottom:18px!important}
.auth-panel{padding:22px!important}
.pending-wrap{max-width:720px!important;margin:7vh auto 0!important}
.pending-card{border-radius:18px!important;box-shadow:0 8px 24px rgba(15,23,42,.04)!important}

@media(max-width:760px){
  :root{--carby-gutter:16px;--carby-section:18px}
  .shell{padding:28px 16px 56px}
  .shell-with-context-back{padding-top:36px}
  .context-back{min-height:44px;margin-bottom:16px;padding:8px 11px!important;border-radius:9px!important;font-size:12px}
  .panel{padding:18px;border-radius:16px}
  .account-preview-bar{padding:6px 16px}
  .job-card{padding:20px!important;border-radius:17px!important}
  .brand-loader{width:48px;height:48px;margin-bottom:16px;border-radius:14px}
  .brand-loader img{width:38px}
  .stock-page .stock-market-cue{gap:7px}
  .deal-flow-head{margin:0 0 14px!important}
  .deal-flow-head h1{margin-bottom:7px!important}
  .deal-flow-head>p{font-size:14px!important}
  .deal-customer-pay>strong{font-size:42px!important}
  .deal-breakdown-details .deal-profit-side{padding:16px 14px!important}
  .deal-breakdown-details .deal-profit-side+.deal-profit-side{border-left:0!important;border-top:1px solid #e7eaed!important}
  .deal-breakdown-details .deal-profit-lines{gap:10px!important}
  .deal-breakdown-details .deal-profit-lines span{font-size:11px!important}
  .deal-breakdown-details .deal-profit-lines strong{font-size:12px!important}
  .deal-breakdown-details .deal-profit-result span{font-size:11px!important}
  .deal-breakdown-details .deal-profit-result strong{font-size:24px!important}
  .public-landing{gap:30px!important;padding-bottom:34px!important}
  .public-plans{margin-top:48px!important}
}