/*
 * Design tokens sao chép từ sodienthoai-prototype.html để giữ nhất quán màu
 * sắc/typography. Nếu theme active cũng định nghĩa lại các biến --ink/--forest...
 * thì không sao — cùng giá trị, không xung đột.
 */
:root{
  --ink:#152238; --ink-soft:#5c667a; --ink-faint:#8b93a3;
  --bg:#f5f4f0; --panel:#ffffff; --line:#e6e4de;
  --forest:#1f6f60; --forest-deep:#144f44; --forest-tint:#e8f2ef;
  --amber:#b7791f; --amber-tint:#fdf3e0;
  --red:#a13d3d; --red-tint:#f7ebea;
}

.sdt-search-form{max-width:480px;margin:0 auto;}
.sdt-search-row{display:flex;background:#fff;border-radius:11px;box-shadow:0 10px 30px rgba(21,34,56,.08);overflow:hidden;}
.sdt-search-input{flex:1;border:none;padding:15px 16px;font-size:16px;outline:none;font-family:inherit;}
.sdt-search-btn{border:none;background:var(--forest);color:#fff;padding:0 24px;font-weight:600;font-size:14.5px;cursor:pointer;}
.sdt-search-btn:hover{background:var(--forest-deep);}
.cf-turnstile{margin:14px auto 0;display:flex;justify-content:center;}
.sdt-stat-row{display:flex;justify-content:center;gap:44px;margin-top:38px;flex-wrap:wrap;}
.sdt-stat{text-align:center;}
.sdt-stat .n{font-size:26px;font-weight:700;font-family:'Source Serif 4',serif;}
.sdt-stat .l{font-size:12.5px;color:var(--ink-soft);margin-top:2px;}

.result-head{padding:30px 0 6px;max-width:640px;}
.breadcrumb{font-size:12.5px;color:var(--ink-faint);margin-bottom:16px;display:flex;align-items:center;flex-wrap:wrap;}
.breadcrumb a{color:var(--ink-faint);text-decoration:none;}
.breadcrumb a:hover{color:var(--forest-deep);text-decoration:underline;}
.breadcrumb .sep{margin:0 7px;color:var(--line);}
.breadcrumb .current{color:var(--ink-soft);font-weight:600;}
.mini-search{display:flex;max-width:440px;margin:0 0 22px;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;}
.mini-search input{flex:1;border:none;padding:11px 14px;font-size:13.5px;outline:none;font-family:inherit;}
.mini-search button{border:none;background:var(--ink);color:#fff;padding:0 18px;font-weight:600;font-size:13px;cursor:pointer;}
.mini-search button:hover{background:var(--forest-deep);}

.result-card{max-width:640px;margin-bottom:60px;}
.hero-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:26px;}
.result-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;}
.fresh{font-size:12px;color:var(--ink-faint);}
.num-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;}
.num{font-size:23px;font-weight:700;font-family:'Source Serif 4',Georgia,serif;margin:0;}
.carrier{font-size:13px;color:var(--ink-soft);margin-top:3px;}
.badge{padding:6px 13px;border-radius:8px;font-size:13px;font-weight:700;white-space:nowrap;}
.badge.spam{background:var(--red-tint);color:var(--red);}
.badge.biz{background:var(--forest-tint);color:var(--forest-deep);}
.badge.unknown{background:var(--amber-tint);color:var(--amber);}
.section-title{font-size:12.5px;font-weight:700;color:var(--ink-soft);margin:20px 0 10px;letter-spacing:.02em;text-transform:uppercase;}
.report-tags{display:flex;flex-wrap:wrap;gap:8px;}
.tag{background:var(--red-tint);color:var(--red);font-size:12.5px;padding:5px 11px;border-radius:7px;font-weight:600;}
.report-count{font-size:13px;color:var(--ink-soft);margin-top:10px;}
.reason-bar-row{display:flex;align-items:center;gap:10px;margin-bottom:9px;font-size:12.5px;}
.reason-bar-row .lbl{width:150px;flex-shrink:0;color:var(--ink-soft);}
.reason-bar-row .track{flex:1;height:6px;background:var(--bg);border-radius:4px;overflow:hidden;}
.reason-bar-row .fill{height:100%;background:var(--red);border-radius:4px;}
.reason-bar-row .pct{width:32px;text-align:right;font-weight:700;color:var(--ink);flex-shrink:0;}
.trend-chart{display:flex;align-items:flex-end;gap:5px;height:56px;margin:16px 0 6px;}
.trend-chart .bar{flex:1;background:var(--red-tint);border-radius:3px 3px 0 0;min-height:4px;}
.trend-chart .bar.peak{background:var(--red);}
.trend-labels{display:flex;justify-content:space-between;font-size:10.5px;color:var(--ink-faint);margin-bottom:4px;}
.biz-name{font-size:18px;font-weight:700;margin-bottom:2px;}
.biz-cat{font-size:13px;color:var(--forest-deep);font-weight:600;margin-bottom:14px;}
.biz-grid{display:grid;grid-template-columns:100px 1fr;gap:10px 14px;font-size:13.5px;}
.biz-grid .k{color:var(--ink-soft);}
.verified{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--forest-deep);font-weight:600;margin-top:12px;}
.unknown-body{font-size:14px;color:var(--ink-soft);margin-bottom:16px;line-height:1.6;}
.actions{display:flex;gap:10px;margin-top:22px;border-top:1px solid var(--line);padding-top:20px;}
.btn{flex:1;padding:11px;border-radius:8px;border:1px solid var(--line);background:var(--panel);font-size:13.5px;font-weight:600;cursor:pointer;color:var(--ink);text-align:center;text-decoration:none;display:inline-block;}
.btn.primary{background:var(--ink);color:#fff;border-color:var(--ink);}
.btn:hover{border-color:var(--forest);}
.btn.primary:hover{background:var(--forest-deep);border-color:var(--forest-deep);}
.linklike{background:none;border:none;color:var(--forest-deep);cursor:pointer;padding:0;font-size:inherit;text-decoration:underline;}

.content-block{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px;margin-top:16px;max-width:640px;}
.content-block > p{font-size:13.5px;color:var(--ink-soft);line-height:1.7;margin:0;}

.faq-item{border-bottom:1px solid var(--line);}
.faq-item:last-child{border-bottom:none;}
.faq-q{width:100%;text-align:left;background:none;border:none;padding:13px 0;font-size:13.5px;font-weight:600;cursor:pointer;color:var(--ink);}
.faq-a{font-size:13px;color:var(--ink-soft);line-height:1.65;padding-bottom:14px;}

.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin-top:14px;}
.related-card{border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:#fff;text-decoration:none;color:inherit;display:block;}
.related-card:hover{border-color:var(--forest);}
.related-card .rn{font-size:13.5px;font-weight:700;font-family:'Source Serif 4',Georgia,serif;}
.related-card .rm{font-size:11.5px;color:var(--ink-soft);margin-top:3px;}

.notfound-wrap{max-width:480px;margin:0 auto;text-align:center;padding:80px 0;}
.notfound-code{font-family:'Source Serif 4',Georgia,serif;font-size:64px;font-weight:700;color:var(--line);line-height:1;}
.notfound-wrap h2{font-size:20px;margin:14px 0 8px;}
.notfound-wrap p{font-size:13.5px;color:var(--ink-soft);margin:0 0 22px;line-height:1.6;}