/* VLI Auto Toggle — nút Bật/Tắt tự động đánh (xem js/vli-auto-toggle.js) */

/* ---------- Desktop: nút AUTO nổi trên ô đánh Trái/Phải ---------- */
#vli-auto-fab{
  position:fixed;z-index:9000;left:-999px;top:-999px;
  display:inline-flex;align-items:center;gap:6px;
  height:30px;padding:0 10px 0 8px;
  font:700 12px/1 Tahoma,"Segoe UI",Arial,sans-serif;letter-spacing:.4px;
  color:#ffe6a0;cursor:pointer;user-select:none;white-space:nowrap;
  border:1px solid #c9a35a;border-radius:4px;
  background:linear-gradient(180deg,#4a3a1c,#1d160a);
  box-shadow:inset 0 1px #f2d48a55,0 2px 6px #000a;
  transition:filter .12s,transform .08s;
}
#vli-auto-fab[hidden]{display:none!important}
#vli-auto-fab:hover{filter:brightness(1.2)}
#vli-auto-fab:active{transform:translateY(1px)}
#vli-auto-fab .ico{font-style:normal;font-size:14px;width:16px;text-align:center}
#vli-auto-fab .st{min-width:28px;padding:3px 5px;border-radius:3px;text-align:center;font-size:11px}
#vli-auto-fab kbd{font:700 10px/1 Tahoma,Arial,sans-serif;color:#cdb98a;padding:2px 4px;border:1px solid #6d5a33;border-radius:3px;background:#0008}

#vli-auto-fab.on{border-color:#e7c46a}
#vli-auto-fab.on .st{background:#2f6b2a;color:#d9ffcf;box-shadow:inset 0 0 0 1px #6fd060}
#vli-auto-fab.on .ico{animation:vliAutoPulse 1.6s ease-in-out infinite}

#vli-auto-fab.off{border-color:#c0473c;background:linear-gradient(180deg,#4a1d18,#1d0b09);color:#ffd2c8}
#vli-auto-fab.off .st{background:#8d2a20;color:#fff;box-shadow:inset 0 0 0 1px #ff7a68}

@keyframes vliAutoPulse{0%,100%{opacity:1}50%{opacity:.55}}

/* ---------- Mobile ngang: nút tròn ⚔ chuyển đỏ khi tắt ---------- */
.vlm-util.auto.vli-off{
  border-color:#ff5a4a!important;
  background:radial-gradient(circle at 35% 35%,#6a1d16,#250806)!important;
  box-shadow:0 0 10px rgba(255,80,60,.55)!important;
}