/* dm_ops.css - module styles (ops pages 60-65 only; selectors carry the page / region ids). Owner: the ops module (D-136).
   Tokens from app.css (--dm-*, --ut-*), no hex colours, no inline styles. */

/* ---------------------------------------------------------------- shared: desktop list vs phone cards (rule 1: cards below 640 px) */
.p60-phone, .p64-phone { display: none; }
@media (max-width: 640px) {
  .p60-desk, .p64-desk { display: none; }
  .p60-phone, .p64-phone { display: block; }
}
.p60-kv { display: block; font-size: 13px; line-height: 20px; }
.p60-k { color: var(--dm-muted); margin-right: 4px; }
.dm-amount input, input.dm-amount { font-variant-numeric: tabular-nums; }

/* ---------------------------------------------------------------- p60 Employees */
#p60_employees .a-IRR-table td { padding-top: 6px; padding-bottom: 6px; vertical-align: middle; cursor: pointer; }
#p60_employees .a-IRR-table td a .fa { font-size: 15px; }
.p60-img { object-fit: cover; }
.p60-img--N, .p60-av--Y { display: none; }
/* row edge: expired red, expiring amber, inactive / others plain (BR4) */
#p60_employees tr:has(.p60-edge--EXPIRED) td:first-child { box-shadow: inset 3px 0 0 var(--dm-bad); }
#p60_employees tr:has(.p60-edge--EXPIRING) td:first-child { box-shadow: inset 3px 0 0 var(--dm-warn); }
.p60-pill--EXPIRED { color: var(--dm-bad); }
.p60-pill--EXPIRING { color: var(--dm-warn); }
.p60-pill--ACTIVE { color: var(--dm-ok); }
.p60-pill--NO_CONTRACT, .p60-pill--INACTIVE { color: var(--dm-muted); }
.p60-renew--N { display: none !important; }
.p60-card--EXPIRED { border-left: 3px solid var(--dm-bad); }
.p60-card--EXPIRING { border-left: 3px solid var(--dm-warn); }
#p60_total td { border: 0; color: var(--dm-muted); font-size: 13px; padding: 8px 4px; }
#p60_total .t-Report-wrap, #p60_total table { border: 0; background: transparent; }

/* ---------------------------------------------------------------- p61 Employee form */
.p61-head .a-CardView-badge { white-space: normal; }

/* ---------------------------------------------------------------- p63 Galla */
.p63-sub { margin: 0 0 8px; color: var(--dm-muted); font-size: 14px; }
.p63-close .p63-big .t-Form-itemText, .p63-close .p63-big, #P63_EXPECTED_DISP_DISPLAY {
  font-size: 24px; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--dm-brand);
}
.p63-big-input input, input.p63-big-input { font-size: 20px; font-weight: 600; }
.p63-diff, #P63_DIFF_DISPLAY { font-size: 18px; font-weight: 700; }
.p63-diff--OK { color: var(--dm-ok); }
.p63-diff--BAD { color: var(--dm-bad); }
.p63-diff--WARN { color: var(--dm-warn); }
.p63-tile--bad .a-CardView-subTitle { color: var(--dm-bad) !important; }
.p63-tile--warn .a-CardView-subTitle { color: var(--dm-warn) !important; }
.p63-tile--ok .a-CardView-subTitle { color: var(--dm-ok) !important; }
.p63-tile--main .a-CardView-subTitle { color: var(--dm-brand) !important; }
.p63-tiles .a-CardView-item { min-width: 170px; }
.p63-dir--IN { color: var(--dm-ok); }
.p63-dir--OUT { color: var(--dm-bad); }
.p63-amt--OUT { color: var(--dm-bad); }
.p63-what--OPEN, .p63-what--TOTAL, .p63-amt--OPEN, .p63-amt--TOTAL { font-weight: 700; }
.p63-what--TOTAL, .p63-amt--TOTAL { color: var(--dm-brand); }
.p63-phone-sub { display: none; }
.p63-open-days .t-Region-header { color: var(--dm-warn); }
.p63-open-days td { border: 0; padding: 4px 0; }
.p63-open-link { min-height: 40px; }
.p63-closed .t-Region-header { color: var(--dm-ok); }
@media (max-width: 640px) {
  .p63-book .p63-desk-col { display: none; }
  /* D-249 B-11: the column class sits on the cell content, the empty Ref / By cells kept 64 px and pushed "Rs." off its column */
  .p63-book td[headers="REF_NO"], .p63-book td[headers="BY_USER"] { display: none; }
  .p63-book th:nth-child(3), .p63-book th:nth-child(4) { display: none; }
  .p63-phone-sub { display: block; white-space: normal; }
  .p63-tiles .a-CardView-item { min-width: 0; width: calc(50% - 8px); }
  .p63-book td { white-space: normal; }
  #p63_last td[headers="CLOSED_BY"], #p63_last th#CLOSED_BY, #p63_last td[headers="SHOULD_BE"], #p63_last th#SHOULD_BE { display: none; }
  #p63_last td { white-space: nowrap; }
}

