/* ==============================================
   SMART PAITO AI v4.1 — MERGED CSS
   Base: original compact table + new AI panels
   ============================================== */

/* --- RESET & BASE --- */
div.wlabotai-wrap{margin:0!important}
.wlabotai-wrap{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;max-width:920px;margin:4px;padding:4px}
.wlabotai-wrap *{box-sizing:border-box}

/* ============================================
   THEME: GOLD (default — original vars)
   ============================================ */
.wlabotai-wrap.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);
  --text-title:linear-gradient(90deg,#947923,#fff,#ad9239);--text-title-fb:#ad9239;
  --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 vars — gold */
  --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
}

/* ============================================
   THEME: LIGHT (original vars)
   ============================================ */
.wlabotai-wrap.theme-light{
  --bg-card:rgba(255,255,255,.88);--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);
  --text-title:linear-gradient(90deg,#991b1b,#dc2626,#991b1b);--text-title-fb:#991b1b;
  --info-bg:rgba(254,243,199,.6);--info-border:#eab308;--info-text:#854d0e;
  --filter-bg:#f1f5f9;
  --tbl-scroll-bg:#fff;--tbl-bg:#fff;--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:#f5f5f5;--tbl-th-text:#374151;
  --tbl-th-border:#e5e7eb;--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
}

/* ============================================
   THEME: CYBER (new dark-blue)
   ============================================ */
.wlabotai-wrap.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);
  --text-title:linear-gradient(90deg,#4a8ab5,#fff,#6ac0ff);--text-title-fb:#6ac0ff;
  --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,140,220,.2);--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
}

/* ============================================
   HEADER
   ============================================ */
.wlabot-header-card{background:var(--bg-card);backdrop-filter:var(--card-backdrop);-webkit-backdrop-filter:var(--card-backdrop);border-radius:24px;border:1px solid var(--border-card);box-shadow:var(--shadow-card);padding:22px 10px 18px;margin-bottom:12px;position:relative;overflow:hidden}
.wlabot-shimmer-top{position:absolute;top:0;left:0;right:0;height:5px;background:var(--shimmer);background-size:200% 100%;animation:wlaShimmer 3s linear infinite}
.wlabot-shimmer-bot{position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--shimmer);opacity:.9;background-size:200% 100%;animation:wlaShimmer 3s linear infinite}
@keyframes wlaShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
.wlabot-icon-box{background:var(--icon-bg);border-radius:12px;padding:8px 6px;font-size:30px;line-height:1}
.wlabot-title-text{color:var(--text-title-fb);background:var(--text-title);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:18px;font-weight:900;letter-spacing:2px;text-transform:uppercase}
.wlabot-subtitle{color:var(--text-label);font-size:12px;font-weight:600;letter-spacing:1px;opacity:.8}

/* ============================================
   FORM CONTROLS
   ============================================ */
