/* ========================
   THEME VARIABLES
   ======================== */

/* --- GOLD (default) --- */
.theme-gold{
  --bg-card:rgba(15,12,8,.92);--card-backdrop:blur(16px);
  --border-card:rgba(197,163,39,.4);
  --shadow-card:0 0 0 rgba(0,0,0,.8),0 0 0 1px rgba(245,200,66,.1),inset 0 1px 0 rgba(245,200,66,.15);
  --bg-input:rgba(0,0,0,.6);--bg-input-wrap:rgba(0,0,0,.9);
  --text-main:#ad9239;--text-label:#ad9239;
  --btn-bg:linear-gradient(135deg,#d4af37,#f5c842 50%,#b8860b);
  --btn-text:#050505;--btn-shadow:0 0 15px rgba(245,200,66,.4);
  --shimmer:linear-gradient(90deg,transparent,rgba(245,200,66,.8),#fff,rgba(245,200,66,.8),transparent);
  --icon-bg:linear-gradient(135deg,#d4af37,#f5c842);
  --info-bg:rgba(245,200,66,.05);--info-border:#c9a227;--info-text:#8b7a30;
  --filter-bg:rgba(197,163,39,.05);
  --tbl-scroll-bg:#000;--tbl-bg:#0d0a00;--tbl-td-bg:#0d0a00;--tbl-jml-bg:#0d0a00;
  --tbl-td-alt-bg:#0d0a00;--tbl-jml-alt-bg:#0d0a00;
  --tbl-td-border:rgba(190,190,190,.15);--tbl-th-bg:#0d0a00;--tbl-th-text:#f5c842;
  --tbl-th-border:#c9a227;--tbl-text:#a8a8a8;--tbl-pos4-text:#4b4430;
  --tbl-day-sep-border:rgba(65,64,62,.6);--tbl-day-sep-bg:rgba(40,35,20,.5);
  --tbl-day-sep-text:#a89454;
  --tbl-target-row-bg:rgba(197,163,39,.1);--tbl-target-row-border:rgba(197,163,39,.3);
  --tbl-cell-shadow:rgba(0,0,0,.6);
  --result-bg:linear-gradient(160deg,#0a0800,#120f00);--result-text:#a08830;
  --cb-border:rgba(197,163,39,.4);--cb-bg:rgba(0,0,0,.3);
  --cb-checked-bg:#c9a227;--cb-checked-border:#f5c842;--cb-text:#8b7a30;
  --ai-panel-bg:linear-gradient(160deg,rgba(197,163,39,.06),rgba(15,12,8,.95));
  --ai-panel-border:rgba(245,200,66,.25);
  --ai-badge-bg:linear-gradient(135deg,#d4af37,#f5c842);
  --ai-badge-text:#050505;
  --ai-digit-text:#f5c842;
  --ai-digit-cross-bg:rgba(245,200,66,.1);--ai-digit-cross-border:rgba(245,200,66,.35);
  --ai-digit-cross-text:#f5c842;
  --ai-conf-fill:linear-gradient(90deg,#d4af37,#f5c842);--ai-conf-pct:#f5c842;
  --ai-highlight:#f5c842;--ai-highlight2:#d4af37;
  --stat-hot-border:rgba(239,68,68,.3);--stat-hot-bg:rgba(239,68,68,.06);
  --stat-cold-border:rgba(59,130,246,.2);--stat-cold-bg:rgba(59,130,246,.04);
  --stat-ai-border:rgba(245,200,66,.35);--stat-ai-bg:rgba(245,200,66,.06);
  --pair-bar:linear-gradient(90deg,#d4af37,#b8860b);--pair-num:#f5c842;
  --summary-strong:#f5c842;--summary-em:#d4af37;
  --hot-tag-bg:rgba(239,68,68,.15);--hot-tag-text:#ef4444;
  --cold-tag-bg:rgba(59,130,246,.12);--cold-tag-text:#3b82f6;
  --ai-tag-bg:rgba(245,200,66,.15);--ai-tag-text:#f5c842;
  --green-tag-bg:rgba(34,197,94,.15);--green-tag-text:#22c55e;
  --consensus-bg:rgba(251,191,36,.15);--consensus-border:rgba(251,191,36,.35);--consensus-text:#92400e;
  /* Keluaran-specific */
  --kel-accent:#d4af37;--kel-accent-glow:rgba(245,200,66,.3);
  --kel-ball-u:radial-gradient(circle at 32% 26%,#ffe088,#d4af37 50%,#7a5a10);
  --kel-ball-o:radial-gradient(circle at 32% 26%,#5a4a28,#3a3018 50%,#1e180a);
  --kel-ball-h:radial-gradient(circle at 32% 26%,#ffaa80,#cc4400 50%,#662200);
  --kel-libur:#cc4400;--kel-dd-h:rgba(245,200,66,.08)
}

/* --- LIGHT --- */
.theme-light{
  --bg-card:rgba(242, 242, 242, 1);--card-backdrop:blur(16px);
  --border-card:rgba(226,232,240,.8);
  --shadow-card:0 8px 25px rgba(100,116,139,.08),0 1px 3px rgba(0,0,0,.02),inset 0 1px 0 rgba(255,255,255,.6);
  --bg-input:rgba(255,255,255,.8);--bg-input-wrap:rgba(248,250,252,.8);
  --text-main:#0f172a;--text-label:#64748b;
  --btn-bg:linear-gradient(135deg,#dc2626,#ef4444 50%,#b91c1c);
  --btn-text:#fff;--btn-shadow:0 8px 20px rgba(220,38,38,.3);
  --shimmer:linear-gradient(90deg,transparent,rgba(220,38,38,.6),#fca5a5,rgba(220,38,38,.6),transparent);
  --icon-bg:linear-gradient(135deg,#dc2626,#ef4444);
  --info-bg:rgba(254,243,199,.6);--info-border:#eab308;--info-text:#854d0e;
  --filter-bg:#f1f5f9;
  --tbl-scroll-bg:#fff;--tbl-bg:#ddd;--tbl-td-bg:#fff;--tbl-jml-bg:#f9f9f9;
  --tbl-td-alt-bg:#f0eef2;--tbl-jml-alt-bg:#ebe9ec;
  --tbl-td-border:#e5e7eb;--tbl-th-bg:#fff;--tbl-th-text:#FF0000;
  --tbl-th-border:#FF6666;--tbl-text:#111827;--tbl-pos4-text:#9ca3af;
  --tbl-day-sep-border:#d9d9d9;--tbl-day-sep-bg:#e9e9e9;--tbl-day-sep-text:#ababab;
  --tbl-target-row-bg:#fef2f2;--tbl-target-row-border:#fca5a5;
  --tbl-cell-shadow:transparent;
  --result-bg:#fff;--result-text:#334155;
  --cb-border:#cbd5e1;--cb-bg:#fff;--cb-checked-bg:#dc2626;--cb-checked-border:#b91c1c;--cb-text:#475569;
  --ai-panel-bg:linear-gradient(160deg,rgba(220,38,38,.03),#fff);
  --ai-panel-border:rgba(220,38,38,.15);
  --ai-badge-bg:linear-gradient(135deg,#dc2626,#ef4444);
  --ai-badge-text:#fff;
  --ai-digit-text:#dc2626;
  --ai-digit-cross-bg:rgba(220,38,38,.05);--ai-digit-cross-border:rgba(220,38,38,.2);
  --ai-digit-cross-text:#dc2626;
  --ai-conf-fill:linear-gradient(90deg,#dc2626,#ef4444);--ai-conf-pct:#dc2626;
  --ai-highlight:#dc2626;--ai-highlight2:#b91c1c;
  --stat-hot-border:rgba(239,68,68,.2);--stat-hot-bg:rgba(239,68,68,.04);
  --stat-cold-border:rgba(59,130,246,.15);--stat-cold-bg:rgba(59,130,246,.03);
  --stat-ai-border:rgba(220,38,38,.2);--stat-ai-bg:rgba(220,38,38,.04);
  --pair-bar:linear-gradient(90deg,#dc2626,#b91c1c);--pair-num:#dc2626;
  --summary-strong:#dc2626;--summary-em:#991b1b;
  --hot-tag-bg:rgba(239,68,68,.1);--hot-tag-text:#dc2626;
  --cold-tag-bg:rgba(59,130,246,.08);--cold-tag-text:#3b82f6;
  --ai-tag-bg:rgba(220,38,38,.08);--ai-tag-text:#dc2626;
  --green-tag-bg:rgba(34,197,94,.1);--green-tag-text:#16a34a;
  --consensus-bg:rgba(251,191,36,.1);--consensus-border:rgba(251,191,36,.25);--consensus-text:#92400e;
  --kel-accent:#dc2626;--kel-accent-glow:rgba(220,38,38,.25);
  --kel-ball-u:radial-gradient(circle at 32% 26%,#bfdbfe,#3b82f6 50%,#1e3a8a);
  --kel-ball-o:radial-gradient(circle at 32% 26%,#e2e8f0,#94a3b8 50%,#475569);
  --kel-ball-h:radial-gradient(circle at 32% 26%,#fecaca,#ef4444 50%,#991b1b);
  --kel-libur:#dc2626;--kel-dd-h:rgba(220,38,38,.05)
}

/* --- CYBER --- */
.theme-cyber{
  --bg-card:rgba(8,12,22,.94);--card-backdrop:blur(16px);
  --border-card:rgba(0,180,255,.18);
  --shadow-card:0 0 0 rgba(0,0,0,.6),0 0 0 1px rgba(0,180,255,.08),inset 0 1px 0 rgba(0,180,255,.1);
  --bg-input:rgba(0,0,0,.5);--bg-input-wrap:rgba(4,8,18,.95);
  --text-main:#c8daf0;--text-label:#5a7a9a;
  --btn-bg:linear-gradient(135deg,#0077cc,#00b4ff 50%,#005599);
  --btn-text:#fff;--btn-shadow:0 0 15px rgba(0,180,255,.3);
  --shimmer:linear-gradient(90deg,transparent,rgba(0,180,255,.7),#fff,rgba(0,180,255,.7),transparent);
  --icon-bg:linear-gradient(135deg,#0077cc,#00b4ff);
  --info-bg:rgba(0,180,255,.04);--info-border:rgba(0,180,255,.25);--info-text:#3a6a8a;
  --filter-bg:rgba(0,180,255,.03);
  --tbl-scroll-bg:#020408;--tbl-bg:#060a14;--tbl-td-bg:#060a14;--tbl-jml-bg:#060a14;
  --tbl-td-alt-bg:#060a14;--tbl-jml-alt-bg:#060a14;
  --tbl-td-border:rgba(80,130,180,.1);--tbl-th-bg:#060a14;--tbl-th-text:#00b4ff;
  --tbl-th-border:rgba(0, 180, 255, 1);--tbl-text:#8aa0b8;--tbl-pos4-text:#2a3a4a;
  --tbl-day-sep-border:rgba(40,80,120,.4);--tbl-day-sep-bg:rgba(10,20,40,.6);
  --tbl-day-sep-text:#4a6a8a;
  --tbl-target-row-bg:rgba(0,180,255,.06);--tbl-target-row-border:rgba(0,180,255,.2);
  --tbl-cell-shadow:rgba(0,0,0,.6);
  --result-bg:linear-gradient(160deg,#040810,#080e1a);--result-text:#6a8aaa;
  --cb-border:rgba(0,180,255,.25);--cb-bg:rgba(0,0,0,.3);
  --cb-checked-bg:#00b4ff;--cb-checked-border:#00d4ff;--cb-text:#4a7a9a;
  --ai-panel-bg:linear-gradient(160deg,rgba(0,180,255,.06),rgba(168,85,247,.04),rgba(8,12,22,.96));
  --ai-panel-border:rgba(0,180,255,.25);
  --ai-badge-bg:linear-gradient(135deg,#00b4ff,#a855f7);
  --ai-badge-text:#fff;
  --ai-digit-text:#00b4ff;
  --ai-digit-cross-bg:rgba(168,85,247,.08);--ai-digit-cross-border:rgba(168,85,247,.35);
  --ai-digit-cross-text:#c084fc;
  --ai-conf-fill:linear-gradient(90deg,#00b4ff,#22d3ee);--ai-conf-pct:#22d3ee;
  --ai-highlight:#00b4ff;--ai-highlight2:#a855f7;
  --stat-hot-border:rgba(239,68,68,.25);--stat-hot-bg:rgba(239,68,68,.05);
  --stat-cold-border:rgba(59,130,246,.18);--stat-cold-bg:rgba(59,130,246,.03);
  --stat-ai-border:rgba(0,180,255,.3);--stat-ai-bg:rgba(0,180,255,.06);
  --pair-bar:linear-gradient(90deg,#00b4ff,#a855f7);--pair-num:#00b4ff;
  --summary-strong:#00b4ff;--summary-em:#a855f7;
  --hot-tag-bg:rgba(239,68,68,.12);--hot-tag-text:#ef4444;
  --cold-tag-bg:rgba(59,130,246,.1);--cold-tag-text:#60a5fa;
  --ai-tag-bg:rgba(0,180,255,.12);--ai-tag-text:#00b4ff;
  --green-tag-bg:rgba(34,197,94,.12);--green-tag-text:#22c55e;
  --consensus-bg:rgba(168,85,247,.1);--consensus-border:rgba(168,85,247,.3);--consensus-text:#c084fc;
  --kel-accent:#00b4ff;--kel-accent-glow:rgba(0,180,255,.3);
  --kel-ball-u:radial-gradient(circle at 32% 26%,#80d0ff,#00b4ff 50%,#005580);
  --kel-ball-o:radial-gradient(circle at 32% 26%,#4a5a6a,#2a3a4a 50%,#101a24);
  --kel-ball-h:radial-gradient(circle at 32% 26%,#ff8080,#ff2040 50%,#880020);
  --kel-libur:#ff2040;--kel-dd-h:rgba(0,180,255,.06)
}

/* ========================
   COMPONENT STYLES
   ======================== */

/* Wrapper */
.tk-wrap{
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  background:var(--bg-card);
  border:1px solid var(--border-card);
  border-radius:12px;
  position:relative;
  overflow:visible;
  box-shadow:var(--shadow-card);
  backdrop-filter:var(--card-backdrop);
  -webkit-backdrop-filter:var(--card-backdrop);
  transition:background-color .4s,border-color .4s,box-shadow .4s;
}
.tk-wrap>*{position:relative;z-index:1}

/* Top Bar */
.tk-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 0;gap:10px;flex-wrap:wrap}
.tk-legend{background:var(--tbl-th-bg);display:flex;align-items:center;gap:6px;flex-wrap:wrap;border:1px solid var(--border-card);padding:7px;border-radius:8px;}
.tk-lgd{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:500;color:var(--text-label);transition:color .3s}
.tk-lb{width:14px;height:14px;border-radius:50%;flex-shrink:0;box-shadow:0 1px 4px rgba(0,0,0,.2),inset 0 -1px 2px rgba(0,0,0,.15);transition:background .3s}
.tk-lb-u{background:var(--kel-ball-u)}
.tk-lb-o{background:var(--kel-ball-o)}
.tk-lb-h{background:var(--kel-ball-h)}

/* Theme Buttons */
.tk-themes{display:flex;gap:5px}
.tk-tb{
  width:32px;height:32px;border:1px solid var(--border-card);background:var(--filter-bg);
  color:var(--text-label);border-radius:8px;cursor:pointer;font-size:13px;
  display:flex;align-items:center;justify-content:center;transition:all .25s;
}
.tk-tb:hover{border-color:var(--kel-accent);color:var(--kel-accent);transform:translateY(-1px)}
.tk-tb.active{background:var(--kel-accent);border-color:var(--kel-accent);color:var(--btn-text);box-shadow:0 2px 10px var(--kel-accent-glow)}

/* Search */
.tk-search{position:relative;padding:12px 16px}
.tk-search>i{position:absolute;left:30px;top:50%;transform:translateY(-50%);font-size:13px;color:var(--text-label);transition:color .3s;pointer-events:none}
.tk-search input{
  width:100%;background:var(--bg-input);border:1px solid var(--border-card);
  border-radius:8px;padding:10px 80px 10px 38px;color:var(--text-main);
  font-size:13px;font-family:inherit;outline:none;
  transition:border-color .3s,box-shadow .3s,background-color .4s;
}
.tk-search input::placeholder{color:var(--text-label)}
.tk-search input:focus{border-color:var(--kel-accent);box-shadow:0 0 0 3px var(--kel-accent-glow)}
.tk-search input:focus~i{color:var(--kel-accent)}
.tk-count{
  position:absolute;right:28px;top:50%;transform:translateY(-50%);
  font-size:10.5px;font-weight:600;color:var(--text-label);background:var(--filter-bg);
  padding:3px 10px;border-radius:20px;transition:all .3s;
}

/* Table */
.tk-tbl-wrap{overflow:visible;padding:0 12px 14px}
.tk-table{width:100%;border-collapse:separate;border-spacing:0 3px}
.tk-table thead th{
  background:var(--tbl-th-bg);color:var(--tbl-th-text);font-size:11.5px;font-weight:700;
  text-transform:uppercase;letter-spacing:.7px;padding:12px 14px;border:none;
  white-space:nowrap;border-bottom:2px solid var(--tbl-th-border);transition:all .4s;
}
.tk-table thead th:first-child{border-radius:8px 0 0 0}
.tk-table thead th:last-child{border-radius:0 8px 0 0}
.tk-table thead th i{margin-right:5px;opacity:.8;font-size:10px}

.tk-table tbody tr.tk-row{background:var(--tbl-td-bg);transition:background .2s,box-shadow .2s}
.tk-table tbody tr.tk-row:hover{background:var(--tbl-target-row-bg);box-shadow:-3px 0 0 0 var(--kel-accent)}
.tk-table tbody tr.tk-row td{
  padding:10px 14px;border:none;vertical-align:middle;color:var(--tbl-text);
  font-size:13px;font-weight:500;transition:all .3s;
  box-shadow:var(--tbl-cell-shadow);
}
.tk-table tbody tr.tk-row td:first-child{border-radius:8px 0 0 8px}
.tk-table tbody tr.tk-row td:last-child{border-radius:0 8px 8px 0}

/* Market Button */
.tk-mkt{display:flex;flex-direction:column;gap:5px;min-width:165px}
.tk-btn{
  display:flex;align-items:center;gap:7px;width:100%;background:var(--btn-bg);
  color:var(--btn-text);border:none;border-radius:8px;padding:8px 10px;
  font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;
  transition:filter .2s,box-shadow .2s,transform .2s;
  box-shadow:var(--btn-shadow);white-space:nowrap;position:relative;overflow:hidden;
}
.tk-btn::after{
  content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;
  background:var(--shimmer);transition:left .5s;pointer-events:none;
}
.tk-btn:hover::after{left:130%}
.tk-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}
.tk-bi{
  width:24px;height:24px;display:flex;align-items:center;justify-content:center;
  background:var(--icon-bg);border-radius:5px;font-size:10px;flex-shrink:0;
  color:var(--btn-text);transition:background .3s;
}
.tk-btn>span{flex:1;text-align:left}
.tk-ar{font-size:9px;opacity:.7;transition:transform .3s}

/* Dropdown Menu — fixed di body */
.tk-ddm{
  position:fixed;display:none;z-index:999999;
  min-width:265px;max-height:75vh;overflow-y:auto;
  background:var(--bg-card);
  border:1px solid var(--border-card);
  border-radius:8px;padding:5px;
  opacity:0;transform:translateY(-8px);
  transition:opacity .2s,transform .22s cubic-bezier(.16,1,.3,1),
             background-color .4s,border-color .4s,box-shadow .4s;
  box-shadow:var(--shadow-card);
  backdrop-filter:var(--card-backdrop);
  -webkit-backdrop-filter:var(--card-backdrop);
}
.tk-ddm.tk-open{opacity:1;transform:translateY(0)}
.tk-ddm::-webkit-scrollbar{width:4px}
.tk-ddm::-webkit-scrollbar-track{background:transparent}
.tk-ddm::-webkit-scrollbar-thumb{background:rgba(128,128,128,.2);border-radius:4px}

.tk-di{
  display:flex;align-items:center;gap:9px;padding:9px 10px;color:var(--text-main);
  text-decoration:none!important;border-radius:5px;font-size:12px;font-weight:500;
  transition:background .15s,color .15s;
}
.tk-di:hover{background:var(--kel-dd-h);color:var(--kel-accent)}
.tk-di i{width:16px;text-align:center;color:var(--kel-accent);font-size:10.5px;flex-shrink:0;transition:color .3s}
.tk-di span{flex-shrink:0}
.tk-di small{margin-left:auto;color:var(--text-label);font-size:10px;white-space:nowrap;transition:color .3s}

/* Date & Time */
.tk-dt{font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;color:var(--tbl-text);transition:color .3s}
.tk-ld{font-size:11px;color:var(--text-label);margin-top:2px;transition:color .3s}
.tk-ld i{margin-right:3px;font-size:9px}
.tk-ts{font-size:10.5px;color:var(--text-label);text-align:center;padding:3px 6px;background:var(--info-bg);border-radius:4px;transition:all .3s}
.tk-ts i{margin-right:3px;font-size:8px}
.tk-ds{display:none;font-size:10.5px;color:var(--text-label);margin-top:6px;padding-top:6px;border-top:1px solid var(--tbl-td-border);text-align:center;transition:all .3s}
.tk-lib{color:var(--kel-libur)!important;font-weight:700}

/* Balls */
.tk-balls{display:flex;gap:5px;justify-content:center}
.tk-ball{
  position:relative;width:34px;height:34px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  font-family:'JetBrains Mono',monospace;font-size:15px;font-weight:700;
  color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);cursor:default;
  box-shadow:0 3px 8px rgba(0,0,0,.35),inset 0 -3px 6px rgba(0,0,0,.2),inset 0 1px 1px rgba(255,255,255,.15);
  animation:tk-pop .4s cubic-bezier(.34,1.56,.64,1) both;
  animation-delay:calc(var(--i,0)*50ms);
  transition:transform .2s,box-shadow .2s,background .3s;
}
.tk-ball:hover{transform:scale(1.18) translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.4),inset 0 -3px 6px rgba(0,0,0,.2),inset 0 1px 1px rgba(255,255,255,.2)}
.tk-sh{position:absolute;top:4px;left:7px;width:9px;height:6px;background:radial-gradient(ellipse,rgba(255,255,255,.5),transparent);border-radius:50%;pointer-events:none}
.tk-b--u{background:var(--kel-ball-u)}
.tk-b--o{background:var(--kel-ball-o)}
.tk-b--h{background:var(--kel-ball-h)}

@keyframes tk-pop{0%{opacity:0;transform:scale(.3) translateY(10px)}100%{opacity:1;transform:scale(1) translateY(0)}}
.tk-blink{animation:tk-pulse 1.2s ease-in-out infinite,tk-pop .4s cubic-bezier(.34,1.56,.64,1) both!important}
@keyframes tk-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.92)}}

.tk-hsm{display:table-cell}

/* Empty */
.tk-empty{text-align:center;padding:48px 20px;color:#94a3b8;background:#f0f4f8;border-radius:12px;border:1px solid #e2e8f0}
.tk-empty i{font-size:32px;display:block;margin-bottom:8px;opacity:.4}
.tk-empty p{margin:0;font-size:14px}

/* ================================================================
   RESPONSIVE
   ================================================================ */
@media(max-width:767px){
  .tk-wrap{border-radius:0;border-left:none;border-right:none}
  .tk-topbar{padding:10px 10px 0;gap:4px}
  .tk-legend{gap:6px}
  .tk-lgd{font-size:10px}
  .tk-lb{width:11px;height:11px}
  .tk-search{padding:10px 12px}
  .tk-search input{padding:9px 68px 9px 32px;font-size:12px}
  .tk-search>i{left:24px;font-size:12px}
  .tk-count{right:22px;font-size:9.5px}
  .tk-tbl-wrap{padding:0 8px 10px}
  .tk-table{border-spacing:0 2px}
  .tk-table thead th{font-size:10px;padding:9px 10px;letter-spacing:.4px}
  .tk-table thead th i{font-size:8px;margin-right:3px}
  .tk-table tbody tr.tk-row td{padding:8px 8px;font-size:12px}
  .tk-hsm{display:none!important}
  .tk-mkt{min-width:130px}
  .tk-btn{padding:6px 8px;font-size:12px;gap:5px}
  .tk-bi{width:20px;height:20px;font-size:9px}
  .tk-ar{font-size:8px}
  .tk-ddm{min-width:220px}
  .tk-di{padding:7px 8px;font-size:11px;gap:7px}
  .tk-di i{font-size:9.5px;width:14px}
  .tk-di small{font-size:9px}
  .tk-ball{width:28px;height:28px;font-size:13px}
  .tk-sh{top:3px;left:5px;width:7px;height:5px}
  .tk-balls{gap:4px}
  .tk-ds{display:block}
  .tk-ts{font-size:9.5px;padding:2px 5px}
}
@media(max-width:380px){
  .tk-ball{width:25px;height:25px;font-size:12px}
  .tk-balls{gap:3px}
  .tk-btn>span{font-size:11px}
  .tk-mkt{min-width:115px}
}

/* ================================================================
   PRINT
   ================================================================ */
@media print{
  .tk-search,.tk-topbar,.tk-ld,.tk-ts{display:none!important}
  .tk-wrap{background:#fff!important;border:1px solid #ccc!important;box-shadow:none!important;border-radius:0!important;backdrop-filter:none!important}
  .tk-table thead th{background:#333!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .tk-table tbody tr.tk-row{background:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .tk-ball{-webkit-print-color-adjust:exact;print-color-adjust:exact;animation:none!important}
  .tk-hsm{display:table-cell!important}
  .tk-ds{display:none!important}
}