/* ---------------------------------------------------------------- p64 Expenses */
.p64-cancel { --a-button-text-color: var(--dm-bad); }
.p64-cancel--N { display: none; }
.p64-amt--CANCELLED { text-decoration: line-through; color: var(--dm-muted); }
.dm-pill--CANCELLED { color: var(--dm-bad); }
.p64-card--CANCELLED { opacity: .75; }
.p64-card .p64-cancel { margin-top: 8px; min-height: 40px; }
.p64-notes { white-space: normal; }

/* ---------------------------------------------------------------- p65 Net Profit */
.p65-sum { font-weight: 700; }
.p65-bad { color: var(--dm-bad); }
.p65-note { color: var(--dm-muted); font-style: italic; }
.p65-kpi--net .a-CardView-subTitle { color: var(--dm-ok) !important; }
@media (max-width: 640px) {
  .p65-tiles .a-CardView-items--grid { grid-template-columns: 1fr 1fr; }
}

/* ================================================================ ROUND 5 (D-152 mockup fidelity) */
/* title bar: 22 px bold title + grey sub line under it (mockup .dm-page-title) */
.dm-o-sub { display: block; font-size: 13px; font-weight: 400; color: var(--dm-muted); margin-top: 4px; line-height: 1.3; }
.t-BreadcrumbRegion-titleText:has(.dm-o-sub) { font-size: 22px; font-weight: 700; line-height: 1.2; }
/* toolbar card: search + Filters left, New Employee right, one row; the list card is glued under it */
.dm-o-bar { margin-bottom: 0 !important; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.dm-o-bar > .t-Region-header { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); padding: 0; border: 0; }
.dm-o-bar > .t-Region-bodyWrap { display: flex; flex-direction: row; align-items: flex-start; }
.dm-o-bar > .t-Region-bodyWrap > .t-Region-buttons--top { order: 2; padding: 12px 16px 12px 0; border: 0; background: transparent; }
.dm-o-bar > .t-Region-bodyWrap > .t-Region-buttons--bottom { display: none; }
.dm-o-bar > .t-Region-bodyWrap > .t-Region-body { order: 1; flex: 1 1 auto; min-width: 0; padding: 12px 16px; }
.dm-o-bar > .t-Region-bodyWrap > .t-Region-body > .container { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px; }
.dm-o-bar > .t-Region-bodyWrap > .t-Region-body > .container > .row { margin: 0; flex: 0 0 auto; }
.dm-o-bar > .t-Region-bodyWrap > .t-Region-body > .container > .row:first-child { flex: 0 1 360px; min-width: 200px; }
.dm-o-bar > .t-Region-bodyWrap > .t-Region-body > .container > .row:has(.is-expanded) { flex: 1 0 100%; }
.dm-o-bar > .t-Region-bodyWrap > .t-Region-body > .container > .row > [class*="col"] { padding: 0; }
.dm-o-bar .dm-find .t-Region-body, .dm-o-bar .dm-find { padding: 0; margin: 0; }
.dm-o-bar .dm-find .t-Form-fieldContainer { max-width: none; }
.dm-o-bar .dm-filters { flex: 0 0 auto; margin: 0; border: 0; box-shadow: none; background: transparent; }
.dm-o-bar .dm-filters > .t-Region-header { border: 1px solid var(--dm-info); border-radius: var(--dm-radius); padding: 2px 8px; color: var(--dm-info);
  background: color-mix(in srgb, var(--dm-info) 8%, transparent); min-height: 36px; }
