/* PTC Mai Hoa Plugin – maihoa.css */
#ptc-maihoa-wrap { font-family:'Segoe UI',Arial,sans-serif; max-width:900px; margin:0 auto; color:#222; }
.ptc-maihoa-title { color:#8b0000; border-bottom:2px solid #8b0000; padding-bottom:8px; margin-bottom:16px; font-size:1.4rem; margin-top: 30px}

/* Tabs */
.ptc-mh-tab-header { display:flex; gap:4px; border-bottom:2px solid #8b0000; margin-bottom:14px; }
.ptc-mh-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-mh-tab.active,.ptc-mh-tab:hover { background:#8b0000; color:#fff; border-color:#8b0000; }
.ptc-mh-content { display:none; } .ptc-mh-content.active { display:block; }

/* Form */
.ptc-mh-row { display:flex; align-items:center; margin-bottom:10px; gap:8px; flex-wrap:wrap; }
.ptc-mh-row label:first-child { width:140px; font-weight:600; color:#555; flex-shrink:0; }
.ptc-mh-row input,.ptc-mh-row select,.ptc-mh-row textarea { padding:6px 10px; border:1px solid #ccc; border-radius:4px; font-size:.9rem; }
.ptc-mh-inline-boxes { display:flex; gap:6px; align-items:center;}
.ptc-mh-inline-boxes select { min-width:60px; padding:6px; }
.ptc-mh-actions { margin-top:16px; text-align:center; }
.ptc-mh-btn-primary { background:#8b0000; color:#fff; border:none; padding:10px 36px; border-radius:6px; font-size:1rem; cursor:pointer; transition:background .2s; }
.ptc-mh-btn-primary:hover { background:#5a0000; }
.ptc-mh-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-mh-btn-sec:hover { background:#333; }
.ptc-mh-note { font-size:.8rem; color:#888; font-style:italic; }
.ptc-mh-checkbox-label { display:flex; align-items:center; gap:6px; cursor:pointer; font-size:.9rem; color:#333; }
.ptc-mh-checkbox-label input[type="checkbox"] { width:auto; padding:0; margin:0; }

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

/* Result wrapper */
#ptc-maihoa-chart-wrapper { background:#fff; padding:20px; border:2px solid #8b0000; border-radius:8px; }

/* Result inner */
.mh-result-inner { font-family:'Segoe UI',Arial,sans-serif; }
.mh-result-title { text-align:center; font-size:1.2rem; font-weight:bold; color:#8b0000; margin-bottom:16px; padding-bottom:8px; border-bottom:1px solid #e0c090; }

/* Info strip */
.mh-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; }
.mh-info-item { display:flex; flex-direction:column; }
.mh-info-label { color:#888; font-size:.73rem; }
.mh-info-val { font-weight:600; color:#333; }

/* Quẻ hiển thị */
.mh-que-row { display:flex; align-items:flex-start; gap:20px; justify-content:center; margin:20px 0; flex-wrap:wrap; }
.mh-arrow { font-size:2rem; color:#8b0000; align-self:center; padding-top:30px; }
.mh-que-wrap { text-align:center; min-width:130px; }
.mh-que-label { font-size:.75rem; color:#888; text-transform:uppercase; letter-spacing:.05em; margin-bottom:6px; }
.mh-que-symbol { display:inline-block; }
.mh-quai-label { font-size:.78rem; color:#8b0000; font-weight:600; margin:4px 0 2px; }
.mh-quai-sep { height:6px; }

/* Hào */
.mh-hao { display:flex; align-items:center; gap:4px; margin:3px 0; height:14px; position:relative; }
.mh-hao-line { display:block; width:80px; height:8px; background:#333; border-radius:2px; }
.mh-hao-line-left,.mh-hao-line-right { display:block; width:35px; height:8px; background:#333; border-radius:2px; }
.mh-hao-gap { display:block; width:10px; }
.mh-hao-duong .mh-hao-line { background:#c00; }
.mh-hao-am .mh-hao-line-left,.mh-hao-am .mh-hao-line-right { background:#1a56c4; }
.mh-hao-dong .mh-hao-line,
.mh-hao-dong .mh-hao-line-left,
.mh-hao-dong .mh-hao-line-right { background:#e07800; }
.mh-dong-mark { font-size:.7rem; color:#e07800; margin-left:4px; line-height:1; }

.mh-que-name { font-size:1rem; font-weight:bold; color:#8b0000; margin-top:8px; }
.mh-que-cn { font-size:.8rem; color:#888; margin-top:2px; }

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

/* Hào động */
.mh-hao-doan { background:#fff3e0; border:1px solid #e07800; border-radius:6px; padding:12px 16px; margin-top:10px; }
.mh-hao-doan .mh-loi-title { color:#e07800; }

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

.ptc-mh-content :is(button, fieldset, input, select, textarea) {
    margin-bottom: 0 !important;
}

/* Responsive */
@media(max-width:600px) {
  .mh-que-row { gap:12px; }
  .mh-arrow { font-size:1.5rem; padding-top:20px; }
  .mh-hao-line { width:60px; }
  .mh-hao-line-left,.mh-hao-line-right { width:25px; }
  .mh-info-strip { font-size:.78rem; }
  .ptc-mh-row label:first-child { width:120px; }
}