.nodatapng {
    width: 55px !important;
}
/* ============================================
   STOLEN CHECK TAB — INNER CONTENT REDESIGN
   Prefix: rs-si-
   File: stolen-inner-redesign.css
   ============================================ */

.rs-si-stolen-wrap {
    padding: 1.75rem;
    display: flex;
    flex-direction: column;
    gap: 1.35rem;
}

.rs-si-alert-bar {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 8px;
    padding: 1.15rem 1.35rem;
}

.rs-si-alert-bar .rs-si-alert-icon svg {
    width: 30px;
    height: 30px;
    stroke: #dc2626;
    fill: none;
    flex-shrink: 0;
}

.rs-si-alert-bar-text {
    font-size: 2rem;
    font-weight: 600;
    color: #dc2626;
}

.rs-si-fields {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
}

.rs-si-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.rs-si-field-label {
    font-size: 1.25rem;
    font-weight: 600;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #9ca3af;
}

.rs-si-field-value {
    font-size: 1.8rem;
    font-weight: 500;
    color: #111827;
}

.rs-si-divider {
    border: none;
    border-top: 1px solid #f3f4f6;
    margin: 0;
}

.rs-si-contact {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    padding: 0.35rem 0;
}

.rs-si-contact-label {
    font-size: 1.6rem;
    color: #6b7280;
}

.rs-si-phone {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #e5e7eb;
    border-radius: 99px;
    padding: 9px 22px 9px 16px;
    font-size: 1.6rem;
    font-weight: 600;
    color: #111827;
    background: #f9fafb;
    text-decoration: none;
}

.rs-si-phone svg {
    width: 24px;
    height: 24px;
    stroke: #dc2626;
    fill: none;
    flex-shrink: 0;
}

/* --- RESPONSIVE --- */

@media (max-width: 480px) {
    .rs-si-fields {
        grid-template-columns: 1fr;
    }

    .rs-si-contact {
        flex-direction: column;
        align-items: flex-start;
    }

    .rs-si-alert-bar-text {
        font-size: 1.4rem;
    }

    .rs-si-field-label {
        font-size: 0.875rem;
    }

    .rs-si-field-value {
        font-size: 1.26rem;
    }

    .rs-si-contact-label {
        font-size: 1.12rem;
    }

    .rs-si-phone {
        font-size: 1.12rem;
    }

    .rs-si-phone svg {
        width: 17px;
        height: 17px;
    }

    .rs-si-alert-bar .rs-si-alert-icon svg,
    .rs-si-clear-bar .rs-si-clear-icon svg {
        width: 21px;
        height: 21px;
    }

    .rs-si-clear-bar-text {
        font-size: 1.4rem;
    }

    .rs-si-clear-sub {
        font-size: 1.26rem;
    }
}

/* ============================================
   WRITE OFF TAB — INNER CONTENT REDESIGN
   Prefix: rs-wo-
   File: writeoff-inner-redesign.css
   ============================================ */

/* --- MULTIPLE RECORDS WARNING --- */

.rs-wo-multi-warning {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 8px;
    padding: 1.15rem 1.35rem;
    margin-bottom: 1.25rem;
}

.rs-wo-multi-warning svg {
    width: 30px;
    height: 30px;
    stroke: #ea580c;
    fill: none;
    flex-shrink: 0;
}

.rs-wo-multi-warning-text {
    font-size: 1.5rem;
    font-weight: 600;
    color: #ea580c;
}

/* --- CAUSE OF DAMAGE BADGE --- */
.rs-wo-cause-badge {
    display: inline-block;
    padding: 4px 14px;
    border-radius: 99px;
    font-size: 1.4rem;
    font-weight: 600;
}