.dm-o-bar .dm-filters > .t-Region-header .t-Region-title { font-size: 13px; font-weight: 600; color: var(--dm-info); }
.dm-o-bar .dm-filters.is-expanded { flex: 1 0 100%; }
.dm-o-bar .t-Form-label, .dm-o-bar .dm-find .t-Form-labelContainer { display: none; }
.dm-o-glued { margin-top: 0 !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; border-top: 0 !important; }
/* initials avatar colour per person (mockup: blue / brown / green / purple / teal tints) */
.p60-av-c0 { background: var(--dm-brand-tint); color: var(--dm-brand); }
.p60-av-c1 { background: color-mix(in srgb, var(--dm-warn) 14%, transparent); color: var(--dm-warn); }
.p60-av-c2 { background: color-mix(in srgb, var(--dm-info) 12%, transparent); color: var(--dm-info); }
.p60-av-c3 { background: color-mix(in srgb, var(--dm-accent) 12%, transparent); color: var(--dm-accent); }
.p60-av-c4 { background: color-mix(in srgb, var(--dm-teal) 12%, transparent); color: var(--dm-teal); }
/* row actions: edit + renew icons in the first column */
.p60-acts { display: inline-flex; align-items: center; gap: 10px; white-space: nowrap; }
.p60-acts a, .p60-acts button { background: none; border: 0; padding: 4px; cursor: pointer; color: var(--dm-muted); font-size: 15px; min-height: 0; }
.p60-acts a:hover, .p60-acts button:hover { color: var(--dm-brand); }
/* status pill with icon, tinted (Valid green, Expires orange, Expired red); "No contract dates" plain text */
.p60-pill { border-color: color-mix(in srgb, currentColor 35%, transparent); background: color-mix(in srgb, currentColor 8%, transparent); }
.p60-pill--NO_CONTRACT, .p60-pill--INACTIVE { border: 0; background: none; padding: 0; font-weight: 400; font-size: 13px; }
#p60_employees tr:has(.p60-edge--EXPIRED) td { background: color-mix(in srgb, var(--dm-bad) 6%, transparent); }
#p60_employees tr:has(.p60-edge--EXPIRING) td { background: color-mix(in srgb, var(--dm-warn) 5%, transparent); }
#p60_employees .a-IRR-table th .a-IRR-headerLink, #p60_employees .a-IRR-table th { font-weight: 600; }
/* salary total = card footer under the list */
#p60_total { margin-top: -13px; background: var(--ut-component-background-color); border: 1px solid var(--ut-component-border-color);
  border-top: 0; border-radius: 0 0 var(--dm-radius) var(--dm-radius); padding: 0 12px; }
@media (max-width: 640px) { #p60_total { margin-top: 0; border-top: 1px solid var(--ut-component-border-color); border-radius: var(--dm-radius); } }
#p60_total td.p60-foot { text-align: right; }
/* phone cards (mockup): avatar + name + s/o, icons right, label-above-value grid */
.p60-ch { display: flex; align-items: center; gap: 8px; width: 100%; }
.p60-cn { flex: 1 1 auto; min-width: 0; }
.p60-cn .dm-sub { white-space: normal; }
.p60-card .a-CardView-title { width: 100%; }
.p60-g { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 12px; }
.p60-g .p60-kv { font-size: 13px; line-height: 18px; }
.p60-g .p60-kv--full { grid-column: 1 / -1; }
.p60-g .p60-k { display: block; font-size: 11px; margin: 0 0 2px; }
.p60-card--EXPIRED { background: color-mix(in srgb, var(--dm-bad) 6%, var(--ut-component-background-color)); }
.p60-card--EXPIRING { background: color-mix(in srgb, var(--dm-warn) 5%, var(--ut-component-background-color)); }
/* ops dialogs (p61 Employee, p62 Add Expense): mockup form look */
.ui-dialog.dm-ops-dialog .ui-dialog-title { font-size: 18px; font-weight: 700; }
.dm-o-form .t-Form-itemRequired-marker { display: none; }
.dm-o-form .is-required .t-Form-labelContainer .t-Form-label::after { content: " *" !important; color: var(--dm-bad); display: inline !important; position: static !important; }
.dm-ops-form .p61-intro { margin: 0 0 4px; }
.dm-ops-form .p61-intro .t-Region-body, .dm-ops-form .p61-intro { padding: 0 4px; color: var(--dm-muted); font-size: 14px; }
.dm-ops-form .p61-flat { margin: 0; }
.dm-ops-form .p61-flat > .t-Region-bodyWrap > .t-Region-body { padding: 4px 0; }
/* "More details" = green link + grey hint (closed) */
.dm-o-more { border: 0; box-shadow: none; background: transparent; margin-top: 4px; }
.dm-o-more > .t-Region-header { border: 0; background: transparent; padding: 4px 0; }
.dm-o-more > .t-Region-header .t-Region-title { color: var(--dm-brand); font-size: 14px; font-weight: 700; }
.dm-o-more .dm-o-hint { margin-left: 8px; font-size: 12px; font-weight: 400; color: var(--dm-muted); }
.dm-o-more > .t-Region-header .t-Button--hideShow { color: var(--dm-brand); background: transparent; box-shadow: none; }
.dm-o-more--dashed { border: 1px dashed var(--ut-component-border-color); border-radius: var(--dm-radius); padding: 0 8px; }
/* dialog footer: grey bar, Cancel soft grey left, primary right */
.dm-o-foot, .t-Dialog-footer:has(.dm-o-foot) { background: color-mix(in srgb, var(--dm-muted) 8%, var(--ut-component-background-color)) !important; }
.dm-o-foot #dm_cancel { background: color-mix(in srgb, var(--dm-muted) 10%, transparent); border: 1px solid var(--ut-component-border-color); }
/* p63 Galla (round 5) */
#p63_open_days { border-left: 4px solid var(--dm-warn); }
#p63_open_days > .t-Region-header { border: 0; padding-bottom: 0; }
#p63_open_days > .t-Region-header .t-Region-title { color: var(--ut-body-text-color, inherit); font-size: 14px; font-weight: 700; }
#p63_open_days > .t-Region-header .t-Region-headerIcon { display: inline-flex; }
#p63_open_days .t-Region-headerIcon .t-Icon { color: var(--dm-warn); background: color-mix(in srgb, var(--dm-warn) 14%, transparent); border-radius: 50%; padding: 6px; }
#p63_open_days .t-Report-report tbody, #p63_open_days .t-Report-report { display: block; }
#p63_open_days .t-Report-report tr { display: inline; }
#p63_open_days .t-Report-report td { display: inline; border: 0; padding: 0; }
#p63_open_days .t-Report-report tr + tr td::before { content: " \00b7 "; color: var(--dm-muted); }
#p63_open_days .t-Report-wrap, #p63_open_days .t-Report-tableWrap { border: 0; }
.p63-open-link { font-size: 12px; color: var(--dm-brand); min-height: 0 !important; }
#P63_EXPECTED_DISP_CONTAINER { background: color-mix(in srgb, var(--dm-info) 8%, transparent); border: 1px solid color-mix(in srgb, var(--dm-info) 25%, transparent);
  border-radius: var(--dm-radius); padding: 14px 16px; display: flex; align-items: center; justify-content: space-between; }
