:root {
    --crs-font-family: Tahoma, Arial, "Segoe UI", sans-serif;
    --crs-color-primary: #006c35;
    --crs-color-primary-dark: #0b2f22;
    --crs-color-primary-soft: #e8f6ee;
    --crs-color-accent: #d6a63c;
    --crs-color-accent-soft: #fff5d8;
    --crs-color-surface: #ffffff;
    --crs-color-background: #f6f9f7;
    --crs-color-text: #13261d;
    --crs-color-muted: #64756d;
    --crs-color-border: #dce7e1;
    --crs-color-danger: #a51d1d;
    --crs-shadow-sm: 0 8px 24px rgba(17, 51, 34, 0.06);
    --crs-shadow-md: 0 14px 40px rgba(17, 51, 34, 0.08);
    --crs-radius-sm: 10px;
    --crs-radius-md: 14px;
    --crs-radius-lg: 20px;
    --crs-control-height: 48px;
    --crs-space-1: 4px;
    --crs-space-2: 8px;
    --crs-space-3: 12px;
    --crs-space-4: 16px;
    --crs-space-5: 20px;
    --crs-space-6: 24px;
    --crs-space-8: 32px;
}

html {
    font-family: var(--crs-font-family);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

body,
button,
input,
select,
textarea {
    font-family: var(--crs-font-family) !important;
}

body {
    background: var(--crs-color-background);
    color: var(--crs-color-text);
}

:where(a, button, input, select, textarea, [tabindex]):focus-visible {
    outline: 3px solid rgba(214, 166, 60, 0.45);
    outline-offset: 2px;
}

.crs-icon {
    width: 1.15em;
    height: 1.15em;
    display: inline-block;
    flex: 0 0 auto;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    vertical-align: -0.18em;
}

.crs-icon--sm { width: 16px; height: 16px; }
.crs-icon--md { width: 20px; height: 20px; }
.crs-icon--lg { width: 24px; height: 24px; }
.crs-icon--xl { width: 32px; height: 32px; }

.crs-icon-label,
.nav a,
.sidebar button,
.btn,
.tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--crs-space-2);
}