.rs-wo-cause-accident  { background: #fef2f2; color: #dc2626; }
.rs-wo-cause-fire      { background: #fff7ed; color: #ea580c; }
.rs-wo-cause-water     { background: #eff6ff; color: #2563eb; }
.rs-wo-cause-vandalism { background: #faf5ff; color: #7c3aed; }
.rs-wo-cause-unknown   { background: #f0f0f0; color: #6b7280; }

/* --- DAMAGE LOCATION TAGS --- */

.rs-wo-dmg-label {
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #9ca3af;
    margin: 0 0 0.6rem 0;
    display: block;
}

ul.damage-locations {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    align-content: flex-start !important;
    gap: 0.5rem !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 1rem 0 !important;
    height: auto !important;
    min-height: unset !important;
    flex-direction: row !important;
}

ul.damage-locations li.damagesidesli {
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    min-height: unset !important;
    padding: 5px 14px !important;
    border: 1px solid #fecaca !important;
    border-radius: 6px !important;
    background: #fef2f2 !important;
    font-size: 1.7rem !important;
    font-weight: 500 !important;
    color: #dc2626 !important;
    float: none !important;
    position: static !important;
}

/* --- RESPONSIVE --- */

@media (max-width: 480px) {
    .rs-wo-fields {
        grid-template-columns: 1fr;
    }

    .rs-wo-multi-warning-text              { font-size: 1.50rem; }
    .rs-wo-record-header-text              { font-size: 0.875rem; }
    .rs-wo-field-label                     { font-size: 0.875rem; }
    .rs-wo-field-value                     { font-size: 1.26rem; }
    .rs-wo-cause-badge                     { font-size: 1.5rem !important; }
    ul.damage-locations li.damagesidesli   { font-size: 1.5rem !important; }
    .rs-wo-clear-bar-text                  { font-size: 1.4rem; }
    .rs-wo-clear-sub                       { font-size: 1.26rem; }

    .rs-wo-multi-warning svg,
    .rs-wo-clear-bar svg {
        width: 21px;
        height: 21px;
    }
}
/* ============================================
   SALVAGE VIEW MORE BUTTON — VARIANT F
   Prefix: rs-vm-
   File: salvage-viewmore.css
   ============================================ */

.rs-vm-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    background: #fef2f2;
    color: #dc2626;
    border: 1px solid #fecaca;
    font-size: 1.8rem;
    font-weight: 600;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    text-decoration: none;
    transition: background 0.2s ease, border-color 0.2s ease;
    margin-top: 0.75rem;
}

.rs-vm-btn:hover {
    background: #fee2e2;
    border-color: #fca5a5;
    color: #dc2626;
    text-decoration: none;
}

.rs-vm-btn svg {
    width: 18px;
    height: 18px;
    stroke: #dc2626;
    fill: none;
    flex-shrink: 0;
}

@media (max-width: 480px) {
    .rs-vm-btn {
        font-size: 1.8rem;
        padding: 0.6rem 1.1rem;
    }

    .rs-vm-btn svg {
        width: 14px;
        height: 14px;
    }
}

/* ============================================
   VALUATION TAB — INNER CONTENT REDESIGN
   Prefix: rs-val-
   File: valuation-inner-redesign.css
   ============================================ */

.rs-val-body {
    padding: 22px 0 0;
}

.rs-val-note {
    padding: 0 24px 16px;
}

.rs-val-note-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 1.4rem;
    color: #6b7785;
    font-weight: bold;
}

.rs-val-note-pill::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: #14b8a6;
    flex-shrink: 0;
}

.rs-val-note-pill strong {
    color: #0f1720;
    font-weight: 600;
}

/* --- TWO COLUMN SPLIT --- */

.rs-val-cols {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-top: 1px solid #f1f3f5;
}

.rs-val-col {
    padding: 22px 24px 24px;
}

.rs-val-col + .rs-val-col {
    border-left: 1px solid #f1f3f5;
}

.rs-val-col-title {
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #6b7785;
    margin: 0 0 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.rs-val-col-pip {
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: #14b8a6;
    display: inline-block;
    flex-shrink: 0;
}

.rs-val-col--buy .rs-val-col-pip {
    background: #d97706;
}

/* --- ROWS --- */

.rs-val-row {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 12px;
    align-items: baseline;
    padding: 10px 0;
    border-top: 1px solid #f1f3f5;
}

.rs-val-row:first-of-type {
    border-top: 0;
}

.rs-val-row-label {
    font-size: 1.6rem;
    color: #2a3441;
    font-weight: 500;
}

.rs-val-row-hint {
    display: block;
    font-size: 1.2rem;
    color: #6b7785;
    font-weight: 400;
    margin-top: 2px;
}

.rs-val-row-price {
    font-size: 1.6rem;
    font-weight: 600;
    color: #0f1720;
    white-space: nowrap;
}

/* --- FEATURED ROW (SELLING) --- */

.rs-val-row--feat {
    background: #e6f7f5;
    margin: 6px -12px;
    padding: 10px 12px;
    border-radius: 8px;
    border-top: 0;
}

.rs-val-row--feat + .rs-val-row {
    border-top: 0;
}

.rs-val-row--feat .rs-val-row-label { color: #0d6e64; font-weight: 600; }
.rs-val-row--feat .rs-val-row-hint  { color: #0d6e64; opacity: 0.8; }
.rs-val-row--feat .rs-val-row-price { color: #0d6e64; font-size: 1.8rem; font-weight: 700; }

/* --- FEATURED ROW (BUYING) --- */

.rs-val-row--feat-warn {
    background: #fef3e6;
    margin: 6px -12px;
    padding: 10px 12px;
    border-radius: 8px;
    border-top: 0;
}

.rs-val-row--feat-warn + .rs-val-row {
    border-top: 0;
}

.rs-val-row--feat-warn .rs-val-row-label { color: #7a4707; font-weight: 600; }
.rs-val-row--feat-warn .rs-val-row-hint  { color: #7a4707; opacity: 0.7; }
.rs-val-row--feat-warn .rs-val-row-price { color: #7a4707; font-size: 1.8rem; font-weight: 700; }

/* --- FOOTER (DEPRECIATION) --- */

.rs-val-row--foot {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid #f1f3f5;
}

.rs-val-row--foot .rs-val-row-label { color: #6b7785; }
.rs-val-row--foot .rs-val-row-price { color: #dc2626; }

/* --- NO DATA --- */

.rs-val-no-data {
    padding: 1.75rem;
}

/* --- RESPONSIVE --- */

@media (max-width: 650px) {
    .rs-val-cols { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
    .rs-val-col + .rs-val-col { border-left: none; border-top: 1px solid #f1f3f5; }
    .rs-val-note-pill         { font-size: 1.4375rem; }
    .rs-val-col-title         { font-size: 1.375rem; }
    .rs-val-row-label         { font-size: 1.5625rem; }
    .rs-val-row-hint          { font-size: 1.5rem; }
    .rs-val-row-price         { font-size: 1.5625rem; }
    .rs-val-row--feat .rs-val-row-price      { font-size: 1.575rem; }
    .rs-val-row--feat-warn .rs-val-row-price { font-size: 1.575rem; }
    .rs-val-col {padding: 24px 9px 24px;}
    .rs-val-note {padding: 0 9px 16px;}
}

/* ============================================
   VIN / CHASSIS CHECK TAB — INNER REDESIGN
   Prefix: rs-vin-
   File: vin-inner-redesign.css
   ============================================ */

.rs-vin-body {
    padding: 22px 24px;
}

.rs-vin-grid {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 28px;
    align-items: start;
}

/* --- LEFT: KNOWN VIN --- */

.rs-vin-known {
    border-right: 1px solid #f1f3f5;
    padding-right: 28px;
    display: flex;
    flex-direction: column;
}

.rs-vin-known-label {
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #6b7785;
}

.rs-vin-known-value {
    font-size: 2.2rem;
    font-weight: 600;
    color: #0f1720;
    letter-spacing: 0.06em;
    margin-top: 4px;
}

.rs-vin-known-value .rs-vin-dim {
    color: #98a2b0;
}

.rs-vin-known-hint {
    margin-top: 10px;
    font-size: 1.2rem;
    color: #6b7785;
    line-height: 1.45;
}

/* --- RIGHT: ACTION AREA --- */

.rs-vin-action {
    display: flex;
    flex-direction: column;
}

/* --- STATE 1: INPUT --- */

.rs-vin-prompt {
    font-size: 1.4rem;
    color: #2a3441;
    font-weight: 500;
    margin-bottom: 10px;
}

.rs-vin-input-row {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
}

.rs-vin-input {
    height: 44px;
    padding: 0 14px;
    border: 1px solid #e8ebef;
    border-radius: 8px;
    background: #fcfcfd;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: 0.08em;
    color: #0f1720;
    text-transform: uppercase;
    outline: none;
    transition: border-color .15s, box-shadow .15s;
    width: 100%;
    box-sizing: border-box;
}

.rs-vin-input::placeholder {
    color: #98a2b0;
    letter-spacing: 0.12em;
}

.rs-vin-input:focus {
    border-color: #14b8a6;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.15);
}

.rs-vin-btn {
    height: 44px;
    padding: 0 22px;
    border: 0;
    border-radius: 8px;
    background: #14b8a6;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background .15s;
    white-space: nowrap;
}

.rs-vin-btn:hover {
    background: #0d9488;
}

.rs-vin-counter {
    margin-top: 8px;
    display: flex;
    justify-content: space-between;
    font-size: 1.1rem;
    color: #6b7785;
}

.rs-vin-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 14px;
    font-size: 1.2rem;
    color: #6b7785;
}

.rs-vin-meta svg {
    width: 14px;
    height: 14px;
    stroke: #98a2b0;
    fill: none;
    flex-shrink: 0;
}

/* --- STATE 2 & 3: RESULT --- */

.rs-vin-result {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.rs-vin-result-head {
    display: flex;
    align-items: center;
    gap: 12px;
}

.rs-vin-result-icon {
    width: 36px;
    height: 36px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.rs-vin-result-icon svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke-width: 2.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.rs-vin-result-icon--match {
    background: #f0fdf4;
    box-shadow: 0 0 0 4px rgba(22, 163, 74, 0.08);
}

.rs-vin-result-icon--match svg { stroke: #16a34a; }

.rs-vin-result-icon--fail {
    background: #fef2f2;
    box-shadow: 0 0 0 4px rgba(220, 38, 38, 0.08);
}

.rs-vin-result-icon--fail svg { stroke: #dc2626; }

.rs-vin-result-title {
    font-size: 1.8rem;
    font-weight: 700;
    margin: 0;
}

.rs-vin-result-title--match { color: #15803d; }
.rs-vin-result-title--fail  { color: #b91c1c; }

.rs-vin-result-sub {
    font-size: 1.3rem;
    color: #2a3441;
    margin: 2px 0 0;
}

/* --- VIN BOX --- */

.rs-vin-box {
    padding: 12px 14px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.rs-vin-box--match {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
}

.rs-vin-box--fail {
    background: #fef2f2;
    border: 1px solid #fecaca;
}

.rs-vin-box-key {
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #6b7785;
}

.rs-vin-box-val {
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    margin-top: 4px;
}

.rs-vin-box-val--match { color: #0f1720; }
.rs-vin-box-val--fail  { color: #b91c1c; text-decoration: line-through; text-decoration-thickness: 1px; }

.rs-vin-box-badge {
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 4px 10px;
    border-radius: 999px;
    background: #fff;
    white-space: nowrap;
}

.rs-vin-box-badge--match { color: #15803d; border: 1px solid #bbf7d0; }
.rs-vin-box-badge--fail  { color: #b91c1c; border: 1px solid #fecaca; }

/* --- REASONS LIST --- */

.rs-vin-reasons {
    margin: 4px 0 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 1.3rem;
    color: #2a3441;
}

.rs-vin-reasons li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.rs-vin-reasons li::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: #dc2626;
    margin-top: 7px;
    flex-shrink: 0;
}

/* --- ACTION BUTTONS --- */

.rs-vin-actions {
    display: flex;
    gap: 10px;
    margin-top: 6px;
}

.rs-vin-btn-primary {
    height: 36px;
    padding: 0 18px;
    border: 0;
    border-radius: 8px;
    background: #14b8a6;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background .15s;
}

.rs-vin-btn-primary:hover { background: #0d9488; }

.rs-vin-btn-ghost {
    height: 36px;
    padding: 0 18px;
    background: #fff;
    color: #2a3441;
    border: 1px solid #e8ebef;
    border-radius: 8px;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background .15s, border-color .15s;
}

.rs-vin-btn-ghost:hover {
    background: #f7f8fa;
    border-color: #c4c9d0;
}

/* --- RESPONSIVE --- */

@media (max-width: 600px) {
    .rs-vin-grid {
        grid-template-columns: 1fr;
    }

    .rs-vin-known {
        border-right: none;
        border-bottom: 1px solid #f1f3f5;
        padding-right: 0;
        padding-bottom: 20px;
    }

    .rs-vin-input-row {
        grid-template-columns: 1fr;
    }

    .rs-vin-body {padding: 22px 4px;}

    .rs-vin-known-value { font-size: 1.925rem; }
    .rs-vin-known-hint  { font-size: 1.09375rem; }
    .rs-vin-prompt      { font-size: 1.225rem; }
    .rs-vin-result-title { font-size: 1.575rem; }
    .rs-vin-result-sub  { font-size: 1.1375rem; }
    .rs-vin-box-val     { font-size: 1.225rem; }
    .rs-vin-reasons     { font-size: 1.1375rem; }
}

/* ============================================
   LOGBOOK TAB — INNER CONTENT REDESIGN
   Prefix: rs-lb-
   File: logbook-inner-redesign.css
   ============================================ */

.rs-lb-wrap {
    padding: 1.75rem;
    display: flex;
    flex-direction: column;
    gap: 1.75rem;
}

/* --- SUMMARY ROW --- */

.rs-lb-summary {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #f1f3f5;
}

.rs-lb-summary-count {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
}

.rs-lb-summary-count-num {
    font-size: 3rem;
    font-weight: 700;
    color: #0f1720;
    line-height: 1;
}

.rs-lb-summary-count-label {
    font-size: 1.6rem;
    font-weight: 400;
    color: #6b7785;
}

.rs-lb-summary-meta {
    font-size: 1.4rem;
    color: #6b7785;
}

.rs-lb-summary-meta strong {
    color: #0f1720;
    font-weight: 700;
}

/* --- TIMELINE --- */

.rs-lb-timeline {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0;
    list-style: none;
    margin: 0;
}

.rs-lb-item {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    padding: 0.9rem 0;
    position: relative;
}

/* vertical connecting line */
.rs-lb-item:not(:last-child) .rs-lb-dot::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 22px;
    transform: translateX(-50%);
    width: 1.5px;
    height: calc(100% + 0.9rem);
    background: #e8ebef;
    z-index: 0;
}

.rs-lb-dot {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 2px solid #14b8a6;
    background: #fff;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
}

.rs-lb-item:first-child .rs-lb-dot {
    background: #14b8a6;
}

.rs-lb-item-content {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex: 1;
    flex-wrap: nowrap;
}

.rs-lb-date {
    font-size: 1.6rem;
    font-weight: 700;
    color: #0f1720;
    white-space: nowrap;
}

.rs-lb-badge-latest {
    display: inline-block;
    padding: 0px 8px;
    border-radius: 99px;
    background: #e6f7f5;
    border: 1px solid #99e6df;
    font-size: 1rem;
    font-weight: 600;
    color: #0d6e64;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

/* --- RESPONSIVE --- */

@media (max-width: 480px) {
    .rs-lb-wrap                { padding: 1.5rem; }
    .rs-lb-summary-count-num   { font-size: 2.625rem; }
    .rs-lb-summary-count-label { font-size: 1.4rem; }
    .rs-lb-summary-meta        { font-size: 1.225rem; }
    .rs-lb-date                { font-size: 1.4rem; }
}

/* ============================================
   PREVIOUS KEEPERS TAB — INNER CONTENT REDESIGN
   Prefix: rs-pk-
   File: keepers-inner-redesign.css
   ============================================ */

.rs-pk-wrap {
    padding: 1.75rem;
    display: flex;
    flex-direction: column;
    gap: 1.75rem;
}

/* --- STATS ROW --- */

.rs-pk-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
    margin-bottom: 0;
}

.rs-pk-stat {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 1rem 1.15rem;
    display: flex;
    flex-direction: column;
    gap: 5px;
    background: #fff;
}

.rs-pk-stat-label {
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #9ca3af;
}

.rs-pk-stat-value {
    font-size: 1.8rem;
    font-weight: 700;
    color: #0f1720;
}

@media (max-width: 480px) {
    .rs-pk-stats {
        grid-template-columns: 1fr 1fr;
    }
}

/* --- KEEPER LIST --- */

.rs-pk-list {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0;
    list-style: none;
    margin: 0;
}

.rs-pk-item {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    padding: 1rem 0;
    border-bottom: 1px solid #f1f3f5;
}

.rs-pk-item:last-child {
    border-bottom: none;
}

/* --- NUMBER BADGE --- */

.rs-pk-num {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    border: 1.5px solid #e5e7eb;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    font-weight: 700;
    color: #2a3441;
    flex-shrink: 0;
}

.rs-pk-num--current {
    background: #14b8a6;
    border-color: #14b8a6;
    color: #fff;
}

/* --- KEEPER BODY --- */

.rs-pk-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.rs-pk-name-row {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.rs-pk-name {
    font-size: 1.6rem;
    font-weight: 700;
    color: #0f1720;
}

.rs-pk-tag {
    font-size: 1.1rem;
    font-weight: 500;
    color: #6b7785;
    background: #f1f3f5;
    padding: 2px 10px;
    border-radius: 99px;
}

.rs-pk-duration {
    font-size: 1.3rem;
    color: #6b7785;
}

/* --- PROGRESS BAR --- */

.rs-pk-bar-track {
    height: 5px;
    background: #f1f3f5;
    border-radius: 99px;
    overflow: hidden;
    width: 100%;
}

.rs-pk-bar-fill {
    height: 100%;
    border-radius: 99px;
    background: #14b8a6;
    width: 0%;
    transition: width 0.6s ease;
}

.rs-pk-item:last-child .rs-pk-bar-fill {
    background: #a78bfa;
}

/* --- DATE RANGE --- */

.rs-pk-dates {
    text-align: right;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.rs-pk-date-from {
    font-size: 1.4rem;
    font-weight: 700;
    color: #0f1720;
    white-space: nowrap;
}

.rs-pk-date-to {
    font-size: 1.2rem;
    color: #9ca3af;
    white-space: nowrap;
}

/* --- NO DATA --- */

.rs-pk-no-data {
    padding: 1.75rem;
}

/* --- RESPONSIVE --- */

@media (max-width: 480px) {
    .rs-pk-wrap       { padding: 1.5rem; }
    .rs-pk-stats      { gap: 1.5625rem; }
    .rs-pk-stat-label { font-size: 1.09375rem; }
    .rs-pk-stat-value { font-size: 1.575rem; }
    .rs-pk-name       { font-size: 1.4rem; }
    .rs-pk-duration   { font-size: 1.1375rem; }
    .rs-pk-date-from  { font-size: 1.225rem; }
    .rs-pk-date-to    { font-size: 1.09375rem; }
    .rs-pk-tag        { font-size: 1rem; padding: 2px 8px; }
    .rs-pk-num        { width: 40px; height: 40px; font-size: 1.4rem; }
}

/* ============================================
   INTERNET HISTORY — ANALYSIS BLOCK & BADGES
   Prefix: rs-ih-
   File: internet-history-analysis.css
   ============================================ */

/* --- STAT CARDS --- */

.rs-ih-analysis {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.rs-ih-analysis-card {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 1rem 1.15rem;
    display: flex;
    flex-direction: column;
    gap: 5px;
    background: #fff;
}

.rs-ih-analysis-label {
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #9ca3af;
}

.rs-ih-analysis-value {
    font-size: 1.7rem;
    font-weight: 700;
    color: #0f1720;
    line-height: 1.2;
}

/* price drop = good = green, price rise = bad = red */
.rs-ih-analysis-value--price-drop { color: #16a34a; }
.rs-ih-analysis-value--price-rise { color: #dc2626; }

/* mileage increase = red (unexpected/suspicious), decrease = red warning */
.rs-ih-analysis-value--mi-rise { color: #dc2626; }
.rs-ih-analysis-value--mi-drop { color: #dc2626; }

.rs-ih-analysis-sub {
    font-size: 1.2rem;
    color: #9ca3af;
    font-weight: 400;
}

/* --- LISTING COMPARISON BADGES --- */

.rs-ih-diff {
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 99px;
    margin-left: 6px;
    vertical-align: middle;
}

/* price drop = green (good for buyer) */
.rs-ih-diff--price-drop {
    background: #f0fdf4;
    color: #16a34a;
}

/* price rise = red (bad for buyer) */
.rs-ih-diff--price-rise {
    background: #fef2f2;
    color: #dc2626;
}

/* mileage increase = red */
.rs-ih-diff--mi-rise {
    background: #fef2f2;
    color: #dc2626;
}

/* mileage decrease = red warning (possible clocking) */
.rs-ih-diff--mi-drop {
    background: #fef2f2;
    color: #dc2626;
}

.rs-ih-diff--neutral {
    background: #f9fafb;
    color: #9ca3af;
}

/* --- RESPONSIVE --- */

@media (max-width: 900px) {
    .rs-ih-analysis { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 600px) {
    .rs-ih-analysis { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 480px) {
    .rs-ih-analysis-label { font-size: 1.05rem; }
    .rs-ih-analysis-value { font-size: 1.43rem; }
    .rs-ih-analysis-sub   { font-size: 1.05rem; }
    .rs-ih-diff           { font-size: 1.05rem; }
}

/* ============================================
   MILEAGE ANALYSIS BLOCK
   Prefix: rs-mi-
   File: mileage-analysis.css
   ============================================ */

.rs-mi-analysis {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.rs-mi-card {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 1rem 1.15rem;
    display: flex;
    flex-direction: column;
    gap: 5px;
    background: #fff;
}

.rs-mi-label {
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #9ca3af;
}

.rs-mi-value {
    font-size: 1.7rem;
    font-weight: 700;
    color: #0f1720;
    line-height: 1.2;
}

.rs-mi-sub {
    font-size: 1.2rem;
    color: #9ca3af;
    font-weight: 400;
}

.rs-mi-value--flag {
    color: #dc2626;
}

@media (max-width: 700px) {
    .rs-mi-analysis { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 480px) {
    .rs-mi-label { font-size: 1.09375rem; }
    .rs-mi-value { font-size: 1.4875rem; }
    .rs-mi-sub   { font-size: 1.09375rem; }
}

/* ============================================
   PERFORMANCE TAB
   Prefix: rs-perf-
   File: performance-inner-redesign.css
   ============================================ */

.rs-perf-wrap {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* --- GAUGES --- */

.rs-perf-gauges {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}

.rs-perf-gauge {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.rs-perf-gauge-dial {
    position: relative;
    width: 144px;
    height: 124px;
}

.rs-perf-gauge-svg {
    transform: rotate(135deg);
    display: block;
}

.rs-perf-gauge-readout {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 8px;
}

.rs-perf-gauge-value {
    display: flex;
    align-items: baseline;
    gap: 3px;
}

.rs-perf-gauge-num {
    font-size: 2.6rem;
    font-weight: 700;
    letter-spacing: -0.03em;
    color: #1d2330;
    line-height: 1;
}

.rs-perf-gauge-unit {
    font-size: 1.2rem;
    font-weight: 500;
    color: #6b7280;
}

.rs-perf-gauge-sub {
    font-size: 1.1rem;
    color: #9ca3af;
    margin-top: 3px;
}

.rs-perf-gauge-label {
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #6b7280;
    text-align: center;
}

/* --- RPM BAR --- */

.rs-perf-rpm {
    background: #f6f8fa;
    border-radius: 6px;
    padding: 14px 16px 16px;
}

.rs-perf-rpm-head {
    display: flex;
    justify-content: space-between;
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #9ca3af;
    margin-bottom: 28px;
}

.rs-perf-rpm-track {
    position: relative;
    height: 28px;
    background: #fff;
    border: 1px solid #e7eaef;
    border-radius: 14px;
    margin-bottom: 28px;
}

.rs-perf-rpm-marker {
    position: absolute;
    top: -4px;
    bottom: -4px;
    width: 2px;
    border-radius: 1px;
}

.rs-perf-rpm-marker--torque { background: #14b8a6; }
.rs-perf-rpm-marker--power  { background: #1d2330; }

/* Labels sit ABOVE and BELOW the bar separately — no absolute positioning on pill */
.rs-perf-rpm-labels-top {
    position: relative;
    height: 22px;
    margin-bottom: 4px;
}

.rs-perf-rpm-labels-bottom {
    position: relative;
    height: 22px;
    margin-top: 4px;
}

.rs-perf-rpm-pill {
    position: absolute;
    font-size: 1.1rem;
    font-weight: 700;
    white-space: nowrap;
    transform: translateX(-50%);
}

.rs-perf-rpm-pill--torque { color: #14b8a6; }
.rs-perf-rpm-pill--power  { color: #1d2330; }

/* --- TABLET --- */

@media (max-width: 700px) {
    .rs-perf-gauges {
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }

    .rs-perf-gauge-dial { width: 120px; height: 104px; }
    .rs-perf-gauge-dial svg { width: 120px; height: 120px; }
    .rs-perf-gauge-num  { font-size: 2rem; }
    .rs-perf-gauge-unit { font-size: 1.1rem; }
    .rs-perf-gauge-sub  { font-size: 1rem; }
}

/* --- MOBILE --- */

@media (max-width: 480px) {
    .rs-perf-wrap { padding: 1.35rem; }

.rs-perf-gauges { grid-template-columns: 1fr 1fr; gap: 16.2px; }
.rs-perf-gauge-dial { width: 135px; height: 116.1px; }
.rs-perf-gauge-dial svg { width: 135px; height: 135px; }
.rs-perf-gauge-num   { font-size: 2.16rem; }
.rs-perf-gauge-unit  { font-size: 1.35rem; }
.rs-perf-gauge-sub   { font-size: 1.18125rem; }
.rs-perf-gauge-label { font-size: 1.18125rem; }
.rs-perf-rpm-head    { font-size: 1.18125rem; }
.rs-perf-rpm-pill    { font-size: 1.18125rem; }
}

/* ============================================
   All Clear
   Prefix: rs-val-empty
   File: repair-cost-empty.css
   ============================================ */

   .rs-val-empty {
  display: flex;
  gap: 28px;
  padding: 34px 38px;
  align-items: flex-start;
}

.rs-val-empty-icon {
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
}

.rs-val-empty-icon img {
  width: 56px;
  height: 56px;
  display: block;
}

.rs-val-empty-content {
  min-width: 0;
}

.rs-val-empty-content h3 {
  margin: 0 0 8px;
  font-size: 22px;
  line-height: 1.3;
  color: #001b44;
  font-weight: 700;
  letter-spacing: 0.4px;
}

.rs-val-empty-content p {
  margin: 0 0 16px;
  font-size: 14px;
  line-height: 1.55;
  color: #153d70;
}

.rs-val-empty-content ul {
  margin: 0;
  padding-left: 20px;
  list-style: disc;
}

.rs-val-empty-content li {
  margin-bottom: 10px;
  padding-left: 4px;
  font-size: 14px;
  line-height: 1.55;
  color: #153d70;
}

.rs-val-empty-content li::marker {
  color: #16a7ad;
  font-size: 13px;
}

.rs-val-empty-content strong {
  color: #001b44;
}

@media (max-width: 520px) {
  .rs-val-empty {
    gap: 16px;
    padding: 5px 7px;
    flex-direction: column;
  }

  .rs-val-empty-icon,
  .rs-val-empty-icon img {
    width: 60px;
    height: 60px;
    flex-basis: 44px;
    margin: 0 auto;
  }

  .rs-val-empty-content h3 {
    font-size: 20px;
  }

  .rs-val-empty-content p,
  .rs-val-empty-content li {
    font-size: 14px;
  }
}

/* ============================================
   COLOUR CHANGES TAB
   Prefix: rs-cc-
   File: colour-change-inner-redesign.css
   ============================================ */

.rs-cc-wrap {
    padding: 1.75rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    align-items: start;
}

/* --- CURRENT COLOUR --- */

.rs-cc-current-label {
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #9ca3af;
    margin-bottom: 0.75rem;
}

.rs-cc-current-row {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.rs-cc-swatch {
    width: 56px;
    height: 56px;
    border-radius: 12px;
    border: 1px solid rgba(0,0,0,0.08);
    flex-shrink: 0;
}

.rs-cc-current-name {
    font-size: 2.4rem;
    font-weight: 700;
    color: #0f1720;
    text-transform: capitalize;
}

.rs-cc-current-meta {
    font-size: 1.7rem;
    color: #6b7280;
    line-height: 1.6;
}

.rs-cc-current-meta strong {
    color: #0f1720;
}

/* --- PREVIOUS COLOURS --- */

.rs-cc-prev-header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 0.75rem;
}

.rs-cc-prev-label {
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #9ca3af;
}

.rs-cc-prev-count {
    font-size: 1.7rem;
    color: #9ca3af;
}

.rs-cc-prev-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.rs-cc-prev-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.85rem 0;
    border-bottom: 1px solid #f1f3f5;
}

.rs-cc-prev-item:last-child {
    border-bottom: none;
}

.rs-cc-prev-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

.rs-cc-prev-name {
    font-size: 1.7rem;
    font-weight: 600;
    color: #0f1720;
    flex: 1;
    text-transform: capitalize;
}

.rs-cc-prev-date {
    font-size: 1.7rem;
    color: #9ca3af;
    white-space: nowrap;
}

/* --- RESPONSIVE --- */

@media (max-width: 600px) {
    .rs-cc-wrap {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
}

@media (max-width: 480px) {
.rs-cc-current-name { font-size: 2.25rem; }
.rs-cc-current-meta { font-size: 1.375rem; }
.rs-cc-prev-name    { font-size: 1.5rem; }
.rs-cc-prev-date    { font-size: 1.375rem; }
}

/* ============================================
   FUEL ECONOMY TAB
   Prefix: rs-fe-
   File: fuel-economy-inner-redesign.css
   ============================================ */

.rs-fe-wrap {
    padding: 1.75rem;
    display: flex;
    flex-direction: column;
    gap: 1.75rem;
}

/* --- TOP SECTION --- */

.rs-fe-top {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    align-items: start;
}

/* --- HERO RANGE --- */

.rs-fe-hero-label {
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #9ca3af;
    margin-bottom: 0.5rem;
}

.rs-fe-hero-value {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 0.75rem;
}

.rs-fe-hero-num {
    font-size: 5rem;
    font-weight: 800;
    color: #0f1720;
    letter-spacing: -0.03em;
    line-height: 1;
}

.rs-fe-hero-unit {
    font-size: 1.8rem;
    font-weight: 500;
    color: #6b7280;
}

.rs-fe-hero-desc {
    font-size: 1.3rem;
    color: #6b7280;
    line-height: 1.6;
    max-width: 340px;
}

.rs-fe-hero-desc strong {
    color: #0f1720;
}

/* --- RANGE BARS --- */

.rs-fe-bars {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.rs-fe-bar-row {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.rs-fe-bar-header {
    display: flex;
    justify-content: space-between;
    font-size: 1.3rem;
    color: #6b7280;
}

.rs-fe-bar-header span:last-child {
    font-weight: 700;
    color: #0f1720;
}

.rs-fe-bar-track {
    height: 8px;
    background: #f1f3f5;
    border-radius: 99px;
    overflow: hidden;
}

.rs-fe-bar-fill {
    height: 100%;
    border-radius: 99px;
    transition: width 0.6s ease;
}

.rs-fe-bar-fill--city     { background: #f59e0b; }
.rs-fe-bar-fill--combined { background: #14b8a6; }
.rs-fe-bar-fill--motorway { background: #16a34a; }

/* --- BOTTOM STATS --- */

.rs-fe-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    border-top: 1px solid #f1f3f5;
    padding-top: 1.5rem;
}

.rs-fe-stat {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.rs-fe-stat-label-row {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #6b7280;
}

.rs-fe-stat-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.rs-fe-stat-dot--city     { background: #f59e0b; }
.rs-fe-stat-dot--combined { background: #14b8a6; }
.rs-fe-stat-dot--motorway { background: #16a34a; }

.rs-fe-stat-value {
    display: flex;
    align-items: baseline;
    gap: 4px;
}

.rs-fe-stat-num {
    font-size: 2.8rem;
    font-weight: 700;
    color: #0f1720;
    line-height: 1.1;
}

.rs-fe-stat-unit {
    font-size: 1.2rem;
    font-weight: 600;
    color: #6b7280;
}

.rs-fe-stat-sub {
    font-size: 1.2rem;
    color: #9ca3af;
}

/* --- DRIVING COSTS --- */

.rs-fe-costs {
    border-top: 1px solid #f1f3f5;
    padding-top: 1.5rem;
}

.rs-fe-costs-heading {
    font-size: 1.7rem;
    font-weight: 700;
    color: #0f1720;
    margin: 0 0 0.4rem;
}

.rs-fe-costs-sub {
    font-size: 1.3rem;
    color: #6b7280;
    margin-bottom: 1rem;
}

.rs-fe-costs-rows {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.rs-fe-costs-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 0;
    border-bottom: 1px solid #f1f3f5;
    font-size: 1.4rem;
}

.rs-fe-costs-row:last-child {
    border-bottom: none;
}

.rs-fe-costs-row span:first-child {
    color: #6b7280;
}

.rs-fe-costs-row span:last-child {
    font-weight: 700;
    color: #0f1720;
}

.rs-fe-costs-note {
    font-size: 1.1rem;
    color: #9ca3af;
    margin-top: 0.75rem;
    line-height: 1.5;
}

/* --- RESPONSIVE --- */

@media (max-width: 600px) {
    .rs-fe-top     { grid-template-columns: 1fr; }
    .rs-fe-hero-num { font-size: 3.5rem; }
}

@media (max-width: 480px) {
    .rs-fe-stats { grid-template-columns: 1fr 1fr; }
    .rs-fe-stat-num { font-size: 2.2rem; }
    .rs-fe-wrap { padding: 0; }
}


/* ============================================
   RUNNING COSTS TAB
   Prefix: rs-rc-
   File: running-costs-inner-redesign.css
   ============================================ */

.rs-rc-wrap {
    padding: 1.75rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.rs-rc-body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
}

/* --- LEFT PANEL --- */

.rs-rc-left {
    padding: 0 1.5rem 0 0;
    border-right: 1px solid #e5e7eb;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.rs-rc-outlay-label {
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #9ca3af;
    margin-bottom: 2px;
}

.rs-rc-outlay-desc {
    font-size: 1.3rem;
    color: #6b7280;
    line-height: 1.5;
    max-width: 280px;
}

.rs-rc-hero {
    display: flex;
    align-items: baseline;
    gap: 10px;
}

.rs-rc-hero-num {
    font-size: 5rem;
    font-weight: 800;
    color: #0f1720;
    letter-spacing: -0.04em;
    line-height: 1;
}

.rs-rc-hero-label {
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #9ca3af;
}

.rs-rc-divider {
    height: 1px;
    background: #f1f3f5;
}

.rs-rc-sub-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.rs-rc-sub-item {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.rs-rc-sub-label {
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #9ca3af;
}

.rs-rc-sub-value {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.1;
}

.rs-rc-sub-value--dark {
    color: #0f1720;
}

.rs-rc-sub-freq {
    font-size: 1.2rem;
    color: #9ca3af;
}

.rs-rc-sub-desc {
    font-size: 1.1rem;
    color: #9ca3af;
    line-height: 1.4;
    margin-top: 2px;
}

/* --- RIGHT PANEL --- */

.rs-rc-right {
    padding: 0 0 0 1.5rem;
    display: flex;
    flex-direction: column;
}

.rs-rc-line {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.85rem 0;
    border-bottom: 1px solid #f1f3f5;
}

.rs-rc-line:last-of-type {
    border-bottom: none;
}

.rs-rc-line-num {
    font-size: 1.1rem;
    font-weight: 600;
    color: #9ca3af;
    width: 20px;
    flex-shrink: 0;
}

.rs-rc-line-name {
    font-size: 1.4rem;
    color: #6b7280;
    flex: 1;
}

.rs-rc-line-value {
    font-size: 1.4rem;
    font-weight: 700;
    color: #0f1720;
    white-space: nowrap;
}

.rs-rc-insurance-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 0 0;
    margin-top: auto;
    border-top: 1px solid #f1f3f5;
    text-decoration: none;
    color: #14b8a6;
    font-size: 1.4rem;
    font-weight: 600;
}

.rs-rc-insurance-link:hover { text-decoration: underline; }

/* --- NOTE --- */

.rs-rc-note {
    font-size: 1.2rem;
    color: #9ca3af;
    line-height: 1.6;
    border-top: 1px solid #f1f3f5;
    padding-top: 1rem;
}

.rs-rc-note a { color: #14b8a6; }

/* --- RESPONSIVE --- */

@media (max-width: 600px) {
    .rs-rc-body  { grid-template-columns: 1fr; }
    .rs-rc-left  { padding: 0 0 1.5rem 0; border-right: none; border-bottom: 1px solid #e5e7eb; }
    .rs-rc-right { padding: 1.5rem 0 0 0; }
    .rs-rc-hero-num { font-size: 3.5rem; }
}

@media (max-width: 480px) {
    .rs-rc-wrap    { padding: 1rem; }
    .rs-rc-sub-row { grid-template-columns: 1fr; }
}

/* ============================================
   WEIGHTS & DIMENSIONS TAB
   Prefix: rs-wd-
   File: weights-dimensions-inner-redesign.css
   ============================================ */

.rs-wd-wrap {
    padding: 1.75rem;
}

.rs-wd-body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 3rem;
}

/* --- SECTION --- */

.rs-wd-section {
    margin-bottom: 1.5rem;
}

.rs-wd-section-label {
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #14b8a6;
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e5e7eb;
}

/* --- ROW --- */

.rs-wd-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.7rem 0;
    border-bottom: 1px solid #f1f3f5;
}

.rs-wd-row:last-child {
    border-bottom: none;
}

.rs-wd-row-label {
    font-size: 1.8rem;
    color: #6b7280;
}

.rs-wd-row-value {
    font-size: 1.8rem;
    font-weight: 700;
    color: #0f1720;
    display: flex;
    align-items: baseline;
    gap: 3px;
}

.rs-wd-row-unit {
    font-size: 1.4rem;
    font-weight: 400;
    color: #9ca3af;
}

/* --- RESPONSIVE --- */

@media (max-width: 600px) {
    .rs-wd-body { grid-template-columns: 1fr; gap: 0; }
}

@media (max-width: 480px) {
    .rs-wd-wrap { padding: 1.625rem; }
    .rs-wd-row-label { font-size: 1.56rem; }
    .rs-wd-row-value { font-size: 1.56rem; }
}

/* ============================================
   ENGINE DATA TAB
   Prefix: rs-en-
   File: engine-inner-redesign.css
   ============================================ */

.rs-en-wrap {
    padding: 1.75rem;
}

.rs-en-body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 3rem;
}

/* --- SECTION --- */

.rs-en-section {
    margin-bottom: 1.5rem;
}

.rs-en-section-label {
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #14b8a6;
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e5e7eb;
}

/* --- ROW --- */

.rs-en-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.7rem 0;
    border-bottom: 1px solid #f1f3f5;
}

.rs-en-row:last-child {
    border-bottom: none;
}

.rs-en-row-label {
    font-size: 1.8rem;
    color: #6b7280;
}

.rs-en-row-value {
    font-size: 1.8rem;
    font-weight: 700;
    color: #0f1720;
    text-align: right;
    display: flex;
    align-items: baseline;
    gap: 3px;
}

.rs-en-row-unit {
    font-size: 1.4rem;
    font-weight: 400;
    color: #9ca3af;
}

/* --- RESPONSIVE --- */

@media (max-width: 600px) {
    .rs-en-body { grid-template-columns: 1fr; gap: 0; }
}

@media (max-width: 480px) {
    .rs-en-wrap          { padding: 1rem; }
    .rs-en-row-label     { font-size: 1.56rem; }
    .rs-en-row-value     { font-size: 1.56rem; }
    .rs-en-section-label { font-size: 1.4rem; }
    .rs-en-row-unit      { font-size: 1.4rem; }
}

/* ============================================
   EMISSIONS TAB
   Prefix: rs-em-
   File: emissions-inner-redesign.css
   ============================================ */

:root {
    --em-band-a:  #16a34a;
    --em-band-bc: #65a30d;
    --em-band-de: #a3a017;
    --em-band-fg: #eab308;
    --em-band-hi: #f59e0b;
    --em-band-jk: #ea580c;
    --em-band-lm: #dc2626;
}

.rs-em-wrap {
    padding: 1.75rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* --- HERO --- */

.rs-em-hero {
    display: flex;
    align-items: baseline;
    gap: 14px;
    flex-wrap: wrap;
}

.rs-em-hero-num {
    font-size: 5.5rem;
    font-weight: 800;
    letter-spacing: -0.035em;
    line-height: 1;
    color: #0f172a;
}

.rs-em-hero-unit {
    font-size: 2rem;
    font-weight: 600;
    color: #64748b;
    margin-left: 4px;
}

.rs-em-hero-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #14b8a6;
    color: #fff;
    font-weight: 700;
    font-size: 1.3rem;
    letter-spacing: 0.04em;
    padding: 6px 14px;
    border-radius: 999px;
}

.rs-em-hero-pill-label {
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    opacity: 0.85;
}

/* --- BAND BAR --- */

.rs-em-bar {
    position: relative;
    padding-top: 32px;
}

.rs-em-bar-marker {
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    pointer-events: none;
}

.rs-em-bar-marker-tag {
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #0f172a;
    background: #fff;
    padding: 2px 7px;
    border: 1.5px solid #0f172a;
    border-radius: 4px;
    margin-bottom: 4px;
    white-space: nowrap;
}

.rs-em-bar-marker-arrow {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 8px solid #0f172a;
}

.rs-em-bar-track {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 3px;
    height: 52px;
    border-radius: 6px;
}

.rs-em-seg {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 1.5rem;
    letter-spacing: 0.05em;
    transition: transform 0.2s;
}

.rs-em-seg--active {
    border-radius: 4px;
    transform: scaleY(1.12);
    box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 4px currentColor;
}

.rs-em-seg[data-band="A"]  { background: var(--em-band-a); }
.rs-em-seg[data-band="BC"] { background: var(--em-band-bc); }
.rs-em-seg[data-band="DE"] { background: var(--em-band-de); }
.rs-em-seg[data-band="FG"] { background: var(--em-band-fg); }
.rs-em-seg[data-band="HI"] { background: var(--em-band-hi); }
.rs-em-seg[data-band="JK"] { background: var(--em-band-jk); }
.rs-em-seg[data-band="LM"] { background: var(--em-band-lm); }

.rs-em-bar-ranges {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 3px;
    margin-top: 8px;
}

.rs-em-bar-range {
    text-align: center;
    font-size: 1.1rem;
    color: #94a3b8;
    font-weight: 500;
}

.rs-em-bar-range--active {
    color: #0f172a;
    font-weight: 700;
}

/* --- STATS --- */

.rs-em-stats {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
}

.rs-em-stat {
    background: #fafafa;
    border: 1px solid #f1f5f9;
    border-radius: 10px;
    padding: 1rem 1.15rem;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.rs-em-stat-label {
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #0d9488;
}

.rs-em-stat-value {
    font-size: 1.6rem;
    font-weight: 700;
    color: #0f172a;
}

/* --- NOTE --- */

.rs-em-note {
    padding: 1rem 1.15rem;
    background: #f8fafc;
    border: 1px solid #f1f5f9;
    border-radius: 8px;
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.rs-em-note-icon {
    flex-shrink: 0;
    margin-top: 2px;
    color: #94a3b8;
}

.rs-em-note-text {
    margin: 0;
    font-size: 1.2rem;
    line-height: 1.55;
    color: #64748b;
}

.rs-em-note-text strong {
    color: #334155;
    font-weight: 600;
}

/* --- RESPONSIVE --- */

@media (max-width: 720px) {
    .rs-em-stats { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 480px) {
    .rs-em-wrap    { padding: 1.25rem; }
    .rs-em-hero-num { font-size: 3.5rem; }
    .rs-em-stats   { grid-template-columns: repeat(2, 1fr); }
    .rs-em-seg     { font-size: 1.2rem; }
    .rs-em-bar-range { font-size: 0.9rem; }
}

/* ============================================
   SMMT DETAILS TAB
   Prefix: rs-sm-
   File: smmt-inner-redesign.css
   ============================================ */

.rs-sm-wrap {
    padding: 1.75rem;
}

.rs-sm-body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 3rem;
}

/* --- SECTION --- */

.rs-sm-section {
    margin-bottom: 1.5rem;
}

.rs-sm-section-label {
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #14b8a6;
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e5e7eb;
}

/* --- ROW --- */

.rs-sm-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.7rem 0;
    border-bottom: 1px solid #f1f3f5;
}

.rs-sm-row:last-child {
    border-bottom: none;
}

.rs-sm-row-label {
    font-size: 1.8rem;
    color: #6b7280;
}

.rs-sm-row-value {
    font-size: 1.8rem;
    font-weight: 700;
    color: #0f1720;
    text-align: right;
    display: flex;
    align-items: baseline;
    gap: 3px;
}

.rs-sm-row-unit {
    font-size: 1.4rem;
    font-weight: 400;
    color: #9ca3af;
}

/* --- RESPONSIVE --- */

@media (max-width: 600px) {
    .rs-sm-body { grid-template-columns: 1fr; gap: 0; }
}

@media (max-width: 480px) {
    .rs-sm-wrap          { padding: 1rem; }
    .rs-sm-row-label     { font-size: 1.56rem; }
    .rs-sm-row-value     { font-size: 1.56rem; }
    .rs-sm-section-label { font-size: 1.4rem; }
    .rs-sm-row-unit      { font-size: 1.4rem; }
}

/* ============================================
   VEHICLE DETAILS TAB
   Prefix: rs-vd-
   File: vehicle-details-inner-redesign.css
   ============================================ */

.rs-vd-wrap {
    padding: 1.75rem;
}

.rs-vd-body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 3rem;
}

/* --- SECTION --- */

.rs-vd-section {
    margin-bottom: 1.5rem;
}

.rs-vd-section-label {
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #14b8a6;
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e5e7eb;
}

/* --- ROW --- */

.rs-vd-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.7rem 0;
    border-bottom: 1px solid #f1f3f5;
}

.rs-vd-row:last-child {
    border-bottom: none;
}

.rs-vd-row-label {
    font-size: 1.8rem;
    color: #6b7280;
}

.rs-vd-row-value {
    font-size: 1.8rem;
    font-weight: 700;
    color: #0f1720;
    text-align: right;
    display: flex;
    align-items: baseline;
    gap: 3px;
}

.rs-vd-row-unit {
    font-size: 1.4rem;
    font-weight: 400;
    color: #9ca3af;
}

/* Flag values */
.rs-vd-flag--yes { color: #dc2626; }
.rs-vd-flag--no  { color: #16a34a; }

/* --- RESPONSIVE --- */

@media (max-width: 600px) {
    .rs-vd-body { grid-template-columns: 1fr; gap: 0; }
}

@media (max-width: 480px) {
    .rs-vd-wrap          { padding: 1rem; }
    .rs-vd-row-label     { font-size: 1.56rem; }
    .rs-vd-row-value     { font-size: 1.56rem; }
    .rs-vd-section-label { font-size: 1.4rem; }
    .rs-vd-row-unit      { font-size: 1.4rem; }
}

/* ============================================
   MOT HISTORY TAB
   Prefix: rs-mot-
   File: mot-history-inner-redesign.css
   No CSS custom properties - older browser safe
   ============================================ */

/* --- SUMMARY HEADER --- */

.rs-mot-summary-wrapper {
    padding: 10px 20px;
}

.rs-mot-summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    padding-bottom: 1.25rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #f1f5f9;
}

.rs-mot-summary-total {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.rs-mot-summary-total-label {
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #94a3b8;
}

.rs-mot-summary-total-value {
    font-size: 3rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1;
    color: #0f172a;
}

.rs-mot-summary-chips {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.rs-mot-chip {
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 1.2rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.rs-mot-chip-dot {
    width: 6px;
    height: 6px;
    border-radius: 3px;
    flex-shrink: 0;
}

.rs-mot-chip--pass            { background: #ecfdf5; color: #047857; }
.rs-mot-chip--pass .rs-mot-chip-dot { background: #10b981; }
.rs-mot-chip--fail            { background: #fef2f2; color: #b91c1c; }
.rs-mot-chip--fail .rs-mot-chip-dot { background: #ef4444; }

/* --- TIMELINE --- */

.rs-mot-timeline {
    position: relative;
    padding-left: 36px;
    list-style: none;
    margin: 0;
    padding-top: 0;
}

.rs-mot-timeline::before {
    content: '';
    position: absolute;
    left: 14px;
    top: 8px;
    bottom: 8px;
    width: 2px;
    background: #e2e8f0;
}

.rs-mot-test {
    position: relative;
    padding-bottom: 20px;
}

.rs-mot-test:last-child { padding-bottom: 0; }

/* --- NODE --- */

.rs-mot-node {
    position: absolute;
    left: -28px;
    top: 6px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rs-mot-test--passed .rs-mot-node {
    background: #10b981;
    box-shadow: 0 0 0 4px #fff, 0 0 0 5px #bbf7d0;
}

.rs-mot-test--failed .rs-mot-node {
    background: #ef4444;
    box-shadow: 0 0 0 4px #fff, 0 0 0 5px #fecaca;
}

/* --- CARD --- */

.rs-mot-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    overflow: hidden;
}

.rs-mot-card-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 12px 16px;
    flex-wrap: wrap;
}

.rs-mot-test--passed .rs-mot-card-head { background: #f0fdf4; }
.rs-mot-test--failed .rs-mot-card-head { background: #fef2f2; }

.rs-mot-card-meta {
    display: flex;
    align-items: baseline;
    gap: 12px;
    flex-wrap: wrap;
}

.rs-mot-card-date {
    font-size: 1.5rem;
    font-weight: 700;
    color: #0f172a;
}

.rs-mot-card-odo {
    font-size: 1.3rem;
    color: #64748b;
}

.rs-mot-card-delta {
    font-size: 1.1rem;
    color: #94a3b8;
    margin-left: 4px;
}

/* --- PILL --- */

.rs-mot-pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #fff;
    font-weight: 700;
    font-size: 1.2rem;
    letter-spacing: 0.06em;
    padding: 4px 10px;
    border-radius: 4px;
    text-transform: uppercase;
    white-space: nowrap;
}

.rs-mot-pill--passed { background: #10b981; }
.rs-mot-pill--failed { background: #ef4444; }

/* --- CARD BODY --- */

.rs-mot-card-body {
    padding: 12px 16px 14px;
    border-top: 1px solid #f1f5f9;
}

.rs-mot-expiry {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 1.3rem;
    color: #334155;
    margin-bottom: 10px;
}

.rs-mot-expiry strong { color: #0f172a; font-weight: 600; }
.rs-mot-expiry svg   { color: #94a3b8; flex-shrink: 0; }

/* --- DEFECTS --- */

.rs-mot-defect {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding: 10px 0;
    border-bottom: 1px dashed #f1f5f9;
}

.rs-mot-defect:last-child { border-bottom: none; }

.rs-mot-defect-dot {
    flex-shrink: 0;
    margin-top: 7px;
    width: 6px;
    height: 6px;
    border-radius: 3px;
}

.rs-mot-defect--advisory .rs-mot-defect-dot  { background: #f59e0b; }
.rs-mot-defect--major .rs-mot-defect-dot     { background: #dc2626; }
.rs-mot-defect--dangerous .rs-mot-defect-dot { background: #b91c1c; }
.rs-mot-defect--minor .rs-mot-defect-dot     { background: #3b82f6; }
.rs-mot-defect--prs .rs-mot-defect-dot       { background: #8b5cf6; }
.rs-mot-defect--fail .rs-mot-defect-dot      { background: #dc2626; }

.rs-mot-defect-text {
    flex: 1;
    font-size: 1.3rem;
    line-height: 1.5;
    color: #334155;
}

.rs-mot-defect-chip {
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 2px 6px;
    border-radius: 3px;
    margin-left: 6px;
    vertical-align: middle;
}

.rs-mot-defect--advisory .rs-mot-defect-chip  { background: #fef3c7; color: #92400e; }
.rs-mot-defect--major .rs-mot-defect-chip     { background: #fee2e2; color: #991b1b; }
.rs-mot-defect--dangerous .rs-mot-defect-chip { background: #fee2e2; color: #7f1d1d; }
.rs-mot-defect--minor .rs-mot-defect-chip     { background: #eff6ff; color: #1e40af; }
.rs-mot-defect--prs .rs-mot-defect-chip       { background: #f5f3ff; color: #5b21b6; }
.rs-mot-defect--fail .rs-mot-defect-chip      { background: #fee2e2; color: #991b1b; }

.rs-mot-advisory-note {
    margin-top: 10px;
    padding: 8px 10px;
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 6px;
    font-size: 1.2rem;
    color: #78350f;
}

/* --- RESPONSIVE --- */

@media (max-width: 520px) {
    .rs-mot-timeline        { padding-left: 28px; }
    .rs-mot-timeline::before { left: 10px; }
    .rs-mot-node            { left: -22px; }
    .rs-mot-card-head       { flex-direction: column; align-items: flex-start; gap: 8px; }
    .rs-mot-summary         { flex-direction: column; align-items: flex-start; }
    .rs-mot-summary-wrapper { padding: 5px 5px; }
}