#P63_EXPECTED_DISP_CONTAINER .t-Form-labelContainer { position: static; padding: 0; }
#P63_EXPECTED_DISP_CONTAINER .t-Form-label { position: static; transform: none; font-size: 14px; font-weight: 600; color: var(--ut-body-text-color, inherit); }
#P63_EXPECTED_DISP_CONTAINER .t-Form-inputContainer { text-align: right; padding: 0; }
#P63_EXPECTED_DISP_CONTAINER .t-Form-itemWrapper, #P63_EXPECTED_DISP { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0; }
#P63_EXPECTED_DISP { font-size: 24px; font-weight: 700; color: var(--ut-body-text-color, inherit); }
#p63_close > .t-Region-bodyWrap { display: flex; flex-direction: column; }
#p63_close > .t-Region-bodyWrap > .t-Region-buttons--top { order: 3; padding: 0 16px 16px; border: 0; }
#p63_close .t-Region-buttons { justify-content: flex-start; }
#p63_close .t-Region-buttons-left:empty { display: none; }
#p63_close > .t-Region-bodyWrap > .t-Region-buttons--top .t-Region-buttons-right:empty { display: none; }
.p63-close #p63_close_day { font-size: 14px; }
/* KPI tiles: tinted, no icon, label small coloured, big bold value (mockup) */
#p63_tiles .a-CardView-items { display: flex !important; flex-wrap: wrap; gap: 12px; }
#p63_tiles .a-CardView-items::before, #p63_tiles .a-CardView-items::after { display: none; }
#p63_tiles .a-CardView-item { min-width: 0 !important; width: auto !important; flex: 1 1 200px; margin: 0 !important; }
#p63_tiles .a-CardView { border-radius: var(--dm-radius); box-shadow: none; }
#p63_tiles .a-CardView-title { font-size: 12px; font-weight: 600; }
#p63_tiles .a-CardView-subTitle { font-size: 20px !important; font-weight: 700; color: var(--ut-body-text-color, inherit) !important; }
#p63_tiles .a-CardView-item:nth-child(1) .a-CardView, #p63_tiles .a-CardView-item:nth-child(4) .a-CardView {
  background: color-mix(in srgb, var(--dm-info) 7%, var(--ut-component-background-color)); border-color: color-mix(in srgb, var(--dm-info) 25%, transparent); }
