/* Quyết toán & Thu tiền (settlement-desk.mjs, settlement-phone.mjs, settlement-print.mjs; PLAN-QUYET-TOAN-001, Owner 02/11/2026).
   On top of intake-desk.css (the desk, the windows) and quotes.css (qd-*, the Carsoft sheet); the phone's on mobile-home.css (sp-*). */

/* The chip of an RO's money: Còn … (red), ✓ Đã thu đủ (green), Thừa … · cần hoàn (amber), Chưa có tiền (grey). */
.money-chip{display:inline-block;padding:1px 8px;border-radius:10px;background:#eef1ef;color:#55645b;font-size:11.5px;font-weight:750;white-space:nowrap;font-variant-numeric:tabular-nums}
.money-chip[data-kind=unpaid],.money-chip[data-kind=partial]{background:#fde4e1;color:#a3241b}
.money-chip[data-kind=paid]{background:#e2f1e7;color:#22613c}
.money-chip[data-kind=over]{background:#fbf0d9;color:#8a5a0c}
/* Điều phối xưởng (the card's status line) and the phone's chip row. */
.dispatch-card-status .money-chip{margin-left:6px}
.sp-chip.money-chip{font-size:12.5px;padding:3px 9px;border-radius:999px}
/* Xuất xưởng khi còn nợ (câu 4): what the CVDV reads before Lưu; no tick. */
.money-debt-line{margin:6px 0 0;padding:8px 10px;border:1px solid #e7b4ae;border-radius:8px;background:#fff4f2;color:#8f2118;font-size:13px;font-weight:650;line-height:1.45}
.money-debt-line[hidden]{display:none}

/* The desk: a list on the left, an RO on the right. */
#module-panel .money-desk .intake-desk-main{overflow:auto}
#module-panel .money-desk .money-amount-cell{font-variant-numeric:tabular-nums}
#module-panel .money-desk .intake-toolbar{display:flex;flex-wrap:wrap;gap:8px}
.money-pane{display:flex;flex-direction:column;gap:9px;padding:10px 12px;border:1px solid var(--intake-line);border-radius:10px;background:#fff}
.money-boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}
.money-box{padding:8px 12px;border:1px solid var(--intake-line);border-radius:9px;background:#f5f8f6}
.money-box small{display:block;font-size:11px;font-weight:800;letter-spacing:.05em;color:#5d6f64}
.money-box b{display:block;margin-top:2px;font-size:19px;font-variant-numeric:tabular-nums;color:#1d3a2c}
.money-box[data-kind=due]{background:#fff4f2;border-color:#ecc2bc}.money-box[data-kind=due] b{color:#a3241b}
.money-box[data-kind=paid]{background:#e9f5ed;border-color:#bcdcc7}.money-box[data-kind=paid] b{color:#22613c}
.money-box[data-kind=over]{background:#fffaf0;border-color:#e3c98c}.money-box[data-kind=over] b{color:#8a5a0c}
.money-cap{margin:4px 0 0!important;font-size:11.5px;font-weight:800;letter-spacing:.07em;color:#5d6f64}
:is(.money-pane,.money-phone) :is(p.money-warn,p.money-info){margin:0;padding:8px 12px;border-radius:8px;font-size:12.5px;font-weight:600;line-height:1.45}
:is(.money-pane,.money-phone) p.money-warn{border:1px solid #ecc2bc;background:#fff4f2;color:#8f2118}
:is(.money-pane,.money-phone) p.money-info{border:1px solid #e3c98c;background:#fffaf0;color:#6b4a12}
/* The sums (and Bảng kê thu tiền): a removed one struck through, not counted. */
table.money-pay{width:100%;border-collapse:collapse;font-size:12.5px}
.money-pay th{padding:6px 7px;border-bottom:1px solid var(--intake-line);background:#eef4f0;color:#33473c;font-size:11.5px;font-weight:750;text-align:left;white-space:nowrap}
.money-pay td{padding:6px 7px;border-bottom:1px solid #e6ece8;vertical-align:top}
/* desktop.css sets every third cell in monospace (the code column of older tables); not here. */
table.money-pay td:nth-child(3){font-family:inherit;max-width:none;overflow-wrap:normal}
.money-pay .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}
.money-pay td small{display:block;color:var(--intake-muted);font-size:11.5px}
.money-pay tr.removed td{color:#8a958e;text-decoration:line-through}
.money-pay tr.removed td:last-child,.money-pay tr.removed td small{text-decoration:none}
.money-pay tr[data-kind=refund] .num,.money-pay tr[data-kind=discount] .num{color:#8a5a0c}
.money-acts{white-space:nowrap;text-align:right}
:is(#module-panel .money-desk,#module-panel .debt-openings,.intake-window) .money-link{min-height:0;margin:0 0 0 8px;padding:0;border:0;background:none;color:var(--intake-green);font-size:12.5px;font-weight:700;text-decoration:underline;cursor:pointer}
:is(#module-panel .money-desk,#module-panel .debt-openings,.intake-window) .money-link.money-danger{color:var(--intake-red)}
.money-history summary{cursor:pointer;color:#5d6f64;font-size:12.5px;font-weight:650}
.money-history ul{margin:6px 0 0;padding-left:18px;font-size:12.5px;line-height:1.5;color:#3e5247}
.money-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:8px;border-top:1px solid var(--intake-line)}
.money-desk .money-tick{display:inline-flex;align-items:center;gap:6px;margin-left:auto!important;font-weight:700;color:#1d3a2c;cursor:pointer}
.money-desk .money-tick input{width:18px;height:18px;min-height:0;margin:0}
.money-desk .money-tick:has(input:disabled){color:#8a958e;cursor:not-allowed}
.money-note{font-size:12.5px;color:#22613c;font-weight:650}
.money-status{font-size:12.5px;font-weight:650;color:var(--intake-red)}
.money-status:empty{display:none}
/* Bảng kê thu tiền, Tài khoản nhận tiền. */
.money-book-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
#module-panel .money-book .qd-chip{min-height:28px;padding:3px 12px;font-size:12.5px}
#module-panel .money-book .intake-desk-dates{min-width:330px}
.money-book-totals .money-box b{font-size:17px}
.money-book table.money-pay{background:#fff;border:1px solid var(--intake-line);border-radius:8px}
.money-account-list{display:grid;gap:6px;max-width:720px}
.money-account{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--intake-line);border-radius:9px;background:#fff}
.money-account b{font-size:14px}.money-account small{flex:1;color:var(--intake-muted)}
.money-account.off{background:#f3f5f4}.money-account.off b{color:#8a958e;text-decoration:line-through}
.money-account-add{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;max-width:860px}.money-account-add .money-input{flex:1 1 320px;min-width:240px}

/* The sum's form: a window on the Desktop. */
dialog.money-window{width:min(560px,calc(100vw - 24px))}
.money-form{display:grid;gap:9px;padding:14px 18px;overflow:auto}
.money-row{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:10px}
.money-row[hidden]{display:none}
.money-label{font-size:12.5px;font-weight:700;color:#3e5247}
.money-due{font-size:17px;color:#a3241b;font-variant-numeric:tabular-nums}
:is(.intake-window,.money-sheet) input.money-amount{min-height:44px;font-size:22px;font-weight:800;text-align:right;font-variant-numeric:tabular-nums;color:#1d3a2c}
.money-seg{display:flex;flex-wrap:wrap;gap:6px}
:is(.intake-window,.money-sheet) .money-seg-item{min-height:32px;margin:0;padding:4px 14px;border:1.5px solid #c5d6cb;border-radius:999px;background:#fff;color:#25503a;font:inherit;font-weight:700;cursor:pointer}
:is(.intake-window,.money-sheet) .money-seg-item[aria-checked=true]{background:#286548;border-color:#286548;color:#fff}
.money-payer{display:grid;gap:6px}
.money-form .money-status{margin:0;font-size:13px}
.money-foot{display:flex;justify-content:flex-end;gap:8px;padding:10px 18px;border-top:1px solid var(--intake-line);background:#fff}

/* The sum's form on the phone: a sheet from below (drawing 11). */
dialog.money-sheet{box-sizing:border-box;width:min(520px,100vw);max-width:100vw;max-height:92dvh;margin:auto auto 0;padding:0;border:0;border-radius:18px 18px 0 0;background:#fff;color:#203930;box-shadow:0 -8px 40px #14302140;overflow:hidden}
dialog.money-sheet[open]{display:flex;flex-direction:column}
dialog.money-sheet::backdrop{background:#14302180}
.money-sheet .money-sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin:0;padding:16px 16px 6px;border:0;border-radius:0;background:#fff;color:#1d3a2c;box-shadow:none}
.money-sheet .money-sheet-head h2{margin:0;font-size:21px;color:#1d3a2c}
.money-sheet .intake-window-identity{margin:2px 0 0;font-size:13.5px;font-weight:600;color:#5d6f64}
.money-sheet .intake-window-close{flex:0 0 auto;width:44px;min-height:44px;margin:0;padding:0;border:1px solid #c5d6cb;border-radius:22px;background:#fff;color:#203930;font-size:20px}
.money-sheet .money-form{padding:6px 16px 12px}
.money-sheet .money-row{grid-template-columns:minmax(0,1fr);gap:5px}
.money-sheet .money-label{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#5d6f64}
.money-sheet :is(input,select){box-sizing:border-box;width:100%;min-height:48px;margin:0;padding:8px 12px;border:1.5px solid #c5d6cb;border-radius:12px;background:#fff;font:inherit;font-size:16px}
.money-sheet input.money-amount{min-height:56px;font-size:26px;border-color:#286548}
.money-sheet .money-seg-item{min-height:44px;padding:6px 16px;font-size:15.5px}
.money-sheet .money-foot{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));padding:10px 16px calc(12px + env(safe-area-inset-bottom))}
.money-sheet .money-foot .intake-button{min-height:50px;margin:0;border:1.5px solid #b9d0c0;border-radius:12px;background:#fff;color:#1e5138;font-size:15.5px;font-weight:800}
.money-sheet .money-foot .intake-button.primary{background:#286548;border-color:#286548;color:#fff}

/* Kế toán on the phone (drawings 09, 10). */
.money-phone .sp-tab b{background:#a3241b}
#module-panel .money-card{gap:6px}
.money-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:4px}
.money-nums small{display:block;font-size:12.5px;color:#5d6f64}
.money-nums b{display:block;font-size:15.5px;color:#1d3a2c;font-variant-numeric:tabular-nums;white-space:nowrap}
.money-nums b.money-red,.money-red{color:#a3241b}
#module-panel .money-phone .money-phone-title{margin:0;font-size:24px}
.money-phone-title small{font-size:15px;font-weight:700;color:#5d6f64}
.money-phone-sum{display:grid;gap:4px;padding:12px 14px;border-radius:14px;background:#eef4f0}
.money-phone-sum p{display:flex;justify-content:space-between;gap:10px;margin:0;font-size:15px;color:#22352b}
.money-phone-sum b{font-variant-numeric:tabular-nums;white-space:nowrap}
.money-phone-sum .money-sum-due{font-weight:800}.money-phone-sum .money-sum-due b{font-size:21px;color:#a3241b}
.money-phone-sum .money-sum-paid b{font-size:19px;color:#22613c}
.money-phone-acts{display:grid;gap:8px}
#module-panel .money-phone-acts .sp-btn{width:100%;min-height:50px;font-size:16px}
.money-phone-more{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px}
#module-panel .money-more{justify-self:start;min-height:40px;margin:0;padding:4px 2px;border:0;background:none;color:#1e5138;font-size:15px;font-weight:800}
.money-line .sp-doc-top span{min-width:0;overflow-wrap:anywhere}
.money-line .sp-doc-top b,.money-paid .sp-doc-top b:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}
.money-paid.removed{background:#f4f6f5}.money-paid.removed .sp-doc-top{color:#8a958e;text-decoration:line-through}
.money-paid[data-kind=refund] .sp-doc-top b:last-child,.money-paid[data-kind=discount] .sp-doc-top b:last-child{color:#8a5a0c}
.money-phone .money-tick span{font-size:14.5px}
.money-phone .money-tick:has(input:disabled){border-color:#c5d6cb;color:#6c7d73}
body.privacy-hidden :is(.money-phone,.money-sheet){visibility:hidden}

/* Figures to the right in the bordered tables of the books (cashbook-print.mjs). QUYẾT TOÁN SỬA CHỮA prints as the quote
   (settlement-print.mjs, quotes.css). */
.cs-sheet .cs-table td.money-r{text-align:right;white-space:nowrap}.cs-sheet .cs-table td.money-b{font-weight:700}
.money-voucher .money-voucher-table{margin-top:8px}
.money-voucher-table col:nth-child(1){width:22%}
.cs-sheet .money-voucher-table td{padding:4px 6px}
/* The account to pick, and what to do when there is none yet (Quản lý names them). */
.money-account-pick{display:grid;gap:4px;min-width:0}
.money-hint{color:#8a5a00;font-size:13px;line-height:1.35}
/* Phiếu thu / Phiếu chi (01-TT, 02-TT) and Báo có / Báo nợ: A5 across, five or three signatures (câu 15A). */
@page money-a5{size:A5 landscape;margin:7mm}
/* As the A4 sheets (intake-desk.css): no room for the browser's own lines; the 7 mm edges as padding of the print root. */
@supports (box-decoration-break:clone){
  @page money-a5{margin:0}
  @media print{body.intake-printing>.intake-print-root:has(.money-a5){padding:7mm}}
}
.money-std{font-family:Arial,sans-serif;color:#000;font-size:10.5pt;line-height:1.35;display:grid;gap:5px}
.money-std-top{display:grid;grid-template-columns:1fr 46%;gap:12px;font-size:9pt}
.money-std-co,.money-std-form{display:grid;gap:2px;align-content:start}.money-std-form{text-align:center}.money-std-form span{font-style:italic;font-size:8pt}
.money-std-head{display:grid;grid-template-columns:22% 1fr 22%;align-items:start}
.money-std-title{text-align:center}.money-std-title h1{margin:4px 0 0;font-size:17pt;letter-spacing:.04em}.money-std-title p{margin:2px 0;font-style:italic}
.money-std-numbers{display:grid;grid-template-columns:auto 1fr;gap:1px 6px;margin:4px 0 0;font-size:9.5pt}.money-std-numbers dd{margin:0;font-weight:700}
.money-std-lines p{margin:3px 0}.money-std-lines i{font-style:italic}
.money-std-sign{display:grid;gap:2px;margin-top:4px}.money-std-date{text-align:right;font-style:italic;margin:0}
.money-std-signs{display:grid;grid-template-columns:repeat(5,1fr);text-align:center;gap:4px;min-height:92px}
.money-std-signs[data-count="3"]{grid-template-columns:repeat(3,1fr)}
.money-std-signs b{display:block;font-size:9pt}.money-std-signs i{display:block;font-size:8pt}.money-std-name{display:block;margin-top:46px;font-weight:700;font-size:9pt}
.money-std-got{margin:4px 0 0;font-size:9.5pt}
.money-std-void{margin:6px 0 0;text-align:center;font-weight:700;border:2px solid #a33f2c;color:#a33f2c;padding:3px}
/* Sổ quỹ tiền mặt (S07-DNN), Sổ tiền gửi (S08-DNN) on A4. */
.money-book-sheet{display:grid;gap:8px}.money-book-title p{margin:1px 0}
.money-book-table col:nth-child(1){width:9%}.money-book-table col:nth-child(2),.money-book-table col:nth-child(3){width:10%}.money-book-table col:nth-child(4){width:31%}
.money-book-table col:nth-child(5){width:8%}.money-book-table col:nth-child(6),.money-book-table col:nth-child(7),.money-book-table col:nth-child(8){width:10.6%}
@media print{.intake-print-root .money-a5{page:money-a5}.intake-print-root .money-std-signs,.intake-print-root .money-std-sign{break-inside:avoid}}
/* Thu chi on the Desktop: the lists of vouchers, their badges, the books, Đối chiếu, the settings. */
.money-series{display:inline-block;padding:1px 8px;border-radius:999px;font-size:12px;font-weight:700;background:#e5f2ea;color:#1f5d3a;white-space:nowrap}
.money-series[data-dir=out]{background:#fbe9e7;color:#9b2c1e}.money-series[data-dir=move]{background:#eceff1;color:#37474f}
.money-journal-rows td:nth-child(1),.money-journal-rows td:nth-child(2),.money-ledger-rows td:nth-child(1),.money-ledger-rows td:nth-child(2){white-space:nowrap}
.money-journal-rows tbody tr,.money-ledger-rows tbody tr:not(.money-ledger-first){cursor:pointer}
.money-journal-rows tbody tr:hover,.money-ledger-rows tbody tr:not(.money-ledger-first):hover{background:#f4f8f5}
.money-journal-rows tr.pending td{background:#fff8e6}
.money-journal-rows td small,.money-state{display:block;color:#6b5b2e;font-size:12px}
.money-journal-rows .money-in,.money-ledger-rows .money-in{color:#1f6b3f;font-weight:700}.money-journal-rows .money-out,.money-ledger-rows .money-out{color:#a33f2c;font-weight:700}
.money-journal-rows tfoot td,.money-ledger-rows tfoot td{font-weight:700;border-top:2px solid #cfd8d2}
.money-journal-tools{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}.money-journal-tools .money-search{flex:1 1 280px;min-width:0}
.money-ledger-account{max-width:320px}
.money-makes{display:inline-flex;gap:8px;flex-wrap:wrap}
.money-ledger-split{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;align-items:start}
.money-ledger-split:not(:has(.money-reconcile)){grid-template-columns:minmax(0,1fr)}
.money-reconcile{border:1px solid #dfe5e1;border-radius:12px;padding:12px;display:grid;gap:8px}
.money-reconcile-verdict{font-weight:700;margin:0;font-size:16px}.money-reconcile-verdict[data-kind=paid]{color:#1f6b3f}.money-reconcile-verdict[data-kind=due]{color:#a33f2c}
.money-ledger-first td{font-weight:700;background:#f6f8f7}
.money-opening-note{margin:0}
.money-entry{font-weight:600}
.money-inline{display:flex;gap:8px;align-items:center}.money-small{max-width:140px}
.money-limit,.money-category-list{display:grid;gap:8px;margin-bottom:16px}
.money-category-add{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.money-category-add .money-input:first-child{flex:1 1 240px}
.money-openings-form{max-width:640px}
.money-voucher-view .money-row b{font-weight:600}
@media (max-width:900px){.money-ledger-split{grid-template-columns:minmax(0,1fr)}}
/* The owner's own account (cashbook-personal.sql): said on the list of accounts and in the boxes. */
.money-account-kind{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;font-size:12px;background:#e5f2ea;color:#1f5d3a;font-weight:700}
.money-account[data-personal=true] .money-account-kind{background:#fff1d6;color:#7a4d00}
.money-account-own{display:inline-flex;gap:6px;align-items:center;font-weight:600;white-space:nowrap}
.money-box[data-kind=own]{background:#fff8e6;border-color:#f0d9a8}
/* Sổ thu chi như Excel (PLAN-KE-TOAN-003): the places of the money, the quick line, the book's columns. */
.money-places{margin-top:-2px}
.money-places .qd-chip{font-size:12.5px}
.money-quick{display:grid;grid-template-columns:auto 138px minmax(220px,2.4fr) minmax(170px,1.5fr) minmax(110px,.9fr) 130px auto auto;gap:6px;align-items:center;padding:8px 10px;border:2px solid #e0a800;border-radius:10px;background:#fffdf5}
.money-quick .money-cap{margin:0;align-self:center;white-space:nowrap}
.money-quick .money-input,.money-quick .money-amount{min-height:34px;margin:0;width:100%;box-sizing:border-box}
.money-quick .money-amount{text-align:right;font-weight:800}
.money-quick-way{font-size:12px;font-weight:800;color:#5d6f64;white-space:nowrap}
.money-quick-way[data-dir=in]{color:#1f6b3a}.money-quick-way[data-dir=out]{color:#a3241b}
.money-quick-msg{grid-column:1/-1;margin:0;font-size:13px;font-weight:700;color:#33473c}
.money-quick-msg:empty{display:none}
.money-quick-hint{grid-column:1/-1;margin:0}
@media (max-width:1100px){.money-quick{grid-template-columns:1fr 1fr}.money-quick .money-cap{grid-column:1/-1}}
.money-journal-rows td:nth-child(2) b{display:block;white-space:nowrap}
.money-journal-rows td:nth-child(2) .money-series{margin-top:2px}
.money-counter{font-weight:800;font-variant-numeric:tabular-nums;text-align:center}
.money-place{display:inline-block;border-radius:6px;padding:1px 7px;background:#f2eefc;color:#4b3591;font:700 11.5px system-ui,sans-serif;white-space:nowrap}
.money-tag{display:inline-block;border-radius:6px;padding:1px 7px;background:#e3f1e8;color:#1f5135;font:700 11.5px system-ui,sans-serif;white-space:nowrap}
.money-tag.fix{background:#e3eefc;color:#1d4f91}.money-tag.grey{background:#eef1ef;color:#4d5f55}
.money-journal-rows tr.money-move td{color:#5d6f64;font-style:italic}
.money-check{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:700;white-space:nowrap}
.money-hints{color:#5d6f64;font-size:12.5px}
/* Số dư các tài khoản, Chi phí theo nhóm (PLAN-KE-TOAN-003 đợt 2) */
.money-balance-tools{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}
.money-balance-tools .money-inline{display:inline-flex;gap:6px;align-items:center;font-size:12.5px;color:var(--intake-muted)}
.money-month{max-width:170px;min-height:32px;margin:0}
.money-balance-rows td small{display:block;color:var(--intake-muted);font-size:11.5px;font-weight:500}
.money-balance-rows .money-in{color:#1f6b3f}.money-balance-rows .money-out{color:#a33f2c}
.money-balance-rows input.money-real{width:100%;min-width:130px;max-width:200px;min-height:32px;margin:0;text-align:right;font-weight:750;font-variant-numeric:tabular-nums}
.money-balance-rows .money-real-cell{width:210px}
.money-diff[data-state=ok]{color:#1f6b3f}.money-diff[data-state=off]{color:#a3241b;font-weight:800}
.money-balance-rows tfoot td,.money-cost-rows tr.money-cost-sum td{font-weight:750;background:#f3f7f4}
.money-savings-cap{display:inline-block;padding:3px 10px;border:2px solid #d9a91a;border-radius:8px;background:#fffaf0}
.money-cost-table{overflow-x:auto}
.money-cost-rows tr.money-cost-section td{font-weight:800;background:#eef4f0;letter-spacing:.03em;color:#33473c}
.money-cost-rows tr.money-cost-total td{font-weight:800;border-top:2px solid #cfd8d2}
.money-cost-rows tr[data-total=out] td.num{color:#a3241b}.money-cost-rows tr[data-total=in] td.num{color:#1f6b3f}
.money-cost-rows td.money-cell-open{cursor:pointer}.money-cost-rows td.money-cell-open:hover,.money-cost-rows td.money-cell-open:focus{background:#eaf3ed;text-decoration:underline}
.money-cost-rows .money-cost-all{background:#f7faf8}
dialog.money-cost-window{width:min(900px,calc(100vw - 24px))}
.money-cost-list{max-height:min(60vh,560px);overflow:auto;padding:0 16px 16px}
.money-account-kind.money-account-savings{background:#fff1d6;color:#7a4d00}
/* The owner's own accounts: coloured, never named (Owner 03/11/2026) */
.money-account[data-personal=true]{background:#fffaf0;border-color:#f0d9a8}
.money-places .qd-chip[data-own=true]:not([aria-pressed=true]){background:#fff8e6;border-color:#e8c98a;color:#6b4a00}
.money-place[data-own=true]{background:#fff1d6;color:#7a4d00}
.money-balance-rows tr[data-own=true] td{background:#fffaf0}
/* Quyết toán: the RO's colour by where it is for the money (Owner 03/11/2026, as Carsoft): white, green, blue */
#module-panel .intake-desk.money-desk .intake-desk-row[data-phase=working]{background:#fff;border-color:#dfe5e1}
#module-panel .intake-desk.money-desk .intake-desk-row[data-phase=done]{background:#dff1e4;border-color:#9fd0ac}
#module-panel .intake-desk.money-desk .intake-desk-row[data-phase=posted]{background:#ddedfc;border-color:#9cc4ec}
#module-panel .intake-desk.money-desk .intake-desk-row[data-phase]:hover{filter:brightness(.97)}
#module-panel .intake-desk.money-desk .intake-desk-row.selected[data-phase]{border-color:var(--intake-green);box-shadow:inset 4px 0 0 var(--intake-green),0 0 0 1px var(--intake-green)}
.money-card[data-phase=done]{background:#dff1e4!important;border-color:#9fd0ac!important}
.money-card[data-phase=posted]{background:#ddedfc!important;border-color:#9cc4ec!important}
.money-legend{display:grid;gap:4px;margin-top:6px;padding:8px 2px 0;border-top:1px solid var(--intake-line);font-size:12px}
.money-legend-keys{display:flex;flex-wrap:wrap;gap:4px 12px;color:#33473c;font-weight:600}
.money-key::before{content:'';display:inline-block;width:12px;height:12px;margin-right:5px;vertical-align:-2px;border:1px solid #b9c4bd;border-radius:3px;background:#fff}
.money-key[data-phase=done]::before{background:#dff1e4;border-color:#9fd0ac}
.money-key[data-phase=posted]::before{background:#ddedfc;border-color:#9cc4ec}
.money-legend-sums{display:flex;flex-wrap:wrap;gap:2px 12px;color:var(--intake-muted)}
.money-legend-sums b{color:#a3241b;font-variant-numeric:tabular-nums}
/* Ảnh chứng từ gốc (PLAN-CHUNG-TU-001, voucher-photos.mjs): the strip of a voucher's window, CHỨNG TỪ GỐC of one saved, the viewer. */
.money-papers{display:grid;gap:6px;min-width:0}
.vp-picker,.vp-section{display:grid;gap:6px;min-width:0}
.vp-section{margin:6px 0;padding:10px 12px;border:1px solid #d5ded8;border-radius:10px;background:#f7faf8}
.vp-head{margin:0;font:800 12px system-ui,sans-serif;letter-spacing:.05em;color:#33473c}
.vp-strip{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}
.vp-cell{position:relative}
.vp-cell[data-state=sending]{opacity:.55}
.vp-cell[data-state=removing] .vp-thumb{opacity:.4;outline:2px dashed #a3241b;outline-offset:-2px}
.vp-thumb{position:relative;display:block;width:84px;height:104px;padding:0;border:1px solid #c9d3cc;border-radius:8px;overflow:hidden;background:#f3f5f4;box-shadow:0 1px 2px #0001;cursor:zoom-in}
.vp-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.vp-thumb i{position:absolute;left:0;right:0;bottom:0;padding:2px 4px;background:#000a;color:#fff;font:600 10.5px/1.25 system-ui,sans-serif;font-style:normal;text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}
.vp-pdf{display:grid;place-items:center;height:100%;color:#a3241b;font:800 18px system-ui,sans-serif;background:#fff5f4}
.vp-drop{position:absolute;top:3px;right:3px;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:#1d2b23cc;color:#fff;font:700 12px/24px system-ui;text-align:center;cursor:pointer}
.vp-add{display:grid;place-items:center;align-content:center;width:84px;height:104px;border:2px dashed #7fa58e;border-radius:8px;text-align:center;color:#2f6a4a;font:700 12px/1.3 system-ui,sans-serif;background:#f6fbf8;cursor:pointer}
.vp-add big{display:block;font-size:24px;line-height:1}
.vp-add:focus-visible{outline:2px solid #2f6a4a;outline-offset:2px}
.vp-note{margin:0;font-size:12px;color:var(--intake-muted,#5b6b61)}
.vp-note[data-kind=warn]{color:#8a5a0c}
.vp-removed{margin:0;padding-left:18px;font-size:11.5px;color:var(--intake-muted,#5b6b61)}
.vp-removed:empty{display:none}
.money-clip{display:inline-flex;align-items:center;margin-left:6px;padding:0 6px;border-radius:999px;background:#e8eefb;color:#1d4f91;font:700 11.5px system-ui,sans-serif;white-space:nowrap;vertical-align:1px}
.money-clip-link{color:#1d4f91}
dialog.vp-viewer{max-width:none;max-height:none;width:100vw;height:100dvh;margin:0;padding:0;border:0;background:#0e1511f0;color:#fff;font-family:system-ui,sans-serif}
dialog.vp-viewer[open]{display:grid;grid-template-rows:auto 1fr auto}
dialog.vp-viewer::backdrop{background:#0008}
.vp-viewer header{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;padding:12px 18px}
.vp-viewer header span{opacity:.8;font-size:13px}
.vp-viewer main{display:grid;grid-template-columns:56px minmax(0,1fr) 56px;align-items:center;justify-items:center;min-height:0;margin:0;max-width:none}
.vp-viewer main img{max-width:100%;max-height:calc(100dvh - 140px);object-fit:contain;border-radius:4px;box-shadow:0 6px 30px #000a;background:#fff}
/* the photo in the middle column whatever the arrows (one photo: both hidden, display:none by mobile.css [hidden]) */
.vp-viewer main>img{grid-column:2;grid-row:1}.vp-viewer main>.vp-arrow:first-child{grid-column:1;grid-row:1}.vp-viewer main>.vp-arrow:last-child{grid-column:3;grid-row:1}
.vp-arrow{width:48px;height:64px;border:0;border-radius:10px;background:#ffffff14;color:#fff;font-size:36px;cursor:pointer}
.vp-arrow[hidden]{visibility:hidden;display:block}
.vp-viewer footer{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:10px 12px 16px}
.vp-button{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:8px;background:#ffffff1f;border:1px solid #ffffff40;color:#fff;font:700 14px system-ui,sans-serif;text-decoration:none;cursor:pointer}
.vp-button.vp-red{background:#a3241b;border-color:#a3241b}
@media (max-width:600px){.vp-viewer main{grid-template-columns:36px minmax(0,1fr) 36px}.vp-arrow{width:34px;font-size:28px}.vp-thumb,.vp-add{width:76px;height:96px}}
/* PM review M1, M2 (03/11/2026): pages of a list (the totals count every page); balances not known before the books start. */
.money-pager{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;margin:10px 0}
.money-pager[hidden]{display:none}
.money-pager-text{color:var(--intake-muted,#5b6b61);font-variant-numeric:tabular-nums}
.money-unknown{flex-basis:100%;margin:4px 0 0}
.money-opening-note[data-kind=warn]{color:#8a5a0c;font-weight:600}
/* Kế toán trên điện thoại (cashbook-phone.mjs; PLAN-KE-TOAN-004): the strip of balances swiped sideways, three tabs, today's money,
   the books to read. An RO's page (Thu tiền xe) hides the strip and the tabs. */
.kp-head{display:grid;gap:10px;min-width:0}
.kp-phone:has(.money-back)>.kp-head{display:none}
#module-panel .kp-phone .kp-head h2{margin:0}
.money-car{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-width:0}
.kp-strip{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:2px;scrollbar-width:none;min-width:0}
.kp-strip::-webkit-scrollbar{display:none}
.kp-strip[hidden],.kp-dots[hidden]{display:none}
.kp-cell{flex:0 0 min(46%,190px);box-sizing:border-box;scroll-snap-align:start;padding:9px 11px;border:1px solid transparent;border-radius:12px;background:#e9f1eb;min-width:0}
.kp-cell small{display:block;font-size:11px;font-weight:800;letter-spacing:.04em;color:#4d5f55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kp-cell b{display:block;font-size:18px;color:#1d3a2c;font-variant-numeric:tabular-nums;white-space:nowrap}
.kp-cell span{display:block;font-size:11.5px;color:#5d6f64;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kp-cell[data-personal=true]{background:#fffaf0;border-color:#f0d9a8}
.kp-cell[data-savings=true]{background:#fffaf0;border:2px solid #d9a91a}
.kp-cell[data-negative=true] b{color:#a3241b}
.kp-dots{display:flex;justify-content:center;gap:5px;margin-top:-4px}.kp-dots i{width:6px;height:6px;border-radius:50%;background:#c5d6cb}.kp-dots i.on{background:#286548}
.kp-body{display:grid;gap:10px;min-width:0}
.kp-day{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 10px;margin:0;font-size:14px;font-weight:700;color:#33473c}
.kp-in{color:#1f6b3a}.kp-out{color:#a3241b}
.kp-list{display:grid;gap:8px}
button.kp-row,button.kp-line{display:grid;gap:5px;width:100%;margin:0;text-align:left;font:inherit;color:inherit;cursor:pointer}
button.kp-row .sp-doc-top b:first-child{min-width:0;overflow-wrap:anywhere}
.kp-amount{font-variant-numeric:tabular-nums;white-space:nowrap}
.kp-row[data-kind=in] .kp-amount,.kp-line .kp-amount[data-sign=in]{color:#1f6b3a}.kp-row[data-kind=out] .kp-amount,.kp-line .kp-amount[data-sign=out]{color:#a3241b}.kp-row[data-kind=move] .kp-amount{color:#1d4f91}
.kp-row[data-gone=true] .sp-doc-top b{text-decoration:line-through;color:#7c8a82}
.kp-meta{display:flex;flex-wrap:wrap;align-items:center;gap:2px 4px}
.kp-place{display:inline-block;padding:0 6px;border-radius:6px;background:#e3eefc;color:#1d4f91;font-size:12px;font-weight:700;overflow-wrap:anywhere}
.kp-place[data-cash=true]{background:#e3f1e8;color:#1f5135}.kp-place[data-personal=true]{background:#fff1d6;color:#7a4d00}.kp-place[data-restricted=true]{background:#eef1ef;color:#4d5f55}
.kp-chip{display:inline-block;padding:1px 7px;border-radius:999px;background:#eef1ef;color:#4d5f55;font-size:11.5px;font-weight:700;white-space:nowrap}
.kp-chip[data-kind=clip]{background:#e8eefb;color:#1d4f91}.kp-chip[data-kind=red]{background:#fde4e1;color:#a3241b}.kp-chip[data-kind=wait]{background:#fff1d6;color:#7a4d00}
.kp-foot{position:sticky;bottom:calc(80px + env(safe-area-inset-bottom));z-index:5;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 -2px;padding:8px 2px;border-radius:14px;background:#f3f5f4;box-shadow:0 -6px 12px #f3f5f4}
:is(#module-panel,dialog) .kp-foot .sp-btn{min-height:52px;font-size:16px;font-weight:800}
.kp-books{display:grid;gap:10px;min-width:0}
.kp-seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:4px;border-radius:12px;background:#e6eee9}
button.kp-segbtn{min-height:42px;margin:0;padding:6px;border:0;border-radius:9px;background:transparent;color:#33473c;font:inherit;font-size:14.5px;font-weight:700}
button.kp-segbtn.on{background:#fff;box-shadow:0 1px 2px #0002;color:#1d3a2c}
.kp-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;min-width:0;padding-bottom:1px}.kp-chips::-webkit-scrollbar{display:none}.kp-chips[hidden]{display:none}
button.kp-chipbtn{flex:0 0 auto;min-height:38px;margin:0;padding:6px 12px;border:1.5px solid #c5d6cb;border-radius:999px;background:#fff;color:#25503a;font:inherit;font-size:13.5px;font-weight:700;white-space:nowrap}
button.kp-chipbtn.on{background:#286548;border-color:#286548;color:#fff}
button.kp-chipbtn[data-personal=true]:not(.on){background:#fffaf0;border-color:#f0d9a8}button.kp-chipbtn[data-savings=true]:not(.on){border-color:#d9a91a}
.kp-pick{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px;align-items:center}.kp-pick[hidden]{display:none}
.kp-pick input{box-sizing:border-box;width:100%;min-height:44px;padding:6px 8px;border:1.5px solid #c5d6cb;border-radius:10px;font:inherit;font-size:15px}
.kp-boxes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.kp-boxes:empty{display:none}
.kp-box{padding:8px 10px;border-radius:12px;background:#e9f1eb;min-width:0}.kp-box small{display:block;font-size:11px;font-weight:800;letter-spacing:.04em;color:#4d5f55}
.kp-box b{font-size:18px;font-variant-numeric:tabular-nums}.kp-box[data-kind=in] b{color:#1f6b3a}.kp-box[data-kind=out] b{color:#a3241b}
.kp-dhead{margin:4px 0 -2px;font-size:12px;font-weight:800;letter-spacing:.05em;color:#5d6f64}
button.kp-line{padding:10px 12px;border:1px solid #d8e3dc;border-radius:12px;background:#fff;font-size:14.5px}
.kp-line .kp-left{font-weight:700;color:#33473c;white-space:nowrap}.kp-line .kp-meta{font-size:12.5px;color:#5d6f64}
.kp-edge{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #cfe0d5;border-radius:12px;background:#eef4f0;font-size:14.5px}
button.kp-more{width:100%;min-height:44px;margin:0;border:1.5px dashed #b9d0c0;border-radius:12px;background:transparent;color:#1e5138;font:inherit;font-weight:700}
.money-voucher-sheet .money-papers{display:grid;gap:6px}
.money-voucher-sheet .money-inline{display:flex;align-items:center;gap:10px}.money-voucher-sheet .money-inline input.money-small{flex:0 0 76px;width:76px}.money-voucher-sheet .money-inline span{font-size:13.5px;color:#5d6f64}
dialog.money-sheet .vp-cell .vp-drop{min-height:0;min-width:0;width:28px;height:28px;margin:0;padding:0;border:0;border-radius:50%;font:700 13px/28px system-ui,sans-serif}
dialog.money-sheet.money-voucher-view .money-foot{grid-template-columns:1fr 1fr}
/* Tạm ứng (PLAN-KE-TOAN-005; advance-phone.mjs, advance-desk.mjs, advance-print.mjs): one's own papers (Đề nghị of the workshop,
   Nhân sự › Của tôi), the Giấy thanh toán, Kế toán's line TẠM ỨNG and page on the phone, the Desktop's list and windows, the prints. */
section:is(.adv-mine,.adv-book){margin:0;padding:0;background:transparent;border:0;border-radius:0}
.adv-mine,.adv-book,.adv-book-body,.adv-requests{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-width:0}
#module-panel :is(.adv-mine,.adv-book,.adv-requests) .adv-h2,#module-panel .adv-requests>h2{margin:2px 0 0;font-size:22px}
:is(#module-panel,.staff) :is(.adv-mine,.adv-book) button{margin:0}
.adv-mine [hidden],.adv-book [hidden],.adv-window [hidden]{display:none!important}
.adv-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;min-width:0;padding-bottom:1px}.adv-tabs::-webkit-scrollbar{display:none}
:is(#module-panel,.staff) button.adv-tab{flex:0 0 auto;min-height:40px;margin:0;padding:6px 14px;border:1.5px solid #284b3e;border-radius:999px;background:#284b3e;color:#fff;font:inherit;font-size:14.5px;font-weight:700;white-space:nowrap}
:is(#module-panel,.staff) button.adv-tab[data-soon=true]{border:1.5px dashed #b9c9bf;background:transparent;color:#7d8c83;cursor:default;opacity:1}
.adv-boxes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0}
.adv-boxes.adv-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.adv-box{min-width:0;padding:9px 11px;border:1.5px solid transparent;border-radius:12px;background:#eef3f0}
.adv-box small{display:block;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#4d5f55;overflow-wrap:anywhere}
.adv-box b{display:block;font-size:19px;line-height:1.25;color:#1d3a2c;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.adv-box span{display:block;font-size:12px;color:#5d6f64;overflow-wrap:anywhere}
.adv-box[data-kind=hold],.adv-box[data-kind=over]{background:#e3f1e8;border-color:#a9d3b7}.adv-box[data-kind=hold] b,.adv-box[data-kind=over] b{color:#1f6b3f}
.adv-box[data-kind=wait]{background:#fff6e0}.adv-box[data-kind=wait] b{color:#8a5a0c}
.adv-box[data-kind=late],.adv-box[data-kind=short]{background:#fdecea}.adv-box[data-kind=late] b,.adv-box[data-kind=short] b{color:#a3241b}
.adv-box[data-kind=check]{background:#e8eefb}.adv-box[data-kind=check] b{color:#1d4f91}
.adv-three .adv-box b{font-size:17px}
.adv-cap{margin:4px 2px -2px!important;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#5d6f64}
.adv-list,.adv-receipts{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;align-items:start}
.adv-card{display:grid;align-content:start;gap:5px;min-width:0;padding:12px 14px;border:1px solid #d8e3dc;border-radius:14px;background:#fff;font-size:14.5px;color:#22352b}
.adv-card[data-kind=late]{background:#fff5f4;border-color:#ecb8b1}
.adv-card .sp-doc-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.adv-title{min-width:0;font-size:15.5px;overflow-wrap:anywhere}
.adv-num{font-variant-numeric:tabular-nums;white-space:nowrap}
.adv-card .sp-doc-top .adv-num{font-size:16.5px}
.adv-sub{display:flex;flex-wrap:wrap;align-items:center;gap:2px;font-size:13.5px;color:#5d6f64}
.adv-meta{margin:0;font-size:13.5px;line-height:1.4;color:#5d6f64;overflow-wrap:anywhere}
.adv-chip{display:inline-block;padding:1px 8px;border-radius:999px;background:#eef1ef;color:#4d5f55;font-size:12px;font-weight:800;white-space:nowrap}
.adv-chip[data-kind=wait]{background:#fff1d6;color:#7a4d00}.adv-chip[data-kind=pay]{background:#e3eefc;color:#1d4f91}.adv-chip[data-kind=hold]{background:#e3f1e8;color:#1f5135}
.adv-chip[data-kind=check]{background:#efe9fb;color:#5b3ea8}.adv-chip[data-kind=no]{background:#fde4e1;color:#a3241b}.adv-chip[data-kind=late]{background:#a3241b;color:#fff}
.adv-returned{margin:0;padding:8px 11px;border-radius:10px;background:#fde8e6;color:#8f2118;font-size:13.5px;font-weight:650;line-height:1.45;overflow-wrap:anywhere}
p.money-info.adv-holding,.adv-window p.money-info{margin:0;padding:8px 11px;border:0;border-radius:10px;background:#fff4d7;color:#6b4a12;font-size:13.5px;font-weight:650;line-height:1.45}
.adv-state{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:0;font-size:13.5px;color:#3e5247}
:is(#module-panel,.staff,dialog) :is(.adv-mine,.adv-book,.adv-window,.staff-leads) .sp-btn{min-height:44px;margin:0;padding:8px 14px;border:1.5px solid #b9d0c0;border-radius:10px;background:#fff;color:#1e5138;font:inherit;font-size:14.5px;font-weight:700;cursor:pointer}
:is(#module-panel,.staff,dialog) :is(.adv-mine,.adv-book,.staff-leads) .sp-btn.sp-primary{background:#286548;border-color:#286548;color:#fff}
:is(#module-panel,.staff,dialog) :is(.adv-mine,.adv-book,.staff-leads) .sp-btn.sp-red{border-color:#e7b4ae;color:#a3241b}
:is(.adv-mine,.adv-book) .sp-btn:disabled{opacity:.55;cursor:default}
.adv-wide,.adv-ask-btn{width:100%}
:is(#module-panel,.staff) .adv-mine .adv-ask-btn{min-height:54px;font-size:17px;font-weight:800}
.adv-acts{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin-top:4px}.adv-acts[data-count="2"]{grid-template-columns:1fr 1fr}
/* Nhân sự › Chờ duyệt on the Desktop: the Tổ trưởng's / TP DV's papers side by side like the leave cards (advance-lead.sql). */
.staff-desktop .staff-leads{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}
.staff .staff-leads+.sp-hint{margin:0;font-size:14px;line-height:1.45;color:#5d6f64}
.adv-clip{margin-left:2px}
.adv-off{margin:0}
.adv-mine .service-phone-status:empty,.adv-book .service-phone-status:empty{display:none}
:is(#module-panel,.staff) .adv-back{justify-self:start;min-height:44px;margin:0;padding:4px 0;border:0;background:transparent;color:#1e5138;font:inherit;font-size:17px;font-weight:700;cursor:pointer}
/* The Giấy thanh toán (drawing 04): a receipt a card, its photo on the left. */
:is(#module-panel,.staff) button.adv-receipt{display:grid;grid-template-columns:62px minmax(0,1fr);gap:12px;align-items:center;width:100%;margin:0;padding:10px 12px;border:1px solid #d8e3dc;border-radius:14px;background:#fff;color:#22352b;font:inherit;text-align:left;cursor:pointer}
.adv-receipt-pic{display:grid;place-items:center;width:62px;height:78px;border-radius:8px;overflow:hidden;background:#eef3f0;color:#7d8c83;font-size:22px;font-weight:800}
.adv-receipt-pic img{width:100%;height:100%;object-fit:cover;display:block}
.adv-receipt-body{display:grid;gap:6px;min-width:0}.adv-receipt-body .sp-doc-top{display:flex;justify-content:space-between;gap:8px}.adv-receipt-body .sp-doc-top b:first-child{min-width:0;overflow-wrap:anywhere}
.adv-receipt-body .sp-meta{font-size:13px;color:#5d6f64}
:is(#module-panel,.staff) button.adv-add{width:100%;min-height:52px;margin:0;border:2px dashed #7fa58e;border-radius:14px;background:#f2f7f4;color:#1e5138;font:inherit;font-size:16px;font-weight:800;cursor:pointer}
.adv-say{margin:0;font-size:14px;line-height:1.45;color:#33473c}
.adv-foot{display:grid;grid-template-columns:1fr 1fr;gap:8px}
:is(#module-panel,.staff) .adv-foot .sp-btn{min-height:52px;font-size:16px;font-weight:800}
/* The line TẠM ỨNG of Kế toán's Thu chi (drawing 05). */
:is(#module-panel,.staff) button.kp-adv{display:flex;align-items:center;gap:10px;width:100%;margin:0;padding:10px 14px;border:2px solid #e0b43c;border-radius:14px;background:#fffaf0;color:#22352b;font:inherit;text-align:left;cursor:pointer}
button.kp-adv[hidden],button.kp-adv[data-books=true]{display:none}
.kp-adv-text{display:grid;gap:1px;flex:1;min-width:0}.kp-adv-text small{font-size:11.5px;font-weight:800;letter-spacing:.06em;color:#7a4d00}
.kp-adv-text b{font-size:17px;color:#1d3a2c;font-variant-numeric:tabular-nums}.kp-adv-text span{font-size:13.5px;color:#5d6f64}
.kp-adv-text .kp-adv-late{color:#a3241b;font-weight:800}
.kp-adv-go{flex:0 0 auto;font-size:24px;color:#5d6f64}
/* Nothing with the staff, nothing to do: a plain line (review of the flow of Kế toán on the phone, Owner 10/11/2026 "Sửa cả 10"). */
:is(#module-panel,.staff) button.kp-adv[data-idle=true]{padding:8px 14px;border:1px solid #dbe5df;border-radius:12px;background:#fff}
.kp-adv-idle{flex:1;min-width:0;font-size:14px;font-weight:600;color:#52665b}
button.kp-adv[data-idle=true] .kp-adv-go{font-size:20px}
/* The RO the list followed to its tab (Thu đủ: Đã thu), until another tab is chosen. */
.money-card[data-moved=true]{outline:3px solid #9cc9ad;outline-offset:-1px}
/* The sheets and windows of Tạm ứng. */
.adv-window .adv-fixed{background:#f3f6f4;color:#33473c}
.adv-window .adv-words{margin:2px 0 0;font-size:13px;color:#6b4a12}
.adv-window .adv-hint{display:block;margin-top:2px;font-size:12.5px;line-height:1.4;color:#6b4a12}
.adv-window .money-row>*{min-width:0}
.adv-window .adv-two>span~*{display:block}
.adv-window .adv-two{grid-template-columns:120px minmax(0,1fr) minmax(0,1fr)}
.money-sheet.adv-window .adv-two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.money-sheet.adv-window .adv-two>.money-label{grid-column:1/-1}
.adv-window textarea{box-sizing:border-box;width:100%;min-height:72px;font:inherit;padding:8px 10px;border:1.5px solid #c5d6cb;border-radius:10px}
.adv-window .money-foot .adv-left{margin-right:auto!important}
.adv-how{display:grid;gap:6px;min-width:0}.adv-how .money-seg{justify-self:start}
.money-sheet.adv-window .money-foot .adv-left{margin-right:0}
.money-sheet.adv-window .money-form{overflow:auto}
dialog.money-window.adv-confirm{width:min(1120px,calc(100vw - 24px))}
dialog.money-window.adv-paper{width:min(680px,calc(100vw - 24px))}
dialog.money-window.adv-window .money-form{max-height:calc(100dvh - 170px)}
.adv-lines{display:grid;gap:0;min-width:0;border:1px solid #dfe5e1;border-radius:10px;overflow:hidden;background:#fff}
.adv-line{display:grid;grid-template-columns:28px minmax(0,1.4fr) 92px minmax(0,1.1fr) minmax(0,1.6fr) 112px;gap:8px 12px;align-items:start;padding:8px 10px;border-top:1px solid #e6ece8;font-size:13.5px}
.adv-line:first-child{border-top:0}
.adv-line-head{background:#eef4f0;font-size:12px;font-weight:750;color:#33473c}
.adv-line-head span:last-child,.adv-line .adv-num{text-align:right}
.adv-line-total{background:#f6f8f7;font-weight:750}
.adv-lines .adv-none{margin:0;padding:12px 14px;text-align:left;border-bottom:1px solid #e3e8e5}
.adv-lines-read .adv-line{grid-template-columns:minmax(0,1.4fr) auto minmax(0,1fr) 110px}
.adv-ro-pick{display:grid;gap:6px;min-width:0}.adv-ro-pick .money-input{margin:0}
.adv-pick{display:grid;gap:3px;min-width:0}.adv-pick select{min-height:34px;margin:0}
.adv-entry{font-size:12px;color:#5d6f64}.adv-entry[data-missing=true]{color:#a3241b;font-weight:700}
.adv-thumbs{display:flex;flex-wrap:wrap;gap:4px}
button.adv-thumb{width:42px;height:54px;margin:0;padding:0;border:1px solid #c9d3cc;border-radius:6px;overflow:hidden;background:#f3f5f4;cursor:zoom-in}
button.adv-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.adv-nophoto{font-size:12px;color:#a3241b;font-weight:700}
.adv-confirm .adv-boxes{grid-template-columns:repeat(3,minmax(0,1fr))}
.adv-books .adv-hint{color:#33473c}
/* The phone: a line a card (number, what, photos, RO; the kind of cost under it). */
.money-sheet .adv-line{grid-template-columns:22px minmax(0,1fr) auto;grid-template-areas:"n what num" "n ro ro" "n pics pics" "n pick pick";padding:10px}
.money-sheet .adv-line .adv-n{grid-area:n}.money-sheet .adv-line .adv-what{grid-area:what}.money-sheet .adv-line .adv-num{grid-area:num}
.money-sheet .adv-line .adv-ro{grid-area:ro;color:#5d6f64}.money-sheet .adv-line .adv-thumbs{grid-area:pics}.money-sheet .adv-line .adv-pick{grid-area:pick}
.money-sheet .adv-line-total{grid-template-areas:"n what num"}.money-sheet .adv-line-total>span:not(:first-child){display:none}
.money-sheet .adv-lines-read .adv-line{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"what num" "ro ro" "pics pics"}
.money-sheet .adv-line .adv-pick select{min-height:44px}
.money-sheet.adv-confirm .adv-boxes .adv-box b{font-size:15.5px}
/* The Desktop (drawing 08). */
#module-panel .adv-desk .adv-desk-boxes{grid-template-columns:repeat(4,minmax(0,1fr))}
.adv-desk-box span{display:block;font-size:12px;color:#5d6f64}
.money-box.adv-desk-box[data-kind=hold]{background:#e9f5ed;border-color:#bcdcc7}.money-box.adv-desk-box[data-kind=hold] b{color:#22613c}
.money-box.adv-desk-box[data-kind=late]{background:#fff4f2;border-color:#ecc2bc}.money-box.adv-desk-box[data-kind=late] b{color:#a3241b}
.money-box.adv-desk-box[data-kind=wait]{background:#fffaf0;border-color:#e3c98c}.money-box.adv-desk-box[data-kind=wait] b{color:#8a5a0c}
.money-box.adv-desk-box[data-kind=check]{background:#eef3fc;border-color:#c4d4f0}.money-box.adv-desk-box[data-kind=check] b{color:#1d4f91}
.adv-tools{align-items:center}.adv-tools .intake-desk-dates{min-width:330px}
/* A short window (an office laptop): the desk scrolls as one, so the list of papers is never squeezed to nothing between the boxes and Ai đang giữ tiền. */
#module-panel .intake-desk.adv-desk{overflow-y:auto;overscroll-behavior:contain}
#module-panel .intake-desk.adv-desk>*{flex-shrink:0}
.adv-table{overflow-x:auto;container-type:inline-size}
/* A narrow list (a laptop window, the side menu open): the headings wrap, Lý do and the buttons take less room, and the buttons stay in sight at the right edge. */
@container (max-width:1000px){.adv-rows th{white-space:normal}.adv-rows .adv-reason{min-width:110px}.adv-rows td.adv-act-cell{min-width:92px}}
.adv-rows th:last-child,.adv-rows td.adv-act-cell{position:sticky;right:0;z-index:1}
.adv-rows td.adv-act-cell{background:#fff;box-shadow:inset 1px 0 0 #e6ece8}
.adv-rows tbody tr:hover:not(.adv-late) td.adv-act-cell{background:#f4f8f5}
table.adv-rows{background:#fff;border:1px solid var(--intake-line);border-radius:8px}
table.adv-rows td:nth-child(3){font-family:inherit;max-width:none;overflow-wrap:normal}
.adv-rows tbody tr{cursor:pointer}.adv-rows tbody tr:hover{background:#f4f8f5}
.adv-rows tr.adv-late td{background:#fdeeec}.adv-rows tr.adv-late .adv-due{color:#a3241b;font-weight:800}
.adv-rows tr.adv-done td{color:#5d6f64}
.adv-rows .adv-no{font-weight:750;white-space:nowrap}.adv-rows .adv-reason{min-width:150px}
.adv-rows td.adv-act-cell{text-align:left;white-space:normal;min-width:150px}
.adv-row-acts{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start}
#module-panel .adv-row-acts .intake-button{margin:0;min-height:30px;padding:3px 12px}
.adv-row-note{display:block;color:#5d6f64;font-size:12px;line-height:1.35}.adv-row-warn{color:#8a5a0c;font-weight:650}
.adv-people{display:grid;gap:6px;max-width:1100px}
table.adv-people-rows{background:#fff;border:1px solid var(--intake-line);border-radius:8px}
.adv-people-rows tfoot td{font-weight:800;background:#f3f7f4;border-top:2px solid #cfd8d2}
.adv-people-rows .adv-name{font-weight:750}.adv-red{color:#a3241b;font-weight:800}
.adv-desk-note{margin:0;font-size:12.5px;color:#5d6f64}
/* The prints (drawings 10, 11): four signatures; the table of the 04-TT; the small line of the app at the foot. */
.money-std-signs[data-count="4"]{grid-template-columns:repeat(4,1fr)}
.money-adv .money-std-head{grid-template-columns:10% 1fr 24%}.money-adv[data-form="04"] .money-std-title h1{font-size:15pt;letter-spacing:.02em}
.money-adv .money-std-lines p{margin:4px 0}
table.money-adv-table{width:100%;border-collapse:collapse;font-size:10pt}
.money-adv-table th,.money-adv-table td{border:1px solid #000;padding:3px 7px;text-align:left}
.money-adv-table th{background:#f1f1f1}
.money-adv-table td:last-child,.money-adv-table th:last-child{width:26%;text-align:right;white-space:nowrap}.money-adv-table th:last-child{text-align:left}
.money-adv-table tr.money-adv-part td{font-weight:700}.money-adv-table tr.money-adv-sub td:first-child{padding-left:20px}
.money-adv-foot{margin:4px 0 0;font-family:'Times New Roman',serif;font-style:italic;font-size:9.5pt;color:#333}
.adv-list-sheet{display:grid;gap:6px}.adv-list-sheet h1{margin:4px 0;text-align:center;font-size:16pt}.adv-list-sheet p{margin:0}
.adv-list-sheet .adv-list-table th,.adv-list-sheet .adv-list-table td{font-size:9pt}
@media (max-width:420px){.adv-three .adv-box{padding:8px}.adv-three .adv-box b{font-size:15px}.adv-three .adv-box small{font-size:10px;letter-spacing:.02em}}
@media (max-width:1100px){#module-panel .adv-desk .adv-desk-boxes{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Tạm ứng của tôi on the Desktop (Nhân sự › Của tôi): the phone's page words and boxes, which desktop.html has no mobile-home.css for. */
:is(.adv-mine,.adv-book) .service-phone-toast{margin:0;padding:10px 12px;border-radius:10px;background:#e3f2e8;color:#1f5135;font-size:14px;font-weight:650}
:is(.adv-mine,.adv-book) .service-phone-status{margin:0;font-size:14px;color:#5d6f64}
:is(.adv-mine,.adv-book) .sp-empty{margin:0;padding:14px;border:1px dashed #c5d6cb;border-radius:12px;color:#5d6f64;font-size:14px;text-align:center}
:is(.adv-mine,.adv-book) .sp-hint{margin:0;font-size:13px;line-height:1.45;color:#5d6f64}
:is(.adv-mine,.adv-book) .sp-meta{font-size:13.5px;color:#5d6f64;overflow-wrap:anywhere}
.staff-desktop .adv-mine{max-width:720px}
/* CÔNG NỢ (debt-desk.mjs): Phải thu / Phải trả, the parties left and one party's debts right (drawings 09, 10). */
.debt-desk .debt-search{max-width:420px;margin:4px 0 10px}
.debt-waiting{margin:0 0 10px;padding:8px 12px;border:1px solid #e3c98c;border-radius:9px;background:#fffaf0;color:#5b3d08;font-weight:600}
.debt-waiting.debt-waiting-list{padding:10px 12px 6px;border-radius:12px;font-weight:400;color:#3d3216}
#module-panel .debt-waiting .debt-waiting-title{margin:0 0 6px;padding:0;font-size:13px;line-height:1.35;font-weight:800;letter-spacing:.03em;color:#6b4e00}
/* desktop.css sets every third cell in monospace: not here. */
table.debt-waiting-table td:nth-child(3){font-family:inherit;max-width:none;overflow-wrap:normal}
.debt-waiting .debt-waiting-title span{font-weight:600;letter-spacing:0;color:#5b4a1d}
.debt-waiting-table{width:100%;border-collapse:collapse;font-size:13.5px}
.debt-waiting-table th{padding:6px 8px;border-bottom:1px solid #ecd9a6;background:#f7edd4;text-align:left;font-size:12px;font-weight:700;color:#6b5a2a}
.debt-waiting-table td{padding:7px 8px;border-bottom:1px solid #f1e3bd;vertical-align:top}
.debt-waiting-table tbody tr:last-child td{border-bottom:0}
.debt-waiting-table :is(th,td).num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:800}
.debt-waiting-table td:first-child{white-space:nowrap}.debt-waiting-table td:first-child b{font-weight:800}
.debt-waiting-table .debt-why{color:#8f2118;font-weight:650}
.debt-waiting-table td:last-child{width:1%;text-align:right}
#module-panel .debt-desk .debt-wait-go{min-height:30px;margin:0;padding:4px 12px;border:1px solid #24503a;border-radius:8px;background:#24503a;color:#fff;font:inherit;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer}
#module-panel .debt-desk .debt-wait-go:hover{background:#1b3e2c}
.debt-waiting .qd-hint{margin:6px 0 2px}
.debt-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,1fr);gap:14px;align-items:start;margin-top:12px}
.debt-panel{border:1px solid #dfe5e1;border-radius:12px;padding:12px;display:grid;gap:10px;background:#fff}
.debt-panel-title{margin:0;font-size:15px;font-weight:800;letter-spacing:.02em;color:#1d3a2c}
.debt-table tbody tr{cursor:pointer}.debt-table tbody tr[aria-selected=true]{background:#e9f5ed}
.debt-table tbody tr:focus-visible{outline:2px solid #2f6b4c;outline-offset:-2px}
.debt-table td small,.debt-items td small{display:block;color:#5d6f64;font-size:12px}
.debt-items td small{display:inline}
.debt-total td{font-weight:800;border-top:2px solid #cfd9d3}
.debt-over,.debt-items small.debt-over{color:#a3241b;font-weight:700}
.debt-items tr[data-done=true] td{color:#7a8a80;text-decoration:line-through}
.debt-panel-actions{display:flex;flex-wrap:wrap;gap:8px}
.debt-loose{margin-top:16px;display:grid;gap:8px}
.money-window.debt-window{width:min(940px,96vw);max-width:96vw}
.debt-form-items{min-width:0}.debt-form-items table{width:100%}
.debt-take{width:118px;min-width:0;text-align:right;font-variant-numeric:tabular-nums}
.debt-openings{margin-top:22px;border-top:1px solid #dfe5e1;padding-top:14px;display:grid;gap:8px}
.debt-openings-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.debt-split-view ul{margin:4px 0;padding-left:18px}
.money-collected td,.money-collected .sp-meta{color:#22613c}
.debt-print-party{margin:6px 0 10px;font-size:14px;font-weight:700}
.debt-print-note{margin:8px 0;font-size:12px}
@media (max-width:1100px){.debt-split{grid-template-columns:minmax(0,1fr)}}
/* Its own six columns (Owner 06/11/2026: "số bị lệch khỏi bảng"): the widths of the quote's eight columns made STT and Chứng từ
   take the page and the sums run over each other. The headings wrap; the date and the sums never do. */
.debt-print-sheet .quote-print-lines th:nth-child(1){width:7%}.debt-print-sheet .quote-print-lines th:nth-child(2){width:37%}
.debt-print-sheet .quote-print-lines th:nth-child(3){width:12%}.debt-print-sheet .quote-print-lines th:nth-child(4),.debt-print-sheet .quote-print-lines th:nth-child(5){width:15%}
.debt-print-sheet .quote-print-lines th:nth-child(6){width:14%}
.debt-print-sheet .quote-print-lines th{white-space:normal;overflow-wrap:normal;word-break:normal}
.debt-print-sheet .quote-print-lines td:first-child{text-align:center}.debt-print-sheet .quote-print-lines .quote-print-subtotal td:first-child{text-align:right}
.debt-print-sheet .quote-print-lines td:nth-child(3),.debt-print-sheet .quote-print-lines td.quote-print-number{white-space:nowrap;overflow-wrap:normal}
/* TỔNG HỢP › Kết chuyển số dư cuối kỳ (closing-desk.mjs; PLAN-KE-TOAN-006 drawings 01–05): the month, what is left to do, the
   numbers to lock, 🔒 Khoá sổ; the Biên bản khoá sổ on A4. */
#module-panel .closing-desk .closing-body{display:flex;flex-direction:column;gap:9px;flex:1;min-height:0;overflow:auto;padding:0 2px 18px}
.closing-month{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.closing-nav{display:flex;align-items:center;gap:10px}.closing-nav b{min-width:128px;text-align:center;font-size:19px;color:#1d3a2c}
#module-panel .closing-desk .closing-step{min-width:32px;min-height:32px;padding:0 8px;font-size:15px}
.closing-lock{padding:4px 12px;border-radius:999px;background:#fbeccb;color:#6b4a0a;font-size:13px;font-weight:800}
.closing-lock.on{background:#e3f1e7;color:#22613c}
p.closing-sub{margin:0;color:#5d6f64;font-size:13px}
p.closing-banner{margin:0;padding:8px 12px;border:1px solid #bcdcc7;border-radius:8px;background:#e9f5ed;color:#1f4f33;font-size:12.5px;font-weight:600;line-height:1.45}
.closing-confirm p.closing-banner{border-color:#e3c98c;background:#fffaf0;color:#5b3d08}
.closing-checks{display:flex;flex-direction:column;gap:7px}
.closing-check{display:grid;grid-template-columns:22px minmax(0,1fr) auto auto;align-items:center;gap:6px 12px;padding:8px 14px;border:1px solid var(--intake-line);border-radius:9px;background:#fff}
.closing-check>i{font-style:normal;font-weight:900;font-size:15px;text-align:center;color:#22613c}
.closing-check b{display:block;font-size:13.5px;color:#1f2a24}.closing-check small{display:block;margin-top:1px;font-size:12px;color:#5d6f64;overflow-wrap:anywhere}
.closing-check[data-kind=bad]{border-color:#ecc2bc;background:#fff4f2}.closing-check[data-kind=bad]>i{color:#a3241b}
.closing-check[data-kind=warn]{border-color:#e3c98c;background:#fffaf0}.closing-check[data-kind=warn]>i{color:#b07a10}
.closing-tag{padding:2px 9px;border-radius:999px;background:#e3f1e7;color:#22613c;font-size:11.5px;font-weight:800;white-space:nowrap}
.closing-check[data-kind=bad] .closing-tag{background:#a3241b;color:#fff}.closing-check[data-kind=warn] .closing-tag{background:#fbeccb;color:#6b4a0a}
#module-panel .closing-desk .closing-check .money-link{margin:0;padding:5px 12px;border:1px solid var(--intake-line);border-radius:8px;background:#fff;font-weight:750;white-space:nowrap}
.closing-cash .closing-missing{color:#a3241b}
.closing-cash tr.closing-sum td{background:#eef4f0;font-weight:800;border-bottom:0}
.closing-books{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.closing-books>div{padding:9px 14px;border:1px solid #d5e5da;border-radius:10px;background:#eef5f0}
.closing-books small{display:block;font-size:11px;font-weight:800;letter-spacing:.05em;color:#4c6356}
.closing-books b{display:block;margin-top:2px;font-size:21px;font-variant-numeric:tabular-nums;color:#1d3a2c}
.closing-books span{display:block;font-size:12px;color:#5d6f64}
.closing-books>div.soon{border-style:dashed;background:#f5f6f5}.closing-books>div.soon b{color:#8a958e}
.closing-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px;padding-top:12px;border-top:1px solid var(--intake-line)}
.closing-why{font-size:13px;font-weight:700;color:#22613c}.closing-why[data-kind=bad]{color:#a3241b}
.closing-history tr[data-action=unlock] td{color:#8a5a0c}
dialog.closing-window{width:min(620px,94vw)}
.closing-confirm ul{margin:0;padding-left:20px;font-size:13px;line-height:1.55}
@media (max-width:1100px){.closing-books{grid-template-columns:repeat(2,minmax(0,1fr))}.closing-check{grid-template-columns:22px minmax(0,1fr) auto}.closing-check>:last-child{grid-column:2/-1;justify-self:start}}
/* Biên bản khoá sổ on A4. */
.closing-print-sheet p.closing-print-meta{margin:4px 0 8px;font-size:11.5px}
.closing-print-sheet h3.closing-print-h{margin:10px 0 4px;font-size:12.5px;letter-spacing:.04em}
.closing-print-sheet table.money-pay{font-size:10.5px}.closing-print-sheet .money-pay th,.closing-print-sheet .money-pay td{padding:3px 5px}
.closing-print-sheet .closing-books{gap:5px}.closing-print-sheet .closing-books>div{padding:5px 8px;background:#fff;border-color:#9aa8a0}
.closing-print-sheet .closing-books b{font-size:14px}.closing-print-sheet .closing-books span,.closing-print-sheet .closing-books small{font-size:9.5px}
.closing-print-sheet .closing-print-list{margin:0;padding-left:18px;font-size:11px}
@media print{.intake-print-root .closing-print-sheet .closing-books>div,.intake-print-root .closing-print-sheet tr{break-inside:avoid}}
.closing-print-sheet .closing-print-signatures>div p{font-style:italic;color:#68756d}
/* Kế toán trên điện thoại › KHOÁ SỔ (closing-phone.mjs; PLAN-KE-TOAN-006 drawings 06, 07): the line under TẠM ỨNG, then the page. */
:is(#module-panel,.staff) button.kp-close{display:flex;align-items:center;gap:10px;width:100%;margin:8px 0 0;padding:10px 14px;border:2px solid #e0b43c;border-radius:14px;background:#fff4f2;color:#22352b;font:inherit;text-align:left;cursor:pointer}
button.kp-close[hidden],button.kp-close[data-books=true]{display:none}
button.kp-close .kp-adv-text small{color:#a3241b}
:is(#module-panel,.staff) button.kp-close[data-bad=false]{border-color:#bcdcc7;background:#e9f5ed}
button.kp-close[data-bad=false] .kp-adv-text small{color:#22613c}
section.kc-book{margin:0;padding:0 0 24px;background:transparent;border:0;border-radius:0;box-shadow:none}
.kc-book{display:flex;flex-direction:column;gap:9px;min-width:0}
.kc-book [hidden]{display:none!important}
:is(#module-panel,.staff) .kc-book button{margin:0}
:is(#module-panel,.staff) .kc-book button.kc-back{align-self:flex-start}
:is(#module-panel,.staff,dialog) :is(.kc-book,.kc-sheet) .sp-btn{min-height:44px;margin:0;padding:8px 14px;border:1.5px solid #b9d0c0;border-radius:10px;background:#fff;color:#1e5138;font:inherit;font-size:14.5px;font-weight:700;cursor:pointer}
:is(#module-panel,.staff,dialog) :is(.kc-book,.kc-sheet) .sp-btn.sp-primary{background:#286548;border-color:#286548;color:#fff}
:is(#module-panel,.staff,dialog) :is(.kc-book,.kc-sheet) .sp-btn:disabled{opacity:.55;cursor:default}
.kc-book h2.kc-h2{margin:2px 0 0;font-size:23px;color:#1d3a2c}
p.kc-sub{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;color:#5d6f64;font-size:13.5px}
.kc-book .money-cap{margin:8px 0 0!important}
.kc-card{display:flex;flex-direction:column;gap:6px;padding:10px 14px;border:1px solid var(--intake-line);border-radius:12px;background:#fff}
.kc-card[data-kind=bad]{border-color:#ecc2bc;background:#fff4f2}
.kc-card[data-kind=warn]{border-color:#e3c98c;background:#fffaf0}
.kc-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.kc-card-top b{font-size:15px;color:#1f2a24}
.kc-card small{font-size:13px;color:#5d6f64;overflow-wrap:anywhere}
.kc-card[data-kind=bad] .closing-tag{background:#a3241b;color:#fff}.kc-card[data-kind=warn] .closing-tag{background:#fbeccb;color:#6b4a0a}
:is(#module-panel,.staff) .kc-card .kc-go{width:100%;margin-top:2px}
.kc-books{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.kc-books>div{padding:8px 12px;border:1px solid #d5e5da;border-radius:10px;background:#eef5f0}
.kc-books small{display:block;font-size:11px;font-weight:800;letter-spacing:.05em;color:#4c6356}
.kc-books b{display:block;margin-top:1px;font-size:18px;font-variant-numeric:tabular-nums;color:#1d3a2c;overflow-wrap:anywhere}
.kc-books span{display:block;font-size:12px;color:#5d6f64}
.kc-books>div.soon{border-style:dashed;background:#f5f6f5}.kc-books>div.soon b{color:#8a958e}
p.kc-desk,small.kc-desk{margin:0;font-size:13px;color:#5d6f64}
:is(#module-panel,.staff) .kc-book .kc-lock{width:100%;min-height:48px;margin-top:6px}
.kc-sheet .closing-confirm ul{margin:0;padding-left:20px;font-size:14px;line-height:1.5}
/* TẠM ỨNG CÒN Ở NHÂN VIÊN in Số dư ban đầu (5A, advance-openings.mjs) */
.adv-openings{margin-top:22px;border-top:1px solid #dfe5e1;padding-top:14px;display:grid;gap:8px}
.adv-openings-table tbody tr[data-opening]{cursor:pointer}
.adv-openings-table tbody tr[data-opening]:hover{background:#f3f8f5}
.adv-openings-table td b{display:block}
.adv-openings-table .intake-button.money-danger{min-height:30px;padding:3px 12px;font-size:12.5px;color:var(--intake-red);border-color:#e7b4ae;background:#fff}
.adv-opening-state{white-space:nowrap}
.adv-opening-state small{display:block;margin-top:3px}
.adv-openings-total td{background:#eef4f0;border-top:1px solid var(--intake-line);font-weight:700}
/* Hỏi cách dùng (PLAN-KE-TOAN-009 drawings 01–06): the button (title bar of the Desktop, head of Kế toán on the phone), the chat
   (at the right of the Desktop's screen; a page of its own on the phone), Câu hỏi cách dùng and Cài đặt AI › HỎI CÁCH DÙNG. */
.hd-open{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;border:2px solid #e0a800;background:#fff8e1;color:#4a3500;font:800 13px system-ui;cursor:pointer;white-space:nowrap}
.desktop-titlebar .hd-open{background:#fff8e1;color:#4a3500;border:2px solid #e0a800;font-weight:800;min-height:34px;padding:4px 12px;margin-right:2px}
.desktop-titlebar .hd-open:hover,.hd-open[aria-expanded=true]{background:#ffecb3}
.hd-open:focus-visible{outline:2px solid #1d3a2c;outline-offset:2px}
.hd-open i{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#1d3a2c;color:#fff;font-style:normal;font-size:12px}
.kp-head h2 .hd-open{float:right;margin-top:2px;font-size:12.5px;padding:4px 10px}
.hd-chat{position:fixed;top:56px;right:0;bottom:0;z-index:60;width:min(470px,100vw);display:flex;flex-direction:column;background:#fff;border-left:1px solid #c9d6ce;box-shadow:-14px 0 30px #0b1f1422;font:13.5px/1.45 system-ui;color:#22352b}
.hd-chat.phone{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;box-shadow:none}
.hd-chat.phone::backdrop{background:#fff}
body.hd-side #module-panel{padding-right:480px}
.hd-chat>header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:12px 16px;background:#1d3a2c;color:#fff}
.hd-chat.phone>header{justify-content:flex-start}
.hd-chat>header h2{margin:0;font-size:18px;color:#fff}.hd-chat>header p{margin:2px 0 0;font-size:12.5px;color:#cfe3d6;font-weight:600}
.hd-close{border:1px solid #ffffff55;background:none;color:#fff;border-radius:8px;min-width:36px;height:36px;font-size:17px;cursor:pointer;flex:0 0 auto}
.hd-chips{display:flex;flex-wrap:wrap;gap:6px;padding:10px 14px;border-bottom:1px solid #e1e8e4;background:#f5f9f6}
.hd-chips small{width:100%;color:#5d6f64;font-weight:700;font-size:11.5px;letter-spacing:.04em}
.hd-chip{border:1px solid #bcd3c4;background:#fff;color:#1d3a2c;border-radius:14px;padding:3px 10px;font-size:12.5px;font-weight:650;cursor:pointer}
.hd-chip:disabled{opacity:.55;cursor:default}
.hd-log{flex:1;min-height:0;overflow:auto;padding:12px 14px;display:flex;flex-direction:column;gap:10px;background:#fbfcfb}
.hd-intro{margin:0;color:#5d6f64;font-size:12.5px}
.hd-me{align-self:flex-end;max-width:84%;background:#294b3c;color:#fff;border-radius:12px 12px 2px 12px;padding:7px 11px;white-space:pre-wrap;overflow-wrap:anywhere}
.hd-ai{background:#fff;border:1px solid #d8e3dc;border-radius:12px 12px 12px 2px;padding:10px 12px;display:grid;gap:8px;overflow-wrap:anywhere}
.hd-ai p{margin:0}.hd-ai ol{margin:0;padding-left:20px;display:grid;gap:3px}
.hd-ai.hd-wait p{color:#5d6f64;font-style:italic}
.hd-ai.hd-fail{border-color:#f0c4bd;background:#fff6f4}
.hd-none{border-color:#f0d9a8;background:#fffaf0}.hd-none>p>b:first-child{color:#7a4d00}
.hd-kept{font-size:12px;color:#6b5a2d}
.hd-tip{font-size:12.5px;color:#41544a;border-left:3px solid #cfe0d5;padding-left:8px}
.hd-go{justify-self:start;border:1px solid #2f6b4c;background:#e9f5ed;color:#1d3a2c;border-radius:8px;padding:5px 11px;font:800 13px system-ui;cursor:pointer}
.hd-src{font-size:11.5px;color:#6b7c72}
.hd-rate{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px;color:#6b7c72}
.hd-rate-btn{border:1px solid #d8e3dc;border-radius:999px;padding:2px 9px;background:#fff;color:#22352b;font-weight:700;font-size:12px;cursor:pointer}
.hd-rate-btn[aria-pressed=true][data-rating=up]{border-color:#2f6b4c;background:#e3f1e8;color:#1f5135}
.hd-rate-btn[aria-pressed=true][data-rating=down]{border-color:#a3241b;background:#fde9e6;color:#8f1f17}
.hd-err{color:#8f1f17}
.hd-in{border-top:1px solid #d3ddd6;padding:10px 14px;display:grid;gap:6px;background:#fff}
.hd-in textarea{width:100%;box-sizing:border-box;min-height:44px;resize:vertical;border:1px solid #bccbc2;border-radius:8px;padding:8px 10px;font:14px/1.4 system-ui}
.hd-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;color:#6b7c72}
.hd-send{background:#1d3a2c;border:1px solid #1d3a2c;color:#fff;border-radius:8px;padding:6px 16px;font:800 13px system-ui;cursor:pointer}
.hd-send:disabled{opacity:.6;cursor:default}
.hq-top{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 10px}
.hq-top div{padding:9px 12px;border-radius:12px;background:#e9f1eb}.hq-top small{display:block;font:800 11.5px system-ui;letter-spacing:.04em;color:#4d5f55}
.hq-top b{display:block;font-size:20px;color:#1d3a2c}.hq-top b.hq-small{font-size:15px}.hq-top span{font-size:12.5px;color:#5d6f64}
.hq-month{min-width:92px;text-align:center;align-self:center}
.hq-chips{margin:0 0 10px}
.hq-list td{vertical-align:top}.hq-list .hq-rate{text-align:center;font-size:16px}
.hq-tools{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.hq-tools .intake-button{min-height:28px;padding:2px 8px;font-size:12px}
.hq-more{display:flex;gap:8px;margin-top:8px}
.hd-st{display:inline-block;padding:1px 8px;border-radius:999px;font:800 11.5px system-ui;white-space:nowrap}
.hd-st.new{background:#fff1d6;color:#7a4d00}.hd-st.seen{background:#eef1ef;color:#4d5f55}.hd-st.done{background:#e3f1e8;color:#1f5135}.hd-st.no{background:#fde9e6;color:#8f1f17}
.hd-q{font-weight:700;color:#22352b;white-space:pre-wrap}.hd-a{color:#5d6f64;font-size:12.5px;white-space:pre-line}
.hd-settings .hd-set{display:grid;gap:10px;max-width:880px}
.hd-settings .money-row{display:grid;grid-template-columns:260px minmax(0,1fr);gap:10px;align-items:center}
.hd-settings .hd-tog{display:inline-flex;justify-self:start;align-items:center;gap:8px;font-weight:800;grid-template-columns:none}.hd-settings .hd-tog input{width:20px;height:20px;margin:0;flex:0 0 auto}
.hd-settings h2 .qd-new{margin-left:8px}
@media(max-width:900px){body.hd-side #module-panel{padding-right:0}.hq-top{grid-template-columns:repeat(2,minmax(0,1fr))}.hd-settings .money-row{grid-template-columns:1fr}}
/* Bảo hiểm là đối tượng trả (settlement-desk.mjs, settlement-phone.mjs; PLAN-KE-TOAN-008 bản 2, drawing 05 of plan-ke-toan-008b): the
   insurer's part and the customer's of an insured RO, BH còn …, who each sum is from. */
.money-chip[data-kind=insurer]{background:#e6eefb;color:#23498a}
.money-row-chips{display:inline-flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}
.money-parts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.money-part{min-width:0;padding:8px 12px;border:1px solid var(--intake-line,#d3ddd6);border-radius:9px;background:#f5f8f6}
.money-part>small{display:block;font-size:11px;font-weight:800;letter-spacing:.05em;color:#5d6f64;overflow-wrap:anywhere}
.money-part>b{display:block;margin-top:2px;font-size:20px;font-variant-numeric:tabular-nums;color:#1d3a2c}
.money-part>span{display:block;font-size:12.5px;color:#4d5f55;overflow-wrap:anywhere}
.money-part[data-kind=insurer]{background:#f1f5fc;border-color:#c8d7ee}.money-part[data-kind=insurer]>b{color:#23498a}
.money-part[data-kind=customer]{background:#f2f8f4;border-color:#bcdcc7}
.money-part .money-red{color:#a3241b}.money-part .money-green{color:#22613c}
.money-pay .money-side{font-weight:750}
@media(max-width:700px){.money-parts{grid-template-columns:minmax(0,1fr)}}
.debt-desk .debt-find{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:4px 0 10px}
.debt-desk .debt-find .debt-search{flex:1 1 280px;margin:0}
.debt-desk .debt-chips{display:flex;flex-wrap:wrap;gap:6px}
.debt-desk .debt-chips[hidden]{display:none}
.debt-desk .debt-chips .qd-chip{min-height:30px;margin:0;padding:3px 12px;border:1px solid #c5d6cb;border-radius:999px;background:#fff;color:#1e5138;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.debt-desk .debt-chips .qd-chip[aria-pressed=true]{background:#286548;border-color:#286548;color:#fff}
.debt-desk .debt-chips .qd-chip b{margin-left:2px}
.debt-desk tr[data-insurer=true] td:first-child .ins-tag{vertical-align:1px}
/* An insured RO's row: the car, BH còn …, the stage at the left give way before Tổng. */
#module-panel .intake-desk.money-desk .intake-desk-row-meta>span:last-child{flex:0 0 auto}
/* ＋ Phiếu chi of an RO and CHI CHO XE NÀY (PLAN-KE-TOAN-010). */
.money-ro-fixed{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-height:36px;padding:6px 10px;border:1px solid var(--intake-line);border-radius:8px;background:#f3f6f4;color:#1d3a2c}
.money-ro-fixed small{color:#5d6f64;font-size:12px}
.money-quick-kinds{display:flex;flex-wrap:wrap;gap:6px}
.money-quick-kind{min-height:34px;padding:5px 12px;border:1.5px solid #c5d6cb;border-radius:999px;background:#fff;color:#25503a;font:700 13px/1.2 inherit;cursor:pointer}
.money-quick-kind[aria-pressed=true]{background:#286548;border-color:#286548;color:#fff}
.ro-costs{margin:6px 0 0}
.ro-costs .ro-costs-empty{margin:6px 0;padding:10px 12px;border:1px dashed var(--intake-line);border-radius:10px;color:#5d6f64}
.ro-cost-sub{display:block;color:#5d6f64;font-size:11.5px;font-weight:500}
.ro-cost-src{display:inline-flex;padding:1px 8px;border-radius:999px;border:1px solid #b9cfc0;background:#eef3ef;color:#1f5135;font-size:11px;font-weight:800;white-space:nowrap}
.ro-cost-src[data-kind=advance]{border-color:#d6c8ee;background:#f3eefb;color:#5b3a91}
.ro-cost-src[data-kind=in]{border-color:#c9d8ef;background:#f4f8fe;color:#1d4f91}
.ro-cost-wait{display:inline-flex;margin-top:3px;padding:1px 8px;border-radius:999px;border:1px solid #eed7a5;background:#fdf1d8;color:#8a5a0c;font-size:11px;font-weight:800}
.ro-cost-month{display:inline-flex;margin-top:3px;padding:1px 8px;border-radius:999px;border:1px solid #c9d6ea;background:#eef3fb;color:#3a5680;font-size:11px;font-weight:800}
.ro-margin-other{margin:6px 0 0}
.money-pay tr.ro-cost-off td.num{color:#8a9a90;text-decoration:line-through}
.money-pay tr.ro-cost-total td{background:#f6f9f7;font-weight:800}
.ro-margin{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:10px 0 4px}
.ro-margin>div{padding:9px 14px;border:1.5px solid #d4ded8;border-radius:12px;background:#fff;min-width:0}
.ro-margin>div[data-kind=cost]{border-color:#ead9c4;background:#fdf8f1}
.ro-margin>div[data-kind=gain]{border-color:#bfd9c7;background:#f1f8f3}
.ro-margin>div[data-kind=loss]{border-color:#ebc4bf;background:#fdf3f2}
.ro-margin small{display:block;color:#4d5f55;font-size:11px;font-weight:800;letter-spacing:.05em}
.ro-margin b{display:block;color:#1d3a2c;font-size:19px;font-variant-numeric:tabular-nums}
.ro-margin>div[data-kind=loss] b{color:#a3241b}
.ro-margin span{display:block;color:#5d6f64;font-size:12px}
@media (max-width:900px){.ro-margin{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ro-costs-phone .ro-cost-card{display:block;width:100%;text-align:left;font:inherit;cursor:pointer}
.ro-costs-phone .ro-cost-card.ro-cost-off{opacity:.7}
.ro-costs-phone .ro-cost-line{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:2px}
.ro-costs-phone .ro-cost-line small{color:#5d6f64;min-width:0;overflow-wrap:anywhere}
.ro-margin-phone{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Đổi Tiền mặt <--> Chuyển khoản (Owner 05/11/2026): what the new voucher replaces, at the top of its form. */
.money-form p.money-convert{margin:0 0 4px;padding:8px 11px;border:1px solid #e3c98c;border-radius:10px;background:#fffaf0;color:#6b4a12;font-size:13.5px;line-height:1.45}
/* Báo cáo doanh thu · lãi lỗ (report-desk.mjs, report-phone.mjs; PLAN-KE-TOAN-011): the layout of the company's Excel. */
.rp-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 10px}
.rp-tab{padding:7px 16px;border:1.5px solid #c5d6cb;border-radius:999px;background:#fff;font:800 14px system-ui;color:#25503a;cursor:pointer}
.rp-tab[aria-selected=true]{background:#1d3a2c;border-color:#1d3a2c;color:#fff}
.rp-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 10px}
.rp-step{display:inline-flex;align-items:center;gap:6px}
.rp-step b{font-size:15px;color:#1d3a2c;min-width:110px;text-align:center}
.rp-step-btn{min-width:34px;min-height:34px;border:1.5px solid #c5d6cb;border-radius:9px;background:#fff;font:800 16px system-ui;color:#25503a;cursor:pointer}
.rp-step-btn:disabled{opacity:.4;cursor:default}
.rp-make,.rp-find{min-width:160px}.rp-find{flex:1;max-width:340px}
.rp-warn{display:inline-flex;padding:3px 10px;border-radius:999px;background:#fff1d6;color:#7a4d00;font:800 12px system-ui;white-space:nowrap}
.rp-warn[data-kind=lock]{background:#e6eef7;color:#22466e}
.rp-sub{font-size:13px;color:#4d5f55}
.rp-kpi{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px;margin:0 0 12px}
.rp-kpi div{padding:9px 12px;border-radius:12px;background:#e9f1eb;min-width:0}
.rp-kpi small{display:block;font:800 11px system-ui;letter-spacing:.05em;color:#4d5f55}
.rp-kpi b{display:block;font-size:18px;color:#1d3a2c;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rp-kpi span{display:block;font-size:12px;color:#5d6f64}
.rp-change[data-good=true]{color:#1f6b3a!important;font-weight:800}.rp-change[data-good=false]{color:#a3241b!important;font-weight:800}
.rp-scroll{overflow:auto;border:1px solid #d4ded8;border-radius:12px;background:#fff}
table.rp-cars{width:100%;border-collapse:collapse;font-size:12.5px;font-variant-numeric:tabular-nums}
table.rp-cars th,table.rp-cars td{padding:5px 6px;border-bottom:1px solid #e3ebe6;white-space:nowrap;text-align:left}
table.rp-cars thead th{background:#eef3ef;color:#2f4a3c;font:800 12px system-ui;border-bottom:1.5px solid #c9d6ce;position:sticky;top:0}
table.rp-cars tr.rp-group th{text-align:center;border-left:1px solid #d2ddd6}
table.rp-cars .num{text-align:right}table.rp-cars td.rp-left{border-left:1px solid #e3ebe6}
table.rp-cars tbody tr{cursor:pointer}table.rp-cars tbody tr:hover td{background:#f1f7f3}
table.rp-cars td.rp-ro b{color:#1d3a2c}table.rp-cars td small{color:#5d6f64;margin-left:6px}
/* The plate as large and bold as the RO (Owner 06/11/2026: "Biển số lớn hơn, in đậm để dễ đọc"). */
table.rp-cars td.rp-ro .rp-plate{margin-left:8px;font-size:14px;font-weight:800;color:#1d2b23;letter-spacing:.02em}
table.rp-cars td.rp-who{max-width:220px;overflow:hidden;text-overflow:ellipsis}
table.rp-cars td.rp-pos{color:#1f6b3a;font-weight:800}table.rp-cars td.rp-neg{color:#a3241b;font-weight:800}table.rp-cars td.rp-dim{color:#a3b0a8}
table.rp-cars td.rp-strong{font-weight:800}
table.rp-cars tr.rp-bad td{background:#fff7f6}table.rp-cars tr.rp-low td{background:#fffaf0}
table.rp-cars tr.rp-sum td{font-weight:900;background:#e9f1eb;border-top:2px solid #9fb8a8;color:#1d3a2c;cursor:default}
.rp-amb{display:inline-block;margin-left:6px;padding:0 7px;border-radius:999px;background:#fff1d6;color:#7a4d00;border:1px solid #eed7a5;font:800 10.5px system-ui}
.rp-red{display:inline-block;margin-left:6px;padding:0 7px;border-radius:999px;background:#a3241b;color:#fff;font:800 10.5px system-ui}
.rp-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:#4d5f55;margin:8px 0 0}
.rp-legend-bad{color:#a3241b}.rp-legend-low{color:#7a4d00}.rp-legend-old{color:#6b7a71}
.rp-two{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);gap:16px;align-items:start}
table.rp-pl{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums;background:#fff;border:1px solid #d4ded8;border-radius:12px;overflow:hidden}
table.rp-pl td{padding:6px 12px;border-bottom:1px solid #e8eeea}
table.rp-pl td.num{text-align:right;white-space:nowrap}table.rp-pl td.rp-cmp{color:#4d5f55}
table.rp-pl td.rp-cmp[data-good=true]{color:#1f6b3a;font-weight:800}table.rp-pl td.rp-cmp[data-good=false]{color:#a3241b;font-weight:800}
table.rp-pl td.rp-src{color:#5d6f64;font-size:12.5px}
table.rp-pl tr.rp-h td{background:#1d3a2c;color:#fff;font:800 12.5px system-ui;letter-spacing:.04em}
table.rp-pl tr.rp-grp td{background:#eef3ef;font:800 12.5px system-ui;color:#2f4a3c;letter-spacing:.04em}
table.rp-pl tr.rp-k td{font-weight:800;color:#1d3a2c}
table.rp-pl tr.rp-big td{font-weight:900;font-size:15.5px;background:#e3f1e8;color:#14422a}
table.rp-pl tr.rp-sub td:first-child{padding-left:26px}
table.rp-pl td.rp-open{cursor:pointer;text-decoration:underline dotted #8fb09c}
.rp-side{display:grid;gap:10px}
.rp-box{border:1px solid #d4ded8;border-radius:12px;background:#fff;padding:12px 14px}
.rp-box h3{margin:0 0 6px;font:800 12.5px system-ui;letter-spacing:.05em;color:#2f4a3c}
.rp-box ul{margin:0;padding-left:18px;font-size:13.5px;line-height:1.55;color:#22352b}
.rp-box[data-kind=warn]{border-color:#f0d9a8;background:#fffaf0}.rp-box[data-kind=bad]{border-color:#e7a29b;background:#fff7f6}.rp-box[data-kind=ok]{border-color:#bcd9c6;background:#f4faf6}
.rp-row{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;padding:3px 0;border-bottom:1px dashed #e1e8e4}
.rp-row:last-of-type{border-bottom:0}.rp-row b{font-variant-numeric:tabular-nums;white-space:nowrap}
.rp-note{margin:6px 0 0;font-size:12.5px;color:#5d6f64}
table.rp-year{width:100%;border-collapse:collapse;font-size:12.5px;font-variant-numeric:tabular-nums}
table.rp-year th,table.rp-year td{padding:4px 7px;border-bottom:1px solid #e3ebe6;white-space:nowrap;text-align:right}
table.rp-year th:first-child,table.rp-year td:first-child{text-align:left}
table.rp-year thead th{background:#eef3ef;color:#2f4a3c;font:800 12px system-ui;border-bottom:1.5px solid #c9d6ce}
table.rp-year .rp-excel{background:#f6f7f6;color:#6b7a71}table.rp-year th.rp-app{background:#e3f1e8}table.rp-year td.rp-app{background:#f1f8f3;font-weight:700;cursor:pointer}
table.rp-year .rp-none{color:#b5c0b9}table.rp-year .rp-tot{font-weight:800;border-left:1.5px solid #c9d6ce}
table.rp-year tr.rp-grp td{background:#eef3ef;font:800 11.5px system-ui;color:#2f4a3c;letter-spacing:.04em;text-align:left}
table.rp-year tr.rp-k td{font-weight:800;color:#1d3a2c}table.rp-year tr.rp-big td{font-weight:900;background:#e3f1e8;color:#14422a}
dialog.rp-import{width:min(1080px,calc(100vw - 24px))}.rp-import .money-form{min-width:0}.rp-kept{margin:4px 0 0;padding-left:18px;font-size:13.5px}
table.rp-preview td,table.rp-preview th{white-space:nowrap;vertical-align:middle;padding:5px 8px}.rp-import .rp-scroll{max-height:46vh}
.rp-import .money-row input[type=file]{min-width:0;max-width:100%}
@media (max-width:1500px){.rp-kpi{grid-template-columns:repeat(5,minmax(0,1fr))}.rp-two{grid-template-columns:1fr}}
/* The phone: Sổ › Lãi lỗ tháng. */
.rp-phone{display:grid;gap:10px}
.rp-phone-step{justify-content:space-between;width:100%}
.rp-phone-flags{display:flex;gap:6px;flex-wrap:wrap}
.rp-phone-boxes{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.rp-phone-boxes div{padding:10px 12px;border-radius:12px;background:#e9f1eb;min-width:0}.rp-phone-boxes div[data-kind=gain]{background:#e3f1e8;border:1.5px solid #9fc8ad}
.rp-phone-boxes small{display:block;font:800 11px system-ui;letter-spacing:.05em;color:#4d5f55}
.rp-phone-boxes b{display:block;font-size:18px;color:#1d3a2c;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.rp-phone-boxes span{display:block;font-size:12px;color:#5d6f64}
.rp-phone-list{display:grid;border:1px solid #d4ded8;border-radius:12px;background:#fff;overflow:hidden}
.rp-phone-list div{display:flex;justify-content:space-between;gap:10px;padding:8px 12px;border-bottom:1px solid #e8eeea;font-size:14px}
.rp-phone-list div:last-child{border-bottom:0}.rp-phone-list div b{font-variant-numeric:tabular-nums;white-space:nowrap}
.rp-phone-list div.k{font-weight:800;background:#f3f7f4}.rp-phone-list div.big{font-weight:900;background:#e3f1e8;color:#14422a}.rp-phone-list div.sub{padding-left:22px;color:#33473b;font-size:13.5px}
/* Tính cho tháng in a voucher's window; Lãi lỗ in Loại thu · chi. */
.money-period{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.money-period select,.money-period input{min-height:34px}
.money-role{min-width:150px}
table.rp-cars td,table.rp-pl td,table.rp-year td,table.rp-preview td{font-family:inherit!important}
.rp-bar .money-input{width:auto;flex:0 0 auto}.rp-bar .rp-find{flex:1 1 220px;max-width:340px}
table.rp-year th:first-child,table.rp-year td:first-child{position:sticky;left:0;z-index:1;background:#fff}
table.rp-year thead th:first-child{background:#eef3ef;z-index:2}table.rp-year tr.rp-grp td:first-child{background:#eef3ef}table.rp-year tr.rp-big td:first-child{background:#e3f1e8}
/* Giao xe trước, thu sau (PLAN-CVDV-002, owing-box.mjs): the reason a car leaves owing, in each window that moves a car out. */
.owing-box{display:flex;flex-direction:column;gap:2px;margin:8px 0 0;padding:8px 10px;border:1px solid #e3c9a0;border-radius:8px;background:#fffaf0}
.owing-box[hidden]{display:none}
.owing-box legend{padding:0 4px;font-weight:800;font-size:13.5px}
.owing-box .owing-choice{display:flex;gap:8px;align-items:center;padding:3px 0;font-size:14px;font-weight:500;cursor:pointer}
.owing-box .owing-choice input{flex:none;width:18px;height:18px;min-height:0;margin:0;accent-color:#2f5a44}
.owing-box .owing-error{color:#a3241b;font-size:13px;font-weight:650}
.owing-box .owing-error:empty{display:none}
/* CÔNG NỢ on the phone (debt-phone.mjs; PLAN-KE-TOAN-012 drawings 3, 4): Phải thu · Phải trả, the parties as cards, one party's
   debts as a sheet, ＋ Thu nợ as a sheet (debt-desk.mjs openDebtForm phone). */
.kp-debts{display:grid;gap:10px}
.kp-debts .kp-box[data-kind=out]:first-child{background:#fff3f1}
.kp-debts .sp-find{margin:0}
:is(#module-panel,.staff) button.kp-debt-wait{display:flex;align-items:center;gap:10px;width:100%;margin:0;padding:10px 14px;border:1px solid #e3c98c;border-radius:12px;background:#fffaf0;color:#3d3216;font:inherit;font-size:14.5px;text-align:left;cursor:pointer}
button.kp-debt-wait>span:first-child{flex:1;min-width:0}
button.kp-party .kp-owe{color:#a3241b;white-space:nowrap}
button.kp-party .kp-chip{vertical-align:2px}
.kp-debt-sheet .money-form{padding-top:0}
.kp-debt-items{display:grid}
.kp-debt-item{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid #e3ebe5}
.kp-debt-item>div:first-child{min-width:0}.kp-debt-item b{display:block;font-size:15.5px;overflow-wrap:anywhere}
.kp-debt-item small{display:block;margin-top:2px;font-size:12.5px;color:#5d6f64}
.kp-debt-item .kp-debt-num{flex:0 0 auto;text-align:right}.kp-debt-item .kp-debt-num b{color:#a3241b;font-variant-numeric:tabular-nums}
.kp-debt-item[data-old=true]>div:first-child small{color:#8f2118;font-weight:650}
.money-sheet.debt-sheet .money-form{overflow:auto}
.debt-phone-items{display:grid;gap:8px}
.debt-phone-item{display:grid;gap:6px;padding:10px 12px;border:1px solid #d9e3dc;border-radius:12px;background:#fff}
.debt-phone-pick{display:flex;align-items:flex-start;gap:10px}
.money-sheet .debt-phone-pick input[type=checkbox]{flex:0 0 auto;width:22px;min-height:22px;height:22px;margin:2px 0 0;padding:0}
.debt-phone-what{display:grid;gap:2px;min-width:0}.debt-phone-what b{font-size:15px;overflow-wrap:anywhere}.debt-phone-what small{font-size:12.5px;color:#5d6f64}
.debt-phone-take{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;font-weight:700;color:#4d5f55}
.money-sheet .debt-phone-take input.debt-take{flex:0 1 150px;width:150px;min-height:44px;text-align:right}
.debt-phone-sum{margin:2px 0 0;font-size:14px;color:#4d5f55;text-align:right}.debt-phone-sum b{color:#1d3a2c}
/* Four tabs of Kế toán (Thu tiền xe · Thu chi · Công nợ · Sổ): each on one line, the widths by their words, 344 px too. */
.kp-tabs.sp-tabs{grid-auto-columns:auto}
#module-panel .kp-tabs .sp-tab{white-space:nowrap;padding:6px 6px}
@media (max-width:380px){#module-panel .kp-tabs .sp-tab{padding:6px 3px;font-size:14px}}
/* The money chip of a card on Điều phối, a link to Quyết toán & Thu tiền for who reads the money (review of the flow of Kế toán,
   Owner 09/11/2026): the look of the chip, underlined, no button frame. */
.desktop-cloud #module-panel .service-board button.money-chip{min-height:0;margin:0 0 0 6px;padding:1px 8px;border:0;border-radius:10px;font:inherit;font-size:11.5px;font-weight:750;line-height:inherit;cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.desktop-cloud #module-panel .service-board button.money-chip:hover{filter:brightness(.95)}
.desktop-cloud #module-panel .service-board button.money-chip:focus-visible{outline:2px solid #286548;outline-offset:1px}
/* Đề nghị mua / dụng cụ (PLAN-DE-NGHI-001): the items of a paper, the lines of the ask sheet, the ticks of Đã mua…, the strip of Thu chi. */
.pr-items{display:grid;gap:3px;margin:0;padding:0;list-style:none;min-width:0}
.pr-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;align-items:baseline;font-size:14px;color:#22352b}
.pr-item .pr-what{min-width:0;overflow-wrap:anywhere}
.pr-qty{font-variant-numeric:tabular-nums;white-space:nowrap;color:#1d3a2c}
.pr-outcome{grid-column:1/-1;font-size:12px;font-weight:700;color:#1f6b3f}
.pr-item[data-outcome=skipped] .pr-what,.pr-item[data-outcome=skipped] .pr-qty{text-decoration:line-through;color:#7d8c83}
.pr-item[data-outcome=skipped] .pr-outcome{color:#a3241b}
.pr-items-box{display:grid;gap:6px;min-width:0}
.pr-lines{display:grid;gap:6px;min-width:0}
.pr-line{display:grid;grid-template-columns:minmax(0,1fr) 64px 76px 40px;gap:6px;align-items:center;min-width:0}
.pr-line .money-input{box-sizing:border-box;width:100%;min-width:0;margin:0}
.pr-line-head{font-size:12px;font-weight:750;color:#4d5f55}
.pr-line-qty{text-align:right;font-variant-numeric:tabular-nums}
:is(dialog,#module-panel,.staff) button.pr-line-x{width:40px;min-height:40px;margin:0;padding:0;border:1.5px solid #e7b4ae;border-radius:10px;background:#fff;color:#a3241b;font:inherit;font-size:15px;font-weight:800;cursor:pointer}
:is(dialog,#module-panel,.staff) button.pr-add{justify-self:start;min-height:40px;margin:0;padding:4px 2px;border:0;background:transparent;color:#1e5138;font:inherit;font-size:15px;font-weight:800;cursor:pointer}
.pr-ticks{display:grid;gap:6px;min-width:0}
:is(dialog,#module-panel,.staff) button.pr-tick{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;min-height:48px;margin:0;padding:8px 12px;border:1.5px solid #c5d6cb;border-radius:12px;background:#fff;color:#22352b;font:inherit;font-size:14.5px;text-align:left;cursor:pointer}
.pr-tick .pr-what{min-width:0;overflow-wrap:anywhere}
.pr-box{display:grid;place-items:center;width:24px;height:24px;border:2px solid #9bb5a6;border-radius:6px;background:#fff;color:#fff;font-size:15px;font-weight:900;line-height:1}
button.pr-tick[aria-pressed=true]{border-color:#286548;background:#f2f8f4}
button.pr-tick[aria-pressed=true] .pr-box{border-color:#286548;background:#286548}
button.pr-tick[aria-pressed=true] .pr-box::after{content:'✓'}
button.pr-tick[aria-pressed=false] .pr-what,button.pr-tick[aria-pressed=false] .pr-qty{color:#7d8c83}
.pr-card .pr-items{padding:6px 0 2px;border-top:1px dashed #dfe5e1}
.pr-desk .adv-list{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}
.money-sheet .pr-line{grid-template-columns:minmax(0,1fr) 50px 78px 40px}
:is(#module-panel,.staff) button.kp-pur{display:flex;align-items:center;gap:10px;width:100%;margin:8px 0 0;padding:10px 14px;border:2px solid #8fb7d8;border-radius:14px;background:#f3f8fd;color:#22352b;font:inherit;text-align:left;cursor:pointer}
button.kp-pur[hidden],button.kp-pur[data-books=true]{display:none}
button.kp-pur .kp-adv-text small{color:#1d4f91}
/* Kế toán's card of a paper being bought: Đã mua… across, then Cho tạm ứng tự mua · Thôi không mua side by side. */
.pr-card .adv-acts[data-count="3"]{grid-template-columns:1fr 1fr}.pr-card .adv-acts[data-count="3"]>:first-child{grid-column:1/-1}
