/* Receipt boundaries dominate; group subtotals remain visually secondary. */
.expense-matrix-page [data-expense-request-view] .finance-list{gap:24px}
.expense-matrix-page [data-expense-request-view] .finance-section{background:var(--surface-soft);padding:16px}
.expense-matrix-page .expense-request-card[class]{container:expense-receipt/inline-size;padding:0!important;border:2px solid #29496f!important;border-top:4px solid #123255!important;border-radius:14px!important;background:var(--surface)!important;box-shadow:0 4px 16px #14213d12!important}
.expense-matrix-page .expense-request-card .expense-request-head{grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:16px!important;border:0;background:#123255;color:#f8fafc}
.expense-matrix-page .expense-history-identity{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 14px;align-items:center}
.expense-matrix-page .expense-history-identity>.expense-receipt-code{grid-column:1;grid-row:1;justify-self:start;padding:3px 7px;border:1px solid #ffffff40;border-radius:5px;color:#e2ecff;font-size:10px;font-weight:800;letter-spacing:.04em;line-height:1.4;overflow-wrap:anywhere}
.expense-matrix-page .expense-history-identity>strong{grid-column:1;grid-row:2;color:#fff;font-size:16px!important;line-height:1.4}
.expense-matrix-page .expense-receipt-meta{grid-column:1;grid-row:3;color:#c7d6ed;font-size:10px;line-height:1.4}
.expense-matrix-page .expense-receipt-total{grid-column:2;grid-row:1/4;display:grid;gap:5px;text-align:right;align-content:center}
.expense-matrix-page .expense-receipt-total>span{color:#c7d6ed;font-size:9px;font-weight:800;letter-spacing:.07em}
.expense-matrix-page .expense-request-head .expense-receipt-total>b{color:#fff;font-size:24px!important;line-height:1.25;white-space:nowrap;font-variant-numeric:tabular-nums}
.expense-matrix-page .expense-history-state{min-width:140px}
.expense-matrix-page .expense-history-state>.status-SUBMITTED{background:#fef3c7;color:#92400e}
.expense-matrix-page .expense-history-state>.status-APPROVED{background:#dcfce7;color:#166534}
.expense-matrix-page .expense-history-state>.status-PAID{background:#cffafe;color:#155e75}
.expense-matrix-page .expense-history-state>.status-REJECTED,.expense-matrix-page .expense-history-state>.status-CANCELLED{background:#ffe4e6;color:#9f1239}
.expense-matrix-page .expense-history-date{color:#c7d6ed}
.expense-matrix-page .expense-history-date:hover,.expense-matrix-page .expense-history-date i{color:#fff}
.expense-matrix-page .expense-history-toggle{color:#fff;background:#ffffff12;border-color:#ffffff40}
.expense-matrix-page .expense-request-detail{border:0;background:var(--surface-soft)}
.expense-matrix-page .expense-request-detail>.expense-groups{gap:12px;margin:0;padding:14px}
.expense-matrix-page .expense-request-card .expense-group{--er-tone:#2563eb;border:1px solid color-mix(in srgb,var(--er-tone) 28%,var(--line))!important;border-left:3px solid var(--er-tone)!important;border-radius:10px!important;background:var(--surface)!important}
.expense-matrix-page .expense-request-card .expense-group[data-expense-group-tone="2"]{--er-tone:#7c3aed}
.expense-matrix-page .expense-request-card .expense-group[data-expense-group-tone="3"]{--er-tone:#0f766e}
.expense-matrix-page .expense-request-card .expense-group[data-expense-group-tone="outside"]{--er-tone:#b45309}
.expense-matrix-page .expense-request-card .expense-group h4{display:flex;align-items:flex-start;gap:9px;padding:10px 12px;line-height:1.4;font-size:13px;background:color-mix(in srgb,var(--er-tone) 9%,var(--surface))!important;color:var(--text)!important;overflow-wrap:anywhere}
.expense-matrix-page .expense-group-index{display:grid;place-items:center;flex-shrink:0;min-width:25px;height:25px;padding:0 4px;border-radius:6px;background:var(--er-tone);color:#fff;font-size:11px;font-weight:800}
.expense-matrix-page .expense-lines{padding:2px 12px}
.expense-matrix-page .expense-request-card .expense-lines p{--er-item:#475569;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)!important;font-size:13px;line-height:1.45}
.expense-matrix-page .expense-request-card .expense-lines p:last-child{border-bottom:0!important}
.expense-matrix-page .expense-lines p>span{min-width:0;gap:4px}
.expense-matrix-page .expense-lines p[data-expense-category="LIFT"]{--er-item:#2563eb}
.expense-matrix-page .expense-lines p[data-expense-category="DROP"]{--er-item:#b45309}
.expense-matrix-page .expense-lines p[data-expense-category="VST"]{--er-item:#7c3aed}
.expense-matrix-page .expense-lines p[data-expense-category="BOT"]{--er-item:#0f766e}
.expense-matrix-page .expense-lines p .expense-item-label{display:inline-flex;width:fit-content;padding:2px 7px;border-radius:5px;background:color-mix(in srgb,var(--er-item) 10%,var(--surface));color:color-mix(in srgb,var(--er-item) 80%,var(--text));font-size:12px;font-weight:700}
.expense-matrix-page .expense-lines p>b{flex-shrink:0;white-space:nowrap;color:var(--text);font-size:14px;font-variant-numeric:tabular-nums}
.expense-matrix-page .expense-request-card .expense-lines small{font-size:11px;line-height:1.45;color:var(--muted)!important;overflow-wrap:anywhere}
.expense-matrix-page .expense-request-card .expense-group footer{padding:9px 12px;border-top:1px solid var(--line);background:var(--surface-soft)!important;color:var(--muted)!important;font-size:11px;font-weight:600}
.expense-matrix-page .expense-group footer>strong{color:var(--text);font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}
.expense-matrix-page .expense-request-note{margin:0;padding:0 14px 12px;font-size:11px}
.expense-matrix-page .expense-request-detail>.finance-actions{margin:0;padding:12px 14px!important;border-top:1px solid var(--line);background:var(--surface)}
.expense-matrix-page .expense-request-detail>.finance-actions button{font-size:11px;min-height:38px}
.expense-matrix-page .expense-receipt-end{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-top:2px solid #29496f;background:color-mix(in srgb,#123255 7%,var(--surface));color:var(--muted);font-size:10px;line-height:1.5}
.expense-matrix-page .expense-receipt-end>span:first-child{display:grid;gap:2px;letter-spacing:.02em}
.expense-matrix-page .expense-receipt-end>span:last-child{text-align:right}
.expense-matrix-page .expense-receipt-end b{color:var(--text);font-size:11px}
.expense-matrix-page .expense-receipt-end strong{display:block;color:var(--text);font-size:16px;font-variant-numeric:tabular-nums}
@container expense-receipt (max-width:540px){
  .expense-matrix-page .expense-request-card .expense-request-head{grid-template-columns:minmax(0,1fr);gap:12px;padding:12px!important}
  .expense-matrix-page .expense-history-identity{gap:4px 10px}
  .expense-matrix-page .expense-history-identity>strong{font-size:14px!important}
  .expense-matrix-page .expense-history-identity>.expense-receipt-code{font-size:9px;letter-spacing:0}
  .expense-matrix-page .expense-request-head .expense-receipt-total>b{font-size:20px!important}
  .expense-matrix-page .expense-history-state{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
  .expense-matrix-page .expense-history-state>[class^="status-"]{font-size:9px;padding:4px 8px}
  .expense-matrix-page .expense-history-date{margin-left:auto;font-size:10px;max-width:none;padding:4px 0}
  .expense-matrix-page .expense-history-toggle{width:32px;height:32px}
}
@media(max-width:600px){
  .expense-matrix-page [data-expense-request-view] .finance-section{padding:10px!important}
  .expense-matrix-page [data-expense-request-view] .finance-list{gap:20px}
  .expense-matrix-page .expense-request-card .expense-request-head{grid-template-columns:minmax(0,1fr);gap:12px;padding:12px!important}
  .expense-matrix-page .expense-history-identity{gap:4px 10px}
  .expense-matrix-page .expense-history-identity>strong{font-size:14px!important}
  .expense-matrix-page .expense-history-identity>.expense-receipt-code{font-size:9px;letter-spacing:0}
  .expense-matrix-page .expense-request-head .expense-receipt-total>b{font-size:20px!important}
  .expense-matrix-page .expense-history-state{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
  .expense-matrix-page .expense-history-state>[class^="status-"]{font-size:9px;padding:4px 8px}
  .expense-matrix-page .expense-history-date{margin-left:auto;font-size:10px;max-width:none;padding:4px 0}
  .expense-matrix-page .expense-history-toggle{width:32px;height:32px}
  .expense-matrix-page .expense-request-detail>.expense-groups{padding:10px;gap:10px}
  .expense-matrix-page .expense-request-card .expense-group h4{font-size:12px;padding:9px 10px;gap:7px}
  .expense-matrix-page .expense-lines{padding:2px 10px}
  .expense-matrix-page .expense-lines p>b{font-size:13px}
  .expense-matrix-page .expense-request-detail>.finance-actions{padding:10px!important;gap:6px}
  .expense-matrix-page .expense-request-detail>.finance-actions button{min-height:40px;font-size:10px;padding:7px 8px}
  .expense-matrix-page .expense-receipt-end{padding:10px}
}

html[data-theme="dark"] .expense-matrix-page .expense-request-card .expense-lines p{--er-item:#cbd5e1}
html[data-theme="dark"] .expense-matrix-page .expense-lines p[data-expense-category="LIFT"]{--er-item:#93c5fd}
html[data-theme="dark"] .expense-matrix-page .expense-lines p[data-expense-category="DROP"]{--er-item:#fcd34d}
html[data-theme="dark"] .expense-matrix-page .expense-lines p[data-expense-category="VST"]{--er-item:#c4b5fd}
html[data-theme="dark"] .expense-matrix-page .expense-lines p[data-expense-category="BOT"]{--er-item:#5eead4}

/* The list shows one compact, keyboard-accessible summary per receipt. */
.expense-matrix-page .expense-receipt-summary{overflow:hidden}
.expense-matrix-page .expense-receipt-open{display:grid;width:100%;margin:0;text-align:left;border-radius:0;cursor:pointer;font-family:inherit;line-height:1.4;text-transform:none;letter-spacing:normal}
.expense-matrix-page .expense-receipt-summary .expense-history-state{grid-template-columns:minmax(0,1fr);justify-items:end;gap:5px;min-width:122px}
.expense-matrix-page .expense-receipt-open:hover{background:#193f68}
.expense-matrix-page .expense-receipt-open:focus-visible{outline:3px solid #60a5fa;outline-offset:-4px}
.expense-matrix-page .expense-receipt-date{color:#c7d6ed;font-size:10px;white-space:nowrap}
.expense-matrix-page .expense-receipt-view{color:#dbeafe;font-size:11px;font-weight:700;white-space:nowrap}
.expense-matrix-page .expense-receipt-dialog{box-sizing:border-box;width:min(820px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 40px);margin:auto;padding:0;border:1px solid #29496f;border-radius:16px;background:var(--surface);color:var(--text);box-shadow:0 24px 80px #0006;overflow:hidden}
.expense-matrix-page .expense-receipt-dialog:not([open]){display:none}
.expense-matrix-page .expense-receipt-dialog[open]{display:flex;flex-direction:column}
.expense-receipt-dialog::backdrop{background:rgb(2 6 23 / .65)}
body:has(.expense-receipt-dialog[open]){overflow:hidden}
.expense-matrix-page .expense-receipt-dialog-bar{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--surface)}
.expense-matrix-page .expense-receipt-dialog-bar h2{margin:0;font-size:18px;line-height:1.4}
.expense-matrix-page [data-close-expense-receipt]{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;padding:0;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft);color:var(--text);font-size:27px;cursor:pointer}
.expense-matrix-page [data-close-expense-receipt]:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.expense-matrix-page .expense-receipt-dialog-body{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:12px}
.expense-matrix-page .expense-receipt-dialog .expense-receipt-sheet{min-width:0;margin:0;box-shadow:none!important}
.expense-matrix-page .expense-receipt-dialog .expense-request-detail{display:block}
.expense-matrix-page .expense-receipt-notifications{position:absolute;z-index:2;right:12px;bottom:12px;left:auto;top:auto;width:min(360px,calc(100% - 24px));max-height:45%;overflow:auto;pointer-events:none}
.expense-matrix-page .expense-receipt-notifications .toast{pointer-events:auto}
@container expense-receipt (max-width:540px){
  .expense-matrix-page .expense-receipt-summary .expense-history-state{flex-wrap:wrap}
  .expense-matrix-page .expense-receipt-summary .expense-receipt-date{margin-left:auto}
}
@media(max-width:600px){
  .expense-matrix-page .expense-receipt-dialog{width:calc(100% - 16px);max-height:calc(100dvh - max(16px,env(safe-area-inset-top)) - max(16px,env(safe-area-inset-bottom)));border-radius:12px}
  .expense-matrix-page .expense-receipt-dialog-bar{padding:10px 12px;gap:8px}
  .expense-matrix-page .expense-receipt-dialog-bar h2{font-size:16px}
  .expense-matrix-page .expense-receipt-dialog-body{padding:8px;scrollbar-gutter:auto}
  .expense-matrix-page .expense-receipt-summary .expense-history-state{flex-wrap:wrap}
  .expense-matrix-page .expense-receipt-summary .expense-receipt-date{margin-left:auto}
}

/* 2026-10-16: paper summaries only; approved popup styling is unchanged. */
.expense-matrix-page .expense-receipt-summary[class]{
  --rp-paper:#fff;--rp-tint:#f1f7fe;--rp-line:#d6e2ef;--rp-ink:#183153;--rp-muted:#526982;--rp-accent:#0b63c9;--rp-edge:#8ab7e6;--rp-fold:#deebf8;
  position:relative;border:1px solid var(--rp-line)!important;border-left:4px solid var(--rp-edge)!important;border-radius:10px 4px 10px 10px!important;background:var(--rp-paper)!important;box-shadow:0 2px 8px #18315309!important;
}
html[data-theme="dark"] .expense-matrix-page .expense-receipt-summary{
  --rp-paper:#19283b;--rp-tint:#1d3047;--rp-line:#3c536d;--rp-ink:#e2edf9;--rp-muted:#b5c7dc;--rp-accent:#93c5fd;--rp-edge:#688fb9;--rp-fold:#35506e;
}
.expense-matrix-page .expense-receipt-summary::after{content:"";position:absolute;top:0;right:0;width:20px;height:20px;background:linear-gradient(225deg,var(--surface-soft) 48%,var(--rp-fold) 50%);border-bottom-left-radius:4px;box-shadow:-1px 1px 2px #18315310;pointer-events:none}
.expense-matrix-page .expense-receipt-summary .expense-receipt-open{background:linear-gradient(100deg,var(--rp-paper),var(--rp-tint));color:var(--rp-ink);font-weight:500}
.expense-matrix-page .expense-receipt-summary .expense-receipt-open:hover{background:var(--rp-tint)}
.expense-matrix-page .expense-receipt-summary:hover{border-color:var(--rp-edge)!important;box-shadow:0 3px 10px #18315312!important}
.expense-matrix-page .expense-receipt-summary .expense-receipt-open:focus-visible{outline:3px solid var(--rp-accent);outline-offset:-3px}
.expense-matrix-page .expense-receipt-summary .expense-history-identity>strong{color:var(--rp-ink)}
.expense-matrix-page .expense-receipt-summary .expense-receipt-code{color:var(--rp-accent);border-color:var(--rp-line);background:var(--rp-tint);font-weight:700}
.expense-matrix-page .expense-receipt-summary .expense-receipt-meta{color:var(--rp-muted);font-weight:500;text-transform:none;letter-spacing:normal}
.expense-matrix-page .expense-receipt-summary .expense-receipt-total{padding-left:18px;border-left:1px dashed var(--rp-line)}
.expense-matrix-page .expense-receipt-summary .expense-receipt-total>span{color:var(--rp-muted);font-weight:600}
.expense-matrix-page .expense-receipt-summary .expense-receipt-total>b{color:var(--rp-accent)}
.expense-matrix-page .expense-receipt-summary .expense-receipt-date{color:var(--rp-muted);font-weight:500}
.expense-matrix-page .expense-receipt-summary .expense-receipt-view{color:var(--rp-accent);font-weight:700;text-transform:none;letter-spacing:normal}
@container expense-receipt (max-width:540px){
  .expense-matrix-page .expense-receipt-summary .expense-receipt-total{padding-left:10px}
}

/* Ticket outline and perforated stub; summary cards only. */
.expense-matrix-page .expense-receipt-summary[class]{border:1.5px solid var(--rp-edge)!important;border-radius:12px!important;box-shadow:none!important;mask-image:radial-gradient(circle at 0 50%,transparent 10px,#000 10.5px),radial-gradient(circle at 100% 50%,transparent 10px,#000 10.5px);mask-composite:intersect;mask-repeat:no-repeat;mask-size:100% 100%}
.expense-matrix-page .expense-receipt-summary::before{content:"";position:absolute;inset:0;width:auto;height:auto;border:0;border-radius:0;background:radial-gradient(circle at 0 50%,transparent 9px,var(--rp-edge) 9.5px,var(--rp-edge) 11px,transparent 11.5px),radial-gradient(circle at 100% 50%,transparent 9px,var(--rp-edge) 9.5px,var(--rp-edge) 11px,transparent 11.5px);pointer-events:none;z-index:1}
.expense-matrix-page .expense-receipt-summary::after{display:none}
.expense-matrix-page .expense-receipt-summary .expense-receipt-total{border:0;padding-left:12px}
.expense-matrix-page .expense-receipt-summary .expense-history-state{border-left:1.5px dashed var(--rp-edge);border-radius:0;padding:4px 6px 4px 20px;min-width:150px;align-self:stretch;align-content:center;gap:6px}
@container expense-receipt (max-width:540px){
  .expense-matrix-page .expense-receipt-summary .expense-history-state{position:relative;border-left:0;border-top:1.5px dashed var(--rp-edge);padding:12px 0 0;min-width:0;gap:7px;margin-top:3px}
}