:root{--bg:#0a0b0e;--panel:#111319;--line:#272b36;--text:#eef0f5;--muted:#949aab;--accent:#e3bd68;--accent2:#c99f47;--danger:#ff5f73;--warn:#ffbe55;--blue:#73a7ff}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 0%,#1b1a14 0,transparent 30%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.shell{max-width:1440px;margin:auto;padding:34px 22px 70px}.hero{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:26px}.hero h1{font-size:clamp(34px,5vw,66px);line-height:.95;margin:8px 0 14px;letter-spacing:-.055em}.hero h1 em{font-style:normal;color:var(--accent);font-size:.48em;vertical-align:top}.hero p{max-width:880px;color:var(--muted);font-size:17px;line-height:1.6;margin:0}.eyebrow{font-size:12px;letter-spacing:.16em;color:var(--accent);font-weight:800}.status-stack{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.rule-chip,.tag{border:1px solid var(--line);background:#101218;color:#b6bcca;border-radius:999px;padding:8px 11px;font-size:12px;white-space:nowrap}.panel{background:linear-gradient(180deg,rgba(22,24,31,.96),rgba(15,17,22,.96));border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,.18)}.form-panel{padding:24px}.grid{display:grid;gap:16px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}label span{display:block;color:#c3c9d6;font-size:13px;font-weight:700;margin-bottom:8px}input{width:100%;border:1px solid var(--line);background:#0c0e13;color:var(--text);border-radius:12px;padding:14px;outline:0}input:focus{border-color:var(--accent2);box-shadow:0 0 0 3px rgba(227,189,104,.12)}input[type=file]{padding:11px}.toggle-row{display:flex;align-items:center;gap:10px;margin-top:16px;color:#c3c9d6}.toggle-row input{width:auto}.toggle-row span{margin:0;font-weight:500}.primary{margin-top:18px;border:0;border-radius:12px;padding:14px 20px;background:var(--accent);color:#1d1608;font-weight:900;font-size:15px;cursor:pointer}.primary:disabled{opacity:.6;cursor:wait}.micro,.muted{color:var(--muted);font-size:12px;line-height:1.6}.lead-muted{color:#a6adbd;line-height:1.65}.hidden{display:none!important}.error{padding:16px;margin-top:16px;border:1px solid rgba(255,95,115,.3);background:rgba(255,95,115,.09);color:#ffb8c1;border-radius:14px}.score-row{display:grid;grid-template-columns:2.3fr repeat(3,1fr);gap:14px;margin-top:18px}.score-card{padding:22px;display:flex;gap:20px;align-items:center}.ring{width:112px;height:112px;border-radius:50%;display:grid;place-content:center;text-align:center;background:conic-gradient(var(--accent) 0deg,#20232c 0);position:relative}.ring:after{content:"";position:absolute;inset:9px;border-radius:50%;background:#111319}.ring strong,.ring span{z-index:1}.ring strong{font-size:31px}.ring span{font-size:11px;color:var(--muted)}.score-card h2{margin:5px 0}.score-card p{color:var(--muted);font-size:12px;margin:0;max-width:390px}.metric{padding:20px;display:flex;flex-direction:column;justify-content:center}.metric span,.kv span,.suggestion span,.legacy>span{color:var(--muted);font-size:12px}.metric strong{font-size:24px;margin-top:8px}.result-grid{margin-top:14px}.result-grid>.panel,.sources,.panel:has(.issues),.external-research{padding:22px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.section-head h2{margin:0;font-size:18px}.section-head.sub{margin-top:22px}.section-head.sub h3{margin:0}.suggestion{position:relative;padding:13px 0;border-bottom:1px solid var(--line)}.suggestion code{display:block;white-space:normal;overflow-wrap:anywhere;word-break:normal;color:#e5e8ef;font:600 13px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;margin-top:5px;padding-right:64px}.suggestion.good code{color:var(--accent);font-size:14px}.suggestion button{position:absolute;right:0;bottom:13px;background:#171a22;color:#c3c9d6;border:1px solid var(--line);border-radius:8px;padding:6px 8px;cursor:pointer}.alternatives{display:grid;gap:8px;padding:10px 0}.alt{background:#0c0e13;border:1px solid var(--line);border-radius:10px;padding:10px}.alt b,.alt span,.alt small{display:block}.alt b{font-size:10px;color:var(--accent);text-transform:uppercase}.alt span{font:600 12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;margin:5px 0;overflow-wrap:anywhere}.alt small{color:var(--muted);line-height:1.45}.kv{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid var(--line);align-items:flex-start}.kv strong{font-size:14px}.value-with-note{text-align:right;max-width:58%}.value-with-note small{display:block;color:var(--muted);font-size:10px;line-height:1.35;margin-top:4px}.legacy{padding-top:16px}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.chips b{font-size:11px;background:#171a22;border:1px solid var(--line);border-radius:999px;padding:6px 9px;color:#c3c9d6}.warning-text{font-size:11px;color:var(--warn);line-height:1.5}.issues{display:grid;gap:10px}.issue{border:1px solid var(--line);border-radius:14px;padding:15px;background:#0c0e13}.issue-top{display:flex;align-items:center;gap:9px}.severity{font-size:10px;font-weight:900;text-transform:uppercase;border-radius:999px;padding:5px 7px}.severity.critical,.severity.high{color:#ffc3cb;background:rgba(255,95,115,.13)}.severity.medium{color:#ffe0a7;background:rgba(255,190,85,.12)}.severity.low{color:#b9d5ff;background:rgba(115,167,255,.12)}.issue h3{font-size:14px;margin:0}.issue p{color:#a1a8b8;font-size:12px;line-height:1.55;margin:8px 0}.fix{font-size:12px;color:#d3d8e2}.source-pill{font-size:10px;color:var(--muted);margin-left:auto}.rule-refs{font-size:10px;color:#c99f47;margin-top:8px}.snapshot{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.snap{padding:12px;background:#0c0e13;border:1px solid var(--line);border-radius:12px}.snap span{display:block;color:var(--muted);font-size:11px}.snap strong{display:block;margin-top:5px;font-size:13px;word-break:break-word}.terms{display:flex;flex-wrap:wrap;gap:8px}.term{border:1px solid var(--line);background:#0c0e13;border-radius:10px;padding:9px 10px;font-size:12px}.term b{color:var(--accent);margin-left:7px}.sources{margin-top:14px}.external-research{margin-top:14px;border-color:#3a3428;background:linear-gradient(180deg,rgba(32,28,20,.96),rgba(15,15,18,.97))}.compact-grid{margin:14px 0}.mini-card{border:1px solid var(--line);background:#0c0e13;border-radius:12px;padding:14px}.mini-card span,.mini-card small{display:block;color:var(--muted);font-size:11px}.mini-card strong{display:block;margin:7px 0;font-size:16px}.research-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.research-grid>div{border:1px solid var(--line);background:#0c0e13;border-radius:12px;padding:14px}.research-grid h3{margin:0 0 8px;font-size:14px}.research-grid p,.plain-list{font-size:12px;line-height:1.55;color:#bcc2d0}.source-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.source-card{display:block;text-decoration:none;color:var(--text);border:1px solid var(--line);background:#0c0e13;border-radius:12px;padding:12px;min-width:0}.source-card strong,.source-card small{display:block}.source-card strong{font-size:12px;line-height:1.45;margin:6px 0;overflow-wrap:anywhere}.source-card small{color:var(--muted);overflow-wrap:anywhere}.source-tier{font-size:9px;text-transform:uppercase;color:var(--accent)}.rule-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rule-source{border:1px solid var(--line);background:#0c0e13;border-radius:14px;padding:14px}.rule-source-head{display:flex;align-items:flex-start;gap:8px}.rule-source-head span{font-size:9px;color:var(--accent);text-transform:uppercase;border:1px solid var(--line);padding:4px 6px;border-radius:999px;white-space:nowrap}.rule-source-head a{color:#a8c6ff;text-decoration:none;font-weight:800;font-size:13px;line-height:1.35}.rule-source p{font-size:12px;color:#b6bcca;line-height:1.55}.rule-source small{display:block;color:var(--muted);line-height:1.45;margin-top:8px}.rule-checks{display:flex;flex-wrap:wrap;gap:6px}.rule-checks b{font-size:9px;font-weight:700;border:1px solid var(--line);border-radius:999px;padding:5px 7px;color:#c3c9d6}.spinner{width:16px;height:16px;display:inline-block;border:2px solid rgba(0,0,0,.2);border-top-color:#1d1608;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:980px){.source-cards{grid-template-columns:1fr 1fr}.rule-source-grid{grid-template-columns:1fr}}
@media(max-width:850px){.hero{display:block}.status-stack{align-items:flex-start;margin-top:16px}.two,.three,.score-row,.research-grid{grid-template-columns:1fr}.snapshot,.source-cards{grid-template-columns:1fr}.score-card{align-items:flex-start}.ring{width:92px;height:92px}.shell{padding:22px 14px 50px}.value-with-note{max-width:62%}}

.second-row{margin-top:12px}.query-chips{display:flex;flex-wrap:wrap;gap:7px}.query-chips span{border:1px solid var(--line);background:#0c0e13;border-radius:999px;padding:7px 10px;color:#c3c9d6;font-size:10px;max-width:100%;overflow-wrap:anywhere}.community-signal{padding:7px 0;border-bottom:1px solid var(--line)}.community-signal b{color:var(--accent);margin-right:6px;text-transform:uppercase;font-size:9px}.community-signal small{display:block;color:var(--muted);margin-top:3px}
.micro a{color:#a8c6ff}

/* Production v3 additions */
.top-gap{margin-top:16px}.toggles{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;margin-top:14px}.progress-text{margin-left:12px;color:var(--muted);font-size:12px}.result-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.secondary{border:1px solid var(--line);background:#111319;color:#d3d8e2;border-radius:10px;padding:9px 12px;cursor:pointer}.secondary:hover{border-color:#4a4130}.section-panel{padding:22px;margin-top:14px}.subheading{font-size:13px;margin:20px 0 10px;color:#c3c9d6}.score-breakdown{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.score-item{border:1px solid var(--line);background:#0c0e13;border-radius:12px;padding:13px;min-width:0}.score-item span,.score-item small{display:block;color:var(--muted);font-size:10px}.score-item strong{display:block;font-size:19px;margin:6px 0;overflow-wrap:anywhere}.good-score{border-color:rgba(227,189,104,.38)}.ok-score{border-color:rgba(115,167,255,.35)}.warn-score{border-color:rgba(255,190,85,.38)}.bad-score{border-color:rgba(255,95,115,.42)}.na-score{opacity:.55}.tag-good{color:#f3dda6;border-color:rgba(227,189,104,.38);background:rgba(227,189,104,.08)}.tag-warn{color:#ffd99b;border-color:rgba(255,190,85,.35);background:rgba(255,190,85,.08)}.one-col{grid-template-columns:1fr}.raw{max-height:300px;overflow:auto;background:#0a0b0e;border:1px solid var(--line);border-radius:12px;padding:12px;color:#c3c9d6;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}details{margin-top:12px}summary{cursor:pointer;color:#c3c9d6;font-size:12px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;background:#0c0e13}.table-wrap table{width:100%;border-collapse:collapse;min-width:740px}.table-wrap th,.table-wrap td{padding:10px 11px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left;font-size:11px;line-height:1.45}.table-wrap th{position:sticky;top:0;background:#14161d;color:#8990a1;z-index:1;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.table-wrap td{color:#c3c9d6}.table-wrap code{font:500 10px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere;word-break:break-all;color:#a9c7ff}.table-wrap a{color:#a9c7ff;text-decoration:none}.plain-list .list-row{padding:9px 0;border-bottom:1px solid var(--line);font-size:11px;line-height:1.45;color:#c3c9d6}.plain-list .list-row:last-child{border-bottom:0}.plain-list .list-row b,.plain-list .list-row small{display:block}.plain-list .list-row small{color:var(--muted);margin-top:3px;overflow-wrap:anywhere}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.device-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.device-card{border:1px solid var(--line);background:#0c0e13;border-radius:14px;padding:15px}.device-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.device-head h3{margin:0;font-size:14px}.device-head strong{font-size:22px}.mini-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.mini-metrics>div{border:1px solid var(--line);border-radius:10px;padding:9px}.mini-metrics span,.mini-metrics b{display:block}.mini-metrics span{font-size:9px;color:var(--muted)}.mini-metrics b{font-size:11px;margin-top:4px;overflow-wrap:anywhere}.warning-text{overflow-wrap:anywhere}
@media(max-width:1180px){.score-breakdown{grid-template-columns:repeat(3,minmax(0,1fr))}.toggles{grid-template-columns:1fr}}
@media(max-width:850px){.score-breakdown,.split-grid,.device-grid{grid-template-columns:1fr}.result-actions{justify-content:flex-start;flex-wrap:wrap}.progress-text{display:block;margin:10px 0 0}.section-panel{padding:16px}}
@media print{body{background:white;color:#111}.hero,.form-panel,.result-actions{display:none!important}.panel{box-shadow:none;background:white;color:#111;border-color:#ccc;break-inside:avoid}.muted,.micro,.lead-muted,.metric span,.kv span,.snap span{color:#555}.table-wrap{overflow:visible}.table-wrap table{min-width:0}.source-card,.rule-source,.issue,.snap,.score-item,.device-card{background:white;color:#111;border-color:#ccc}}

/* Production v3.2 natural SERP / final audit summary */
.four{grid-template-columns:repeat(4,minmax(0,1fr))}.target-readiness-panel{border-color:#3a3428;background:linear-gradient(180deg,rgba(32,28,20,.96),rgba(15,15,18,.97))}.target-metrics{margin:8px 0 16px}.lead-summary{font-size:18px;line-height:1.5;font-weight:800;margin:14px 0;color:#f7ecd2}.final-audit-box{margin-top:18px;border:1px solid #37332b;border-radius:16px;background:#0a0c11;padding:18px}.final-audit-box h3{font-size:20px;margin:8px 0}.final-audit-box>p{line-height:1.65;color:#bcc2d0}.final-improvements{display:grid;gap:10px;margin-top:14px}.final-improve{border:1px solid var(--line);background:#0d0f15;border-radius:14px;padding:14px}.final-improve-head{display:flex;gap:8px;align-items:center}.final-improve-head span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(227,189,104,.1);border:1px solid rgba(227,189,104,.35);color:var(--accent);font-weight:900;font-size:11px}.final-improve-head strong{font-size:12px;text-transform:uppercase;color:#a1a8b8}.final-improve h4{font-size:15px;margin:10px 0 5px}.final-improve p{font-size:12px;line-height:1.6;color:#c3c9d6;margin:0}.evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.evidence-grid small{display:block;border:1px solid var(--line);border-radius:10px;padding:9px;color:var(--muted);line-height:1.45}.evidence-grid b{display:block;color:#c3c9d6;margin-bottom:4px;font-size:10px;text-transform:uppercase}.target-metrics .mini-card strong{font-size:20px}
@media(max-width:1050px){.four,.evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.four,.evidence-grid{grid-template-columns:1fr}}

/* Production v3.3 live competitor compare */
.compare-panel{border-color:#3a3428;background:linear-gradient(180deg,rgba(28,25,18,.96),rgba(12,14,19,.97));margin-bottom:14px}.compare-rows{display:grid;gap:10px}.compare-input-row{position:relative;display:grid;grid-template-columns:130px .8fr 1.3fr 1fr 1.2fr auto;gap:10px;align-items:end;border:1px solid var(--line);border-radius:14px;padding:13px;background:#0c0e13}.compare-role{align-self:center;font-size:10px;font-weight:900;letter-spacing:.1em;color:#8990a1;border:1px solid var(--line);border-radius:999px;padding:8px 10px;text-align:center}.compare-role.main-role{color:var(--accent);border-color:rgba(227,189,104,.35);background:rgba(227,189,104,.06)}.compare-input-row label span{font-size:10px}.compare-input-row input{padding:11px}.remove-compare{height:39px}.compact-action{margin-top:10px}.mode-divider{display:flex;align-items:center;gap:12px;margin:28px 0 12px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.mode-divider:before,.mode-divider:after{content:"";height:1px;background:var(--line);flex:1}.compare-result>.section-panel{margin-top:14px}.compare-hero-result{border-color:#3a3428}.compare-site-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.compare-site-card,.compare-verdict-card{border:1px solid var(--line);background:#0c0e13;border-radius:14px;padding:14px}.compare-site-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.compare-site-head span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.compare-site-head b{font-size:11px;color:#c3c9d6;overflow-wrap:anywhere}.compare-site-card h3,.compare-verdict-card h3{margin:10px 0;font-size:16px}.compare-site-card>small{display:block;color:var(--muted);line-height:1.45;margin-top:10px}.compare-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.compare-mini-grid>div{border:1px solid var(--line);border-radius:10px;padding:9px}.compare-mini-grid span,.compare-mini-grid strong{display:block}.compare-mini-grid span{font-size:9px;color:var(--muted)}.compare-mini-grid strong{font-size:15px;margin-top:4px}.compare-table th small{display:block;color:#6f7688;text-transform:none;letter-spacing:0;font-weight:500;margin-top:3px}.compare-win{background:rgba(227,189,104,.08)!important;color:#f5e3b8!important;font-weight:800}.compare-verdict-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.compare-verdict-card p{font-size:12px;line-height:1.55;color:#c3c9d6}.compare-verdict-card h4{font-size:12px;margin:10px 0}.compare-verdict-card .suggestion code{padding-right:0}.research-card{border:1px solid var(--line);background:#0c0e13;border-radius:12px;padding:14px}.research-card strong,.research-card small{display:block}.research-card strong{font-size:15px;margin:7px 0}.research-card p{font-size:12px;line-height:1.55;color:#c3c9d6}.research-card small{color:var(--muted);line-height:1.45}.source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media(max-width:1250px){.compare-input-row{grid-template-columns:110px 1fr 1.2fr 1fr}.compare-input-row label:nth-of-type(4){grid-column:2/4}.compare-input-row .remove-compare{grid-column:4}.compare-site-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.compare-input-row{grid-template-columns:1fr}.compare-input-row label:nth-of-type(4),.compare-input-row .remove-compare{grid-column:auto}.compare-site-cards,.compare-verdict-grid,.source-grid{grid-template-columns:1fr}.compare-role{text-align:left;width:max-content}.compare-mini-grid{grid-template-columns:1fr 1fr}}
@media print{.compare-panel,.mode-divider{display:none!important}}


/* v3.5 clean-report typography */
.summary-paragraph{
  max-width:1050px;
  font-size:13px;
  line-height:1.8!important;
  letter-spacing:.005em;
  white-space:normal;
}
.summary-action-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:18px;
}
.summary-action-card{
  border:1px solid var(--line);
  background:#0d0f15;
  border-radius:14px;
  padding:15px;
  min-width:0;
}
.summary-action-card.fix-card{border-color:rgba(255,95,115,.30)}
.summary-action-card.add-card{border-color:rgba(227,189,104,.30)}
.summary-action-card.remove-card{border-color:rgba(255,190,85,.30)}
.summary-action-card.keep-card{border-color:rgba(115,167,255,.30)}
.summary-action-title{
  display:flex;
  align-items:center;
  gap:9px;
  padding-bottom:10px;
  margin-bottom:6px;
  border-bottom:1px solid var(--line);
}
.summary-action-title span{
  display:grid;
  place-items:center;
  width:25px;height:25px;
  border-radius:8px;
  border:1px solid var(--line);
  font-size:9px;
  font-weight:900;
  color:var(--accent);
}
.summary-action-title h4{
  margin:0;
  font-size:13px;
  letter-spacing:.01em;
}
.clean-list{display:grid;gap:0}
.clean-list-row{
  display:grid;
  grid-template-columns:15px 1fr;
  gap:8px;
  align-items:start;
  padding:8px 0;
  border-bottom:1px solid rgba(58,52,40,.45);
}
.clean-list-row:last-child{border-bottom:0}
.clean-list-row>span{
  color:var(--accent);
  font-weight:900;
  line-height:1.7;
}
.clean-list-row p,
.numbered-clean-row p,
.check-clean-row p{
  margin:0;
  color:#c3c9d6;
  font-size:12px;
  line-height:1.7;
  overflow-wrap:anywhere;
}
.clean-list-empty{
  color:var(--muted);
  font-size:11px;
  line-height:1.6;
  padding:9px 0;
}
.summary-two-col{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:14px;
}
.summary-order-box{
  border:1px solid var(--line);
  border-radius:14px;
  padding:15px;
  background:#0c0e13;
}
.summary-order-box h4,
.summary-detail-heading{
  margin:0 0 12px;
  font-size:13px;
  color:#d3d8e2;
}
.summary-detail-heading{
  margin-top:20px;
  padding-top:16px;
  border-top:1px solid var(--line);
  text-transform:uppercase;
  letter-spacing:.06em;
}
.numbered-clean-list,
.check-clean-list{display:grid;gap:8px}
.numbered-clean-row,
.check-clean-row{
  display:grid;
  grid-template-columns:26px 1fr;
  gap:9px;
  align-items:start;
}
.numbered-clean-row>span,
.check-clean-row>span{
  display:grid;
  place-items:center;
  min-width:25px;height:25px;
  border:1px solid var(--line);
  border-radius:8px;
  font-size:10px;
  font-weight:900;
  color:var(--accent);
  background:rgba(227,189,104,.05);
}
.diagnosis-row{
  display:grid;
  grid-template-columns:125px 1fr;
  gap:12px;
  align-items:start;
  padding:10px 0;
  border-top:1px solid rgba(58,52,40,.50);
}
.diagnosis-row:first-of-type{margin-top:10px}
.diagnosis-row b{
  color:#949aab;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.diagnosis-row p{
  margin:0;
  color:#d3d8e2;
  font-size:12px;
  line-height:1.7;
}
.diagnosis-row.action-row p{
  color:#faf3e2;
  font-weight:700;
}
.done-when{
  display:flex;
  gap:9px;
  align-items:flex-start;
  border-top:1px solid var(--line);
  margin-top:11px;
  padding-top:10px;
}
.done-when b{
  flex:0 0 auto;
  font-size:10px;
  text-transform:uppercase;
  color:var(--accent);
}
.done-when span{
  color:#c3c9d6;
  font-size:11px;
  line-height:1.6;
}
.one-evidence{grid-template-columns:1fr!important}
.section-intro{
  max-width:1000px;
  color:#b6bcca;
  font-size:12px;
  line-height:1.75;
  margin:4px 0 16px;
}
.compare-consolidated-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.compare-summary-card{
  border:1px solid #33302a;
  border-radius:16px;
  background:#0a0c11;
  padding:16px;
  min-width:0;
}
.compare-summary-head{
  display:flex;
  align-items:flex-start;
  gap:10px;
  border-bottom:1px solid var(--line);
  padding-bottom:12px;
  margin-bottom:6px;
}
.compare-summary-head>span{
  border:1px solid rgba(227,189,104,.30);
  color:var(--accent);
  background:rgba(227,189,104,.06);
  border-radius:999px;
  padding:5px 8px;
  font-size:9px;
  font-weight:900;
  white-space:nowrap;
}
.compare-summary-head h3{
  margin:0 0 4px;
  font-size:16px;
}
.compare-summary-head small{
  color:var(--muted);
  line-height:1.5;
}
.compare-summary-section{
  padding:12px 0;
  border-bottom:1px solid rgba(58,52,40,.48);
}
.compare-summary-section:last-child{border-bottom:0}
.compare-summary-section h4{
  margin:0 0 4px;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.compare-summary-section.fix h4{color:#ffb2bc}
.compare-summary-section.add h4{color:#f3dda6}
.compare-summary-section.remove h4{color:#ffd596}
.compare-summary-section.keep h4{color:#a8c6ff}
.final-improve{
  overflow:hidden;
}
.final-improve h4,
.final-improve p,
.final-improve small,
.research-card p,
.compare-verdict-card p{
  overflow-wrap:anywhere;
  word-break:normal;
}
.evidence-grid small{
  font-size:11px;
  line-height:1.65;
}
.lead-summary{
  max-width:1100px;
}
@media(max-width:950px){
  .summary-action-grid,.summary-two-col,.compare-consolidated-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .diagnosis-row{grid-template-columns:1fr;gap:5px}
}

.igaming-intel-grid{
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid rgba(58,52,40,.55);
}
#igamingFeatureGap .list-row{
  border-left:2px solid rgba(255,190,85,.35);
  padding-left:10px;
}

/* v3.7 investigation modules */
.v37-score-strip{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 4px}.v37-score-strip b{font-size:10px;padding:6px 8px;border:1px solid var(--line);border-radius:999px;background:rgba(227,189,104,.04);color:#d3d8e2}.compare-summary-section ul{margin:6px 0 0;padding-left:18px}.compare-summary-section li{font-size:11px;line-height:1.65;color:#b6bcca;margin:5px 0}.rank-model-panel{border-color:rgba(115,167,255,.28)}.rank-model-panel .mini-card:first-child strong{font-size:28px}.top-gap{margin-top:14px}.score-row{grid-template-columns:minmax(280px,1.6fr) repeat(4,minmax(140px,.7fr))}@media(max-width:1100px){.score-row{grid-template-columns:1fr 1fr}.score-card{grid-column:1/-1}}@media(max-width:700px){.score-row{grid-template-columns:1fr}.score-card{grid-column:auto}}

/* ================= Bayar Group UI layer (v3.7) ================= */

:root{
  --gold-grad:linear-gradient(135deg,#f3dda6 0%,#e3bd68 42%,#b9903f 100%);
  --dim:#6f7688;
  --surface:#101218;
  --surface-2:#0c0e13;
  --line-soft:#1b1e26;
  --ok:#4fd39a;
}

[hidden]{display:none!important}

body{
  background:
    radial-gradient(900px 420px at 12% -8%,rgba(227,189,104,.10) 0,transparent 70%),
    radial-gradient(700px 380px at 92% 4%,rgba(200,206,217,.05) 0,transparent 70%),
    var(--bg);
}

/* ---------- splash ---------- */
.splash{
  position:fixed;inset:0;z-index:9999;display:grid;place-items:center;
  background:radial-gradient(700px 500px at 50% 34%,rgba(227,189,104,.13) 0,transparent 70%),#07080b;
  transition:opacity .55s ease,visibility .55s ease;
}
.splash.done{opacity:0;visibility:hidden;pointer-events:none}
.splash-inner{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px;max-width:520px;width:100%}
.splash-mark{position:relative;animation:splashIn .8s cubic-bezier(.2,.8,.25,1) both}
.splash-mark img{width:clamp(170px,32vw,286px);height:auto;display:block;filter:drop-shadow(0 22px 44px rgba(227,189,104,.22));animation:floatY 5s ease-in-out infinite}
.splash-mark::after{content:"";position:absolute;left:50%;bottom:-14px;transform:translateX(-50%);width:62%;height:16px;border-radius:50%;background:radial-gradient(ellipse,rgba(227,189,104,.30),transparent 70%);filter:blur(5px)}
.splash-product{margin-top:22px;font-size:15px;letter-spacing:.34em;text-transform:uppercase;color:#c8ced9;font-weight:700;animation:fadeUp .7s .18s ease both}
.splash-product em{font-style:normal;color:var(--accent)}
.splash-bar{width:min(300px,80%);height:3px;border-radius:999px;background:#1b1d25;overflow:hidden;margin-top:26px;animation:fadeUp .7s .26s ease both}
.splash-bar i{display:block;height:100%;width:0;border-radius:999px;background:var(--gold-grad);transition:width .45s cubic-bezier(.3,.9,.3,1)}
.splash-log{list-style:none;margin:18px 0 0;padding:0;min-height:96px;width:100%;display:flex;flex-direction:column;gap:5px;align-items:center}
.splash-log li{font:600 11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--dim);letter-spacing:.04em;animation:fadeUp .32s ease both}
.splash-log li b{color:var(--accent);font-weight:700;margin-right:7px}
.splash-log li.is-ok b{color:var(--ok)}
.splash-log li.is-off b{color:var(--dim)}
.splash-foot{margin-top:20px;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#4d5364;animation:fadeUp .7s .5s ease both}
@keyframes splashIn{from{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:none}}
@keyframes fadeUp{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}

/* ---------- topbar ---------- */
.topbar{
  position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;
  gap:18px;flex-wrap:wrap;padding:13px 0;margin-bottom:6px;
  background:rgba(10,11,14,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--line-soft);
}
.brand{display:flex;align-items:center;gap:13px;min-width:0}
.brand-mark{width:auto;height:42px;display:block;filter:drop-shadow(0 4px 12px rgba(227,189,104,.20))}
.brand-text{display:flex;flex-direction:column;line-height:1.15;min-width:0}
.brand-text strong{font-size:15px;letter-spacing:-.01em}
.brand-text span{font-size:11px;color:var(--dim);letter-spacing:.09em;text-transform:uppercase}
.topbar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.badge-internal{font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#1a1408;background:var(--gold-grad);border-radius:999px;padding:6px 11px;white-space:nowrap}
.rule-chip.is-ok{border-color:rgba(79,211,154,.35);color:#a7e8cd}
.rule-chip.is-off{color:var(--dim)}

.shell{padding-top:0}
.hero{padding:34px 0 26px;margin-bottom:0}
.hero h1 em{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- dropzone ---------- */
.field-label{display:block;color:#c3c9d6;font-size:13px;font-weight:700;margin-bottom:8px}
.dropzone{
  position:relative;display:grid;place-items:center;min-height:132px;padding:20px;
  border:1.5px dashed #333846;border-radius:14px;
  background:radial-gradient(420px 140px at 50% 0,rgba(227,189,104,.05),transparent 70%),var(--surface-2);
  cursor:pointer;outline:0;transition:border-color .18s,background .18s,transform .18s;
}
.dropzone:hover{border-color:#4a5163}
.dropzone:focus-visible{border-color:var(--accent2);box-shadow:0 0 0 3px rgba(227,189,104,.16)}
.dropzone.is-dragover{border-color:var(--accent);background:rgba(227,189,104,.09);transform:scale(1.007)}
.dropzone.has-file{border-style:solid;border-color:rgba(227,189,104,.42);cursor:default}
.dropzone-input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
.dropzone.has-file .dropzone-input{display:none}
.dropzone-idle{text-align:center;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:8px}
.dropzone-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--line);background:#14161d;color:var(--accent);font:800 15px/1 ui-monospace,SFMono-Regular,Menlo,monospace}
.dropzone-idle strong{font-size:14px}
.dropzone-idle small{color:var(--dim);font-size:11.5px}
.dropzone-idle u{color:var(--accent);text-decoration:none;border-bottom:1px dotted var(--accent2)}
.dropzone-file{display:flex;align-items:center;gap:14px;width:100%;max-width:520px}
.file-icon{flex:0 0 auto;width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:var(--gold-grad);color:#20180a;font:800 14px/1 ui-monospace,SFMono-Regular,Menlo,monospace}
.file-meta{flex:1 1 auto;min-width:0}
.file-meta strong{display:block;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.file-meta small{display:block;color:var(--dim);font-size:11px;margin-top:3px}
.file-clear{flex:0 0 auto;border:1px solid var(--line);background:#171a22;color:#c3c9d6;border-radius:9px;padding:8px 13px;font-size:12px;font-weight:700;cursor:pointer;transition:border-color .15s,color .15s}
.file-clear:hover{border-color:var(--accent2);color:var(--accent)}
.hint{display:block;color:var(--dim);font-size:11px;line-height:1.5;margin-top:7px}
.hint em{font-style:normal;color:#aab1c1}

/* ---------- buttons ---------- */
.primary{
  background:var(--gold-grad);color:#1d1608;display:inline-flex;align-items:center;gap:10px;
  box-shadow:0 10px 26px rgba(227,189,104,.20);transition:transform .15s,box-shadow .15s,opacity .15s;
}
.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 32px rgba(227,189,104,.28)}
.primary:active:not(:disabled){transform:translateY(0)}
.primary:disabled{box-shadow:none}
.spinner{border-color:rgba(29,22,8,.25);border-top-color:#1d1608}

/* ---------- footer + to-top ---------- */
.app-footer{
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  margin-top:38px;padding-top:20px;border-top:1px solid var(--line-soft);
  font-size:11.5px;color:var(--muted);
}
.app-footer b{color:var(--accent)}
.to-top{
  position:fixed;right:20px;bottom:20px;z-index:70;width:42px;height:42px;border-radius:50%;
  border:1px solid var(--line);background:rgba(18,20,26,.92);backdrop-filter:blur(8px);color:#c3c9d6;
  font-size:17px;cursor:pointer;display:grid;place-items:center;box-shadow:0 10px 26px rgba(0,0,0,.4);
  transition:border-color .15s,color .15s,transform .15s;
}
.to-top:hover{border-color:var(--accent2);color:var(--accent);transform:translateY(-2px)}

/* ---------- reveal ---------- */
.reveal{opacity:0;transform:translateY(14px)}
.reveal.is-in{opacity:1;transform:none;transition:opacity .5s ease,transform .5s cubic-bezier(.2,.8,.25,1)}

@media(max-width:850px){
  .topbar{position:static}
  .app-footer{flex-direction:column;gap:8px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .reveal{opacity:1;transform:none}
}
.hero h1 em{font-size:1em;vertical-align:baseline}

/* ---------- tabs ---------- */
.tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}
.tab{display:block;text-align:left;cursor:pointer;border:1px solid var(--line);background:var(--surface-2);border-radius:14px;padding:15px 18px;color:var(--text);transition:border-color .16s,background .16s,transform .16s}
.tab b{display:block;font-size:14px;font-weight:700}
.tab small{display:block;color:var(--dim);font-size:11.5px;margin-top:3px}
.tab:hover{border-color:#3a4051}
.tab:focus-visible{outline:0;border-color:var(--accent2);box-shadow:0 0 0 3px rgba(227,189,104,.16)}
.tab.is-active{border-color:var(--accent2);background:linear-gradient(180deg,rgba(227,189,104,.10),rgba(227,189,104,.03))}
.tab.is-active b{color:var(--accent-soft,#f3dda6)}
.tab-pane[hidden]{display:none!important}
@media(max-width:850px){.tabs{grid-template-columns:1fr}}

/* ---------- segmented source switch ---------- */
.field-block{margin-bottom:20px}
.segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.seg-opt{position:relative;cursor:pointer;display:block}
.seg-opt input{position:absolute;opacity:0;width:0;height:0}
.seg-opt>span{display:block;border:1px solid var(--line);background:var(--surface-2);border-radius:13px;padding:14px 16px 13px 40px;margin:0;transition:border-color .16s,background .16s}
.seg-opt>span::before{content:"";position:absolute;left:15px;top:50%;transform:translateY(-50%);width:15px;height:15px;border-radius:50%;border:2px solid #3a4051;transition:border-color .16s,box-shadow .16s}
.seg-opt b{display:block;font-size:13.5px;font-weight:700;color:var(--text)}
.seg-opt small{display:block;color:var(--dim);font-size:11px;margin-top:3px}
.seg-opt:hover>span{border-color:#3a4051}
.seg-opt input:focus-visible+span{box-shadow:0 0 0 3px rgba(227,189,104,.16)}
.seg-opt input:checked+span{border-color:var(--accent2);background:linear-gradient(180deg,rgba(227,189,104,.10),rgba(227,189,104,.03))}
.seg-opt input:checked+span::before{border-color:var(--accent);box-shadow:inset 0 0 0 3.5px var(--accent)}
.seg-opt input:checked+span b{color:#f3dda6}

/* ---------- url field ---------- */
.url-field{display:flex;align-items:stretch;border:1px solid var(--line);background:var(--surface-2);border-radius:11px;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.url-field:focus-within{border-color:var(--accent2);box-shadow:0 0 0 3px rgba(227,189,104,.13)}
.url-prefix{display:flex;align-items:center;padding:0 13px;background:#14161d;border-right:1px solid var(--line);color:var(--dim);font:600 12.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}
.url-field input{border:0;border-radius:0;background:transparent;box-shadow:none!important}
input.is-invalid{border-color:rgba(255,107,127,.6);box-shadow:0 0 0 3px rgba(255,107,127,.10)}

/* ---------- keyword density ---------- */
.head-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.ghost{border:1px solid var(--line);background:transparent;color:#b6bcca;border-radius:11px;padding:13px 18px;font-size:13px;font-weight:700;cursor:pointer;transition:border-color .15s,color .15s}
.ghost:hover{border-color:var(--accent2);color:var(--accent)}
.ghost.small{padding:8px 13px;font-size:12px;border-radius:9px}
.density-panel{padding:22px 0 18px;margin-top:14px}
.density-panel .section-head{padding:0 22px}
.density-select{border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:9px;padding:8px 13px;font-size:12.5px;font-weight:700;min-width:82px;outline:0;cursor:pointer}
.density-select:focus{border-color:var(--accent2);box-shadow:0 0 0 3px rgba(227,189,104,.13)}
.density-scroll{display:flex;align-items:center;gap:2px;padding:0 12px}
.density-nav{flex:0 0 auto;align-self:flex-start;margin-top:26px;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:#c3c9d6;font-size:17px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:opacity .2s,border-color .15s,color .15s}
.density-nav:hover{border-color:var(--accent2);color:var(--accent)}
.density-nav[disabled]{opacity:.18;pointer-events:none}
.density-track{flex:1 1 auto;min-width:0;display:flex;overflow-x:auto;padding:4px 8px 14px;scrollbar-width:thin;scrollbar-color:var(--line) transparent;scroll-behavior:smooth}
.density-track::-webkit-scrollbar{height:8px}
.density-track::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}
.density-track::-webkit-scrollbar-thumb:hover{background:#3a4051}
.density-cell{flex:0 0 auto;min-width:106px;display:flex;flex-direction:column;align-items:center;gap:5px;padding:14px 16px;border-right:1px solid var(--line-soft);text-align:center;transition:background .15s}
.density-cell:last-child{border-right:0}
.density-cell:hover{background:rgba(227,189,104,.05)}
.density-term{color:var(--muted);font-size:12.5px;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.density-cell strong{font-size:20px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.density-cell small{color:var(--accent);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
.density-cell.is-stopword .density-term{color:var(--dim)}
.density-cell.is-stopword strong{color:#9aa1b1}
.density-cell.is-stopword small{color:var(--dim)}
.density-panel #densityMeta{padding:0 22px;margin:0}

@media(max-width:850px){
  .segmented{grid-template-columns:1fr}
  .density-panel .section-head{flex-direction:column;align-items:flex-start}
}

/* ---------- halaman login ---------- */
.auth-body{display:grid;place-items:center;min-height:100vh;padding:24px}
.auth-card{width:100%;max-width:420px;text-align:center;background:linear-gradient(180deg,var(--panel-a,rgba(22,24,31,.96)),var(--panel-b,rgba(15,17,22,.96)));border:1px solid var(--line);border-radius:20px;padding:34px 30px 26px;box-shadow:0 26px 60px rgba(0,0,0,.45)}
.auth-logo{width:clamp(130px,42vw,190px);height:auto;display:block;margin:0 auto;filter:drop-shadow(0 16px 34px rgba(227,189,104,.2))}
.auth-product{margin-top:16px;font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:#c8ced9;font-weight:700}
.auth-product em{font-style:normal;color:var(--accent)}
.auth-lead{color:var(--muted);font-size:12.5px;line-height:1.6;margin:10px 0 22px}
.auth-card form{text-align:left}
.auth-card .field-label{text-transform:none;letter-spacing:0}
.auth-submit{width:100%;justify-content:center;margin-top:18px}
.auth-foot{margin:20px 0 0;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#4d5364}
.auth-card .error{margin-top:14px;font-size:12.5px}

/* ---------- panel admin ---------- */
.notice{padding:14px 16px;margin-top:16px;border:1px solid rgba(79,211,154,.32);background:rgba(79,211,154,.08);color:#a7e8cd;border-radius:13px;font-size:13px;line-height:1.55;overflow-wrap:anywhere}
.admin-form{margin-top:4px}
.admin-actions{display:flex;align-items:flex-end;gap:9px;flex-wrap:wrap}
.admin-actions .primary{margin-top:0}
.admin-toggle-row{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.admin-toggle-row code{background:#171a22;border:1px solid var(--line);border-radius:6px;padding:1px 5px;font-size:11px}

.admin-table{width:100%;border-collapse:collapse;font-size:13px}
.admin-table th{text-align:left;padding:10px 12px;color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;border-bottom:1px solid var(--line)}
.admin-table td{padding:12px;border-bottom:1px solid var(--line-soft);vertical-align:top}
.admin-table tr:last-child td{border-bottom:0}
.admin-table td small{display:block;color:var(--dim);font-size:11px;line-height:1.45;margin-top:3px}
.admin-table code{font-size:12.5px;color:var(--accent-soft,#f3dda6)}
.admin-table tr.row-off{opacity:.55}
.row-actions{display:flex;gap:6px;flex-wrap:wrap}
.row-actions .ghost.small{padding:6px 10px;font-size:11px}
.ghost.danger{color:#ff9aa8}
.ghost.danger:hover{border-color:rgba(255,107,127,.6);color:#ffb3bd}
.role-pill{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:4px 9px;border:1px solid var(--line);color:#b6bcca}
.role-pill.is-admin{border-color:var(--accent2);color:#1d1608;background:var(--gold-grad)}
.mini-tag{font-size:9.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent2);border-radius:999px;padding:2px 6px;margin-left:6px}
.state-on{color:var(--ok,#4fd39a);font-weight:700;font-size:12px}
.state-off{color:var(--dim);font-weight:700;font-size:12px}
a.ghost{text-decoration:none;display:inline-flex;align-items:center}

@media(max-width:850px){
  .admin-table,.admin-table thead,.admin-table tbody,.admin-table th,.admin-table td,.admin-table tr{display:block}
  .admin-table thead{display:none}
  .admin-table tr{border:1px solid var(--line);border-radius:12px;padding:6px;margin-bottom:10px}
  .admin-table td{border-bottom:0;padding:8px 10px}
  .admin-actions{align-items:stretch}
}

/* ---------- credit divisi di halaman login ---------- */
.auth-credit{margin-top:18px;padding-top:16px;border-top:1px solid var(--line-soft);display:flex;flex-direction:column;align-items:center;gap:3px}
.auth-credit span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#4d5364}
.auth-credit strong{font-size:13px;font-weight:800;letter-spacing:.02em;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.auth-credit small{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}

/* ---------- konteks & jenis IP ---------- */
.ip-context{margin:14px 0;padding:13px 15px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);font-size:12.5px;line-height:1.65;color:#b6bcca}
.ip-context code{background:#171a22;border:1px solid var(--line);border-radius:5px;padding:1px 6px;font-size:12px;color:var(--accent-soft,#f3dda6)}
.ip-context b{color:#d3d8e2}
.ip-context.is-public{border-color:rgba(79,211,154,.35);background:rgba(79,211,154,.06)}
.ip-context.is-local{border-color:rgba(255,196,92,.32);background:rgba(255,196,92,.05)}
.kind-pill{font-size:9.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:2px 7px;border:1px solid var(--line);color:var(--dim)}
.kind-pill.is-public{border-color:rgba(79,211,154,.4);color:#a7e8cd}
.kind-pill.is-private{border-color:rgba(255,196,92,.4);color:#ffdca6}
.kind-pill.is-loopback{border-color:var(--line);color:var(--dim)}

/* ---------- kotak cek IP ---------- */
.checker-box{border:1px solid var(--line);background:var(--surface-2);border-radius:13px;padding:15px}
.checker-box>strong{display:block;font-size:13.5px;margin-bottom:5px}
.checker-box .micro{margin:0 0 12px}
.checker-box .admin-actions{gap:8px}
.checker-result{margin-top:12px;padding:11px 13px;border-radius:10px;font-size:12.5px;line-height:1.6;border:1px solid var(--line);background:var(--surface);color:#b6bcca;overflow-wrap:anywhere}
.checker-result code{background:#171a22;border:1px solid var(--line);border-radius:5px;padding:1px 6px;color:var(--accent-soft,#f3dda6)}
.checker-result b{color:#d3d8e2}
.checker-result.is-ok{border-color:rgba(79,211,154,.32);background:rgba(79,211,154,.06)}
.checker-result.is-warn{border-color:rgba(255,196,92,.32);background:rgba(255,196,92,.05)}

.ip-context.is-admin{border-color:rgba(227,189,104,.35);background:rgba(227,189,104,.06)}