#p63_tiles .a-CardView-item:nth-child(1) .a-CardView-title, #p63_tiles .a-CardView-item:nth-child(4) .a-CardView-title { color: var(--dm-info); }
#p63_tiles .a-CardView-item:nth-child(2) .a-CardView { background: color-mix(in srgb, var(--dm-ok) 7%, var(--ut-component-background-color)); border-color: color-mix(in srgb, var(--dm-ok) 25%, transparent); }
#p63_tiles .a-CardView-item:nth-child(2) .a-CardView-title { color: var(--dm-ok); }
#p63_tiles .a-CardView-item:nth-child(3) .a-CardView { background: color-mix(in srgb, var(--dm-accent) 7%, var(--ut-component-background-color)); border-color: color-mix(in srgb, var(--dm-accent) 25%, transparent); }
#p63_tiles .a-CardView-item:nth-child(3) .a-CardView-title { color: var(--dm-accent); }
/* cash book: arrow + text, signed red amounts */
.p63-dir { white-space: nowrap; font-size: 13px; }
.p63-dir--IN .p63-ic-out, .p63-dir--OUT .p63-ic-in, .p63-dir--OPEN .fa, .p63-dir--TOTAL .fa { display: none; }
#p63_book td[headers="REF_NO"] { font-weight: inherit; }
#p63_book tr:has(.p63-what--OPEN) td, #p63_book tr:has(.p63-what--TOTAL) td { font-weight: 700; }
#p63_book .p63-what--TOTAL, #p63_book .p63-amt--TOTAL { color: inherit; }
/* not in the galla: one column per method, small caps label + bold amount */
#p63_noncash .t-Report-report, #p63_noncash .t-Report-report tbody { display: block; width: 100%; }
#p63_noncash .t-Report-report tbody { display: flex; flex-wrap: wrap; }
#p63_noncash .t-Report-report tr { display: flex; flex-direction: column; flex: 1 1 30%; min-width: 140px; }
#p63_noncash .t-Report-report td { border: 0; text-align: left !important; padding: 2px 0; }
#p63_noncash td[headers="LABEL"] { text-transform: uppercase; font-size: 11px; letter-spacing: .3px; color: var(--dm-muted); }
#p63_noncash td[headers="AMOUNT_TEXT"] { font-weight: 700; font-size: 15px; }
#p63_noncash .t-Report-wrap, #p63_noncash .t-Report-tableWrap { border: 0; }
/* other day: date + round chips */
#p63_other .t-Region-body > .container { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
#p63_other .t-Region-body > .container > .row { margin: 0; }
#p63_other .t-Region-body > .container > .row:first-child { flex: 0 1 520px; }
.p63-chips .t-Report-report, .p63-chips tbody { display: flex; gap: 4px; }
.p63-chips tr, .p63-chips td { display: block; border: 0; padding: 0; }
.p63-chips .t-Report-wrap, .p63-chips .t-Report-tableWrap { border: 0; background: transparent; }
.p63-chip { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 50%; font-size: 12px;
  border: 1px solid currentColor; }
.p63-chip--WARN { color: var(--dm-warn); background: color-mix(in srgb, var(--dm-warn) 10%, transparent); }
.p63-chip--OK { color: var(--dm-ok); background: color-mix(in srgb, var(--dm-ok) 10%, transparent); }
/* p64 Expenses (round 5): filter card with icon, tinted tiles glued under it, red ban icon, pill with icon */
#p64_filters { margin-bottom: 0 !important; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
#p64_filters > .t-Region-header .t-Region-title { font-size: 14px; font-weight: 700; }
#p64_filters .t-Form-fieldContainer { max-width: 512px; }
#p64_tiles { background: var(--ut-component-background-color); border: 1px solid var(--ut-component-border-color); border-top: 0;
  border-radius: 0 0 var(--dm-radius) var(--dm-radius); padding: 0 16px 16px; }
