/*
  StarNama Report Modern UI — CSS-only override
  Safe mode: no PHP, no HTML, no class/id changes.
  Load this file after the original report stylesheet.
*/

:root{
  --snm-bg:#f5f7fb;
  --snm-bg-2:#eef4ff;
  --snm-card:rgba(255,255,255,.86);
  --snm-card-solid:#ffffff;
  --snm-text:#0f172a;
  --snm-muted:#64748b;
  --snm-soft:#f8fafc;
  --snm-line:rgba(148,163,184,.28);
  --snm-line-strong:rgba(100,116,139,.32);
  --snm-blue:#2563eb;
  --snm-cyan:#06b6d4;
  --snm-green:#16a34a;
  --snm-lime:#22c55e;
  --snm-red:#dc2626;
  --snm-orange:#f97316;
  --snm-purple:#7c3aed;
  --snm-shadow:0 18px 55px rgba(15,23,42,.08);
  --snm-shadow-sm:0 10px 28px rgba(15,23,42,.06);
  --snm-shadow-lg:0 32px 90px rgba(2,6,23,.22);
  --snm-radius:26px;
  --snm-radius-sm:18px;
  --snm-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}

@media (prefers-color-scheme:dark){
  :root{
    --snm-bg:#050816;
    --snm-bg-2:#0b1220;
    --snm-card:rgba(15,23,42,.76);
    --snm-card-solid:#0f172a;
    --snm-text:#e5edf7;
    --snm-muted:#9aa8ba;
    --snm-soft:rgba(30,41,59,.72);
    --snm-line:rgba(148,163,184,.18);
    --snm-line-strong:rgba(148,163,184,.26);
    --snm-shadow:0 18px 55px rgba(0,0,0,.25);
    --snm-shadow-sm:0 10px 28px rgba(0,0,0,.2);
    --snm-shadow-lg:0 32px 90px rgba(0,0,0,.42);
  }
}

body.dark,
body.dark-mode,
body.theme-dark,
html.dark,
[data-theme="dark"]{
  --snm-bg:#050816;
  --snm-bg-2:#0b1220;
  --snm-card:rgba(15,23,42,.76);
  --snm-card-solid:#0f172a;
  --snm-text:#e5edf7;
  --snm-muted:#9aa8ba;
  --snm-soft:rgba(30,41,59,.72);
  --snm-line:rgba(148,163,184,.18);
  --snm-line-strong:rgba(148,163,184,.26);
  --snm-shadow:0 18px 55px rgba(0,0,0,.25);
  --snm-shadow-sm:0 10px 28px rgba(0,0,0,.2);
  --snm-shadow-lg:0 32px 90px rgba(0,0,0,.42);
}

body{
  font-family:var(--snm-font);
  background:
    radial-gradient(circle at 8% -8%, rgba(37,99,235,.12), transparent 30%),
    radial-gradient(circle at 96% 5%, rgba(6,182,212,.10), transparent 28%),
    radial-gradient(circle at 50% 100%, rgba(124,58,237,.08), transparent 30%),
    var(--snm-bg) !important;
  color:var(--snm-text);
}

.page-container{
  max-width:1320px !important;
  margin:20px auto !important;
  padding:clamp(12px,2vw,28px) !important;
}

/* General cards */
.card-section{
  position:relative;
  border:1px solid var(--snm-line) !important;
  border-radius:var(--snm-radius) !important;
  background:var(--snm-card) !important;
  box-shadow:var(--snm-shadow) !important;
  padding:clamp(18px,2.2vw,30px) !important;
  margin-bottom:24px !important;
  overflow:hidden;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  animation:none !important;
}

.card-section::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);
  pointer-events:none;
}

.card-section h3,
.status-wrapper h3{
  margin:0 0 12px !important;
  padding:0 !important;
  border-left:0 !important;
  color:var(--snm-text) !important;
  font-size:clamp(21px,2vw,28px) !important;
  line-height:1.13 !important;
  letter-spacing:-.03em;
  font-weight:900 !important;
}

.card-section h4{
  margin:22px 0 10px;
  color:var(--snm-text);
  font-weight:850;
  letter-spacing:-.015em;
}

.card-section p,
.card-section li,
.wpssc-muted{
  color:var(--snm-muted) !important;
  font-size:15px;
  line-height:1.75;
}

.card-section b,
.card-section strong{
  color:var(--snm-text);
}

.card-section hr{
  border:0 !important;
  height:1px !important;
  margin:14px 0 18px !important;
  background:linear-gradient(90deg,rgba(37,99,235,.34),var(--snm-line),transparent) !important;
  opacity:1 !important;
}