.header,
.card,
.field input,
.field select,
.field textarea,
.btn,
.tab,
.sidebar button {
    transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.card {
    border-radius: var(--crs-radius-lg) !important;
    border-color: var(--crs-color-border) !important;
    box-shadow: var(--crs-shadow-sm) !important;
}

.card:hover {
    box-shadow: var(--crs-shadow-md) !important;
}

.btn,
.tab,
.field input,
.field select,
.field textarea {
    min-height: var(--crs-control-height);
}

.btn {
    border-radius: var(--crs-radius-md) !important;
    padding: 0 18px !important;
    line-height: 1.25;
}

.btn:hover {
    transform: translateY(-1px);
}

.btn:disabled,
.tab:disabled {
    cursor: not-allowed;
    opacity: 0.55;
    transform: none;
}

.btn-primary {
    background: var(--crs-color-primary) !important;
    color: #fff !important;
}

.btn-primary:hover {
    background: #005a2d !important;
}

.btn-outline:hover,
.btn-soft:hover {
    border-color: var(--crs-color-primary) !important;
    color: var(--crs-color-primary) !important;
}

.field input,
.field select,
.field textarea,
.content input,
.content select,
.content textarea {
    border-radius: var(--crs-radius-md) !important;
    border: 1px solid var(--crs-color-border) !important;
    background: var(--crs-color-surface);
    color: var(--crs-color-text);
}

.field input:hover,
.field select:hover,
.field textarea:hover,
.content input:hover,
.content select:hover,
.content textarea:hover {
    border-color: #b6cabf !important;
}

.field input:focus,
.field select:focus,
.field textarea:focus,
.content input:focus,
.content select:focus,
.content textarea:focus {
    border-color: var(--crs-color-primary) !important;
    box-shadow: 0 0 0 4px rgba(0, 108, 53, 0.10);
}

.tabs {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: var(--crs-space-2) !important;
    align-items: stretch;
}

.tab {
    width: 100%;
    min-width: 0;
    min-height: var(--crs-control-height);
    padding: 0 16px !important;
    font-weight: 800;
    text-align: center;
}

.tab.active {
    background: var(--crs-color-primary) !important;
    border-color: var(--crs-color-primary) !important;
    color: #fff !important;
}

.crs-price-line {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 6px;
    margin: 12px 0 4px;
}

.crs-price-line__amount {
    font-size: clamp(28px, 3vw, 38px);
    font-weight: 900;
    color: var(--crs-color-text);
}

.crs-billing-period {
    color: var(--crs-color-muted);
    font-size: 14px;
    font-weight: 800;
}

.crs-plan-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.crs-plan-card .choose,
.crs-plan-card [data-plan] {
    margin-top: auto;
}

.crs-plan-card__features {
    padding-inline-start: 20px;
    margin: 16px 0 24px;
    color: var(--crs-color-muted);
}

.crs-plan-card__features li {
    margin: 8px 0;
}

.crs-free-plan {
    color: var(--crs-color-primary);
}

.crs-public-shell .wrap {
    width: min(100%, 1220px);
}

.crs-dashboard-shell .header,
.crs-dashboard-shell .top,
.crs-dashboard-shell .footer {
    display: none;
}

.crs-dashboard-shell .dashboard {
    min-height: 100vh;
}

.crs-dashboard-shell .sidebar {
    position: sticky;
    top: 0;
    height: 100vh;
    overflow-y: auto;
    padding: 24px 16px;
}

.crs-dashboard-shell .sidebar button {
    min-height: 48px;
    justify-content: flex-start;
    text-align: start;
    padding: 0 14px !important;
    border-radius: var(--crs-radius-md) !important;
    font-weight: 800;
}

[dir="rtl"] .crs-dashboard-shell .sidebar button {
    justify-content: flex-start;
}

.crs-dashboard-shell .content {
    padding: clamp(22px, 4vw, 48px);
}

.crs-dashboard-shell .content > section > h1,
.crs-dashboard-shell .content > section > div > div > h1 {
    margin-top: 0;
}

.crs-filter-foundation {
    align-items: end;
}

.crs-filter-foundation .field label {
    min-height: 20px;
}

.crs-action-row {
    display: flex;
    flex-wrap: wrap;
    gap: var(--crs-space-3);
    align-items: center;
}

.crs-action-row .btn {
    flex: 1 1 170px;
}

.crs-featured-label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.crs-static-icon-tile {
    display: inline-grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 14px;
    background: var(--crs-color-primary-soft);
    color: var(--crs-color-primary);
}

@media (max-width: 900px) {
    .crs-dashboard-shell .sidebar {
        position: static;
        height: auto;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        overflow: visible;
    }

    .crs-dashboard-shell .sidebar button {
        white-space: normal !important;
        min-width: 0;
    }
}

@media (max-width: 620px) {
    :root {
        --crs-control-height: 46px;
    }

    .tabs {
        grid-template-columns: 1fr 1fr;
    }

    .crs-dashboard-shell .sidebar {
        grid-template-columns: 1fr;
    }

    .crs-action-row {
        flex-direction: column;
        align-items: stretch;
    }

    .crs-action-row .btn {
        flex-basis: auto;
        width: 100%;
    }
}

.crs-dashboard-topbar {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 16px;
    margin-bottom: 28px;
    padding: 14px 16px;
    border: 1px solid var(--crs-color-border);
    border-radius: var(--crs-radius-lg);
    background: var(--crs-color-surface);
    box-shadow: var(--crs-shadow-sm);
}

.crs-dashboard-topbar > div {
    display: grid;
    gap: 2px;
}

.crs-dashboard-brand img {
    width: 150px;
    max-height: 44px;
    object-fit: contain;
}

@media (max-width: 620px) {
    .crs-dashboard-topbar {
        grid-template-columns: 1fr auto;
    }

    .crs-dashboard-topbar > div {
        display: none;
    }

    .crs-dashboard-brand img {
        width: 130px;
    }
}


/* CRS-008C — unified public shell, search sidebar, and fleet intake UX */
.crs-site-header,
.crs-home-shell .site-header {
    box-shadow: 0 8px 28px rgba(17, 51, 34, 0.05);
}

.crs-site-nav,
.crs-home-shell .main-nav {
    display: flex;
    align-items: center;
    gap: clamp(12px, 2vw, 24px);
}

.crs-site-nav a,
.crs-home-shell .main-nav a {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0 4px;
    border-bottom: 2px solid transparent;
    color: var(--crs-color-text);
    font-size: 14px;
    font-weight: 700 !important;
    line-height: 1.2;
    white-space: nowrap;
}

.crs-site-nav a:hover,
.crs-site-nav a.active,
.crs-site-nav a[aria-current="page"],
.crs-home-shell .main-nav a:hover,
.crs-home-shell .main-nav a.active {
    color: var(--crs-color-primary);
    border-bottom-color: var(--crs-color-primary);
}

.crs-site-footer {
    margin-top: 72px !important;
    padding: 54px max(24px, 4vw) 22px !important;
    background: #073527 !important;
    color: #fff !important;
}

.crs-site-footer__inner {
    width: min(100%, 1220px);
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(280px, 1.7fr) repeat(3, minmax(150px, .75fr));
    gap: 38px;
}

.crs-site-footer__brand img {
    width: min(100%, 290px);
    max-height: 86px;
    object-fit: contain;
    object-position: right center;
    filter: brightness(0) invert(1);
}

[dir="ltr"] .crs-site-footer__brand img { object-position: left center; }
.crs-site-footer__brand p { max-width: 470px; color: rgba(255,255,255,.76); line-height: 1.85; }
.crs-site-footer__column { display: grid; align-content: start; gap: 12px; }
.crs-site-footer__column strong { margin-bottom: 3px; font-size: 17px; }
.crs-site-footer__column a { color: rgba(255,255,255,.78); font-weight: 600; }
.crs-site-footer__column a:hover { color: #fff; transform: translateX(-2px); }
[dir="ltr"] .crs-site-footer__column a:hover { transform: translateX(2px); }
.crs-site-footer__bottom { width:min(100%,1220px); margin:38px auto 0; padding-top:18px; border-top:1px solid rgba(255,255,255,.14); display:flex; justify-content:space-between; gap:18px; color:rgba(255,255,255,.65); font-size:13px; }
.crs-home-shell .crs-site-footer .footer-inner { display:none; }

.crs-page-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:28px; }
.crs-page-heading h1 { margin:10px 0 8px; font-size:clamp(34px,4vw,52px); line-height:1.08; }
.crs-page-heading .lead { max-width:760px; margin:0; }
.crs-search-layout { display:grid; grid-template-columns:minmax(270px, 320px) minmax(0, 1fr); align-items:start; gap:26px; }
.crs-filter-sidebar { position:sticky; top:104px; max-height:calc(100vh - 124px); overflow:auto; border:1px solid var(--crs-color-border); border-radius:var(--crs-radius-lg); background:#fff; box-shadow:var(--crs-shadow-sm); }
.crs-filter-sidebar__head { position:sticky; top:0; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:18px; background:#fff; border-bottom:1px solid var(--crs-color-border); }
.crs-filter-sidebar__head > div { display:grid; gap:3px; }
.crs-filter-sidebar__head strong { font-size:19px; }
.crs-filter-sidebar__head small { color:var(--crs-color-muted); }
.crs-filter-close { display:none; width:38px; height:38px; border:1px solid var(--crs-color-border); border-radius:12px; background:#fff; font-size:24px; cursor:pointer; }
.crs-filter-form { padding:0 16px 18px; }
.crs-filter-section { padding:18px 2px; display:grid; gap:14px; }
.crs-filter-section h2 { margin:0; font-size:16px; }
.crs-filter-group { border-top:1px solid var(--crs-color-border); }
.crs-filter-group summary { padding:16px 2px; cursor:pointer; list-style:none; font-weight:800; }
.crs-filter-group summary::-webkit-details-marker { display:none; }
.crs-filter-group summary::after { content:'+'; float:left; color:var(--crs-color-primary); font-size:20px; }
[dir="ltr"] .crs-filter-group summary::after { float:right; }
.crs-filter-group[open] summary::after { content:'−'; }
.crs-filter-group__body { display:grid; gap:13px; padding:0 2px 18px; }
.crs-filter-form .field { gap:6px; }
.crs-filter-form .field label { min-height:0; }
.crs-check { display:flex; align-items:center; gap:10px; min-height:38px; font-weight:700; }
.crs-check input { width:18px; height:18px; accent-color:var(--crs-color-primary); }
.crs-filter-actions { position:sticky; bottom:-18px; display:grid; grid-template-columns:1fr 1.25fr; gap:10px; padding:16px 0 2px; background:linear-gradient(180deg,rgba(255,255,255,.88),#fff 28%); }
.crs-results-toolbar { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin-bottom:14px; }
.crs-results-toolbar h2 { margin:0 0 5px; font-size:28px; }
.crs-results-toolbar p { margin:0; }
.crs-sort-field { width:min(100%,220px); }
.crs-active-filters { display:flex; flex-wrap:wrap; gap:8px; min-height:12px; margin-bottom:18px; }
.crs-filter-chip { border:1px solid #b7d8c5; border-radius:999px; padding:7px 11px; background:var(--crs-color-primary-soft); color:var(--crs-color-primary); font:inherit; font-size:12px; font-weight:800; cursor:pointer; }
.crs-results-grid { align-items:stretch; }
.crs-search-card { height:100%; }
.crs-search-card .vehicle-body { display:flex; flex-direction:column; height:calc(100% - 190px); }
.crs-search-card .crs-action-row { margin-top:auto; }
.crs-vehicle-specs { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0; }
.crs-vehicle-specs span { padding:6px 9px; border-radius:999px; background:#f1f6f3; color:var(--crs-color-muted); font-size:12px; font-weight:700; }
.crs-search-price { display:flex; align-items:baseline; gap:6px; margin:8px 0; }
.crs-search-price b { color:var(--crs-color-primary); font-size:24px; }
.crs-search-price span { color:var(--crs-color-muted); font-weight:700; }
.crs-empty-results,.crs-results-loading { grid-column:1/-1; text-align:center; padding:54px 24px !important; }
.crs-mobile-filter-toggle { display:none; }
.crs-filter-overlay { position:fixed; inset:0; z-index:70; background:rgba(6,32,23,.48); backdrop-filter:blur(2px); }

.crs-section-toolbar { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:22px; }
.crs-section-toolbar h1 { margin:8px 0 5px; }
.crs-fleet-empty { grid-column:1/-1; padding:54px !important; text-align:center; display:grid; justify-items:center; gap:10px; }
.crs-fleet-empty .crs-icon { color:var(--crs-color-primary); }
.crs-vehicle-intake { grid-column:1/-1; margin-top:24px; }
.crs-vehicle-intake__head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:22px; }
.crs-vehicle-intake__head h2 { margin:9px 0 5px; }
.crs-intake-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; padding:0; margin:0 0 24px; list-style:none; counter-reset:step; }
.crs-intake-steps li { min-height:46px; display:flex; align-items:center; justify-content:center; padding:8px; border:1px solid var(--crs-color-border); border-radius:12px; color:var(--crs-color-muted); font-size:13px; font-weight:800; text-align:center; }
.crs-intake-steps li.active { border-color:var(--crs-color-primary); background:var(--crs-color-primary-soft); color:var(--crs-color-primary); }
.crs-file-field { grid-column:span 2; }
.crs-vehicle-intake__actions { grid-column:1/-1; display:flex; justify-content:flex-end; gap:10px; }
.crs-runtime-note { margin-top:18px; padding:14px 16px; border:1px solid #ead39a; border-radius:14px; background:#fff9e9; color:#6d5314; line-height:1.75; }

@media (max-width: 1050px) {
    .crs-site-nav { gap:11px; }
    .crs-site-nav a { font-size:13px; }
    .crs-site-footer__inner { grid-template-columns:1.5fr repeat(3,1fr); gap:24px; }
}

@media (max-width: 900px) {
    .crs-site-footer__inner { grid-template-columns:1fr 1fr; }
    .crs-search-layout { grid-template-columns:1fr; }
    .crs-mobile-filter-toggle { display:inline-flex; }
    .crs-filter-sidebar { position:fixed; z-index:80; top:0; bottom:0; inset-inline-start:0; width:min(92vw,380px); max-height:none; border-radius:0; transform:translateX(110%); transition:transform .24s ease; }
    [dir="ltr"] .crs-filter-sidebar { transform:translateX(-110%); }
    .crs-filter-sidebar.is-open { transform:translateX(0); }
    .crs-filter-close { display:inline-grid; place-items:center; }
    body.crs-filter-open { overflow:hidden; }
    .crs-results-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}

@media (max-width: 620px) {
    .crs-page-heading { align-items:stretch; flex-direction:column; }
    .crs-mobile-filter-toggle { width:100%; }
    .crs-results-toolbar { align-items:stretch; flex-direction:column; }
    .crs-sort-field { width:100%; }
    .crs-results-grid { grid-template-columns:1fr !important; }
    .crs-site-footer__inner { grid-template-columns:1fr; }
    .crs-site-footer__bottom { flex-direction:column; }
    .crs-section-toolbar,.crs-vehicle-intake__head { align-items:stretch; flex-direction:column; }
    .crs-section-toolbar .actions { display:grid; grid-template-columns:1fr 1fr; }
    .crs-intake-steps { grid-template-columns:1fr 1fr; }
    .crs-vehicle-intake #vehicleDraftForm { grid-template-columns:1fr !important; }
    .crs-file-field,.crs-vehicle-intake__actions { grid-column:auto; }
    .crs-vehicle-intake__actions { display:grid; grid-template-columns:1fr; }
}

/* CRS-008C.2 — vehicle media, pricing, and primary-image draft contract */
.crs-file-field--wide { grid-column: 1 / -1; }
.crs-notes-field { grid-column: 1 / -1; }
.crs-inline-message { min-height: 22px; margin-top: 4px; font-size: 13px; font-weight: 700; }
.crs-inline-message.is-ok { color: var(--crs-color-primary); }
.crs-inline-message.is-error { color: var(--crs-color-danger, #a51d1d); }
.crs-vehicle-image-preview { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; margin-top:12px; }
.crs-vehicle-image-card { overflow:hidden; display:grid; align-content:start; gap:9px; min-width:0; padding:8px; border:1px solid var(--crs-color-border); border-radius:14px; background:#fff; }
.crs-vehicle-image-card.is-primary { border-color:var(--crs-color-primary); box-shadow:0 0 0 2px rgba(0,108,53,.12); }
.crs-vehicle-image-card img,.crs-vehicle-image-placeholder { width:100%; aspect-ratio:4/3; border-radius:10px; background:var(--crs-color-primary-soft); object-fit:cover; }
.crs-vehicle-image-placeholder { display:grid; place-items:center; color:var(--crs-color-primary); }
.crs-vehicle-image-card > div { display:grid; gap:6px; min-width:0; }
.crs-vehicle-image-card strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; }
.crs-vehicle-image-card label { display:flex; align-items:center; gap:7px; font-size:12px; font-weight:800; cursor:pointer; }
.crs-vehicle-image-card input { width:17px; height:17px; accent-color:var(--crs-color-primary); }
.crs-vehicle-image-card small { color:var(--crs-color-muted); line-height:1.5; }
@media (max-width:1050px){.crs-vehicle-image-preview{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:620px){.crs-vehicle-image-preview{grid-template-columns:repeat(2,minmax(0,1fr));}.crs-file-field--wide,.crs-notes-field{grid-column:auto;}}



/* CRS-008C.3 — interactive vehicle-intake wizard tabs */
.crs-intake-step {
    min-height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    padding:8px 12px;
    border:1px solid var(--crs-color-border);
    border-radius:12px;
    background:#fff;
    color:var(--crs-color-muted);
    font:inherit;
    font-size:13px;
    font-weight:800;
    text-align:center;
    cursor:pointer;
    transition:border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease;
}
.crs-intake-step:hover { border-color:rgba(0,108,53,.45); color:var(--crs-color-primary); }
.crs-intake-step:focus-visible { outline:3px solid rgba(0,108,53,.18); outline-offset:2px; }
.crs-intake-step.active,.crs-intake-step[aria-selected="true"] { border-color:var(--crs-color-primary); background:var(--crs-color-primary-soft); color:var(--crs-color-primary); box-shadow:inset 0 0 0 1px rgba(0,108,53,.08); }
.crs-intake-panel { grid-column:1/-1; width:100%; }
.crs-intake-panel[hidden] { display:none !important; }
.crs-intake-panel__actions { grid-column:1/-1; display:flex; justify-content:flex-end; gap:10px; padding-top:4px; }
.crs-runtime-note--compact { grid-column:1/-1; margin-top:0; }
@media (max-width:620px){
    .crs-intake-step { min-height:52px; }
    .crs-intake-panel__actions { display:grid; grid-template-columns:1fr; }
    .crs-intake-panel__actions .btn { width:100%; }
}

/* CRS-008C.4 — unified public header icons, equal card actions, vehicle-spec icons, and comfortable tab rhythm */
.crs-site-nav a,
.crs-home-shell .main-nav a {
    padding-inline: 8px;
}
.crs-site-nav a .crs-icon,
.crs-home-shell .main-nav a .crs-icon {
    flex: 0 0 auto;
    color: currentColor;
    stroke-width: 1.9;
}
.crs-home-shell .main-nav a {
    gap: 7px;
}

.crs-card-actions,
.crs-action-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 10px !important;
    width: 100%;
}
.crs-card-action,
.crs-card-actions .button,
.crs-action-row .btn {
    width: 100%;
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 10px 12px;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.3;
    text-align: center;
    white-space: normal;
}
.crs-card-action .crs-icon,
.crs-card-actions .crs-icon,
.crs-action-row .crs-icon {
    flex: 0 0 auto;
}
.crs-card-action span,
.crs-card-actions span,
.crs-action-row span {
    min-width: 0;
}
.crs-card-actions--detail {
    max-width: 470px;
}

.crs-vehicle-specs,
.car-meta.crs-home-vehicle-specs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}
.crs-vehicle-specs span,
.car-meta.crs-home-vehicle-specs span {
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border: 1px solid #e2ebe6;
    border-radius: 999px;
    background: #f3f8f5;
    color: var(--crs-color-muted);
    font-size: 12px;
    font-weight: 750;
    line-height: 1.2;
}
.crs-vehicle-specs .crs-icon,
.car-meta.crs-home-vehicle-specs .crs-icon {
    color: var(--crs-color-primary);
    stroke-width: 1.9;
}

.tabs {
    gap: 10px;
}
.tab,
.crs-intake-step,
[role="tab"] {
    min-height: 50px;
    padding: 11px 18px;
    line-height: 1.35;
    font-size: 13px;
    white-space: normal;
}
.crs-intake-steps {
    gap: 12px;
}
.crs-dashboard-shell .sidebar button {
    min-height: 48px;
    padding: 12px 16px;
    gap: 11px;
    line-height: 1.35;
}

@media (max-width: 1050px) {
    .crs-site-nav a,
    .crs-home-shell .main-nav a {
        padding-inline: 5px;
        gap: 5px;
        font-size: 12.5px;
    }
}
@media (max-width: 620px) {
    .crs-card-actions,
    .crs-action-row {
        grid-template-columns: 1fr;
    }
    .crs-card-actions--detail {
        max-width: none;
    }
    .tab,
    .crs-intake-step,
    [role="tab"] {
        min-height: 52px;
        padding: 12px 14px;
        font-size: 12.5px;
    }
}



/* CRS-008C.5 — action typography, datetime controls, subscription privileges, and featured-slot transfer UX */
.crs-card-action,
.crs-card-actions .button,
.crs-action-row .btn {
    min-height: 48px;
    padding: 8px 8px;
    gap: 5px;
    font-size: 11.75px;
    line-height: 1.15;
    white-space: nowrap;
}
.crs-card-action span,
.crs-card-actions span,
.crs-action-row span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.crs-card-actions .crs-icon,
.crs-action-row .crs-icon {
    width: 15px;
    height: 15px;
}
.crs-datetime-control {
    width: 100%;
    min-width: 0;
    height: 52px;
    padding-inline: 12px 10px;
    direction: ltr;
    text-align: left;
    font-family: var(--crs-font-family);
    font-size: 13px;
    font-weight: 750;
    line-height: 1.2;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0;
}
html[dir="rtl"] .crs-datetime-control {
    direction: ltr;
    text-align: left;
}
.crs-home-shell .search-box .field,
.crs-search-filter-form .field {
    min-width: 0;
}
.crs-home-shell .search-box .field label,
.crs-search-filter-form .field label {
    margin-bottom: 7px;
    line-height: 1.25;
}
.crs-current-plan-card {
    display: grid;
    gap: 16px;
    border: 1px solid rgba(0,108,53,.18);
    background: linear-gradient(145deg,#ffffff 0%,#f4fbf7 100%);
}
.crs-current-plan-card__header,
.crs-featured-slot-card__header,
.crs-commerce-section-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
}
.crs-plan-features {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 9px 12px;
}
.crs-plan-features li {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 10px;
    border-radius: 10px;
    background: rgba(0,108,53,.06);
    color: var(--crs-color-text);
    font-size: 12.5px;
    font-weight: 700;
    line-height: 1.35;
}
.crs-plan-features .crs-icon {
    flex: 0 0 auto;
    color: var(--crs-color-primary);
}
.crs-plan-card {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.crs-plan-card .crs-plan-features {
    grid-template-columns: 1fr;
    flex: 1 1 auto;
}
.crs-plan-card .btn {
    margin-top: auto;
}
.crs-featured-slot-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(290px,1fr));
    gap: 14px;
}
.crs-featured-slot-card {
    display: grid;
    gap: 14px;
    margin: 0 !important;
}
.crs-featured-current {
    display: grid;
    gap: 4px;
    padding: 12px;
    border-radius: 12px;
    background: var(--crs-color-primary-soft);
}
.crs-featured-slot-actions {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 10px;
    align-items: stretch;
}
.crs-featured-slot-actions select,
.crs-featured-slot-actions .btn {
    min-height: 48px;
}
.crs-featured-transfer-note {
    margin: 0;
    font-size: 12px;
    line-height: 1.55;
    color: var(--crs-color-muted);
}
@media (max-width: 760px) {
    .crs-plan-features { grid-template-columns: 1fr; }
    .crs-featured-slot-actions { grid-template-columns: 1fr; }
    .crs-card-action,
    .crs-card-actions .button,
    .crs-action-row .btn {
        font-size: 12px;
    }
}

/* CRS-008D — Fleet write API form */
.crs-intake-capacity {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 4px 0 14px;
}

.crs-feature-picker-field {
  grid-column: 1 / -1;
}

.crs-feature-picker {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 8px;
}

.crs-feature-picker fieldset {
  min-width: 0;
  margin: 0;
  padding: 12px;
  border: 1px solid var(--crs-border, #dbe6e1);
  border-radius: var(--crs-radius-md, 14px);
  background: #fff;
}

.crs-feature-picker legend {
  padding-inline: 6px;
  font-size: 12px;
  font-weight: 800;
  color: var(--crs-color-primary, #087a3f);
}

.crs-feature-option {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  min-height: 44px;
  padding: 8px;
  border-radius: 10px;
  cursor: pointer;
}

.crs-feature-option:hover {
  background: #f3faf6;
}

.crs-feature-option input {
  inline-size: 18px;
  block-size: 18px;
  margin-top: 2px;
  flex: 0 0 auto;
}

.crs-feature-option span,
.crs-feature-option strong,
.crs-feature-option small {
  display: block;
}

.crs-feature-option small {
  margin-top: 3px;
  color: var(--crs-color-muted, #66776f);
  line-height: 1.45;
}

#submitVehicleToAccount[disabled] {
  opacity: .65;
  cursor: wait;
}

@media (max-width: 900px) {
  .crs-feature-picker {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 620px) {
  .crs-feature-picker {
    grid-template-columns: 1fr;
  }
}


/* CRS-008D fleet period-price summary */
.crs-fleet-rate-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin: 12px 0 6px;
}
.crs-fleet-rate-summary > span {
    display: grid;
    gap: 2px;
    min-width: 0;
    padding: 8px;
    border: 1px solid var(--crs-color-border, #dce8e1);
    border-radius: var(--crs-radius-sm, 10px);
    background: var(--crs-color-surface-soft, #f7fbf8);
}
.crs-fleet-rate-summary small { color: var(--crs-color-text-muted, #64756d); }
.crs-fleet-rate-summary b { font-size: 12px; white-space: nowrap; }
@media (max-width: 640px) {
    .crs-fleet-rate-summary { grid-template-columns: 1fr; }
}