/* dm_admin.css - module styles of the admin pages p80-p99 (owner: admin module, D-136).
   Tokens from app.css only (--dm-*, --ut-*), no hex colours, selectors under the admin classes (.dm-a-*) / page ids. */

/* ---------------------------------------------------------------- report engine (p81, p83-p89, lists p90 / p96 / p97) */
.dm-a-sub { color: var(--dm-muted); margin-top: -6px; }
.dm-a-sub .t-Region-body, .dm-a-sub { padding-top: 0; padding-bottom: 0; }
.dm-a-printhead { display: none; }
.dm-a-tabs .apex-rds { flex-wrap: wrap; }
.dm-a-tabs .apex-rds-item a { white-space: nowrap; }
.dm-a-pills .t-Form-fieldContainer--radioButtonGroup .apex-item-grid { gap: 4px; }
.dm-a-pills .apex-item-radio label { white-space: nowrap; }
.dm-a-label .display_only, .dm-a-label .t-Form-itemText { color: var(--dm-muted); font-size: 13px; }
.dm-a-err .display_only, .dm-a-err span { color: var(--dm-bad); font-weight: 600; }
.dm-a-kpis .a-CardView-title { font-size: 13px; color: var(--dm-muted); font-weight: 600; }
.dm-a-kpis .a-CardView-subTitle { font-size: 20px; font-weight: 700; color: var(--ut-body-text-color, inherit); white-space: nowrap; }
.dm-kpi--info .a-CardView-subTitle { color: var(--dm-info) !important; }
.dm-a-list .a-IRR-table td { vertical-align: middle; padding-top: 6px; padding-bottom: 6px; }
.dm-a-list .dm-money, .dm-a-list .dm-num { font-variant-numeric: tabular-nums; white-space: nowrap; }
.dm-a-list .dm-sub { display: block; font-size: 12px; color: var(--dm-muted); }
.dm-a-clamp { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-width: 360px; }
a.dm-rlink[href=""] { pointer-events: none; color: inherit; text-decoration: none; }
.dm-a-chips .apex-item-checkbox, .dm-a-chips .apex-item-grid-row { display: flex; flex-wrap: wrap; gap: 6px; }
.dm-a-chips .apex-item-option label { border: 1px solid var(--dm-line); border-radius: 16px; padding: 4px 10px; }
.dm-a-chips .apex-item-option input:checked + label { background: var(--dm-brand-tint); border-color: var(--dm-brand); color: var(--dm-brand); }
.dm-a-cards { display: none; }
.dm-pill--PAYABLE, .dm-pill--EXPIRED, .dm-pill--FAILED, .dm-pill--CANCELLATIONS, .dm-pill--INACTIVE { color: var(--dm-bad); }
.dm-pill--ADVANCE, .dm-pill--EXPIRING, .dm-pill--WAITING, .dm-pill--OVERRIDES, .dm-pill--PRICE { color: var(--dm-warn); }
.dm-pill--CLEAR, .dm-pill--ACTIVE, .dm-pill--SENT, .dm-pill--Y { color: var(--dm-ok); }
.dm-pill--N, .dm-pill--NO_CONTRACT { color: var(--dm-muted); }

/* ---------------------------------------------------------------- p80 hub: tiles, no money */
.dm-a-hubtiles .a-CardView-title { font-size: 16px; font-weight: 700; }
.dm-a-hubtiles .a-CardView-body { color: var(--dm-muted); font-size: 13px; }
.dm-a-hubtiles .a-CardView-badge { color: var(--dm-brand); background: transparent; font-size: 12px; }
.dm-a-hubtiles .a-CardView-item { min-height: 120px; }

/* round 5 (D-152) p80 hub = mockup: round tinted icon left, bold name + description + "n reports" stacked, chevron right; one block */
.dm-a-hub .t-BreadcrumbRegion-sub .dm-a-sub { margin: 0; color: var(--dm-muted); font-size: 13px; }
.dm-a-hub .t-BreadcrumbRegion-sub .dm-a-sub .t-Region-body { padding: 0; }
.dm-a-hubtiles .a-CardView { display: grid; grid-template-columns: 36px minmax(0, 1fr) 16px; column-gap: 14px; align-content: start;
  padding: 16px 18px; border: 1px solid var(--dm-line); border-radius: var(--dm-radius); box-shadow: none; position: relative; height: 100%; }
.dm-a-hubtiles .a-CardView-header { display: contents; }
.dm-a-hubtiles .a-CardView-fullLink { position: absolute; inset: 0; z-index: 1; }
.dm-a-hubtiles .a-CardView-iconWrap { grid-column: 1; grid-row: 1 / span 3; align-self: start; margin: 0; padding: 0; width: 36px; }
.dm-a-hubtiles .a-CardView-icon { width: 36px; height: 36px; border-radius: 50%;
  background: var(--dm-brand-tint) !important; color: var(--dm-brand) !important; display: flex; align-items: center; justify-content: center; font-size: 15px; margin: 0; }
.dm-a-hubtiles .a-CardView-headerBody { grid-column: 2; grid-row: 1; padding: 0; }
.dm-a-hubtiles .a-CardView-title { font-size: 15px; font-weight: 700; line-height: 1.45; white-space: normal; }
.dm-a-hubtiles .a-CardView-mainContent { hyphens: none; -webkit-hyphens: none; }
.dm-a-hubtiles .a-CardView-body { grid-column: 2; grid-row: 2; padding: 4px 0 0; hyphens: none; -webkit-hyphens: none; overflow-wrap: normal; word-break: normal; line-height: 1.35; }
.dm-a-hubtiles .a-CardView-badge { grid-column: 2; grid-row: 3; justify-self: start; padding: 4px 0 0; margin: 0; border: 0; font-weight: 500; }
.dm-a-hubtiles .a-CardView::after { content: "\f054"; font-family: 'Font APEX Small', 'Font APEX', FontAwesome; grid-column: 3; grid-row: 1; font-size: 11px;
  color: var(--dm-muted); padding-top: 6px; }
