/* Sodienthoai Core — Frontend styles
   Token và component copy CHÍNH XÁC từ bản thiết kế gốc (sodienthoai-full.html).
   Màu trạng thái (verified/caution/flagged) vẫn đọc được từ Cài đặt qua CSS variable
   ghi đè ở cuối (xem class-sdt-assets.php), nhưng giá trị mặc định bên dưới khớp 100% bản thiết kế. */

:root {
	--sdt-ink: #152238;
	--sdt-ink-soft: #5c667a;
	--sdt-ink-faint: #8b93a3;
	--sdt-bg: #f5f4f0;
	--sdt-panel: #ffffff;
	--sdt-line: #e6e4de;
	--sdt-forest: #1f6f60;
	--sdt-forest-deep: #144f44;
	--sdt-forest-tint: #e8f2ef;
	--sdt-gold: #b9832a;
	--sdt-amber: #b7791f;
	--sdt-amber-tint: #fdf3e0;
	--sdt-red: #a13d3d;
	--sdt-red-tint: #f7ebea;
	--sdt-radius: 14px;
}

.sdt-search-box { max-width: 480px; margin: 0 auto; font-family: 'Inter', system-ui, sans-serif; }
.sdt-search-form {
	display: flex; background: #fff; border-radius: 11px; overflow: hidden;
	box-shadow: 0 10px 30px rgba(21,34,56,0.08);
}
.sdt-search-input { flex: 1; border: none; outline: none; font-size: 16px; padding: 15px 16px; background: transparent; }
.sdt-search-btn { border: none; background: var(--sdt-forest); color: #fff; padding: 0 24px; font-weight: 600; font-size: 14.5px; cursor: pointer; }
.sdt-search-btn:hover { background: var(--sdt-forest-deep); }
.sdt-search-result { margin-top: 18px; text-align: left; }

.sdt-result-card { background: var(--sdt-panel); border: 1px solid var(--sdt-line); border-radius: var(--sdt-radius); padding: 26px; }
.sdt-result-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.sdt-result-phone { font-size: 23px; font-weight: 700; font-family: 'Source Serif 4', serif; margin: 0 0 3px; }
.sdt-result-sub { font-size: 13px; color: var(--sdt-ink-soft); margin: 0; }

/* Badge — HÌNH CHỮ NHẬT BO GÓC 8px, KHÔNG phải viên thuốc (pill). Đúng bản gốc: .badge.spam/.biz/.unknown */
.sdt-badge { padding: 6px 13px; border-radius: 8px; font-size: 13px; font-weight: 700; white-space: nowrap; display: inline-block; }
.sdt-badge-verified { background: var(--sdt-forest-tint); color: var(--sdt-forest-deep); }
.sdt-badge-caution  { background: var(--sdt-amber-tint); color: var(--sdt-amber); }
.sdt-badge-flagged  { background: var(--sdt-red-tint); color: var(--sdt-red); }
.sdt-badge-unknown  { background: var(--sdt-bg); color: var(--sdt-ink-soft); }

.sdt-report-cta { margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--sdt-line); font-size: 13px; }
.sdt-report-cta a, .sdt-report-cta button { color: var(--sdt-forest-deep); background: none; border: none; font-weight: 600; cursor: pointer; padding: 0; font-size: 13px; }
.sdt-report-reason { border: 1px solid var(--sdt-line); border-radius: 8px; padding: 8px 10px; font-size: 13px; margin-right: 8px; }

.sdt-report-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.sdt-section-title { font-size: 12.5px; font-weight: 700; color: var(--sdt-ink-soft); margin: 20px 0 10px; }
.sdt-tag { background: var(--sdt-red-tint); color: var(--sdt-red); font-size: 12.5px; padding: 5px 11px; border-radius: 7px; font-weight: 600; }
.sdt-biz-grid { display: grid; grid-template-columns: 100px 1fr; gap: 10px 14px; font-size: 13.5px; margin: 14px 0; }
.sdt-biz-grid .k { color: var(--sdt-ink-soft); }
.sdt-biz-name { font-size: 18px; font-weight: 700; margin-bottom: 2px; }
.sdt-biz-cat { font-size: 13px; color: var(--sdt-forest-deep); font-weight: 600; margin-bottom: 14px; }
.sdt-verified-line { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; color: var(--sdt-forest-deep); font-weight: 600; margin-top: 12px; }

/* Trang minh bạch: thang điểm — copy đúng .wizard-card / .field pattern của bản gốc */
.sdt-score-page { max-width: 780px; margin: 0 auto; font-family: 'Inter', system-ui, sans-serif; }
.sdt-state-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 36px; }
.sdt-state-card { background: var(--sdt-panel); border: 1px solid var(--sdt-line); border-radius: var(--sdt-radius); padding: 22px; }
.sdt-state-card p { font-size: 13px; color: var(--sdt-ink-soft); line-height: 1.6; margin-top: 14px; }

.sdt-factor-row { background: var(--sdt-panel); border: 1px solid var(--sdt-line); border-radius: 13px; padding: 18px 20px; margin-bottom: 10px; }
.sdt-factor-top { display: flex; justify-content: space-between; font-size: 14px; font-weight: 700; margin-bottom: 8px; }
.sdt-factor-track { height: 8px; background: var(--sdt-bg); border-radius: 6px; overflow: hidden; margin-bottom: 8px; }
.sdt-factor-fill { height: 100%; background: var(--sdt-forest); border-radius: 6px; }
.sdt-factor-row p { font-size: 13px; color: var(--sdt-ink-soft); margin: 0; }

/* Trang thống kê — copy đúng .kpi / .chart pattern của bản gốc (dashboard doanh nghiệp) */
.sdt-stats-page { max-width: 780px; margin: 0 auto; font-family: 'Inter', system-ui, sans-serif; }
.sdt-stats-loading { font-size: 13px; color: var(--sdt-ink-soft); text-align: center; padding: 40px 0; }
.sdt-kpi-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 26px; }
.sdt-kpi { background: var(--sdt-panel); border: 1px solid var(--sdt-line); border-radius: 13px; padding: 18px; }
.sdt-kpi .l { font-size: 12px; color: var(--sdt-ink-soft); margin-bottom: 8px; }
.sdt-kpi .n { font-size: 24px; font-weight: 700; font-family: 'Source Serif 4', serif; }

@media (max-width: 760px) {
	.sdt-state-grid, .sdt-kpi-row { grid-template-columns: 1fr; }
}

/* Widget nhúng cho website bên thứ ba */
.sdt-embed-widget { font-family: 'Inter', system-ui, sans-serif; border: 1px solid var(--sdt-line); border-radius: var(--sdt-radius); padding: 14px 16px; max-width: 360px; }