/* sc.css (svnew1 · 15/10/26) — GIAO DIỆN MỚI PHÂN HỆ SỬA CHỮA, CHUẨN VY KHANG. Sinh từ khối vkstyle1 của app.css, áp cho #repair-shell. */
@media screen{
html body #repair-shell{
 --vk-bg:#F5EFE3;--vk-bg2:#FAF6EE;--vk-panel:#FFFDF8;--vk-border:#D9CBB0;--vk-border2:#E8DDC8;
 --vk-dark:#3E2F23;--vk-dark2:#54412F;--vk-text:#2E2A24;--vk-muted:#6E6352;--vk-accent:#8B6B3E;--vk-accent-h:#74582F;--vk-gold:#B08D57;
 --vk-th:#EADFC8;--vk-zebra:#FBF7EE;--vk-hover:#F1E6D0;--vk-sel:#F6E7B8;--vk-blue:#1E6FD9;--vk-ok:#6B7A3A;--vk-danger:#A23B2A;
 --vk-font:"Roboto","Segoe UI",Tahoma,Arial,sans-serif;--vk-r:8px;--vk-shadow:0 1px 3px rgba(62,47,35,.10),0 1px 1px rgba(62,47,35,.06);
 font-family:var(--vk-font)!important;color:var(--vk-text)!important;background:var(--vk-bg)!important;font-size:13.5px;
}
html body #repair-shell *:not(.fa):not([class*="icon"]){font-family:var(--vk-font)!important;}
/* --- thanh trên --- */
html body #repair-shell .topbar{background:var(--vk-dark)!important;color:#F5EFE3!important;border:0!important;border-bottom:2px solid var(--vk-gold)!important;box-shadow:var(--vk-shadow)!important;padding:5px 14px!important;min-height:46px}
html body #repair-shell .topbar .label{color:rgba(245,239,227,.72)!important;font-size:11px!important;letter-spacing:.06em;font-weight:500!important}
html body #repair-shell .topbar .title{color:#fff!important;font-size:18px!important;font-weight:500!important;letter-spacing:.01em!important;line-height:1.25!important}
html body #repair-shell .topbar .title *,html body #repair-shell .topbar .label *{color:inherit!important}
html body #repair-shell .topbar .btn{background:transparent!important;color:#F5EFE3!important;border:1px solid rgba(245,239,227,.35)!important;box-shadow:none!important;font-size:13px!important;font-weight:500!important;padding:5px 12px!important;border-radius:6px!important}
html body #repair-shell .topbar .btn:hover{background:var(--vk-dark2)!important}
html body #repair-shell .topbar .btn-primary{background:var(--vk-accent)!important;border-color:var(--vk-gold)!important;color:#fff!important}
/* --- sidebar --- */
html body #repair-shell .sidebar{background:var(--vk-bg2)!important;color:var(--vk-text)!important;border-right:1px solid var(--vk-border)!important;box-shadow:none!important}
html body #repair-shell .sidebar .sidebar-header{background:var(--vk-dark)!important;border-bottom:2px solid var(--vk-gold)!important;padding:10px 14px!important}
html body #repair-shell .sidebar .sidebar-header *{color:#F5EFE3!important}
html body #repair-shell .sidebar .sidebar-header h1{font-size:17px!important;font-weight:700!important}
html body #repair-shell .sidebar .nav-group-label{color:var(--vk-muted)!important;font-size:11.5px!important;font-weight:600!important;letter-spacing:.06em!important;padding:10px 12px 4px!important}
html body #repair-shell .sidebar .nav-item{background:var(--vk-panel)!important;color:var(--vk-text)!important;border:1px solid var(--vk-border2)!important;border-left:1px solid var(--vk-border2)!important;border-radius:6px!important;margin:3px 8px!important;width:calc(100% - 16px)!important;padding:6px 10px!important;font-size:12.5px!important;font-weight:600!important;min-height:30px;box-shadow:none!important}
html body #repair-shell .sidebar .nav-item:hover{background:var(--vk-hover)!important}
html body #repair-shell .sidebar .nav-item.active{background:var(--vk-blue)!important;border-color:#1a5fbf!important;color:#fff!important}
html body #repair-shell .sidebar .nav-item.active *{color:#fff!important}
html body #repair-shell .sidebar-footer .btn{background:var(--vk-panel)!important;color:var(--vk-dark)!important;border:1px solid var(--vk-accent)!important;border-radius:6px!important;font-size:12.5px!important}
/* --- nền + thẻ --- */
html body #repair-shell .main,html body #repair-shell .content{background:var(--vk-bg)!important}
html body #repair-shell .card{background:var(--vk-panel)!important;border:1px solid var(--vk-border)!important;border-radius:var(--vk-r)!important;box-shadow:var(--vk-shadow)!important}
html body #repair-shell .card > .card-header,html body #repair-shell .card:has(table.tbl.fee-cho) .card-header{background:var(--vk-bg2)!important;border-bottom:1px solid var(--vk-border)!important;color:var(--vk-dark)!important}
html body #repair-shell .card-header h3,html body #repair-shell .card:has(table.tbl.fee-cho) .card-header h3{color:var(--vk-dark)!important;font-size:14.5px!important;font-weight:700!important;letter-spacing:.03em!important}
/* --- nút kiểu nổi VK --- */
html body #repair-shell .content .btn,html body #repair-shell .card-header .btn{border:1px solid #c9b89a!important;border-radius:7px!important;background:linear-gradient(#fff,#f3eee4)!important;color:var(--vk-dark)!important;box-shadow:0 1px 2px rgba(0,0,0,.15)!important;font-size:12.5px!important;font-weight:600!important;min-height:28px;padding:4px 11px!important;transition:transform .08s,box-shadow .12s}
html body #repair-shell .content .btn:hover{border-color:#9c8559!important;box-shadow:0 2px 4px rgba(0,0,0,.2)!important;transform:translateY(-1px)}
html body #repair-shell .content .btn:active{transform:none;box-shadow:inset 0 1px 3px rgba(0,0,0,.25)!important;background:#ece5d6!important}
html body #repair-shell .content .btn-primary{background:linear-gradient(#3b7be0,#1e5fc4)!important;color:#fff!important;border-color:#1a52a8!important}
/* --- ô nhập / lọc --- */
html body #repair-shell input:not([type=checkbox]):not([type=radio]),html body #repair-shell select{background:#FFFEFA!important;border:1px solid var(--vk-border)!important;color:var(--vk-text)!important;border-radius:5px!important;font-size:13.5px!important;min-height:31px;padding:3px 8px!important;box-shadow:none!important}
html body #repair-shell input:focus,html body #repair-shell select:focus{outline:none!important;border-color:var(--vk-accent)!important;box-shadow:0 0 0 2px rgba(139,107,62,.18)!important}
/* --- lưới dữ liệu --- */
html body #repair-shell .content table.tbl{background:var(--vk-panel)!important;font-size:13.5px!important;border-color:var(--vk-border)!important}
html body #repair-shell .content table.tbl th,html body #repair-shell .content table.tbl.fee-main thead th{background:var(--vk-th)!important;color:var(--vk-dark)!important;font-size:12.5px!important;font-weight:700!important;letter-spacing:.02em!important;border-color:var(--vk-border)!important;padding:6px 7px!important;height:34px}
html body #repair-shell .content table.tbl td{font-size:13.5px!important;border-color:var(--vk-border2)!important;color:var(--vk-text);padding:4px 7px!important;height:34px}
html body #repair-shell .content table.tbl tbody tr:nth-child(even):not(.row-total) td{background-color:var(--vk-zebra)}
html body #repair-shell .content table.tbl tbody tr:not(.row-total):hover td{background-color:var(--vk-hover)!important}
html body #repair-shell .content table.tbl tr.row-total td,html body #oil-shell #content table.tbl tr.row-total td{background:var(--vk-th)!important;color:var(--vk-dark)!important;font-weight:700!important}
/* --- thẻ tổng --- */
html body #repair-shell .sc-kpi,html body #repair-shell .sc-kpi-wait{background:var(--vk-panel)!important;border:1px solid var(--vk-border)!important;border-radius:var(--vk-r)!important;box-shadow:var(--vk-shadow)!important}
html body #repair-shell .sc-kpi-l{color:var(--vk-muted)!important;font-size:12px!important;font-weight:600!important}
html body #repair-shell .sc-kpi-v{font-size:20px!important;font-weight:700!important}
html body #oil-shell .oil-kpi-u{font-size:12px!important}
/* --- modal (đang mở trong 2 phân hệ) --- */
body:has(#repair-shell) .modal{background:var(--vk-panel,#FFFDF8)!important;border:1px solid #D9CBB0!important;border-radius:8px!important;font-family:"Roboto","Segoe UI",Tahoma,Arial,sans-serif!important}
body:has(#repair-shell) .modal-header{background:#EADFC8!important;border-bottom:1px solid #D9CBB0!important;padding:9px 14px!important}
body:has(#repair-shell) .modal-header h3,body:has(#repair-shell) .modal-header .close{color:#3E2F23!important;font-size:16px!important;font-weight:600!important;background:transparent!important;font-family:inherit!important}
body:has(#repair-shell) .modal label{font-size:12px!important;color:#6E6352!important;font-weight:600!important}
body:has(#repair-shell) .modal input:not([type=checkbox]),body:has(#repair-shell) .modal select{background:#FFFEFA!important;border:1px solid #D9CBB0!important;border-radius:5px!important;font-size:14px!important;min-height:32px}
body:has(#repair-shell) .modal-footer .btn{border-radius:7px!important;font-size:13px!important;min-height:30px}
body:has(#repair-shell) .modal-footer .btn-primary,body:has(#oil-shell) .modal-footer #oil-save{background:linear-gradient(#3b7be0,#1e5fc4)!important;color:#fff!important;border:1px solid #1a52a8!important}
body:has(#repair-shell) .modal-overlay{background:rgba(46,42,36,.45)!important}
}
/* bảng màu theo theme (giữ 3 theme) */
html[data-theme="navy"] body #repair-shell{--vk-bg:#EEF2F8;--vk-bg2:#F6F8FC;--vk-panel:#FFFFFF;--vk-border:#C6D0E0;--vk-border2:#DDE4EF;--vk-dark:#12315F;--vk-dark2:#1D447F;--vk-muted:#4F6181;--vk-accent:#2B5597;--vk-gold:#6E8FC4;--vk-th:#DCE5F3;--vk-zebra:#F6F8FC;--vk-hover:#E5ECF7;}
html[data-theme="mono"] body #repair-shell{--vk-bg:#F2F2F2;--vk-bg2:#FAFAFA;--vk-panel:#FFFFFF;--vk-border:#C8C8C8;--vk-border2:#E0E0E0;--vk-dark:#111;--vk-dark2:#333;--vk-muted:#555;--vk-accent:#333;--vk-gold:#777;--vk-th:#E4E4E4;--vk-zebra:#F7F7F7;--vk-hover:#ECECEC;--vk-blue:#111;}
@media screen{
#repair-shell .content{padding:12px 16px!important}
#repair-shell .nav-group-label{text-transform:uppercase}
#repair-shell .sidebar .nav-item .debt{font-weight:700!important;color:var(--vk-danger)!important}
#repair-shell .sidebar .nav-item .debt.zero{color:var(--vk-muted)!important;opacity:.6}
#repair-shell .sidebar .nav-item .sc-ico{width:18px;display:inline-block;text-align:center;margin-right:4px;opacity:.8}
/* thanh lọc nhanh */
.sc-qf{display:flex;flex-direction:column;gap:6px;background:var(--vk-panel);border:1px solid var(--vk-border);border-radius:8px;padding:8px 10px;margin:0 0 10px;box-shadow:var(--vk-shadow)}
.sc-qf-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.sc-qf-l{font-size:11px;font-weight:700;color:var(--vk-muted);letter-spacing:.05em;margin-right:2px;white-space:nowrap}
.sc-qf-sep{width:1px;height:22px;background:var(--vk-border);margin:0 4px}
.sc-chip{font:inherit;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;border:1.5px solid var(--tg,var(--vk-dark));background:#fff;color:var(--tg,var(--vk-dark));cursor:pointer;white-space:nowrap;line-height:1.2}
.sc-chip.on{background:var(--tg,var(--vk-dark));color:#fff}
.sc-chip.red{--tg:#b42318}.sc-chip.green{--tg:#2e7d32}.sc-chip.amber{--tg:#b26a00}.sc-chip.blue{--tg:#1E6FD9}
#repair-shell .sc-qf select{max-width:200px}
#repair-shell .sc-qf #f-q{flex:1 1 200px;max-width:none!important}
.sc-qf .sc-reset{font-size:12px;font-weight:700;color:#b42318;background:none;border:none;cursor:pointer;text-decoration:underline}
/* thẻ KPI */
.sc-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin:0 0 10px}
.sc-kpi{background:var(--vk-panel);border:1px solid var(--vk-border);border-radius:8px;padding:8px 10px;text-align:center;box-shadow:var(--vk-shadow);cursor:default}
.sc-kpi[onclick]{cursor:pointer}.sc-kpi[onclick]:hover{background:var(--vk-hover)}
.sc-kpi-l{font-size:12px;font-weight:600;color:var(--vk-muted);letter-spacing:.03em}
.sc-kpi-v{font-size:20px;font-weight:700;color:var(--vk-dark);font-variant-numeric:tabular-nums}
.sc-kpi-v.red{color:#b42318}.sc-kpi-v.green{color:#2e7d32}.sc-kpi-v.amber{color:#b26a00}
.sc-grid2{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:10px}
@media (max-width:1100px){.sc-grid2{grid-template-columns:1fr}}
#repair-shell .card-header{display:flex;align-items:center;gap:8px;padding:7px 10px}
#repair-shell .card-header .sc-cnt{font-size:11.5px;color:var(--vk-muted);font-weight:600}
#repair-shell .card-header .sc-right{margin-left:auto;display:flex;gap:6px}
/* dòng tổng: nền đen chữ trắng to */
#repair-shell .content table.tbl tr.row-total td{background:#000!important;color:#fff!important;font-weight:800!important;font-size:14.5px!important;border-color:#000!important}
#repair-shell .content table.tbl tr.row-paid td{color:#c0392b!important}
#repair-shell .content table.tbl tr.row-nohd td{background:var(--nohd)!important}
#repair-shell .content table.tbl tr.row-nohd td:first-child{box-shadow:inset 4px 0 0 var(--nohd-edge)}
#repair-shell .content table.tbl tr.row-nohd:hover td{background:var(--nohd-h)!important}
#repair-shell table.tbl th.sc-sort{cursor:pointer;user-select:none;white-space:nowrap}
#repair-shell table.tbl th.sc-sort:hover{text-decoration:underline}
.sc-st{display:inline-block;font-size:10.5px;font-weight:800;padding:1px 6px;border-radius:4px;border:1px solid;white-space:nowrap}
.sc-st.paid{color:#c0392b;border-color:#e3a59c;background:#fdf0ee}.sc-st.part{color:#b26a00;border-color:#e8c58a;background:#fff6e6}.sc-st.owe{color:#3E2F23;border-color:var(--vk-border);background:#fff}
.sc-kind{font-size:10px;font-weight:800;padding:1px 5px;border-radius:3px;color:#fff;white-space:nowrap}
.sc-seg{display:inline-flex;border:1px solid var(--vk-border);border-radius:7px;overflow:hidden;margin:0 0 10px}
.sc-seg button{font:inherit;font-size:12.5px;font-weight:700;padding:6px 14px;border:0;border-right:1px solid var(--vk-border);background:var(--vk-panel);color:var(--vk-dark);cursor:pointer}
.sc-seg button:last-child{border-right:0}.sc-seg button.on{background:var(--vk-blue);color:#fff}
#repair-shell .tabs .tab.active{border-bottom-color:var(--vk-blue)!important;color:var(--vk-blue)!important}
#repair-shell .band{background:var(--vk-panel)!important;color:var(--vk-dark)!important}
#repair-shell .band .val{color:var(--vk-dark)!important}#repair-shell .band .val.red{color:#b42318!important}#repair-shell .band .val.green{color:#2e7d32!important}#repair-shell .band .val.amber{color:#b26a00!important}
}
.sc-hddt{font-size:9px;font-weight:800;color:#146c2e;border:1px solid #9bd3aa;background:#e6f6ea;border-radius:3px;padding:0 3px;vertical-align:middle}
#repair-shell .content .btn.sc-goc,.cnhd-tbl .sc-goc{font-size:10.5px!important;padding:1px 6px!important;min-height:0!important;border-color:#1E6FD9!important;color:#1E6FD9!important}
@media print{.sc-goc{display:none!important}}
/* svnew3: vừa khung */
@media screen{
.sc-grid2{grid-template-columns:1fr!important}
#repair-shell .content .card{overflow-x:auto}
#repair-shell .content table.tbl td.wrap{min-width:240px;white-space:normal}
#repair-shell .content table.tbl td,#repair-shell .content table.tbl th{font-size:13px!important}
#repair-shell .card-header{flex-wrap:wrap}
}
html body #repair-shell .content table.tbl tr.row-total td,html body #repair-shell .content table.tbl tr.row-total:hover td{background:#000!important;color:#fff!important;font-weight:800!important;font-size:14.5px!important;border-color:#000!important}
/* scn1: SỔ CÔNG NỢ NCC A4 đứng — mẫu PGH Vy Khang */
.scn-bar{display:flex;justify-content:flex-end;margin:0 0 8px}
.ke-sheet.scn-sheet{width:210mm!important;box-sizing:border-box;padding:12mm 11mm 14mm!important;font-family:Roboto,Arial,sans-serif!important;color:#111;background:#fff;text-transform:uppercase}
.scn-hd{display:flex;align-items:flex-start;gap:10px}
.scn-logo{width:15mm;height:15mm;flex:0 0 15mm;border-radius:3mm}
.scn-co{flex:1;font-size:10.5pt;line-height:1.45}
.scn-co-n{font-size:13.5pt;font-weight:900;color:#1e3a8a;letter-spacing:.01em}
.scn-no{text-align:right;font-size:9.5pt;white-space:nowrap}.scn-no b{display:block;color:#9b1c1c;font-size:11.5pt}
.scn-rule{border-top:1.6px solid #1e3a8a;margin:7px 0 10px}
.scn-title{text-align:center;color:#1e3a8a;font-size:20pt;font-weight:900;letter-spacing:.06em;margin:0}
.scn-sub{text-align:center;font-style:italic;font-size:11pt;margin:3px 0 10px}
.scn-party{font-size:11pt;margin:10px 0 4px}.scn-party b{font-size:12.5pt}
.scn-tbl{width:100%;border-collapse:collapse;font-size:10pt;table-layout:fixed;margin-bottom:4px}
.scn-tbl th,.scn-tbl td{border:.6px solid #8a8a8a;padding:4px 5px;vertical-align:middle;word-wrap:break-word}
.scn-tbl thead th{background:#e8edf6;font-weight:800;font-size:9.5pt;text-align:center}
.scn-tbl td.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.scn-tbl td.c{text-align:center;white-space:nowrap}
.scn-tbl tr.scn-op td{font-style:italic;font-weight:700;background:#f6f6f6}
.scn-tbl tr.scn-tt td{color:#1d4ed8}
.scn-tbl tr.scn-paid td{color:#c0392b!important}
.scn-tbl tr.scn-sum td{font-weight:800;background:#eef1f6}
.scn-tbl tr.scn-total td{background:#000!important;color:#fff!important;font-weight:900;font-size:12pt;border-color:#000;padding:6px}
.scn-tbl thead{display:table-header-group}.scn-tbl tr{page-break-inside:avoid}
.scn-sign{display:grid;grid-template-columns:1fr 1fr 1fr;text-align:center;margin-top:16px;font-size:11pt;page-break-inside:avoid}
.scn-sign i{display:block;font-size:9pt;font-weight:400;margin-bottom:22mm}
.scn-foot{text-align:center;font-size:8.5pt;color:#666;margin-top:6px}
@page{size:A4 portrait;margin:8mm 6mm 12mm;@bottom-right{content:"TRANG " counter(page) "/" counter(pages);font:9pt Roboto,Arial;color:#555}}
@media print{.sc-qf,.scn-bar,.sc-seg{display:none!important}.ke-sheet.scn-sheet{width:auto!important;min-height:0;padding:0!important;zoom:1!important}}
/* sửa nút IN / Z bị cắt ở góc phải khung */
@media screen{
#repair-shell .content .card{overflow:visible!important}
#repair-shell .card-header,#repair-shell .ke-card-name{flex-wrap:wrap;overflow:visible!important}
#repair-shell .btn-print{flex:0 0 auto!important;width:auto!important;min-width:max-content!important;white-space:nowrap!important;overflow:visible!important;margin-left:4px}
#repair-shell .card-header .btn-print{margin-left:auto}
}
html body #repair-shell .content button.zs-btn,html body #repair-shell .content button.zs-btn:hover{box-sizing:border-box!important;width:30px!important;height:30px!important;min-width:30px!important;max-width:30px!important;min-height:0!important;padding:0!important;margin:0 0 0 4px!important;border:0!important;border-radius:7px!important;background:#0068ff!important;color:#fff!important;font-size:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;flex:0 0 30px!important;transform:none!important}
.scn-logo{display:flex;align-items:center;justify-content:center;background:#1e3a8a;color:#fff;font:900 21pt/1 Roboto,Arial,sans-serif;letter-spacing:0}
/* scr1: MÀN HÌNH = KIỂU APP; GIẤY A4 CHỈ KHI IN / XUẤT PDF / Z (lớp .a4-on gắn tạm khi chụp) */
@media screen{
#repair-shell .ke-desk{background:transparent!important;padding:0!important;box-shadow:none!important;border:0!important}
#repair-shell .ke-sheet:not(.a4-on){width:100%!important;max-width:none!important;min-height:0!important;padding:0!important;margin:0!important;box-shadow:none!important;border:0!important;background:transparent!important;zoom:1!important;text-transform:uppercase}
#repair-shell .ke-sheet:not(.a4-on) .ke-hd,#repair-shell .ke-sheet:not(.a4-on) .scn-hd,#repair-shell .ke-sheet:not(.a4-on) .scn-rule,#repair-shell .ke-sheet:not(.a4-on) .scn-title,#repair-shell .ke-sheet:not(.a4-on) .scn-sub,#repair-shell .ke-sheet:not(.a4-on) .scn-sign,#repair-shell .ke-sheet:not(.a4-on) .scn-foot,#repair-shell .ke-sheet:not(.a4-on) .cnhd-co,#repair-shell .ke-sheet:not(.a4-on) .cnhd-sub,#repair-shell .ke-sheet:not(.a4-on) .cnhd-sig{display:none!important}
#repair-shell .ke-sheet:not(.a4-on) .scn-party{background:var(--vk-dark);color:#fff;padding:7px 10px;border-radius:8px 8px 0 0;margin:12px 0 0;font-size:13px}
#repair-shell .ke-sheet:not(.a4-on) .scn-party b{color:#fff}
#repair-shell .ke-sheet:not(.a4-on) .scn-tbl,#repair-shell .ke-sheet:not(.a4-on) .cnhd-tbl{background:var(--vk-panel);font-size:13px}
#repair-shell .ke-sheet:not(.a4-on) .scn-tbl thead th,#repair-shell .ke-sheet:not(.a4-on) .cnhd-tbl thead th{background:var(--vk-th)!important;color:var(--vk-dark)!important;font-size:12px}
#repair-shell .ke-sheet:not(.a4-on) .scn-tbl td,#repair-shell .ke-sheet:not(.a4-on) .scn-tbl th,#repair-shell .ke-sheet:not(.a4-on) .cnhd-tbl td,#repair-shell .ke-sheet:not(.a4-on) .cnhd-tbl th{border-color:var(--vk-border2)!important;padding:5px 7px}
#repair-shell .ke-sheet:not(.a4-on) .cnhd-tbl{font-size:12.5px}
#repair-shell .ke-sheet:not(.a4-on) .cnhd-last{text-align:right;font-size:12px;color:var(--vk-muted);margin:0 0 6px}
}
/* hdr3/4/5: ĐẦU TRANG IN 3 DÒNG + LOGO NHỎ, TIÊU ĐỀ XANH ĐẬM TO, A4 ĐỨNG, CHỮ TO RÕ */
.rp-hd{display:flex;align-items:center;gap:12px;margin:0 0 8px;text-transform:uppercase;font-family:Roboto,Arial,sans-serif;color:#111}
.rp-logo{width:46px;height:46px;flex:0 0 46px;border-radius:9px;background:#1e3a8a;color:#fff;display:flex;align-items:center;justify-content:center;font:900 20px/1 Roboto,Arial,sans-serif}
.rp-co{font-size:11pt;line-height:1.4}.rp-n{font-size:13pt;font-weight:900;color:#1e3a8a}
@media screen{#repair-shell .ke-sheet:not(.a4-on) .rp-hd{display:none!important}}
.ke-sheet.a4-on{width:210mm!important;max-width:none!important;box-sizing:border-box!important;padding:10mm 8mm 12mm!important;background:#fff!important;zoom:1!important;text-transform:uppercase}
.ke-sheet.a4-on .ke-hd{text-align:center;border:0!important}
.ke-sheet.a4-on .ke-hd h2,.ke-sheet.a4-on .scn-title,.ke-sheet.a4-on.cnhd-sheet h2{color:#1f4fa8!important;font-size:28pt!important;font-weight:900!important;line-height:1.15!important;margin:10px 0 4px!important;letter-spacing:.02em!important;text-align:center!important}
.ke-sheet.a4-on .ke-sub,.ke-sheet.a4-on .cnhd-sub,.ke-sheet.a4-on .scn-sub{font-size:12.5pt!important;text-align:center!important;margin-bottom:10px!important}
.ke-sheet.a4-on .cnhd-last{font-size:10pt!important;text-align:right!important;margin:0 0 4px!important}
.ke-sheet.a4-on .sc-goc,.ke-sheet.a4-on .no-print,.ke-sheet.a4-on .btn-print,.ke-sheet.a4-on .zs-btn{display:none!important}
.ke-sheet.a4-on .cnhd-tbl{width:100%!important;table-layout:auto!important;font-size:11pt!important;border-collapse:collapse!important}
.ke-sheet.a4-on .cnhd-tbl td,.ke-sheet.a4-on .cnhd-tbl th{padding:5px 5px!important;white-space:nowrap;border:1px solid #333!important;line-height:1.3}
.ke-sheet.a4-on .cnhd-tbl thead th{white-space:normal!important;font-size:9.6pt!important;line-height:1.2;background:#e6ecf7!important;vertical-align:middle}
.ke-sheet.a4-on .cnhd-tbl td.kq{font-size:10pt!important;width:1%!important;padding:5px 6px!important}
.ke-sheet.a4-on .cnhd-tbl thead th:last-child{width:1%!important}
.ke-sheet.a4-on .cnhd-tbl tr.cnhd-grp td{font-size:11.5pt!important}
.ke-sheet.a4-on .cnhd-tbl tr.ke-page-total td{font-size:12.5pt!important;padding:7px 5px!important}
.ke-sheet.a4-on .cnhd-sig,.ke-sheet.a4-on .scn-sign{font-size:12pt!important}
.ke-sheet.a4-on .scn-tbl{font-size:11pt!important}.ke-sheet.a4-on .scn-tbl td,.ke-sheet.a4-on .scn-tbl th{padding:5px 6px!important;border:1px solid #555!important}
.ke-sheet.a4-on .scn-tbl tr.scn-total td{font-size:13pt!important}
.ke-sheet.a4-on .ke-card .ke-grid{font-size:10.5pt!important}.ke-sheet.a4-on .ke-card .ke-grid td,.ke-sheet.a4-on .ke-card .ke-grid th{padding:4px 5px!important}
@media print{.ke-sheet.a4-on{width:auto!important;padding:0!important}}
/* hdr6: vừa khổ A4 đứng */
.ke-sheet.a4-on .cnhd-tbl{font-size:10pt!important}
.ke-sheet.a4-on .cnhd-tbl td,.ke-sheet.a4-on .cnhd-tbl th{padding:4px 4px!important}
.ke-sheet.a4-on .cnhd-tbl thead th{font-size:8.8pt!important}
.ke-sheet.a4-on .cnhd-tbl td.kq{font-size:9pt!important;padding:4px 4px!important}
.ke-sheet.a4-on .cnhd-tbl tr.ke-page-total td{font-size:11.5pt!important}
.ke-sheet.a4-on,.ke-sheet.a4-on *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
@media print{.ke-sheet.a4-on .cnhd-tbl{font-size:9.6pt!important}[class*="zs-toast"],.zs-t,#zs-pages{display:none!important}}
/* conno1 */
html body #repair-shell button.sc-conno{font-weight:800!important;border:2px solid #b42318!important;color:#b42318!important;background:#fff!important;border-radius:999px!important;padding:3px 12px!important;white-space:nowrap}
html body #repair-shell button.sc-conno.on{background:#b42318!important;color:#fff!important}
.ke-sheet.a4-on .sc-conno{display:none!important}
@media screen{#repair-shell .cnhd-bar{border-bottom:2px solid var(--vk-dark,#3E2F23)!important;padding-bottom:10px!important;margin-bottom:12px!important}}
/* cnflat1: CHI TIẾT CÔNG NỢ THEO HĐ — màn hình phẳng kiểu PGH Vy Khang */
@media screen{
#repair-shell .cnhd-bar{border-bottom:1.5px solid var(--vk-border)!important;padding:0 0 6px!important;margin:-4px 0 10px!important;gap:6px!important}
#repair-shell .cnhd-bar select,#repair-shell .cnhd-bar .btn{box-shadow:none!important;background:#fff!important;border:1px solid var(--vk-border)!important;border-radius:6px!important;transform:none!important}
#repair-shell .cnhd-bar .btn-primary{background:#1E6FD9!important;border-color:#1E6FD9!important;color:#fff!important}
#repair-shell .cnhd-bar .btn-check{background:#146c2e!important;border-color:#146c2e!important;color:#fff!important}
#repair-shell .ke-sheet.cnhd-sheet:not(.a4-on) .ke-hd h2{font-size:15px!important}
#repair-shell .ke-sheet.cnhd-sheet:not(.a4-on) .cnhd-tbl{border-collapse:separate!important;border-spacing:0!important;border:1px solid var(--vk-border)!important;border-radius:8px!important;overflow:hidden;background:#fff!important}
#repair-shell .ke-sheet.cnhd-sheet:not(.a4-on) .cnhd-tbl td,#repair-shell .ke-sheet.cnhd-sheet:not(.a4-on) .cnhd-tbl th{border:0!important;border-bottom:1px solid var(--vk-border2)!important;padding:7px 8px!important}
#repair-shell .ke-sheet.cnhd-sheet:not(.a4-on) .cnhd-tbl thead th{background:var(--vk-bg2)!important;color:var(--vk-muted)!important;font-weight:700;border-bottom:1.5px solid var(--vk-border)!important}
#repair-shell .ke-sheet.cnhd-sheet:not(.a4-on) .cnhd-tbl tr.cnhd-grp td{background:var(--vk-bg)!important;font-weight:800;border-top:0!important}
#repair-shell .ke-sheet.cnhd-sheet:not(.a4-on) .cnhd-tbl tr.cnhd-sum td{background:#fafafa!important}
#repair-shell .ke-sheet.cnhd-sheet:not(.a4-on) .cnhd-tbl tr:last-child td{border-bottom:0!important}
#repair-shell .ke-sheet.cnhd-sheet:not(.a4-on) .cnhd-tbl td.kq{background:transparent!important}
#repair-shell .ke-sheet.cnhd-sheet:not(.a4-on) .cnhd-last{margin:0 0 6px!important}
}
/* mg15: lề trái/phải bản in/PDF/Z = 1,5 cm */
.ke-sheet.a4-on{width:210mm!important;padding:12mm 15mm 12mm 15mm!important}
@media print{.ke-sheet.a4-on{width:auto!important;padding:0!important}}
/* hdr7: chữ đầu trang nhỏ 10%, logo cao đúng bằng khối 3 dòng */
.rp-hd{align-items:stretch!important;gap:7px!important}
.rp-co{font-size:6.9pt!important;line-height:1.22!important;padding:0!important;margin:0!important}
.rp-co>div{margin:0!important}
.rp-n{font-size:8.2pt!important;line-height:1.15!important}
.rp-logo{height:auto!important;width:auto!important;aspect-ratio:1/1;flex:0 0 auto!important;align-self:stretch!important;font-size:10.5pt!important;border-radius:5px!important}
.ke-sheet.a4-on.cnhd-sheet h2{font-size:25pt!important}
.ke-sheet.a4-on .ke-sub,.ke-sheet.a4-on .cnhd-sub,.ke-sheet.a4-on .scn-sub{font-size:18pt!important;font-weight:800!important}
.ke-sheet.a4-on .rp-hd{border-bottom:1.6px solid #1e3a8a!important;padding-bottom:6px!important;margin-bottom:8px!important}.ke-sheet.a4-on .scn-rule{display:none!important}

/* cnrow1 */
.sc-qf>.sc-qf-row:first-child select{max-width:150px;padding-left:6px;padding-right:4px}
.sc-qf>.sc-qf-row:first-child .sc-qf-sep{margin:0 2px}
.sc-qf>.sc-qf-row:first-child .sc-conno{white-space:nowrap}
/* fit1: CNHD print table fits 1.5cm margins */
.ke-sheet.a4-on,.ke-sheet.a4-on *{box-sizing:border-box!important}
.ke-sheet.a4-on .cnhd-tbl{width:100%!important;max-width:100%!important;table-layout:fixed!important;margin-left:0!important;margin-right:0!important}
.ke-sheet.a4-on .cnhd-tbl td,.ke-sheet.a4-on .cnhd-tbl th{overflow:hidden;padding:4px 3px!important}
.ke-sheet.a4-on .cnhd-tbl thead th:nth-child(1){width:4%!important}
.ke-sheet.a4-on .cnhd-tbl thead th:nth-child(2){width:7%!important}
.ke-sheet.a4-on .cnhd-tbl thead th:nth-child(3){width:8.5%!important}
.ke-sheet.a4-on .cnhd-tbl thead th:nth-child(4){width:9.5%!important}
.ke-sheet.a4-on .cnhd-tbl thead th:nth-child(5){width:6%!important}
.ke-sheet.a4-on .cnhd-tbl thead th:nth-child(6){width:8.5%!important}
.ke-sheet.a4-on .cnhd-tbl thead th:nth-child(7){width:10%!important}
.ke-sheet.a4-on .cnhd-tbl thead th:nth-child(8){width:7%!important}
.ke-sheet.a4-on .cnhd-tbl thead th:nth-child(9){width:10%!important}
.ke-sheet.a4-on .cnhd-tbl thead th:nth-child(10){width:10%!important}
.ke-sheet.a4-on .cnhd-tbl thead th:nth-child(11){width:8%!important}
.ke-sheet.a4-on .cnhd-tbl thead th:nth-child(12){width:11.5%!important}
.ke-sheet.a4-on .cnhd-tbl td.kq{white-space:normal!important;width:auto!important;line-height:1.15;word-break:normal}
.ke-sheet.a4-on .cnhd-tbl thead th:last-child{width:11.5%!important}
.ke-sheet.a4-on .cnhd-tbl td.kq .sc-goc,.ke-sheet.a4-on .cnhd-tbl td.kq button{display:none!important}
.ke-sheet.a4-on .cnhd-tbl tr.cnhd-grp td{white-space:normal!important}
/* fit2: CNHD screen — no clipping */
#repair-shell .ke-desk{max-width:100%!important;overflow-x:auto!important}
#repair-shell .ke-sheet.cnhd-sheet:not(.a4-on){width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box!important}
#repair-shell .ke-sheet.cnhd-sheet:not(.a4-on) .cnhd-tbl{width:100%!important;table-layout:auto!important}
#repair-shell .ke-sheet.cnhd-sheet:not(.a4-on) .cnhd-tbl td.kq{white-space:normal!important}
#repair-shell .ke-sheet.cnhd-sheet:not(.a4-on) .cnhd-tbl td,#repair-shell .ke-sheet.cnhd-sheet:not(.a4-on) .cnhd-tbl th{padding:7px 6px!important}
/* fit3 */
.ke-sheet.a4-on .cnhd-tbl{font-size:9pt!important}
.ke-sheet.a4-on .cnhd-tbl thead th{font-size:8pt!important}
.ke-sheet.a4-on .cnhd-tbl td.kq{font-size:8.5pt!important}
.ke-sheet.a4-on .cnhd-tbl td,.ke-sheet.a4-on .cnhd-tbl th{padding:4px 2px!important}
.ke-sheet.a4-on .cnhd-tbl thead th:nth-child(1){width:4.5%!important}
.ke-sheet.a4-on .cnhd-tbl thead th:nth-child(3){width:9.5%!important}
.ke-sheet.a4-on .cnhd-tbl thead th:nth-child(4){width:10.5%!important}
.ke-sheet.a4-on .cnhd-tbl thead th:nth-child(6){width:9.5%!important}
.ke-sheet.a4-on .cnhd-tbl thead th:nth-child(7){width:9.5%!important}
.ke-sheet.a4-on .cnhd-tbl thead th:nth-child(8){width:6.5%!important}
.ke-sheet.a4-on .cnhd-tbl thead th:nth-child(9){width:9.5%!important}
.ke-sheet.a4-on .cnhd-tbl thead th:nth-child(10){width:9.5%!important}
.ke-sheet.a4-on .cnhd-tbl thead th:nth-child(11){width:7%!important}
.ke-sheet.a4-on .cnhd-tbl thead th:nth-child(12),.ke-sheet.a4-on .cnhd-tbl thead th:last-child{width:11%!important}
/* fit4 */
.ke-sheet.a4-on .cnhd-tbl tr.ke-page-total td{font-size:9.5pt!important;padding:5px 2px!important}
.ke-sheet.a4-on .cnhd-tbl tr.cnhd-grp td{font-size:10pt!important}
.ke-sheet.a4-on .cnhd-tbl tr.cnhd-sum td{font-size:9pt!important}
.ke-sheet.a4-on .cnhd-tbl td.n{letter-spacing:-.01em}
/* fit5: auto-fit, no clipping */
.ke-sheet.a4-on .cnhd-tbl thead th:nth-child(1){width:4%!important}
.ke-sheet.a4-on .cnhd-tbl thead th:nth-child(3){width:9%!important}
.ke-sheet.a4-on .cnhd-tbl thead th:nth-child(4){width:10%!important}
.ke-sheet.a4-on .cnhd-tbl thead th:nth-child(6){width:9%!important}
.ke-sheet.a4-on .cnhd-tbl thead th:nth-child(7),.ke-sheet.a4-on .cnhd-tbl thead th:nth-child(9),.ke-sheet.a4-on .cnhd-tbl thead th:nth-child(10){width:10.5%!important}
.ke-sheet.a4-on .cnhd-tbl thead th:nth-child(12),.ke-sheet.a4-on .cnhd-tbl thead th:last-child{width:9.5%!important}
.ke-sheet.a4-on .cnhd-tbl td,.ke-sheet.a4-on .cnhd-tbl th{overflow:visible!important;text-overflow:clip!important}
.ke-sheet.a4-on .cnhd-tbl tr.ke-page-total td{font-size:9pt!important}
#repair-shell .ke-sheet.cnhd-sheet .cnhd-tbl td,#repair-shell .ke-sheet.cnhd-sheet .cnhd-tbl th{text-overflow:clip!important}
.ke-sheet.a4-on .cnhd-tbl thead th:nth-child(12),.ke-sheet.a4-on .cnhd-tbl thead th:last-child{width:10%!important}
/* sub10: CNHD NCC line -10%, upright; no italics in print/Z */
.ke-sheet.a4-on .cnhd-sub{font-size:16.2pt!important;font-style:normal!important;transform:none!important}
.ke-sheet.a4-on,.ke-sheet.a4-on *{font-style:normal!important}
/* rule11: rule under CNHD title (print/Z) */
.ke-sheet.a4-on .cnhd-title{border-bottom:1.6px solid #1f4fa8!important;padding-bottom:5px!important;margin-bottom:8px!important;white-space:nowrap}
/* cnrow2: keep CÒN NỢ button on KỲ row */
.sc-qf>.sc-qf-row:first-child{flex-wrap:nowrap!important}
.sc-qf>.sc-qf-row:first-child select{max-width:135px!important;min-width:0!important}
.sc-qf>.sc-qf-row:first-child .sc-chip,.sc-qf>.sc-qf-row:first-child .chip{padding-left:8px!important;padding-right:8px!important}
.sc-qf>.sc-qf-row:first-child .sc-conno{flex:0 0 auto;margin-left:auto}