/* SV3 — giao diện hợp nhất Cấp phí · Cấp dầu · Tài xế, theo kiểu màn LẬP HÓA ĐƠN (dùng biến + lớp sẵn có của app.css) */
#sv3-shell .sv3-n{margin-left:6px;background:var(--red,#b42318);color:#fff;border-radius:999px;font-size:9.5px;padding:0 6px;font-weight:900;letter-spacing:0}
#sv3-shell .nav-item{display:flex;align-items:center}
#sv3-view{padding-bottom:30px}
#sv3-shell .kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin:0 0 10px}
#sv3-shell .kpi{border:1px solid var(--border);background:var(--card);border-radius:var(--radius2);padding:8px 10px;cursor:pointer;position:relative;border-left:4px solid var(--c,var(--navy))}
#sv3-shell .kpi:hover{background:var(--hover)}#sv3-shell .kpi.hot{border-color:var(--red);border-left-color:var(--red)}
#sv3-shell .kpi .l{font-size:10px;font-weight:800;letter-spacing:.06em;color:var(--muted)}#sv3-shell .kpi .v{font-size:17px;font-weight:900;margin-top:2px;color:var(--c,var(--text))}#sv3-shell .kpi .v small{font-size:10px;color:var(--muted)}#sv3-shell .kpi .s{font-size:10.5px;color:var(--muted);font-weight:600;text-transform:none;margin-top:1px}
#sv3-shell .card{border:1px solid var(--border);background:var(--card);border-radius:var(--radius2);margin:0 0 10px;overflow:hidden;padding:0}
#sv3-shell .card-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;border-bottom:1px solid var(--border)}#sv3-shell .card-h h3{margin:0;font-size:12px;font-weight:900;letter-spacing:.05em}#sv3-shell .sp{flex:1}
#sv3-shell .grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:1100px){#sv3-shell .grid2{grid-template-columns:1fr}}
#sv3-shell .bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;border:1px solid var(--border);background:var(--card);border-radius:var(--radius2);padding:8px 10px;margin:0 0 8px}
#sv3-shell .chips{display:flex;gap:5px;flex-wrap:wrap}#sv3-shell .chips.per{flex-basis:100%}
#sv3-shell .chip{border:1.5px solid var(--border);background:var(--card);color:var(--text);border-radius:999px;padding:4px 11px;font-size:11px;font-weight:800;letter-spacing:.04em;cursor:pointer}#sv3-shell .chip:hover{border-color:var(--gold)}#sv3-shell .chip.on{background:var(--navy);border-color:var(--navy);color:var(--on)}
#sv3-shell .bar input[type=text]{flex:1;min-width:220px;padding:6px 9px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:13px;background:var(--paper);color:var(--text);text-transform:none}
#sv3-shell .bar input[type=date],#sv3-shell .bar select,#sv3-shell .sv3-lim select{padding:6px 8px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:12px;font-weight:700;background:var(--card);color:var(--text)}
#sv3-shell .sv3-lim{font-size:10px;font-weight:800;letter-spacing:.06em;color:var(--muted);display:inline-flex;gap:6px;align-items:center;margin-left:auto}
#sv3-shell .sv3-lsum{display:flex;justify-content:space-between;font-size:12px;font-weight:700;margin:6px 10px}
#sv3-shell .sv3-more{display:flex;gap:8px;justify-content:center;margin:10px 0}
#sv3-shell .tabs{display:flex;gap:4px;flex-wrap:wrap;margin:0 0 8px}#sv3-shell .tab{border:1.5px solid var(--border);background:var(--card);color:var(--text);border-radius:999px;padding:5px 12px;font-size:11px;font-weight:900;cursor:pointer}#sv3-shell .tab.on{background:var(--navy);border-color:var(--navy);color:var(--on)}#sv3-shell .tab .n{background:var(--red);color:#fff;border-radius:999px;font-size:9.5px;padding:0 6px;margin-left:4px}
#sv3-shell .tw{overflow:auto;max-height:calc(100vh - 250px)}
#sv3-shell table.t{width:100%;border-collapse:collapse;font-size:12px}#sv3-shell table.t td{padding:4px 7px;border:1px solid var(--border);vertical-align:middle}
#sv3-shell table.t tbody tr:hover td{background:var(--hover)}#sv3-shell table.t tr.sel td{background:#fff3d6!important}
#sv3-shell table.t .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}#sv3-shell table.t .c{text-align:center}#sv3-shell table.t td.ck,#sv3-shell table.t th.ck{width:30px;text-align:center}
#sv3-shell table.t tfoot td{font-weight:900;background:var(--bg);border-top:2px solid var(--navy)}
#sv3-shell .st{display:inline-block;padding:2px 9px;border-radius:999px;font-size:10px;font-weight:900;white-space:nowrap;color:var(--c);background:color-mix(in srgb,var(--c) 16%,#fff)}
#sv3-shell .bdg{display:inline-block;padding:1px 8px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap;border:1px solid var(--c);color:var(--c);background:transparent}
#sv3-shell .lx{display:inline-flex;flex-direction:column;align-items:center;min-width:80px;border:1.4px solid #8a7a5c;background:#fffaf0;border-radius:8px;padding:2px 7px;margin:1px;cursor:pointer;line-height:1.15}#sv3-shell .lx b{font-size:11.5px}#sv3-shell .lx i{font-style:normal;font-size:9.5px;color:var(--muted);font-weight:700}
#sv3-shell .lx.bad{border-color:var(--red);background:#fdecec}#sv3-shell .lx.bad b{color:var(--red)}#sv3-shell .lx.ok{border-color:#3c8a55;background:#ecf6ef}#sv3-shell .lx.pl{border-color:#b9ad97;background:#f7f4ee}
#sv3-shell .bulk{position:sticky;bottom:0;z-index:6;display:flex;gap:6px;align-items:center;flex-wrap:wrap;background:var(--card);border:1px solid var(--border);border-radius:var(--radius2);padding:7px 10px;margin:8px 0 0;font-size:11px}#sv3-shell .bulk .hint{color:var(--muted);font-weight:700;font-size:10.5px}#sv3-shell .bulk .btn{border-radius:999px;padding:3px 10px;font-size:10.5px}
#sv3-shell .btn-z{background:#0068ff!important;border-color:#0068ff!important;color:#fff!important;font-weight:900}#sv3-shell .btn-ok{background:#1d6b3a!important;border-color:#1d6b3a!important;color:#fff!important}
#sv3-shell .empty{padding:28px;text-align:center;color:var(--muted);font-weight:700}
#sv3-shell .list .it{display:flex;gap:10px;align-items:center;padding:7px 10px;border-bottom:1px solid var(--border)}#sv3-shell .list .it:last-child{border:0}#sv3-shell .list .it .m{flex:1;min-width:0}#sv3-shell .list .it .m b{display:block}#sv3-shell .list .it .m small{color:var(--muted);font-weight:600;text-transform:none}
#sv3-shell .mut{color:var(--muted);font-weight:600}#sv3-shell .red{color:var(--red)}#sv3-shell .grn{color:#1d6b3a}#sv3-shell .lnk{color:var(--navy);cursor:pointer;font-weight:800;text-decoration:underline}
#sv3-modal{position:fixed;inset:0;background:rgba(20,15,5,.5);z-index:900;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow:auto}#sv3-modal.hide{display:none}
#sv3-modal .box{background:var(--card,#fff);border:1px solid var(--border);border-radius:var(--radius2,10px);max-width:780px;width:100%;box-shadow:0 20px 50px rgba(0,0,0,.3)}#sv3-modal .mh{padding:10px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;background:var(--navy);color:var(--on)}#sv3-modal .mh h3{margin:0;flex:1;font-size:13px;letter-spacing:.05em}#sv3-modal .mb{padding:12px 14px}#sv3-modal .mf{padding:10px 14px;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
#sv3-modal .btn{border:1.5px solid var(--border);background:var(--card);color:var(--text);border-radius:var(--radius);padding:5px 12px;font-weight:800;cursor:pointer;font-size:11px;text-decoration:none;display:inline-block}#sv3-modal .btn.p,#sv3-modal .btn.z{background:var(--navy);color:var(--on);border-color:var(--navy)}
#sv3-modal .fr{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:10px}#sv3-modal .fr label{display:block;font-size:10px;font-weight:900;color:var(--muted);margin-bottom:3px}#sv3-modal .fr input,#sv3-modal .fr select{width:100%;border:1.5px solid var(--border);border-radius:var(--radius);padding:7px}
#sv3-modal .zimg{max-width:100%;border:1px solid var(--border);border-radius:8px}#sv3-modal table.t{width:100%;border-collapse:collapse;font-size:12px}#sv3-modal table.t th{background:var(--navy);color:var(--on);padding:5px}#sv3-modal table.t td{border:1px solid var(--border);padding:4px 6px}
#sv3-toast{position:fixed;right:18px;bottom:18px;z-index:950;display:flex;flex-direction:column;gap:6px}#sv3-toast div{background:var(--navy);color:var(--on);padding:9px 14px;border-radius:8px;font-weight:800;box-shadow:0 6px 18px rgba(0,0,0,.2);font-size:12px}#sv3-toast div.e{background:var(--red)}
@media(max-width:860px){#sv3-shell .kpis{grid-template-columns:1fr 1fr}#sv3-shell .chips.per{flex-wrap:nowrap;overflow-x:auto}#sv3-shell .chip{white-space:nowrap}#sv3-shell .tw{max-height:none}#sv3-shell .bar input[type=text]{min-width:0}#sv3-shell .sv3-lim{margin-left:0}}
/* v3 chat: khung chat vừa màn hình — danh sách phòng & tin nhắn cuộn riêng, ô nhập cố định đáy */
#sv3-shell .content:has(> .svc){overflow:hidden!important;display:flex;flex-direction:column;min-height:0}
#sv3-shell .content > .svc{flex:1 1 auto;min-height:0;height:auto!important;max-height:none!important;margin:0!important}
#sv3-shell .content > .svc > .svc-l,#sv3-shell .content > .svc > .svc-m{display:flex;flex-direction:column;min-height:0;height:100%!important;max-height:100%}
#sv3-shell .content > .svc .svc-rl,#sv3-shell .content > .svc #msgs{flex:1 1 auto;min-height:0;height:auto!important;max-height:none!important;overflow-y:auto!important;overscroll-behavior:contain}
#sv3-shell .content > .svc .svc-lh,#sv3-shell .content > .svc .svc-s,#sv3-shell .content > .svc .svc-mh,#sv3-shell .content > .svc .zx-bar,#sv3-shell .content > .svc .svc-tray,#sv3-shell .content > .svc .svc-f,#sv3-shell .content > .svc .svc-pk{flex:none}
#sv3-shell .main:has(.content > .svc){height:calc(100vh / 1.1);max-height:calc(100vh / 1.1);overflow:hidden;display:flex;flex-direction:column}#sv3-shell .main:has(.content > .svc) > .content{flex:1 1 auto}
#sv3-shell .sidebar-nav{padding-bottom:120px}
#sv3-shell .sidebar-footer{padding-bottom:100px}#sv3-shell .sidebar-nav{padding-bottom:12px}
body.sv3-on #apa-btn,body.sv3-on #apa-btn2,body.sv3-on #fpa-btn{display:none!important}body.sv3-on #sv3-shell .sidebar-footer{padding-bottom:10px}