/* AutoJurnal — Clarity. Satu skala tipografi & satu sistem warna untuk semua layar. */
:root{
  --bg:#f4f6fa;--card:#fff;--ink:#0f172a;--mut:#5b6b85;--line:#e3e8f0;--hov:#f1f5f9;--pri:#2563eb;--pri2:#eaf1ff;
  --g:#15803d;--l:#4d7c0f;--a:#a16207;--o:#c2410c;--r:#b91c1c;--b:#1d4ed8;--p:#6d28d9;--t:#0f766e;--n:#475569;
  --fs-micro:11px;--fs-xs:12px;--fs-sm:13px;--fs-md:15px;--fs-lg:17px;--fs-xl:21px;--fs-2xl:clamp(24px,3.4vw,30px);
  --rad:14px;--gap:14px;--pad:18px;--side:248px;
}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){
  --bg:#0b1020;--card:#121a30;--ink:#e8edf8;--mut:#9aa8c4;--line:#243050;--hov:#1a2342;--pri:#6b94ff;--pri2:#16264f;
  --g:#4ade80;--l:#a3e635;--a:#fbbf24;--o:#fb923c;--r:#fb7185;--b:#7aa2ff;--p:#b79cff;--t:#2dd4bf;--n:#a7b4cc}}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:var(--fs-md)/1.55 Inter,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
h1,h2,h3,h4,.h{font-family:Calibri,Carlito,"Segoe UI",Arial,sans-serif;letter-spacing:-.01em;margin:0;line-height:1.2}
button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--pri);text-decoration:none;cursor:pointer}
code{font-size:var(--fs-xs);background:var(--hov);padding:1px 5px;border-radius:5px;white-space:normal;overflow-wrap:anywhere;word-break:break-all}
/* kerangka */
.side{position:fixed;inset:0 auto 0 0;width:var(--side);background:var(--card);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:40;overflow:auto;transition:transform .2s}
.brand{padding:18px 18px 10px;display:flex;gap:10px;align-items:center}
.logo{width:34px;height:34px;border-radius:10px;background:var(--pri);display:grid;place-items:center;color:#fff;font:700 19px Calibri,Carlito,sans-serif;flex:none}
.blogo{display:block;height:34px;width:auto;max-width:100%}.blogo.lg{height:46px}
.brand b{font:700 21px Calibri,Carlito,sans-serif}.brand small{display:block;font-size:var(--fs-micro);letter-spacing:.14em;color:var(--mut)}
.nav{padding:4px 10px 14px}.nav h6{margin:14px 10px 6px;font-size:var(--fs-micro);letter-spacing:.14em;color:var(--mut);text-transform:uppercase}
.nav a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;color:var(--mut);font-weight:600}
.nav a:hover{background:var(--hov)}.nav a.on{background:var(--pri2);color:var(--pri)}
.nav svg,.tabbar svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.nav a em{margin-left:auto;font-style:normal;font-size:var(--fs-xs);background:var(--hov);border-radius:99px;padding:0 8px}
.who{margin:auto 12px 14px;padding:12px;border:1px solid var(--line);border-radius:12px;font-size:var(--fs-sm);color:var(--mut)}
.main{margin-left:var(--side);min-height:100vh}
.top{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);height:56px;display:flex;align-items:center;gap:10px;padding:0 24px}
.burger{display:none;border:1px solid var(--line);background:var(--card);border-radius:10px;width:40px;height:40px}
.top .t{font:700 var(--fs-lg) Calibri,Carlito,sans-serif}.sp{flex:1}
.wrap{padding:24px 24px 90px;max-width:1240px;margin:0 auto}
.ph{margin-bottom:18px}.ph h1{font-size:var(--fs-2xl)}.ph p{margin:6px 0 0;color:var(--mut);max-width:70ch}
.eyebrow{display:block;font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--pri);font-weight:700;margin-bottom:4px}
.sim{background:color-mix(in srgb,var(--a) 14%,var(--card));color:var(--a);border:1px solid color-mix(in srgb,var(--a) 35%,transparent);border-radius:10px;padding:9px 13px;font-size:var(--fs-sm);margin-bottom:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--rad);padding:var(--pad)}
.card h3{font-size:var(--fs-lg);margin-bottom:8px}.card+.card{margin-top:var(--gap)}
.grid{display:grid;gap:var(--gap)}.g4{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.g3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.g2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.g21{grid-template-columns:2fr 1fr}.gm{grid-template-columns:minmax(300px,410px) 1fr;align-items:start}
.mt{margin-top:var(--gap)}
/* kontrol */
.btn{border:1px solid var(--line);background:var(--card);border-radius:10px;padding:9px 15px;font-weight:600;font-size:var(--fs-sm);display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px}
.btn:hover{background:var(--hov)}.btn.p{background:var(--pri);border-color:var(--pri);color:#fff}.btn.p:hover{filter:brightness(1.08)}.btn.sm{padding:4px 11px;min-height:32px;font-size:var(--fs-xs)}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn.d{color:var(--r)}
label{display:block;font-size:var(--fs-sm);font-weight:600;margin:12px 0 4px}label.c{display:flex;gap:9px;align-items:center;font-weight:500;margin:7px 0;min-height:26px}
input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);font-size:16px}
@media(min-width:901px){input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{font-size:var(--fs-md)}}
input[type=checkbox]{width:18px;height:18px;accent-color:var(--pri)}
textarea{min-height:120px;resize:vertical}input:focus,select:focus,textarea:focus,.btn:focus-visible{outline:2px solid color-mix(in srgb,var(--pri) 55%,transparent);border-color:var(--pri)}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row>.f{flex:1;min-width:140px}.mut{color:var(--mut)}.sm{font-size:var(--fs-sm)}.tag{font-size:var(--fs-xs);color:var(--mut)}
.warn{color:var(--a);font-size:var(--fs-xs);margin-top:3px}
/* lencana berwarna: satu sistem untuk SINTA, Scopus, WoS, DOAJ, band, APC */
.chip,.bdg{display:inline-flex;align-items:center;gap:4px;border-radius:99px;padding:2px 10px;font-size:var(--fs-xs);font-weight:700;line-height:1.5;background:var(--hov);color:var(--n);max-width:100%;text-align:left}
.bdg{border-radius:8px;padding:2px 9px;font-size:var(--fs-sm)}
.chip.b,.bdg.b{--k:var(--b)}.chip.g,.bdg.g{--k:var(--g)}.chip.l,.bdg.l{--k:var(--l)}.chip.a,.bdg.a{--k:var(--a)}.chip.o,.bdg.o{--k:var(--o)}.chip.r,.bdg.r{--k:var(--r)}.chip.p,.bdg.p{--k:var(--p)}.chip.t,.bdg.t{--k:var(--t)}
.chip[class*=" "],.bdg[class*=" "]{background:color-mix(in srgb,var(--k,var(--n)) 15%,var(--card));color:var(--k,var(--n))}
.chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.kpi{display:flex;align-items:center;gap:14px;padding:16px var(--pad)}
.kpi>div{min-width:0}
.kpi .kt{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--k) 15%,var(--card));color:var(--k)}
.kpi .kt svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.kpi b{display:block;font:700 var(--fs-2xl) Calibri,Carlito,sans-serif;color:var(--ink);line-height:1.1}
.kpi span{display:block;color:var(--mut);font-size:var(--fs-sm);line-height:1.35;margin-top:2px}
.kpi.b,.qrow.b{--k:var(--pri)}.kpi.g,.qrow.g{--k:var(--g)}.kpi.p,.qrow.p{--k:var(--p)}.kpi.o,.qrow.o,.qrow.a{--k:var(--a)}.kpi.t,.qrow.t{--k:var(--t)}
.qrow{display:grid;grid-template-columns:minmax(120px,210px) 1fr 44px;gap:14px;align-items:center;padding:8px 0;font-size:var(--fs-sm)}
.qrow b{text-align:right;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.qrow .bar{height:8px;background:color-mix(in srgb,var(--k) 15%,var(--card))}
.qrow .bar i{background:var(--k);border-radius:9px}
@media(max-width:520px){.qrow{grid-template-columns:1fr 44px;gap:6px 12px}.qrow .bar{grid-column:1/-1;order:3}}
/* hasil: rekomendasi utama + alternatif */
.hero{border-left:6px solid var(--k,var(--pri));padding:0;overflow:hidden}
.hero.b{--k:var(--b)}.hero.g{--k:var(--g)}.hero.p{--k:var(--p)}.hero.a{--k:var(--a)}.hero.o{--k:var(--o)}
.hero .hd{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:var(--pad)}
.hero h2{font-size:var(--fs-xl)}.hero .ey{font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--mut);font-weight:700}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));border-top:1px solid var(--line)}
.stats>div{padding:12px var(--pad);border-right:1px solid var(--line);min-width:0}.stats>div:last-child{border-right:0}
.stats small{display:block;font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--mut);font-weight:700;margin-bottom:3px}.stats b{font-size:var(--fs-md)}
.why{margin:var(--pad);padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--g) 11%,var(--card));border:1px solid color-mix(in srgb,var(--g) 25%,transparent);font-size:var(--fs-sm)}
.why b{color:var(--g)}
.ring{width:72px;height:72px;position:relative;flex:none}.ring svg{transform:rotate(-90deg);width:100%;height:100%}.ring b{position:absolute;inset:0;display:grid;place-items:center;font:700 var(--fs-xl) Calibri,Carlito,sans-serif}.ring small{position:absolute;left:0;right:0;bottom:10px;text-align:center;font-size:var(--fs-micro);letter-spacing:.1em;color:var(--mut);font-weight:700}
.ring.s{width:52px;height:52px}.ring.s b{font-size:var(--fs-lg)}
.alt{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:13px var(--pad);border-top:1px solid var(--line)}
.alt:first-child{border-top:0}.alt .n{font-weight:700;color:var(--mut);font-size:var(--fs-sm)}.alt .ti{font-weight:700;color:var(--ink)}
.alt .act{display:flex;gap:6px;flex-wrap:wrap;grid-column:2/-1}
.comp{display:grid;grid-template-columns:140px 1fr 32px;gap:8px;align-items:center;font-size:var(--fs-xs);margin:4px 0}
.bar{height:7px;border-radius:9px;background:var(--hov);overflow:hidden}.bar i{display:block;height:100%;background:var(--pri)}.bar.na{background:repeating-linear-gradient(45deg,var(--line),var(--line) 4px,transparent 4px,transparent 8px)}
details>summary{cursor:pointer;color:var(--pri);font-size:var(--fs-sm);font-weight:600;padding:4px 0}
/* tabel (desktop) -> kartu (HP) */
table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}th,td{text-align:left;padding:11px 10px;border-bottom:1px solid var(--line);vertical-align:middle}
th{font-size:var(--fs-xs);color:var(--mut);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;font-weight:700}
.scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.pager{display:flex;gap:10px;align-items:center;margin-top:12px;flex-wrap:wrap}
.cmp th{text-transform:none;letter-spacing:0;font-size:var(--fs-sm);color:var(--ink)}.cmp th:first-child,.cmp td:first-child{position:sticky;left:0;background:var(--card);z-index:1;min-width:150px}
.cmp td{min-width:170px}.cmp .big{font:700 var(--fs-xl) Calibri,Carlito,sans-serif}
.insight{background:var(--pri2);border-radius:12px;padding:14px 16px;font-size:var(--fs-sm);margin-top:var(--gap)}.insight b{color:var(--pri)}
.login{max-width:400px;margin:9vh auto;padding:0 16px}
.toast{position:fixed;bottom:84px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:10px;z-index:99;max-width:90vw;font-size:var(--fs-sm)}
.tabbar{display:none}.bd{display:none}
/* responsif */
@media(max-width:1100px){.g21,.gm{grid-template-columns:1fr}}
@media(max-width:900px){
  :root{--pad:15px;--gap:12px}
  .side{transform:translateX(-100%)}.side.open{transform:none;box-shadow:0 0 40px #0006}.main{margin-left:0}.burger{display:grid;place-items:center}
  .top{padding:0 14px}.wrap{padding:16px 14px 96px}.bd.show{display:block;position:fixed;inset:0;background:#0006;z-index:35}
  .tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--card);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
  .tabbar a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:var(--fs-micro);font-weight:600;color:var(--mut);padding:4px 0;border-radius:10px}.tabbar a.on{color:var(--pri)}
  .hero .hd{align-items:flex-start}.stats>div{border-right:0;border-bottom:1px solid var(--line)}.stats{grid-template-columns:1fr 1fr}.stats>div:nth-child(odd){border-right:1px solid var(--line)}
  .comp{grid-template-columns:110px 1fr 28px}
}
@media(max-width:420px){.stats{grid-template-columns:1fr}.stats>div:nth-child(odd){border-right:0}.ring{width:60px;height:60px}.alt{grid-template-columns:26px 1fr}.alt>.rg{grid-column:2}}
.hint{display:none;font-size:var(--fs-xs);color:var(--mut);margin:0 0 6px}
@media(max-width:900px){.cmp th:first-child,.cmp td:first-child{min-width:104px;max-width:104px;font-size:var(--fs-xs)}.cmp td,.cmp th:not(:first-child){min-width:150px}.hint{display:block}}