.wlabot-select{background-color:var(--bg-input-wrap);color:var(--text-main);border:1px solid var(--border-card);border-radius:4px;padding:6px 22px 6px 6px;font-size:10px;font-weight:800;outline:none;appearance:none;-webkit-appearance:none;cursor:pointer;transition:all .3s;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\' fill=\'none\' stroke=\'%2364748b\' stroke-width=\'2.5\' stroke-linecap=\'round\' stroke-linejoin=\'round\'%3e%3cpolyline points=\'6 9 12 15 18 9\'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 6px center;background-size:10px;height:30px;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.wlabot-input-wrap{display:flex;align-items:center;gap:4px;background-color:var(--bg-input-wrap);border:1px solid var(--border-card);border-radius:4px;padding:0 4px 0 6px;height:30px;width:100%;overflow:hidden}
.wlabot-input-wrap:focus-within{border-color:var(--cb-checked-bg)}
.wlabot-input-label{color:var(--text-label);font-size:8px;font-weight:800;letter-spacing:.5px;flex-shrink:0}
.theme-gold .wlabot-input-plain{background-color:#0d0d0d;border-radius:4px}
.wlabot-input-plain{background-color:transparent;color:var(--text-main);border:none;font-size:10px;font-weight:900;outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\' fill=\'none\' stroke=\'%2364748b\' stroke-width=\'3\' stroke-linecap=\'round\' stroke-linejoin=\'round\'%3e%3cpolyline points=\'6 9 12 15 18 9\'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 4px center;background-size:10px;width:100%;padding:6px 18px 6px 2px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.wlabot-apply-btn{background:var(--btn-bg);color:var(--btn-text);font-weight:900;font-size:10px;padding:0 12px;height:30px;border:none;border-radius:4px;cursor:pointer;box-shadow:var(--btn-shadow);transition:all .3s;white-space:nowrap;letter-spacing:1px;text-transform:uppercase;display:flex;align-items:center;justify-content:center}
.wlabot-apply-btn:hover{transform:translateY(-1px);filter:brightness(1.1)}
.wlabot-info-box{margin-top:14px;padding:10px 16px;background:var(--info-bg);border-radius:12px;border-left:4px solid var(--info-border);font-size:13px;font-weight:600;color:var(--info-text)}

/* Theme switch */
.wlabot-theme-switch{display:inline-flex;align-items:center;background:var(--bg-input-wrap);border:1px solid var(--border-card);border-radius:20px;padding:3px;cursor:pointer;margin-left:auto}
.theme-btn{padding:4px 10px;border-radius:16px;font-size:10px;font-weight:700;color:var(--text-label);transition:all .2s;user-select:none}
.theme-btn.active{background:var(--btn-bg);color:var(--btn-text)}

/* ============================================
   TABLE — COMPACT (original sizing)
   ============================================ */
.wlabotai-table-scroll{padding:4px;width:100%;background:var(--tbl-scroll-bg)!important;border-radius:6px;box-shadow:0 8px 30px rgba(0,0,0,.1);overflow-x:auto;border:1px solid var(--border-card);-webkit-overflow-scrolling:touch}
.wlabotai-tbl{min-width:400px;border-collapse:collapse;width:100%;table-layout:auto;background:var(--tbl-bg)}
.wlabotai-tbl th{background:var(--tbl-th-bg);color:var(--tbl-th-text);font-weight:800;padding:2px 0;text-align:center;border:1px solid var(--tbl-td-border);white-space:nowrap;font-size:10px;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:1px}
.wlabotai-tbl td{padding:2px;text-align:center;border:1px solid var(--tbl-td-border);color:var(--tbl-text);font-size:11px;background:var(--tbl-td-bg);overflow:hidden;line-height:1.5;font-weight:700}
.wlabotai-tbl td.wlabotai-pos-4{background:var(--tbl-jml-bg);color:var(--tbl-pos4-text)!important;font-weight:600}
.wlabotai-tbl tr:nth-last-child(5n+1) td{background:var(--tbl-day-sep-bg)}
.wlabotai-tbl tr:nth-last-child(5n+1) td.wlabotai-pos-4{background:var(--tbl-jml-alt-bg);color:var(--tbl-pos4-text)!important}
.wlabotai-tbl tr.wlabotai-target td{background:var(--tbl-day-sep-bg)}
.wlabotai-tbl td.wlabotai-day-sep{border-right:1px solid var(--tbl-day-sep-border)!important;font-size:8px!important;color:var(--tbl-day-sep-text);background:var(--tbl-day-sep-bg)}

/* Position colors */
.wlabotai-pos-0{color:#b55008}.wlabotai-pos-1{color:#3b82f6}.wlabotai-pos-2{color:#e91111}.wlabotai-pos-3{color:#069519}.wlabotai-pos-4{color:#a855f7;font-weight:700}

/* Cell highlights */
.wlabotai-cell-pred,.wlabotai-cell-colored,.wlabotai-cell-penguat{font-weight:600!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)!important;color:#fff!important;outline:0 solid rgba(255,255,255,.3);outline-offset:-1px;position:relative!important;z-index:1!important}
.wlabotai-cell-pred{animation:wlaPredPulse 1.5s ease-in-out infinite}
@keyframes wlaPredPulse{0%,100%{box-shadow:inset 0 0 0 1px rgba(255,255,255,.3),0 0 6px rgba(0,180,255,.2)}50%{box-shadow:inset 0 0 0 1px rgba(255,255,255,.4),0 0 12px rgba(0,180,255,.4)}}

/* SVG & container */
.wlabotai-matrix-container{position:relative;margin-top:12px}
.wlabotai-svg-canvas{position:absolute!important;top:0;left:0;width:100%!important;height:100%!important;pointer-events:none;z-index:0!important;overflow:visible!important}
.wlabotai-wrap[data-hide-lines="1"] .wlabotai-svg-canvas{display:none!important}

/* ============================================
   FILTER BAR & CONTROLS
   ============================================ */
.wlabot-pos-toggle{display:flex;align-items:center;gap:4px;cursor:pointer;font-size:11px;font-weight:700;color:var(--cb-text);margin-top:8px}
.wlabot-pos-toggle input{appearance:none;width:14px;height:14px;border:1px solid var(--cb-border);border-radius:50%;background:var(--cb-bg);cursor:pointer;position:relative;flex-shrink:0}
.wlabot-pos-toggle input:checked{background:var(--cb-checked-bg);border-color:var(--cb-checked-border)}
.wlabot-pos-toggle input:checked::after{content:"";position:absolute;width:6px;height:6px;background:#fff;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}
.wlabot-filter-bar{margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding:8px 18px;background:var(--bg-card);border-radius:30px;border:1px solid var(--border-card);width:100%}
.wlabot-download-btn{background:var(--btn-bg);border:none;color:var(--btn-text);cursor:pointer;display:flex;align-items:center;gap:6px;font-weight:900;font-family:inherit;padding:10px 24px;border-radius:30px;box-shadow:var(--btn-shadow);transition:all .2s;font-size:11px;letter-spacing:1px}
.wlabot-download-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}

/* ============================================
   RESULT CARD (pattern list)
   ============================================ */
.wlabot-result-card{background:var(--result-bg);backdrop-filter:var(--card-backdrop);border-radius:24px;border:1px solid var(--border-card);box-shadow:var(--shadow-card);overflow:hidden;margin-bottom:12px}
.wlabot-pat-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;margin-bottom:6px;background:var(--bg-input-wrap);border:1px solid var(--border-card);border-radius:8px;transition:all .3s;cursor:default}
.wlabot-pat-row:hover{background:var(--filter-bg)}
.wlabot-pat-row.active-pat{border-color:var(--cb-checked-bg);box-shadow:0 0 0 2px var(--cb-checked-bg)}
.wlabot-pat-num{display:inline-flex;align-items:center;justify-content:center;margin:0 2px;min-width:24px;padding:3px 6px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:6px;font-weight:900;font-size:16px}
.wlabot-pat-day{font-size:9px;font-weight:800;color:var(--text-label);margin-left:8px;letter-spacing:.5px}
.wlabot-pat-info{font-size:9px;color:var(--text-label);opacity:.8;margin-left:6px}
.wlabot-tarik-btn{background:var(--btn-bg);color:var(--btn-text);border:none;padding:5px 14px;border-radius:6px;font-size:10px;font-weight:800;cursor:pointer;transition:all .2s;letter-spacing:.5px;white-space:nowrap}
.wlabot-tarik-btn:hover{transform:translateY(-1px);box-shadow:var(--btn-shadow)}

/* ============================================
   FOOTER
   ============================================ */
.wlabot-footer-box{margin-top:24px;padding:18px 20px;background:var(--bg-input-wrap);border:1px solid var(--border-card);border-radius:16px;display:flex;align-items:flex-start;gap:14px}
.wlabot-footer-icon{flex-shrink:0;padding:4px 8px;border-radius:10px;background:var(--btn-bg);display:flex;align-items:center;justify-content:center;color:var(--btn-text);font-size:30px}
.wlabot-footer-text{font-size:11px;line-height:1.6;color:var(--text-label);font-weight:600;text-align:left}

/* ============================================
   ★ AI NUMBER PANEL
   ============================================ */
.wla-ai-panel{background:var(--bg-card);border:1px solid var(--ai-panel-border);border-radius:16px;padding:16px 14px;margin-bottom:12px;position:relative;overflow:hidden;}
.wla-ai-panel::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--shimmer);background-size:200% 100%;animation:wlaShimmer 3s linear infinite}
.wla-ai-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.wla-ai-badge{background:var(--ai-badge-bg);color:var(--ai-badge-text);font-size:9px;font-weight:900;padding:4px 12px;border-radius:20px;letter-spacing:1px;text-transform:uppercase;box-shadow:0 0 12px rgba(0,0,0,.15)}
.wla-ai-title{font-size:14px;font-weight:900;color:var(--text-main);letter-spacing:.5px}
.wla-ai-digits-row{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-bottom:12px}
.wla-ai-digit-box{width:48px;height:56px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1.5px solid var(--ai-panel-border);background:rgba(0,0,0,.15);position:relative;transition:all .3s;animation:wlaDigitIn .5s ease-out both}
.wla-ai-digit-box:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,.2);border-color:var(--ai-highlight)}
.wla-ai-digit-box.cross{border-color:var(--ai-digit-cross-border);background:var(--ai-digit-cross-bg);box-shadow:0 0 10px rgba(0,0,0,.1)}
.wla-ai-digit-box.cross::after{content:"\\2726";position:absolute;top:3px;right:5px;font-size:8px;color:var(--ai-digit-cross-text)}
.wla-ai-digit-val{font-size:24px;font-weight:900;line-height:1;font-family:"Courier New",monospace;color:var(--ai-digit-text)}
.wla-ai-digit-box.cross .wla-ai-digit-val{color:var(--ai-digit-cross-text)}
.wla-ai-digit-freq{font-size:8px;color:var(--text-label);font-weight:700;margin-top:2px}
@keyframes wlaDigitIn{from{opacity:0;transform:translateY(10px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}
.wla-ai-meta{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.wla-ai-conf-wrap{display:flex;align-items:center;gap:6px}
.wla-ai-conf-label{font-size:9px;color:var(--text-label);font-weight:700}
.wla-ai-conf-bar{width:100px;height:7px;background:rgba(255,255,255,.06);border-radius:4px;overflow:hidden}
.wla-ai-conf-fill{height:100%;border-radius:4px;background:var(--ai-conf-fill);transition:width 1s ease}
.wla-ai-conf-pct{font-size:12px;font-weight:900;color:var(--ai-conf-pct);min-width:32px;text-align:right}
.wla-ai-source{font-size:9px;color:var(--text-label)}
.wla-ai-legend{display:flex;align-items:center;gap:5px;font-size:8px;color:var(--text-label);margin-top:8px;justify-content:center}
.wla-ai-legend-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--ai-highlight2);box-shadow:0 0 5px rgba(0,0,0,.2)}
.wla-pos-ai-row{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.04)}
.wla-pos-ai-item{display:flex;align-items:center;gap:4px;background:rgba(0,0,0,.15);border-radius:6px;padding:3px 8px}
.wla-pos-ai-lbl{font-size:9px;font-weight:900;letter-spacing:.5px}
.wla-pos-ai-val{font-size:15px;font-weight:900;font-family:"Courier New",monospace}
.wla-pos-ai-pct{font-size:8px;color:var(--text-label)}