.dm-a-hubtiles [class*="a-CardView-items--grid"] { gap: 12px; }
.dm-a-hub .dm-a-more, .dm-a-more98 { background: transparent; border: 0; box-shadow: none; }
.dm-a-more98 > .t-Region-header { background: transparent; border: 0; padding-left: 0; }
.dm-a-more98 > .t-Region-header .t-Region-title { font-size: 14px; font-weight: 500; color: var(--dm-brand); }
.dm-a-more98 .t-Button--hideShow { background: transparent; box-shadow: none; border: 0; color: var(--dm-brand); }
.dm-a-hub .dm-a-more > .t-Region-header { background: transparent; border: 0; padding-left: 0; }
.dm-a-hub .dm-a-more > .t-Region-header .t-Region-title { font-size: 16px; font-weight: 500; color: var(--dm-muted); }
.dm-a-hub .dm-a-more .t-Button--hideShow { background: transparent; box-shadow: none; border: 0; color: var(--dm-muted); }

/* ---------------------------------------------------------------- row buttons (p90 / p97) */
.dm-a-rowbtn { border: 0; background: transparent; color: var(--dm-brand); cursor: pointer; min-width: 40px; min-height: 40px; }
.dm-a-retry[data-show="N"] { display: none; }

/* ---------------------------------------------------------------- p95 settings */
.dm-a-help { color: var(--dm-muted); font-size: 13px; }
#p95_rates input[type="text"] { width: 80px; text-align: right; }
.dm-a-savebar { margin-top: 8px; }

/* ---------------------------------------------------------------- p96 roles grid */
.dm-a-perms .dm-a-group td { font-weight: 700; background: var(--dm-brand-tint); }
.dm-a-perms input.dm-a-tick { width: 22px; height: 22px; accent-color: var(--dm-brand); }
.dm-a-perms .dm-a-changed { color: var(--dm-warn); font-size: 12px; }
.dm-a-perms .dm-a-locked { color: var(--dm-muted); }
.dm-a-kind { color: var(--dm-muted); font-size: 12px; display: block; }

/* ---------------------------------------------------------------- p91 placeholder chips */
.dm-a-ph { border: 1px solid var(--dm-line); border-radius: 14px; background: transparent; padding: 4px 10px; margin: 0 6px 6px 0; min-height: 36px; cursor: pointer; color: var(--dm-brand); }
.dm-a-preview .display_only { white-space: pre-wrap; border-left: 3px solid var(--dm-brand); padding-left: 8px; }
/* round 5 (D-152) p91 = mockup: message type as caption + bold name (no field box), small grey "Placeholders" heading, grey chips with "+" */
#P91_TYPE_CONTAINER .t-Form-inputContainer .display_only, #P91_TYPE_CONTAINER .apex-item-display-only { border: 0 !important; background: transparent !important;
  font-size: 16px; font-weight: 700; padding-left: 0; }
#P91_TYPE_CONTAINER .t-Form-itemWrapper { border: 0 !important; background: transparent !important; box-shadow: none !important; }
.dm-a-phs .t-Region-title { font-size: 13px; font-weight: 500; color: var(--dm-muted); }
.dm-a-phs .t-Region-header { padding-bottom: 0; }
.dm-a-ph { border-color: var(--dm-line); background: color-mix(in srgb, var(--dm-muted) 10%, transparent); color: var(--ut-body-text-color, inherit); font-size: 12px; }
.dm-a-ph::before { content: "\f067"; font-family: 'Font APEX Small', 'Font APEX', FontAwesome; font-size: 10px; margin-right: 5px; color: var(--dm-muted); }

/* ---------------------------------------------------------------- phone (<= 640): card lists, 2 tiles per row, no sideways scroll */
@media (max-width: 640px) {
  .dm-a-cards { display: block; }
  .dm-a-list { display: none; }
  .dm-a-kpis [class*="a-CardView-items--grid"], .dm-a-hubtiles [class*="a-CardView-items--grid"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .dm-a-hubtiles [class*="a-CardView-items--grid"] { grid-template-columns: minmax(0, 1fr) !important; }
  .dm-a-kpis .a-CardView-subTitle { font-size: 16px; white-space: normal; }
  .dm-a-pills .apex-item-grid-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; }
  .dm-a-cards .a-CardView-body { white-space: normal; overflow-wrap: anywhere; }
  .dm-a-perms td, .dm-a-perms th { white-space: normal; }
  .dm-a-tabs .apex-rds { overflow: visible; }
  .dm-a-tabs .apex-rds-item a { white-space: normal; }
  .t-Body-content { overflow-x: hidden; }
}

/* ---------------------------------------------------------------- print: only the shown tab, header line, A4 (landscape defs) */
@page dm-land { size: A4 landscape; }
@media print {
  .t-Header, .t-Body-nav, .t-Footer, .t-Body-title .t-Button, .dm-a-filters, .dm-a-tabs, .dm-a-cards, .dm-a-sub,
  .a-IRR-toolbar, .a-IRR-pagination, .dm-a-rowbtn, .t-BreadcrumbRegion-buttons { display: none !important; }
  .dm-a-printhead { display: block !important; margin-bottom: 8px; }
  .dm-a-list { display: block !important; }
  body.dm-a-print-land .t-Body-content { page: dm-land; }
  .t-Body-content, .t-Body-main { margin: 0 !important; padding: 0 !important; }
  html, body { color-scheme: light; background: Canvas !important; color: CanvasText !important; }
}