/* ===== Perbaikan kerapian: kontrol seragam, form sejajar, tanpa teks meluap ===== */
body,h1,h2,h3,p,a,td,th,label,.tag,.ti,.chip,.bdg,.btn{overflow-wrap:anywhere}
.grid>*,.row>*,.hd>*,.stats>*{min-width:0}
input[type=text],input[type=email],input[type=password],input[type=number],select{height:44px;line-height:1.2}
select{appearance:none;-webkit-appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center}
.btn{min-height:44px}.btn.sm{min-height:34px}
.row:has(>.f),.row:has(>form){}
.row:has(>.f){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:12px;align-items:end}
.row:has(>.f)>.btn{align-self:end;width:100%}
.row>.f>label{margin-top:0}
label.c{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;margin:8px 0;min-height:24px;line-height:1.4}
label.c input{margin:2px 0 0;flex:none}
.checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:2px 14px}
.checks label.c{margin:5px 0}
form.card label:first-of-type{margin-top:0}
td input,td select{min-width:0}
/* kartu perbandingan (HP) menggantikan tabel lebar */
.cmp-c{display:none;gap:var(--gap)}
.cc .ey{font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--mut);font-weight:700}
.cc .ti{display:block;font-weight:700;font-size:var(--fs-lg);color:var(--ink);margin:2px 0 8px}
.cc dl{margin:0}.cc dl>div{display:grid;grid-template-columns:42% 1fr;gap:10px;padding:9px 0;border-top:1px solid var(--line);align-items:center}
.cc dt{font-size:var(--fs-xs);color:var(--mut);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.cc dd{margin:0;min-width:0}
.cc .big{font:700 var(--fs-xl) Calibri,Carlito,sans-serif}.cc .bar{max-width:140px}
@media(max-width:900px){.cmp-t{display:none}.cmp-c{display:grid}.hint{display:none!important}}

/* tabel database: nowrap agar lencana/tombol tidak terpotong; kartu di <=1180px */
table.rt th,table.rt td{white-space:nowrap;overflow-wrap:normal;vertical-align:middle}
table.rt td.ti{white-space:normal;overflow-wrap:anywhere;min-width:200px;max-width:440px}
table.rt .chip,table.rt .bdg,table.rt .btn{white-space:nowrap;overflow-wrap:normal}
table.rt td.ti .tag{line-height:1.5}
.btn,.chip,.bdg{overflow-wrap:normal}
.btn{white-space:nowrap}
@media(max-width:1380px){.c-opt{display:none}}
@media(max-width:1180px){
  table.rt thead{display:none}table.rt,table.rt tbody,table.rt tr,table.rt td{display:block;width:100%}
  table.rt tr{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:10px;background:var(--card)}
  table.rt td{border:0;padding:5px 0;display:flex;gap:10px;justify-content:space-between;align-items:center}
  table.rt td::before{content:attr(data-l);font-size:var(--fs-xs);color:var(--mut);font-weight:700;text-transform:uppercase;letter-spacing:.05em;flex:none}
  table.rt td.ti{display:block}table.rt td.ti::before{display:none}
  table.rt td.ti{max-width:none;min-width:0}table.rt td{white-space:normal}.c-opt{display:flex}
  .card>.scroll:has(table.rt){overflow:visible}
}
.card>.scroll{margin:0 -2px}
/* filter: satu grid, kolom seragam */
.fgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px 16px;align-items:end}
.fgrid>.f{min-width:0}.fgrid label{margin:0 0 6px}
.fgrid .more-btn{display:none}
@media(max-width:1023px){.fgrid:not(.open) .x{display:none}.fgrid .more-btn{display:inline-flex;grid-column:1/-1;justify-self:start}}
@media(max-width:560px){.fgrid{grid-template-columns:1fr 1fr}.fgrid>.f.w{grid-column:1/-1}}
@media(max-width:380px){.fgrid{grid-template-columns:1fr}}
.pager .pp{display:flex;align-items:center;gap:8px;margin-left:auto}.pager .pp select{width:auto;min-height:34px;padding:2px 30px 2px 10px}

