/* Money boards (Claude Design canvas-gaps): dialogs, sheets, menus, alert tones and page states of the money pages. */
/* ── Money dialogs (boards: DialogsFactoringActions, DialogsContractorStatement, DialogsBillingJobs, DialogsFuelAudit) ── */
.pui-md .cn-dialog { width: min(var(--pui-md-w, 440px), calc(100vw - 32px)); max-height: calc(100vh - 48px); overflow: auto; }
.pui-md .cn-dialog-header { padding-bottom: 16px; }
.pui-md-eyebrow { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; color: var(--muted-foreground); }
.pui-md-body { padding: 0; }
.pui-md-summary.sc-vstack { gap: 6px !important; padding: 12px 14px; border-radius: 8px; background: var(--muted); }
.pui-md-row { align-items: baseline; font-size: 13px; }
.pui-md-label { color: var(--muted-foreground); }
.pui-md-figure { font-family: var(--font-mono); font-size: 13px; text-align: right; }
.pui-md-figure.is-strong { font-weight: 600; }
.pui-md-figure.is-success { color: var(--tone-success-fg); }
.pui-md-figure.is-danger { color: var(--tone-danger-fg); }
.pui-md-sheet .cn-sheet, .cn-sheet.pui-md-sheet { width: min(520px, 100vw); }
.pui-md-sheet .pui-sheet-section:last-child { border-bottom: 0; }
.pui-md-seg.cn-toggle-group { display: flex; width: 100%; padding: 3px; gap: 2px; background: var(--muted); border-radius: 8px; }
.pui-md-seg .cn-button { flex: 1; height: 28px; border: 0; border-radius: 6px; background: transparent; box-shadow: none; font-size: 13px; font-weight: 500; color: var(--muted-foreground); }
.pui-md-seg .cn-button[aria-pressed="true"] { background: var(--card); color: var(--foreground); box-shadow: 0 1px 2px oklch(0.2 0.02 258 / .08); }
.pui-md-summary.is-info.sc-vstack { background: var(--tone-info-bg); }
.pui-md-summary.is-info .pui-md-eyebrow, .pui-md-summary.is-info .pui-md-label, .pui-md-summary.is-info .pui-md-figure { color: var(--tone-info-fg); }
.pui-md-summary.is-info .pui-md-label { font-size: 13px; }
.pui-md-list.sc-vstack { gap: 0 !important; border: 1px solid var(--border); border-radius: 8px; overflow: hidden; }
.pui-md-list-head { padding: 8px 12px; background: var(--muted); }
.pui-md-list-row { align-items: center; padding: 10px 12px; border-top: 1px solid var(--border); font-size: 14px; }
.pui-md-sub { font-size: 12px; color: var(--muted-foreground); }
.pui-md .cn-dialog-close { display: none; }
.pui-md .cn-textarea { min-height: 84px; }
.pui-md .cn-dialog-title { font-size: 18px; font-weight: 600; }
.pui-md-json { position: relative; display: block; }
.pui-md-json .pui-settingsa-json { padding: 14px 16px; font-size: 12px; line-height: 1.6; }
.pui-md-json-copy.cn-button { position: absolute; top: 8px; right: 8px; background: var(--card); }
.pui-md-kv.sc-vstack { gap: 12px !important; }
.pui-md-charges.sc-vstack { gap: 10px !important; }
.pui-settingsa-match { padding-left: 12px; font-size: 12px; color: var(--muted-foreground); }
.pui-md-charges .pui-settingsa-total { padding-top: 12px; border-top: 1px solid var(--border); }
.pui-md-bare .cn-dialog-header { padding-bottom: 0; }
a.pui-md-pdf { display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 12px; border: 1px solid var(--input); border-radius: 8px; background: var(--card); color: var(--foreground); font-size: 14px; font-weight: 500; text-decoration: none; }
a.pui-md-pdf:hover { background: var(--accent); text-decoration: none; }

/* ── Alert tones (board "InfoAlertAndEmptyStates"): info is a blue tint, never white. ───────────────────── */
.cn-alert.cn-alert-variant-default { background: var(--tone-info-bg); border-color: oklch(0.88 0.05 250); color: var(--tone-info-fg); }
.cn-alert.cn-alert-variant-default .cn-alert-description { color: var(--tone-info-fg); }
.cn-alert[data-variant="destructive"] { background: var(--tone-danger-bg); border-color: oklch(0.88 0.06 25); color: var(--tone-danger-fg); }
.cn-alert[data-variant="destructive"] .cn-alert-description { color: var(--tone-danger-fg); }
.cn-alert.cn-alert-variant-default.pui-alert-success { background: var(--tone-success-bg); border-color: oklch(0.88 0.06 165); color: var(--tone-success-fg); }
.cn-alert.cn-alert-variant-default.pui-alert-success .cn-alert-description { color: var(--tone-success-fg); }
.cn-alert.cn-alert-variant-default.pui-alert-warning { background: var(--tone-warning-bg); border-color: oklch(0.88 0.08 80); color: var(--tone-warning-fg); }
.cn-alert.cn-alert-variant-default.pui-alert-warning .cn-alert-description { color: var(--tone-warning-fg); }
.cn-alert .cn-alert-title { font-weight: 600; }

/* ── Page states: not found and could not reach the API (same board). ─────────────────────────────────── */
.cn-empty.pui-state-card { background: var(--card); border: 1px solid var(--border); border-radius: 12px; padding: 40px 24px; }
.pui-state-card .cn-empty-media { background: var(--muted); color: var(--muted-foreground); }
.pui-state-card .cn-empty-media.pui-state-media-danger { background: var(--tone-danger-bg); color: var(--tone-danger-fg); }
.cn-empty.pui-state-card [data-slot="empty-title"] { font-size: 16px; font-weight: 600; }
.cn-empty.pui-state-card [data-slot="empty-description"] { font-size: 14px; max-width: 380px; }

/* ── Menu header (board "MenusCatalog"): the muted line that names the row, ruled off from the items. ───── */
[data-slot="dropdown-menu-label"] { display: block; text-align: left; padding: 8px 12px; margin: 0 0 4px; border-bottom: 1px solid var(--border); font-size: 12px; font-weight: 400; color: var(--muted-foreground); }