/* PTC Lục Hào Plugin – luchao.css */
#ptc-luchao-wrap { font-family:'Segoe UI',Arial,sans-serif; max-width:960px; margin:0 auto; color:#222; }
.ptc-luchao-title { color:#8b0000; border-bottom:2px solid #8b0000; padding-bottom:8px; margin-bottom:16px; font-size:1.4rem; margin-top: 30px}

/* Tabs */
.ptc-lh-tab-header { display:flex; gap:4px; border-bottom:2px solid #8b0000; margin-bottom:14px; }
.ptc-lh-tab { padding:7px 18px; border:1px solid #ddd; border-bottom:none; background:#f5f5f5; cursor:pointer; border-radius:4px 4px 0 0; font-size:.9rem; transition:background .2s; }
.ptc-lh-tab.active,.ptc-lh-tab:hover { background:#8b0000; color:#fff; border-color:#8b0000; }
.ptc-lh-content { display:none; } .ptc-lh-content.active { display:block; }

/* Form rows */
.ptc-lh-row { display:flex; align-items:center; margin-bottom:10px; gap:8px; flex-wrap:wrap; }
.ptc-lh-row label:first-child { width:140px; font-weight:600; color:#555; flex-shrink:0; }
.ptc-lh-row select,.ptc-lh-row input[type="text"] { padding:6px 10px; border:1px solid #ccc; border-radius:4px; font-size:.9rem; }
.ptc-lh-inline-boxes { display:flex; gap:6px; align-items:center;}
.ptc-lh-inline-boxes select { min-width:75px; }
.ptc-lh-note { font-size:.8rem; color:#888; font-style:italic; }

/* ─── VÙNG GIEO XU ─── */
.lh-gieo-section { background:#fff8f0; border:1px solid #e0c090; border-radius:8px; padding:16px; margin-bottom:16px; }
.lh-gieo-title { font-weight:bold; color:#8b0000; font-size:1rem; margin-bottom:12px; }

/* Bảng 6 hào */
.lh-hao-table { width:100%; border-collapse:collapse; margin-bottom:12px; }
.lh-hao-table th { background:#8b0000; color:#fff; padding:6px 10px; font-size:.85rem; text-align:center; }
.lh-hao-table td { border:1px solid #e0c090; padding:7px 10px; text-align:center; font-size:.85rem; vertical-align:middle; }
.lh-hao-table tr:nth-child(even) td { background:#fff8f0; }
.lh-row-done td { background:#f0fff0 !important; }
.lh-row-current td { background:#fff3e0 !important; border-left:3px solid #e07800; }
.lh-row-dong td { font-weight:600; }
.lh-cell-pending { color:#bbb; }
.lh-dong-tag { background:#e07800; color:#fff; font-size:.7rem; padding:1px 5px; border-radius:3px; margin-left:4px; }

/* Coin display */
.lh-coin-display-wrap { min-height:80px; display:flex; align-items:center; justify-content:center; margin:10px 0; }
.lh-coin-hint { color:#888; font-style:italic; font-size:.9rem; }
.lh-coin-anim { display:flex; gap:12px; justify-content:center; margin-bottom:8px; }
.lh-coin { width:56px; height:56px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.1rem; font-weight:bold; border:3px solid; animation:coinFlip .4s ease-out; }
.lh-coin-nguya { background:#fff3cd; border-color:#c8860a; color:#8b5a00; }
.lh-coin-xap  { background:#e8f0ff; border-color:#1a56c4; color:#1a3060; }
@keyframes coinFlip {
  0%   { transform:rotateY(0deg) scale(0.5); opacity:0; }
  60%  { transform:rotateY(180deg) scale(1.1); }
  100% { transform:rotateY(360deg) scale(1); opacity:1; }
}
.lh-coin-sum { text-align:center; font-size:.9rem; color:#333; margin-top:6px; }

/* Coin result labels */
.lh-coin-result { padding:2px 8px; border-radius:4px; font-size:.82rem; font-weight:600; }
.lh-cr-6 { background:#e8f0ff; color:#1a56c4; } /* Lão Âm */
.lh-cr-7 { background:#fff0f0; color:#c00; }     /* Thiếu Dương */
.lh-cr-8 { background:#e8f0ff; color:#1a56c4; } /* Thiếu Âm */
.lh-cr-9 { background:#ffe8e8; color:#8b0000; } /* Lão Dương */

/* Buttons */
.lh-btn-wrap { display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin-top:10px; }
.lh-btn-gieo { background:#8b0000; color:#fff; border:none; padding:11px 32px; border-radius:6px; font-size:1rem; cursor:pointer; transition:background .2s; font-weight:600; }
.lh-btn-gieo:hover { background:#5a0000; }
.lh-btn-reset { background:#555; color:#fff; border:none; padding:11px 32px; border-radius:6px; font-size:1rem; cursor:pointer; transition:background .2s; }
.lh-btn-reset:hover { background:#333; }
.lh-btn-submit { background:#1a7a1a; color:#fff; border:none; padding:11px 32px; border-radius:6px; font-size:1rem; cursor:pointer; transition:background .2s; font-weight:600; }
.lh-btn-submit:hover { background:#155015; }
.ptc-lh-btn-sec { background:#555; color:#fff; border:none; padding:7px 16px; border-radius:5px; font-size:.85rem; cursor:pointer; margin-right:8px; transition:background .2s; }
.ptc-lh-btn-sec:hover { background:#333; }

/* Loading */
#ptc-luchao-loading { text-align:center; padding:30px; color:#8b0000; }
.ptc-lh-spinner { width:42px; height:42px; border:5px solid #f3f3f3; border-top:5px solid #8b0000; border-radius:50%; animation:lhSpin .8s linear infinite; margin:0 auto 10px; }
@keyframes lhSpin { to { transform:rotate(360deg); } }
.ptc-lh-result-actions { margin:12px 0; }

/* Result */
#ptc-luchao-chart-wrapper { background:#fff; padding:20px; border:2px solid #8b0000; border-radius:8px; }
.lh-result-inner { font-family:'Segoe UI',Arial,sans-serif; }
.lh-result-title { text-align:center; font-size:1.2rem; font-weight:bold; color:#8b0000; margin-bottom:14px; padding-bottom:8px; border-bottom:1px solid #e0c090; }

/* Info strip */
.lh-info-strip { display:flex; flex-wrap:wrap; gap:10px 20px; background:#fff8f0; border:1px solid #e0c090; border-radius:6px; padding:10px 16px; margin-bottom:16px; font-size:.85rem; }
.lh-info-item { display:flex; flex-direction:column; }
.lh-info-label { color:#888; font-size:.73rem; }
.lh-info-val { font-weight:600; color:#333; }

/* Bảng kết quả */
.lh-table-wrap { overflow-x:auto; margin-bottom:16px; }
.lh-table { border-collapse:collapse; width:100%; min-width:580px; }
.lh-table th { background:#8b0000; color:#fff; padding:7px 10px; text-align:center; font-size:.85rem; }
.lh-table td { border:1px solid #c0a060; padding:7px 10px; text-align:center; font-size:.83rem; vertical-align:middle; }
.lh-table tr:nth-child(even) td { background:#fff8f0; }
.lh-table tr:nth-child(odd) td { background:#fff; }
.lh-row-the td { background:#fff3cd !important; }
.lh-row-ung td { background:#e8f4ff !important; }
.lh-row-dong td { font-weight:600; }

/* Hào ký hiệu */
.lh-yang { color:#c00; font-weight:bold; font-size:1rem; letter-spacing:1px; }
.lh-yin  { color:#1a56c4; font-weight:bold; font-size:1rem; letter-spacing:1px; }
.lh-line-dong { color:#e07800; }

/* Badges */
.lh-badge-the { background:#c8860a; color:#fff; font-size:.65rem; padding:1px 4px; border-radius:3px; margin-left:3px; vertical-align:middle; }
.lh-badge-ung { background:#1a56c4; color:#fff; font-size:.65rem; padding:1px 4px; border-radius:3px; margin-left:3px; vertical-align:middle; }

/* Ngũ Hành màu */
.lh-hanh-Mộc { color:#1a7a1a; font-weight:600; }
.lh-hanh-Hỏa { color:#c00; font-weight:600; }
.lh-hanh-Thổ { color:#8a5a00; font-weight:600; }
.lh-hanh-Kim  { color:#c8860a; font-weight:600; }
.lh-hanh-Thủy { color:#1a56c4; font-weight:600; }

/* Lục Thân màu */
.lh-lt-PhụMẫu   { color:#8b0000; }
.lh-lt-TửTôn    { color:#1a7a1a; }
.lh-lt-ThêTài   { color:#c8860a; }
.lh-lt-QuanQuỷ  { color:#555; }
.lh-lt-HuynhĐệ  { color:#1a56c4; }

/* Loại hào */
.lh-loai-6 { color:#1a56c4; } /* Lão Âm */
.lh-loai-7 { color:#c00; }    /* Thiếu Dương */
.lh-loai-8 { color:#1a56c4; } /* Thiếu Âm */
.lh-loai-9 { color:#8b0000; font-weight:bold; } /* Lão Dương */

/* Quẻ biến */
.lh-bien-wrap { background:#f0f4ff; border:1px solid #a0b0e0; border-radius:6px; padding:12px 16px; margin-bottom:14px; }
.lh-bien-title { font-weight:bold; color:#1a56c4; margin-bottom:6px; font-size:.95rem; }
.lh-bien-desc { color:#333; font-size:.88rem; line-height:1.6; }

/* Lời đoán */
.lh-loi-doan { background:#fff8f0; border:1px solid #e0c090; border-radius:6px; padding:14px 16px; margin-top:12px; }
.lh-loi-title { font-weight:bold; color:#8b0000; margin-bottom:8px; font-size:.95rem; }
.lh-judgment { color:#333; line-height:1.7; font-size:.9rem; }
.lh-image { color:#555; line-height:1.6; font-size:.85rem; margin-top:8px; }

/* Hào động lời đoán */
.lh-hao-doan { background:#fff3e0; border:1px solid #e07800; border-radius:6px; padding:12px 16px; margin-top:10px; }
.lh-hao-doan .lh-loi-title { color:#e07800; }
.lh-hao-line-text { color:#333; font-size:.88rem; line-height:1.6; margin-bottom:6px; padding-left:10px; border-left:3px solid #e07800; }

.lh-error { color:#c00; padding:12px; }

/* Responsive */
@media(max-width:640px) {
  .lh-table { min-width:440px; font-size:.76rem; }
  .lh-yang,.lh-yin { font-size:.85rem; }
  .ptc-lh-row label:first-child { width:110px; }
  .lh-coin { width:44px; height:44px; font-size:.9rem; }
}