/* ============================================================================
   presenteer.css — Adviesraad presenteer-modus (client-facing read view)
   ----------------------------------------------------------------------------
   Loaded LAST (after the Blazor scoped bundle) so its overrides win the cascade.
   Fully tokenised (zero raw brand hex). ZERO component branching — a single
   scoped ancestor class re-themes the surface:

     [data-surface="presenteer"]  ← set on the MainLayout root (.layout-container)
                                     by the _presenteer flag (?present=1 seam).
     data-testid="dashboard-presenteer-root" rides the same node.

   Answers dq-busops-299 (an adviseur-facing Type-2 mode): strip chrome + edit
   affordances, calm the palette, force single-column reading — WITHOUT pretending
   the underlying editor is not a form (insight-4644: warm the read surface, keep
   the field structure intact beneath it).

   SPECIFICITY (hardened, criterion 8): MainLayout chrome renders through the
   Blazor scoped bundle where selectors carry a [b-xxxxxx] attribute → a scoped
   `.top-bar[b-xxx]` is (0,2,0). A bare `.top-bar` (0,1,0) would LOSE despite
   later load-order. Every strip selector here is `[data-surface="presenteer"] .x`
   → (0,2,0), which ties the scoped rule and wins on source order; the
   display/visibility strips additionally carry !important so no single-class
   scoped rule can tie them out.
   ============================================================================ */

/* --- (a) Calm client-facing palette override (scoped token remap) ---------- */
[data-surface="presenteer"] {
    --surface-alt: var(--surface);   /* panels dissolve into the page */
    --surface-subtle: var(--surface);
    --border-2: transparent;         /* drop the card hairline */
    --hairline: transparent;
}

/* --- (b) Hide chrome + edit affordances ------------------------------------ */

/* Shell chrome (MainLayout scoped bundle). */
[data-surface="presenteer"] .top-bar,
[data-surface="presenteer"] .menu-toggle,
[data-surface="presenteer"] .top-actions,
[data-surface="presenteer"] .brand,
[data-surface="presenteer"] .brand-tag,
[data-surface="presenteer"] .disclaimer-bar {
    display: none !important;
}

/* Edit affordances + view toggles + tab bar (global app.css). */
[data-surface="presenteer"] .editable-value,
[data-surface="presenteer"] .inline-edit,
[data-surface="presenteer"] .btn-edit,
[data-surface="presenteer"] .overview-view-toggle,
[data-surface="presenteer"] .overview-view-toggle-actions,
[data-surface="presenteer"] .overview-trajecten-toggle,
[data-surface="presenteer"] .profile-tabs,
[data-surface="presenteer"] .tab-btn,
[data-surface="presenteer"] .tab-badge,
[data-surface="presenteer"] .overview-section-footer {
    display: none !important;
}

/* Give the reading column room once chrome is gone. */
[data-surface="presenteer"] .main-content {
    max-width: 46rem;
    padding-top: var(--space-4);
}

/* --- (c) Force single-column reading -------------------------------------- */
[data-surface="presenteer"] .overview-content-row,
[data-surface="presenteer"] .overview-top-row,
[data-surface="presenteer"] .overview-stat-grid,
[data-surface="presenteer"] .overview-stats-top .overview-stat-grid-wide {
    display: block;
}

[data-surface="presenteer"] .overview-content-row > .overview-section,
[data-surface="presenteer"] .overview-top-row > .overview-section {
    margin-bottom: var(--space-4);
}

/* Stat tiles read as a calm stacked list, not a clickable grid. */
[data-surface="presenteer"] .overview-stat {
    border: 1px solid var(--border);
    text-align: left;
}

/* --- (d) Neutralise hover / cursor edit affordances ----------------------- */
[data-surface="presenteer"] .editable-value:hover,
[data-surface="presenteer"] .overview-stat,
[data-surface="presenteer"] .overview-stat:hover {
    cursor: default;
}

[data-surface="presenteer"] .overview-stat:hover {
    border-color: var(--border);
}

/* --- (e) Redesign intent-layout: strip edit/nav chrome the new panels add ---
   New hooks the redesign introduced that do NOT reuse an already-hidden class.
   Present-mode = a calm client-facing read: hide the Verken shortcuts, the
   cross-app linkage seam, the demoted completeness strip, the per-panel action
   buttons, the act-card expand chevron + counterfactual foot buttons, and the
   "meer" pager. The Situatie hero, the act-card headlines, the Signalen feed,
   and the Richtingen strip stay — those ARE the client story. */
[data-surface="presenteer"] .dashboard-panel-verken,
[data-surface="presenteer"] .dashboard-linkage-tile,
[data-surface="presenteer"] .dashboard-completeness,
[data-surface="presenteer"] .dashboard-h-act,
[data-surface="presenteer"] .dashboard-chev,
[data-surface="presenteer"] .dashboard-cf-foot,
[data-surface="presenteer"] .dashboard-panel-foot,
[data-surface="presenteer"] .dashboard-hero-actions {
    display: none !important;
}

/* Force the board to a single reading column and calm the profile header. */
[data-surface="presenteer"] .dashboard-board {
    display: block;
}

[data-surface="presenteer"] .dashboard-col + .dashboard-col {
    margin-top: var(--space-4);
}

[data-surface="presenteer"] .dashboard-col > .overview-section + .overview-section {
    margin-top: var(--space-4);
}

[data-surface="presenteer"] .dashboard-pheader {
    justify-content: center;
    text-align: center;
}