/* Riwayat & tren, Ekspor & cadangan. Sizes follow product/design-reference AppTren, AppTrenLomba, AppEkspor. */
.hs{gap:var(--kl-space-5)}
.hs-headright{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.hs-tabs{display:inline-flex;padding:4px;border-radius:999px;background:var(--kl-sand)}.hs-tabs button{min-height:44px;padding:0 18px;border:0;border-radius:999px;background:transparent;font:700 14px var(--kl-font-body);color:var(--kl-ink);cursor:pointer;display:inline-flex;align-items:center;gap:6px}.hs-tabs button[aria-selected=true]{background:var(--kl-card)}.hs-tabs .kl-icon{width:14px;height:14px}
.hs-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.hs-birds{display:flex;flex-wrap:wrap;gap:8px}
.hs-bird{display:flex;align-items:center;gap:8px;padding:4px 14px 4px 4px;min-height:44px;border-radius:999px;border:1.5px solid var(--kl-border);background:transparent;font:600 14px var(--kl-font-body);color:var(--kl-ink);cursor:pointer}.hs-bird[aria-pressed=true]{background:var(--kl-card);border:2px solid var(--kl-green)}.hs-bird .bd-photo.is-sm{width:34px;height:34px}
.hs-seg{display:flex;padding:4px;border-radius:999px;background:var(--kl-sand)}.hs-seg button{min-height:44px;padding:0 16px;border:0;border-radius:999px;background:transparent;font:700 14px var(--kl-font-body);color:var(--kl-ink);cursor:pointer;display:inline-flex;align-items:center;gap:6px}.hs-seg button.is-on{background:var(--kl-card)}.hs-seg button:disabled{opacity:.55;cursor:not-allowed}.hs-seg .kl-icon{width:14px;height:14px}
.hs-rangetext{font-size:14px;font-weight:600;color:var(--kl-muted)}
.hs-lockline{margin:0;padding:var(--kl-space-3) var(--kl-space-4);background:var(--kl-amber-light);border-radius:var(--kl-radius);color:var(--kl-amber-text);align-items:center;flex-wrap:wrap}
.hs-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.hs-tile{background:var(--kl-card);border-radius:22px;padding:18px 20px;display:flex;flex-direction:column;gap:4px}.hs-tile>span{font-size:13px;font-weight:700;color:var(--kl-muted)}.hs-tile strong{font:800 36px/1.12 var(--kl-font-head)}.hs-tile small{font-size:13px;font-weight:600;color:var(--kl-muted)}.hs-tile .is-neg,.is-neg{color:var(--kl-neg)}
.hs-row{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
@media(min-width:1024px){.hs-row{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.hs-row.ex-two{grid-template-columns:1fr 1fr}}
.hs-side{display:grid;gap:16px;align-content:start}
.hs-chart{position:relative;height:220px}.hs-chart.is-net{height:auto}.hs-chart svg{display:block;width:100%;height:auto}
.hs-grid{position:absolute;left:28px;right:0;top:0;bottom:24px;display:flex;flex-direction:column;justify-content:space-between}.hs-grid>div{position:relative;border-top:1px solid var(--kl-divider)}.hs-grid span{position:absolute;left:-28px;top:-9px;font-size:11px;color:var(--kl-muted)}
.hs-bars{position:absolute;left:36px;right:4px;top:0;bottom:24px;display:flex;align-items:flex-end;gap:10px}.hs-bars>div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}.hs-bars i{width:100%;max-width:28px;border-radius:4px 4px 0 0;background:var(--kl-green);min-height:2px}.hs-bars i.is-running{background:var(--kl-heat-1)}.hs-n{font-size:12px;font-weight:700}
.hs-xs{position:absolute;left:36px;right:4px;bottom:0;display:flex;gap:10px}.hs-xs span{flex:1;text-align:center;font-size:11px;color:var(--kl-muted);white-space:nowrap}
.hs-svg-v{font:700 11px var(--kl-font-body);fill:var(--kl-ink);font-size:12px}.hs-svg-l{font:500 11px var(--kl-font-body);fill:var(--kl-muted);font-size:12px}
.hs-key{display:flex;gap:16px;font-size:12px;color:var(--kl-muted)}.hs-key span{display:inline-flex;align-items:center;gap:6px}.hs-key i{width:12px;height:12px;border-radius:3px}.hs-key .g{background:var(--kl-chart-green)}.hs-key .c{background:var(--kl-chart-clay)}
.hs-cal-head,.hs-cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.hs-cal-head{font-size:11px;font-weight:700;color:var(--kl-muted);text-align:center}
.hs-cal>div{height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;box-sizing:border-box;color:var(--kl-muted-2)}
.hs-cal .l0{background:var(--kl-heat-0)}.hs-cal .l1{background:var(--kl-heat-1)}.hs-cal .l2{background:var(--kl-heat-2);color:#fff}.hs-cal .l3{background:var(--kl-heat-3);color:#fff}.hs-cal .l-1{background:transparent;border:1.5px dashed var(--kl-border)}.hs-cal .is-today{outline:2px solid var(--kl-amber);outline-offset:1px}
.hs-mix{display:flex;height:22px;gap:2px}.hs-mix span{border-radius:4px;min-width:3px}
.hs-legend{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;font-size:14px}.hs-legend li{display:flex;align-items:center;gap:8px}.hs-legend i{width:12px;height:12px;border-radius:3px;flex:none}.hs-legend span{flex:1}
.hs-resp{border-top:1px solid var(--kl-divider);padding-top:12px;display:flex;flex-direction:column;gap:8px}.hs-resp>span{font-size:13px;font-weight:700;color:var(--kl-muted)}.hs-resp>div{display:flex;align-items:center;gap:10px;font-size:14px}.hs-resp>div>span:first-child{width:58px}.hs-resp strong{width:40px;text-align:right}
.hs-meter{flex:1;height:10px;border-radius:999px;background:var(--kl-bg);overflow:hidden}.hs-meter i{display:block;height:100%;border-radius:inherit;background:var(--kl-green)}
.hs-alert{display:flex;gap:14px;align-items:flex-start;padding:20px 24px;border-radius:28px;background:var(--kl-amber-light);border:2px solid var(--kl-amber)}.hs-alert>span{width:32px;height:32px;border-radius:50%;background:var(--kl-amber);color:var(--kl-ink);display:flex;align-items:center;justify-content:center;font-weight:800;flex:none}.hs-alert>div{display:flex;flex-direction:column;gap:4px}.hs-alert small{font-size:14px;color:var(--kl-muted-2)}
.hs-types{display:flex;flex-wrap:wrap;gap:6px}.hs-types button{min-height:44px;padding:0 14px;border-radius:999px;border:1.5px solid var(--kl-border);background:var(--kl-card);font:700 13px var(--kl-font-body);color:var(--kl-muted-2);cursor:pointer}.hs-types button[aria-pressed=true]{background:var(--kl-green);border-color:var(--kl-green);color:#fff}
.hs-table{overflow-x:auto}.hs-table .lp-table{min-width:640px}.hs-table th{font-size:12px;letter-spacing:.06em;color:var(--kl-muted)}.hs-table td small{color:var(--kl-muted)}
.hs-tag{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.hs-tag.is-amber{background:var(--kl-amber-light);color:var(--kl-amber-text)}.hs-tag.is-green{background:var(--kl-green-light);color:var(--kl-green)}.hs-tag.is-blue{background:#E6EEF8;color:#2F5A91}.hs-tag.is-clay{background:#F6E6DC;color:var(--kl-neg)}.hs-tag.is-sand{background:var(--kl-sand);color:var(--kl-muted-2)}
.hs-more{align-self:center;min-height:44px;padding:0 20px;border-radius:999px;border:1.5px solid var(--kl-border);background:var(--kl-card);font:700 14px var(--kl-font-body);color:var(--kl-green);cursor:pointer}
.hs-rate{display:grid;gap:6px;margin-bottom:12px}.hs-rate>div:first-child{display:flex;align-items:baseline;gap:10px}.hs-rate span{color:var(--kl-muted);font-size:13px;flex:1}.hs-rate b{font-size:14px}
.hs-venue{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--kl-divider);font-size:14px}.hs-venue small{color:var(--kl-muted)}
/* export */
.ex-status{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;background:var(--kl-green);color:var(--kl-bg)}
.ex-status-main{display:flex;gap:16px;align-items:center}.ex-status-main>div{display:flex;flex-direction:column;gap:2px}.ex-status-main strong{font:700 22px/1.2 var(--kl-font-head)}.ex-status-main span,.ex-status-main small{color:#CFE0D5;font-size:14px}
.ex-ok{width:56px;height:56px;border-radius:50%;background:var(--kl-amber);color:var(--kl-ink);display:flex;align-items:center;justify-content:center;flex:none}
.ex-status-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.ex-status .dc-solid{background:var(--kl-amber);color:var(--kl-ink)}
.ex-switch{display:inline-flex;align-items:center;gap:12px;min-height:44px;border:0;background:transparent;color:var(--kl-bg);font:600 15px var(--kl-font-body);cursor:pointer}.ex-switch span{width:44px;height:26px;border-radius:999px;background:rgba(246,243,234,.3);position:relative;flex:none}.ex-switch i{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .15s}.ex-switch[aria-checked=true] span{background:var(--kl-amber)}.ex-switch[aria-checked=true] i{left:21px}
.ex-scope{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ex-scope button{display:flex;flex-direction:column;gap:2px;text-align:left;padding:14px 16px;border-radius:18px;border:2px solid var(--kl-border);background:var(--kl-card);font:inherit;color:var(--kl-ink);cursor:pointer}.ex-scope button[aria-checked=true]{background:var(--kl-done-bg);border-color:var(--kl-green)}.ex-scope button:disabled{opacity:.6;cursor:not-allowed}.ex-scope strong{display:flex;align-items:center;gap:6px}.ex-scope span{font-size:13px;color:var(--kl-muted)}.ex-scope .kl-icon{width:16px;height:16px}
.ex-kinds{display:grid;gap:8px}.ex-kinds>span,.ex-cols>span{font-size:13px;font-weight:700;color:var(--kl-muted);letter-spacing:.02em}.ex-kinds>div{display:flex;flex-wrap:wrap;gap:8px}
.ex-kinds button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:999px;border:1.5px solid var(--kl-border);background:var(--kl-card);font:700 14px var(--kl-font-body);color:var(--kl-muted-2);cursor:pointer}.ex-kinds button[aria-pressed=true]{background:var(--kl-green);border-color:var(--kl-green);color:var(--kl-bg)}.ex-kinds i{width:18px;height:18px;border-radius:5px;background:var(--kl-sand);display:flex;align-items:center;justify-content:center}.ex-kinds [aria-pressed=true] i{background:var(--kl-bg);color:var(--kl-green)}.ex-kinds i svg{width:12px;height:12px}
.ex-cols>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.ex-cols code{padding:4px 10px;border-radius:8px;background:var(--kl-bg);font:600 13px ui-monospace,Menlo,monospace}
.ex-go{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;border-top:1px solid var(--kl-divider);padding-top:14px}.ex-go span{font-weight:700}
.ex-go .dc-solid:disabled{opacity:.45;cursor:not-allowed}
.ex-file{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:var(--kl-bg)}.ex-file>span{width:44px;height:44px;border-radius:12px;background:var(--kl-green);color:var(--kl-bg);display:flex;align-items:center;justify-content:center;font:700 12px var(--kl-font-body)}.ex-file>div{flex:1;display:flex;flex-direction:column}.ex-file small{color:var(--kl-muted);font-size:13px}.ex-file button{width:44px;height:44px;border-radius:50%;border:0;background:var(--kl-card);color:var(--kl-green);cursor:pointer;display:flex;align-items:center;justify-content:center}.ex-file button:disabled{opacity:.45}
.ex-bar{display:flex;height:14px;border-radius:999px;overflow:hidden;background:var(--kl-bg);gap:2px}.ex-bar span{display:block;height:100%}
.ex-restore-grid{display:grid;gap:16px}@media(min-width:1024px){.ex-restore-grid{grid-template-columns:1.2fr 1fr}}
.ex-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:150px;padding:20px;border:2px dashed var(--kl-dashed);border-radius:20px;text-align:center;cursor:pointer;background:var(--kl-bg)}.ex-drop.is-over{border-color:var(--kl-green);background:var(--kl-green-light)}.ex-drop span{font-size:13px;color:var(--kl-muted)}.ex-drop input{position:absolute;width:1px;height:1px;opacity:0}
.ex-modes{display:grid;gap:10px}.ex-modes button{display:flex;align-items:flex-start;gap:12px;text-align:left;padding:14px 16px;border-radius:18px;border:2px solid var(--kl-border);background:var(--kl-card);font:inherit;color:var(--kl-ink);cursor:pointer}.ex-modes button[aria-checked=true]{border-color:var(--kl-green);background:var(--kl-done-bg)}.ex-modes i{width:20px;height:20px;border-radius:50%;border:2px solid var(--kl-dashed);flex:none;margin-top:2px;box-sizing:border-box}.ex-modes [aria-checked=true] i{border:6px solid var(--kl-green)}.ex-modes span{display:flex;flex-direction:column}.ex-modes small{color:var(--kl-muted);font-size:13px}
.ex-pending{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:16px;background:var(--kl-amber-light)}.ex-pending>div{display:flex;gap:10px}
.ex-sync{align-self:center;padding:8px 16px;border-radius:999px;background:var(--kl-sand);font-size:13px;font-weight:600;color:var(--kl-muted-2)}
/* L2 sync card, L3 restore, L4 done */
.ex-sync-card{display:flex;align-items:center;gap:14px}.ex-sync-card>div{flex:1;min-width:0;display:flex;flex-direction:column}.ex-sync-card small{color:var(--kl-muted-2);font-size:14px}
.ex-sync-i{width:44px;height:44px;flex:none;border-radius:12px;background:var(--kl-green-light);color:var(--kl-green);display:flex;align-items:center;justify-content:center}.ex-sync-i svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
.ex-chip{flex:none;padding:3px 10px;border-radius:999px;background:var(--kl-sand);font-size:12px;font-weight:800;color:var(--kl-muted-2)}
.rs{gap:14px}.rs .ex-drop{min-height:180px;background:var(--kl-card)}.rs .ex-drop svg{width:32px;height:32px;fill:none;stroke:var(--kl-green);stroke-width:2;stroke-linejoin:round}.rs .ex-drop input{position:absolute;width:1px;height:1px;opacity:0}
.rs-file{display:flex;gap:14px;padding:16px;border-radius:22px;background:var(--kl-card)}.rs-file>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.rs-file strong{overflow-wrap:anywhere}.rs-file small{color:var(--kl-muted-2)}
.rs-chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0}.rs-chips span{padding:3px 10px;border-radius:999px;background:var(--kl-sand);font-size:13px;font-weight:700}
.rs-h{font:800 21px var(--kl-font-head);margin:6px 0 0}
.rs-opts{display:flex;flex-direction:column;gap:10px}.rs-opt{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:20px;border:2px solid var(--kl-border);background:var(--kl-card);text-align:left;font:inherit;color:var(--kl-ink);cursor:pointer}
.rs-opt i{width:24px;height:24px;flex:none;border-radius:50%;border:2px solid var(--kl-dashed);box-sizing:border-box;margin-top:1px}.rs-opt.is-on{border-color:var(--kl-green)}.rs-opt.is-on i{border:7px solid var(--kl-green)}
.rs-opt span{display:flex;flex-direction:column;gap:2px}.rs-opt strong{font-size:17px}.rs-opt small{font-size:14px;color:var(--kl-muted-2)}.rs-opt em{font-style:normal;font-weight:700;font-size:14px;color:var(--kl-amber-text)}
.rs-counts{margin:0;padding:4px 16px;border-radius:22px;background:var(--kl-card)}.rs-counts>div{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:56px}.rs-counts>div+div{border-top:1px solid var(--kl-divider)}.rs-counts dt{color:var(--kl-muted-2)}.rs-counts dd{margin:0;text-align:right;font-weight:700}
.rs-counts .is-pos{color:var(--kl-green)}.rs-birds dd{display:flex;flex-direction:column;text-align:left!important;flex:1}.rs-birds dd small{color:var(--kl-muted-2);font-weight:500}.rs-birds{justify-content:flex-start!important}.rs-birds .bd-photo.is-xs{width:36px;height:36px}
.rs-bar{display:flex;flex-direction:column;gap:6px;align-items:stretch;text-align:center}
.rs-done{justify-items:center;text-align:center}.rs-done>.kc-steps-x{justify-self:start}.rs-done h1{font-size:30px}.rs-done .rs-counts{width:100%;box-sizing:border-box;text-align:left}
.hs-locked .bd-locked{margin-top:12px}