/* Hero */
.sn-hero{
  position:relative;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(280px,360px) !important;
  gap:24px !important;
  padding:clamp(26px,4vw,46px) !important;
  margin:0 0 22px !important;
  border-radius:34px !important;
  border:1px solid rgba(148,163,184,.22) !important;
  background:
    radial-gradient(circle at 18% 18%, rgba(56,189,248,.34), transparent 28%),
    radial-gradient(circle at 86% 12%, rgba(34,197,94,.23), transparent 24%),
    radial-gradient(circle at 58% 100%, rgba(124,58,237,.18), transparent 28%),
    linear-gradient(135deg,#020617 0%,#0f172a 54%,#172554 100%) !important;
  color:#fff !important;
  box-shadow:var(--snm-shadow-lg) !important;
  overflow:hidden;
}

.sn-hero::before{
  content:"";
  position:absolute;
  inset:-1px;
  background:linear-gradient(135deg,rgba(255,255,255,.16),transparent 34%,rgba(56,189,248,.14));
  pointer-events:none;
}

.sn-hero::after{
  content:"";
  position:absolute;
  right:-80px;
  bottom:-120px;
  width:320px;
  height:320px;
  border-radius:999px;
  background:rgba(6,182,212,.15);
  filter:blur(8px);
  pointer-events:none;
}

.sn-hero-main,
.sn-score-panel{
  position:relative;
  z-index:2;
}

.sn-kicker{
  display:inline-flex !important;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  padding:8px 12px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.16) !important;
  background:rgba(255,255,255,.08) !important;
  color:#dbeafe !important;
  font-size:13px !important;
  font-weight:850 !important;
  letter-spacing:.02em;
}

.sn-live-dot{
  width:9px !important;
  height:9px !important;
  border-radius:999px;
  background:#22c55e !important;
  box-shadow:0 0 0 7px rgba(34,197,94,.14),0 0 22px rgba(34,197,94,.8) !important;
}

.sn-owner-verified{
  display:inline-flex !important;
  align-items:center;
  gap:7px;
  margin-left:0 !important;
  padding:6px 10px !important;
  border-radius:999px !important;
  border:1px solid rgba(125,211,252,.38) !important;
  background:rgba(224,242,254,.96) !important;
  color:#075985 !important;
  box-shadow:0 10px 24px rgba(14,165,233,.16) !important;
  font-weight:900 !important;
  white-space:nowrap;
}

.sn-owner-verified svg{
  width:18px !important;
  height:18px !important;
}

.sn-hero h1{
  margin:18px 0 12px !important;
  max-width:860px;
  color:#fff !important;
  font-size:clamp(34px,5vw,58px) !important;
  line-height:1.02 !important;
  letter-spacing:-.055em !important;
  font-weight:950 !important;
  overflow-wrap:anywhere;
}

.sn-hero p{
  max-width:780px !important;
  color:#cbd5e1 !important;
  font-size:16px !important;
  line-height:1.8 !important;
}

.sn-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:20px !important;
}

.sn-btn,
.btn,
.btn-sm{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:0 !important;
  border-radius:14px !important;
  padding:11px 16px !important;
  font-size:14px !important;
  font-weight:850 !important;
  line-height:1.2 !important;
  text-decoration:none !important;
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, opacity .18s ease;
}

.sn-btn:hover,
.btn:hover,
.btn-sm:hover{
  transform:translateY(-2px);
}

