/* Phase 2.0E — buyer experience overhaul */

/* Analyse use profile */
.buyer-use-profile-card {
    display: grid;
    grid-template-columns: minmax(16rem, .9fr) minmax(20rem, 1.3fr);
    gap: 1.25rem;
    padding: 1.25rem;
    border: 1px solid rgba(20, 99, 255, .22);
    border-radius: 1.1rem;
    background: linear-gradient(135deg, rgba(20, 99, 255, .08), rgba(65, 187, 255, .04));
}
.buyer-use-profile-copy h3 { margin: .2rem 0 .45rem; font-size: 1.1rem; }
.buyer-use-profile-copy p { margin: 0; color: #52647f; line-height: 1.55; }
.buyer-use-profile-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem; align-items: end; }
.buyer-use-profile-grid label { display: grid; gap: .4rem; font-weight: 750; }
.buyer-use-profile-note { grid-column: 1 / -1; margin-top: .9rem; padding: .8rem 1rem; border-radius: .8rem; color: #12623a; background: #e8f8ef; border: 1px solid #b8e9cb; font-weight: 720; }

/* Workspace summary */
.workspace-buyer-snapshot {
    margin: 1rem 0 1.1rem;
    padding: 1.25rem;
    border: 1px solid #cfdcf1;
    border-radius: 1.35rem;
    background: linear-gradient(145deg, #fff 0%, #f7faff 58%, #edf4ff 100%);
    box-shadow: 0 14px 38px rgba(38, 74, 128, .09);
}
.workspace-buyer-snapshot-main { display: flex; gap: 1rem; align-items: center; }
.workspace-score-orbit {
    width: 7rem; height: 7rem; flex: 0 0 7rem; border-radius: 50%;
    display: grid; place-content: center; text-align: center;
    border: .65rem solid #e1eaff; box-shadow: inset 0 0 0 .3rem #1769ff;
    background: #fff;
}
.workspace-score-orbit strong { font-size: 1.75rem; line-height: 1; color: #10264b; }
.workspace-score-orbit span { font-size: .74rem; color: #60708a; }
.workspace-score-orbit small { margin-top: .3rem; max-width: 5.4rem; color: #4d607d; font-size: .68rem; }
.workspace-snapshot-copy { min-width: 0; flex: 1; }
.workspace-snapshot-copy h2 { margin: .2rem 0 .8rem; font-size: clamp(1.2rem, 2vw, 1.65rem); }
.workspace-vehicle-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .55rem; }
.workspace-vehicle-facts span, .workspace-price-grid article, .workspace-snapshot-bottom > div { padding: .8rem .9rem; border-radius: .9rem; background: rgba(255,255,255,.82); border: 1px solid #dce6f5; }
.workspace-vehicle-facts small, .workspace-price-grid span, .workspace-price-grid small, .workspace-snapshot-bottom span, .workspace-snapshot-bottom small { display: block; color: #65758d; font-size: .72rem; }
.workspace-vehicle-facts strong { display: block; color: #172b4d; font-size: .92rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.workspace-price-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; margin-top: 1rem; }
.workspace-price-grid article { min-height: 6rem; }
.workspace-price-grid article strong { display: block; margin: .35rem 0 .2rem; color: #10264b; font-size: clamp(1.1rem, 2vw, 1.45rem); }
.workspace-price-grid article.is-primary { border-color: #9dbdff; background: #edf4ff; }
.workspace-price-grid article.is-offer { border-color: #9eddbb; background: #ecf9f1; }
.workspace-snapshot-bottom { display: grid; grid-template-columns: minmax(0, .8fr) minmax(18rem, 1.2fr); gap: .75rem; margin-top: .75rem; }
.workspace-snapshot-bottom strong { display: block; margin: .25rem 0; }
.workspace-snapshot-action { display: grid; grid-template-columns: 1fr auto; align-items: center; column-gap: 1rem; }
.workspace-snapshot-action span, .workspace-snapshot-action strong { grid-column: 1; }
.workspace-snapshot-action .btn { grid-column: 2; grid-row: 1 / span 2; }
.workspace-disclosure { margin: .75rem 0; border: 1px solid #d8e2f0; border-radius: 1rem; background: #fff; overflow: clip; }
.workspace-disclosure > summary { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 1rem; padding: 1rem 1.15rem; cursor: pointer; list-style: none; font-weight: 800; color: #172b4d; background: #f8faff; }
.workspace-disclosure > summary > span { min-width: 0; }
.workspace-disclosure > summary > strong { justify-self: end; text-align: right; white-space: nowrap; }
.workspace-disclosure > summary::-webkit-details-marker { display: none; }
.workspace-disclosure > summary::after { content: "+"; display: grid; place-items: center; width: 1.65rem; height: 1.65rem; border-radius: 50%; color: #1769ff; background: #e7efff; }
.workspace-disclosure[open] > summary::after { content: "−"; }
.workspace-disclosure > section, .workspace-disclosure > .saved-report-overview, .workspace-disclosure > .vehicle-journey, .workspace-disclosure > .buyer-command-center { margin: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }

/* Dashboard */
.dashboard-activity-stats { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: .85rem; margin: 1rem 0; }
.dashboard-activity-stats article { padding: 1rem 1.1rem; border: 1px solid #d8e3f2; border-radius: 1rem; background: #fff; box-shadow: 0 8px 24px rgba(40,70,110,.055); }
.dashboard-activity-stats span, .dashboard-activity-stats small { display: block; color: #66758b; font-size: .75rem; }
.dashboard-activity-stats strong { display: block; margin: .25rem 0; color: #10264b; font-size: 1.65rem; }
.dashboard-buyer-snapshot { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 1rem; align-items: center; margin: 1rem 0; padding: 1.2rem; border-radius: 1.2rem; border: 1px solid #cfdcf1; background: linear-gradient(120deg,#fff,#f3f7ff); }
.dashboard-buyer-snapshot-score { width: 6.2rem; height: 6.2rem; border-radius: 1.1rem; display: grid; place-content: center; text-align: center; background: #1769ff; color: #fff; }
.dashboard-buyer-snapshot-score strong { font-size: 1.7rem; line-height: 1; }
.dashboard-buyer-snapshot-score span, .dashboard-buyer-snapshot-score small { font-size: .7rem; opacity: .85; }
.dashboard-buyer-snapshot-copy h2 { margin: .15rem 0 .35rem; }
.dashboard-buyer-snapshot-copy p { margin: 0 0 .75rem; color: #53647d; }
.dashboard-buyer-snapshot-facts { display: flex; flex-wrap: wrap; gap: .55rem; }
.dashboard-buyer-snapshot-facts span { min-width: 8.5rem; padding: .55rem .7rem; border-radius: .75rem; background: #fff; border: 1px solid #dae4f2; }
.dashboard-buyer-snapshot-facts small, .dashboard-buyer-snapshot-facts strong { display: block; }
.dashboard-buyer-snapshot-facts small { color: #6b7890; font-size: .7rem; }
.dashboard-buyer-snapshot-actions { display: grid; gap: .55rem; min-width: 12rem; }

/* Shortlist */
.shortlist-cards { grid-template-columns: repeat(2, minmax(20rem, 1fr)) !important; }
.shortlist-highlight-summary { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: .75rem; margin: 1rem 0 1.2rem; }
.shortlist-highlight-summary article { padding: .95rem; border: 1px solid #d8e3f1; border-radius: .95rem; background: #fff; }
.shortlist-highlight-summary span, .shortlist-highlight-summary small { display: block; color: #68778d; font-size: .72rem; }
.shortlist-highlight-summary strong { display: block; margin: .35rem 0; color: #14294b; font-size: .95rem; }
.shortlist-metric-controls { display: flex; justify-content: space-between; gap: 1rem; align-items: end; margin: 1rem 0 .7rem; padding: 1rem; border: 1px solid #d9e4f2; border-radius: 1rem; background: #f9fbff; }
.shortlist-metric-controls h2 { margin: .15rem 0 0; font-size: 1.1rem; }
.shortlist-metric-tabs { display: flex; flex-wrap: wrap; gap: .4rem; justify-content: flex-end; }
.shortlist-metric-tabs button { border: 1px solid #cbd8ea; background: #fff; color: #40536e; border-radius: 999px; padding: .55rem .8rem; font-size: .78rem; font-weight: 760; }
.shortlist-metric-tabs button.is-active { color: #fff; border-color: #1769ff; background: #1769ff; }
.shortlist-comparison { overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-gutter: stable; }
.shortlist-grid-label { position: sticky; left: 0; z-index: 3; background: #fff; }
.shortlist-grid-label.shortlist-grid-sticky { z-index: 6; }
.shortlist-grid-car.shortlist-grid-sticky { top: 0; z-index: 5; }
.shortlist-grid-value { min-width: 13.5rem; }

/* Coin usage */
.coin-usage-page { max-width: 1180px; }
.coin-usage-hero { display: flex; justify-content: space-between; gap: 1rem; align-items: end; margin-bottom: 1rem; }
.coin-usage-hero h1 { margin: .15rem 0 .35rem; }
.coin-usage-hero p { margin: 0; color: #596a82; max-width: 48rem; }
.coin-usage-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .8rem; margin: 1rem 0; }
.coin-usage-summary article { padding: 1rem; border: 1px solid #d8e3f2; border-radius: 1rem; background: #fff; }
.coin-usage-summary article.is-balance { color: #fff; border-color: #1769ff; background: linear-gradient(135deg,#1769ff,#04a5e8); }
.coin-usage-summary span, .coin-usage-summary small { display:block; font-size:.74rem; opacity:.78; }
.coin-usage-summary strong { display:block; margin:.25rem 0; font-size:1.7rem; }
.coin-usage-ledger { padding: 1rem; border:1px solid #d8e3f2; border-radius:1rem; background:#fff; }
.coin-usage-ledger-head { display:flex; justify-content:space-between; gap:1rem; align-items:end; margin-bottom:.8rem; }
.coin-usage-ledger-head h2 { margin:0; }
.coin-usage-ledger-head p { margin:.15rem 0 0; color:#68778d; }
.coin-usage-ledger-head label { min-width: 12rem; }
.coin-usage-ledger-head label span { display:block; margin-bottom:.3rem; font-size:.72rem; color:#68778d; }
.coin-usage-table-wrap { overflow-x:auto; }
.coin-usage-table { width:100%; border-collapse:collapse; min-width:780px; }
.coin-usage-table th { text-align:left; padding:.75rem; color:#63738a; font-size:.7rem; text-transform:uppercase; letter-spacing:.05em; border-bottom:1px solid #dce5f1; }
.coin-usage-table td { padding:.85rem .75rem; border-bottom:1px solid #e7edf5; vertical-align:top; }
.coin-usage-table td strong, .coin-usage-table td small { display:block; }
.coin-usage-table td small { color:#708096; margin-top:.18rem; font-size:.72rem; }
.coin-usage-table tr.is-spend .coin-usage-change { color:#b73b3b; }
.coin-usage-table tr.is-credit .coin-usage-change { color:#168a50; }
.coin-usage-empty { padding:2rem; }

/* Header coin is always visible */
.carbuyer-coin-balance { display:flex; align-items:center; gap:.35rem; min-height:2.7rem; padding:.45rem .65rem; border:1px solid #d4e0f0; border-radius:.8rem; background:#fff; color:#17345d; text-decoration:none; }
.carbuyer-coin-balance > span { color:#f0a500; font-size:.85rem; }
.carbuyer-coin-balance strong { font-size:.95rem; }
.carbuyer-coin-balance small { color:#66758b; font-size:.68rem; }
.carbuyer-coin-balance:hover { border-color:#1769ff; color:#1769ff; }

@media (max-width: 1000px) {
    .workspace-price-grid, .dashboard-activity-stats, .shortlist-highlight-summary, .coin-usage-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .workspace-vehicle-facts { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .dashboard-buyer-snapshot { grid-template-columns:auto 1fr; }
    .dashboard-buyer-snapshot-actions { grid-column:1 / -1; grid-template-columns:repeat(2,minmax(0,1fr)); }
    .shortlist-metric-controls { align-items:flex-start; flex-direction:column; }
    .shortlist-metric-tabs { justify-content:flex-start; }
}
@media (max-width: 760px) {
    .buyer-use-profile-card, .buyer-use-profile-grid, .workspace-snapshot-bottom { grid-template-columns:1fr; }
    .workspace-buyer-snapshot-main { align-items:flex-start; }
    .workspace-price-grid, .dashboard-activity-stats, .shortlist-highlight-summary, .coin-usage-summary { grid-template-columns:1fr 1fr; }
    .shortlist-cards { grid-template-columns:1fr !important; }
    .coin-usage-hero, .coin-usage-ledger-head { align-items:stretch; flex-direction:column; }
    .carbuyer-coin-balance small { display:none; }
}
@media (max-width: 520px) {
    .workspace-buyer-snapshot-main { flex-direction:column; }
    .workspace-score-orbit { width:5.8rem; height:5.8rem; flex-basis:5.8rem; }
    .workspace-price-grid, .workspace-vehicle-facts, .dashboard-activity-stats, .shortlist-highlight-summary, .coin-usage-summary { grid-template-columns:1fr; }
    .dashboard-buyer-snapshot { grid-template-columns:1fr; }
    .dashboard-buyer-snapshot-score { width:100%; height:auto; padding:1rem; }
    .dashboard-buyer-snapshot-actions { grid-template-columns:1fr; }
}
.workspace-attention-disclosure > .decision-workspace-attention,
.workspace-checklist-disclosure > .decision-workspace-checklist { padding: 1rem 1.15rem 1.2rem; }
.workspace-connected-data-disclosure > .decision-workspace-grid { padding: 1rem; }
.workspace-attention-disclosure:target,
.workspace-checklist-disclosure:target,
.workspace-connected-data-disclosure:target { border-color: #87aefb; box-shadow: 0 0 0 .2rem rgba(23, 105, 255, .12); }