/* ---------------------------------------------------------------- round 5 (D-152): report engine pages = mockup (.dm-a-rpt) */
/* title bar: sub line inside the bar (Sub Regions slot), Print / Download blue tint top right */
.dm-a-rpt .t-BreadcrumbRegion-sub .dm-a-sub { margin: 0; color: var(--dm-muted); font-size: 13px; }
.dm-a-rpt .t-BreadcrumbRegion-sub .dm-a-sub .t-Region-body { padding: 0; }
.dm-a-rpt .t-BreadcrumbRegion-buttons--end { display: flex; gap: 8px; align-items: center; }
.dm-a-rpt .t-BreadcrumbRegion-buttons--end .t-Button { margin: 0; }
/* tabs: white card, green underline */
.dm-a-rpt .dm-a-tabs { background: var(--ut-component-background-color); border: 1px solid var(--dm-line); border-radius: var(--dm-radius); padding: 0 12px; margin-bottom: 16px; }
.dm-a-rpt .dm-a-tabs .t-Region-body { padding: 0; }
.dm-a-rpt .dm-a-tabs .apex-rds { border: 0; gap: 4px; background: transparent; box-shadow: none; }
.dm-a-rpt .dm-a-tabs .apex-rds-item a { padding: 16px 14px 13px; font-size: 13px; font-weight: 500; color: var(--ut-body-text-color, inherit);
  border-bottom: 3px solid transparent; border-radius: 0; background: transparent; box-shadow: none !important; outline-offset: -3px; }
.dm-a-rpt .dm-a-tabs .apex-rds-item.apex-rds-selected a { border-bottom-color: var(--dm-brand); color: var(--ut-body-text-color, inherit); font-weight: 600; }
.dm-a-rpt .dm-a-tabs .apex-rds-item a:focus:not(:focus-visible) { outline: none; }
/* filters: period pills in a white card; other filters only when "Filters" is on; date lines hidden (print header keeps them) */
.dm-a-rpt .dm-a-filters { background: var(--ut-component-background-color); border: 1px solid var(--dm-line); border-radius: var(--dm-radius); margin-bottom: 16px; }
.dm-a-rpt .dm-a-filters > .t-Region-body, .dm-a-rpt .dm-a-filters .t-Region-body { padding: 10px 12px; }
.dm-a-rpt .dm-a-filters:not(.is-open) .dm-a-fx { display: none !important; }
.dm-a-rpt .dm-a-filters:not(.is-open) .dm-a-fbtns { display: none; }
.dm-a-rpt .dm-a-filters:not(.is-open):not(:has(.dm-a-period)):not(:has(.t-Form-fieldContainer:not(.dm-a-fx) input[type=text]:not([type=hidden]))) { display: none; }
.dm-a-rpt .dm-a-label { display: none !important; }
.dm-a-rpt .t-Form-fieldContainer:has(.dm-a-label) { display: none !important; }
.dm-a-rpt .dm-a-fbtns { display: flex; justify-content: flex-end; padding: 4px 0 0; }
.dm-a-rpt .dm-a-btns { display: none; }
.dm-a-rpt .dm-a-period .t-Form-labelContainer, .dm-a-rpt :is(.t-Form-fieldContainer.dm-a-period, .t-Form-fieldContainer:has(.dm-a-period)) .t-Form-labelContainer { display: none; }
.dm-a-rpt :is(.t-Form-fieldContainer.dm-a-period, .t-Form-fieldContainer:has(.dm-a-period)) { padding-top: 0; padding-bottom: 0; }
.dm-a-rpt .dm-a-period .apex-item-grid, .dm-a-rpt :is(.t-Form-fieldContainer.dm-a-period, .t-Form-fieldContainer:has(.dm-a-period)) .apex-item-grid { display: inline-flex; flex-wrap: wrap; gap: 0; width: auto;
  border: 1px solid var(--dm-line); border-radius: 999px; padding: 3px; }
.dm-a-rpt :is(.t-Form-fieldContainer.dm-a-period, .t-Form-fieldContainer:has(.dm-a-period)) .apex-item-grid-row { display: contents; }
.dm-a-rpt :is(.t-Form-fieldContainer.dm-a-period, .t-Form-fieldContainer:has(.dm-a-period)) .apex-item-option { margin: 0; }
.dm-a-rpt :is(.t-Form-fieldContainer.dm-a-period, .t-Form-fieldContainer:has(.dm-a-period)) .apex-item-option input { position: absolute; opacity: 0; }
.dm-a-rpt :is(.t-Form-fieldContainer.dm-a-period, .t-Form-fieldContainer:has(.dm-a-period)) .apex-item-option label { display: inline-block; padding: 6px 14px; border-radius: 999px; font-size: 13px;
  color: var(--ut-body-text-color, inherit); background: transparent; border: 0; box-shadow: none; cursor: pointer; white-space: nowrap; }
