:root{--bg:#eef1f4;--card:#fff;--ink:#14213d;--mute:#5b6678;--line:#d9dfe7;--acc:#0f766e;--accbg:#d9f2ef;--warn:#b45309;--warnbg:#fdecc8;--bad:#b91c1c;--badbg:#fbdcdc;--plate:#f7dironic;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
:root{--plate:#f5d63d}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0f1624;--card:#18223a;--ink:#e8edf6;--mute:#93a0b8;--line:#2a3652;--acc:#4fd1c5;--accbg:#12403f;--warn:#f6ad55;--warnbg:#4a3512;--bad:#fc8181;--badbg:#4a1d1d}}
:root[data-theme="dark"]{--bg:#0f1624;--card:#18223a;--ink:#e8edf6;--mute:#93a0b8;--line:#2a3652;--acc:#4fd1c5;--accbg:#12403f;--warn:#f6ad55;--warnbg:#4a3512;--bad:#fc8181;--badbg:#4a1d1d}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 "Inter","Plus Jakarta Sans",system-ui,sans-serif}
.app{max-width:1100px;margin:0 auto;padding:16px}
header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
h1{font-size:22px;font-weight:800;margin:0;letter-spacing:-.3px}
h2{font-size:17px;margin:0 0 10px;font-weight:700}
nav{display:flex;gap:4px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:4px;overflow-x:auto;max-width:100%}
nav button{border:0;background:none;color:var(--mute);font:inherit;font-weight:700;padding:8px 14px;border-radius:9px;cursor:pointer;white-space:nowrap}
nav button.on{background:var(--ink);color:var(--bg)}
button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:16px}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px}
.stat{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px}
.stat b{display:block;font-size:26px;font-weight:800;line-height:1.2}b{font-variant-numeric:tabular-nums}.stat b.mv,.sst .stat b{white-space:nowrap}@media(max-width:720px){.stat b.mv{font-size:clamp(16px,5vw,22px)}}.chip.go{white-space:nowrap}
.stat span{color:var(--mute);font-size:13px}
.plate{display:inline-block;background:var(--plate);color:#1a1a1a;border:2px solid #1a1a1a;border-radius:6px;padding:1px 8px;font:800 13px/1.5 ui-monospace,Menlo,monospace;letter-spacing:1px;white-space:nowrap}
.fleet{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.car{border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:6px}
.car b{font-weight:700}
.fgrp{margin-top:14px}.fgrp:first-child{margin-top:0}.fgrp h3{margin:0 0 8px;font-size:15px}.fgrp h3 small{font-weight:500;color:var(--mute);margin-left:6px}
tr.grp{cursor:pointer}tr.grp td{font-size:15px;padding:10px 8px;background:rgba(127,127,127,.09);border-bottom:1px solid var(--line)}
@media(min-width:721px){table td:last-child .row{flex-wrap:nowrap}table td:last-child .btn{white-space:nowrap}table.dt td:nth-child(n+4):nth-child(-n+6){white-space:nowrap}}
.act{display:grid;grid-template-columns:1fr 1fr;gap:6px;min-width:150px}.act .btn.sm{margin:0;padding:6px 10px;text-align:center}.act .wide{grid-column:1/-1}
@media(min-width:721px){table.cr td:nth-child(3),table.cr td:nth-child(4),table.cr td:nth-child(5),table.cr td:nth-child(7){white-space:nowrap}table.cr th,table.cr td{padding-left:6px;padding-right:6px}table.cr td{vertical-align:middle}}
@media(max-width:720px){.act{width:100%}.act .btn.sm{min-height:42px;font-size:14px}}
.lgf{display:grid;grid-template-columns:2fr 1.2fr 1.2fr 1fr 1fr;gap:10px;align-items:end}
@media(max-width:900px){.lgf{grid-template-columns:1fr 1fr}.lgf .full{grid-column:1/-1}}
.lgf label{min-width:0}.lgf input,.lgf select{min-width:0;width:100%;box-sizing:border-box}
.lgd{font-size:13.5px;line-height:1.4;word-break:break-word;margin-top:4px;text-align:left}.lgs{color:var(--mute);font-size:12px;line-height:1.5}
table.lg td{vertical-align:top}table.lg td:nth-child(1){white-space:nowrap}
.pgn{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:12px;flex-wrap:wrap}
.autoh{font-size:12.5px;color:var(--mute);margin:-4px 0 8px}
@media(max-width:720px){tr.grp{padding:0;overflow:hidden}tr.grp td{display:block;text-align:left;padding:12px}}
.chip{display:inline-block;font-size:12px;font-weight:700;padding:2px 9px;border-radius:99px;background:var(--accbg);color:var(--acc)}
.chip.w{background:var(--warnbg);color:var(--warn)}.chip.b{background:var(--badbg);color:var(--bad)}.chip.g{background:var(--line);color:var(--mute)}
.tw{overflow-x:auto}
table{width:100%;border-collapse:collapse;min-width:640px}
th,td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--line);vertical-align:middle}
th{font-size:13px;color:var(--mute);font-weight:700}
.btn{border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;font-weight:700;font-size:13px;padding:6px 11px;border-radius:9px;cursor:pointer}
.btn.p{background:var(--acc);border-color:var(--acc);color:#fff}
.btn.d{color:var(--bad)}
.row{display:flex;gap:6px;flex-wrap:wrap}
.bar{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
input,select{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:9px 10px;width:100%}
label{display:block;font-size:13px;font-weight:700;color:var(--mute);margin-bottom:10px}
label input,label select{margin-top:4px}
dialog{border:1px solid var(--line);border-radius:16px;background:var(--card);color:var(--ink);padding:20px;width:min(440px,92vw)}
dialog::backdrop{background:rgba(10,15,30,.55)}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.g2>label{display:flex;flex-direction:column;justify-content:flex-end}
.sum{background:var(--accbg);color:var(--acc);border-radius:10px;padding:10px;font-weight:700;margin-bottom:10px}
.err{color:var(--bad);font-weight:700;font-size:13px;min-height:18px;margin-bottom:6px}
.empty{color:var(--mute);padding:14px 4px}
.list li{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid var(--line);list-style:none}
.list{margin:0;padding:0}
.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:720px){.two{grid-template-columns:1fr}}
#unitw{margin-bottom:12px}#unitw>.g2{grid-template-columns:1fr}.tr>.rt{grid-column:1;grid-row:1}.tr>#setw{grid-column:2;grid-row:1;display:flex;flex-direction:column;justify-content:flex-end}.tr>#setw[hidden]{display:none}.tr>#setw label{display:flex;flex-direction:column;justify-content:flex-end}.tr>.dc{grid-column:1;grid-row:2}.rdg{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--card)}.rdg .rd{display:block;margin:0;position:relative}.rdg .rd+.rd{border-left:1px solid var(--line)}.rdg .rd span{display:block;text-align:center;padding:10px 6px;border:0;border-radius:0;font-size:14px;line-height:1.2;white-space:nowrap}.chip.nw{white-space:nowrap;display:inline-block}.chip.gp{display:inline-block;white-space:nowrap}.dgs{display:grid;gap:6px;margin-bottom:6px}.dgl{display:flex;flex-direction:column;line-height:1.3}.dgl b{font-weight:600;white-space:nowrap}.dgl span{font-size:13px;color:var(--mute)}.cpk.part{border-style:dashed}.dxr{display:flex;gap:6px;align-items:center;margin-bottom:6px}.dxr input{flex:1;min-width:0}.dxr input[type=date]{flex:0 0 150px}.rd input{position:absolute;opacity:0;width:0;height:0}.rd span{cursor:pointer}.rd input:checked+span{background:var(--accbg);border-color:var(--acc);color:var(--ink);font-weight:700}.rd input:focus-visible+span{outline:2px solid var(--acc);outline-offset:-2px}label.unl{display:flex;gap:8px;align-items:center;margin:12px 0 6px;font-size:14px;font-weight:600}label.unl input{width:auto;margin:0}.fl{margin:0 0 6px}#unitw{margin-top:10px}.fl-t{display:block;font-size:13px;font-weight:600;margin:10px 0 4px}.lgl{margin-bottom:7px}.lgl:last-child{margin-bottom:0}.cpick{display:grid;gap:5px;max-height:230px;overflow:auto;padding:2px;margin:0 0 4px}.cpg{font-size:11px;font-weight:700;color:var(--mute);text-transform:uppercase;letter-spacing:.05em;margin:4px 2px 0}.cpq{margin:0}
.cpk{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:4px 10px;min-height:0;border:1.5px solid var(--line);border-radius:9px;background:var(--card);color:var(--ink);font:inherit;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.cpk:hover:not(:disabled){border-color:var(--acc)}.cpk.on{border-color:var(--acc);background:var(--accbg);box-shadow:0 0 0 3px var(--accbg)}.cpk:disabled{opacity:.6;cursor:not-allowed;background:var(--bg)}.cpk .ci{flex:1;min-width:0;display:flex;align-items:baseline;gap:8px;overflow:hidden}.cpk .ci b{font-size:13.5px;flex:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cpk .ci small{color:var(--mute);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.cpk .chip{flex:none;max-width:62%;white-space:normal;text-align:center;line-height:1.3;font-size:11px;padding:1px 8px}.cpk .plate{font-size:12px;padding:0 6px;line-height:1.45}.cpk.on .plate{box-shadow:0 0 0 2px var(--acc)}@media(max-width:480px){.cpk{flex-wrap:wrap;row-gap:3px}.cpk .chip{max-width:100%;margin-left:auto}.lg .g2{grid-template-columns:1fr}}.legs{display:grid;gap:10px}.lg{border:1.5px solid var(--line);border-radius:12px;padding:8px 12px 10px;background:var(--card)}.lgh{display:flex;justify-content:space-between;align-items:center;font-size:13px}.lgx{border:0;background:none;font-size:22px;line-height:1;color:var(--mute);cursor:pointer;padding:0 4px}.lgx:hover{color:var(--bad)}.lg .g2{margin-bottom:0;grid-template-columns:1.6fr 1fr}.lgi{font-size:12.5px;margin-top:6px;font-weight:600}.lgbt{display:flex;flex-wrap:wrap;gap:8px}.lgsug{background:var(--accbg);border-radius:10px;padding:9px 12px;font-size:13px;line-height:1.7}.lgact{margin-top:6px}.lgact .lnk{font-size:13px}
.sok{color:var(--acc)!important;font-weight:600}.sno{color:var(--bad)!important;font-weight:600}select.sok,select.sno{font-weight:600}[hidden]{display:none!important}header select{width:auto}.strip{display:flex;gap:1px}.strip i{flex:1;min-width:3px;height:14px;background:var(--line);border-radius:2px}.strip i.rt{background:var(--acc)}.strip i.dr{background:var(--warn)}.strip i.r2{background:#3b82f6}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.chips .btn.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.legend{font-size:12px;color:var(--mute)}
html{overflow-x:hidden}body{overflow-x:clip}   /* clip (bukan hidden) agar header sticky tetap menempel saat scroll */input,select{font-size:16px}
#who{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.login{max-width:380px;margin:8vh auto 0}.login .btn{width:100%;padding:11px;font-size:15px}
@media(min-width:721px){.app{padding:24px}}
@media(max-width:720px){
.app{padding:12px 12px 84px}h1{font-size:19px}
nav{position:fixed;left:0;right:0;bottom:0;z-index:20;border-radius:0;border-width:1px 0 0;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px))}
nav button{flex:1 0 auto;padding:10px 12px}
header select{flex:1 1 100%;width:100%}
.tw{overflow:visible}table{min-width:0}thead{display:none}
table,tbody,tr,td{display:block;width:100%}
tr{border:1px solid var(--line);border-radius:12px;padding:6px 12px;margin-bottom:10px}
td{display:flex;justify-content:space-between;gap:12px;border:0;padding:6px 0;text-align:right}
td::before{content:attr(data-l);font-weight:700;color:var(--mute);text-align:left;flex:0 0 38%}
td:not([data-l])::before,td[data-l=""]::before{content:none}
td[data-l=""]{justify-content:flex-end}
.btn{min-height:40px}.g2{grid-template-columns:1fr}.tr>.rt,.tr>#setw,.tr>.dc{grid-column:auto;grid-row:auto}}
#f_plate,.plate{text-transform:uppercase}
dialog{max-height:90vh;overflow:auto}.row:empty{display:none}
@media(max-width:720px){
td .v{flex:1;min-width:0;text-align:right;overflow-wrap:anywhere}
td::before{flex:0 0 34%}
.bar .btn.p{flex:1 1 100%;min-height:44px}
table.bk tr{display:grid;grid-template-columns:1fr auto;gap:0 10px;padding:12px}
table.bk td{width:auto;padding:6px 0}
table.bk td:nth-child(1){grid-column:1;grid-row:1;display:block;font-weight:700;padding-top:0}
table.bk td:nth-child(7){grid-column:2;grid-row:1;padding-top:0}
table.bk td:nth-child(1)::before,table.bk td:nth-child(7)::before,table.bk td:nth-child(8)::before{content:none}
table.bk td:nth-child(1) .v{text-align:left}
table.bk td:nth-child(2),table.bk td:nth-child(3),table.bk td:nth-child(4),table.bk td:nth-child(5),table.bk td:nth-child(6){grid-column:1/-1;border-top:1px solid var(--line)}
table.bk td:nth-child(8){grid-column:1/-1;border-top:1px solid var(--line);padding-bottom:0}
table.bk td:nth-child(8) .row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
table.bk td:nth-child(8) .row .btn{width:100%}
table.bk td:nth-child(8):has(.row:empty){display:none}
}
.money{text-align:right}
dialog{padding:0;max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain}
.mbody{padding:20px 20px 8px}
.mact{flex-wrap:wrap;position:sticky;bottom:0;display:flex;gap:10px;justify-content:flex-end;padding:12px 20px calc(12px + env(safe-area-inset-bottom,0px));background:var(--card);border-top:1px solid var(--line)}
.merr{flex:1 1 100%;order:-1;color:var(--bad);background:rgba(220,38,38,.08);border:1px solid rgba(220,38,38,.35);border-radius:10px;padding:8px 12px;font-size:13.5px;font-weight:700;line-height:1.35}
@media(max-width:720px){.mact .btn{flex:1;min-height:46px;font-size:15px}}
@media(max-width:720px){.g2{gap:0}}
#toast{display:none;position:fixed;left:50%;transform:translateX(-50%);bottom:84px;z-index:60;background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:12px;font-weight:700;max-width:90vw;text-align:center}
.sect{font-weight:800;font-size:14px;margin:8px 0 6px}
.btn.sm{font-size:12px;padding:4px 10px;margin-top:6px;white-space:nowrap}
@media(max-width:720px){.btn.sm{min-height:34px}}
@media(min-width:900px){dialog.wide .bkcols{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;align-items:start}dialog.wide .bkcols .qadd .g2{grid-template-columns:1fr 1fr}}dialog.wide{width:min(1000px,96vw)}dialog.mid{width:min(600px,96vw)}.tg{display:grid;grid-template-columns:minmax(110px,.9fr) 1fr 1fr;gap:8px 10px;align-items:center;margin:4px 0 8px}.tg .th{font-size:12px;font-weight:700;color:var(--mute)}.tg .tl{font-weight:600;font-size:13.5px;line-height:1.25}.tg .tl small{display:block;font-weight:400;color:var(--mute);font-size:11.5px}.tg input{margin:0;width:100%;text-align:right}.tg .tn{font-size:11.5px;color:var(--mute)}@media(max-width:520px){.tg{grid-template-columns:1fr 1fr}.tg .th:first-child{display:none}.tg .tl{grid-column:1/-1;margin-top:6px}.tg .tn{grid-column:2}}
.mh-bulk{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:12px}
.mh-car{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:10px}
.mh-car.chg{border-color:var(--acc);background:var(--accbg)}
.mh-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--ink);font-size:14px;margin-bottom:8px;cursor:pointer}
.mh-head small{color:var(--mute);font-weight:400}
.mh-chk{width:auto;margin:0!important;transform:scale(1.25)}
.mh-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.mh-grid label{margin-bottom:0}
@media(max-width:720px){.mh-grid{grid-template-columns:1fr 1fr;gap:6px}.mh-grid input{padding:8px}.mh-car{padding:10px}.bar>.row{flex:1 1 100%}.bar>.row .btn{flex:1 1 45%;min-height:44px}}
#inv{position:fixed;inset:0;z-index:50;background:rgba(10,15,30,.6);overflow:auto;padding:12px 12px calc(12px + env(safe-area-inset-bottom,0px))}
.inv-bar .btn.p{background:var(--acc);border-color:var(--acc);color:#fff}
.inv-bar{max-width:800px;margin:0 auto 10px;display:flex;gap:8px;justify-content:flex-end}
.inv-sheet{background:#fff;color:#16202e;max-width:800px;margin:0 auto;padding:32px;border-radius:10px;font-size:13px;line-height:1.5}
.inv-top{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:2px solid #16202e;padding-bottom:14px;margin-bottom:16px}
.inv-top h3{margin:0 0 2px;font-size:20px}
.inv-title{text-align:right}.inv-title b{display:block;font-size:24px;letter-spacing:2px}
.inv-stamp{display:inline-block;border:2px solid;border-radius:6px;padding:1px 10px;font-weight:800;letter-spacing:1px;margin-top:6px}
.inv-stamp.ok{color:#0f766e}.inv-stamp.no{color:#b91c1c}
.inv-meta{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.inv-meta h4{margin:0 0 4px;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#5b6678}
.inv-r{display:grid;grid-template-columns:1fr 78px 100px 110px;gap:8px;padding:8px 0;border-bottom:1px solid #d9dfe7}
.inv-r>div:nth-child(n+2){text-align:right}.inv-r small{display:block;color:#5b6678}
.inv-h{font-weight:700;font-size:11px;text-transform:uppercase;color:#5b6678;border-bottom:2px solid #16202e}
.inv-tot{margin:12px 0 0 auto;max-width:300px}.inv-tot>div{display:flex;justify-content:space-between;gap:12px;padding:4px 0}
.inv-tot .grand{border-top:2px solid #16202e;font-weight:800;font-size:15px;margin-top:4px;padding-top:8px}
.inv-foot{margin-top:22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:flex-end}
.inv-sign{text-align:center;min-width:170px}.inv-sign div{height:56px}.inv-sign span{display:block;border-top:1px solid #16202e;padding-top:4px}
@media(max-width:720px){.inv-sheet{padding:16px;font-size:12px}.inv-r{grid-template-columns:1fr 54px 76px 86px;gap:4px}.inv-meta{grid-template-columns:1fr}.inv-title{text-align:left}}
@media print{html,body{background:#fff!important;overflow:visible!important}body>*:not(#inv){display:none!important}#inv{position:static;background:none;padding:0;overflow:visible}.inv-bar{display:none}.inv-sheet{max-width:none;margin:0;padding:0;border-radius:0;font-size:12px}.inv-r{grid-template-columns:1fr 78px 100px 110px;gap:8px}.inv-meta{grid-template-columns:1fr 1fr}.inv-title{text-align:right}@page{size:A4;margin:14mm}}

/* ===== Tema v1.26 ===== */
.sst{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.sst .stat b{font-size:21px;white-space:nowrap}
.sbar{display:flex;align-items:flex-end;gap:6px;height:170px;padding-top:22px;border-bottom:1px solid var(--line)}.sbc{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative;padding-bottom:20px}.sbc i{display:block;width:70%;max-width:34px;background:var(--acc);border-radius:4px 4px 0 0;min-height:0;transition:filter .15s}.sbc:hover i{filter:brightness(1.12)}.sbc small{position:absolute;bottom:2px;left:0;right:0;text-align:center;font-size:11px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sbv{font-size:11px;font-weight:700;color:var(--ink);margin-bottom:3px;white-space:nowrap}
.shb{margin-bottom:12px}.shl{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:13.5px}.shl span{display:flex;align-items:center;gap:8px;min-width:0}.sht{height:8px;background:var(--line);border-radius:99px;margin:6px 0 3px;overflow:hidden}.sht i{display:block;height:100%;background:var(--acc);border-radius:99px}.shb small{color:var(--mute);font-size:12px}
details>summary{cursor:pointer;margin-bottom:8px}
table.bk td:first-child{white-space:nowrap;max-width:190px}table.bk .lgl .sub2{white-space:normal;line-height:1.35}table.bk td:last-child .btn{white-space:nowrap}.dn{white-space:nowrap}table.bk .pl{min-width:92px;text-align:center;padding:4px 12px;font-weight:700;letter-spacing:.6px}table.bk .sub2{margin-top:5px;padding-left:2px}table.cr td:first-child .plate{min-width:92px;text-align:center;padding:4px 12px;font-weight:700;letter-spacing:.6px}
.bkd{display:flex;align-items:center;gap:8px;width:100%;padding:12px 20px;background:var(--bg);border:0;border-top:1px solid var(--line);color:var(--mute);font-family:inherit;font-weight:600;font-size:13px;line-height:1.4;cursor:pointer;text-align:left}.bkd:hover{color:var(--ink)}.btn.p:disabled,.btn.ot:disabled,.btn:disabled{opacity:.45;cursor:not-allowed}
.dn2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}.dn2 .btn{margin:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn.ot:disabled{opacity:.45;cursor:not-allowed}
table.cr td .chip{white-space:nowrap;line-height:1.5;padding:3px 11px}
table.cr td .chip.g{white-space:normal;border-radius:10px;max-width:170px;line-height:1.4;text-align:left}
.chip.go{border:0;cursor:pointer;font:inherit;font-size:12px;font-weight:700;padding:2px 10px;transition:filter .15s}.chip.go:hover{filter:brightness(.93);text-decoration:underline}
@keyframes rowhl{0%,75%{background:var(--warnbg)}100%{background:transparent}}
table.bk tr.hl td{animation:rowhl 5s ease-out}table.bk tr.hl td:first-child{box-shadow:inset 4px 0 0 var(--acc)}
#f_start,#f_end,#rf,#rt,#lg_from,#lg_to,#bf_from,#bf_to{cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235b6678' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='4' width='18' height='18' rx='2'/><path d='M16 2v4M8 2v4M3 10h18'/></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:17px}
#f_start::-webkit-calendar-picker-indicator,#f_end::-webkit-calendar-picker-indicator,#rf::-webkit-calendar-picker-indicator,#rt::-webkit-calendar-picker-indicator,#lg_from::-webkit-calendar-picker-indicator,#lg_to::-webkit-calendar-picker-indicator,#bf_from::-webkit-calendar-picker-indicator,#bf_to::-webkit-calendar-picker-indicator{display:none}
.rp{position:fixed;z-index:90;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 44px rgba(15,39,68,.25);padding:14px;user-select:none;-webkit-user-select:none;max-width:calc(100vw - 16px)}
.rp-ms{display:flex;gap:22px}.rp-m{width:224px}
.rp-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;font-weight:700;font-size:14px;height:30px;text-transform:capitalize}
.rp-h button,.rp-h .sp{width:28px;height:28px;border:0;border-radius:8px;background:var(--bg);color:var(--ink);font-size:17px;line-height:1;cursor:pointer;padding:0}.rp-h .sp{background:none}
.rp-w,.rp-g{display:grid;grid-template-columns:repeat(7,1fr)}
.rp-w span{font-size:11px;color:var(--mute);text-align:center;padding:4px 0;font-weight:600}
.rd{height:32px;border:0;background:none;font:inherit;font-size:13px;color:var(--ink);cursor:pointer;position:relative;border-radius:0;touch-action:none;padding:0;margin:0}
.rd:hover{background:var(--bg)}.rd.in{background:var(--accbg)}
.rd.st,.rd.en{background:var(--acc);color:#fff;font-weight:700}
.rd.st{border-radius:8px 0 0 8px}.rd.en{border-radius:0 8px 8px 0}.rd.st.en{border-radius:8px}
.rd.td::after{content:"";position:absolute;bottom:3px;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--acc)}.rd.st.td::after,.rd.en.td::after{background:#fff}
.rp-f{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line);font-size:12.5px;color:var(--mute);flex-wrap:wrap}.rp-f b{color:var(--ink)}
.rp-b{display:flex;gap:6px}.rp-b .btn{padding:5px 11px;font-size:12.5px}
@media(max-width:720px){.rp-m{width:252px}}

input[type="date"]{cursor:pointer;color-scheme:light dark}:root[data-theme="light"] input[type="date"]{color-scheme:light}input[type="date"]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.75}input[type="date"]::-webkit-calendar-picker-indicator:hover{opacity:1}
button.pl.go{display:inline-block;width:auto;max-width:100%;text-align:center;font:600 13px/1.5 "Inter",system-ui,sans-serif;letter-spacing:.3px;cursor:pointer;color:#4a3d00;-webkit-tap-highlight-color:transparent}
button.pl.go:active{filter:brightness(.94)}
.pha{display:flex;gap:8px;flex:none}.pha .row{display:flex;gap:8px;flex-wrap:nowrap}
.pha .btn{display:flex;align-items:center;gap:7px;padding:9px 16px;font-size:13.5px;border-radius:10px;white-space:nowrap;margin:0}.pha .btn.p{background:var(--acc);border-color:var(--acc)}.pha .btn svg{width:15px;height:15px}
.bkc>.legend{padding:0 20px;margin:0 0 14px}.bkc>.g2{padding:0 20px;margin-bottom:12px}
.plate{background:#fff6cf;color:#4a3d00;border:1px solid #f0dc86;border-radius:8px;padding:3px 9px;font:600 12.5px/1.5 "Inter",system-ui,sans-serif;letter-spacing:.3px}
@media(min-width:721px){.card table thead th{background:var(--bg);font-size:12px;padding:12px 14px;border-bottom:1px solid var(--line)}.card:not(.bkc) table thead th:first-child{border-radius:10px 0 0 10px}.card:not(.bkc) table thead th:last-child{border-radius:0 10px 10px 0}.card table td{padding:14px}.card table.cr th,.card table.cr td{padding-left:8px;padding-right:8px}.card:not(.bkc) table td,.card:not(.bkc) table thead th{padding-left:9px;padding-right:9px}.card:not(.bkc) table td{padding-top:12px;padding-bottom:12px}.card table.bk td{padding:16px}.card table.bk thead th{padding:12px 16px}}
.pha{align-items:center}.pha .chips{margin:0;flex-wrap:nowrap;gap:6px}.pha .chips .btn{padding:9px 14px}.pha .chips .btn:not(.on){background:#fff}
@media(max-width:720px){.pha{width:100%;flex-wrap:wrap}.pha .chips{width:100%}.pha .chips .btn{flex:1}.pha>.btn.p{width:100%}.pha .row{flex:1;width:100%}.pha .btn{flex:1;justify-content:center;min-height:44px}.pha .row .btn{flex:1}}

@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .pl,:root:not([data-theme="light"]) .plate{background:rgba(245,214,61,.16);border-color:rgba(245,214,61,.4);color:#f5d63d}}
:root[data-theme="dark"] .pl,:root[data-theme="dark"] .plate{background:rgba(245,214,61,.16);border-color:rgba(245,214,61,.4);color:#f5d63d}
.ph{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.ph .btn.p{display:flex;align-items:center;gap:7px;background:var(--acc);border-color:var(--acc);padding:9px 16px;font-size:13.5px;border-radius:10px;white-space:nowrap;flex:none}.ph .btn svg{width:15px;height:15px}
.bst{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}
.bs{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 18px;display:flex;align-items:center;gap:14px}
.bs i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none;line-height:0}.bs i svg{width:19px;height:19px}
.bs i.w{background:var(--warnbg);color:var(--warn)}.bs i.g{background:var(--accbg);color:var(--acc)}.bs i.m{background:var(--bg);color:var(--mute)}
.bs span{display:block;font-size:12.5px;color:var(--mute)}.bs b{display:block;font-size:24px;font-weight:600;line-height:1.2}.bs em{margin-left:auto;font-style:normal;font-size:12px;color:var(--mute);align-self:flex-end}
.card.bkc{padding:0;overflow:hidden}
.bkh{display:flex;align-items:center;gap:10px;padding:18px 20px;flex-wrap:wrap}.bkh h2{margin:0;font-size:18px;font-weight:600}
.bks{margin:0 0 0 auto;position:relative;width:260px;max-width:100%}.bks svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--mute)}.bks input{margin:0;padding:9px 12px 9px 34px;font-size:14px;border-radius:10px}
table.bk thead th{background:var(--bg);font-size:12px;padding:12px 16px;border-bottom:1px solid var(--line)}
table.bk td{padding:16px}
table.bk tr.on td{background:var(--card)}
table.bk .pl{display:inline-block;padding:3px 9px;font-size:12.5px}
.sub2{color:var(--mute);font-size:12.5px;margin-top:3px}.sub2.ic{display:flex;align-items:center;gap:5px}.sub2 svg{width:13px;height:13px;flex:none}
table.bk td .chip{margin-top:4px}
.btn.ok{border-color:var(--acc);color:var(--acc)}
.bkf{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid var(--line);color:var(--mute)}
.pgs{display:flex;gap:6px}.pgs button{min-width:30px;height:30px;border:0;border-radius:8px;background:none;color:var(--mute);font:inherit;font-weight:600;cursor:pointer}.pgs button.on{background:var(--accbg);color:var(--acc)}
@media(max-width:720px){.ph{flex-wrap:wrap}.ph .btn.p{flex:1 1 100%;justify-content:center;min-height:44px}.bst{gap:8px}.bs{padding:12px;flex-direction:column;align-items:flex-start;gap:6px}.bs i,.bs em{display:none}.bkh{padding:14px}.bks{width:100%;margin:0}.bkc .tw{padding:0 12px 12px}table.bk td{padding:6px 0}.bkf{padding:12px 14px}table.bk tr.on td:first-child{box-shadow:none}}

@media(min-width:721px){table.bk td:last-child{width:290px}table.bk td:last-child .row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}table.bk td:last-child .btn{margin:0;text-align:center;font-size:12.5px;padding:6px 8px}table.bk .row .wide{grid-column:1/-1}table.bk td:nth-child(3){min-width:150px}}
@media(max-width:720px){table.bk .row .wide{grid-column:1/-1}}

.stat span{padding-right:26px}.sec{flex-wrap:wrap}
:root{--navy:#0f2744;--teal:#2dd4bf;--pri:#0f2744;--bg:#f3f5f8;--line:#e3e8ef}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--pri:var(--acc)}}
:root[data-theme="dark"]{--pri:var(--acc)}
:root[data-accent="biru"]{--navy:#1e3a8a;--pri:#1e3a8a;--acc:#1d4ed8;--accbg:#dbe7ff;--teal:#60a5fa}
:root[data-accent="ungu"]{--navy:#3b1f6b;--pri:#3b1f6b;--acc:#7c3aed;--accbg:#ece3ff;--teal:#c4b5fd}
:root[data-accent="hijau"]{--navy:#14532d;--pri:#14532d;--acc:#15803d;--accbg:#dcf5e3;--teal:#86efac}
:root[data-accent="jingga"]{--navy:#7c2d12;--pri:#7c2d12;--acc:#c2410c;--accbg:#ffe6d5;--teal:#fdba74}
:root[data-accent="slate"]{--navy:#1f2937;--pri:#1f2937;--acc:#475569;--accbg:#e2e8f0;--teal:#94a3b8}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"])[data-accent="biru"]{--navy:#12224f;--pri:#7aa7ff;--acc:#7aa7ff;--accbg:#1b2f66;--teal:#7aa7ff}}
:root[data-theme="dark"][data-accent="biru"]{--navy:#12224f;--pri:#7aa7ff;--acc:#7aa7ff;--accbg:#1b2f66;--teal:#7aa7ff}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"])[data-accent="ungu"]{--navy:#231445;--pri:#b79cff;--acc:#b79cff;--accbg:#33235f;--teal:#b79cff}}
:root[data-theme="dark"][data-accent="ungu"]{--navy:#231445;--pri:#b79cff;--acc:#b79cff;--accbg:#33235f;--teal:#b79cff}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"])[data-accent="hijau"]{--navy:#0c331c;--pri:#6ee7a0;--acc:#6ee7a0;--accbg:#153a25;--teal:#6ee7a0}}
:root[data-theme="dark"][data-accent="hijau"]{--navy:#0c331c;--pri:#6ee7a0;--acc:#6ee7a0;--accbg:#153a25;--teal:#6ee7a0}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"])[data-accent="jingga"]{--navy:#4a1c0b;--pri:#fb923c;--acc:#fb923c;--accbg:#4a2410;--teal:#fb923c}}
:root[data-theme="dark"][data-accent="jingga"]{--navy:#4a1c0b;--pri:#fb923c;--acc:#fb923c;--accbg:#4a2410;--teal:#fb923c}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"])[data-accent="slate"]{--navy:#111827;--pri:#a5b4cb;--acc:#a5b4cb;--accbg:#273449;--teal:#a5b4cb}}
:root[data-theme="dark"][data-accent="slate"]{--navy:#111827;--pri:#a5b4cb;--acc:#a5b4cb;--accbg:#273449;--teal:#a5b4cb}
.btn.p{background:var(--pri);border-color:var(--pri);color:#fff}
.btn{border-radius:10px}
.card{border-radius:16px;padding:20px;box-shadow:0 1px 2px rgba(15,39,68,.04)}
.app{max-width:1100px;padding:28px 24px 24px}
header.top{display:block;background:var(--navy);color:#fff;position:sticky;top:0;z-index:30;margin:0;padding:0}
.top-in{max-width:1100px;margin:0 auto;padding:0 24px;display:flex;align-items:center;flex-wrap:wrap;gap:0 16px}
.brand{display:flex;align-items:center;gap:12px;flex:0 0 auto;height:64px}
.logo{width:36px;height:36px;border-radius:10px;background:#fff;color:var(--navy);display:grid;place-items:center;flex:none}
.logo svg{width:20px;height:20px}.logo img{width:100%;height:100%;object-fit:contain;border-radius:inherit;display:block}.logo.has{padding:3px}
.lgp{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:6px 0 10px}.lgb{width:140px;height:84px;border:1px dashed var(--line);border-radius:12px;background:#fff;display:grid;place-items:center;color:#5b6678;font-size:12px;text-align:center;padding:6px}.lgb img{max-width:100%;max-height:100%;object-fit:contain}.inv-brand{display:flex;gap:14px;align-items:center}.inv-logo{max-height:60px;max-width:150px;object-fit:contain;display:block}
.brand b{display:block;font-size:16px;font-weight:800;line-height:1.2;color:#fff;letter-spacing:-.2px}
.brand small{display:block;font-size:10px;letter-spacing:1.3px;text-transform:uppercase;color:#9fb0c8;line-height:1.3}
header.top nav{order:4;flex:1 1 100%;display:flex;gap:2px;background:none;border:0;border-top:1px solid rgba(255,255,255,.1);border-radius:0;padding:0;overflow-x:auto;max-width:none;height:46px;align-items:stretch;position:static;scrollbar-width:none}
header.top nav::-webkit-scrollbar{display:none}
header.top nav button{display:flex;align-items:center;gap:7px;padding:0 14px;border-radius:0;background:none;color:#c3cfdf;font-weight:600;font-size:13.5px;border-top:3px solid transparent;border-bottom:3px solid transparent;flex:0 0 auto}
header.top nav button svg{display:none;width:16px;height:16px;flex:none}
header.top nav button.on svg{display:block}
header.top nav button:hover{color:#fff}
header.top nav button.on{background:none;color:#fff;border-bottom-color:var(--teal)}
header.top #qs{order:2;margin:0 0 0 auto;width:auto;max-width:220px;background:transparent;color:#e5ecf6;border:1px solid #3a5072;border-radius:10px;padding:7px 10px;font-size:13px;flex:none}
header.top #qs option{color:#14213d;background:#fff}
.otr{display:grid;grid-template-columns:1fr 110px 40px;gap:10px;align-items:end;margin-bottom:8px}.otr label{margin:0}.otr .btn{height:42px;padding:0}
.hp{border:1px solid var(--line);border-radius:12px;margin:0 0 10px;background:var(--card,#fff)}.hp summary{cursor:pointer;padding:13px 16px;font-weight:700;font-size:14.5px;list-style:none;display:flex;justify-content:space-between;align-items:center}.hp summary::-webkit-details-marker{display:none}.hp summary::after{content:"+";font-size:20px;color:var(--mute);line-height:1}.hp[open] summary::after{content:"−"}.hb{padding:0 16px 14px;font-size:14px;line-height:1.6}@media(max-width:720px){#hs,main .card:has(.hp){padding:14px 10px}main .card:has(.hp) .bkh{padding:2px 2px 10px}.hp{border-radius:10px;margin-bottom:8px}.hp summary{padding:12px 12px;font-size:14px}.hb{padding:0 12px 12px;font-size:13.5px;line-height:1.55}.hb ul,.hb ol{margin-left:16px}.hb li{margin:4px 0}.hb p{margin:6px 0}.hf img,.hsw{border-radius:8px}}.hb ul,.hb ol{margin:8px 0 8px 20px;padding:0}.hb li{margin:5px 0}.hb p{margin:8px 0}.lab{font-size:12px;font-weight:700;color:var(--mute);margin:14px 0 6px}.tsw{display:flex;flex-wrap:wrap;gap:10px;margin:2px 0 8px}.sw{display:flex;align-items:center;gap:9px;padding:8px 14px 8px 8px;border:2px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);font-weight:600;font-size:13.5px;cursor:pointer}.sw.on{border-color:var(--acc);box-shadow:0 0 0 3px var(--accbg)}.sws{width:28px;height:28px;border-radius:8px;flex:none}
.hf{margin:14px 0 4px}.hf img{width:100%;max-width:1100px;height:auto;display:block;border:1px solid var(--line);border-radius:10px}.hf{margin:14px 0 4px}.hsw{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--bg)}.hsv{display:block;width:100%;height:auto;pointer-events:none;user-select:none}.hld{padding:18px;color:var(--mute);font-size:13px}.hf figcaption small{display:block;margin-top:6px;font-size:12px;color:var(--mute)}.hf figcaption ol{margin:8px 0 0 20px;padding:0;font-size:13px;color:var(--mute)}.hf figcaption li{margin:3px 0}.hm .hmk,.hmk{position:absolute;z-index:60;width:24px;height:24px;border-radius:50%;background:#dc2626;color:#fff;font:700 13px/24px Arial,sans-serif;text-align:center;box-shadow:0 0 0 2px #fff,0 2px 6px rgba(0,0,0,.35)}.hdlg{border:1px solid var(--line);border-radius:16px;background:var(--card);color:var(--ink);width:min(440px,92%);margin:24px auto;overflow:hidden}.hdlg.wide{width:min(1000px,96%)}.hb code{background:var(--bg);padding:1px 6px;border-radius:6px;font-size:13px}
.dsr{display:grid;grid-template-columns:74px 1fr;gap:8px}.dsr select{padding-left:10px;padding-right:6px}.lnk{background:none;border:0;padding:0;color:var(--pri);font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}.qa{margin:-2px 0 10px}.qadd{border:1px dashed var(--line);border-radius:10px;padding:12px;margin:0 0 12px}.qadd>b{display:block;margin-bottom:8px}.qadd .row{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.qadd .err{margin:6px 0 0}.pvb{background:transparent!important;color:var(--acc)!important}.pv{background:#fff;color:#111;border:1px solid var(--line);border-radius:8px;padding:16px;max-height:62vh;overflow:auto}.pv h3.pv1{margin:0 0 2px;font-size:19px;color:#111}.pv h4.pv2{margin:14px 0 6px;font-size:15px;color:#111}.pv p{margin:4px 0;font-size:13px;color:#111}.pv p.pvs{font-size:11.5px;color:#555}.pv .tw{margin:6px 0 12px}.pvt{border-collapse:collapse;width:100%;font-size:12.5px;color:#111}.pvt th{background:#14213d;color:#fff;text-align:left;padding:6px 8px;font-weight:600;white-space:nowrap}.pvt td{padding:5px 8px;border-bottom:1px solid #e3e6ea;color:#111;background:#fff}.pvt .r{text-align:right}.pvt th.r{text-align:right}.pvt .b{font-weight:700}.pvt .g{color:#5a5a5a}.pvt tfoot td{background:#e1e5eb;font-weight:700}.pvt tfoot.good td{background:#d1ece0;font-size:14px}.pvt tfoot.bad td{background:#f8d7da;font-size:14px}.pv hr.pvhr{border:0;border-top:2px dashed #c9ced6;margin:18px 0}.lts{margin-bottom:12px}
@media(max-width:720px){.pv{padding:10px}.pv .tw{overflow-x:auto}.pv table.pvt{display:table;width:auto;min-width:100%}.pv .pvt thead{display:table-header-group}.pv .pvt tbody{display:table-row-group}.pv .pvt tfoot{display:table-footer-group}.pv .pvt tr{display:table-row;border:0;padding:0;margin:0;border-radius:0}.pv .pvt td,.pv .pvt th{display:table-cell;width:auto;text-align:left;padding:5px 8px;border-bottom:1px solid #e3e6ea;white-space:nowrap}.pv .pvt .r{text-align:right}}
.pdfm{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 18px;margin:0 0 10px;font-size:13.5px;white-space:nowrap;border-radius:10px;background:var(--acc);border-color:var(--acc);color:#fff}.pdfm svg{width:16px;height:16px;flex:none}@media(max-width:720px){.pdfm{width:100%}}
header.top #cfg{order:2;flex:none;width:36px;height:36px;margin-left:10px;display:grid;place-items:center;border-radius:10px;background:transparent;border:1px solid #3a5072;color:#c3cfdf;padding:0;cursor:pointer}header.top #cfg:hover{color:#fff;border-color:#5a7aa3}header.top #cfg.on{color:#fff;background:#1d3a5f;border-color:var(--teal)}header.top #cfg svg{width:18px;height:18px}header.top #thm{order:2;flex:none;width:36px;height:36px;margin-left:10px;display:grid;place-items:center;border-radius:10px;background:transparent;border:1px solid #3a5072;color:#c3cfdf;padding:0;cursor:pointer}header.top #thm:hover{color:#fff;border-color:#5a7aa3}header.top #thm svg{width:18px;height:18px}header.top #cfg[hidden]{display:none}
header.top #who{order:3;display:flex;align-items:center;gap:10px;flex-wrap:nowrap;height:64px}
.av{width:30px;height:30px;border-radius:50%;background:#1d3a5f;color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px;flex:none}
.wn{line-height:1.25}.wn b{display:block;font-size:13px;color:#fff}.wn small{display:block;font-size:11px;color:var(--teal)}
#out{display:flex;align-items:center;gap:6px;background:none;border:0;color:#c3cfdf;font:inherit;font-size:13px;font-weight:600;cursor:pointer;padding:6px 4px}
#out:hover{color:#fff}#out svg{width:15px;height:15px}
.ph{margin:0 0 22px}.ph h1{font-size:28px;font-weight:800;letter-spacing:-.5px;margin:0;line-height:1.2}.ph p{margin:4px 0 0;color:var(--mute);font-size:14px}
.ph+.card>.bar>h2:first-child{display:none}.ph+.card>.bar{justify-content:flex-end}
.stats{gap:16px;margin-bottom:8px}
.stat{position:relative;display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:6px;border-radius:16px;padding:18px 20px;min-height:92px}
.stat b{font-size:30px;font-weight:500;letter-spacing:-.5px}
.stat span{font-size:12.5px}
.stat i{position:absolute;top:16px;right:18px;color:var(--mute);line-height:0}.stat i svg{width:16px;height:16px}
.stat.hl{background:var(--navy);border-color:var(--navy);color:#fff}.stat.hl span{color:#cbd5e1}.stat.hl i{color:var(--teal)}
.sec{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:26px 0 14px}.sec h2{margin:0;font-size:19px;font-weight:600}
.lgnd{display:flex;gap:14px;font-size:12px;color:var(--mute)}.lgnd span::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:6px;vertical-align:1px}
.lgnd .t{color:var(--acc)}.lgnd .w{color:var(--warn)}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.fg{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px 20px}
.fg-h{display:flex;align-items:center;gap:10px;margin-bottom:14px}.fg-h svg{width:16px;height:16px;color:var(--mute);flex:none}.fg-h b{flex:1;font-size:15px;font-weight:700}
.fg-h .chip{font-size:11.5px;font-weight:600;border-radius:6px;padding:2px 9px}
.units{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}
.pl{display:block;background:#fff6cf;border:1px solid #f0dc86;color:#4a3d00;border-radius:8px;padding:6px 10px;font-weight:600;font-size:13px;letter-spacing:.3px;text-transform:uppercase}
.unit .chip{background:none;padding:0;margin-top:7px;font-size:11.5px;font-weight:600}
.unit .chip::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:6px;vertical-align:1px}
.unit{display:block}.unit .pl{display:inline-block;width:auto;min-width:min(132px,100%);max-width:100%;vertical-align:top;text-align:center;padding-left:16px;padding-right:16px}.unit .chip{display:block;margin-top:7px}
.pc{padding:0;overflow:hidden}.two .pc{margin-bottom:0}
.pch{display:flex;align-items:center;gap:10px;padding:15px 20px;border-bottom:1px solid var(--line);font-weight:700;font-size:14.5px}.pch svg{width:16px;height:16px;color:var(--mute)}
.pcb{padding:6px 20px 14px}
.em{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px 10px;color:var(--mute);font-size:13.5px}
.em i{width:36px;height:36px;border-radius:10px;background:var(--bg);display:grid;place-items:center;line-height:0;flex:none}.em svg{width:18px;height:18px}
@media(max-width:720px){
.app{padding:18px 12px 90px}.top-in{padding:0 12px}.brand{height:56px}
header.top #who{order:2;margin-left:auto;height:56px}.wn,#out span{display:none}
header.top #thm{margin-left:auto;margin-right:8px}header.top #cfg{margin-left:0;margin-right:8px}header.top #who{margin-left:0}.top-in{column-gap:6px}header.top .brand{flex:1 1 0;min-width:0;gap:10px}header.top .brand>span:last-child{min-width:0}header.top .brand small{display:none}header.top .brand b{font-size:15px;line-height:1.2;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}header.top #thm{margin-right:0}header.top #cfg{margin-right:0}header.top #who{gap:6px;flex:none}header.top #who .av{width:36px;height:36px}header.top #out{width:36px;height:36px;padding:0;justify-content:center;border:1px solid #3a5072;border-radius:10px}header.top #out svg{width:18px;height:18px}header.top #qs{order:3;flex:1 1 100%;max-width:none;margin:0 0 10px;width:100%}
header.top{position:static}
header.top nav{position:fixed;left:0;right:0;bottom:0;z-index:40;height:auto;order:0;background:var(--navy);border-top:1px solid #1f3a5f;margin:0;padding:0 4px env(safe-area-inset-bottom,0px)}
header.top nav button{flex:1 0 auto;flex-direction:column;gap:2px;padding:7px 10px 6px;font-size:11px;border-bottom:0}
header.top nav button svg{display:block;width:19px;height:19px}
header.top nav button.on{border-bottom:0;border-top-color:var(--teal)}
.ph h1{font-size:23px}.fgrid{grid-template-columns:1fr}.stats{gap:10px}.stat{padding:14px 16px;min-height:80px}.stat b{font-size:24px}
}
.lg .g2{grid-template-columns:minmax(0,1fr) 170px;gap:10px;align-items:end;margin-top:4px}.lg .g2>label{justify-content:flex-start;margin:0;font-size:13px;font-weight:600}.lg .g2 select,.lg .g2 input{width:100%;height:44px;box-sizing:border-box;margin-top:4px}.lg .lge{color:var(--ink)}.lg .lge[readonly]{opacity:.7}@media(max-width:480px){.lg .g2{grid-template-columns:1fr}}
@media(min-width:721px) and (max-width:1000px){table.bk td{padding:12px 10px}table.bk td:last-child{width:210px;min-width:210px}table.bk td:first-child{max-width:130px}table.bk{min-width:0}table.bk thead th{padding:12px 10px}table.bk td:nth-child(3){min-width:0}table.bk td:nth-child(7){width:1%}table.bk td:last-child{width:206px;min-width:206px}table.bk td:last-child .btn{overflow:visible;text-overflow:clip}table.bk td:nth-child(2) .chip.gp{white-space:normal;border-radius:10px;line-height:1.3}table.bk td:nth-child(3) .dn{font-size:14px}table.bk td:nth-child(3){width:150px}table.bk .tg{white-space:normal}table.bk td:last-child .btn{padding:6px 2px;font-size:11px}}.calc{padding:14px}.cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-top:10px}.cal .ch{font-size:12px;font-weight:700;color:var(--mute);text-align:center;padding:4px 0}.cal .cd{min-height:92px;border:1px solid var(--line);border-radius:10px;padding:5px;display:flex;flex-direction:column;gap:3px;cursor:pointer;background:var(--card);min-width:0}.cal .cd.out{opacity:.45}.cal .cd.td{border-color:var(--acc)}.cal .cd.sel{box-shadow:0 0 0 2px var(--acc)}.cal .dn0{font-size:12px;font-weight:700;color:var(--mute)}.cal .td .dn0{color:var(--acc)}.cc{display:inline-block;font-size:11px;font-weight:700;padding:2px 6px;border-radius:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;box-sizing:border-box}.cc.sw{background:var(--accbg);color:var(--acc)}.cc.rr{background:#dbeafe;color:#1d4ed8}.cc.dr{background:var(--warnbg);color:var(--warn)}.cc.lt{background:var(--badbg);color:var(--bad)}.cc.dn2{opacity:.55}.cm{font-size:11px;color:var(--mute);font-weight:600}.cleg{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 4px}.cdh{margin:14px 0 8px;font-size:15px}.cdl{display:grid;gap:8px}.cdi{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:10px}.cdi>div{flex:1;min-width:0}.cdi small{color:var(--mute)}@media(max-width:720px){.calc .bar .row{display:flex;gap:6px;width:100%}.calc .bar .row .btn{width:auto;flex:1;min-width:0;padding:8px 10px}.cal{gap:3px}.cal .cd{min-height:58px;padding:4px;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:3px}.cal .dn0{flex:1 0 100%}.cal .cd .cc{font-size:0;width:9px;height:9px;padding:0;border-radius:50%}.cal .cm{font-size:10px}}
.ph .pbk{flex-direction:row;align-items:center;gap:8px;width:auto}.ph .pbk .chips{margin:0}.ph .pbk .btn.p{width:auto}@media(max-width:720px){.ph .pbk{width:100%;flex-direction:column;align-items:stretch}.ph .pbk .chips{display:grid;grid-template-columns:1fr 1fr}.ph .pbk .chips .btn{justify-content:center}.ph .pbk .btn.p{flex:none;justify-content:center}}
.ph+.card.calc>.bar>h2:first-child{display:block}
.chips .btn:not(.on),.pha .chips .btn:not(.on){background:var(--card);color:var(--ink);border-color:var(--line)}
.ph+.card.calc+.card.calc>h2:first-child{display:block}.card.calc+.card.calc{margin-top:14px}.tlw{overflow-x:auto;padding-bottom:4px}.tlr{margin-bottom:10px;min-width:max-content}.tlh{margin-bottom:4px;position:sticky;left:0}.tls{display:grid;grid-template-columns:repeat(var(--n),28px);gap:2px}.tls b{height:26px;border-radius:5px;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;background:var(--line);color:var(--mute);cursor:pointer}.tls b.u{color:#fff}.tls b.u.sw{background:var(--acc)}.tls b.u.rr{background:#3b82f6}.tls b.u.dr{background:var(--warn)}.tls b.u.lt{background:var(--bad)}.tls b.u.dn2{background:var(--acc);opacity:.5}.tls b.td{outline:2px solid var(--ink);outline-offset:1px}@media(min-width:1000px){.tls{grid-template-columns:repeat(var(--n),minmax(28px,1fr))}.tlr{min-width:0}}
.calc>.bar{justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.calc>.bar>h2{margin:0 auto 0 0!important;text-align:left}
.ow td,.ow th{vertical-align:middle}.ow .mn{text-align:right;white-space:nowrap}.ow th:nth-child(-n+6){white-space:nowrap}.ow td:first-child{min-width:120px}.card table.ow td,.card table.ow th{padding-left:6px!important;padding-right:6px!important}.ow .btn{padding:6px 10px;font-size:12.5px}.card table.ow td:first-child,.card table.ow th:first-child{padding-left:14px!important}.ow td:nth-child(5) .sub2 span{display:block;white-space:nowrap}.ow td:nth-child(5) .sub2{font-size:0}.ow td:nth-child(5) .sub2 span{font-size:12px}.ow td:nth-child(2),.ow td:nth-child(3),.ow td:nth-child(4),.ow td:nth-child(6){white-space:nowrap}.ow td:last-child{text-align:right;white-space:nowrap}
.grpw{display:block;margin:0 0 8px;font-size:13px;font-weight:600}.grpw select{width:100%;margin-top:0}
.lgr{margin-top:6px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.lgr:empty{display:none}.lgrt{font-size:12px;color:var(--mute)}.lgr .chip{cursor:pointer;border:0;font:inherit;font-size:12px;font-weight:700}
.bkc2{background:color-mix(in srgb,var(--bg) 55%,var(--card));border:1px solid var(--line);border-radius:14px;padding:16px 16px 12px;margin-bottom:16px}.bkc2 .cth{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800;margin:0 0 12px;color:var(--ink)}.bkc2 .cth svg{width:18px;height:18px;color:var(--acc);flex:none}.bkcols{gap:0 20px}.bkc2>label,.bkc2 .g2 label{font-size:12.5px;font-weight:500;color:var(--mute)}.bkc2 .fl-t{font-size:12.5px;font-weight:500;color:var(--mute)}.bkcols .sum{background:#14213d;color:#fff;border-left:4px solid var(--acc);border-radius:10px;padding:14px 16px;font-size:15px}.bkc2 .cpq{padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237b8798' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px}.cpk.on .chip::before{content:"✓ "}#carHint.sok::before{content:"✓ ";font-weight:800}.bkcols .mact{}
.cpk .chip{white-space:nowrap!important}.cpk .ci small{flex:0 1 auto}.cpk.no .chip.b{overflow:hidden;text-overflow:ellipsis}
.lg .g2.gd{grid-template-columns:minmax(0,1fr);margin-top:2px}#drvRuns{margin:-2px 0 8px}select.sw,option.sw{color:#b45309}
/* Menu Armada (daftar) */
.arm-h{display:flex;align-items:center;gap:10px;padding:20px 24px 14px;flex-wrap:wrap}.arm-h h2{margin:0;font-size:19px;font-weight:600}.arm-g{margin-left:auto;display:inline-flex;align-items:center;gap:7px;color:var(--mute);font-size:13px}.arm-g svg{width:15px;height:15px}
.arm-t{display:flex;align-items:center;gap:12px;padding:0 24px 18px;flex-wrap:wrap}.arm-t .bks{margin:0;width:340px}.arm-f{margin-left:auto;display:flex;gap:10px}
.asel{position:relative;margin:0;display:block}.asel svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--mute);pointer-events:none}.asel select{margin:0;padding:9px 30px 9px 34px;font-size:14px;border-radius:10px;min-width:150px;background-color:var(--card);width:auto}
.arm-tb td{vertical-align:middle}.cn{display:flex;align-items:center;gap:12px}.av{width:40px;height:40px;flex:none;border-radius:10px;border:1px solid var(--line);background:var(--bg);display:grid;place-items:center;color:var(--mute)}.av svg{width:20px;height:20px}
.cn .pt{font-size:14px;font-weight:700;display:block;letter-spacing:.2px}.cn .sub2{margin-top:4px}
.tf b{font-weight:500}.tf small{display:block;margin-top:3px}.tf+.tf{margin-top:8px}
.sl{white-space:nowrap}.sl+.sl{margin-top:4px}.sl small{margin-left:6px}
.arm-tb td:nth-child(7) .chip{display:inline-flex;align-items:center;gap:7px;padding:4px 11px}.arm-tb td:nth-child(7) .chip::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.sn{display:flex;align-items:center;gap:6px;color:var(--mute);font-size:12.5px;margin-top:7px}.sn svg{width:13px;height:13px;flex:none}
.arm-tb .act .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:600}.arm-tb .act .btn svg{width:14px;height:14px;flex:none}
.arm tr.grp td{display:table-cell;font-size:14px;padding:11px 20px;background:var(--bg);border-top:1px solid var(--line)}.gch{display:inline-block;vertical-align:middle;margin-right:8px;color:var(--mute)}.gch svg{width:14px;height:14px;display:block}
.arm-n{display:inline-flex;align-items:center;gap:6px}.arm-n svg{width:14px;height:14px}
@media(min-width:721px){.arm-tb{font-size:13.5px}.arm-tb th,.arm-tb td{padding-left:12px;padding-right:12px}.arm-tb th:first-child,.arm-tb td:first-child{padding-left:24px}.arm-tb th:last-child,.arm-tb td:last-child{padding-right:24px}.arm-tb td{padding-top:16px;padding-bottom:16px;border-bottom:1px solid var(--line)}.arm-tb th{white-space:normal;font-size:12px}.arm-tb td:nth-child(3),.arm-tb td:nth-child(4),.arm-tb td:nth-child(5){white-space:nowrap}.arm-tb .act{min-width:0;gap:6px}.arm-tb .act .btn.sm{padding:6px 10px;font-size:13px;white-space:nowrap}.arm .tw{overflow-x:auto}}
@media(max-width:720px){.arm-h{padding:14px}.arm-g{margin-left:0;width:100%}.arm-t{padding:0 14px 14px}.arm-t .bks{width:100%}.arm-f{margin-left:0;width:100%}.arm-f .asel{flex:1}.asel select{width:100%;min-width:0}.arm-tb td:first-child::before{content:none}.arm-tb td:first-child{justify-content:flex-start;text-align:left}.arm tr.grp td{display:block}.bkf{flex-wrap:wrap;gap:6px}}

.arm-t input,.arm-t select{font-weight:400}.arm-t .bks input{background:var(--bg)}.tf b{font-size:13.5px}.arm-tb .tf+.tf{margin-top:6px}
@media(min-width:721px){.arm-tb td:first-child .cn{min-width:170px}.arm-tb .cn .pt,.arm-tb .cn .sub2{white-space:nowrap}.arm-tb td:nth-child(5){white-space:normal;min-width:84px}.arm-tb th,.arm-tb td{padding-left:10px;padding-right:10px}.arm-tb th:first-child,.arm-tb td:first-child{padding-left:24px}.arm-tb th:last-child,.arm-tb td:last-child{padding-right:20px}}
@media(min-width:721px){.arm-tb{font-size:13px}.arm-tb .sn{white-space:normal;max-width:140px;line-height:1.35}.arm-tb td:nth-child(6){padding-right:6px}.arm-tb .act .btn.sm{padding:6px 8px}}
@media(max-width:720px){.asel select{padding:9px 20px 9px 30px;font-size:13.5px;text-overflow:ellipsis}.asel svg{left:9px}}
/* Pemesanan: baris Sopir dan Lama sewa khusus HP */
th.mo,td.mo{display:none}
@media(max-width:720px){.dm,.sub2.ic.dm{display:none!important}td.mo{display:flex}td.mo.emp{display:none}td.mo .v{font-weight:600}.dl{display:flex;flex-direction:column;align-items:flex-end;line-height:1.3}.dl+.dl{margin-top:6px}.dl b{font-weight:600}.dl small{color:var(--mute);font-weight:500;font-size:12.5px}}
/* Menu Driver */
.bst.b4{grid-template-columns:repeat(4,1fr)}
.dwarn{display:flex;align-items:center;gap:12px;background:var(--warnbg);border:1px solid color-mix(in srgb,var(--warn) 30%,transparent);border-radius:14px;padding:14px 18px;margin:0 0 16px;color:var(--warn)}.dwarn>svg{width:20px;height:20px;flex:none}.dwt{flex:1;min-width:0}.dwt b{display:block;font-weight:600;font-size:14px}.dwt span{display:block;font-size:13px;margin-top:2px}.dwarn .lnk{flex:none;font-size:12.5px;text-decoration:none;color:var(--warn);font-weight:700}
.dvc .avt{width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:var(--bg);color:var(--mute);display:grid;place-items:center;font-size:11px;font-weight:600;flex:none}.dvc .cn{gap:12px}.dvc .cn b{font-weight:700}
.dvc .dwn{color:var(--warn)}.dvc .dbad{color:var(--bad)}.dsn{display:flex;align-items:center;gap:5px;color:var(--warn);font-size:12px;font-weight:600;margin-top:4px}.dsn.bad{color:var(--bad)}.dsn svg{width:12px;height:12px;flex:none}
.dact{display:flex;gap:6px;flex-wrap:nowrap}.dact .btn{display:inline-flex;align-items:center;gap:6px;margin:0;white-space:nowrap}.dact .btn svg{width:14px;height:14px;flex:none}.dact .ico span{display:none}
@media(min-width:721px){.dvc table.dt{font-size:13.5px}.dvc table.dt th,.dvc table.dt td{padding:16px 12px;border-bottom:1px solid var(--line);vertical-align:middle}.dvc table.dt th{padding:13px 12px;font-size:12px;border-bottom:1px solid var(--line)}.dvc table.dt th:first-child,.dvc table.dt td:first-child{padding-left:24px}.dvc table.dt th:last-child,.dvc table.dt td:last-child{padding-right:24px}.dvc table.dt td{white-space:nowrap}.dvc .dact .btn.ico{padding:6px 9px}}
@media(max-width:720px){.bst.b4{grid-template-columns:repeat(2,1fr)}.dwarn{flex-wrap:wrap;padding:12px 14px}.dwarn .lnk{margin-left:32px}.dvc td:first-child::before{content:none}.dvc td:first-child{justify-content:flex-start;text-align:left}.dact{width:100%}.dact .btn{flex:1;justify-content:center;min-height:42px}.dact .ico span{display:inline}.dsn{justify-content:flex-end}}
@media(min-width:721px){.dvc table.dt th,.dvc table.dt td{padding-left:8px;padding-right:8px}.dvc table.dt th:first-child,.dvc table.dt td:first-child{padding-left:20px}.dvc table.dt th:last-child,.dvc table.dt td:last-child{padding-right:16px}.dvc table.dt{font-size:13px}.dvc .tw{overflow-x:auto}.dvc .dact .btn.ico{padding:6px 8px}}
@media(max-width:720px){.dwt{flex:1 1 calc(100% - 40px)}.dwarn .lnk{flex:1 1 100%;text-align:left}}
.bst.bauto{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.bst.bauto .bs b{font-size:20px}
@media(max-width:720px){.bst.bauto{grid-template-columns:repeat(2,1fr)}.bst.bauto .bs:first-child{grid-column:1/-1}}
.bst.blap{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.bst.blap .bs b{font-size:20px;white-space:nowrap}.bst.blap .bs span{line-height:1.3}
@media(max-width:720px){.bst.blap{grid-template-columns:repeat(2,1fr)}.bst.blap .bs b{font-size:clamp(15px,4.6vw,19px)}}
.stat{justify-content:space-between}
@media(min-width:721px){.bst.blap.n5,.bst.blap.n6{grid-template-columns:repeat(3,1fr)}.bst.blap.n3{grid-template-columns:repeat(3,1fr)}}
/* Form driver */
.df-h{display:flex;align-items:center;gap:14px;margin-bottom:6px}.df-h h2{margin:0;font-size:19px}.df-h p{margin:2px 0 0;color:var(--mute);font-size:13px}
.avt.lg{width:46px;height:46px;border-radius:14px;background:var(--accbg);color:var(--acc);display:grid;place-items:center;flex:none}.avt.lg svg{width:22px;height:22px}
.df-s{display:flex;align-items:center;gap:8px;margin:18px 0 8px;padding-top:14px;border-top:1px solid var(--line);color:var(--ink)}.df-h+.df-s{border-top:0;padding-top:0;margin-top:14px}.df-s svg{width:16px;height:16px;color:var(--acc);flex:none}.df-s b{font-size:13.5px}.df-s small{color:var(--mute);font-size:12px;margin-left:auto}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.g3 label,.dfl{margin-bottom:0}
.dfm{display:flex;align-items:stretch;border:1px solid var(--line);border-radius:10px;background:var(--bg);overflow:hidden}.dfm i{font-style:normal;font-size:12.5px;font-weight:600;color:var(--mute);padding:0 10px;display:grid;place-items:center;border-right:1px solid var(--line);background:var(--card)}.dfm input{border:0!important;background:transparent!important;text-align:right;min-width:0;flex:1;box-shadow:none!important}.dfm:focus-within{border-color:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 18%,transparent)}
.df-pv{align-self:end;display:flex;flex-direction:column;justify-content:center;gap:1px;min-height:44px;padding:6px 14px;border-radius:10px;background:var(--accbg);color:var(--acc)}.df-pv span{font-size:11.5px;opacity:.9}.df-pv b{font-size:15px}.df-pv small{font-size:11.5px;color:var(--mute)}.df-pv.bad{background:var(--badbg);color:var(--bad)}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;padding:3px;background:var(--bg);gap:3px}.seg button{border:0;background:transparent;padding:7px 18px;border-radius:8px;font:inherit;font-weight:600;font-size:13px;color:var(--mute);cursor:pointer}.seg button.on{background:var(--card);color:var(--acc);box-shadow:0 1px 3px rgba(0,0,0,.12)}
@media(max-width:720px){.g3{grid-template-columns:1fr}.df-s small{display:none}.df-pv{align-self:stretch}}
.dfm{border:0!important;background:transparent!important;gap:6px;overflow:visible;box-shadow:none!important}.dfm i{border:1px solid var(--line)!important;border-radius:10px;background:var(--card)}.dfm input{border:1px solid var(--line)!important;background:var(--bg)!important;border-radius:10px!important;flex:1;min-width:0}.dfm:focus-within{box-shadow:none!important}
.df-h~.g2,.df-h~.g3{gap:10px}.df-pv{margin-top:0}
.g3 .dfm i{display:none}.g3 .dfm input{padding-left:10px;padding-right:10px}
/* Tabel ringkas: tanpa scroll horizontal di desktop/tablet */
@media(min-width:721px){.tw table{min-width:0}.dvc table.dt th,.dvc table.dt td{white-space:normal}.dvc .nw,.dvc td .chip,.dvc .dsn,.dvc b.dwn,.dvc b.dbad{white-space:nowrap}.dvc table.dt td{line-height:1.35}.dvc table.dt th{line-height:1.25}.ow th{white-space:normal!important}.ow td:first-child{min-width:0}}
@media(min-width:721px){.dvc td .chip.wr{white-space:normal;border-radius:10px;line-height:1.3}}
@media(min-width:721px) and (max-width:1100px){.dvc table.dt{font-size:12.5px}.dvc table.dt th,.dvc table.dt td{padding-left:5px;padding-right:5px}.dvc table.dt th:first-child,.dvc table.dt td:first-child{padding-left:12px}.dvc table.dt th:last-child,.dvc table.dt td:last-child{padding-right:10px}.dvc .dact .btn{padding:5px 8px}.arm-tb td:first-child .cn{min-width:110px}.arm-tb .cn .pt,.arm-tb .cn .sub2{white-space:normal}.arm-tb{font-size:12.5px}.arm-tb th,.arm-tb td{padding-left:6px;padding-right:6px}.ow{font-size:12px}.ow th,.ow td{padding-left:4px!important;padding-right:4px!important}.ow .mn{white-space:normal}}
@media(min-width:721px) and (max-width:1000px){.dvc .avt:not(.lg){display:none}}
/* Dokumen identitas pelanggan */
.idu{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin-bottom:10px}.idb{display:flex;gap:8px}.idb .btn{display:inline-flex;align-items:center;gap:7px;margin:0;white-space:nowrap}.idb .btn svg{width:15px;height:15px}
.idg{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.idc{position:relative;margin:0;border:1px solid var(--line);border-radius:12px;background:var(--bg);overflow:hidden}.idc.new{border-color:var(--acc)}
.idt{display:block;width:100%;padding:0;border:0;background:#0001;cursor:zoom-in}.idt img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.idc figcaption{padding:6px 10px;display:flex;flex-direction:column;font-size:12.5px}.idc figcaption small{color:var(--mute);font-size:11.5px}
.idx{position:absolute;top:6px;right:6px;width:28px;height:28px;border-radius:8px;border:0;background:rgba(0,0,0,.55);color:#fff;display:grid;place-items:center;cursor:pointer;padding:0}.idx svg{width:14px;height:14px}.idx:hover{background:var(--bad)}
.idchips{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap;border:0;background:none;padding:0;cursor:pointer;color:var(--acc)}.idchips svg{width:15px;height:15px}.idchips .chip{margin:0}
dialog.lbd{border:0;border-radius:16px;padding:16px;background:var(--card);color:var(--ink);max-width:96vw;max-height:94vh;width:min(760px,96vw)}dialog.lbd.lbz{width:min(1000px,96vw)}.lbh{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.lbh span{display:flex;gap:6px}.lbh .btn{display:inline-flex;align-items:center;gap:6px;margin:0}.lbh svg{width:14px;height:14px}.lbi{display:block;max-width:100%;max-height:78vh;margin:0 auto;border-radius:10px}
@media(max-width:720px){.idu{grid-template-columns:1fr}.idb .btn{flex:1;justify-content:center;min-height:44px}.idg{grid-template-columns:repeat(2,1fr)}}
/* Kalender driver */
.cdi .avt{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--bg);color:var(--mute);display:grid;place-items:center;font-size:12px;font-weight:700;flex:none}
.dfree{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px}.dfree .chip{margin:0}
.tls b.sxp{background:repeating-linear-gradient(45deg,var(--bg),var(--bg) 3px,var(--line) 3px,var(--line) 6px);color:var(--mute)}