/* =============================================================================
   AP-DASHBOARD.CSS — Dashboard-startscherm (herontwerp) — DEFINITIEVE VERSIE
   =============================================================================
   Laadt na ap-core.css / ap-tokens.css / ap-icons.css / ap-chrome.css.
   Eigen `.ap-dash`-namespace. Rij 1: vaste hoogtes, geen rek/scroll.
   ============================================================================= */

.ap-dash{ max-width:1360px; margin:0 auto; display:flex; flex-direction:column; gap:20px; padding-bottom:72px; }

.ap-dash-card{
    background:var(--ap-grad-card);
    border:1px solid var(--ap-border);
    border-radius:var(--ap-radius-card-l);
    box-shadow:var(--ap-shadow-card);
}

/* Rijen: kolommen rekken tot gelijke hoogte; binnen elke kaart vangt één element de rest op. */
.ap-dash__row{ display:flex; flex-wrap:wrap; gap:20px; align-items:stretch; }
.ap-dash__row > .ap-dash__col-main{ flex:2 1 540px; min-width:0; display:flex; }
.ap-dash__row > .ap-dash__col-side{ flex:1 1 336px; min-width:0; display:flex; flex-direction:column; gap:20px; }
.ap-dash__row > .ap-dash__col-main > *,
.ap-dash__row > .ap-dash__col-side > *{ width:100%; }