.dm-a-rpt :is(.t-Form-fieldContainer.dm-a-period, .t-Form-fieldContainer:has(.dm-a-period)) .apex-item-option input:checked + label { background: var(--dm-brand); color: var(--dm-on-brand); font-weight: 700; }
.dm-a-rpt :is(.t-Form-fieldContainer.dm-a-period, .t-Form-fieldContainer:has(.dm-a-period)) .apex-item-option input:focus-visible + label { outline: 2px solid var(--dm-info); outline-offset: 1px; }
/* KPI cards: tinted (blue default, amber warn, red bad, green ok), small coloured label, big bold value, one full-width row */
.dm-a-rpt .dm-a-kpis { margin-bottom: 16px; }
.dm-a-rpt .dm-a-kpis [class*="a-CardView-items--grid"] { display: flex; flex-wrap: nowrap; gap: 16px; }
.dm-a-rpt .dm-a-kpis [class*="a-CardView-items--grid"] > .a-CardView-item { flex: 1 1 0; min-width: 0; }
.dm-a-rpt .dm-a-kpis .a-CardView { --k: var(--dm-info); background: color-mix(in srgb, var(--k) 7%, var(--ut-component-background-color));
  border: 1px solid color-mix(in srgb, var(--k) 28%, transparent); border-radius: var(--dm-radius); box-shadow: none; }
.dm-a-rpt .dm-a-kpis .dm-kpi--warn .a-CardView, .dm-a-rpt .dm-a-kpis .a-CardView.dm-kpi--warn { --k: var(--dm-warn); }
.dm-a-rpt .dm-a-kpis .dm-kpi--bad .a-CardView, .dm-a-rpt .dm-a-kpis .a-CardView.dm-kpi--bad { --k: var(--dm-bad); }
.dm-a-rpt .dm-a-kpis .dm-kpi--ok .a-CardView, .dm-a-rpt .dm-a-kpis .a-CardView.dm-kpi--ok { --k: var(--dm-ok); }
.dm-a-rpt .dm-a-kpis .a-CardView-title { font-size: 12px; font-weight: 500; color: var(--k); }
.dm-a-rpt .dm-a-kpis .a-CardView-subTitle { font-size: 18px; font-weight: 700; color: var(--ut-body-text-color, inherit) !important; }
/* table card: "Search..." + Filters, no Go / column picker / Actions; Total row bold; "1 - n of n" footer left */
.dm-a-rpt .dm-a-list .a-IRR-toolbar { background: transparent; border: 0; padding: 12px 16px; gap: 8px; }
.dm-a-rpt .dm-a-list .a-IRR-button--search, .dm-a-rpt .dm-a-list .a-IRR-button--colSearch, .dm-a-rpt .dm-a-list .a-IRR-actions,
.dm-a-rpt .dm-a-list .a-IRR-buttons { display: none !important; }
.dm-a-rpt .dm-a-list .a-IRR-search-field { width: 360px; max-width: 100%; border-radius: 6px; padding-left: 32px;
  background: var(--ut-field-background-color, transparent) no-repeat 10px 50%; }
.dm-a-rpt .dm-a-list .a-IRR-controlGroup--views, .dm-a-rpt .dm-a-list .a-IRR-controlGroup--options { display: none !important; }
.dm-a-rpt .dm-a-list .a-IRR-controls { display: flex; align-items: center; flex-wrap: nowrap; }
.dm-a-rpt .dm-a-list .a-IRR-controlGroup--search { flex: 0 1 360px; border: 0; padding: 0; }
.dm-a-rpt .dm-a-fl { display: none !important; }
.dm-a-rpt .dm-a-filters .row:not(:has(> [class*=col]:not(.dm-a-fx):not(.dm-a-fl))) { display: none; }
.dm-a-rpt .dm-a-filters.is-open .row { display: flex !important; }
.dm-a-rpt .dm-a-list .a-IRR-searchFieldContainer { position: relative; }
.dm-a-rpt .dm-a-list .a-IRR-searchFieldContainer::before { content: "\f002"; font-family: 'Font APEX Small', 'Font APEX', FontAwesome; position: absolute; left: 10px; top: 50%;
  transform: translateY(-50%); color: var(--dm-muted); font-size: 13px; pointer-events: none; z-index: 1; }
.dm-a-rpt .dm-a-list .a-IRR-toolbar { justify-content: flex-start; flex-wrap: nowrap; }
.dm-a-rpt .dm-a-list .a-IRR-controls-cell, .dm-a-rpt .dm-a-list .a-IRR-toolbar > * { border: 0 !important; box-shadow: none; }
.dm-a-rpt .dm-a-list .a-IRR-controls-cell:empty { display: none; }
.dm-a-rpt .dm-a-fbar { display: inline-flex; align-items: center; margin-left: 8px; }
.dm-a-rpt .dm-a-fbar .t-Button { margin: 0; }
.dm-a-rpt .dm-pill--PAYABLE { color: var(--dm-muted); }
.dm-a-rpt .dm-a-filterbtn.dm-a-used, .dm-a-rpt .dm-a-filterbtn.is-active { --a-button-border-color: var(--dm-brand); --a-button-text-color: var(--dm-brand); }
.dm-a-rpt .dm-a-list .a-IRR-header { font-size: 13px; }
.dm-a-rpt .dm-a-list .dm-a-totrow td { font-weight: 700; border-top: 2px solid var(--dm-line); }
.dm-a-rpt .dm-a-list .dm-a-totcap { text-align: left !important; }
.dm-a-rpt .dm-a-list .a-IRR-pagination { justify-content: flex-start; }
.dm-a-rpt .dm-a-list .a-IRR-paginationWrap { justify-content: flex-start; padding-left: 16px; color: var(--dm-muted); }
/* pills: tinted fill like the mockup, small info icon in front */
.dm-a-rpt .dm-pill { background: color-mix(in srgb, currentColor 9%, transparent); border-color: color-mix(in srgb, currentColor 30%, transparent); font-size: 12px; padding: 1px 9px; }
.dm-a-rpt .dm-a-list .dm-pill::before { content: "\eb01"; font-family: 'Font APEX Small', 'Font APEX', FontAwesome; font-size: 11px; margin-right: 4px; opacity: .85; }
/* p96 roles info line = mockup banner: white card, blue left border, round "i" icon */
.dm-a-rpt #p96_roles .dm-a-help { background: var(--ut-component-background-color); border: 1px solid var(--dm-line); border-left: 4px solid var(--dm-info);
  border-radius: var(--dm-radius); padding: 12px 14px 12px 44px; margin-bottom: 16px; position: relative; color: var(--ut-body-text-color, inherit); font-weight: 500; }