#p64_tiles .a-CardView-items { gap: 12px; }
#p64_tiles .a-CardView { border-radius: var(--dm-radius); box-shadow: none; }
#p64_tiles .a-CardView-title { font-size: 12px; font-weight: 600; }
#p64_tiles .a-CardView-subTitle { font-size: 22px !important; font-weight: 700; color: var(--ut-body-text-color, inherit) !important; }
#p64_tiles .a-CardView-item:nth-child(1) .a-CardView { background: color-mix(in srgb, var(--dm-info) 7%, var(--ut-component-background-color)); border-color: color-mix(in srgb, var(--dm-info) 25%, transparent); }
#p64_tiles .a-CardView-item:nth-child(1) .a-CardView-title { color: var(--dm-info); }
#p64_tiles .a-CardView-item:nth-child(2) .a-CardView { background: color-mix(in srgb, var(--dm-accent) 7%, var(--ut-component-background-color)); border-color: color-mix(in srgb, var(--dm-accent) 25%, transparent); }
#p64_tiles .a-CardView-item:nth-child(2) .a-CardView-title { color: var(--dm-accent); }
#p64_tiles .a-CardView-item:nth-child(3) .a-CardView { background: color-mix(in srgb, var(--dm-warn) 7%, var(--ut-component-background-color)); border-color: color-mix(in srgb, var(--dm-warn) 25%, transparent); }
#p64_tiles .a-CardView-item:nth-child(3) .a-CardView-title { color: var(--dm-warn); }
.p64-ico { background: none; border: 0; padding: 4px; cursor: pointer; color: var(--dm-bad); font-size: 15px; }
.p64-pill { border-color: color-mix(in srgb, currentColor 35%, transparent); background: color-mix(in srgb, currentColor 8%, transparent); }
#p64_expenses td[headers="AMOUNT_TEXT"] .dm-money { font-weight: 700; }
#p64_expenses td[headers="CATEGORY_NAME"] { font-weight: 600; }
/* p65 Net Profit (round 5): month card, tinted tiles, summary table on the right half, paper head print-only */
.p65-paper, .dm-o-paper { display: none; }
.p65-month { background: var(--ut-component-background-color); border: 1px solid var(--ut-component-border-color); border-radius: var(--dm-radius); padding: 12px 16px; }
.p65-month .t-Form-fieldContainer { max-width: 512px; }
#p65_tiles .a-CardView-items { gap: 12px; }
#p65_tiles .a-CardView { border-radius: var(--dm-radius); box-shadow: none; }
#p65_tiles .a-CardView-title { font-size: 12px; font-weight: 600; }
#p65_tiles .a-CardView-subTitle { font-size: 20px !important; font-weight: 700; color: var(--ut-body-text-color, inherit) !important; }
#p65_tiles .a-CardView-item:nth-child(1) .a-CardView { background: color-mix(in srgb, var(--dm-info) 7%, var(--ut-component-background-color)); border-color: color-mix(in srgb, var(--dm-info) 25%, transparent); }
#p65_tiles .a-CardView-item:nth-child(1) .a-CardView-title { color: var(--dm-info); }
#p65_tiles .a-CardView-item:nth-child(2) .a-CardView { background: color-mix(in srgb, var(--dm-ok) 7%, var(--ut-component-background-color)); border-color: color-mix(in srgb, var(--dm-ok) 25%, transparent); }
#p65_tiles .a-CardView-item:nth-child(2) .a-CardView-title { color: var(--dm-ok); }
#p65_tiles .a-CardView-item:nth-child(3) .a-CardView { background: color-mix(in srgb, var(--dm-warn) 7%, var(--ut-component-background-color)); border-color: color-mix(in srgb, var(--dm-warn) 25%, transparent); }
#p65_tiles .a-CardView-item:nth-child(3) .a-CardView-title { color: var(--dm-warn); }
#p65_tiles .a-CardView.dm-kpi--bad { background: color-mix(in srgb, var(--dm-bad) 7%, var(--ut-component-background-color)); border-color: color-mix(in srgb, var(--dm-bad) 25%, transparent); }
#p65_tiles .a-CardView.dm-kpi--bad .a-CardView-title { color: var(--dm-bad); }
#p65_tiles .a-CardView.p65-kpi--net { background: color-mix(in srgb, var(--dm-ok) 7%, var(--ut-component-background-color)); border-color: color-mix(in srgb, var(--dm-ok) 25%, transparent); }
#p65_tiles .a-CardView.p65-kpi--net .a-CardView-title { color: var(--dm-ok); }
#p65_tiles .dm-kpi--bad .a-CardView-subTitle { color: var(--ut-body-text-color, inherit) !important; }
.p65-range { float: right; font-size: 12px; font-weight: 400; color: var(--dm-muted); }
#p65_lines .t-Region-title { width: 100%; }
#p65_lines .t-Report-wrap { width: 50%; min-width: 300px; margin-left: auto; border: 0; }
#p65_lines .t-Report-report td { border-left: 0; border-right: 0; }
#p65_lines tr:has(.p65-sum) td { border-top: 1px solid var(--ut-component-border-color); }
#p65_lines .p65-note { font-style: normal; white-space: normal; margin-top: 12px; }
@media (max-width: 640px) { #p65_lines .t-Report-wrap { width: 100%; min-width: 0; } }
@media (max-width: 640px) {
  #p63_tiles .a-CardView-items { grid-template-columns: 1fr 1fr; }
  #P63_EXPECTED_DISP { font-size: 20px; }
  #p63_tiles .a-CardView-item { flex: 1 1 40%; }
}
@media (max-width: 640px) {
  .dm-o-bar > .t-Region-bodyWrap { flex-direction: column; }
  .dm-o-bar > .t-Region-bodyWrap > .t-Region-buttons--top { padding: 0 12px 12px; }
  .dm-o-bar > .t-Region-bodyWrap > .t-Region-body { width: 100%; padding: 12px; }
  .dm-o-bar > .t-Region-bodyWrap > .t-Region-body > .container > .row:first-child { flex: 1 1 100%; }
}

/* ---------------------------------------------------------------- print: paper light, buttons / filters hidden */
/* round 5 (D-158): the ops papers print like the mockup paper - title + sub line on top (dm_print.css hides title bars app-wide,
   these pages show it again), light paper + black ink also when the user works in the dark theme, tinted KPI tiles kept,
   no buttons / filters / forms / navigation. Scoped by the page's own region ids. */
@media print {
  .t-Header, .t-Body-nav, .t-BreadcrumbRegion-buttons, .p63-close, #p63_other, #p63_open_days, .dm-filters, .dm-o-bar, .p65-month,
  .a-IRR-toolbar, .t-Region-headerItems--buttons, .p60-acts, .p64-cancel, #p60_cards, #p64_cards { display: none !important; }
  .t-Body-content, .t-Region { background: transparent; }
  body:has(#p60_title, #p63_title, #p64_title, #p65_title) { --ut-component-background-color: Canvas; --ut-body-text-color: CanvasText;
    --ut-component-border-color: GrayText; --dm-muted: GrayText; color-scheme: light; }
  body:has(#p60_title, #p63_title, #p64_title, #p65_title) .t-Body-content * { color: CanvasText !important; }
  body:has(#p60_title, #p63_title, #p64_title, #p65_title) .t-Body-title { display: block !important; position: static !important;
    margin: 0 !important; padding: 10mm 12mm 0 !important; background: Canvas !important; border: 0 !important; box-shadow: none !important; }
  body:has(#p60_title, #p63_title, #p64_title, #p65_title) .t-Body-title * { color: CanvasText !important; }
  body:has(#p60_title, #p63_title, #p64_title, #p65_title) .t-Body-title .t-BreadcrumbRegion { display: block !important; padding: 0 !important; }
  body:has(#p60_title, #p63_title, #p64_title, #p65_title) .t-Body-title .t-BreadcrumbRegion-buttons { display: none !important; }
  body:has(#p60_title, #p63_title, #p64_title, #p65_title) .t-Body-contentInner { padding-top: 4mm !important; }
  .dm-o-sub { color: GrayText !important; }
  .p65-paper, .dm-o-paper { display: block !important; text-align: center; padding-bottom: 3mm; margin-bottom: 4mm; border-bottom: 1px dashed GrayText; }
  .p65-ph-shop { font-size: 16pt; font-weight: 700; }
  .p65-ph-sub { font-size: 9pt; color: GrayText !important; }
  #p63_tiles .a-CardView, #p65_tiles .a-CardView { border: 1px solid GrayText !important; border-radius: 6px; }
  #p63_tiles .a-CardView-items, #p65_tiles .a-CardView-items { display: flex !important; flex-wrap: nowrap; gap: 3mm; }
  #p63_tiles .a-CardView-item, #p65_tiles .a-CardView-item { flex: 1 1 0; }
  .t-Region { border: 1px solid GrayText !important; border-radius: 6px; padding: 2mm 3mm; }
  .p65-paper.t-Region, .p65-paper, #p63_tiles, #p65_tiles, .t-BreadcrumbRegion { border: 0 !important; }
  #p63_tiles .a-CardView-subTitle, #p65_tiles .a-CardView-subTitle { font-size: 14pt !important; font-weight: 700; }
  #p60_employees, #p64_expenses, #p64_filters { display: block !important; }
  #p64_filters #dm_reset { display: none !important; }
  body:has(#p64_title) select, body:has(#p64_title) .t-Form-fieldContainer, body:has(#p64_title) .t-Form-inputContainer,
  body:has(#p64_title) .t-Form-itemWrapper { background: Canvas !important; color: CanvasText !important; border-color: GrayText !important; }
  .a-IRR-table th, .a-IRR-table td { border-left: 0 !important; border-right: 0 !important; }
  .a-IRR-header--fixed, .js-stickyTableHeader { position: static !important; }
  #p64_tiles { border: 0 !important; padding: 2mm 0 0 !important; }
  #p63_tiles .a-CardView-item:nth-child(1) .a-CardView, #p63_tiles .a-CardView-item:nth-child(4) .a-CardView,
  #p65_tiles .a-CardView-item:nth-child(1) .a-CardView { background: color-mix(in srgb, var(--dm-info) 8%, Canvas) !important; }
  #p63_tiles .a-CardView-item:nth-child(2) .a-CardView, #p65_tiles .a-CardView-item:nth-child(2) .a-CardView,
  #p65_tiles .a-CardView.p65-kpi--net { background: color-mix(in srgb, var(--dm-ok) 8%, Canvas) !important; }
  #p63_tiles .a-CardView-item:nth-child(3) .a-CardView { background: color-mix(in srgb, var(--dm-accent) 8%, Canvas) !important; }
  #p65_tiles .a-CardView-item:nth-child(3) .a-CardView { background: color-mix(in srgb, var(--dm-warn) 8%, Canvas) !important; }
  #p65_tiles .a-CardView.dm-kpi--bad { background: color-mix(in srgb, var(--dm-bad) 8%, Canvas) !important; }
  #p63_book td, #p63_last td, #p63_noncash td, #p65_lines td, #p65_bytype td, #p63_book th, #p63_last th { border-left: 0 !important; border-right: 0 !important; }
  #p63_book .t-Report-wrap, #p63_last .t-Report-wrap, #p65_lines .t-Report-wrap, #p65_bytype .t-Report-wrap { border: 0 !important; }
  /* C2 2026-10-21 (owner-approved): galla paper = ALL totals on page 1 (day closed result, tiles, not in the galla), the cash lines after them */
  body:has(#p63_title) .t-Body-contentInner > .container { display: flex !important; flex-direction: column; }
  body:has(#p63_title) .t-Body-contentInner > .container > .row:has(#p63_book) { order: 8; }
  body:has(#p63_title) .t-Body-contentInner > .container > .row:has(#p63_last) { order: 9; }
}
/* C2 2026-10-21: p63 "Count by notes" helper (notes x value + coins -> Cash counted) */
#p63_count .p63-count-help { margin: 0 0 8px; }
#p63_count .p63-cnt input { text-align: right; font-variant-numeric: tabular-nums; }
#P63_NTOTAL_CONTAINER .t-Form-itemText, #P63_NTOTAL_DISPLAY, span#P63_NTOTAL { font-size: 16px; font-weight: 700; }
@media (max-width: 640px) { #p63_count .col-3 { flex: 0 0 50%; max-width: 50%; } }

/* ALIGN-3 (round 7): a key/value line with a badge keeps badge and text on one centre line */
.p60-kv:has(.dm-pill) { display: flex; align-items: center; flex-wrap: wrap; gap: 0 .35rem; }

/* D-198 (owner 2026-10-21): employee photo over the initials avatar (no separate media block): a missing / broken photo shows the initials (app.js removes it) */
.p61-head .a-CardView-header { display: flex; align-items: center; gap: 14px; }
.p61-head .p61-ava { display: inline-grid; place-items: center; flex: none; width: 64px; height: 64px; border-radius: 50%; font-size: 1.4rem; font-weight: 700;
  background: color-mix(in srgb, var(--dm-info) 14%, var(--ut-component-background-color)); color: var(--dm-info); }
/* ======================================================================= D-226 (Builder G, 2026-10-24) "less scroll" p63
   Owner rule: main action on the first screen at 1366x768. Layout only: earlier-day notice = one thin strip (title + Close links
   in one line), compact Close-the-day header - Close Day button on the first screen. */
#p63_open_days { display: flex; flex-wrap: wrap; align-items: center; gap: 0 1rem; margin-bottom: .75rem; }
#p63_open_days > .t-Region-header { flex: 0 0 auto; padding-top: .35rem; padding-bottom: .35rem; }
#p63_open_days > .t-Region-header .t-Region-headerItems { padding-top: 0; padding-bottom: 0; }
#p63_open_days > .t-Region-bodyWrap { flex: 1 1 200px; }
#p63_open_days > .t-Region-bodyWrap > .t-Region-body { padding: .35rem 1rem; }
#p63_close { margin-bottom: .75rem; }
#p63_close > .t-Region-header { padding-top: .25rem; }
#p63_close > .t-Region-header .t-Region-headerItems { padding-top: .35rem; padding-bottom: .35rem; }
#p63_close > .t-Region-bodyWrap > .t-Region-body { padding-top: .25rem; }
#p63_close .t-Region--noBorder > .t-Region-header .t-Region-headerItems { padding-top: .25rem; padding-bottom: .25rem; }
/* ======================================================================= end D-226 (Builder G p63) */