.status-strip { display:flex; align-items:center; justify-content:space-between; gap:20px; border:1px solid var(--border); background:var(--surface); padding:15px 18px; border-radius:var(--radius); margin-bottom:18px; }
.status-strip > div { display:flex; align-items:center; gap:9px; }
.status-strip small { margin-left:7px; }
.status-strip .label { font-size:11px; color:var(--muted); text-transform:uppercase; letter-spacing:.8px; }
.live-warning strong { color:var(--text); }
.device-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.device-card .panel-head h2 { margin-top:5px; }
.device-id { font-size:11px; color:var(--muted); margin-bottom:20px; overflow-wrap:anywhere; }
.money-pair { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:12px; }
.money-pair > div { border:1px solid var(--border); background:var(--surface2); padding:14px; border-radius:8px; }
.money-pair strong { display:block; font-size:18px; margin-top:4px; font-variant-numeric:tabular-nums; }
.review-grid { display:grid; grid-template-columns:repeat(4,1fr); }
.review-grid > div { padding:22px; border-right:1px solid var(--border); }
.review-grid > div:last-child { border-right:0; }
.review-grid strong { font-size:25px; font-weight:550; display:block; margin-bottom:7px; }
.review-grid span { font-size:12px; color:var(--muted); }
.collector-metrics { grid-template-columns:repeat(4,minmax(0,1fr)); margin:0; padding:18px; }
.collector-page-metrics { grid-template-columns:repeat(4,minmax(0,1fr)); }
.panel-actions { display:flex; align-items:center; gap:14px; }
.panel-actions a { color:var(--accent-text); font-size:12px; text-decoration:underline; text-underline-offset:3px; }
.reconciliation-preview { grid-template-columns:repeat(3,minmax(0,1fr)); margin:0; padding:18px; }
.reconciliation-metrics { grid-template-columns:repeat(4,minmax(0,1fr)); }
.reconciliation-toolbar input { min-width:170px; }
.audit-scoreboard { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border:1px solid var(--border); background:var(--surface); border-radius:var(--radius); margin-bottom:20px; }
.audit-scoreboard > div { padding:15px 19px; border-right:1px solid var(--border); }
.audit-scoreboard > div:last-child { border-right:0; }
.audit-scoreboard span { display:block; color:var(--muted); font-size:11px; text-transform:uppercase; letter-spacing:.7px; }
.audit-scoreboard strong { display:block; margin-top:4px; font-size:22px; font-weight:550; font-variant-numeric:tabular-nums; }
.reconciliation-workbench { display:grid; grid-template-columns:250px minmax(0,1fr); gap:18px; align-items:start; }
.day-rail { position:sticky; top:18px; }
.day-list { padding:9px; }
.day-button { width:100%; min-height:72px; padding:12px; display:flex; flex-direction:column; align-items:stretch; justify-content:center; gap:7px; text-align:left; background:transparent; border-color:transparent; }
.day-button + .day-button { margin-top:4px; }
.day-button > span:first-child { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.day-button strong { font-size:13px; }
.day-button small { font-size:11px; }
.day-button > span:last-child { color:var(--muted); font-size:10px; }
.day-button b { color:var(--text); font-weight:550; }
.day-button.active { background:var(--accent-softer); border-color:var(--accent-line); box-shadow:inset 3px 0 0 var(--accent); }
.ledger { min-width:0; }
.ledger-head h2 { margin-top:4px; }
.day-counts { display:flex; align-items:center; justify-content:flex-end; gap:7px; flex-wrap:wrap; }
.pagination { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px 18px; border-top:1px solid var(--border); color:var(--muted); font-size:11px; }
.pagination > div { display:flex; align-items:center; gap:10px; }
.pagination button { min-height:38px; padding:7px 12px; font-size:11px; }
.collector-toolbar { padding:16px 18px; border:1px solid var(--border); border-radius:var(--radius); background:var(--surface); }
.collector-toolbar select,.collector-toolbar input { min-width:180px; }
.cashier-audit-toolbar { padding:16px 18px; border:1px solid var(--border); border-radius:var(--radius); background:var(--surface); }
.cashier-audit-toolbar select { min-width:180px; }
.cashier-audit-toolbar input { min-width:210px; }
.cashier-identity { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:20px 22px; margin-bottom:18px; border:1px solid var(--border); border-radius:var(--radius); background:linear-gradient(110deg,var(--surface2),var(--accent-softer)); }
.cashier-identity h2 { margin:5px 0 3px; font-size:20px; }
.cashier-identity > div:last-child { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.cashier-health { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border:1px solid var(--border); border-radius:var(--radius); background:var(--surface); margin-bottom:20px; overflow:hidden; }
.cashier-health > div { padding:17px 18px; border-right:1px solid var(--border); }
.cashier-health > div:last-child { border-right:0; }
.cashier-health span,.cashier-health small { color:var(--muted); font-size:11px; }
.cashier-health strong { display:block; margin:6px 0 3px; font-size:20px; font-weight:550; font-variant-numeric:tabular-nums; }
.cashier-audit-layout { display:grid; grid-template-columns:minmax(360px,.72fr) minmax(0,1.8fr); gap:18px; align-items:start; }
.cashier-audit-layout .panel { min-width:0; }
.cashier-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-bottom:20px; }
.cashier-card { min-height:170px; padding:20px; text-align:left; display:flex; flex-direction:column; justify-content:space-between; gap:20px; background:var(--surface); border-radius:var(--radius); }
.cashier-card.active { border-color:var(--accent-line); background:linear-gradient(135deg,var(--surface),var(--accent-softer)); box-shadow:inset 3px 0 0 var(--accent); }
.cashier-card h2 { margin:6px 0 3px; font-size:21px; }
.cashier-card-totals { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.cashier-card-totals span { padding:10px; border:1px solid var(--border); border-radius:7px; background:var(--surface2); }
.cashier-card-totals strong { display:block; margin-top:4px; font-size:14px; font-weight:550; font-variant-numeric:tabular-nums; }
.cashier-compact-head { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:15px 18px; margin-bottom:12px; border:1px solid var(--border); border-radius:var(--radius); background:linear-gradient(110deg,var(--surface2),var(--accent-softer)); }
.cashier-compact-head h2 { margin:3px 0; font-size:18px; }
.cashier-compact-actions { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.audit-stepper { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; padding:8px; margin-bottom:14px; border:1px solid var(--border); border-radius:var(--radius); background:var(--surface); }
.audit-stepper button { min-height:46px; padding:8px 12px; display:flex; align-items:center; justify-content:center; gap:8px; border-color:transparent; background:transparent; color:var(--muted); font-size:11px; }
.audit-stepper button span { width:22px; height:22px; display:grid; place-items:center; border:1px solid var(--border); border-radius:50%; font:600 10px ui-monospace,monospace; }
.audit-stepper button.complete { color:var(--good); }
.audit-stepper button.complete span { border-color:var(--accent-line); background:var(--accent-softer); }
.audit-stepper button.active { color:var(--text); border-color:var(--accent-line); background:var(--accent-softer); }
.audit-stepper button.active span { border-color:var(--accent); background:var(--accent); color:var(--on-accent); }
.audit-stepper button:disabled { cursor:not-allowed; opacity:.42; }
.audit-stage-panel { min-height:280px; }
.audit-stage-panel > .audit-scroll { max-height:min(58vh,620px); overflow:auto; overscroll-behavior:contain; }
.audit-stage-panel .audit-row-head { position:sticky; top:0; z-index:2; }
.audit-stage-panel .hour-evidence { margin-bottom:0; }
.audit-stage-panel .transaction-evidence { max-height:52vh; overflow:auto; overscroll-behavior:contain; }
.audit-scope .toolbar { padding:18px 22px; margin:0; }
.audit-scope .toolbar button { align-self:end; }
.audit-prompt { min-height:120px; display:grid; place-items:center; }
.audit-scroll { overflow-x:auto; }
.audit-row { display:grid; grid-template-columns:1.05fr repeat(6,minmax(105px,1fr)) .8fr; align-items:center; min-width:1050px; }
.audit-row-head { padding:11px 16px; color:var(--muted); background:var(--surface2); font-size:10px; text-transform:uppercase; letter-spacing:.7px; }
.audit-day-row,.audit-hour-row { width:100%; min-height:62px; padding:10px 16px; display:grid; grid-template-columns:1.05fr repeat(6,minmax(105px,1fr)) .8fr; align-items:center; text-align:left; border:0; border-top:1px solid var(--border); border-radius:0; background:transparent; font-size:12px; overflow:visible; }
.audit-day-row:hover,.audit-hour-row:hover,.audit-day-row.active,.audit-hour-row.active { background:var(--accent-softer); }
.audit-day-row.active,.audit-hour-row.active { box-shadow:inset 3px 0 0 var(--accent); }
.audit-day-row.audit-matched,.audit-hour-row.audit-matched { background:var(--accent-softer); box-shadow:inset 4px 0 0 var(--good); }
.audit-day-row.audit-review,.audit-hour-row.audit-review { background:var(--warn-soft); box-shadow:inset 4px 0 0 var(--warn); }
.audit-day-row.audit-critical,.audit-hour-row.audit-critical { background:var(--bad-soft); box-shadow:inset 4px 0 0 var(--bad); }
.audit-day-row.audit-unknown,.audit-hour-row.audit-unknown { box-shadow:inset 4px 0 0 var(--faint); }
.audit-status { display:block; margin-top:4px; font-size:9px; font-weight:650; text-transform:uppercase; letter-spacing:.45px; }
.audit-matched .audit-status { color:var(--good); }
.audit-review .audit-status { color:var(--warn); }
.audit-critical .audit-status { color:var(--bad); }
.audit-unknown .audit-status { color:var(--muted); }
.audit-day-row > span,.audit-hour-row > span { padding-right:10px; font-variant-numeric:tabular-nums; }
.hour-evidence .formula { margin:18px 22px 0; padding:12px 14px; border:1px solid var(--border); border-radius:7px; background:var(--surface2); color:var(--muted); font:12px ui-monospace,monospace; }
.hour-proof-grid { display:grid; grid-template-columns:repeat(4,1fr); padding:18px 22px; gap:10px; }
.hour-proof-grid > div { padding:13px; border:1px solid var(--border); border-radius:8px; }
.hour-proof-grid span { display:block; color:var(--muted); font-size:11px; }
.hour-proof-grid strong { display:block; margin-top:5px; font-size:14px; }
.evidence-ids { overflow-wrap:anywhere; }
.finding-line { display:flex; align-items:flex-start; gap:10px; padding:10px 0; border-bottom:1px solid var(--border); }
.hour-reconcile-form { margin-top:22px; padding-top:20px; border-top:1px solid var(--border); }
.hour-reconcile-form label { display:block; margin:12px 0; color:var(--muted); font-size:12px; }
.hour-reconcile-form input { display:block; width:100%; margin-top:6px; }
.transaction-evidence { margin:18px 22px; border:1px solid var(--border); border-radius:9px; overflow:hidden; background:var(--surface2); }
.transaction-evidence .panel-head { padding:15px 17px; }
.money-in { color:var(--good); }
.money-out { color:var(--bad); }
.evidence-tabs { display:flex; gap:8px; padding:12px 16px; overflow-x:auto; border-bottom:1px solid var(--border); background:var(--surface2); }
.evidence-tabs button { min-height:44px; white-space:nowrap; border-color:var(--border); color:var(--muted); }
.evidence-tabs button span { margin-left:6px; padding:2px 7px; border-radius:999px; background:var(--chip); color:var(--text); font-variant-numeric:tabular-nums; }
.evidence-tabs button.active { color:var(--good); border-color:var(--accent-line); background:var(--accent-softer); }
.evidence-item[hidden] { display:none; }
.transaction-detail { margin:0; border-bottom:1px solid var(--border); }
.transaction-detail:last-child { border-bottom:0; }
.transaction-detail > summary { min-height:58px; padding:10px 16px; display:grid; grid-template-columns:1.2fr auto .7fr 1fr; gap:14px; align-items:center; list-style:none; }
.transaction-detail > summary::-webkit-details-marker { display:none; }
.transaction-detail > summary:hover { background:var(--surface2); }
.transaction-detail:has(> summary .badge.red) > summary { background:var(--bad-soft); box-shadow:inset 4px 0 0 var(--bad); }
.transaction-detail:has(> summary .badge.red) > summary:hover,
.transaction-detail:has(> summary .badge.red)[open] > summary { background:var(--bad-soft); }
.transaction-detail > summary strong { font-size:12px; }
.transaction-detail > summary > span:last-child { overflow-wrap:anywhere; font-size:11px; color:var(--muted); }
.transaction-detail[open] > summary { background:var(--accent-softer); border-bottom:1px solid var(--border); }
.transaction-proof { display:grid; grid-template-columns:1fr 1fr; gap:18px; padding:18px; }
.unified-proof { display:grid; grid-template-columns:1fr 1fr; gap:18px; padding:18px; }
.unified-proof > section { min-width:0; border:1px solid var(--border); border-radius:8px; overflow:hidden; }
.unified-proof h4 { margin:0; padding:12px 14px; border-bottom:1px solid var(--border); font-size:12px; }
.unified-proof section > p { padding:14px; margin:0; }
.transaction-proof > div { min-width:0; border:1px solid var(--border); border-radius:8px; overflow:hidden; }
.transaction-proof h4 { margin:0; padding:12px 14px; border-bottom:1px solid var(--border); font-size:12px; }
.raw-sms { margin:14px; max-height:260px; }
.proof-link,.back-link { color:var(--accent-text); font-size:12px; text-decoration:underline; text-underline-offset:3px; }
.back-link { display:inline-block; margin-bottom:18px; }
.evidence-summary .text-metric { font:500 20px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; letter-spacing:0; }
.evidence-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:22px; }
.proof-list { margin:0; }
.proof-row { display:grid; grid-template-columns:minmax(130px,.75fr) minmax(0,1.25fr); gap:18px; padding:13px 22px; border-bottom:1px solid var(--border); }
.proof-row:last-child { border-bottom:0; }
.proof-row dt { color:var(--muted); font-size:12px; }
.proof-row dd { margin:0; text-align:right; overflow-wrap:anywhere; font-size:13px; }
.proof-body { padding:20px 22px 4px; }
.proof-message { max-height:none; margin-bottom:0; border:1px solid var(--border); color:var(--text); }
.integrity-grid { display:grid; grid-template-columns:1fr 1fr auto; gap:24px; align-items:end; }
.integrity-grid code { display:block; margin-top:8px; color:var(--muted); overflow-wrap:anywhere; font-size:11px; }
.integrity-grid strong { display:block; margin-top:8px; font-size:12px; font-weight:500; }
@media (max-width:1100px) { .device-grid { grid-template-columns:1fr; } .review-grid { grid-template-columns:repeat(2,1fr); } .collector-metrics,.collector-page-metrics,.reconciliation-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } .review-grid > div:nth-child(2) { border-right:0; } .review-grid > div:nth-child(-n+2) { border-bottom:1px solid var(--border); } }
@media (max-width:1200px) { .cashier-health { grid-template-columns:repeat(3,minmax(0,1fr)); } .cashier-health > div { border-bottom:1px solid var(--border); } .cashier-audit-layout { grid-template-columns:1fr; } .cashier-cards { grid-template-columns:1fr; } }
@media (max-width:1000px) { .reconciliation-workbench { grid-template-columns:1fr; } .day-rail { position:static; } .day-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; } .day-button + .day-button { margin-top:0; } }
@media (max-width:900px) { .evidence-layout,.integrity-grid { grid-template-columns:1fr; } }
@media (max-width:700px) { .status-strip { align-items:flex-start; flex-direction:column; } .evidence-summary,.reconciliation-preview,.audit-scoreboard,.cashier-health { grid-template-columns:1fr; } .audit-scoreboard > div,.cashier-health > div { border-right:0; border-bottom:1px solid var(--border); } .audit-scoreboard > div:last-child,.cashier-health > div:last-child { border-bottom:0; } .cashier-identity,.cashier-compact-head { align-items:flex-start; flex-direction:column; } .cashier-identity > div:last-child,.cashier-compact-actions { justify-content:flex-start; } .audit-stepper { display:flex; overflow-x:auto; } .audit-stepper button { min-width:112px; } .cashier-card-totals,.hour-proof-grid,.transaction-proof,.unified-proof { grid-template-columns:1fr; } .transaction-evidence { margin:12px; } .transaction-detail > summary { grid-template-columns:1fr auto; } .transaction-detail > summary strong,.transaction-detail > summary > span:last-child { grid-column:1/-1; } .audit-scope .toolbar button { width:100%; } .day-list { grid-template-columns:1fr; } .money-pair,.review-grid { grid-template-columns:1fr; } .review-grid > div { border-right:0; border-bottom:1px solid var(--border); } .review-grid > div:last-child { border-bottom:0; } .proof-row { grid-template-columns:1fr; gap:4px; } .proof-row dd { text-align:left; } .panel-actions { align-items:flex-end; flex-direction:column; } .ledger-head { align-items:flex-start; flex-direction:column; } .day-counts { justify-content:flex-start; } .pagination { align-items:flex-start; flex-direction:column; } }
.completed-toolbar { padding:18px 22px; margin:0; border-bottom:1px solid var(--border); }
.sms-receipt-link{color:var(--accent-text);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.completed-request summary .timing-gap,.completed-request summary .timing-critical{grid-column:4;grid-row:1;margin:0;line-height:1.5}
.timing-critical{color:var(--danger);font-weight:600}
#withdrawal-print-report{display:none}
@media print{#withdrawal-print-report .pdf-cashier-status{font-size:8px;table-layout:fixed}#withdrawal-print-report .pdf-cashier-status td,#withdrawal-print-report .pdf-cashier-status th{padding:6px 4px;white-space:normal;overflow-wrap:anywhere}#withdrawal-print-report .pdf-cashier-status small{font-size:8px;color:#52646c}}
@media print{
 @page{size:A4 landscape;margin:15mm}
 html,body{background:white!important;color:#182d36!important;color-scheme:light!important}
 #withdrawal-print-report small,#withdrawal-print-report p{color:#52646c}
 body>*:not(#withdrawal-print-report){display:none!important}
 #withdrawal-print-report{display:block;color:#182d36;background:white;font:11px/1.5 Arial,sans-serif}
 #withdrawal-print-report h1{font-size:30px;margin:18px 0 8px;color:#123f3b}
 #withdrawal-print-report h2{font-size:17px;margin:24px 0 10px;color:#123f3b;break-after:avoid}
 .pdf-brand{font-size:21px;font-weight:800;color:#126452;border-bottom:3px solid #126452;padding-bottom:12px}
 .pdf-brand span{float:right;font-size:10px;letter-spacing:2px;padding-top:8px}
 .pdf-subtitle{color:#52646c}.pdf-kpis{display:flex;gap:12px;margin:20px 0;break-inside:avoid}.pdf-kpis>div{flex:1;background:#edf6f2;border:1px solid #c8ded4;padding:14px;border-radius:8px}.pdf-kpis strong{display:block;font-size:20px;color:#123f3b;margin-top:6px}
 .pdf-note{padding:12px 15px;background:#fff7e6;border-left:4px solid #d7aa45;color:#604c25}
 #withdrawal-print-report table{font-size:10px;width:100%;border-collapse:collapse}#withdrawal-print-report th{background:#123f3b;color:white;font-size:10px;padding:9px}#withdrawal-print-report td{padding:8px;border-bottom:1px solid #d9e3df;overflow-wrap:anywhere}#withdrawal-print-report tr{break-inside:avoid}#withdrawal-print-report tr:nth-child(even){background:#f3f7f5}#withdrawal-print-report thead{display:table-header-group}.pdf-footer{margin-top:25px;border-top:1px solid #c8ded4;padding-top:12px;color:#52646c;font-size:10px}
}
.wallet-audit-toolbar{padding:18px 22px!important;gap:18px;align-items:center;border-bottom:1px solid var(--border)}
.wallet-audit-toolbar label{min-width:0;flex:0 1 390px;gap:8px}
.wallet-audit-toolbar select{width:100%;max-width:100%;min-height:44px}
.wallet-scope-label{font-size:13px;color:var(--text)}
.wallet-scope-label small{display:block;color:var(--muted);margin-top:4px}
.wallet-audit-toolbar>button{margin-left:auto;white-space:nowrap}
.wallet-total-head{padding:18px 22px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.wallet-total-head h3{margin:0;font-size:16px}.wallet-total-head>span{font-size:12px;color:var(--muted)}
.wallet-total-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0 22px}
.wallet-total-grid>div{padding:15px;border:1px solid var(--border);border-radius:10px;background:var(--bg)}
.wallet-total-grid>div>span{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}
.wallet-total-grid strong{display:block;font-size:clamp(16px,1.4vw,22px);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.wallet-total-grid strong small{font-size:11px;font-weight:500;color:var(--muted)}
.wallet-surplus{color:var(--warn)}.wallet-audit-note{padding:12px 22px 18px;margin:0;font-size:12px;color:var(--muted)}
@media(max-width:900px){.wallet-total-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wallet-audit-toolbar{flex-wrap:wrap}.wallet-audit-toolbar label{flex:1 1 100%}.wallet-audit-toolbar>button{margin-left:0}.wallet-total-head{align-items:flex-start;flex-direction:column}}
@media(max-width:480px){.wallet-audit-toolbar,.wallet-total-head{padding:14px!important}.wallet-total-grid{padding:0 14px;gap:8px}.wallet-total-grid>div{padding:12px}.wallet-audit-note{padding:12px 14px}}
.profile-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;border:1px solid var(--border);border-radius:8px;color:var(--text);text-decoration:none;background:var(--panel)}
.profile-link:hover{border-color:var(--accent);color:var(--accent-text)}
.account-profile-grid{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(360px,1.35fr);grid-template-rows:min-content min-content;gap:18px;align-items:start;max-width:1080px}
.account-profile-grid>.panel{margin:0;min-width:0}
.account-profile-grid>.panel:nth-child(1){grid-column:1;grid-row:1}
.account-profile-grid>.panel:nth-child(2){grid-column:2;grid-row:1/span 2}
.account-profile-grid>.panel:nth-child(3){grid-column:1;grid-row:2}
.account-profile-grid .panel-head{padding:18px 22px}.account-profile-grid .panel-head h2{font-size:16px;margin:0}
.account-profile-grid .panel-body{padding:20px 22px}.account-profile-grid dl{margin:0 0 18px}
.account-profile-grid .proof-row{padding:12px 0;gap:16px}.account-profile-grid .proof-row dd{overflow-wrap:anywhere}
.account-profile-grid #profile-theme{display:block;width:100%;margin:8px 0 0;min-height:44px}
.account-profile-grid>.panel:nth-child(3) p{font-size:12px;margin:10px 0 0;color:var(--muted)}
.account-password-form{display:grid;gap:16px}.account-password-form label{display:grid;gap:7px;font-size:13px;font-weight:500}.account-password-form input{width:100%;min-height:44px}.account-password-form small{font-weight:400;font-size:12px}.account-password-form small,.account-password-form p{color:var(--muted)}.account-password-form>p:first-child{margin:0 0 2px;font-size:13px;line-height:1.5}.account-password-form [role=alert]{color:var(--danger);margin:0}.account-password-form [role=alert]:empty{display:none}.account-password-form button{justify-self:start;min-height:44px;margin-top:2px}
@media(max-width:820px){.account-profile-grid{grid-template-columns:1fr;max-width:620px}.account-profile-grid>.panel:nth-child(n){grid-column:1;grid-row:auto}.account-profile-grid>.panel:nth-child(3){grid-row:2}.account-profile-grid>.panel:nth-child(2){grid-row:3}}
.account-icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px;flex-shrink:0}.profile{flex-wrap:wrap;align-items:center}.profile>span{flex:1 1 100%}.profile-link{flex:1}
#content table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}
#content thead th{background:var(--surface2);color:var(--muted);font-size:11px;font-weight:650;letter-spacing:.07em;padding:13px 18px;border-bottom:1px solid var(--border)}
#content tbody td{padding:14px 18px;border-bottom:1px solid var(--border);vertical-align:middle;line-height:1.45}
#content tbody tr:hover{background:var(--surface2)}#content tbody tr[hidden]{display:none!important}
.table-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 18px;background:var(--surface);border-top:1px solid var(--border);font-size:12px;color:var(--muted)}
.table-pagination>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.table-pagination label{display:flex;align-items:center;gap:8px}.table-pagination select{min-width:65px}.table-pagination button{min-height:44px;padding:8px 12px;font-size:12px}.table-pagination button:disabled{cursor:default;opacity:.4}
.table-finding-badge{display:inline-block;font-size:12px;font-weight:600;padding:5px 9px;border:1px solid var(--border);border-radius:6px;color:var(--amber);background:var(--surface2)}
@media(max-width:600px){.table-pagination{align-items:flex-start;flex-direction:column}.table-pagination>div{gap:8px}#content tbody td,#content thead th{padding:12px}}
@media print{.table-pagination{display:none!important}#content tbody tr[hidden]{display:table-row!important}}
.completed-toolbar [hidden]{display:none}
.completed-status-tabs{display:flex;gap:8px;padding:14px 22px;overflow-x:auto;border-bottom:1px solid var(--border)}
.completed-status-tabs button{flex-shrink:0;white-space:nowrap;min-height:44px}
.completed-status-tabs button.active{background:var(--accent-softer);color:var(--accent-text);border-color:var(--accent)}
.status-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;padding:1px 7px;margin-left:8px;border-radius:20px;background:var(--border);color:var(--text);font-size:12px;font-variant-numeric:tabular-nums}
.completed-status-tabs button.active .status-tab-count{background:var(--accent-line);color:var(--accent-text)}
.completed-metrics { grid-template-columns:repeat(5,minmax(0,1fr)); }
.completed-toolbar input { min-width:150px; }
.completed-list { display:grid; }
.completed-request { margin:0; border-bottom:1px solid var(--border); }
.completed-request:last-child { border-bottom:0; }
.completed-request > summary { display:grid; grid-template-columns:minmax(220px,1.2fr) minmax(140px,.55fr) minmax(150px,.6fr) minmax(190px,.8fr); gap:18px; align-items:center; min-height:72px; padding:14px 22px; list-style:none; cursor:pointer; }
.completed-request > summary::-webkit-details-marker { display:none; }
.completed-request > summary:hover { background:var(--surface2); }
.completed-request.missing-evidence > summary { border-left:4px solid var(--danger); background:var(--bad-soft); }
.completed-request.has-evidence > summary { border-left:4px solid var(--accent); }
.completed-request.status-underpaid > summary,.completed-request.status-overpaid > summary,.completed-request.status-timing_issue > summary { border-left-color:var(--danger); background:var(--bad-soft); }
.completed-proof { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--border); border-top:1px solid var(--border); }
.completed-proof > section { background:var(--surface); padding:20px 22px; }
.completed-proof dl { margin:12px -22px -20px; }
.missing-payment-alert { border:1px solid var(--bad-line); background:var(--bad-soft); color:var(--danger); border-radius:8px; padding:16px; margin-top:14px; }
.missing-payment-alert p { margin:6px 0 0; color:var(--muted); }
.missing-summary { border-color:var(--bad-line); background:var(--bad-soft); color:var(--danger); }
@media(max-width:1100px){.completed-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.completed-request > summary{grid-template-columns:1fr auto}.completed-request > summary > span:last-child{grid-column:1/-1}.completed-request summary .timing-gap,.completed-request summary .timing-critical{grid-column:1/-1;grid-row:auto}.completed-proof{grid-template-columns:1fr}}
@media(max-width:700px){.completed-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.completed-metrics>:last-child:nth-child(odd){grid-column:1/-1}}
@media(max-width:600px){.completed-proof>section{padding:16px}.completed-proof dl{margin:12px 0 0}.unified-proof,.transaction-proof{padding:12px;gap:12px}.proof-row{gap:12px}.proof-row dd{overflow-wrap:anywhere}.raw-sms{margin:10px;padding:12px}}
/* Cashier search on the withdrawal audit's cashier step (shown when there are many cashiers). */
.cashier-search{display:flex;flex-direction:column;gap:6px;max-width:420px;margin:0 0 18px;font-size:12px;color:var(--muted)}
.cashier-search input{width:100%;min-height:44px;font-size:15px}
.cashier-card[hidden]{display:none}

/* Redesign: withdrawal rows read like a table; a thin left edge marks exceptions, the status chip carries the meaning. */
.completed-request > summary,.completed-request.missing-evidence > summary,.completed-request.status-underpaid > summary,
.completed-request.status-overpaid > summary,.completed-request.status-timing_issue > summary{background:var(--surface);border-left:3px solid transparent}
.completed-request.has-evidence > summary{border-left-color:transparent}
.completed-request.missing-evidence > summary,.completed-request.status-underpaid > summary,.completed-request.status-overpaid > summary,
.completed-request.status-timing_issue > summary{border-left-color:var(--bad)}
.completed-request > summary:hover,.completed-request[open] > summary{background:var(--surface2)}
.completed-request[open] > summary{border-bottom:1px solid var(--border)}
.completed-status-tabs{gap:6px}
@media(max-width:700px){.live-metrics,.collector-metrics,.collector-page-metrics,.reconciliation-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Long status labels (e.g. "Provider mismatch · Telebirr / CBE Birr · provisional") wrap inside their pill
   instead of spilling out of it on narrow screens. */
.completed-request > summary .badge,.attention .badge{white-space:normal;height:auto;min-height:22px;padding:3px 10px;line-height:1.35;
 justify-content:flex-start;text-align:left;max-width:100%;justify-self:start;overflow-wrap:anywhere}
@media(max-width:900px){.completed-request > summary > .badge{grid-column:1/-1}}