.dm-a-rpt #p96_roles .dm-a-help::before { content: "\eb01"; font-family: 'Font APEX Small', 'Font APEX', FontAwesome; position: absolute; left: 14px; top: 12px;
  color: var(--dm-info); font-size: 18px; }
/* p90 provider info banner = mockup: white card, blue left border, round "i" icon, bold left-aligned text */
.dm-a-rpt .t-Alert--info.t-Alert--horizontal { background: var(--ut-component-background-color) !important; border: 1px solid var(--dm-line);
  border-left: 4px solid var(--dm-info); border-radius: var(--dm-radius); box-shadow: none; margin-bottom: 16px; }
.dm-a-rpt .t-Alert--info.t-Alert--horizontal .t-Alert-wrap { align-items: center; padding: 10px 14px; }
.dm-a-rpt .t-Alert--info.t-Alert--horizontal .t-Alert-icon { display: flex; align-items: center; padding: 0 12px 0 0; background: transparent; }
.dm-a-rpt .t-Alert--info.t-Alert--horizontal .t-Alert-icon .t-Icon { background: transparent; color: var(--dm-info); width: auto; height: auto; font-size: 18px; }
.dm-a-rpt .t-Alert--info.t-Alert--horizontal .t-Alert-icon .t-Icon::before { content: "\eb01"; font-family: 'Font APEX Small', 'Font APEX', FontAwesome; }
.dm-a-rpt .t-Alert--info.t-Alert--horizontal .t-Alert-body { text-align: left; font-weight: 600; font-size: 14px; color: var(--ut-body-text-color, inherit); padding: 0; }
/* p97 quick filters = chips (no tick boxes), like the mockup */
.dm-a-rpt .dm-a-chips .apex-item-option input { position: absolute; opacity: 0; }
.dm-a-rpt .dm-a-chips .apex-item-option label.u-checkbox { padding: 5px 12px !important; }
.dm-a-rpt .dm-a-chips .u-checkbox::before, .dm-a-rpt .dm-a-chips .u-checkbox::after { display: none !important; }
.dm-a-rpt .dm-a-chips .apex-item-option input:focus-visible + label { outline: 2px solid var(--dm-info); outline-offset: 1px; }
/* p86 sale mode pills like the mockup: Installment blue (calendar), Pay Now green (money), Credit orange (clock) */
.dm-a-rpt .dm-pill--INSTALLMENT { color: var(--dm-info); }
.dm-a-rpt .dm-pill--PAY_NOW, .dm-a-rpt .dm-pill--CASH { color: var(--dm-ok); }
.dm-a-rpt .dm-pill--CREDIT { color: var(--dm-warn); }
.dm-a-rpt .dm-a-list .dm-pill--INSTALLMENT::before { content: "\f073"; }
.dm-a-rpt .dm-a-list .dm-pill--PAY_NOW::before, .dm-a-rpt .dm-a-list .dm-pill--CASH::before { content: "\f0d6"; }
.dm-a-rpt .dm-a-list .dm-pill--CREDIT::before { content: "\f017"; }
/* period pills: the radio labels lose the theme's segmented / radio look */
.dm-a-rpt .dm-a-period .u-radio::before, .dm-a-rpt .dm-a-period .u-radio::after { display: none !important; }
.dm-a-rpt .dm-a-period .apex-item-option label.u-radio { padding: 6px 14px !important; margin: 0; }
.dm-a-rpt .dm-a-period .apex-item-option { border: 0 !important; background: transparent !important; }
/* the period error line takes no room while empty */
.dm-a-rpt .t-Form-fieldContainer.dm-a-err { padding-top: 0; padding-bottom: 0; min-height: 0; }
.dm-a-rpt .t-Form-fieldContainer.dm-a-err:has(.display_only:empty), .dm-a-rpt .t-Form-fieldContainer.dm-a-err:not(:has(.display_only)) { display: none; }
/* reference numbers green like the mockup */
.dm-a-rpt .dm-a-list td[headers="REF"], .dm-a-rpt .dm-a-list td[headers="SALE_NO"], .dm-a-rpt .dm-a-list td[headers="RECORD"] { color: var(--dm-brand); font-weight: 500; white-space: nowrap; }
@media (max-width: 640px) {
  .dm-a-rpt .dm-a-kpis [class*="a-CardView-items--grid"] { display: grid; grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .dm-a-rpt .t-BreadcrumbRegion-buttons--end { flex-wrap: wrap; justify-content: flex-end; }
  .dm-a-rpt .dm-a-tabs .apex-rds { flex-wrap: nowrap; overflow-x: auto; }
  .dm-a-rpt .dm-a-tabs .apex-rds-item a { white-space: nowrap; padding: 12px 10px 10px; }
  .dm-a-rpt .dm-a-period .apex-item-grid { display: flex !important; flex-wrap: wrap; width: 100%; box-sizing: border-box; }
  .dm-a-rpt .dm-a-period .apex-item-grid-row { display: contents !important; }
  /* D-249 C: options kept the 1/3 column width of the radio grid -> "This week (Mon-Sun)" ran off the phone screen (p90) */
  .dm-a-rpt .dm-a-period .apex-item-option { width: auto !important; flex: 0 0 auto; max-width: 100%; }
  .dm-a-rpt .dm-a-period .apex-item-option label.u-radio { padding: 6px 10px !important; }
  .dm-a-rpt :is(.t-Form-fieldContainer.dm-a-period, .t-Form-fieldContainer:has(.dm-a-period)) .apex-item-grid { border-radius: 12px; }
}
@media print {
  .dm-a-rpt .dm-a-tb, .dm-a-rpt .dm-a-fbar, .dm-a-rpt .dm-a-filters, .dm-a-rpt .dm-a-kpis .a-CardView { box-shadow: none; }
  .dm-a-rpt .dm-a-tb, .dm-a-rpt .dm-a-fbar, .dm-a-rpt .dm-a-filters, .dm-a-rpt .t-BreadcrumbRegion { display: none !important; }
  .dm-a-rpt .dm-a-kpis .a-CardView { background: none !important; border: 1px solid var(--dm-muted) !important; }
  .dm-a-rpt .dm-a-list .a-IRR-toolbar { display: none !important; }
  /* D-158: paper is always light (also for a user with the dark theme): ink colours, tinted KPI cards like the mockup paper */
  .dm-a-rpt .dm-a-kpis .a-CardView-subTitle, .dm-a-rpt .dm-a-list td, .dm-a-rpt .dm-a-list th, .dm-a-rpt .dm-a-list .a-IRR-headerLink,
  .dm-a-rpt .dm-a-printhead, .dm-a-rpt .dm-a-list .dm-a-totrow td { color: CanvasText !important; background: Canvas !important; }
  .dm-a-rpt .dm-a-kpis .a-CardView-title { color: CanvasText !important; }
  .dm-a-rpt .dm-a-list .a-IRR-table-wrap, .dm-a-rpt .dm-a-list .a-IRR-tableContainer { overflow: visible !important; max-height: none !important; }
  /* fixed-header IR: on paper print the table's own header row (the floating copy would leave a blank band) */
  .dm-a-rpt .dm-a-list .t-fht-thead, .dm-a-rpt .dm-a-list .js-stickyWidget-placeholder { display: none !important; }
  .dm-a-rpt .dm-a-list .t-fht-tbody { overflow: visible !important; height: auto !important; max-height: none !important; }
  .dm-a-rpt .dm-a-list .t-fht-tbody table { margin-top: 0 !important; }
  .dm-a-rpt .dm-a-list .t-fht-tbody thead, .dm-a-rpt .dm-a-list .t-fht-tbody thead * { visibility: visible !important; }
  .dm-a-rpt .dm-a-list .t-fht-tbody thead th { height: auto !important; font-weight: 700; }
  .dm-a-rpt .dm-a-list .t-fht-cell { width: auto !important; }
  .dm-a-rpt .dm-a-list .a-IRR-table { width: 100% !important; font-size: 11px; }
  .dm-a-rpt .dm-a-list .a-IRR-table td, .dm-a-rpt .dm-a-list .a-IRR-table th { padding: 4px 5px !important; }
  .dm-a-rpt .dm-pill { color: CanvasText !important; opacity: 1; border-color: currentColor; }
  .dm-a-rpt .dm-a-list .dm-sub { color: CanvasText !important; opacity: .7; }
  .dm-a-rpt .dm-a-list .a-IRR-sortWidget, .dm-a-rpt .dm-a-list .a-IRR-header .a-Icon { display: none !important; }
}

/* ---------------------------------------------------------------- USERS module round 3 (2026-10-18): p4 new password, p2 setup wizard, p95 new sections */
.dm-a-pw .dm-a-pwcard { max-width: 520px; margin: 0 auto; }
.dm-p2-dots .a-CardView-items { gap: 6px; }
.dm-p2-dots .a-CardView-item { min-height: 0; }
.dm-p2-dots .a-CardView-header { padding: 8px 10px; }
.dm-p2-dots .a-CardView-title { font-size: 13px; font-weight: 600; color: var(--dm-muted); white-space: normal; }
.dm-p2-dot { border-top: 4px solid var(--dm-line); }
.dm-p2-dot.is-done { border-top-color: var(--dm-ok); }
.dm-p2-dot.is-done .a-CardView-title { color: var(--dm-ok); }
.dm-p2-dot.is-current { border-top-color: var(--dm-brand); }
.dm-p2-dot.is-current .a-CardView-title { color: var(--dm-brand); }
.dm-p2-usual td { border: 0; padding: 4px 0; }
.dm-p2-paper { color-scheme: light; background: Canvas; color: CanvasText; border: 1px dashed var(--dm-line);
  padding: 16px; max-width: 420px; display: flex; flex-direction: column; gap: 4px; }
.dm-p2-paper.is-80 { max-width: 240px; font-size: 12px; }
.dm-a-setup .dm-p2-bar .t-ButtonRegion-col--right .t-ButtonRegion-buttons { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.dm-a-backup .dm-a-due { color: var(--dm-warn); font-weight: 700; }
@media (max-width: 640px) {
  .dm-p2-dots .a-CardView-items { display: flex !important; flex-wrap: wrap; gap: 4px; }
  .dm-p2-dots .a-CardView-items > li { flex: 1 1 30%; min-width: 0; }
  .dm-p2-dots .a-CardView-header { padding: 4px 6px; }
  .dm-p2-dots .a-CardView-title { font-size: 11px; }
  .dm-a-setup .dm-p2-bar .t-Button { min-height: 40px; }
  .dm-a-setup .dm-p2-bar .t-Button--hot { width: 100%; }
}

/* ================================================================ round 6 (D-152, AD 2026-10-19) */
/* report sum row: "Rs. 646,800" never breaks after "Rs." */
.dm-a-rpt .dm-a-totrow td { white-space: nowrap; }
/* status pills with their own icon (mockup): done / waiting / failed; contract Active / Expiring / Expired */
.dm-a-rpt .dm-a-list .dm-pill--SENT::before, .dm-a-rpt .dm-a-list .dm-pill--ACTIVE::before { content: "\f05d"; }
.dm-a-rpt .dm-a-list .dm-pill--EXPIRING::before { content: "\f017"; }
.dm-a-rpt .dm-a-list .dm-pill--WAITING { color: var(--dm-muted); }   /* mockup: Waiting = grey pill with the info icon */
.dm-a-rpt .dm-a-list .dm-pill--FAILED::before, .dm-a-rpt .dm-a-list .dm-pill--EXPIRED::before { content: "\f05c"; }
/* p97 "Saved as different item" action pill */
.dm-pill--NOT_DUPLICATE { color: var(--dm-info); }
/* p90 log: date, time under it, grey "sent hh:mm" */
#p90_l90_log_ir .dm-a-l2 { display: block; }
#p90_l90_log_ir td[headers="VIEW_BTN"], #p90_l90_log_ir td[headers="RETRY_BTN"] { width: 36px; padding-left: 6px; padding-right: 0; }
/* p91 preview = mockup: bold caption above, grey box with a green left bar */
#P91_PREVIEW_CONTAINER, #P91_PREVIEW_CONTAINER.apex-item-wrapper--display-only { border: 0 !important; background: transparent !important; box-shadow: none !important; padding: 0; }
#P91_PREVIEW_CONTAINER { display: block !important; }   /* UT floating label = grid with label + field in one row: stack them */
#P91_PREVIEW_CONTAINER .t-Form-labelContainer { position: static !important; padding: 0 0 6px !important; height: auto !important; }
#P91_PREVIEW_CONTAINER .t-Form-label { position: static !important; transform: none !important; top: auto !important; left: auto !important;
  font-size: 13px !important; font-weight: 700; color: var(--ut-body-text-color) !important; white-space: normal; }
#P91_PREVIEW_CONTAINER .t-Form-inputContainer { padding: 10px 12px 10px 24px !important; border-radius: var(--dm-radius-sm, 4px);
  background: color-mix(in srgb, var(--dm-muted) 10%, transparent) !important; position: relative; }