/* ============================================
   ★ STATISTIK DIGIT PANEL
   ============================================ */
.wla-stats-panel{background:var(--bg-card);backdrop-filter:var(--card-backdrop);border:1px solid var(--border-card);border-radius:16px;padding:14px;margin-bottom:12px;box-shadow:var(--shadow-card)}
.wla-stats-title{font-size:12px;font-weight:900;color:var(--text-main);margin-bottom:10px;display:flex;align-items:center;gap:6px}
.wla-stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
.wla-stat-cell{display:flex;flex-direction:column;align-items:center;padding:5px 2px;border-radius:6px;background:rgba(0,0,0,.12);border:1px solid transparent;transition:all .2s}
.wla-stat-cell.hot{border-color:var(--stat-hot-border);background:var(--stat-hot-bg)}
.wla-stat-cell.cold{border-color:var(--stat-cold-border);background:var(--stat-cold-bg)}
.wla-stat-cell.ai-pick{border-color:var(--stat-ai-border);background:var(--stat-ai-bg)}
.wla-stat-digit{font-size:14px;font-weight:900;font-family:"Courier New",monospace;color:var(--text-main)}
.wla-stat-bar-wrap{width:100%;height:3px;background:rgba(255,255,255,.05);border-radius:2px;margin:3px 0;overflow:hidden}
.wla-stat-bar{height:100%;border-radius:2px;background:var(--ai-conf-fill);transition:width .6s ease}
.wla-stat-cell.hot .wla-stat-bar{background:linear-gradient(90deg,#ef4444,#f97316)}
.wla-stat-cell.cold .wla-stat-bar{background:#3b82f6}
.wla-stat-info{font-size:7px;color:var(--text-label);font-weight:600;text-align:center;line-height:1.3}
.wla-stat-tag{font-size:6px;font-weight:900;padding:1px 4px;border-radius:3px;letter-spacing:.3px;margin-top:1px;display:inline-block}
.wla-stat-tag.hot-tag{background:var(--hot-tag-bg);color:var(--hot-tag-text)}
.wla-stat-tag.cold-tag{background:var(--cold-tag-bg);color:var(--cold-tag-text)}
.wla-stat-tag.ai-tag{background:var(--ai-tag-bg);color:var(--ai-tag-text)}

/* ============================================
   ★ PAIR ANALYSIS PANEL
   ============================================ */
.wla-pair-panel{background:var(--bg-card);backdrop-filter:var(--card-backdrop);border:1px solid var(--border-card);border-radius:16px;padding:14px;margin-bottom:12px;box-shadow:var(--shadow-card)}
.wla-pair-title{font-size:12px;font-weight:900;color:var(--text-main);margin-bottom:8px;display:flex;align-items:center;gap:6px}
.wla-pair-row{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;margin-bottom:2px;background:rgba(0,0,0,.08)}
.wla-pair-rank{font-size:9px;font-weight:900;color:var(--text-label);width:16px;text-align:center}
.wla-pair-num{font-size:14px;font-weight:900;font-family:"Courier New",monospace;color:var(--pair-num);min-width:28px}
.wla-pair-bar-wrap{flex:1;height:5px;background:rgba(255,255,255,.04);border-radius:3px;overflow:hidden}
.wla-pair-bar{height:100%;border-radius:3px;background:var(--pair-bar);transition:width .6s ease}
.wla-pair-cnt{font-size:9px;font-weight:800;color:var(--text-label);min-width:20px;text-align:right}

/* ============================================
   ★ SMART SUMMARY PANEL
   ============================================ */
.wla-summary-panel{background:var(--bg-card);backdrop-filter:var(--card-backdrop);border:1px solid var(--border-card);border-radius:16px;padding:14px;margin-bottom:12px;box-shadow:var(--shadow-card)}
.wla-summary-title{font-size:12px;font-weight:900;color:var(--text-main);margin-bottom:8px;display:flex;align-items:center;gap:6px}
.wla-summary-text{font-size:10px;color:var(--text-label);line-height:1.7}
.wla-summary-text strong{color:var(--summary-strong);font-weight:800}
.wla-summary-text em{color:var(--summary-em);font-style:normal;font-weight:700}
.wla-summary-disclaimer{font-size:8px;color:var(--text-label);margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.04);font-style:italic;opacity:.7}

/* ============================================
   HOT / CONSENSUS TAGS (inside pattern list)
   ============================================ */
.wla-hot-tag{font-size:7px;font-weight:900;color:#fff;background:#16a34a;border-radius:3px;padding:1px 5px;letter-spacing:.3px}
.wla-consensus-tag{font-size:7px;font-weight:900;color:var(--consensus-text);background:var(--consensus-bg);border:1px solid var(--consensus-border);border-radius:3px;padding:1px 5px}
.wla-method-tag{font-size:7px;font-weight:900;color:#fff;border-radius:3px;padding:1px 5px;letter-spacing:.3px}

/* ============================================
   RESPONSIVE — MOBILE FIRST
   ============================================ */
@media(max-width:768px){
  .wlabotai-tbl{min-width:200px}
  .wlabotai-tbl th{font-size:7px}
  .wlabotai-tbl td{font-size:8px;padding:1px;line-height:1}
  .wlabotai-table-scroll{margin:0;padding:2px}
  .wlabot-filter-bar{gap:8px;margin-top:10px;padding:6px 12px;border-radius:20px}
  .wlabotai-wrap{margin:0!important}
  /* AI panels compact */
  .wla-ai-digit-box{width:38px;height:46px}
  .wla-ai-digit-val{font-size:18px}
  .wla-ai-digit-freq{font-size:7px}
  .wla-ai-title{font-size:12px}
  .wla-ai-badge{font-size:8px;padding:3px 8px}
  .wla-ai-conf-bar{width:70px;height:5px}
  .wla-ai-conf-pct{font-size:10px}
  .wla-ai-source{font-size:8px}
  .wla-stats-grid{gap:3px}
  .wla-stat-digit{font-size:12px}
  .wla-stat-info{font-size:6px}
  .wla-pair-num{font-size:12px}
  .wla-pos-ai-val{font-size:13px}
  .wla-pos-ai-item{padding:2px 6px}
  .wla-summary-text{font-size:9px}
  .wla-pat-num{font-size:13px;min-width:20px;padding:2px 4px}
  .blog-view, .single-view{padding:12px 4px}
}
@media(max-width:520px){
  .wlabot-theme-switch{order:10;margin:8px auto 0}
  .wla-ai-digits-row{gap:4px}
  .wla-ai-digit-box{width:34px;height:42px;border-radius:8px}
  .wla-ai-digit-val{font-size:16px}
  .wla-ai-meta{gap:8px}
  .wla-ai-conf-bar{width:55px}
  .wla-pos-ai-row{gap:4px}
  .wla-pos-ai-item{padding:2px 5px;gap:3px}
  .wla-pos-ai-val{font-size:12px}
  .wla-pos-ai-lbl{font-size:8px}
  .wla-stats-grid{grid-template-columns:repeat(5,1fr);gap:2px}
  .wla-stat-cell{padding:4px 1px;border-radius:4px}
  .wla-stat-digit{font-size:11px}
  .wla-stat-bar-wrap{height:2px;margin:2px 0}
  .wla-stat-info{font-size:6px}
  .wla-stat-tag{font-size:5px;padding:0 3px}
  .wla-pair-row{padding:3px 6px;gap:4px}
  .wla-pair-rank{font-size:8px;width:14px}
  .wla-pair-num{font-size:11px;min-width:22px}
  .wla-pair-cnt{font-size:8px;min-width:16px}
  .wla-summary-text{font-size:8px;line-height:1.5}
}
@media(max-width:480px){
  .wlabot-download-btn{font-size:10px!important;padding:8px 10px!important}
  .wlabot-download-btn svg{width:12px!important;height:12px!important}
  .wla-ai-digit-box{width:30px;height:38px}
  .wla-ai-digit-val{font-size:14px}
  .wla-ai-digit-freq{font-size:6px}
  .wla-ai-badge{font-size:7px;padding:2px 6px}
  .wla-ai-title{font-size:11px}
  .wla-pos-ai-val{font-size:11px}
  .wla-pat-num{font-size:11px;min-width:18px;padding:1px 3px}
  .wlabot-pat-row{padding:6px 8px}
  .wla-pat-day{font-size:8px;margin-left:4px}
  .wla-pat-info{font-size:8px;margin-left:3px}
  .wla-hot-tag,.wla-consensus-tag,.wla-method-tag{font-size:6px;padding:0 3px}
}