/* PTC Ngẫu Nhiên Plugin – ngaunhien.css */
#ptc-ngaunhien-wrap { font-family:'Segoe UI',Arial,sans-serif; max-width:880px; margin:0 auto; color:#222; }
.ptc-ngaunhien-title { color:#8b0000; border-bottom:2px solid #8b0000; padding-bottom:8px; margin-bottom:16px; font-size:1.4rem; margin-top: 30px}

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

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

/* Khấn / ritual block */
.nn-khau-block { background:#fff8f0; border:1px solid #e0c090; border-radius:8px; padding:14px 18px; margin-bottom:16px; }
.nn-khau-title { font-weight:bold; color:#8b0000; margin-bottom:8px; font-size:.95rem; }
.nn-khau-text  { font-size:.88rem; color:#333; line-height:1.9; font-style:italic; }
.nn-khau-steps { font-size:.85rem; color:#555; line-height:1.8; margin-top:8px; }
.nn-khau-steps li { margin-bottom:3px; }

/* Action */
.ptc-nn-actions { margin-top:16px; text-align:center; }
.ptc-nn-btn-primary { background:#8b0000; color:#fff; border:none; padding:12px 40px; border-radius:6px; font-size:1.05rem; cursor:pointer; transition:background .2s; font-weight:600; letter-spacing:.03em; }
.ptc-nn-btn-primary:hover { background:#5a0000; }
.ptc-nn-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-nn-btn-sec:hover { background:#333; }

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

/* Result wrapper */
#ptc-ngaunhien-chart-wrapper { background:#fff; padding:20px; border:2px solid #8b0000; border-radius:8px; }
.nn-result-inner { font-family:'Segoe UI',Arial,sans-serif; }
.nn-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 */
.nn-info-strip { display:flex; flex-wrap:wrap; gap:10px 20px; background:#fff8f0; border:1px solid #e0c090; border-radius:6px; padding:10px 16px; margin-bottom:18px; font-size:.85rem; }
.nn-info-item  { display:flex; flex-direction:column; }
.nn-lbl { color:#888; font-size:.73rem; }
.nn-val { font-weight:600; color:#333; }

/* Hai quẻ cạnh nhau */
.nn-que-row { display:flex; align-items:flex-start; gap:20px; justify-content:center; margin:16px 0; flex-wrap:wrap; }
.nn-arrow { font-size:2.2rem; color:#8b0000; align-self:center; }
.nn-que-block { text-align:center; min-width:150px; }
.nn-que-label { font-size:.72rem; color:#888; text-transform:uppercase; letter-spacing:.06em; margin-bottom:6px; font-weight:600; }
.nn-que-sym-wrap { display:inline-block; text-align:left; }
.nn-quai-name { font-size:.78rem; color:#8b0000; font-weight:600; margin:4px 0 2px; text-align:center; }
.nn-quai-sep { height:8px; border-top:1px dashed #c0a060; margin:4px 0; }
.nn-que-name { font-size:1rem; font-weight:bold; color:#8b0000; margin-top:10px; }
.nn-que-cn   { font-size:.78rem; color:#888; margin-top:2px; }
.nn-que-error { color:#c00; padding:20px; font-size:.9rem; }

/* Hào row */
.nn-hao-row { display:flex; align-items:center; gap:6px; margin:4px 0; }
.nn-hao-num { font-size:.72rem; color:#999; width:62px; text-align:right; flex-shrink:0; }
.nn-hao-sym { font-size:1rem; font-weight:bold; letter-spacing:2px; display:inline-block; min-width:90px; }
.nn-hao-duong { color:#c00; }
.nn-hao-am    { color:#1a56c4; }
.nn-hao-dong  { color:#e07800; }
.nn-dong-dot  { font-size:.75rem; color:#e07800; }

/* Bảng hào nhỏ */
.nn-lines-table-wrap { margin-bottom:14px; }
.nn-lines-table { border-collapse:collapse; width:100%; max-width:500px; margin:0 auto; font-size:.85rem; }
.nn-lines-table th { background:#8b0000; color:#fff; padding:6px 10px; text-align:center; }
.nn-lines-table td { border:1px solid #c0a060; padding:6px 10px; text-align:center; }
.nn-lines-table tr:nth-child(even) td { background:#fff8f0; }
.nn-tr-dong td { font-weight:600; background:#fff3e0 !important; }
.nn-val-6 { color:#1a56c4; } .nn-val-7 { color:#c00; }
.nn-val-8 { color:#1a56c4; } .nn-val-9 { color:#8b0000; font-weight:bold; }
.nn-tag-dong { background:#e07800; color:#fff; font-size:.72rem; padding:1px 6px; border-radius:3px; }
.nn-tag-tinh { color:#aaa; font-size:.78rem; }

/* Lời đoán */
.nn-loi-doan { background:#fff8f0; border:1px solid #e0c090; border-radius:6px; padding:14px 16px; margin-top:12px; }
.nn-loi-doan.nn-loi-bien { background:#f0f4ff; border-color:#a0b0e0; }
.nn-loi-title { font-weight:bold; color:#8b0000; margin-bottom:8px; font-size:.95rem; }
.nn-loi-bien .nn-loi-title { color:#1a56c4; }
.nn-judgment  { color:#333; line-height:1.75; font-size:.9rem; }
.nn-image     { color:#666; line-height:1.6; font-size:.85rem; margin-top:8px; }
.nn-hao-doan  { background:#fff3e0; border:1px solid #e07800; border-radius:6px; padding:12px 16px; margin-top:10px; }
.nn-hao-doan .nn-loi-title { color:#e07800; }
.nn-hao-line-text { color:#333; font-size:.88rem; line-height:1.65; margin-bottom:6px; padding-left:10px; border-left:3px solid #e07800; }

.nn-error { color:#c00; padding:12px; text-align:center; }

/* Responsive */
@media(max-width:600px) {
  .nn-que-row { gap:12px; }
  .nn-arrow { font-size:1.6rem; }
  .nn-hao-sym { font-size:.88rem; min-width:72px; letter-spacing:1px; }
  .nn-hao-num { width:52px; font-size:.68rem; }
  .nn-lines-table { font-size:.78rem; }
  .ptc-nn-row label:first-child { width:110px; }
}