#P91_PREVIEW_CONTAINER .t-Form-inputContainer::before { content: ""; position: absolute; left: 8px; top: 0; bottom: 0; width: 4px; background: var(--dm-brand); border-radius: 4px 0 0 4px; z-index: 2; }   /* UT paints the first 8 px of a display-only field white (left inset) - the bar sits at the visible grey edge */
#P91_PREVIEW_CONTAINER .t-Form-itemWrapper { border: 0 !important; box-shadow: none !important; background: transparent !important; padding: 0 !important; min-height: 0 !important; }
#P91_PREVIEW_CONTAINER .display_only { border: 0 !important; background: transparent !important; padding: 0 !important; white-space: pre-wrap; }
/* p96 Roles & Permissions: group bars across the whole row (mockup DASHBOARD / CUSTOMERS ...), footer counts + lock legend */
.dm-a-perms tr { position: relative; }
.dm-a-perms .dm-a-gbar { display: none; }
.dm-a-perms .dm-a-gbar:not([data-g=""]):not([data-g=" "]) { display: flex; align-items: center; position: absolute; left: 0; right: 0; top: 0; height: 34px;
  padding: 0 12px; font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--dm-muted);
  background: color-mix(in srgb, var(--dm-muted) 12%, var(--ut-component-background-color)); border-top: 1px solid var(--dm-line); border-bottom: 1px solid var(--dm-line); }
