/* ═══════════════════════════════════════════════════════════════════════════════
   MATCH DEAL PRO — THE HOSTED SCREENS
   The seventeenth stylesheet. Loaded last.

   Phase 4 acceptance. Three screens sit ON the primary commercial journey but shipped before
   the Trade Desk and are frozen under Rule 2: the offer request form behind `/offers/new` and
   `/offers/:id/edit`, and the deal landing screen behind `/deals/:id`. `features/desk-entry.js`
   now renders each of them inside the desk's own container, which carries `.mdp-td` — so
   `desk.css` already gives them the desk's tab density, its table density, its `.mdp-field`
   overflow floor and its callout wrapping fix below 560px, from the rules it already had.

   THIS FILE IS THE REMAINDER, and the remainder is small: the three shared components a desk
   page never renders and `desk.css` therefore never had reason to mention. `.mdp-card` and
   `.mdp-stat` (a desk page builds `.mdp-td-panel` and `.mdp-td-rail-cell` instead) and
   `.mdp-page-head` (a desk page builds `.mdp-td-mast`).

   ONE PREFIX, ONE EXCEPTION, AND THE EXCEPTION IS SCOPED

   Every selector below is a DESCENDANT of `.mdp-td-entry`, the second class the entry host
   puts on that container beside `.mdp-td`. There is no other kind. No screen that is not
   hosted carries `.mdp-td-entry`, and no REAL desk page carries it either — which is the point
   of it being a separate class: a rule written to bring a legacy card onto the desk's rhythm
   must not be able to reach `offers-desk.js`, and one written for the desk must not have had
   to change to make a legacy card behave. `console.css` set this precedent with
   `.mdp-op .mdp-page-head` and `desk.css` followed it; this follows both.

   THE INVENTORY. Every borrowed selector this file restyles, always under `.mdp-td-entry`:

     .mdp-td-entry .mdp-page-head
        Bottom margin only. The component reserves `--mdp-sp-6` beneath itself because on an
        unhosted screen nothing else supplies the gap; inside `.mdp-td-stack` the gap is the
        stack's, and both applied leaves the heading floating away from its own screen. This
        is the same one-line correction `console.css` makes, for the same reason.

     .mdp-td-entry .mdp-card, .mdp-card-head, .mdp-card-title
        Radius, shadow and the header band, so a hosted card and a desk panel are the same
        object. Four declarations of difference: `--mdp-r-md` → `--mdp-r-lg`, the small drop
        shadow off (the desk separates with a hairline, not with depth), `overflow: hidden` so
        a full-bleed child cannot square off the corners, and the header on `--mdp-surface-2`
        with its title at the panel's size. NOTHING ELSE — not the padding, not the border
        colour, not the layout, not the tone attributes, not the interactive state. A hosted
        card is the same card.

     .mdp-td-entry .mdp-stat, .mdp-stat-value, .mdp-stat-note
        The figure tiles, at desk scale. `--mdp-fs-3xl` against the desk's `--mdp-fs-xl` was
        the single largest rhythm break on the deal screen: four numbers set larger than the
        page's own `<h1>`, directly beneath it. These match `.mdp-td-rail-cell` — its padding,
        its raised background, its medium radius, its figure size — because that is the
        element they are standing in for. The value keeps its own tone attributes, its tabular
        figures and its markup.

   Nothing else. No rule here sizes an `<svg>`, touches the shell, the rail, the top bar, the
   drawer, the toast layer, a form control, a button, a badge or any component's markup.

   EVERY COLOUR IS A TOKEN, so light mode, dark mode and `prefers-contrast: more` are inherited
   for free. EVERY DIRECTIONAL PROPERTY IS LOGICAL, so Arabic mirrors with no `[dir='rtl']`
   rule in this file, which is why there are none.
   ═══════════════════════════════════════════════════════════════════════════════ */

/* ── The heading ────────────────────────────────────────────────────────────── */

.mdp-td-entry .mdp-page-head { margin-block-end: 0; }

/* ── Cards, as desk panels ──────────────────────────────────────────────────── */

.mdp-td-entry .mdp-card {
  border-radius: var(--mdp-r-lg);
  box-shadow: none;
  overflow: hidden;
}

.mdp-td-entry .mdp-card-head { background: var(--mdp-surface-2); }
.mdp-td-entry .mdp-card-title { font-size: var(--mdp-fs-md); }

/* ── Figure tiles, as desk rail cells ───────────────────────────────────────── */

.mdp-td-entry .mdp-stat {
  padding: var(--mdp-sp-3) var(--mdp-sp-4);
  border-radius: var(--mdp-r-md);
  background: var(--mdp-bg-raised);
}

.mdp-td-entry .mdp-stat-value {
  margin-block-start: var(--mdp-sp-1);
  font-size: var(--mdp-fs-xl);
  letter-spacing: 0;
}

.mdp-td-entry .mdp-stat-note { margin-block-start: var(--mdp-sp-1); }