.grid>.card+.card{margin-top:0}
.row:has(>.f){margin-top:12px}
.row:has(>.f)>.f{display:flex;flex-direction:column;justify-content:flex-end}
input[type=file]{width:100%;max-width:100%;font-size:var(--fs-sm);padding:8px;border:1px dashed var(--line);border-radius:10px;background:var(--card)}
input[type=file]::file-selector-button{border:1px solid var(--line);background:var(--hov);border-radius:8px;padding:7px 12px;margin-right:10px;font:inherit;font-weight:600;cursor:pointer}
.card.fl{display:flex;flex-direction:column}.card.fl .acts{margin-top:auto;padding-top:10px}

@media(max-width:600px){.grid.g4{grid-template-columns:1fr 1fr}.kpi{padding:12px;gap:10px;align-items:flex-start}.kpi .kt{width:36px;height:36px;border-radius:10px}.kpi .kt svg{width:18px;height:18px}.kpi b{font-size:var(--fs-xl)}}

.v{display:inline-block;text-align:right}@media(min-width:1181px){.v{text-align:left}}

/* ---- v1.3: tabel database lengkap, tooltip, estimasi, ringkasan hasil ---- */
.qrow.t{--k:var(--t)}.qrow.r{--k:var(--r)}
.ti-i{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;border:1px solid var(--mut);color:var(--mut);font:700 10px/1 Calibri,Carlito,sans-serif;font-style:normal;cursor:help;vertical-align:1px;margin-left:3px;text-transform:none;letter-spacing:0}
.ti-i:hover,.ti-i:focus{color:var(--pri);border-color:var(--pri);outline:0}
.na{color:var(--mut);cursor:help;border-bottom:1px dotted var(--mut);padding:0 2px}.na:focus{outline:0;color:var(--pri)}
#tt{display:none;position:fixed;z-index:80;max-width:min(300px,calc(100vw - 16px));background:#111827;color:#f9fafb;font-size:var(--fs-xs);line-height:1.5;padding:9px 11px;border-radius:9px;box-shadow:0 6px 24px #0004;pointer-events:none;overflow-wrap:break-word;font-weight:500;text-transform:none;letter-spacing:0}
.rbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:var(--gap)}.rbar .rsel{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.rbar select{width:auto;min-width:200px;max-width:100%}
.chips.qk{margin-left:6px}.chipb{border:1px solid var(--line);background:var(--card);color:var(--n);border-radius:99px;padding:6px 14px;font:600 var(--fs-sm) inherit;cursor:pointer;min-height:36px}.chipb.on{background:color-mix(in srgb,var(--pri) 12%,var(--card));border-color:var(--pri);color:var(--pri)}
table.db th,table.db td{padding:9px 8px;font-size:var(--fs-sm)}
table.db .no{flex:none;min-width:24px;color:var(--mut);font-weight:700;font-variant-numeric:tabular-nums}
table.db td.ti{display:table-cell;min-width:230px;max-width:340px}table.db td.ti>.no{display:inline-block;float:left;margin:2px 10px 0 0}table.db td.ti>.tt{overflow:hidden}
table.db .mono{font-variant-numeric:tabular-nums;letter-spacing:.01em}
.ext{font-weight:700;color:var(--pri);margin-left:2px}.ck{color:var(--t);font-weight:800;font-size:var(--fs-md)}
.est{--k:var(--g);min-width:112px;cursor:help}.est.a{--k:var(--a)}.est.r{--k:var(--r)}.est .eh{display:flex;align-items:center;gap:7px}.est b{font-variant-numeric:tabular-nums}.est .bar{height:5px;margin-top:5px;background:color-mix(in srgb,var(--k) 15%,var(--card))}.est .bar i{background:var(--k)}
.est .bdg{font-size:var(--fs-micro);padding:1px 7px}.est.est b{opacity:.85}
.chk{padding:10px 0;border-top:1px solid var(--line)}.chk:first-of-type{border-top:0}.ck-h{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:3px}
@media(min-width:1181px){.card>.scroll:has(table.db){overflow-x:auto}table.db td.ti{position:sticky;left:0;background:var(--card);z-index:1}table.db th:first-child{position:sticky;left:0;background:var(--card);z-index:2}}
@media(max-width:1180px){table.db td.ti{display:block;min-width:0;max-width:none}table.db td.ti>.no{display:none}.est{min-width:0;width:170px;max-width:60%}.est .eh{justify-content:flex-end}}
@media(max-width:560px){.rbar select{width:100%}.rbar .rsel{width:100%}.rbar .rsel .btn{flex:1}}

.cmpb .tx{display:none}.cmpb{float:right;margin:0 0 4px 8px;min-width:34px;padding:2px 9px;font-weight:700}
th.w2{white-space:normal!important;min-width:96px}
@media(min-width:1181px){table.db td.ti{box-shadow:1px 0 0 var(--line)}table.db th:first-child{box-shadow:1px 0 0 var(--line)}}
@media(max-width:1180px){.cmpb{float:none;display:inline-flex;margin:8px 0 0}.cmpb .tx{display:inline}}

.wrap:has(table.db){max-width:1760px}
table.db th{letter-spacing:.03em;padding-left:6px;padding-right:6px}table.db td{padding-left:6px;padding-right:6px}
@media(max-width:1599px){.c-opt{display:none}}
@media(max-width:1180px){.c-opt{display:flex}}
.est{min-width:104px}
table.db td.ti{min-width:210px}

/* v1.4: header tabel seragam, lencana kecil */
table.db th{font-size:var(--fs-micro);letter-spacing:.05em;line-height:1.3;vertical-align:middle;padding-top:10px;padding-bottom:10px}
table.db th .thx{display:inline-flex;align-items:center;gap:2px;white-space:nowrap}
table.db th.w2 .thx{white-space:normal;flex-wrap:wrap;max-width:104px;row-gap:0}
table.db th.w2{min-width:0!important}
table.db .bdg,table.db .chip{font-size:var(--fs-micro);padding:2px 8px;line-height:1.5}
table.db .ti-i{margin-left:2px;width:14px;height:14px;font-size:9px}
table.db th.w2 .thx{white-space:nowrap;max-width:none}
table.db th.w2 .thx{flex-wrap:nowrap}
table.db td.ti{min-width:195px}
table.db th,table.db td{padding-left:5px;padding-right:5px}table.db th{letter-spacing:.03em}.est{min-width:96px}

[hidden]{display:none!important}