.dm-a-perms tr:has(.dm-a-gbar:not([data-g=""]):not([data-g=" "])) td { padding-top: 46px; }
.dm-a-permfoot td { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; color: var(--dm-muted); font-size: 13px; border: 0 !important; }
.dm-a-permfoot .fa-lock { margin-right: 4px; }
/* p95 Installment rules (round 6): late fee field greyed while off; Documents to collect + Tenure rates as white cards (mockup);
   hint above the documents table; "Add document type" button inside the card bottom, the "New document type" field after it; example right */
#P95_LATE_FEE_AMOUNT_CONTAINER.dm-a-off { opacity: .6; }
#P95_LATE_FEE_AMOUNT_CONTAINER.dm-a-off input { background: color-mix(in srgb, var(--dm-muted) 12%, transparent); cursor: not-allowed; }
#p95_tab_qist .dm-a-card95 { background: var(--ut-component-background-color); border: 1px solid var(--dm-line); border-radius: var(--dm-radius, 8px); position: relative; }
#p95_tab_qist .dm-a-ctop95 { border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: 0; }
#p95_tab_qist .dm-a-card95-foot { background: var(--ut-component-background-color); border: 1px solid var(--dm-line); border-top: 0;
  border-radius: 0 0 var(--dm-radius, 8px) var(--dm-radius, 8px); padding: 0 16px 16px; margin-top: -1px; }
