/* dinh-gia.css — khối đề xuất dưới kết quả định giá.
 *
 * 🔴 Vì sao là FILE RIÊNG chứ không nằm trong site-themes.css: file đó chỉ được
 * nạp khi `Site::isMicro()` (site mẹ không nạp để bớt một request). Đặt CSS của
 * trang định giá vào đó thì trên SITE MẸ khối đề xuất không có CSS nào —
 * đã dính thật 02/09, chủ kho thấy ngay.
 * Nạp ngay trong view `appraisal/ai.php`, cùng cách `domain-check/index.php`
 * nạp `domain-check.css`.
 *
 * Dùng biến màu chung (--primary, --gold): site mẹ lấy từ :root của app.css,
 * site vệ tinh lấy từ bảng màu theme — nên một file chạy đúng ở cả hai nơi.
 */

.gy-chinh{margin-top:14px;border:2px solid var(--primary,#1E3A5F);background:var(--primary-50,#F5F8FC)}
.gy-nhan{display:inline-block;padding:4px 10px;border-radius:999px;
  background:var(--primary,#1E3A5F);color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.3px}
/* 🔴 KHÔNG dùng word-break:break-all cho tên miền — nó ngắt GIỮA TỪ
   ("HoSinh.c / om"). Tên miền không có khoảng trắng nên chỉ cho phép ngắt khi
   thật sự không còn cách nào, và ưu tiên co chữ trước. */
.gy-chinh-ten{margin:10px 0 2px;font-size:20px;font-weight:800;
  font-family:"JetBrains Mono",ui-monospace,monospace;color:var(--primary-700,#16293F);
  overflow-wrap:anywhere;word-break:normal;line-height:1.25}
.gy-chinh-gia{margin:0 0 8px;font-size:20px;font-weight:800;color:var(--gold,#B8862B);line-height:1.3}
.gy-chinh-mo{margin:0 0 14px;font-size:13.5px;color:#4B5563;line-height:1.6}
.gy-h3{margin:0 0 4px;font-size:16px;font-weight:800}
.gy-sub{margin:0 0 12px;font-size:13px;color:#6B7280;line-height:1.6}

/* Danh sách: tên MỘT dòng ở trên, giá + ngành xuống dòng dưới.
   Để tên và giá cùng hàng thì giá dài bóp tên đến mức phải ngắt giữa từ. */
.gy-ds{list-style:none;padding:0;margin:0}
.gy-ds li{border-bottom:1px solid #F1F3F5}
.gy-ds li:last-child{border-bottom:0}
.gy-ds a{display:flex;align-items:center;gap:10px;padding:9px 0;text-decoration:none;color:inherit}
.gy-ds img{border-radius:8px;object-fit:cover;flex-shrink:0;width:44px;height:44px}
.gy-body{flex:1;min-width:0}
.gy-body strong{display:block;font-size:14px;font-weight:700;line-height:1.3;
  overflow-wrap:anywhere;word-break:normal}
.gy-meta{display:block;margin-top:2px;font-size:12px;line-height:1.4}
.gy-meta b{font-weight:700;color:var(--gold,#B8862B)}
.gy-meta small{color:#9CA3AF}
.gy-meta small::before{content:" · ";color:#D1D5DB}

/* Hai lối đi phụ nằm chung một thẻ thay vì đẻ thêm hộp. */
.gy-cta2{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.gy-cta2 a{flex:1 1 190px;text-align:center;padding:11px 14px;border-radius:10px;
  border:1px solid var(--primary-300,#9DB4CE);color:var(--primary-700,#16293F);
  text-decoration:none;font-weight:700;font-size:13.5px}
.gy-cta2 a:hover{background:var(--primary-50,#F5F8FC)}
.gy-dv{margin-top:14px}

/* Cảnh báo + lối sang chuyên gia — một khối nhẹ thay cho hộp vàng to. */
.gy-luu{margin-top:14px;padding:13px 15px;border-left:3px solid var(--gold,#B8862B);
  background:#FFFBF2;border-radius:0 10px 10px 0}
.gy-luu p{margin:0 0 9px;font-size:12.5px;line-height:1.65;color:#6B5B3E}
.gy-luu a{display:inline-block;font-size:13px;font-weight:700;color:var(--primary,#1E3A5F);
  text-decoration:none;line-height:1.5}
.gy-luu a:hover{text-decoration:underline}

/* USD là đơn vị THAM CHIẾU — phải nhỏ hơn, nhạt hơn, mảnh hơn VND.
   Để hai con số cùng cỡ cùng đậm thì mắt không biết đọc cái nào trước. */
.gia-usd{font-size:.82em;font-weight:500;color:#9AA5A0;white-space:nowrap;margin-left:5px}
.gy-chinh-gia .gia-usd{font-size:.62em;font-weight:500;color:#A08A5E}
.gy-meta b .gia-usd{font-size:.9em;font-weight:500;color:#A9B3AE;margin-left:4px}

/* ===== KHAM_PHA_v1 — khối khám phá khi chưa tra gì (tiền tố `kp-`) ===== */
.kp-gan{margin-top:14px}
.kp-chip{display:flex;flex-wrap:wrap;gap:7px}
.kp-chip a{display:inline-flex;align-items:baseline;gap:6px;padding:7px 11px;border-radius:999px;
  border:1px solid var(--primary-100,#E7EDF5);background:var(--primary-50,#F5F8FC);
  text-decoration:none;color:var(--primary-700,#16293F)}
.kp-chip a:hover{border-color:var(--primary-300,#9DB4CE)}
.kp-chip a.co-kho{border-color:var(--primary-300,#9DB4CE)}
.kp-chip a b{font-size:13px;font-weight:700;font-family:"JetBrains Mono",ui-monospace,monospace}
.kp-chip a i{font-style:normal;font-size:11.5px;font-weight:500;color:#8C9AA6;white-space:nowrap}
.kp-chip a em{font-style:normal;font-size:10px;font-weight:700;letter-spacing:.3px;
  text-transform:uppercase;padding:2px 6px;border-radius:999px;
  background:var(--gold,#B8862B);color:#fff;white-space:nowrap}
.kp-dem{margin:12px 0 0;font-size:12px;line-height:1.6;color:#8C9AA6}
.kp-yt{display:grid;gap:9px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.kp-o{padding:12px 12px;border:1px solid #EEF1F4;border-radius:11px;background:#FBFCFD}
.kp-icon{display:block;font-size:19px;line-height:1;margin-bottom:6px}
.kp-o strong{display:block;font-size:13.5px;font-weight:700;margin-bottom:2px}
.kp-o small{display:block;font-size:12px;line-height:1.45;color:#8C9AA6}