.sn-btn-primary,
.btn-primary{
  background:linear-gradient(135deg,#3b82f6,#06b6d4) !important;
  color:#fff !important;
  box-shadow:0 14px 32px rgba(37,99,235,.25) !important;
}



.btn-success{background:linear-gradient(135deg,#16a34a,#22c55e) !important;color:#fff !important;box-shadow:0 12px 26px rgba(34,197,94,.22) !important;}
.btn-danger{background:linear-gradient(135deg,#dc2626,#f97316) !important;color:#fff !important;box-shadow:0 12px 26px rgba(239,68,68,.20) !important;}
.btn-warning{background:linear-gradient(135deg,#f59e0b,#f97316) !important;color:#fff !important;box-shadow:0 12px 26px rgba(245,158,11,.20) !important;}

.sn-score-panel{
  display:flex !important;
  flex-direction:column;
  align-items:center !important;
  justify-content:center !important;
  min-width:0;
  padding:20px !important;
  border-radius:28px !important;
  border:1px solid rgba(255,255,255,.15) !important;
  background:rgba(255,255,255,.08) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 20px 55px rgba(0,0,0,.22) !important;
  backdrop-filter:blur(18px);
}

.sn-score-ring,
.wpssc-score-circle{
  --p:calc(var(--score, 0) * 1%);
  width:clamp(150px,17vw,190px) !important;
  height:clamp(150px,17vw,190px) !important;
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-radius:999px !important;
  background:
    radial-gradient(circle at center,#0f172a 0 58%,transparent 59%),
    conic-gradient(#22c55e var(--p),rgba(255,255,255,.16) 0) !important;
  color:#fff !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 18px 46px rgba(0,0,0,.28) !important;
}

.sn-score-ring span,
.wpssc-score-circle span{
  font-size:clamp(42px,5vw,58px) !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:-.05em;
}

.sn-score-ring small,
.wpssc-score-circle small{
  color:#cbd5e1 !important;
  font-weight:850 !important;
}

.sn-status-pill{
  margin-top:14px !important;
  padding:8px 14px !important;
  border-radius:999px !important;
  font-size:12px !important;
  font-weight:950 !important;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.sn-status-pill.is-up {
    background: rgb(34 197 94 / 34%) !important;
    border: 1px solid rgba(34, 197, 94, .34) !important;
}

.sn-status-pill.is-down{
  background:rgba(239,68,68,.18) !important;
  color:#fecaca !important;
  border:1px solid rgba(239,68,68,.34) !important;
}

.sn-mini-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:8px !important;
  width:100%;
  margin-top:16px !important;
}

.sn-mini-grid div{
  padding:13px 8px !important;
  border-radius:16px !important;
  background:rgba(15,23,42,.52) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  text-align:center;
}

.sn-mini-grid b{
  display:block;
  color:#fff !important;
  font-size:16px !important;
  font-weight:950 !important;
}

.sn-mini-grid span{
  display:block;
  color:#94a3b8 !important;
  font-size:10px !important;
  letter-spacing:.07em;
  text-transform:uppercase;
  font-weight:850;
}

/* Top metric cards */
.sn-metric-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
  margin:0 0 24px !important;
}

.sn-metric-card{
  position:relative;
  padding:18px !important;
  border-radius:24px !important;
  background:linear-gradient(180deg,var(--snm-card-solid),var(--snm-soft)) !important;
  border:1px solid var(--snm-line) !important;
  box-shadow:var(--snm-shadow-sm) !important;
  overflow:hidden;
}

.sn-metric-card::after{
  content:"";
  position:absolute;
  top:-42px;
  right:-42px;
  width:112px;
  height:112px;
  border-radius:999px;
  background:rgba(37,99,235,.08);
}

.sn-icon{
  position:relative;
  z-index:1;
  width:44px !important;
  height:44px !important;
  display:grid !important;
  place-items:center;
  margin-bottom:10px !important;
  border-radius:15px !important;
  background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(6,182,212,.12)) !important;
  color:var(--snm-blue) !important;
  font-weight:950;
}

.sn-metric-card span{
  position:relative;
  z-index:1;
  display:block;
  color:var(--snm-muted) !important;
  font-size:13px !important;
  font-weight:850 !important;
}

.sn-metric-card b{
  position:relative;
  z-index:1;
  display:block;
  margin:3px 0 11px !important;
  color:var(--snm-text) !important;
  font-size:26px !important;
  letter-spacing:-.04em;
  font-weight:950 !important;
}

.sn-metric-card i,
.wpssc-bar{
  position:relative;
  z-index:1;
  display:block;
  height:10px !important;
  border-radius:999px !important;
  background:rgba(148,163,184,.22) !important;
  overflow:hidden;
}

.sn-metric-card i em,
.wpssc-bar i{
  display:block;
  height:100% !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,#22c55e,#06b6d4,#2563eb) !important;
}

/* Intelligence glass cards */
.sn-intel-grid{
  display:grid !important;
  grid-template-columns:1.2fr 1fr 1fr !important;
  gap:16px !important;
  margin:18px 0 24px !important;
}

.sn-glass-card{
  position:relative;
  min-height:150px;
  padding:22px !important;
  border-radius:26px !important;
  background:linear-gradient(180deg,var(--snm-card-solid),var(--snm-soft)) !important;
  border:1px solid var(--snm-line) !important;
  box-shadow:var(--snm-shadow-sm) !important;
  overflow:hidden;
}

.sn-glass-card::after{
  content:"";
  position:absolute;
  top:-46px;
  right:-42px;
  width:126px;
  height:126px;
  border-radius:999px;
  background:rgba(6,182,212,.08);
}

.sn-reputation-card{
  background:
    radial-gradient(circle at 12% 0,rgba(37,99,235,.12),transparent 34%),
    linear-gradient(135deg,var(--snm-card-solid),var(--snm-soft)) !important;
}

.sn-card-eyebrow{
  display:inline-flex !important;
  align-items:center;
  gap:7px;
  margin-bottom:6px !important;
  color:var(--snm-blue) !important;
  font-size:12px !important;
  line-height:1.2;
  font-weight:950 !important;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.sn-card-eyebrow::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--snm-blue),var(--snm-cyan));
  box-shadow:0 0 0 5px rgba(37,99,235,.11);
}

.sn-glass-card h3{
  margin:6px 0 9px !important;
  font-size:clamp(20px,2.2vw,27px) !important;
  line-height:1.08 !important;
}

.sn-glass-card p{
  margin:0 !important;
}

/* Current live status */
.sn-section-title{
  margin:4px 0 8px !important;
  color:var(--snm-text) !important;
  font-size:clamp(24px,2.4vw,32px) !important;
  font-weight:950 !important;
  letter-spacing:-.035em;
}

.sn-live-status-card{
  display:flex !important;
  align-items:center;
  gap:16px;
  margin:18px 0 0 !important;
  padding:20px !important;
  border-radius:24px !important;
  background:linear-gradient(180deg,var(--snm-card-solid),var(--snm-soft)) !important;
  border:1px solid var(--snm-line) !important;
  box-shadow:var(--snm-shadow-sm) !important;
}

.sn-live-status-icon{
  width:56px !important;
  height:56px !important;
  min-width:56px !important;
  display:grid !important;
  place-items:center;
  border-radius:18px !important;
  color:#fff !important;
  font-size:28px !important;
  font-weight:950 !important;
  box-shadow:0 16px 34px rgba(15,23,42,.16) !important;
}

.sn-live-status-card.is-up .sn-live-status-icon{background:linear-gradient(135deg,#16a34a,#22c55e) !important;}
.sn-live-status-card.is-down .sn-live-status-icon{background:linear-gradient(135deg,#dc2626,#f97316) !important;}
.sn-live-status-card h3{margin:0 !important;font-size:clamp(22px,2.4vw,30px) !important;}
.sn-live-status-card p{margin:5px 0 0 !important;}

/* Verified strip */
.sn-verified-strip{
  display:flex !important;
  gap:14px;
  align-items:flex-start;
  margin:18px 0 18px !important;
  padding:18px 20px !important;
  border-radius:22px !important;
  border:1px solid rgba(37,99,235,.20) !important;
  background:linear-gradient(135deg,rgba(239,246,255,.96),rgba(236,254,255,.90)) !important;
  box-shadow:0 18px 45px rgba(37,99,235,.10) !important;
}

.sn-verified-medal{
  width:50px !important;
  height:50px !important;
  min-width:50px !important;
  display:grid !important;
  place-items:center;
  border-radius:17px !important;
  background:linear-gradient(135deg,#2563eb,#06b6d4) !important;
  color:#fff !important;
  box-shadow:0 14px 30px rgba(37,99,235,.28) !important;
}

.sn-verified-medal svg{width:28px !important;height:28px !important;}

/* Tables */
.table{
  width:100% !important;
  margin-top:14px !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  border:1px solid var(--snm-line) !important;
  border-radius:20px !important;
  overflow:hidden !important;
  background:var(--snm-card-solid) !important;
  box-shadow:0 10px 28px rgba(15,23,42,.04) !important;
}

.table th,
.table td{
  padding:13px 15px !important;
  border-color:var(--snm-line) !important;
  vertical-align:middle !important;
  color:var(--snm-text) !important;
}

.table th{
  width:220px;
  background:var(--snm-soft) !important;
  color:var(--snm-muted) !important;
  font-size:13px !important;
  font-weight:900 !important;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.table td{
  background:var(--snm-card-solid) !important;
  font-size:14.5px !important;
}

.sn-responsive-table{
  width:100%;
  overflow:auto;
  border:1px solid var(--snm-line) !important;
  border-radius:20px !important;
}
.sn-responsive-table .table{margin:0 !important;border:0 !important;min-width:560px;box-shadow:none !important;}

/* Lists */
.card-section ul:not(.recent-list):not(.sn-clean-list):not(.wpssc-features):not(.w3030),
.wpssc-features,
.w3030{
  list-style:none;
  margin:14px 0 0 !important;
  padding:0 !important;
  display:grid;
  gap:9px;
}

.card-section ul:not(.recent-list):not(.sn-clean-list):not(.wpssc-features):not(.w3030) > li,
.wpssc-features > li,
.w3030 > li{
  position:relative;
  padding:11px 13px 11px 42px !important;
  border:1px solid var(--snm-line) !important;
  border-radius:16px !important;
  background:var(--snm-soft) !important;
}

.card-section ul:not(.recent-list):not(.sn-clean-list):not(.wpssc-features):not(.w3030) > li::before,
.wpssc-features > li::before,
.w3030 > li::before{
  content:"✓";
  position:absolute;
  left:13px;
  top:12px;
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:rgba(34,197,94,.14);
  color:var(--snm-green);
  font-size:12px;
  font-weight:950;
}

ol{
  padding-left:22px;
  color:var(--snm-muted);
}

/* Reputation signals */
.sn-section-head{
  display:flex !important;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  margin-bottom:12px !important;
}
.sn-grade-pill{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  padding:9px 14px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#0f172a,#1e293b) !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:950 !important;
  box-shadow:0 14px 28px rgba(15,23,42,.18) !important;
  white-space:nowrap;
}

.sn-signal-columns{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:18px !important;
}

.sn-clean-list{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  display:grid;
  gap:10px;
}

.sn-clean-list li{
  position:relative;
  display:flex !important;
  gap:10px;
  align-items:flex-start;
  padding:12px 14px 12px 44px !important;
  border-radius:16px !important;
  border:1px solid var(--snm-line) !important;
  background:var(--snm-soft) !important;
  color:var(--snm-muted) !important;
}

.sn-clean-list li::before{
  content:"✓";
  position:absolute;
  left:14px;
  top:12px;
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:rgba(34,197,94,.14);
  color:var(--snm-green);
  font-size:13px;
  font-weight:950;
}

.sn-tip-list li::before{
  content:"!";
  background:rgba(249,115,22,.16);
  color:var(--snm-orange);
}

/* Code/API/Widget cards */
.sn-api-grid,
.sn-code-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:16px !important;
  margin-top:16px !important;
}

.sn-code-grid{grid-template-columns:1fr !important;}

.sn-code-card{
  min-width:0;
  padding:18px !important;
  border-radius:22px !important;
  background:
    radial-gradient(circle at 0 0,rgba(59,130,246,.22),transparent 35%),
    linear-gradient(135deg,#020617,#0f172a 60%,#111827) !important;
  color:#e2e8f0 !important;
  border:1px solid rgba(148,163,184,.22) !important;
  box-shadow:0 20px 55px rgba(2,6,23,.18) !important;
}

.sn-code-card b{color:#f8fafc !important;font-weight:900 !important;}
.sn-code-head{display:flex !important;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px !important;flex-wrap:wrap;}
.sn-copy-btn{
  border:0 !important;
  border-radius:13px !important;
  padding:10px 15px !important;
  background:linear-gradient(135deg,#2563eb,#06b6d4) !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:900 !important;
  cursor:pointer;
  box-shadow:0 12px 26px rgba(37,99,235,.25) !important;
  transition:transform .18s ease, box-shadow .18s ease;
}
.sn-copy-btn:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(37,99,235,.3) !important;}

.wpssc-code,
.sn-api-code,
.sn-widget-code,
textarea.wpssc-code,
textarea.sn-api-code,
textarea.sn-widget-code{
  width:100% !important;
  max-width:100% !important;
  min-height:112px !important;
  border:1px solid rgba(148,163,184,.18) !important;
  border-radius:18px !important;
  background:rgba(2,6,23,.72) !important;
  color:#dbeafe !important;
  padding:16px !important;
  font:13px/1.7 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace !important;
  resize:vertical;
  outline:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}

/* Technology stack */
.tech-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr)) !important;
  gap:14px !important;
}

.tech-chip{
  display:flex !important;
  align-items:center;
  gap:12px;
  padding:16px !important;
  border-radius:22px !important;
  border:1px solid var(--snm-line) !important;
  background:linear-gradient(180deg,var(--snm-card-solid),var(--snm-soft)) !important;
  box-shadow:var(--snm-shadow-sm) !important;
  transition:transform .18s ease, box-shadow .18s ease;
}

.tech-chip:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(15,23,42,.10) !important;}
.tech-icon{width:46px !important;height:46px !important;min-width:46px !important;display:grid !important;place-items:center;border-radius:16px !important;background:rgba(37,99,235,.08) !important;overflow:hidden;}
.tech-icon svg{width:34px !important;height:34px !important;}
.tech-text{display:flex !important;flex-direction:column;line-height:1.18;}
.tech-text b{font-size:15px !important;color:var(--snm-text) !important;}
.tech-text small{margin-top:4px;color:var(--snm-muted) !important;font-size:12px !important;}

/* Score and badge */
.wpssc-pro-card{
  border:1px solid var(--snm-line) !important;
  background:var(--snm-card) !important;
}
.wpssc-score-grid{
  display:grid !important;
  grid-template-columns:minmax(150px,210px) minmax(0,1fr) !important;
  gap:24px !important;
  align-items:center;
}
.wpssc-score-circle{
  margin:auto;
  background:
    radial-gradient(circle at center,#0f172a 0 58%,transparent 59%),
    conic-gradient(#22c55e 0 82%,rgba(148,163,184,.18) 0) !important;
}
.wpssc-score-circle b{margin-top:7px;color:#fff !important;font-weight:950 !important;}
.wpssc-metric-bars{display:flex !important;flex-direction:column;gap:12px;}
.wpssc-bar-row{display:grid !important;grid-template-columns:170px 1fr 44px !important;gap:10px;align-items:center;}
.wpssc-bar-row span{color:var(--snm-muted) !important;font-weight:850 !important;}
.wpssc-bar-row b{font-weight:950 !important;}

.wpssc-badge-preview{
  position:relative;
  margin:16px 0 !important;
  padding:clamp(18px,3vw,34px) !important;
  border-radius:30px !important;
  border:1px solid rgba(148,163,184,.26) !important;
  background:
    radial-gradient(circle at 0 0,rgba(37,99,235,.33),transparent 32%),
    radial-gradient(circle at 100% 0,rgba(6,182,212,.25),transparent 30%),
    linear-gradient(135deg,#020617,#0f172a 60%,#111827) !important;
  box-shadow:0 28px 70px rgba(2,6,23,.24) !important;
  text-align:center;
  overflow:hidden;
}
.wpssc-badge-preview img{position:relative;z-index:1;width:100%;max-width:620px !important;height:auto !important;border-radius:22px;box-shadow:0 22px 60px rgba(2,6,23,.34) !important;}

/* Directory links */
.sn-v10-link-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr)) !important;
  gap:12px !important;
  margin-top:14px !important;
}
.sn-v10-link-grid a{
  min-height:56px;
  display:flex !important;
  align-items:center;
  justify-content:center;
  padding:12px 14px !important;
  border-radius:18px !important;
  border:1px solid rgba(37,99,235,.18) !important;
  background:linear-gradient(135deg,rgba(239,246,255,.95),rgba(236,254,255,.90)) !important;
  color:#1d4ed8 !important;
  font-weight:950 !important;
  text-align:center;
  text-decoration:none !important;
  box-shadow:0 12px 28px rgba(37,99,235,.08) !important;
  transition:transform .18s ease, box-shadow .18s ease;
}
.sn-v10-link-grid a:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(37,99,235,.14) !important;}

/* Claim box */
.wpssc-claim-box input,
.wpssc-claim-box textarea{
  width:100% !important;
  margin:7px 0 !important;
  padding:13px 14px !important;
  border:1px solid var(--snm-line-strong) !important;
  border-radius:16px !important;
  background:var(--snm-card-solid) !important;
  color:var(--snm-text) !important;
  outline:none;
  box-shadow:0 8px 20px rgba(15,23,42,.03) !important;
}
.wpssc-claim-box textarea{min-height:92px;}
.wpssc-claim-box pre,
#wpssc-claim-result{
  padding:14px !important;
  border-radius:16px !important;
  background:var(--snm-soft) !important;
  border:1px solid var(--snm-line) !important;
  color:var(--snm-text) !important;
  overflow:auto;
}
.sn-verify-help{
  padding:13px 15px !important;
  border-radius:16px !important;
  background:linear-gradient(135deg,rgba(37,99,235,.11),rgba(6,182,212,.10)) !important;
  border:1px solid rgba(37,99,235,.18) !important;
  color:var(--snm-muted) !important;
}
code{
  padding:3px 7px;
  border-radius:8px;
  background:rgba(37,99,235,.10);
  color:#1d4ed8;
}

/* History, recent, sidebar */
.recent-list{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  display:grid;
  gap:9px;
}
.recent-list li{
  display:flex !important;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin:0 !important;
  padding:12px 13px !important;
  border:1px solid var(--snm-line) !important;
  border-radius:16px !important;
  background:var(--snm-soft) !important;
}
.recent-list a{color:var(--snm-blue) !important;font-weight:850;text-decoration:none !important;overflow-wrap:anywhere;}
.recent-list a:hover{text-decoration:underline !important;}
.badge{border-radius:999px !important;padding:5px 9px !important;font-size:11px !important;font-weight:950 !important;letter-spacing:.04em;}
.bg-success{background:linear-gradient(135deg,#16a34a,#22c55e) !important;}
.bg-danger{background:linear-gradient(135deg,#dc2626,#f97316) !important;}
.sn-sidebar-card{position:sticky;top:18px;}

/* Loaders, screenshot, performance, chart */
.loader{padding:34px 20px !important;text-align:center;}
.loader p{color:var(--snm-muted) !important;font-weight:700;}
.radar-loader span{border-color:var(--snm-blue) !important;}
#screenshot-result img{
  max-width:100% !important;
  border-radius:24px !important;
  border:1px solid var(--snm-line) !important;
  box-shadow:0 24px 70px rgba(15,23,42,.16) !important;
}
#performance-result{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
#performance-result p{
  margin:0 !important;
  padding:14px 16px !important;
  border-radius:18px !important;
  border:1px solid rgba(37,99,235,.20) !important;
  background:linear-gradient(180deg,var(--snm-card-solid),var(--snm-soft)) !important;
}
#uptimeChart{
  width:100% !important;
  max-height:360px;
  margin:18px 0 0 !important;
  padding:14px !important;
  border:1px solid var(--snm-line) !important;
  border-radius:20px !important;
  background:var(--snm-card-solid) !important;
}
#wpssc-live-refresh-box{
  border-left:0 !important;
  border-color:rgba(14,165,233,.25) !important;
  background:linear-gradient(135deg,rgba(240,249,255,.96),rgba(236,254,255,.88)) !important;
}

/* Forms */
.status-form{
  display:flex;
  gap:10px;
  margin:20px 0;
}
.status-form input{
  flex:1;
  min-width:0;
  padding:13px 14px !important;
  border:1px solid var(--snm-line-strong) !important;
  border-radius:15px !important;
  background:var(--snm-card-solid) !important;
  color:var(--snm-text) !important;
  outline:none;
}
.status-form button{
  border:0 !important;
  border-radius:15px !important;
  background:linear-gradient(135deg,#2563eb,#06b6d4) !important;
  color:#fff !important;
  font-weight:900 !important;
  padding:13px 18px !important;
  box-shadow:0 14px 30px rgba(37,99,235,.22) !important;
}

/* Dark mode refinements */
@media (prefers-color-scheme:dark){
  .table td,.table th{background:rgba(15,23,42,.88) !important;}
  .table th{background:rgba(30,41,59,.88) !important;}
  .sn-v10-link-grid a{background:linear-gradient(135deg,rgba(30,41,59,.94),rgba(15,23,42,.92)) !important;color:#93c5fd !important;}
  code{background:rgba(96,165,250,.14);color:#93c5fd;}
  #wpssc-live-refresh-box{background:linear-gradient(135deg,rgba(8,47,73,.72),rgba(15,23,42,.88)) !important;}
}
body.dark .table td,body.dark .table th,
body.dark-mode .table td,body.dark-mode .table th,
[data-theme="dark"] .table td,[data-theme="dark"] .table th{background:rgba(15,23,42,.88) !important;}
body.dark .table th,body.dark-mode .table th,[data-theme="dark"] .table th{background:rgba(30,41,59,.88) !important;}
body.dark code,body.dark-mode code,[data-theme="dark"] code{background:rgba(96,165,250,.14);color:#93c5fd;}

/* Responsive */
@media(max-width:1200px){
  .sn-intel-grid{grid-template-columns:1fr 1fr !important;}
  .sn-intel-grid .sn-reputation-card{grid-column:1/-1;}
}
@media(max-width:992px){
  .sn-hero{grid-template-columns:1fr !important;}
  .sn-score-panel{width:100%;}
  .sn-api-grid,.sn-signal-columns{grid-template-columns:1fr !important;}
  .sn-sidebar-card{position:static;}
  .page-container .row{row-gap:0;}
}
@media(max-width:768px){
  .page-container{padding:10px !important;margin:10px auto !important;}
  .card-section{padding:18px !important;border-radius:22px !important;margin-bottom:18px !important;}
  .sn-hero{padding:22px 16px !important;border-radius:24px !important;}
  .sn-metric-grid,.sn-intel-grid{grid-template-columns:1fr !important;}
  .sn-section-head{flex-direction:column;}
  .wpssc-score-grid{grid-template-columns:1fr !important;}
  .wpssc-bar-row{grid-template-columns:1fr !important;gap:6px !important;}
  .sn-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
  .table th{width:150px;}
  #performance-result{grid-template-columns:1fr;}
  .sn-code-head{align-items:flex-start;}
  .sn-copy-btn{width:100%;}
}
@media(max-width:560px){
  .sn-hero h1{font-size:32px !important;}
  .sn-actions .sn-btn,.sn-btn,.btn-sm{width:100%;}
  .sn-mini-grid{grid-template-columns:1fr !important;}
  .sn-live-status-card{flex-direction:column;align-items:flex-start !important;}
  .sn-verified-strip{flex-direction:column;}
  .sn-api-grid,.sn-code-grid{grid-template-columns:1fr !important;}
  .table{display:block;overflow:auto;}
  .table th,.table td{font-size:13px !important;min-width:120px;}
  .recent-list li{display:block !important;}
  .recent-list .badge{display:inline-block;margin-top:7px;}
  .status-form{flex-direction:column;}
  .status-form button{width:100%;}
}

/* =========================================================
   StarNama Theme Sync Patch
   Main theme uses body.sn-light for light mode.
   Default body = dark mode. Keep this block at the very end.
   ========================================================= */

body:not(.sn-light){
  --snm-bg:var(--sn-bg,#07111f);
  --snm-bg-2:var(--sn-bg-2,#0b1b2f);
  --snm-card:rgba(19,34,53,.86);
  --snm-card-solid:var(--sn-card,#132235);
  --snm-text:var(--sn-text,#ffffff);
  --snm-muted:var(--sn-muted,#aebed0);
  --snm-soft:rgba(255,255,255,.055);
  --snm-line:var(--sn-line,rgba(255,255,255,.10));
  --snm-line-strong:rgba(255,255,255,.16);
  --snm-shadow:var(--sn-shadow,0 22px 55px rgba(0,0,0,.28));
  --snm-shadow-sm:0 12px 30px rgba(0,0,0,.20);
  --snm-shadow-lg:0 32px 90px rgba(0,0,0,.38);
}

body.sn-light{
  --snm-bg:var(--sn-bg,#f6f9fc);
  --snm-bg-2:var(--sn-bg-2,#edf4fb);
  --snm-card:rgba(255,255,255,.92);
  --snm-card-solid:#ffffff;
  --snm-text:var(--sn-text,#0b1625);
  --snm-muted:var(--sn-muted,#526173);
  --snm-soft:#f7fbff;
  --snm-line:var(--sn-line,rgba(15,23,42,.12));
  --snm-line-strong:rgba(15,23,42,.18);
  --snm-shadow:var(--sn-shadow,0 20px 45px rgba(15,23,42,.10));
  --snm-shadow-sm:0 10px 26px rgba(15,23,42,.07);
  --snm-shadow-lg:0 26px 70px rgba(15,23,42,.16);
}

body.sn-light{
  background:
    radial-gradient(circle at top left, rgba(42,171,238,.16), transparent 34%),
    linear-gradient(135deg,var(--snm-bg),var(--snm-bg-2)) !important;
  color:var(--snm-text) !important;
}

body:not(.sn-light){
  background:
    radial-gradient(circle at top left, rgba(42,171,238,.18), transparent 34%),
    linear-gradient(135deg,var(--snm-bg),var(--snm-bg-2)) !important;
  color:var(--snm-text) !important;
}

body.sn-light .card-section,
body.sn-light .sn-metric-card,
body.sn-light .sn-glass-card,
body.sn-light .wpssc-pro-card,
body.sn-light .tech-chip,
body.sn-light .sn-live-status-card,
body.sn-light .sn-sidebar-card{
  background:var(--snm-card) !important;
  color:var(--snm-text) !important;
  border-color:var(--snm-line) !important;
  box-shadow:var(--snm-shadow) !important;
}

body:not(.sn-light) .card-section,
body:not(.sn-light) .sn-metric-card,
body:not(.sn-light) .sn-glass-card,
body:not(.sn-light) .wpssc-pro-card,
body:not(.sn-light) .tech-chip,
body:not(.sn-light) .sn-live-status-card,
body:not(.sn-light) .sn-sidebar-card{
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.035)) !important;
  color:var(--snm-text) !important;
  border-color:var(--snm-line) !important;
  box-shadow:var(--snm-shadow) !important;
}



body.sn-light .card-section p,
body.sn-light .card-section li,
body.sn-light .wpssc-muted,
body.sn-light .sn-glass-card p,
body.sn-light .tech-chip .tech-text small,
body.sn-light .sn-metric-card span{
  color:var(--snm-muted) !important;
}

body.sn-light .table,
body.sn-light .table td,
body.sn-light .table th{
  color:var(--snm-text) !important;
  border-color:var(--snm-line) !important;
}

body.sn-light .table td{background:#ffffff !important;}
body.sn-light .table th{background:#f7fbff !important;color:#263448 !important;}

body:not(.sn-light) .table td,
body:not(.sn-light) .table th{
  background:rgba(15,23,42,.58) !important;
  color:#e5edf7 !important;
  border-color:rgba(255,255,255,.09) !important;
}
body:not(.sn-light) .table th{background:rgba(255,255,255,.055) !important;color:#cfe2f3 !important;}

/* Light-mode hero: premium but not black */
body.sn-light .sn-hero{
  background:
    radial-gradient(circle at 18% 18%, rgba(42,171,238,.20), transparent 28%),
    radial-gradient(circle at 88% 10%, rgba(16,163,127,.16), transparent 24%),
    linear-gradient(135deg,#ffffff 0%,#f7fbff 48%,#edf4fb 100%) !important;
  color:#0b1625 !important;
  border-color:rgba(15,23,42,.12) !important;
  box-shadow:0 26px 70px rgba(15,23,42,.12) !important;
}
body.sn-light .sn-hero h1{color:#0b1625 !important;}
body.sn-light .sn-hero p{color:#526173 !important;}
body.sn-light .sn-kicker{
  background:rgba(42,171,238,.10) !important;
  border-color:rgba(42,171,238,.22) !important;
  color:#0874a9 !important;
}
body.sn-light .sn-score-panel{
  background:rgba(255,255,255,.82) !important;
  border-color:rgba(15,23,42,.12) !important;
  box-shadow:0 18px 45px rgba(15,23,42,.10) !important;
}
body.sn-light .sn-score-ring{
  background:
    radial-gradient(circle at center,#ffffff 0 57%,transparent 58%),
    conic-gradient(#10a37f var(--p),rgba(15,23,42,.10) 0) !important;
  color:#0b1625 !important;
  box-shadow:inset 0 0 0 1px rgba(15,23,42,.08),0 16px 38px rgba(15,23,42,.10) !important;
}
body.sn-light .sn-score-ring small{color:#526173 !important;}
body.sn-light .sn-mini-grid div{background:#f7fbff !important;border:1px solid rgba(15,23,42,.08);}
body.sn-light .sn-mini-grid b{color:#0b1625 !important;}
body.sn-light .sn-mini-grid span{color:#526173 !important;}

body.sn-light .sn-btn-ghost,
body.sn-light .sn-btn-soft{
  background:#fff !important;
  color:#0b1625 !important;
  border-color:rgba(15,23,42,.12) !important;
}
body.sn-light .sn-btn-primary{color:#fff !important;}

body.sn-light .sn-code-card,
body.sn-light .wpssc-code,
body.sn-light .sn-api-code,
body.sn-light .sn-widget-code,
body.sn-light textarea.wpssc-code{
  background:#07111f !important;
  color:#d7eefc !important;
  border-color:rgba(15,23,42,.18) !important;
}

body.sn-light .recent-list li,
body.sn-light .sn-clean-list li,
body.sn-light #performance-result p{
  background:#f7fbff !important;
  border-color:rgba(15,23,42,.10) !important;
}

body:not(.sn-light) .recent-list li,
body:not(.sn-light) .sn-clean-list li,
body:not(.sn-light) #performance-result p{
  background:rgba(255,255,255,.055) !important;
  border-color:rgba(255,255,255,.10) !important;
}

body.sn-light input,
body.sn-light textarea,
body.sn-light select{
  background:#ffffff !important;
  color:#0b1625 !important;
  border-color:rgba(15,23,42,.14) !important;
}

body:not(.sn-light) input,
body:not(.sn-light) textarea,
body:not(.sn-light) select{
  background:rgba(255,255,255,.06) !important;
  color:#ffffff !important;
  border-color:rgba(255,255,255,.12) !important;
}

body.sn-light .sn-v10-link-grid a{
  background:linear-gradient(135deg,#ffffff,#f7fbff) !important;
  color:#0874a9 !important;
  border-color:rgba(42,171,238,.20) !important;
}
body:not(.sn-light) .sn-v10-link-grid a{
  background:linear-gradient(135deg,rgba(42,171,238,.12),rgba(16,163,127,.08)) !important;
  color:#8bd7ff !important;
  border-color:rgba(255,255,255,.10) !important;
}

body.sn-light .wpssc-badge-preview{
  background:linear-gradient(135deg,#ffffff,#edf4fb) !important;
  border-color:rgba(15,23,42,.10) !important;
}
body:not(.sn-light) .wpssc-badge-preview{
  background:radial-gradient(circle at top left,rgba(42,171,238,.20),transparent 30%),linear-gradient(135deg,#07111f,#0b1b2f) !important;
}