/* Foundation: Deals directory, pipeline, record, forms and their dialogs. */
.deals-foundation.wz-system {
  --wz-text-xs: max(12px, .75rem); --wz-text-sm: max(13px, .8125rem);
  --wz-text-md: max(14px, .875rem); --wz-text-lg: max(16px, 1rem);
  --surface: var(--wz-surface); --surface-2: var(--wz-surface-subtle); --surface-sunken: var(--wz-surface-hover);
  --text: var(--wz-text); --text-muted: var(--wz-text-secondary); --text-faint: var(--wz-text-muted);
  --border: var(--wz-border); --border-strong: var(--wz-border-control);
  --brand: var(--wz-accent); --brand-strong: var(--wz-accent-hover); --brand-soft: var(--wz-accent-soft); --brand-contrast: var(--wz-on-accent);
  --danger: var(--wz-danger); --danger-soft: var(--wz-danger-soft); --success: var(--wz-success); --warning: var(--wz-warning);
  --radius-sm: var(--wz-radius-md); --radius: var(--wz-radius-lg); --radius-lg: var(--wz-radius-xl);
  --fs-2xs: var(--wz-text-xs); --fs-xs: var(--wz-text-xs); --fs-sm: var(--wz-text-md); --fs-md: var(--wz-text-lg); --fs-lg: var(--wz-text-xl); --fs-xl: var(--wz-text-2xl);
  --shadow-sm: var(--wz-shadow-sm); --shadow: var(--wz-shadow-float); --shadow-lg: var(--wz-shadow-float);
  font-size: var(--wz-text-md); line-height: var(--wz-leading-body);
}
.main.deals-foundation { background: var(--wz-bg); }
.deals-foundation .btn { min-height: 40px; border-radius: var(--wz-radius-md); font-size: var(--wz-text-md); font-weight: var(--wz-weight-medium); box-shadow: none; }
.deals-foundation .btn--sm { min-height: 32px; }
.deals-foundation .btn--icon { width: 40px; min-width: 40px; padding: 0; }
.deals-foundation :is(.input, .select, .textarea) { border: 1px solid var(--wz-border-control); border-radius: var(--wz-radius-md); background-color: var(--wz-surface); font-size: var(--wz-text-lg); line-height: 1.5; min-height: 40px; box-shadow: none; }
.deals-foundation :is(button, a, input, select, textarea, summary, [tabindex]):focus-visible { outline: 2px solid var(--wz-focus); outline-offset: 2px; }
.deals-foundation .field > label { font-size: var(--wz-text-md); font-weight: var(--wz-weight-medium); }
.deals-foundation .help { color: var(--wz-text-muted); font-size: var(--wz-text-sm); line-height: 1.5; }
.deals-foundation :is(.chip, .pill, .etag):not(.board__card *, .lead-card *) { border-radius: var(--wz-radius-sm); font-size: var(--wz-text-sm); font-weight: var(--wz-weight-medium); letter-spacing: 0; }
.deals-foundation .chip { min-height: 34px; }
.deals-foundation .section-title { font-size: var(--wz-text-md); text-transform: none; letter-spacing: 0; }
.deals-foundation.app-header { background: var(--wz-surface); border-bottom: 1px solid var(--wz-border); }
.deals-foundation.app-header h1 { font-size: var(--wz-text-xl); font-weight: var(--wz-weight-semibold); letter-spacing: -.025em; }
/* One consistent control bar for both ways to browse deals. */
.deals-foundation .board-toolbar { gap: 12px; padding: 12px; border: 1px solid var(--wz-border); border-radius: var(--wz-radius-lg); background: var(--wz-surface); margin-bottom: 16px; }
.deals-foundation .segmented { flex-shrink: 0; background: var(--wz-bg); padding: 3px; border: 1px solid var(--wz-border); border-radius: var(--wz-radius-md); }
.deals-foundation .segmented__item { min-height: 34px; border-radius: var(--wz-radius-sm); padding: 0 12px; font-size: var(--wz-text-md); }
.deals-foundation .segmented__item[aria-selected='true'] { background: var(--wz-surface); color: var(--wz-accent); box-shadow: var(--wz-shadow-sm); }
.deals-foundation .searchbar { min-width: 180px; border: 1px solid var(--wz-border-control); border-radius: var(--wz-radius-md); background: var(--wz-surface); }
.deals-foundation .searchbar .input { font-size: var(--wz-text-md); border: 0; min-height: 38px; background: transparent; }
.deals-foundation .searchbar:focus-within { outline: 2px solid var(--wz-focus); outline-offset: 2px; }
.deals-foundation .searchbar .input:focus-visible { outline: none; }
.deals-foundation .list-summary { margin-bottom: 16px; font-size: var(--wz-text-sm); }
.deals-foundation .list-summary__count b { font-weight: var(--wz-weight-semibold); color: var(--wz-text); }
/* Quiet columns; stage color appears once in the header. */
.deals-foundation .ckb.rkk-board { gap: 16px; }
.deals-foundation .ckb .ckcol.rkk-column-outer { max-width: 300px; }
.deals-foundation .ckb .ckcol .rkk-column { background: var(--wz-surface-hover); border: 1px solid var(--wz-border); border-radius: var(--wz-radius-lg); padding: 8px; }
.deals-foundation .ckcol__head { padding: 4px 0 12px; gap: 6px; min-height: 44px; }
.deals-foundation .ckcol__pill { padding: 0 0 0 8px; border-left: 3px solid var(--col); background: transparent; color: var(--wz-text); border-radius: 0; font-size: var(--wz-text-md); font-weight: var(--wz-weight-semibold); text-transform: none; letter-spacing: 0; }
.deals-foundation .ckcol__count { display: inline-grid; place-items: center; min-width: 22px; padding: 1px 5px; border-radius: var(--wz-radius-sm); background: var(--wz-surface); color: var(--wz-text-secondary); font-size: var(--wz-text-xs); font-weight: var(--wz-weight-medium); }
.deals-foundation .ckcol__grip { width: 24px; height: 28px; }
.deals-foundation .ckcol__act { width: 28px; height: 28px; }
.deals-foundation .ckcol__acts { opacity: 1; }
.deals-foundation .record .board__meta { font-size: var(--wz-text-sm); }
.deals-foundation .board__hint { padding-top: 8px; font-size: var(--wz-text-xs); }
.deals-foundation :is(.ckadd, .ckcoladd) { font-weight: var(--wz-weight-medium); font-size: var(--wz-text-md); min-height: 40px; border-radius: var(--wz-radius-md); }
.deals-foundation .ckcol__head.is-collapsed { padding: 4px 0; gap: 12px; }
.deals-foundation .ckcol__head.is-collapsed .ckcol__pill { padding: 8px 0; border-left: 0; border-top: 3px solid var(--col); }
.deals-foundation .ckb .ckcol.rkk-column-outer.ckcol--shut { width: 46px; max-width: 46px; }
/* Table headings align across stages; rows retain sorting and inline editing. */
.deals-foundation .dtg { border: 1px solid var(--wz-border); border-radius: var(--wz-radius-lg); background: var(--wz-surface); overflow: hidden; }
.deals-foundation .dtg + .dtg { margin-top: 16px; }
.deals-foundation .dtg__head { padding: 12px; gap: 10px; background: var(--wz-surface); }
.deals-foundation .dtg__chip { font-size: var(--wz-text-md); font-weight: var(--wz-weight-semibold); text-transform: none; letter-spacing: 0; background: transparent; padding: 0; color: var(--wz-text); }
.deals-foundation .dtg__dot { background: var(--pill-color); width: 8px; height: 8px; }
.deals-foundation .dtg__count { font-size: var(--wz-text-xs); font-weight: var(--wz-weight-medium); padding: 1px 6px; background: var(--wz-surface-hover); border-radius: var(--wz-radius-sm); }
.deals-foundation .dtg .dt { border: 0; border-radius: 0; }
.deals-foundation .dt__table { font-size: var(--wz-text-md); }
.deals-foundation .dt__table thead th { height: 42px; background: var(--wz-bg); font-size: var(--wz-text-xs); letter-spacing: 0; text-transform: none; color: var(--wz-text-secondary); }
.deals-foundation .dt__table tbody td { height: 40px; padding: 6px 12px; }
.deals-foundation .dt__deal { gap: 3px; }
.deals-foundation .dt__deal b { font-weight: var(--wz-weight-medium); }
.deals-foundation .dt__row--on { background: var(--wz-accent-soft); }
.deals-foundation .dtg__fold { min-width: 28px; min-height: 28px; align-items: center; justify-content: center; }
/* Record identity and value above an activity column and a reference column. */
.deals-foundation .record__head { padding: 24px; margin-bottom: 16px; gap: 16px; border: 1px solid var(--wz-border); border-radius: var(--wz-radius-lg); }
.deals-foundation .record__mark { width: 48px; height: 48px; background: var(--wz-accent-soft); color: var(--wz-accent); border-radius: var(--wz-radius-lg); }
.deals-foundation .record__name { font-size: var(--wz-text-2xl); font-weight: var(--wz-weight-semibold); }
.deals-foundation .record__sub { font-size: var(--wz-text-md); margin-top: 6px; }
.deals-foundation .record__money { gap: 4px; }
.deals-foundation .record__value { font-size: var(--wz-text-2xl); font-weight: var(--wz-weight-semibold); }
.deals-foundation .deals-eyebrow { font-size: var(--wz-text-xs); color: var(--wz-text-muted); }
.deals-foundation .record__bar { margin-bottom: 20px; }
.deals-foundation .record__cols { gap: 20px; }
.deals-foundation .panel { margin-bottom: 20px; border-radius: var(--wz-radius-lg); box-shadow: none; }
.deals-foundation .panel__head { padding: 16px 20px; gap: 12px; flex-wrap: wrap; border-bottom: 1px solid var(--wz-border); }
.deals-foundation .panel__head h3 { text-transform: none; letter-spacing: 0; font-size: var(--wz-text-md); font-weight: var(--wz-weight-semibold); }
.deals-foundation .panel__body { padding: 20px; font-size: var(--wz-text-lg); }
.deals-foundation .record__owner { padding: 16px 20px; }
.deals-foundation .record__compose .textarea { min-height: 88px; }
/* Capture stays brief; edit keeps the existing autosave and optional sections. */
.deals-foundation #lead-form { max-width: 800px; margin-inline: auto; }
.deals-foundation #lead-form .card { border: 1px solid var(--wz-border); border-radius: var(--wz-radius-lg); box-shadow: none; }
.deals-foundation #lead-form .card__body { padding: 24px; }
.deals-foundation .deals-form-heading { padding: 20px 24px; border-bottom: 1px solid var(--wz-border); }
.deals-foundation .deals-form-heading h2 { font-size: var(--wz-text-lg); font-weight: var(--wz-weight-semibold); margin: 0; }
.deals-foundation .deals-form-heading p { margin: 6px 0 0; color: var(--wz-text-muted); font-size: var(--wz-text-sm); }
.deals-foundation :is(.status-option, .pickone__opt span) { min-height: 40px; border-radius: var(--wz-radius-md); font-size: var(--wz-text-md); }
.deals-foundation .contactfind__results { border-radius: var(--wz-radius-lg); border: 1px solid var(--wz-border); box-shadow: var(--wz-shadow-float); }
.deals-foundation #lead-form > .stack:last-child { flex-direction: row-reverse; align-items: center; justify-content: flex-start; gap: 12px; padding-bottom: 16px; }
.deals-foundation #lead-form > .stack:last-child .btn { width: auto; min-width: 100px; }
.deals-foundation #lead-form .autosave { flex: 1; text-align: right; }
/* All Deals sheets opt into the same focus-contained dialog surface. */
.deals-dialog .sheet { display: flex; flex-direction: column; position: relative; overflow: hidden; max-height: 90dvh; border: 1px solid var(--wz-border); border-radius: var(--wz-radius-xl); background: var(--wz-surface); box-shadow: var(--wz-shadow-float); }
.deals-dialog .sheet__title { flex: none; min-height: 32px; margin: 0 0 16px; padding-right: 48px; font-size: var(--wz-text-xl); font-weight: var(--wz-weight-semibold); }
.deals-dialog .sheet__content { min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
.deals-dialog .sheet__grip { flex-shrink: 0; }
.deals-dialog .action-menu__item { min-height: 52px; border-radius: var(--wz-radius-md); }
.deals-dialog .action-menu__text b { font-size: var(--wz-text-md); font-weight: var(--wz-weight-medium); }
@media (min-width: 700px) { .deals-foundation .ckb .ckcol.rkk-column-outer { width: 290px; } }
@media (min-width: 900px) { .main.deals-foundation { padding: 24px; } }
@media (min-width: 1000px) { .deals-foundation .record__cols { grid-template-columns: minmax(0, 1fr) 320px; } }
@media (max-width: 699px) {
  .deals-foundation .board-toolbar { padding: 8px; gap: 8px; flex-wrap: wrap; }
  .deals-foundation .board-toolbar .searchbar { flex-basis: 100%; order: 2; min-width: 0; }
  .deals-foundation .searchbar .input { font-size: var(--wz-text-lg); }
  .deals-foundation .record__head { padding: 16px; flex-wrap: wrap; gap: 12px; }
  .deals-foundation .record__money { flex-basis: 100%; text-align: left; padding-top: 12px; border-top: 1px solid var(--wz-border); }
  .deals-foundation .record__name { font-size: var(--wz-text-xl); }
  .deals-foundation .record__bar { gap: 8px; }
  .deals-foundation .record__bar > .grow { display: none; }
  .deals-foundation .record__reach { margin-left: auto; }
  .deals-foundation :is(.panel__head, .panel__body, .record__owner) { padding: 16px; }
  .deals-foundation .record__cols { gap: 0; }
  .deals-foundation #lead-form .card__body, .deals-foundation .deals-form-heading { padding: 16px; }
  .deals-foundation .ckcol__act { width: 32px; height: 36px; }
  .deals-foundation .ckcol__grip { width: 28px; height: 36px; }
  .deals-foundation .record__reach .btn--icon { min-width: 40px; width: 40px; }
  .deals-dialog .sheet { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
}

.deals-dialog #stage-list .column-row { display: grid; grid-template-columns: 64px minmax(120px, 1fr) 100px 64px; gap: 12px; padding: 16px; align-items: end; }
.deals-dialog #stage-list .column-row__move { align-self: center; }
.deals-dialog #stage-list .column-row__move .btn { width: 32px; min-width: 32px; }
.deals-dialog #stage-list [data-label] { grid-column: 2; grid-row: 1; }
.deals-dialog #stage-list .column-row__swatches { grid-column: 2; grid-row: 2; flex-wrap: wrap; }
.deals-dialog .deals-stage-confidence { grid-column: 3; grid-row: 1 / span 2; display: grid; gap: 6px; align-self: center; font-size: var(--wz-text-xs); color: var(--wz-text-muted); }
.deals-dialog .deals-stage-confidence .input { width: 100%; }
.deals-dialog #stage-list [data-delete], .deals-dialog #stage-list .column-row > .tiny { grid-column: 4; grid-row: 1 / span 2; align-self: center; }
@media (max-width: 599px) {
  .deals-dialog #stage-list .column-row { grid-template-columns: minmax(0, 1fr) 90px; gap: 10px; padding: 12px; }
  .deals-dialog #stage-list [data-label] { grid-column: 1; }
  .deals-dialog #stage-list .column-row__swatches { grid-column: 1; }
  .deals-dialog #stage-list .column-row__move { grid-column: 1; grid-row: 3; }
  .deals-dialog .deals-stage-confidence { grid-column: 2; }
  .deals-dialog #stage-list [data-delete], .deals-dialog #stage-list .column-row > .tiny { grid-column: 2; grid-row: 3; }
}

@media (min-width: 720px) {
  .deals-foundation #lead-form.deals-form--edit { max-width: 960px; }
  .deals-foundation .deals-form--edit .deals-form-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 24px; }
  .deals-foundation .deals-form--edit .deals-form-fields > :is(.form-grid, #lost-reason-field),
  .deals-foundation .deals-form--edit .deals-form-fields > .field:has(.pickone, .status-picker, #budget_value) { grid-column: 1 / -1; }
}
@media (max-width: 599px) {
}

/* Keep deal cards on the original CRM primitives. Resolve these aliases at
   the document root so the surrounding Foundation scope cannot retheme them. */
:root {
  --deals-card-surface: var(--surface);
  --deals-card-surface-2: var(--surface-2);
  --deals-card-surface-sunken: var(--surface-sunken);
  --deals-card-text: var(--text);
  --deals-card-text-muted: var(--text-muted);
  --deals-card-text-faint: var(--text-faint);
  --deals-card-border: var(--border);
  --deals-card-border-strong: var(--border-strong);
  --deals-card-brand: var(--brand);
  --deals-card-brand-strong: var(--brand-strong);
  --deals-card-brand-soft: var(--brand-soft);
  --deals-card-brand-contrast: var(--brand-contrast);
  --deals-card-danger: var(--danger);
  --deals-card-danger-soft: var(--danger-soft);
  --deals-card-success: var(--success);
  --deals-card-warning: var(--warning);
  --deals-card-radius-sm: var(--radius-sm);
  --deals-card-radius: var(--radius);
  --deals-card-radius-lg: var(--radius-lg);
  --deals-card-fs-2xs: var(--fs-2xs);
  --deals-card-fs-xs: var(--fs-xs);
  --deals-card-fs-sm: var(--fs-sm);
  --deals-card-fs-md: var(--fs-md);
  --deals-card-fs-lg: var(--fs-lg);
  --deals-card-fs-xl: var(--fs-xl);
  --deals-card-shadow-sm: var(--shadow-sm);
  --deals-card-shadow: var(--shadow);
  --deals-card-shadow-lg: var(--shadow-lg);
}
.deals-foundation :is(.board__card, .lead-card) {
  --surface: var(--deals-card-surface);
  --surface-2: var(--deals-card-surface-2);
  --surface-sunken: var(--deals-card-surface-sunken);
  --text: var(--deals-card-text);
  --text-muted: var(--deals-card-text-muted);
  --text-faint: var(--deals-card-text-faint);
  --border: var(--deals-card-border);
  --border-strong: var(--deals-card-border-strong);
  --brand: var(--deals-card-brand);
  --brand-strong: var(--deals-card-brand-strong);
  --brand-soft: var(--deals-card-brand-soft);
  --brand-contrast: var(--deals-card-brand-contrast);
  --danger: var(--deals-card-danger);
  --danger-soft: var(--deals-card-danger-soft);
  --success: var(--deals-card-success);
  --warning: var(--deals-card-warning);
  --radius-sm: var(--deals-card-radius-sm);
  --radius: var(--deals-card-radius);
  --radius-lg: var(--deals-card-radius-lg);
  --fs-2xs: var(--deals-card-fs-2xs);
  --fs-xs: var(--deals-card-fs-xs);
  --fs-sm: var(--deals-card-fs-sm);
  --fs-md: var(--deals-card-fs-md);
  --fs-lg: var(--deals-card-fs-lg);
  --fs-xl: var(--deals-card-fs-xl);
  --shadow-sm: var(--deals-card-shadow-sm);
  --shadow: var(--deals-card-shadow);
  --shadow-lg: var(--deals-card-shadow-lg);
  font-family: var(--font); font-size: var(--fs-lg); line-height: 1.45;
}

/* Deal record workspace; intentionally separate from pipeline/list cards. */
.deals-foundation .deal-detail { max-width: 1440px; margin-inline: auto; gap: 20px; }
.deal-detail .deal-detail__hero { border: 1px solid var(--wz-border); border-radius: var(--wz-radius-lg); background: var(--wz-surface); overflow: hidden; }
.deals-foundation .deal-detail .record__head { border: 0; margin: 0; padding: 24px 24px 16px; align-items: center; }
.deals-foundation .deal-detail .record__mark { width: 56px; height: 56px; font-size: var(--wz-text-xl); }
.deals-foundation .deal-detail .record__name { font-size: var(--wz-text-2xl); line-height: 1.3; }
.deals-foundation .deal-detail .record__money { padding-left: 24px; border-left: 1px solid var(--wz-border); min-width: 190px; }
.deals-foundation .deal-detail .record__value { font-size: var(--wz-text-3xl); line-height: 1.3; }
.deals-foundation .deal-detail .record__bar { padding: 0 24px 20px; margin: 0; gap: 8px; }
.deals-foundation .deal-detail .record__reach { gap: 8px; }
.deals-foundation .deal-detail .record__reach .btn { color: var(--wz-text-secondary); font-size: var(--wz-text-sm); gap: 6px; padding: 0 12px; }
.deal-detail .deal-detail__overview { display: grid; grid-template-columns: 1.3fr 1fr 1fr; border-top: 1px solid var(--wz-border); background: var(--wz-surface-subtle); }
.deal-detail .deal-detail__stat { padding: 16px 24px; min-width: 0; display: flex; flex-direction: column; gap: 6px; justify-content: center; }
.deal-detail .deal-detail__stat + .deal-detail__stat { border-left: 1px solid var(--wz-border); }
.deal-detail .deal-detail__label { font-size: var(--wz-text-xs); color: var(--wz-text-secondary); }
.deal-detail .deal-detail__stat > strong { font-size: var(--wz-text-lg); font-weight: var(--wz-weight-medium); }
.deal-detail .deal-detail__stat-hint { color: var(--wz-text-muted); font-size: var(--wz-text-xs); }
.deals-foundation .deal-detail .record__owner { padding: 0; min-height: 40px; border-radius: var(--wz-radius-sm); font-size: var(--wz-text-md); }
.deal-detail .record__owner b { font-weight: var(--wz-weight-medium); }
.deal-detail .record__owner > .grow { min-width: 0; overflow-wrap: anywhere; }
.deals-foundation .deal-detail > .panel { margin: 0; }
.deals-foundation .deal-detail .record__note { margin: 0; }
.deals-foundation .deal-detail .record__cols { gap: 20px; }
.deals-foundation .deal-detail .record__main, .deals-foundation .deal-detail .record__aside { display: flex; flex-direction: column; gap: 20px; }
.deals-foundation .deal-detail .record__cols .panel { margin-bottom: 0; }
.deal-detail :is(#lead-cards, #money-card):empty { display: none; }
.deal-detail .deal-detail__activity .panel__head { background: var(--wz-surface-subtle); }
.deal-detail .deal-detail__activity .panel__head h3 { display: flex; align-items: center; gap: 8px; }
.deal-detail .deal-detail__activity .panel__head h3::before { content: ''; width: 3px; height: 16px; border-radius: 2px; background: var(--wz-accent); }
.deals-foundation .deal-detail .record__compose { display: flex; gap: 10px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid var(--wz-border); }
.deal-detail .record__compose .input { min-width: 0; }
.deal-detail .record__compose .btn { flex: none; }
.deal-detail .timeline { margin-top: 0; }
.deal-detail .timeline__item { padding-bottom: 24px; gap: 14px; font-size: var(--wz-text-lg); line-height: 1.55; }
.deal-detail .timeline__item > div { min-width: 0; overflow-wrap: anywhere; }
.deal-detail .timeline__item b { display: block; font-size: var(--wz-text-md); font-weight: var(--wz-weight-semibold); margin-bottom: 4px; }
.deal-detail .timeline__meta { font-size: var(--wz-text-xs); color: var(--wz-text-muted); margin-top: 8px; }
.deal-detail .timeline__dot { background: var(--wz-surface); }
.deal-detail .dl__pair { grid-template-columns: minmax(90px, 38%) minmax(0, 1fr); padding-block: 12px; }
.deal-detail .dl__pair:first-child { padding-top: 0; }
.deal-detail .dl__pair:last-child { padding-bottom: 0; }
.deal-detail .dl__pair dt { font-size: var(--wz-text-sm); color: var(--wz-text-muted); }
.deal-detail .dl__pair dd { font-size: var(--wz-text-md); font-weight: var(--wz-weight-medium); }
.deal-detail .deal-detail__empty { display: grid; justify-items: center; gap: 8px; padding: 32px 16px; text-align: center; color: var(--wz-text-muted); }
.deal-detail .deal-detail__empty p { color: var(--wz-text-secondary); font-size: var(--wz-text-md); font-weight: var(--wz-weight-medium); margin: 0; }
.deal-detail .deal-detail__empty span { font-size: var(--wz-text-sm); }
@media (min-width: 1100px) { .deals-foundation .deal-detail .record__cols { grid-template-columns: minmax(0, 1fr) 320px; } }
@media (max-width: 699px) {
  .deals-foundation .deal-detail { gap: 16px; }
  .deals-foundation .deal-detail .record__head { padding: 20px 16px 16px; align-items: flex-start; }
  .deals-foundation .deal-detail .record__mark { width: 40px; height: 40px; font-size: var(--wz-text-md); }
  .deals-foundation .deal-detail .record__name { font-size: var(--wz-text-xl); }
  .deals-foundation .deal-detail .record__money { border-left: 0; min-width: 0; padding-left: 0; padding-top: 16px; }
  .deals-foundation .deal-detail .record__value { font-size: var(--wz-text-2xl); }
  .deals-foundation .deal-detail .record__bar { padding: 0 16px 16px; }
  .deals-foundation .deal-detail .record__reach { width: 100%; margin: 4px 0 0; flex-wrap: wrap; }
  .deals-foundation .deal-detail .record__reach .btn { flex: 1; padding: 0 8px; }
  .deal-detail .deal-detail__overview { grid-template-columns: 1fr 1fr; }
  .deal-detail .deal-detail__stat { padding: 12px 16px; }
  .deal-detail .deal-detail__stat:first-child { grid-column: 1 / -1; border-bottom: 1px solid var(--wz-border); }
  .deal-detail .deal-detail__stat:nth-child(2) { border-left: 0; }
  .deals-foundation .deal-detail .record__cols { gap: 16px; }
  .deals-foundation .deal-detail .record__main, .deals-foundation .deal-detail .record__aside { gap: 16px; }
  .deals-foundation .deal-detail .record__compose { flex-wrap: wrap; }
  .deal-detail .record__compose .input { flex-basis: 100%; }
  .deal-detail .record__compose .btn { margin-left: auto; }
}

/* Reference information is primary; activity is a compact supporting panel. */
.deal-detail .deal-detail__facts, .deal-detail .deal-detail__related { display: grid; gap: 20px; min-width: 0; align-items: start; }
.deal-detail .deal-detail__related:not(:has(.panel)) { display: none; }
.deal-detail .deal-detail__facts > *, .deal-detail .deal-detail__related > * { min-width: 0; }
.deals-foundation .deal-detail .deal-detail__activity .panel__head,
.deals-foundation .deal-detail .deal-detail__activity .panel__body { padding: 16px; }
.deal-detail .deal-detail__activity .panel__head { background: var(--wz-surface); }
.deal-detail .deal-detail__activity .panel__head h3::before { display: none; }
.deals-foundation .deal-detail .record__compose { flex-wrap: wrap; gap: 8px; padding-bottom: 16px; margin-bottom: 16px; }
.deal-detail .record__compose .input { flex-basis: 100%; }
.deal-detail .record__compose .btn { min-height: 34px; margin-left: auto; }
.deal-detail .timeline__item { padding-bottom: 16px; gap: 10px; font-size: var(--wz-text-md); line-height: 1.5; }
.deal-detail .timeline__item b { font-weight: var(--wz-weight-medium); }
.deal-detail .timeline__meta { margin-top: 6px; }
@media (min-width: 1000px) {
  .deal-detail #timeline { max-height: 380px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; padding-right: 4px; }
}
@media (min-width: 1200px) {
  .deal-detail .deal-detail__facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .deal-detail .deal-detail__related:has(#lead-cards .panel):has(#money-card .panel) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 699px) { .deal-detail .deal-detail__facts, .deal-detail .deal-detail__related { gap: 16px; } }

/* Deals list workspace. Board cards and record pages retain their own styling. */
.deals-foundation[data-deals-page="list"] .deals-list-controls { background:var(--wz-surface); border:1px solid var(--wz-border); border-radius:var(--wz-radius-lg); margin-bottom:12px; overflow:hidden; }
.deals-foundation[data-deals-page="list"] .board-toolbar { border:0; border-radius:0; margin:0; padding:14px 16px 10px; gap:12px; overflow:visible; }
.deals-foundation[data-deals-page="list"] .board-toolbar .segmented { order:2; padding:2px; }
.deals-foundation[data-deals-page="list"] .board-toolbar .segmented__item { min-height:32px; padding:0 10px; }
.deals-foundation[data-deals-page="list"] .deals-list-filter { order:3; flex-shrink:0; }
.deals-foundation[data-deals-page="list"] .searchbar { max-width:560px; border-color:var(--wz-border); background:var(--wz-surface-subtle); margin-right:auto; }
.deals-foundation[data-deals-page="list"] .searchbar .input { min-height:36px; padding-block:7px; }
.deals-foundation[data-deals-page="list"] .deals-list-options { display:flex; align-items:center; gap:8px; padding:0 16px 12px; }
.deals-foundation[data-deals-page="list"] .deals-list-options .board-entities { margin-right:auto; display:flex; gap:6px; }
.deals-foundation[data-deals-page="list"] .deals-list-options .chip--entity { min-height:28px; padding:3px 9px; font-size:var(--wz-text-xs); border:1px solid var(--wz-border); }
.deals-foundation[data-deals-page="list"] .deals-list-options .dt-columns-btn { min-height:28px; background:transparent; border-color:transparent; color:var(--wz-text-secondary); font-size:var(--wz-text-sm); padding:3px 8px; }
.deals-foundation[data-deals-page="list"] #status-chips { margin:0; padding:0 12px; gap:4px; background:var(--wz-surface-subtle); border-top:1px solid var(--wz-border); border-bottom:0; }
.deals-foundation[data-deals-page="list"] #status-chips .chip { min-height:38px; padding:8px 10px; font-size:var(--wz-text-sm); border-radius:0; }
.deals-foundation[data-deals-page="list"] #status-chips [data-status="all"] { margin-right:8px; }
.deals-foundation[data-deals-page="list"] .list-summary { min-height:32px; margin:0 0 10px; padding:0 2px; }
.deals-foundation[data-deals-page="list"] .list-summary__count { display:flex; align-items:baseline; gap:4px; }
.deals-foundation[data-deals-page="list"] .deals-summary-divider { width:1px; height:12px; align-self:center; margin:0 8px; background:var(--wz-border); }
.deals-foundation[data-deals-page="list"] .deals-summary-label { color:var(--wz-text-muted); font-size:var(--wz-text-xs); }
.deals-foundation[data-deals-page="list"] .deals-filter-dot { width:6px; height:6px; border-radius:50%; background:var(--wz-accent); }
.deals-foundation[data-deals-page="list"] .dtg { border-radius:var(--wz-radius-md); }
.deals-foundation[data-deals-page="list"] .dtg + .dtg { margin-top:12px; }
.deals-foundation[data-deals-page="list"] .dtg__head { padding:8px 12px; gap:8px; min-height:44px; }
.deals-foundation[data-deals-page="list"] .dtg__more { border:0; padding:4px 6px; background:transparent; color:var(--wz-text-muted); font-size:var(--wz-text-xs); }
.deals-foundation[data-deals-page="list"] .dtg__more:hover { color:var(--wz-accent); }
.deals-foundation[data-deals-page="list"] .dt__table { border:0; overflow:visible; }
.deals-foundation[data-deals-page="list"] .dt__table thead th { height:34px; padding:7px 10px; background:var(--wz-surface-subtle); font-weight:500; }
.deals-foundation[data-deals-page="list"] .dt__table tbody td { height:40px; padding:5px 10px; border-bottom-color:var(--wz-border); }
.deals-foundation[data-deals-page="list"] .dt__table tbody tr:hover { background:var(--wz-surface-hover); }
.deals-foundation[data-deals-page="list"] .dt__table :is(.pill,.etag) { font-size:var(--wz-text-xs); padding:3px 7px; }
.deals-foundation[data-deals-page="list"] .dt__table .dt__tick { padding:6px 10px; }
.deals-foundation[data-deals-page="list"] .dt__table .dt__tick .btn { min-width:28px; width:28px; min-height:28px; }
.deals-foundation[data-deals-page="list"] .dt__deal { gap:1px; }
.deals-foundation[data-deals-page="list"] .dt__deal b { font-size:var(--wz-text-md); }
.deals-foundation[data-deals-page="list"] .dt__owner { font-size:var(--wz-text-sm); }
.deals-foundation[data-deals-page="list"] .dt__owner .avatar { width:24px; height:24px; font-size:var(--wz-text-xs); }
.deals-foundation[data-deals-page="list"] .dt__table td[data-column="deal"] { position:sticky; left:0; z-index:1; background:var(--wz-surface); border-right:1px solid var(--wz-border); }
.deals-foundation[data-deals-page="list"] .dt__table th[data-column="deal"] { position:sticky; left:0; z-index:2; border-right:1px solid var(--wz-border); }
.deals-foundation[data-deals-page="list"] .dt__table tr:hover td[data-column="deal"] { background:var(--wz-surface-hover); }
.deals-foundation[data-deals-page="list"] .dt__table .dt__row--on td[data-column="deal"] { background:var(--wz-accent-soft); }
.deals-foundation[data-deals-page="list"] .dt__adder td { height:34px; padding:0 10px; }
.deals-foundation[data-deals-page="list"] .dt__scroll { scrollbar-width:thin; scrollbar-color:var(--wz-border-control) transparent; }
@media(max-width:899px) {
  .deals-foundation[data-deals-page="list"] .board-toolbar { flex-wrap:wrap; padding:10px; gap:8px; }
  .deals-foundation[data-deals-page="list"] .board-toolbar .searchbar { order:0; flex-basis:100%; max-width:none; margin:0; }
  .deals-foundation[data-deals-page="list"] .board-toolbar .segmented { order:1; margin-right:auto; }
  .deals-foundation[data-deals-page="list"] .board-toolbar .segmented__item span { display:inline; }
  .deals-foundation[data-deals-page="list"] .deals-list-options { padding:0 10px 8px; }
  .deals-foundation[data-deals-page="list"] .deals-summary-label { display:none; }
  .deals-foundation[data-deals-page="list"] #status-chips { padding:0 8px; }
}
@media(min-width:900px) {
  .deals-foundation[data-deals-page="list"] .dt > .dt__scroll { max-height:calc(100dvh - 300px); overflow:auto; }
  .deals-foundation[data-deals-page="list"] .dtg { overflow:visible; }
  .deals-foundation[data-deals-page="list"] .dtg__head { position:sticky; top:0; z-index:4; border-bottom:1px solid var(--wz-border); }
  .deals-foundation[data-deals-page="list"] .dtg .dt__table thead th { top:44px; z-index:2; }
  .deals-foundation[data-deals-page="list"] .dtg .dt__table th[data-column="deal"] { z-index:3; }
}
.deals-foundation .deals-form-referral { grid-column: 1 / -1; min-width: 0; padding: 14px; border: 1px solid var(--wz-border); border-left: 3px solid var(--wz-accent); border-radius: 8px; background: var(--wz-accent-soft); }
.deals-foundation .deals-form-referral .input { background: var(--wz-surface); }
.referral-picker__selected { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 6px 10px; border: 1px solid var(--wz-border); border-radius: 8px; background: var(--wz-accent-soft); }
.referral-picker__selected[hidden], .referral-picker__results[hidden] { display: none; }
.referral-picker__results { max-height: 240px; overflow-y: auto; border: 1px solid var(--wz-border); border-radius: 8px; }
.referral-picker__results > button { display: flex; flex-direction: column; gap: 3px; width: 100%; text-align: left; background: var(--wz-surface); color: var(--wz-text); padding: 10px 12px; border: 0; border-bottom: 1px solid var(--wz-border); }
.referral-picker__results > button:hover, .referral-picker__results > button:focus-visible { background: var(--wz-accent-soft); }
.referral-picker__results small, .referral-picker__results > p { font-size: 13px; color: var(--wz-text-muted); }
.referral-picker__results > p { padding: 12px; }

/* Compact, searchable owner selection. */
.deals-dialog .reassign-summary { display:grid; gap:4px; margin-bottom:16px; }
.deals-dialog .reassign-summary > strong { font-size:15px; overflow-wrap:anywhere; }
.deals-dialog .reassign-summary > span { font-size:13px; color:var(--wz-text-muted); }
.deals-dialog .reassign-tools { display:grid; grid-template-columns:minmax(0,1fr) 160px; gap:10px; }
.deals-dialog .reassign-search { position:relative; min-width:0; }
.deals-dialog .reassign-search > .icon { position:absolute; left:12px; top:13px; color:var(--wz-text-muted); }
.deals-dialog .reassign-search .input { padding-left:36px; }
.deals-dialog .reassign-count { margin:10px 0 6px; }
.deals-dialog .reassign-results { max-height: min(46dvh, 380px); overflow-y:auto; overscroll-behavior:contain; border:1px solid var(--wz-border); border-radius:10px; }
.deals-dialog .reassign-group h3 { position:sticky; top:0; z-index:1; display:flex; justify-content:space-between; margin:0; padding:9px 12px; background:var(--wz-surface-subtle, var(--wz-surface)); color:var(--wz-text-muted); font-size:12px; font-weight:600; border-bottom:1px solid var(--wz-border); }
.deals-dialog .reassign-person { display:flex; align-items:center; gap:10px; width:100%; min-height:56px; padding:8px 12px; border:0; border-bottom:1px solid var(--wz-border); text-align:left; background:var(--wz-surface); color:var(--wz-text); cursor:pointer; }
.deals-dialog .reassign-person:last-child { border-bottom:0; }
.deals-dialog .reassign-person:hover:not(:disabled), .deals-dialog .reassign-person[aria-pressed="true"] { background:var(--wz-accent-soft); }
.deals-dialog .reassign-person:focus-visible { outline:2px solid var(--wz-accent); outline-offset:-2px; }
.deals-dialog .reassign-person:disabled { cursor:default; }
.deals-dialog .reassign-person .avatar { width:32px; height:32px; flex:none; font-size:12px; }
.deals-dialog .reassign-person-name { display:grid; flex:1; min-width:0; gap:2px; }
.deals-dialog .reassign-person-name strong { font-size:14px; font-weight:600; overflow-wrap:anywhere; }
.deals-dialog .reassign-person-name small, .deals-dialog .reassign-current { font-size:12px; color:var(--wz-text-muted); }
.deals-dialog .reassign-current { padding:3px 8px; border:1px solid var(--wz-border); border-radius:6px; }
.deals-dialog .reassign-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-top:14px; }
.deals-dialog .reassign-footer > div { display:flex; gap:8px; flex-shrink:0; }
.deals-dialog .reassign-empty { text-align:center; padding:28px 12px; font-size:14px; }
.deals-dialog .reassign-empty p { margin:6px 0 0; color:var(--wz-text-muted); font-size:13px; }
@media (max-width:540px) {
  .deals-dialog .reassign-tools { grid-template-columns:minmax(0,1fr); }
  .deals-dialog .reassign-footer { align-items:stretch; flex-direction:column; }
  .deals-dialog .reassign-footer > div { justify-content:flex-end; }
}

@media(min-width:1100px) {
  .deals-foundation .deal-detail__hero { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr); }
  .deals-foundation .deal-detail .record__head { grid-column:1; flex-wrap:wrap; padding:20px; }
  .deals-foundation .deal-detail .record__money { width:100%; padding:8px 0 0; border:0; }
  .deals-foundation .deal-detail .record__value { font-size:var(--wz-text-xl); }
  .deal-detail .deal-detail__overview { grid-column:2; grid-row:1; grid-template-columns:repeat(2,minmax(0,1fr)); border:0; border-left:1px solid var(--wz-border); padding:14px; background:transparent; }
  .deal-detail .deal-detail__stat { padding:8px; }
  .deal-detail .deal-detail__stat + .deal-detail__stat { border:0; }
  .deals-foundation .deal-detail .record__bar { grid-column:1 / -1; padding:12px 20px; border-top:1px solid var(--wz-border); }
}

/* Task-style detail canvas, shared visual rhythm with Projects and Prototypes. */
.deals-foundation .deal-detail--canvas { max-width:none; background:var(--wz-surface); gap:0; }
.deals-foundation .deal-detail--canvas .record__cols { display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:0; align-items:start; }
.deals-foundation .deal-detail--canvas .record__main { padding:24px 32px; gap:0; min-width:0; }
.deals-foundation .deal-detail--canvas .deal-detail__hero { display:flex; flex-direction:column; border:0; border-radius:0; overflow:visible; }
.deals-foundation .deal-detail--canvas .record__head { display:block; padding:0; }
.deal-detail--canvas .deal-detail__record-id { margin:0 0 14px; font-size:12px; color:var(--wz-text-muted); }
.deals-foundation .deal-detail--canvas .record__name { font-size:28px; margin:0; overflow-wrap:anywhere; }
.deals-foundation .deal-detail--canvas .record__sub { margin:8px 0; font-size:14px; }
.deal-detail--canvas .record__tags:empty { display:none; }
.deals-foundation .deal-detail--canvas .record__bar { order:2; display:flex; flex-wrap:nowrap; padding:12px 0 20px; border:0; gap:8px; }
.deals-foundation .deal-detail--canvas .record__bar > .grow { display:none; }
.deals-foundation .deal-detail--canvas .record__reach { width:auto; margin:0; flex-wrap:nowrap; gap:6px; }
.deals-foundation .deal-detail--canvas .record__bar .btn { min-height:32px; padding:0 9px; gap:5px; font-size:12px; }
.deal-detail--canvas .deal-detail__overview { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 24px; border:0; background:transparent; padding:22px 0 4px; }
.deal-detail--canvas .deal-detail__overview .deal-detail__stat { display:grid; grid-template-columns:90px minmax(0,1fr); align-items:center; gap:10px; padding:0; min-height:38px; border:0; grid-column:auto; }
.deal-detail--canvas .deal-detail__label { font-size:13px; color:var(--wz-text-muted); }
.deal-detail--canvas .deal-detail__stat > strong { font-size:14px; font-weight:500; padding:7px 8px; }
.deal-detail--canvas .deal-detail__stat small { font-size:11px; }
.deal-detail--canvas .record-status-control .select { min-height:36px; height:36px; background-color:var(--stage-color); color:#fff; border:0; border-radius:6px; font-size:13px; font-weight:600; }
.deal-detail--canvas .record-status-control::before { background:#fff; }
.deal-detail--canvas .record-status-control option { background:var(--wz-surface); }
.deals-foundation .deal-detail--canvas .record__owner { min-width:0; width:100%; min-height:36px; padding:4px 8px; gap:8px; font-size:14px; text-align:left; }
.deal-detail--canvas .record__owner > .grow { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.deal-detail--canvas .record__owner b { font-weight:500; }
.deal-detail--canvas .record__owner .avatar { width:24px; height:24px; flex:none; font-size:10px; }
.deal-detail--canvas .deal-detail__facts { display:block; }
.deals-foundation .deal-detail--canvas .record__main .panel { border:0; border-top:1px solid var(--wz-border); border-radius:0; background:transparent; box-shadow:none; margin-top:16px; }
.deals-foundation .deal-detail--canvas .record__main .panel__head { padding:18px 0 10px; background:transparent; border:0; }
.deals-foundation .deal-detail--canvas .record__main .panel__head h3 { font-size:14px; }
.deals-foundation .deal-detail--canvas .record__main .panel__body { padding:0 0 18px; }
.deal-detail--canvas .dl__pair { grid-template-columns:130px minmax(0,1fr); gap:12px; padding:9px 0; border-bottom:1px solid var(--wz-border); }
.deal-detail--canvas #lead-notes { background:transparent; border-color:transparent; padding:8px; font-size:14px; }
.deal-detail--canvas #lead-notes:hover { border-color:var(--wz-border); }
.deal-detail--canvas #lead-notes:focus { border-color:var(--wz-accent); }
.deals-foundation .deal-detail--canvas .record__aside { position:sticky; top:70px; border-left:1px solid var(--wz-border); gap:0; }
.deals-foundation .deal-detail--canvas .deal-detail__activity { border:0; border-radius:0; min-height:calc(100vh - 110px); display:flex; flex-direction:column; }
.deals-foundation .deal-detail--canvas .deal-detail__activity .panel__head { padding:18px 20px; }
.deals-foundation .deal-detail--canvas .deal-detail__activity .panel__body { padding:16px; display:flex; flex-direction:column; flex:1; }
.deals-foundation .deal-detail--canvas .record__compose { order:2; margin:auto 0 0; padding:16px 0 0; border:0; }
.deal-detail--canvas #timeline { max-height:60vh; overflow-y:auto; }
@media (max-width:1100px) {
 .deals-foundation .deal-detail--canvas .record__cols { grid-template-columns:minmax(0,1fr) 300px; }
 .deals-foundation .deal-detail--canvas .record__main { padding:20px; }
 .deal-detail--canvas .deal-detail__overview { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:800px) {
 .deals-foundation .deal-detail--canvas .record__cols { grid-template-columns:minmax(0,1fr); }
 .deals-foundation .deal-detail--canvas .record__main { padding:16px; }
 .deals-foundation .deal-detail--canvas .record__name { font-size:24px; }
 .deals-foundation .deal-detail--canvas .record__aside { position:static; border:0; border-top:1px solid var(--wz-border); }
 .deals-foundation .deal-detail--canvas .deal-detail__activity { min-height:360px; }
 .deal-detail--canvas .dl__pair { grid-template-columns:100px minmax(0,1fr); }
}
.deal-detail--canvas .record-status-control .select { padding:6px 30px 6px 28px; line-height:24px; }
.deals-foundation .deal-detail--canvas .record__bar .btn { padding-inline:7px; }
.deal-detail--canvas .record__id { min-width:0; }
@media (max-width:480px) {
 .deal-detail--canvas .deal-detail__overview .deal-detail__stat { grid-template-columns:82px minmax(0,1fr); gap:8px; }
 .deal-detail--canvas .deal-detail__label { font-size:12px; }
 .deals-foundation .deal-detail--canvas .record__bar { gap:5px; }
 .deals-foundation .deal-detail--canvas .record__reach { gap:5px; }
 .deals-foundation .deal-detail--canvas .record__bar .btn { padding-inline:6px; font-size:11px; }
}

.deal-description-attach { margin-left:auto; display:flex; }
.deals-foundation .deal-detail--canvas .deal-description-attach .btn { border:0; background:transparent; box-shadow:none; width:32px; height:32px; min-height:32px; padding:6px; color:var(--wz-text-muted); }
.deals-foundation .deal-detail--canvas .deal-description-attach .btn:hover { color:var(--wz-accent); background:var(--wz-surface-subtle); }

.deal-project-action:empty { display:none; }
.deal-project-action { order:1; display:flex; flex-wrap:wrap; gap:8px; padding:12px 0 0; }

/* Match the compact Project and Prototype record header. */
.deals-foundation .deal-detail--canvas .record__head { position:relative; padding-right:100px; }
.deal-detail--canvas .deal-detail__share { position:absolute; top:0; right:0; }
.deal-detail--canvas .deal-detail__record-id { margin-bottom:6px; }
.deals-foundation .deal-detail--canvas .record__name { font-size:24px; line-height:1.3; }
.deals-foundation .deal-detail--canvas .record__sub { margin:4px 0; }
.deal-detail--canvas .record__tags { margin-top:6px; gap:8px; }
.deal-detail--canvas .deal-detail__overview { grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px 18px; margin-top:18px; padding:14px 16px; border:1px solid var(--wz-border); border-radius:10px; background:var(--wz-surface-subtle); }
.deal-detail--canvas .deal-detail__overview .deal-detail__stat { display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; gap:6px; min-height:0; }
.deal-detail--canvas .deal-detail__label { font-size:12px; }
.deal-detail--canvas .deal-detail__stat > strong { padding:4px 0; }
.deals-foundation .deal-detail--canvas .record__bar { padding:12px 0 0; }
.deals-foundation .deal-detail--canvas .record__main .panel { margin-top:18px; }
.deals-foundation .deal-detail--canvas .record__main .panel__head { padding-top:14px; }
@media(max-width:1100px) {
  .deal-detail--canvas .deal-detail__overview { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px) {
  .deals-foundation .deal-detail--canvas .record__head { padding-right:0; }
  .deal-detail--canvas .deal-detail__record-id { padding-right:100px; min-height:32px; display:flex; align-items:center; }
  .deal-detail--canvas .deal-detail__overview { grid-template-columns:minmax(0,1fr); gap:12px; padding:12px; }
  .deal-detail--canvas .deal-detail__overview .deal-detail__stat { display:grid; grid-template-columns:82px minmax(0,1fr); align-items:center; gap:8px; }
}

.deal-won-date { justify-content:flex-start; width:fit-content; max-width:100%; gap:8px; }

/* Compact, inline controls shared by the Deals list and board. */
.deals-foundation .board-toolbar { align-items:center; flex-wrap:wrap; gap:8px; padding:10px 12px; border-radius:8px; margin-bottom:12px; }
.deals-foundation[data-deals-page="list"] .board-toolbar { gap:8px; padding:10px 12px; }
.deals-foundation .board-toolbar .segmented { box-sizing:border-box; height:32px; padding:2px; display:flex; align-items:stretch; }
.deals-foundation .board-toolbar .segmented__item { min-height:0; height:26px; padding:0 9px; display:flex; align-items:center; justify-content:center; font-size:12px; }
.deals-foundation .board-toolbar .searchbar { box-sizing:border-box; height:32px; min-width:160px; max-width:320px; display:flex; align-items:center; }
.deals-foundation .board-toolbar .searchbar .input { box-sizing:border-box; height:30px; min-height:0; padding-block:5px; font-size:12px; }
.deals-foundation .board-toolbar > .btn { box-sizing:border-box; min-height:32px; height:32px; padding:0 10px; font-size:12px; }
.deals-foundation .deal-toolbar-filters { display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin-left:auto; }
.deal-toolbar-filters label { display:flex; align-items:center; gap:4px; color:var(--wz-text-muted); font-size:12px; font-weight:500; white-space:nowrap; border:1px solid var(--wz-border); border-radius:7px; padding-left:10px; height:32px; box-sizing:border-box; }
.deal-toolbar-filters .select { width:150px; min-width:0; height:30px; min-height:0; padding:4px 26px 4px 5px; border:0; border-radius:6px; background-color:transparent; color:var(--wz-text); font-size:12px; text-overflow:ellipsis; }
.deal-toolbar-filters label:focus-within { outline:2px solid var(--wz-accent); outline-offset:2px; }
.deal-toolbar-filters .select:focus-visible { outline:0; }
.deal-toolbar-filters label:hover { border-color:var(--wz-text-muted); }
.deal-card-status { margin-top:6px; }
.deal-card-status .etag { max-width:100%; white-space:normal; overflow-wrap:anywhere; }
.deal-card-status .etag::before { flex-shrink:0; }
@media(max-width:700px) {
  .deals-foundation .deal-toolbar-filters { width:100%; margin:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .deal-toolbar-filters label { min-width:0; height:36px; padding-left:8px; }
  .deal-toolbar-filters .select { width:100%; height:34px; }
  .deals-foundation .board-toolbar .searchbar { max-width:none; }
}

/* One continuous list toolbar, with stage tabs immediately underneath. */
.deals-foundation[data-deals-page="list"] .board-toolbar { display:flex; align-items:center; gap:8px; padding:10px 12px; }
.deals-foundation[data-deals-page="list"] .board-toolbar .segmented { order:0; margin:0; }
.deals-foundation[data-deals-page="list"] .board-toolbar .segmented__item { height:26px; min-height:0; padding:0 8px; font-size:12px; }
.deals-foundation[data-deals-page="list"] .board-toolbar .searchbar { order:1; flex:1 1 180px; max-width:280px; min-width:160px; margin:0; }
.deals-foundation[data-deals-page="list"] .board-toolbar .deal-toolbar-filters { order:2; margin-left:auto; }
.deals-foundation[data-deals-page="list"] .deal-toolbar-filters .select { width:130px; }
.deals-foundation[data-deals-page="list"] .board-toolbar .deals-list-filter { order:3; }
.deals-foundation[data-deals-page="list"] .board-toolbar .dt-columns-btn { order:4; min-height:32px; height:32px; padding:0 8px; font-size:12px; background:transparent; border-color:var(--wz-border); }
.deals-foundation[data-deals-page="list"] #status-chips { padding:0 8px; gap:2px; flex-wrap:nowrap; overflow-x:auto; }
.deals-foundation[data-deals-page="list"] #status-chips .chip { min-height:32px; padding:6px 8px; font-size:12px; flex-shrink:0; }
@media(max-width:700px) {
  .deals-foundation[data-deals-page="list"] .board-toolbar .searchbar { order:1; flex:1 1 140px; max-width:none; min-width:120px; }
  .deals-foundation[data-deals-page="list"] .board-toolbar .deal-toolbar-filters { order:3; margin:0; }
  .deals-foundation[data-deals-page="list"] .deal-toolbar-filters .select { width:100%; }
  .deals-foundation[data-deals-page="list"] .board-toolbar .deals-list-filter { order:2; }
}