#p95_tab_qist .dm-a-card95 .t-Region-title::before { content: none; }
#p95_tab_qist .dm-a-docs95 .t-Region-title::before { content: "\f0f6"; font-family: 'Font APEX Small', 'Font APEX', FontAwesome; margin-right: 6px; font-weight: 400; }
#p95_tab_qist .dm-a-chint { margin: 0 0 10px; font-size: 12px; color: var(--dm-muted); }
#p95_tab_qist .dm-a-ctop95 .t-Region-bodyWrap, #p95_tab_qist .dm-a-ctop95 .t-Region-body { position: static; }
#p95_tab_qist .dm-a-rexample { position: absolute; right: 16px; top: 18px; font-size: 12px; color: var(--dm-muted); }
#p95_tab_qist .dm-a-card95-foot.dm-a-help { font-size: 12px; color: var(--dm-muted); padding-top: 4px; }
#P95_NEW_DOC_CONTAINER.dm-a-newdoc, .dm-a-newdoc#P95_NEW_DOC_CONTAINER { display: none; }
#P95_NEW_DOC_CONTAINER.is-shown { display: block; margin-top: 10px; }
@media (max-width: 640px) { #p95_tab_qist .dm-a-rexample { position: static; display: block; margin-bottom: 8px; } }
#p95_tab_qist #p95_rates.dm-a-card95 { margin-top: 16px; }
/* p97 Record (row 97/5): business number as a green link; no link (no page / no right) = plain text */
#p97_l97_audit_ir a.dm-a-rec[href=""] { pointer-events: none; color: inherit; font-weight: inherit; text-decoration: none; }

/* round 7 final QA: report tables (10 columns, e.g. Outstanding Payables) were wider than the page at 1280 px and cut the last column - tighter cell padding + no side scroll on screen */
@media screen and (min-width: 768px) { .dm-a-rpt .dm-a-list .a-IRR-table td, .dm-a-rpt .dm-a-list .a-IRR-table th { padding-left: 4px; padding-right: 4px; } .dm-a-rpt .dm-a-list .a-IRR-table td { font-size: 12px; } .dm-a-rpt .dm-a-list .a-IRR-header, .dm-a-rpt .dm-a-list .a-IRR-headerLink { font-size: 12px; } .dm-a-rpt .dm-a-list .a-IRR-table { width: 100%; table-layout: auto; } }
/* D-192 (2026-10-21) p95 Shop tab: current shop logo above the "change logo" file field (hidden while the shop has no logo) */
#P95_SHOP_LOGO_CONTAINER .dm-p95-logo { display: block; margin-bottom: 8px; }
#P95_SHOP_LOGO_CONTAINER .dm-p95-logo.u-hidden { display: none; }
#P95_SHOP_LOGO_CONTAINER .dm-p95-logo img { display: block; max-width: 120px; max-height: 120px; border: 1px solid var(--dm-line); border-radius: 8px; }

/* D-206 #20 p98 temporary password dialog: the password in a clear box (monospace, large, easy to read out / copy) */
.dm-a-pwdlg > .t-DialogRegion-wrap { width: 100%; max-width: 100%; min-width: 0; }
.dm-a-pwdlg .dm-sub { margin: 0 0 .75rem; color: var(--dm-muted); white-space: normal; overflow-wrap: anywhere; }
.dm-a-pwdlg .t-Form-fieldContainer, .dm-a-pwdlg .col { min-width: 0; max-width: 100%; }
.dm-a-pwdlg .dm-a-pwbox .display_only { display: block; padding: .6rem .8rem; border: 1px dashed var(--dm-brand); border-radius: var(--dm-radius-sm);
  background: color-mix(in srgb, var(--dm-brand) 6%, transparent); font-family: ui-monospace, Consolas, monospace; font-size: 1.375rem;
  font-weight: 700; letter-spacing: .12em; user-select: all; }
/* D-206 #24b p96 Roles by menu: menu row = bold bar with the "all pages" tick; page rows indented; rights folded under "More rights (n)" */
.dm-a-perms tr:has(input.dm-a-mtick) td { background: color-mix(in srgb, var(--dm-brand) 8%, var(--ut-component-background-color)); font-weight: 700;
  border-top: 1px solid var(--dm-line); }
.dm-a-perms tr:has(input.dm-a-mtick) .dm-a-kind { font-weight: 400; }
.dm-a-perms input.dm-a-mtick { width: 22px; height: 22px; accent-color: var(--dm-brand); }
.dm-a-perms tr:has(input.dm-a-tick) td:first-child { padding-left: 32px; }
.dm-a-perms tr:has(input.dm-a-tick[data-kind="act"]) td:first-child { padding-left: 48px; }
.dm-a-perms tr.dm-a-acthide { display: none; }
.dm-a-perms tr:has(.dm-a-acttoggle) td { padding-top: 2px; padding-bottom: 2px; height: 36px; }
/* D-237: the toggle sits in the Permission cell (was absolute on the row: iPhone Safari does not position from a <tr> -> drawn over another row) */
.dm-a-perms .dm-a-acttoggle { color: var(--dm-brand); padding-left: 0; margin: 0; white-space: nowrap; }
.dm-a-perms tr:has(.dm-a-acttoggle) td:first-child { padding-left: 32px; }

/* ================================================================ D-226 (Builder H, 2026-10-24) "less scroll"
   p2 Shop Setup step 1: 2 fields per row (name + phone, city + logo) so "Next" is on the first 1366x768 screen. */
@media (min-width: 900px) {
  #p2_wizard #p2_s1 .row > .col { flex: 0 0 50%; max-width: 50%; }
  #p2_wizard #p2_s1 .t-Form-fieldContainer { max-width: 100%; }
  #p2_wizard > .t-Region-bodyWrap > .t-Region-body { padding: 0 24px 12px; }
}
/* reports p81-89 + p97: compact toolbar / totals, tighter header (first rows higher) */
.dm-a-rpt .t-Region-header { padding-top: 6px; padding-bottom: 6px; min-height: 0; }
.dm-a-rpt .a-IRR-pagination, .dm-a-rpt .a-IRR-paginationWrap { padding-top: 4px; padding-bottom: 4px; }