/* ============================ WELKOMSTSTRIP ============================ */
.ap-dash-welcome{
    position:relative; overflow:hidden;
    display:flex; flex-wrap:wrap; align-items:center; gap:16px 24px;
    padding:20px 24px; border-radius:14px;
    background:var(--ap-grad-hero); box-shadow:var(--ap-shadow-navy);
    color:#fff;
}
.ap-dash-welcome::before{ content:""; position:absolute; inset:0; background:var(--ap-grad-hero-glow); pointer-events:none; }
.ap-dash-welcome::after{
    content:""; position:absolute; right:30px; top:22px; width:92px; height:84px; z-index:0;
    background:url(../images/logo-ap.png) no-repeat right center / contain; opacity:.10; pointer-events:none;
}
.ap-dash-welcome__mark{ display:none; }
.ap-dash-welcome__left{ position:relative; z-index:1; min-width:240px; flex:1 1 auto; }
.ap-dash-welcome__kicker{ margin:0 0 6px; font-size:10.5px; font-weight:600; letter-spacing:.11em; text-transform:uppercase; color:var(--ap-on-navy-kicker); }
.ap-dash-welcome__title{ margin:0 0 6px; font-size:21px; font-weight:600; letter-spacing:-.022em; color:#fff; }
.ap-dash-welcome__sub{ margin:0; font-size:13px; color:var(--ap-on-navy-body); }
.ap-dash-welcome__right{ position:relative; z-index:1; margin-left:auto; align-self:flex-end; display:flex; align-items:center; gap:10px; padding-top:52px; }
.ap-dash-pill{ display:inline-flex; align-items:center; gap:7px; height:25px; padding:0 10px; border-radius:999px; font-size:10.5px; font-weight:550; white-space:nowrap; }
.ap-dash-pill__dot{ width:5px; height:5px; border-radius:50%; flex:0 0 5px; }
.ap-dash-pill--active{ background:rgba(160,240,190,.14); border:1px solid rgba(160,240,190,.28); color:#A6EFC4; }
.ap-dash-pill--active .ap-dash-pill__dot{ background:#5FD99A; }
.ap-dash-pill--cancelled{ background:rgba(224,168,0,.16); border:1px solid rgba(240,194,68,.34); color:#F0C244; }
.ap-dash-pill--cancelled .ap-dash-pill__dot{ background:#E0A800; }
.ap-dash-welcome__btn{ display:inline-flex; align-items:center; gap:7px; height:30px; padding:0 13px; border-radius:8px; border:1px solid rgba(255,255,255,.22); background:rgba(255,255,255,.04); color:#fff; font-size:11.5px; font-weight:550; text-decoration:none; transition:background var(--ap-t-fast); }
.ap-dash-welcome__btn:hover{ background:rgba(255,255,255,.10); }
.ap-dash-welcome__btn i{ font-size:13px; }

/* ============================ HANDELSPLEIN ============================ */
.ap-dash-market{ flex:1 1 auto; display:flex; flex-direction:column; border-color:#D8E2F5; }
.ap-dash-market__head{ padding:18px 22px 14px; }
.ap-dash-live{ display:inline-flex; align-items:center; gap:7px; margin-bottom:10px; }
.ap-dash-live__dot{ width:6px; height:6px; border-radius:50%; background:var(--ap-green); box-shadow:0 0 0 3px rgba(47,169,107,.16); }
.ap-dash-live span{ font-size:10.5px; font-weight:600; color:var(--ap-green-text); }
.ap-dash-market__titlerow{ display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.ap-dash-market__title{ margin:0; font-size:22px; font-weight:600; letter-spacing:-.026em; color:var(--ap-text); }
.ap-dash-market__count{ display:flex; align-items:baseline; gap:6px; flex:0 0 auto; }
.ap-dash-market__count b{ font-size:38px; font-weight:600; letter-spacing:-.035em; color:var(--ap-text); line-height:1; }
.ap-dash-market__count span{ font-size:12px; color:var(--ap-text-muted); }
.ap-dash-market__lead{ margin:8px 0 0; font-size:13px; line-height:1.55; color:var(--ap-text-soft); max-width:56ch; }
.ap-dash-bar{ height:8px; border-radius:999px; background:#EEF1F7; display:flex; overflow:hidden; margin:16px 22px 0; }
.ap-dash-bar__green{ background:linear-gradient(90deg,#2FA96B,#5FD99A); }
.ap-dash-bar__amber{ background:linear-gradient(90deg,#E0A800,#F0C244); border-left:2px solid #fff; }
.ap-dash-legend{ display:flex; gap:18px; margin:9px 22px 0; }
.ap-dash-legend span{ display:inline-flex; align-items:center; gap:7px; font-size:11.5px; color:var(--ap-text-body-2); }
.ap-dash-legend i{ width:7px; height:7px; border-radius:2px; }
.ap-dash-legend .g{ background:#2FA96B; }
.ap-dash-legend .a{ background:#E0A800; }
/* Geen extra rand/marge: de verdeelbalk-rij (border-bottom) is de enige scheiding (punt 5). */
.ap-dash-actions{ display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); }
.ap-dash-action{ display:flex; align-items:center; gap:12px; padding:16px 22px; text-decoration:none; box-shadow:0 0 0 1px var(--ap-border-hair); transition:background var(--ap-t-fast); }
.ap-dash-action:hover{ background:var(--ap-accent-tint-2); }
.ap-dash-action.is-soon{ cursor:default; }
.ap-dash-action.is-soon:hover{ background:transparent; }
.ap-dash-action__ic{ flex:0 0 36px; width:36px; height:36px; border-radius:10px; background:var(--ap-accent-tint); display:flex; align-items:center; justify-content:center; }
.ap-dash-action__ic i{ font-size:18px; color:var(--ap-accent); }
.ap-dash-action__tx{ min-width:0; flex:1 1 auto; }
.ap-dash-action__tx b{ display:block; font-size:13.5px; font-weight:600; color:var(--ap-text); }
.ap-dash-action__tx span{ font-size:11.5px; font-weight:400; color:#7A889E; }
.ap-dash-action > i.ap-dash-action__arrow{ font-size:14px; color:#B3BFD1; flex:0 0 auto; }
/* "Auto's zoeken" nog niet live: hele rij subtiel gedimd, geen pill (punt 3) */
.ap-dash-action.is-soon{ opacity:.55; }
.ap-dash-soontag{ font-size:9px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--ap-text-muted); border:1px solid var(--ap-border-input); border-radius:999px; padding:2px 7px; }
/* Feed = teaser: exact 3 regels, geen scroll. */
.ap-dash-feed{ flex:1 1 auto; display:flex; flex-direction:column; }
.ap-dash-feed__head{ display:flex; align-items:center; justify-content:space-between; padding:14px 22px 8px; }
.ap-dash-feed__head b{ font-size:10.5px; font-weight:600; letter-spacing:.09em; text-transform:uppercase; color:var(--ap-text-muted); }
.ap-dash-feed__head a, .ap-dash-feed__head > span{ font-size:11.5px; font-weight:550; color:var(--ap-accent); text-decoration:none; }
.ap-dash-feed__list{ flex:1 1 auto; overflow-y:auto; }
.ap-dash-row{ display:flex; align-items:center; gap:12px; padding:14px 20px; text-decoration:none; border-top:1px solid var(--ap-border-hair-2); transition:background var(--ap-t-fast); }
.ap-dash-row:hover{ background:var(--ap-hover); }
.ap-dash-row__thumb{ flex:0 0 120px; width:120px; height:82px; border-radius:9px; background:#EDF1F8; overflow:hidden; }
.ap-dash-row__thumb img{ width:100%; height:100%; object-fit:cover; }
.ap-dash-row__body{ min-width:0; flex:1 1 auto; }
.ap-dash-row__title{ font-size:13px; font-weight:550; color:var(--ap-text); }
.ap-dash-row__meta{ display:flex; align-items:center; gap:8px; margin-top:3px; }
.ap-dash-row__time{ font-size:11px; color:var(--ap-text-faint); flex:0 0 auto; }
.ap-dash-row__right{ display:flex; flex-direction:column; align-items:flex-end; gap:2px; flex:0 0 auto; }
.ap-dash-row__price{ font-size:13px; font-weight:600; color:var(--ap-text); white-space:nowrap; }
.ap-dash-chip{ display:inline-flex; align-items:center; gap:5px; height:19px; padding:0 8px; border-radius:999px; font-size:10.5px; font-weight:600; }
.ap-dash-chip i{ font-size:11px; }
.ap-dash-chip--amber{ background:var(--ap-amber-tint); color:var(--ap-amber-text); }
.ap-dash-chip--green{ background:var(--ap-green-tint); color:var(--ap-green-text); }
.ap-dash-chip--blue{ background:var(--ap-accent-tint); color:var(--ap-accent); }
.ap-dash-chip--red{ background:var(--ap-red-tint); color:var(--ap-red); }
.ap-dash-row__submeta{ font-size:11px; color:var(--ap-text-soft-2); }
.ap-dash-market__foot{ flex:0 0 auto; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 22px; background:var(--ap-card-soft); border-top:1px solid var(--ap-border-soft); text-decoration:none; }
.ap-dash-market__foot b{ display:inline-flex; align-items:center; gap:9px; font-size:12.5px; font-weight:550; color:var(--ap-text-body-2); }
.ap-dash-market__foot b i{ font-size:15px; color:var(--ap-text-muted-2); }
.ap-dash-market__foot span{ font-size:11.5px; color:var(--ap-text-muted); }

/* ============================ EVENEMENT ============================ */
.ap-dash-event{ flex:1 1 auto; display:flex; flex-direction:column; padding:18px 20px; border-radius:14px; }
.ap-dash-event__kicker{ margin:0 0 6px; font-size:10.5px; font-weight:600; letter-spacing:.09em; text-transform:uppercase; color:var(--ap-text-muted); }
.ap-dash-event__toprow{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.ap-dash-event__title{ margin:0; font-size:16px; font-weight:600; letter-spacing:-.02em; color:var(--ap-text); }
/* Pil "Nog X dagen" — lichte accent-pil (punt 8) */
.ap-dash-event__days{ flex:0 0 auto; display:inline-flex; align-items:center; gap:6px; padding:3px 8px; border-radius:999px; background:#EEF3FE; color:#1B4DE4; font-size:11px; font-weight:550; }
.ap-dash-event__days i{ font-size:12px; color:#1B4DE4; }
.ap-dash-event__facts{ list-style:none; margin:14px 0 0; padding:0; display:grid; gap:9px; }
.ap-dash-event__facts li{ display:flex; align-items:center; gap:10px; font-size:13px; color:var(--ap-text-body); }
.ap-dash-event__facts i{ font-size:16px; color:var(--ap-accent); flex:0 0 auto; }
.ap-dash-event__bar{ height:4px; border-radius:999px; background:#EEF1F7; overflow:hidden; margin-top:16px; }
.ap-dash-event__bar span{ display:block; height:100%; background:linear-gradient(90deg,#1B4DE4,#4C7BFF); }
.ap-dash-event__spots{ display:flex; align-items:center; justify-content:space-between; margin-top:8px; font-size:11.5px; }
.ap-dash-event__spots b{ font-weight:550; color:var(--ap-text-body-2); }
.ap-dash-event__spots span{ font-weight:600; color:var(--ap-green-text); }
.ap-dash-event__btn{ margin-top:auto; flex:0 0 36px; display:inline-flex; align-items:center; justify-content:center; gap:8px; height:36px; border-radius:9px; background:var(--ap-accent); color:#fff; font-size:13px; font-weight:550; text-decoration:none; transition:background var(--ap-t-fast); }
.ap-dash-event__btn:hover{ background:var(--ap-accent-hover); }
.ap-dash-event__btn i{ font-size:14px; }

/* ============================ LEVERANCIERS ============================ */
.ap-dash-suppliers{ flex:1 1 auto; display:flex; flex-direction:column; border-radius:16px; overflow:hidden; border:1px solid var(--ap-green-border); }
.ap-dash-suppliers__head{ position:relative; overflow:hidden; padding:20px 22px 18px; color:#fff; background:linear-gradient(120deg,#0E3A2A 0%,#14563C 60%,#0F3B2B 100%); }
.ap-dash-suppliers__head::before{ content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(420px 180px at 88% -40%, rgba(95,217,154,.30), transparent 72%); }
.ap-dash-suppliers__head > *{ position:relative; z-index:1; }
.ap-dash-suppliers__head h2{ margin:0 0 8px; font-size:22px; font-weight:600; letter-spacing:-.026em; }
.ap-dash-suppliers__lead{ margin:0; font-size:13px; line-height:1.45; color:#B6D9C7; }
.ap-dash-suppliers__list{ flex:1 1 auto; background:#fff; }
.ap-dash-supplier{ display:flex; align-items:center; gap:14px; padding:13px 22px; text-decoration:none; border-top:1px solid var(--ap-border-soft); }
.ap-dash-supplier:first-child{ border-top:0; }
.ap-dash-supplier:hover{ background:var(--ap-hover); }
.ap-dash-supplier__ic{ flex:0 0 32px; width:32px; height:32px; border-radius:9px; background:#E9F8EF; display:flex; align-items:center; justify-content:center; }
.ap-dash-supplier__ic i{ font-size:17px; color:#1B7A4B; }
.ap-dash-supplier__tx{ min-width:0; flex:1 1 auto; }
.ap-dash-supplier__tx b{ display:block; font-size:12.5px; font-weight:550; color:var(--ap-text); }
.ap-dash-supplier__tx span{ font-size:11.5px; color:#7A889E; }
.ap-dash-supplier__badge{ flex:0 0 auto; height:22px; padding:0 10px; display:inline-flex; align-items:center; border-radius:999px; background:#E9F8EF; color:#1B7A4B; font-size:11.5px; font-weight:600; }
.ap-dash-suppliers__foot{ flex:0 0 auto; display:flex; align-items:center; justify-content:center; gap:9px; padding:14px; background:#FBFCFE; border-top:1px solid #EEF1F7; text-decoration:none; font-size:12.5px; font-weight:550; color:#1B7A4B; }
.ap-dash-suppliers__foot i{ font-size:15px; }

/* ============================ OOK OP HET PLATFORM ============================ */
.ap-dash-explore{ flex:1 1 auto; display:flex; flex-direction:column; border-color:#D8E2F5; }
.ap-dash-explore__head{ flex:0 0 auto; padding:18px 22px 14px; border-bottom:1px solid #EEF1F7; }
.ap-dash-explore__head h2{ margin:0 0 4px; font-size:16px; font-weight:600; letter-spacing:-.02em; color:var(--ap-text); }
.ap-dash-explore__head p{ margin:0; font-size:13px; color:var(--ap-text-soft); }
.ap-dash-tiles{ flex:1 1 auto; display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); align-content:stretch; }
@media (max-width:720px){ .ap-dash-tiles{ grid-template-columns:1fr; } }
.ap-dash-tile{ display:flex; align-items:center; gap:13px; padding:19px 20px; text-decoration:none; box-shadow:0 0 0 1px var(--ap-border-hair); transition:background var(--ap-t-fast); }
.ap-dash-tile:hover{ background:var(--ap-accent-tint-2); }
.ap-dash-tile.is-soon{ cursor:default; }
.ap-dash-tile.is-soon:hover{ background:transparent; }
.ap-dash-tile__ic{ flex:0 0 40px; width:40px; height:40px; border-radius:11px; display:flex; align-items:center; justify-content:center; }
.ap-dash-tile__ic i{ font-size:20px; }
.ap-dash-tile__ic--blue{ background:var(--ap-accent-tint); }
.ap-dash-tile__ic--blue i{ color:var(--ap-accent); }
.ap-dash-tile__ic--green{ background:var(--ap-green-tint); }
.ap-dash-tile__ic--green i{ color:var(--ap-green-text); }
.ap-dash-tile__ic--grey{ background:#F2F5FA; }
.ap-dash-tile__ic--grey i{ color:var(--ap-text-soft-2); }
.ap-dash-tile__tx{ min-width:0; flex:1 1 auto; }
.ap-dash-tile__titlerow{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.ap-dash-tile__titlerow b{ font-size:13.5px; font-weight:550; color:var(--ap-text); }
.ap-dash-tile__tx p{ margin:5px 0 0; font-size:12.5px; font-weight:400; line-height:1.45; color:#7A889E; }
.ap-dash-tile > i.ap-dash-tile__arrow{ font-size:15px; color:var(--ap-text-faint-2); flex:0 0 auto; }
.ap-dash-badge{ height:18px; padding:0 7px; display:inline-flex; align-items:center; border-radius:999px; font-size:10px; font-weight:600; }
.ap-dash-badge--green{ background:var(--ap-green-tint); color:var(--ap-green-text); }
.ap-dash-badge--amber{ background:var(--ap-amber-tint); color:var(--ap-amber-text); }
.ap-dash-badge--grey{ display:inline-flex; align-items:center; gap:4px; background:#F1F4F9; color:var(--ap-text-muted); }
.ap-dash-explore__foot{ flex:0 0 auto; display:flex; align-items:center; gap:10px; flex-wrap:wrap; padding:14px 22px; border-top:1px solid var(--ap-border-soft); }
.ap-dash-explore__foot > span{ font-size:11.5px; color:var(--ap-text-muted); }
.ap-dash-dashed{ display:inline-flex; align-items:center; gap:7px; height:23px; padding:0 12px; border-radius:999px; border:1px dashed var(--ap-border-hover); font-size:11.5px; color:var(--ap-text-soft); }
.ap-dash-dashed i{ font-size:13px; }

/* ============================ PROFIELKAART ============================ */
.ap-dash-profile{ flex:1 1 auto; display:flex; flex-direction:column; padding:20px 22px; }
.ap-dash-profile__top{ flex:0 0 auto; display:flex; align-items:center; gap:14px; }
.ap-dash-profile__ring{ flex:0 0 44px; width:44px; height:44px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:conic-gradient(var(--ap-accent) calc(var(--pct,0)*1%), #EEF1F7 0); }
.ap-dash-profile__ring::after{ content:attr(data-pct); width:34px; height:34px; border-radius:50%; background:#fff; display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:600; color:var(--ap-text); }
.ap-dash-profile__intro{ min-width:0; }
.ap-dash-profile__intro b{ display:block; font-size:14px; font-weight:600; color:var(--ap-text); }
.ap-dash-profile__intro span{ font-size:11.5px; color:var(--ap-text-soft); }
.ap-dash-profile__btn{ margin-left:auto; flex:0 0 auto; display:inline-flex; align-items:center; height:32px; padding:0 14px; border-radius:9px; border:1px solid var(--ap-accent); color:var(--ap-accent); background:#fff; font-size:12px; font-weight:550; text-decoration:none; transition:background var(--ap-t-fast); }
.ap-dash-profile__btn:hover{ background:var(--ap-accent-tint); }
.ap-dash-profile__grid{ flex:1 1 auto; display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); align-content:stretch; margin-top:16px; }
.ap-dash-profile__cell{ display:flex; align-items:center; gap:8px; padding:10px 12px; box-shadow:0 0 0 1px var(--ap-border-hair); font-size:12px; color:var(--ap-text-body); }
.ap-dash-profile__cell i{ font-size:16px; flex:0 0 auto; }
.ap-dash-profile__cell.is-done{ color:var(--ap-text); }
.ap-dash-profile__cell.is-done i{ color:#2FA96B; }
.ap-dash-profile__cell.is-open i{ color:#B3BFD1; }

/* ============================ SUPPORT ============================ */
.ap-dash-support{ flex:0 0 auto; display:flex; align-items:center; gap:14px; padding:16px 20px; }
.ap-dash-support__ic{ flex:0 0 40px; width:40px; height:40px; border-radius:11px; background:var(--ap-accent-tint); display:flex; align-items:center; justify-content:center; }
.ap-dash-support__ic i{ font-size:20px; color:var(--ap-accent); }
.ap-dash-support__tx{ min-width:0; flex:1 1 auto; }
.ap-dash-support__tx b{ display:block; font-size:13.5px; font-weight:600; color:var(--ap-text); }
.ap-dash-support__tx span{ font-size:11.5px; color:var(--ap-text-soft); }
.ap-dash-support__btn{ flex:0 0 auto; display:inline-flex; align-items:center; gap:7px; height:34px; padding:0 16px; border-radius:9px; background:var(--ap-accent); color:#fff; font-size:12.5px; font-weight:550; text-decoration:none; transition:background var(--ap-t-fast); }
.ap-dash-support__btn:hover{ background:var(--ap-accent-hover); }

/* ============================ MAGAZINE ============================ */
.ap-dash-magazine{ display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); border-radius:16px; overflow:hidden; border:1px solid var(--ap-border); background:#fff; }
.ap-dash-magazine__media{ position:relative; min-height:300px; background:#0B2447 url(../images/hero-porsche.png) no-repeat center / cover; }
.ap-dash-magazine__media img{ display:none; }
.ap-dash-magazine__media::after{ content:""; position:absolute; inset:0; background:linear-gradient(100deg, rgba(255,255,255,0) 42%, rgba(255,255,255,.72) 74%, #FFFFFF 96%); }
.ap-dash-magazine__label{ position:absolute; left:20px; top:18px; z-index:2; display:inline-flex; align-items:center; height:27px; padding:0 12px; border-radius:999px; background:rgba(255,255,255,.92); color:#0B2447; font-size:10.5px; font-weight:600; letter-spacing:.12em; }
.ap-dash-magazine__body{ position:relative; padding:34px 36px; }
.ap-dash-magazine__kicker{ display:flex; align-items:center; gap:10px; margin:0 0 14px; font-size:10.5px; font-weight:600; letter-spacing:.09em; text-transform:uppercase; color:#0B2447; }
.ap-dash-magazine__kicker::before{ content:""; width:22px; height:1px; background:#C9D4E6; order:1; }
.ap-dash-magazine__kicker .rt{ order:2; color:var(--ap-text-muted); letter-spacing:0; text-transform:none; font-weight:400; }
.ap-dash-magazine__title{ margin:0 0 10px; font-size:27px; font-weight:600; letter-spacing:-.03em; color:#0B2447; }
.ap-dash-magazine__teaser{ margin:0 0 20px; font-size:13.5px; line-height:1.6; color:var(--ap-text-soft); max-width:52ch; }
.ap-dash-magazine__btn{ display:inline-flex; align-items:center; gap:8px; height:40px; padding:0 20px; border-radius:10px; background:#0B2447; color:#fff; font-size:13px; font-weight:550; text-decoration:none; transition:background var(--ap-t-fast); }
.ap-dash-magazine__btn:hover{ background:#0d2c58; }

/* ============================ OVERRIDES (WooCommerce forceert kop/kleur) ============================ */
.ap-platform .ap-dash-welcome .ap-dash-welcome__title{ color:#fff !important; }
.ap-global-header .ap-topbar__avatar{ color:#fff !important; }

/* ============================ RESPONSIVE ============================ */
@media (max-width:720px){
    .ap-dash-welcome__right{ padding-top:12px; margin-left:0; flex-basis:100%; flex-wrap:wrap; }
    .ap-dash-welcome::after{ display:none; }
    .ap-dash-market__count b{ font-size:30px; }
    .ap-dash-magazine__media{ min-height:200px; }
    .ap-dash-magazine__media::after{ background:linear-gradient(180deg, transparent 40%, rgba(255,255,255,.7) 78%, #fff 98%); }
    .ap-dash-magazine__body{ padding:24px 22px; }
}

/* =============================================================================
   RIJ 1 — HANDELSPLEIN (definitief): compacte kop + 6 autokaarten
   ============================================================================= */
.ap-dash-market__top{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; padding:14px 20px; }
.ap-dash-market .ap-dash-market__title{ margin:0; font-size:17px !important; font-weight:600; letter-spacing:-.022em; white-space:nowrap; }
.ap-dash-market__top .ap-dash-live{ margin-bottom:0; }
.ap-dash-market__count{ margin-left:auto; display:flex; align-items:baseline; gap:6px; }
.ap-dash-market .ap-dash-market__count b{ font-size:22px !important; font-weight:600; letter-spacing:-.03em; line-height:1; color:var(--ap-text); }
.ap-dash-market .ap-dash-market__count span{ font-size:11.5px !important; color:#8B99AE; }

.ap-dash-market__barrow{ padding:13px 20px 14px; border-bottom:1px solid #EEF1F7; }
.ap-dash-market__barrow .ap-dash-bar{ margin:0; height:8px; background:#EEF1F7; }
.ap-dash-bar__sep{ flex:0 0 2px; width:2px; background:#fff; }
.ap-dash-market__barrow .ap-dash-bar__amber{ border-left:0; }
.ap-dash-market__barrow .ap-dash-legend{ margin:9px 0 0; }

/* Instapacties compacter */
.ap-dash-market .ap-dash-action{ padding:11px 20px; }
.ap-dash-market .ap-dash-action__ic{ flex:0 0 32px; width:32px; height:32px; border-radius:9px; }
.ap-dash-market .ap-dash-action__ic i{ font-size:17px; }

/* Kopregel boven de auto's */
.ap-dash-cars-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 20px 7px; }
.ap-dash-cars-head b{ font-size:10.5px; font-weight:600; letter-spacing:.09em; text-transform:uppercase; color:var(--ap-text-muted); }
.ap-dash-cars-head__all{ font-size:11.5px; font-weight:550; color:var(--ap-accent); cursor:default; }

/* Autokaarten-raster */
/* auto-FILL (niet auto-fit) + max 230px: kaartjes rekken niet uit bij weinig auto's (punt 6). */
.ap-dash-cars{ flex:1 1 auto; display:grid; grid-template-columns:repeat(auto-fill,minmax(168px,230px)); gap:10px; padding:4px 20px 12px; align-content:start; justify-content:start; }
.ap-dash-cars__empty{ grid-column:1 / -1; padding:26px; text-align:center; font-size:12.5px; color:var(--ap-text-soft); }
.ap-dash-car{ display:flex; flex-direction:column; border-radius:12px; border:1px solid #E7EBF2; background:#fff; box-shadow:0 1px 1px rgba(16,35,64,.03); overflow:hidden; text-decoration:none; transition:border-color var(--ap-t-fast), box-shadow var(--ap-t-fast), transform var(--ap-t-fast); }
.ap-dash-car:hover{ border-color:#C9D9F6; box-shadow:0 2px 5px rgba(16,35,64,.05), 0 14px 28px -20px rgba(16,35,64,.55); transform:translateY(-2px); }
.ap-dash-car__photo{ position:relative; aspect-ratio:16/10; display:grid; place-items:center; background:linear-gradient(155deg,#EDF1F8,#DFE6F1); overflow:hidden; }
.ap-dash-car__photo img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.ap-dash-car__photo > i{ font-size:28px; color:#B3BFD1; }
.ap-dash-car__tag{ position:absolute; top:8px; left:8px; height:21px; padding:0 8px; display:inline-flex; align-items:center; gap:4px; border-radius:6px; font-size:10px; font-weight:600; box-shadow:0 1px 3px rgba(11,31,63,.14); }
.ap-dash-car__tag i{ font-size:10px; }
.ap-dash-car__tag--amber{ background:#FFF6E5; color:#8A6100; }
.ap-dash-car__tag--green{ background:#E9F8EF; color:#1B7A4B; }
.ap-dash-car__tag--blue{ background:#EEF3FE; color:#1B4DE4; }
.ap-dash-car__tag--red{ background:#FBE9E7; color:#B0403A; }
.ap-dash-car__time{ position:absolute; bottom:8px; right:8px; height:20px; padding:0 7px; display:inline-flex; align-items:center; border-radius:5px; background:rgba(11,31,63,.72); color:#fff; font-size:10px; font-weight:550; }
.ap-dash-car__tx{ display:flex; flex-direction:column; gap:3px; padding:9px 11px 10px; min-width:0; }
.ap-dash-car__title{ font-size:12.5px; font-weight:600; letter-spacing:-.012em; color:#0C1F3F; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ap-dash-car__specs{ font-size:11px; color:#8B99AE; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ap-dash-car__price{ display:flex; align-items:baseline; gap:6px; margin-top:2px; overflow:hidden; }
.ap-dash-car__price b{ font-size:13.5px; font-weight:600; letter-spacing:-.018em; color:#0C1F3F; white-space:nowrap; }
.ap-dash-car__price span{ font-size:10.5px; color:#A6B2C4; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* =============================================================================
   RIJ 1 — LAATSTE ACTIVITEIT (tekstlijst onder de fotokaarten)
   ============================================================================= */
.ap-dash-act-head{ flex:0 0 auto; display:flex; align-items:center; gap:9px; padding:2px 20px 6px; }
.ap-dash-act-head b{ font-size:10.5px; font-weight:600; letter-spacing:.09em; text-transform:uppercase; color:#8B99AE; }
.ap-dash-act-head__count{ display:inline-flex; align-items:center; gap:6px; font-size:11px; color:#8B99AE; }
.ap-dash-act-head__count i{ width:5px; height:5px; border-radius:50%; background:#2FA96B; }
.ap-dash-act{ flex:0 0 auto; padding:0 20px 14px; }
.ap-dash-act__row{ display:flex; align-items:center; gap:10px; padding:8px 0; box-shadow:0 1px 0 #F5F7FB; text-decoration:none; transition:opacity var(--ap-t-fast); }
.ap-dash-act__row:hover{ opacity:.72; }
.ap-dash-act__ic{ font-size:13px; flex:0 0 auto; }
.ap-dash-act__ic--amber{ color:#8A6100; }
.ap-dash-act__ic--green{ color:#1B7A4B; }
.ap-dash-act__ic--red{ color:#B0403A; }
.ap-dash-act__ic--blue{ color:#1B4DE4; }
.ap-dash-act__tx{ flex:1 1 auto; min-width:0; font-size:12px; color:#42536B; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ap-dash-act__time{ flex:0 0 auto; font-size:11px; color:#A6B2C4; }

/* =============================================================================
   RIJ 1 — Evenementkaart (rekbaar, ondertitel i.p.v. foto)
   ============================================================================= */
.ap-dash-event{ flex:1 1 auto; }
.ap-dash-event__btn{ margin-top:auto; }
.ap-dash-event__sub{ margin:6px 0 0; font-size:12.5px; line-height:1.5; color:#7A889E; }

/* =============================================================================
   RIJ 2 — "Ook op het platform": titel + badge niet meer afkappen
   ============================================================================= */
.ap-dash-tile__titlerow{ align-items:baseline; gap:7px; }
.ap-dash-tile__titlerow b{ white-space:normal; }

/* Mobiel: één kolom autokaarten */
@media (max-width:720px){
    .ap-dash-cars{ grid-template-columns:1fr; }
    .ap-dash-car__tag{ height:22px; }
    .ap-dash-car__time{ height:22px; }
}