:root {
  --bg: #0f172a;
  --panel: #111827;
  --panel-2: #182235;
  --text: #e5e7eb;
  --muted: #94a3b8;
  --border: rgba(255,255,255,.1);
  --primary: #2563eb;
  --primary-2: #1d4ed8;
  --danger: #dc2626;
  --success: #16a34a;
  --shadow: 0 24px 80px rgba(0,0,0,.32);
  --radius: 18px;
  --font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: var(--font); color: var(--text); background: #0b1120; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }

.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 38px; border: 1px solid var(--border); border-radius: 12px;
  padding: 9px 14px; color: var(--text); background: rgba(255,255,255,.06);
  cursor: pointer; font-weight: 700; transition: .15s ease;
}
.btn:hover { transform: translateY(-1px); background: rgba(255,255,255,.1); }
.btn.primary { background: var(--primary); border-color: var(--primary); color: #fff; }
.btn.primary:hover { background: var(--primary-2); }
.btn.danger { background: rgba(220, 38, 38, .12); border-color: rgba(220,38,38,.35); color: #fecaca; }
.btn.light { background: #fff; border-color: #fff; color: #0f172a; }
.btn.ghost { background: transparent; }
.btn.small { min-height: 32px; padding: 6px 10px; border-radius: 10px; font-size: 13px; }
.btn.full { width: 100%; }

.alert { padding: 12px 14px; border-radius: 14px; margin: 14px 0; border: 1px solid var(--border); }
.alert.success { background: rgba(22, 163, 74, .12); border-color: rgba(22,163,74,.35); color: #bbf7d0; }
.alert.danger { background: rgba(220, 38, 38, .12); border-color: rgba(220,38,38,.35); color: #fecaca; }
.muted, small { color: var(--muted); }

.auth-body {
  min-height: 100vh; display: grid; place-items: center; padding: 24px;
  background: radial-gradient(circle at top left, rgba(37,99,235,.28), transparent 32%), #0b1120;
}
.auth-shell { width: min(460px, 100%); }
.auth-shell.wide { width: min(760px, 100%); }
.auth-card {
  background: rgba(17,24,39,.88); border: 1px solid var(--border); border-radius: 28px;
  padding: 28px; box-shadow: var(--shadow); backdrop-filter: blur(16px);
}
.brand-mark {
  width: 44px; height: 44px; display: grid; place-items: center; border-radius: 14px;
  background: linear-gradient(135deg, #2563eb, #7c3aed); color: #fff; font-weight: 900;
}
.auth-card h1 { margin: 18px 0 8px; font-size: 28px; }
.stack { display: grid; gap: 14px; margin-top: 18px; }
.grid-form { display: grid; gap: 14px; margin-top: 18px; }
.grid-form h2 { font-size: 15px; text-transform: uppercase; letter-spacing: .08em; color: #cbd5e1; margin: 14px 0 0; }

label { display: grid; gap: 7px; color: #cbd5e1; font-weight: 700; font-size: 14px; }
input, textarea, select {
  width: 100%; border: 1px solid var(--border); background: rgba(15,23,42,.72); color: var(--text);
  border-radius: 12px; padding: 11px 12px; outline: none;
}
input:focus, textarea:focus, select:focus { border-color: rgba(59,130,246,.8); box-shadow: 0 0 0 3px rgba(37,99,235,.18); }
textarea { resize: vertical; }
.check { display: flex; align-items: center; gap: 9px; }
.check input { width: auto; }

.landing-body {
  min-height: 100vh;
  background:
    radial-gradient(circle at 15% 15%, rgba(37,99,235,.3), transparent 28%),
    radial-gradient(circle at 85% 30%, rgba(124,58,237,.26), transparent 30%),
    #0b1120;
}
.landing-shell {
  width: min(1180px, calc(100% - 40px)); margin: 0 auto; min-height: 100vh;
  display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: 42px; padding: 70px 0;
}
.hero-panel h1 { font-size: clamp(42px, 7vw, 78px); line-height: .96; margin: 18px 0; letter-spacing: -.05em; }
.hero-panel p { color: #cbd5e1; font-size: 19px; line-height: 1.75; max-width: 640px; }
.pill { display: inline-flex; border: 1px solid var(--border); background: rgba(255,255,255,.07); border-radius: 999px; padding: 9px 14px; color: #cbd5e1; font-weight: 700; }
.hero-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 30px; }
.preview-card {
  border: 1px solid var(--border); background: rgba(255,255,255,.07); border-radius: 30px;
  padding: 24px; box-shadow: var(--shadow); backdrop-filter: blur(16px);
}
.window-dot-row { display: flex; gap: 8px; margin-bottom: 18px; }
.window-dot-row span { width: 12px; height: 12px; border-radius: 50%; background: rgba(255,255,255,.28); }
.check-card { background: rgba(15,23,42,.62); border: 1px solid var(--border); border-radius: 18px; padding: 18px; margin-top: 14px; }
.check-card small { display: block; margin-bottom: 7px; }
.check-card strong { font-size: 18px; }
.landing-section { border-top: 1px solid var(--border); background: rgba(15,23,42,.72); padding: 46px max(20px, calc((100vw - 1180px)/2)); display: flex; justify-content: space-between; gap: 24px; }
.landing-section h2 { margin-top: 0; }
.landing-section p { color: #cbd5e1; max-width: 760px; }

.admin-body { min-height: 100vh; display: grid; grid-template-columns: 270px 1fr; background: #0b1120; }
.sidebar { position: sticky; top: 0; height: 100vh; padding: 22px; border-right: 1px solid var(--border); background: rgba(15,23,42,.86); }
.sidebar-brand { display: flex; align-items: center; gap: 12px; margin-bottom: 26px; }
.sidebar-brand small { display: block; margin-top: 3px; }
.sidebar nav { display: grid; gap: 8px; }
.sidebar nav a { padding: 12px 14px; border-radius: 14px; color: #cbd5e1; font-weight: 700; }
.sidebar nav a:hover, .sidebar nav a.active { background: rgba(37,99,235,.18); color: #fff; }
.main { padding: 24px; overflow: hidden; }
.topbar { display: flex; justify-content: space-between; align-items: center; gap: 18px; margin-bottom: 20px; }
.topbar h1 { margin: 0 0 5px; letter-spacing: -.03em; }
.topbar p { margin: 0; color: var(--muted); }
.stat-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-bottom: 18px; }
.stat-card { background: var(--panel); border: 1px solid var(--border); border-radius: var(--radius); padding: 18px; }
.stat-card span { display: block; color: var(--muted); font-weight: 700; }
.stat-card strong { display: block; font-size: 34px; margin-top: 10px; letter-spacing: -.04em; }
.card { background: var(--panel); border: 1px solid var(--border); border-radius: var(--radius); padding: 18px; box-shadow: 0 16px 40px rgba(0,0,0,.18); }
.card.narrow { max-width: 760px; }
.card-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
.card-header h2, .form-card h2 { margin: 0; font-size: 20px; }
.grid-two { display: grid; grid-template-columns: 420px 1fr; align-items: start; gap: 18px; }
.form-card { display: grid; gap: 14px; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.table-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; font-size: 14px; }
th, td { padding: 12px 10px; border-bottom: 1px solid var(--border); text-align: left; vertical-align: top; }
th { color: #cbd5e1; font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }
.url-cell { max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.alias-cell { min-width: 220px; max-width: 360px; }
.alias-copy-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.alias-copy-row code { word-break: break-all; }
.copy-url-preview { display: block; max-width: 330px; margin-top: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.copy-link-btn.copy-success { background: rgba(22,163,74,.16); border-color: rgba(22,163,74,.4); color: #bbf7d0; }
.alias-preview-card { display: flex; align-items: center; justify-content: space-between; gap: 12px; border: 1px solid var(--border); background: rgba(255,255,255,.04); border-radius: 14px; padding: 12px; }
.alias-preview-card span { display: block; color: var(--muted); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; margin-bottom: 5px; }
.alias-preview-card code { word-break: break-all; }
.ua-cell { max-width: 360px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #cbd5e1; }
.actions { display: flex; gap: 8px; flex-wrap: wrap; }
.actions form { margin: 0; }
.badge { display: inline-flex; align-items: center; min-height: 24px; padding: 3px 9px; border-radius: 999px; font-weight: 800; font-size: 12px; text-transform: uppercase; }
.badge.allow { background: rgba(22,163,74,.16); color: #bbf7d0; }
.badge.block { background: rgba(220,38,38,.16); color: #fecaca; }
code { color: #bfdbfe; white-space: normal; }
.filters { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 12px; }
.filters input, .filters select { width: auto; min-width: 150px; }
.right-form { display: flex; justify-content: flex-end; margin: -46px 0 12px; }

@media (max-width: 1060px) {
  .admin-body { grid-template-columns: 1fr; }
  .sidebar { position: static; height: auto; }
  .sidebar nav { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .grid-two { grid-template-columns: 1fr; }
  .landing-shell { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .main { padding: 16px; }
  .stat-grid { grid-template-columns: 1fr; }
  .sidebar nav { grid-template-columns: 1fr 1fr; }
  .topbar { align-items: flex-start; flex-direction: column; }
  .form-row { grid-template-columns: 1fr; }
  .landing-section { flex-direction: column; }
  .hero-panel h1 { font-size: 42px; }
}

/* Public business pages */
.public-body {
  min-height: 100vh;
  color: var(--text);
  background:
    radial-gradient(circle at 14% 8%, rgba(37,99,235,.28), transparent 26%),
    radial-gradient(circle at 88% 18%, rgba(124,58,237,.24), transparent 28%),
    linear-gradient(180deg, #0b1120 0%, #0f172a 55%, #111827 100%);
}
.public-nav {
  position: sticky;
  top: 0;
  z-index: 20;
  width: min(1180px, calc(100% - 36px));
  margin: 18px auto 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  border: 1px solid var(--border);
  background: rgba(15,23,42,.78);
  border-radius: 22px;
  padding: 10px 12px;
  backdrop-filter: blur(16px);
  box-shadow: 0 16px 40px rgba(0,0,0,.18);
}
.public-brand { display: inline-flex; align-items: center; gap: 10px; font-weight: 900; }
.public-brand span {
  width: 38px; height: 38px; display: grid; place-items: center;
  border-radius: 13px; background: linear-gradient(135deg, #2563eb, #7c3aed);
}
.public-nav nav { display: flex; gap: 4px; flex-wrap: wrap; justify-content: flex-end; }
.public-nav nav a { padding: 9px 12px; border-radius: 12px; color: #cbd5e1; font-weight: 800; font-size: 14px; }
.public-nav nav a:hover, .public-nav nav a.active { color: #fff; background: rgba(255,255,255,.09); }
.public-main { width: min(1180px, calc(100% - 36px)); margin: 0 auto; }
.business-hero {
  min-height: calc(100vh - 92px);
  display: grid;
  grid-template-columns: 1.08fr .92fr;
  align-items: center;
  gap: 38px;
  padding: 72px 0;
}
.public-pill {
  display: inline-flex; align-items: center; gap: 8px;
  border: 1px solid var(--border); background: rgba(255,255,255,.08);
  border-radius: 999px; padding: 9px 14px; color: #cbd5e1; font-weight: 800;
}
.business-hero h1, .policy-hero h1 {
  margin: 18px 0;
  font-size: clamp(42px, 6vw, 74px);
  line-height: .98;
  letter-spacing: -.055em;
}
.business-hero p, .policy-hero p { color: #cbd5e1; font-size: 19px; line-height: 1.75; max-width: 720px; }
.business-card, .contact-card, .policy-card, .contact-form {
  border: 1px solid var(--border);
  background: rgba(17,24,39,.78);
  border-radius: 28px;
  padding: 24px;
  box-shadow: var(--shadow);
  backdrop-filter: blur(16px);
}
.business-card h2, .contact-card h2 { margin: 8px 0 10px; font-size: 26px; }
.business-card dl, .contact-card dl { display: grid; gap: 12px; margin: 18px 0 0; }
.business-card dl div, .contact-card dl div {
  display: grid; gap: 5px; padding: 13px; border: 1px solid var(--border);
  border-radius: 16px; background: rgba(15,23,42,.56);
}
dt { color: var(--muted); font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }
dd { margin: 0; color: #e5e7eb; }
.public-section { padding: 46px 0; }
.public-section.compact { padding-top: 16px; }
.section-heading { max-width: 760px; margin-bottom: 22px; }
.section-heading span { color: #93c5fd; font-weight: 900; text-transform: uppercase; letter-spacing: .11em; font-size: 12px; }
.section-heading h2 { font-size: clamp(30px, 4vw, 48px); line-height: 1.05; letter-spacing: -.04em; margin: 10px 0; }
.section-heading p { color: #cbd5e1; font-size: 17px; line-height: 1.7; }
.service-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.service-card, .trust-section article {
  border: 1px solid var(--border);
  background: rgba(255,255,255,.06);
  border-radius: 22px;
  padding: 18px;
}
.service-card strong, .trust-section strong { font-size: 18px; }
.service-card p, .trust-section p { color: #cbd5e1; line-height: 1.65; }
.trust-section { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; padding: 18px 0 56px; }
.policy-main, .contact-main { padding: 54px 0; }
.policy-hero { margin-bottom: 24px; }
.policy-card { line-height: 1.75; color: #dbe4f0; }
.policy-card h2 { margin-top: 28px; color: #fff; }
.policy-card h2:first-child { margin-top: 0; }
.policy-card a, .contact-card a, .business-card a { color: #93c5fd; }
.contact-grid { display: grid; grid-template-columns: 1fr 390px; gap: 18px; align-items: start; }
.contact-form { display: grid; gap: 14px; }
.hp-field { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.public-footer {
  width: min(1180px, calc(100% - 36px));
  margin: 0 auto 24px;
  border-top: 1px solid var(--border);
  padding: 26px 0;
  display: grid;
  gap: 14px;
  color: #cbd5e1;
}
.public-footer p { margin: 6px 0 0; color: var(--muted); }
.public-footer-links { display: flex; gap: 12px; flex-wrap: wrap; }
.public-footer-links a { color: #93c5fd; font-weight: 800; }
.settings-card { max-width: 1080px; }
.inline-check { align-self: end; min-height: 44px; }
.message-list { display: grid; gap: 12px; }
.message-card { border: 1px solid var(--border); border-radius: 18px; background: rgba(255,255,255,.045); padding: 16px; }
.message-card header { display: flex; justify-content: space-between; gap: 14px; align-items: flex-start; margin-bottom: 12px; }
.message-card header small { display: block; margin-top: 6px; }
.message-card p { color: #dbe4f0; line-height: 1.65; }
.message-card footer { margin-top: 14px; }

@media (max-width: 1060px) {
  .business-hero, .contact-grid { grid-template-columns: 1fr; }
  .service-grid, .trust-section { grid-template-columns: 1fr 1fr; }
  .sidebar nav { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .public-nav { position: static; align-items: flex-start; flex-direction: column; }
  .public-nav nav { justify-content: flex-start; }
  .business-hero { padding: 46px 0; min-height: auto; }
  .service-grid, .trust-section { grid-template-columns: 1fr; }
  .business-hero h1, .policy-hero h1 { font-size: 40px; }
  .message-card header { flex-direction: column; }
}

/* Premium modern public landing upgrade */
.public-body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: radial-gradient(circle at 50% 20%, #000 0%, transparent 72%);
}
.public-body::after {
  content: "";
  position: fixed;
  inset: auto -10% -30% -10%;
  height: 420px;
  pointer-events: none;
  background: radial-gradient(circle, rgba(37,99,235,.24), transparent 62%);
  filter: blur(20px);
}
.public-nav {
  background: linear-gradient(180deg, rgba(15,23,42,.86), rgba(15,23,42,.62));
  box-shadow: 0 20px 60px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.06);
}
.public-nav::after {
  content: "";
  width: 1px;
  align-self: stretch;
  background: var(--border);
  order: 2;
  display: none;
}
.public-brand strong { letter-spacing: -.03em; }
.premium-page { position: relative; z-index: 1; }
.premium-hero {
  min-height: calc(100vh - 92px);
  display: grid;
  grid-template-columns: 1.03fr .97fr;
  gap: 42px;
  align-items: center;
  padding: 76px 0 48px;
}
.premium-hero-copy h1 {
  margin: 18px 0;
  max-width: 760px;
  font-size: clamp(44px, 6vw, 78px);
  line-height: .95;
  letter-spacing: -.065em;
  text-wrap: balance;
  background: linear-gradient(180deg, #fff, #c7d2fe 58%, #93c5fd);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.premium-hero-copy p {
  color: #cbd5e1;
  font-size: 18px;
  line-height: 1.82;
  max-width: 680px;
}
.glow-pill { box-shadow: inset 0 0 0 1px rgba(255,255,255,.04), 0 0 40px rgba(37,99,235,.18); }
.hero-microcopy {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin-top: 22px;
  color: #cbd5e1;
  font-size: 14px;
  font-weight: 800;
}
.routing-preview-card {
  position: relative;
  border: 1px solid rgba(96,165,250,.26);
  background: linear-gradient(180deg, rgba(15,23,42,.88), rgba(2,6,23,.74));
  border-radius: 30px;
  padding: 18px;
  box-shadow: 0 34px 100px rgba(2,6,23,.54), 0 0 80px rgba(37,99,235,.16), inset 0 1px 0 rgba(255,255,255,.08);
  overflow: hidden;
}
.routing-preview-card::before {
  content: "";
  position: absolute;
  inset: -1px;
  pointer-events: none;
  background: radial-gradient(circle at 75% 5%, rgba(59,130,246,.34), transparent 28%);
}
.preview-topbar, .preview-grid, .live-log-strip { position: relative; z-index: 1; }
.preview-topbar { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 14px; color: #e0e7ff; }
.preview-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.rule-list, .flow-card {
  border: 1px solid var(--border);
  background: rgba(15,23,42,.62);
  border-radius: 20px;
  padding: 14px;
}
.rule-list small, .flow-card small { display: block; margin-bottom: 12px; font-weight: 900; color: #93c5fd; text-transform: uppercase; letter-spacing: .08em; }
.rule-row {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255,255,255,.07);
  color: #cbd5e1;
}
.rule-row:last-child { border-bottom: 0; }
.rule-row b { color: #86efac; font-size: 12px; }
.flow-node {
  border: 1px solid rgba(255,255,255,.1);
  background: rgba(255,255,255,.06);
  border-radius: 16px;
  padding: 12px;
  text-align: center;
  font-weight: 900;
}
.flow-node.blue { border-color: rgba(59,130,246,.34); background: rgba(37,99,235,.16); color: #bfdbfe; }
.flow-line { width: 2px; height: 22px; background: rgba(147,197,253,.5); margin: 6px auto; }
.flow-split { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 10px; }
.flow-result { border-radius: 16px; padding: 12px; font-weight: 900; font-size: 13px; }
.flow-result span { display: block; margin-top: 4px; color: #cbd5e1; font-weight: 700; }
.flow-result.allow { border: 1px solid rgba(16,185,129,.32); background: rgba(16,185,129,.12); color: #86efac; }
.flow-result.block { border: 1px solid rgba(248,113,113,.34); background: rgba(220,38,38,.14); color: #fecaca; }
.live-log-strip {
  margin-top: 12px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 14px;
  align-items: center;
  border: 1px solid var(--border);
  background: rgba(15,23,42,.64);
  border-radius: 18px;
  padding: 12px 14px;
  color: #cbd5e1;
}
.sparkline { height: 28px; display: flex; align-items: end; gap: 4px; }
.sparkline i { display: block; flex: 1; min-width: 8px; border-radius: 999px 999px 0 0; background: linear-gradient(180deg, #60a5fa, #2563eb); opacity: .84; }
.sparkline i:nth-child(1){height:35%}.sparkline i:nth-child(2){height:58%}.sparkline i:nth-child(3){height:42%}.sparkline i:nth-child(4){height:78%}.sparkline i:nth-child(5){height:50%}.sparkline i:nth-child(6){height:90%}.sparkline i:nth-child(7){height:62%}.sparkline i:nth-child(8){height:72%}
.cred-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 12px;
  margin: 0 0 44px;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 26px;
  background: rgba(15,23,42,.52);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
.cred-strip article { padding: 12px; display: grid; grid-template-columns: 42px 1fr; gap: 4px 12px; align-items: center; }
.cred-strip article span { grid-row: span 2; width: 42px; height: 42px; display:grid; place-items:center; border-radius: 14px; background: rgba(37,99,235,.18); box-shadow: 0 0 34px rgba(37,99,235,.16); }
.cred-strip strong { color:#fff; }
.cred-strip p { grid-column: 2; margin: 0; color: var(--muted); line-height: 1.45; font-size: 13px; }
.section-heading.center { margin-left: auto; margin-right: auto; text-align: center; }
.feature-grid-premium { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; }
.feature-card-premium {
  position: relative;
  overflow: hidden;
  min-height: 190px;
  border: 1px solid var(--border);
  border-radius: 26px;
  padding: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
.feature-card-premium::after {
  content: "";
  position:absolute;
  right:-60px;
  top:-60px;
  width:160px;
  height:160px;
  border-radius:50%;
  background: rgba(37,99,235,.13);
  filter: blur(8px);
}
.feature-icon { width: 52px; height: 52px; display:grid; place-items:center; border-radius: 18px; background: rgba(37,99,235,.22); margin-bottom: 18px; font-size: 24px; }
.feature-card-premium strong { display:block; font-size: 19px; color:#fff; }
.feature-card-premium p { color:#cbd5e1; line-height:1.7; }
.workflow-section, .business-proof-grid {
  margin: 26px 0 56px;
  border: 1px solid var(--border);
  border-radius: 30px;
  padding: 28px;
  background: linear-gradient(180deg, rgba(15,23,42,.7), rgba(15,23,42,.42));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
.workflow-lane { display:flex; align-items:center; justify-content:center; gap: 16px; flex-wrap: wrap; }
.workflow-box {
  min-width: 210px;
  border:1px solid var(--border);
  border-radius: 20px;
  padding: 18px;
  background: rgba(2,6,23,.38);
  font-weight: 900;
  text-align: center;
}
.workflow-box small { display:block; margin-top: 7px; font-weight: 700; }
.workflow-arrow { color: #93c5fd; font-size: 34px; }
.workflow-outcomes { display:grid; gap: 10px; min-width: 260px; }
.outcome { border-radius: 18px; padding: 14px 16px; font-weight: 900; }
.outcome span { display:block; margin-top: 4px; font-size: 13px; color: #cbd5e1; font-weight: 700; word-break: break-word; }
.outcome.allow { border:1px solid rgba(16,185,129,.35); background: rgba(16,185,129,.12); color:#86efac; }
.outcome.block { border:1px solid rgba(248,113,113,.35); background: rgba(220,38,38,.13); color:#fecaca; }
.business-proof-grid { display:grid; grid-template-columns: .95fr 1.05fr; gap: 18px; }
.premium-info-card { margin: 0; }
.policy-link-panel {
  border: 1px solid var(--border);
  border-radius: 28px;
  padding: 24px;
  background: rgba(255,255,255,.055);
}
.policy-link-panel h2 { margin-top: 0; font-size: 32px; letter-spacing: -.04em; }
.policy-link-panel p { color:#cbd5e1; line-height:1.75; }
.policy-link-grid { display:grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 18px; }
.policy-link-grid a { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:76px; padding:16px; border:1px solid var(--border); border-radius:18px; background:rgba(2,6,23,.34); font-weight:900; color:#e0e7ff; }
.policy-link-grid a span { color:#93c5fd; }
@media (max-width: 1060px) {
  .premium-hero, .business-proof-grid { grid-template-columns: 1fr; }
  .cred-strip, .feature-grid-premium { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 720px) {
  .premium-hero { padding: 44px 0 28px; }
  .preview-grid, .cred-strip, .feature-grid-premium, .policy-link-grid { grid-template-columns: 1fr; }
  .routing-preview-card { border-radius: 24px; padding: 14px; }
  .workflow-section, .business-proof-grid { padding: 18px; border-radius: 24px; }
  .workflow-arrow { transform: rotate(90deg); }
}

/* ===============================
   PUBLIC THEME v3
   Strong selectors + local CSS only
   =============================== */
:root {
  --slot-bg: #050913;
  --slot-bg2: #090f1d;
  --slot-card: rgba(12, 19, 34, .82);
  --slot-card2: rgba(17, 27, 48, .72);
  --slot-line: rgba(255, 213, 128, .18);
  --slot-line-blue: rgba(102, 171, 255, .16);
  --slot-gold: #f4b942;
  --slot-gold2: #ffde85;
  --slot-blue: #5b8dff;
  --slot-text: #f8fafc;
  --slot-muted: #aab6cf;
  --slot-shadow: 0 30px 90px rgba(0,0,0,.46);
}

body.slot-public-body {
  margin: 0 !important;
  min-height: 100vh;
  color: var(--slot-text) !important;
  background:
    radial-gradient(circle at 80% 0%, rgba(91,141,255,.18), transparent 34%),
    radial-gradient(circle at 18% 8%, rgba(244,185,66,.13), transparent 27%),
    linear-gradient(180deg, #050913 0%, #08101f 55%, #050913 100%) !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  overflow-x: hidden;
}

body.slot-public-body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: radial-gradient(circle at top, black, transparent 78%);
}

.slot-nav {
  position: sticky !important;
  top: 16px !important;
  z-index: 50 !important;
  width: min(1500px, calc(100% - 48px)) !important;
  margin: 16px auto 0 !important;
  min-height: 74px;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  padding: 12px 18px !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 28px !important;
  background: rgba(5, 9, 19, .74) !important;
  box-shadow: 0 20px 70px rgba(0,0,0,.35) !important;
  backdrop-filter: blur(20px);
}

.slot-brand {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  color: var(--slot-text) !important;
  text-decoration: none !important;
  min-width: 250px;
}

.slot-brand .slot-crown {
  width: 50px;
  height: 50px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  color: var(--slot-gold2);
  font-size: 30px;
  background: linear-gradient(135deg, rgba(244,185,66,.2), rgba(91,141,255,.1));
  border: 1px solid rgba(244,185,66,.25);
  box-shadow: 0 0 34px rgba(244,185,66,.12);
}

.slot-brand strong {
  display: block;
  color: var(--slot-gold2);
  letter-spacing: .02em;
  font-size: 20px;
  line-height: 1.05;
  text-transform: uppercase;
}

.slot-brand small {
  display: block;
  color: var(--slot-muted);
  margin-top: 2px;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-size: 10px;
}

.slot-nav-links {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  flex: 1;
}

.slot-nav-links a {
  display: inline-flex !important;
  min-height: 42px;
  align-items: center !important;
  padding: 0 15px !important;
  border-radius: 999px !important;
  color: #dbe4f0 !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  border: 1px solid transparent;
}

.slot-nav-links a:hover,
.slot-nav-links a.active {
  color: var(--slot-gold2) !important;
  background: rgba(244,185,66,.08) !important;
  border-color: rgba(244,185,66,.16) !important;
}

.slot-nav-cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px;
  padding: 0 20px !important;
  border-radius: 999px !important;
  color: #190f03 !important;
  font-weight: 950 !important;
  background: linear-gradient(135deg, var(--slot-gold2), var(--slot-gold)) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  text-decoration: none !important;
  box-shadow: 0 16px 40px rgba(244,185,66,.2) !important;
}

.slot-main {
  width: min(1500px, calc(100% - 48px)) !important;
  margin: 0 auto !important;
}

.slot-hero {
  position: relative;
  display: grid !important;
  grid-template-columns: minmax(0, .93fr) minmax(540px, 1.07fr) !important;
  align-items: center !important;
  gap: 44px !important;
  padding: 58px 0 38px !important;
  min-height: 690px;
}

.slot-hero::before {
  content: "";
  position: absolute;
  inset: 34px -20px auto auto;
  width: 58%;
  height: 610px;
  background:
    linear-gradient(90deg, rgba(5,9,19,.1), rgba(5,9,19,.65)),
    radial-gradient(circle at 60% 45%, rgba(244,185,66,.22), transparent 24%),
    radial-gradient(circle at 64% 42%, rgba(91,141,255,.22), transparent 28%),
    linear-gradient(135deg, rgba(17,27,48,.86), rgba(5,9,19,.2));
  border-radius: 44px;
  border: 1px solid rgba(255,255,255,.06);
  filter: saturate(1.1);
  z-index: -1;
  box-shadow: inset 0 0 80px rgba(91,141,255,.08), 0 50px 120px rgba(0,0,0,.42);
}

.slot-hero-copy {
  max-width: 720px;
}

.slot-pill {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 0 16px;
  border-radius: 999px;
  color: var(--slot-gold2);
  font-weight: 950;
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  border: 1px solid rgba(244,185,66,.24);
  background: rgba(244,185,66,.08);
  box-shadow: 0 0 30px rgba(244,185,66,.08);
}

.slot-hero h1 {
  margin: 22px 0 18px !important;
  color: var(--slot-text) !important;
  font-size: clamp(46px, 5vw, 82px) !important;
  line-height: .95 !important;
  letter-spacing: -.065em !important;
  text-transform: uppercase;
}

.slot-hero h1::first-line {
  color: #fff;
}

.slot-hero h1 strong,
.slot-hero h1 em {
  color: var(--slot-gold2);
  font-style: normal;
}

.slot-hero p {
  margin: 0 !important;
  max-width: 690px;
  color: #cbd6ea !important;
  font-size: 18px !important;
  line-height: 1.76 !important;
}

.slot-actions {
  display: flex !important;
  gap: 14px !important;
  flex-wrap: wrap;
  margin-top: 28px !important;
}

.slot-btn {
  min-height: 64px !important;
  min-width: 196px;
  display: inline-flex !important;
  flex-direction: column;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 4px;
  padding: 0 24px !important;
  border-radius: 17px !important;
  text-decoration: none !important;
  font-weight: 950 !important;
  border: 1px solid rgba(255,255,255,.12) !important;
}

.slot-btn span {
  color: inherit;
  opacity: .72;
  font-size: 12px;
  font-weight: 800;
}

.slot-btn-gold {
  color: #170e03 !important;
  background: linear-gradient(135deg, var(--slot-gold2), var(--slot-gold)) !important;
  box-shadow: 0 20px 55px rgba(244,185,66,.22) !important;
}

.slot-btn-ghost {
  color: var(--slot-text) !important;
  background: rgba(255,255,255,.05) !important;
  border-color: rgba(244,185,66,.25) !important;
}

.slot-trust-row {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin-top: 28px !important;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 20px;
  background: rgba(12,19,34,.64);
  overflow: hidden;
}

.slot-trust-row div {
  padding: 15px 16px;
  border-right: 1px solid rgba(255,255,255,.08);
}
.slot-trust-row div:last-child { border-right: 0; }
.slot-trust-row b { display: block; color: var(--slot-gold2); font-size: 13px; }
.slot-trust-row span { display: block; color: var(--slot-muted); font-size: 12px; margin-top: 4px; }

.slot-machine-card {
  position: relative;
  min-height: 470px;
  border-radius: 38px;
  padding: 34px;
  background:
    radial-gradient(circle at 68% 15%, rgba(91,141,255,.34), transparent 28%),
    radial-gradient(circle at 16% 80%, rgba(244,185,66,.2), transparent 30%),
    linear-gradient(145deg, rgba(17,27,48,.98), rgba(5,9,19,.9));
  border: 1px solid rgba(255,255,255,.1);
  box-shadow: var(--slot-shadow), inset 0 0 0 1px rgba(244,185,66,.08);
  overflow: hidden;
}

.slot-machine-card::before {
  content: "";
  position: absolute;
  inset: 18px;
  border-radius: 28px;
  border: 1px solid rgba(244,185,66,.18);
  pointer-events: none;
}

.slot-machine-glow {
  position: absolute;
  right: -90px;
  top: -80px;
  width: 360px;
  height: 360px;
  background: radial-gradient(circle, rgba(91,141,255,.45), transparent 64%);
  filter: blur(4px);
}

.slot-jackpot {
  position: relative;
  z-index: 1;
  text-align: center;
  color: var(--slot-gold2);
  letter-spacing: .16em;
  font-weight: 950;
  font-size: 16px;
}
.slot-jackpot strong {
  display: block;
  margin-top: 10px;
  color: #fff2c8;
  font-size: clamp(28px, 3vw, 48px);
  letter-spacing: .02em;
}

.slot-reels {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin: 28px auto 20px;
  max-width: 520px;
}

.slot-reels span {
  min-height: 150px;
  display: grid;
  place-items: center;
  border-radius: 24px;
  color: #ff3333;
  font-size: clamp(70px, 7vw, 114px);
  font-weight: 1000;
  text-shadow: 0 6px 0 rgba(0,0,0,.45), 0 0 30px rgba(255,51,51,.24);
  background: linear-gradient(180deg, #fff5d7 0%, #c78b32 42%, #2b1607 43%, #0a0d15 100%);
  border: 1px solid rgba(244,185,66,.32);
  box-shadow: inset 0 30px 60px rgba(255,255,255,.08), 0 14px 34px rgba(0,0,0,.35);
}

.slot-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  max-width: 480px;
  margin: 0 auto 18px;
}

.slot-stats div {
  padding: 14px 16px;
  border-radius: 16px;
  text-align: center;
  background: rgba(5,9,19,.62);
  border: 1px solid rgba(244,185,66,.22);
}
.slot-stats small { color: var(--slot-muted); letter-spacing: .12em; font-weight: 900; }
.slot-stats b { display: block; color: var(--slot-gold2); margin-top: 4px; font-size: 18px; }

.slot-spin {
  display: block;
  width: min(320px, 100%);
  min-height: 60px;
  margin: 0 auto;
  border: 0;
  border-radius: 18px;
  color: #190f03;
  font-size: 24px;
  font-weight: 1000;
  letter-spacing: .08em;
  background: linear-gradient(135deg, var(--slot-gold2), var(--slot-gold));
  box-shadow: 0 18px 50px rgba(244,185,66,.24);
}

.venue-floating-card {
  position: absolute;
  right: 24px;
  bottom: 24px;
  width: min(270px, calc(100% - 48px));
  padding: 18px;
  border-radius: 22px;
  background: rgba(5,9,19,.78);
  border: 1px solid rgba(244,185,66,.28);
  box-shadow: 0 0 54px rgba(244,185,66,.16);
  backdrop-filter: blur(18px);
}
.venue-floating-card strong { display: block; color: var(--slot-gold2); font-size: 18px; }
.venue-floating-card span { display: block; color: var(--slot-muted); font-size: 13px; margin-top: 2px; }
.venue-floating-card ul { list-style: none; padding: 0; margin: 14px 0 0; display: grid; gap: 9px; }
.venue-floating-card li { color: #dbe4f0; font-size: 13px; }
.venue-floating-card li::before { content: "✓"; color: var(--slot-gold2); margin-right: 8px; }

.slot-feature-grid {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 14px !important;
  padding: 12px 0 22px !important;
}

.slot-feature-card {
  min-height: 168px;
  padding: 18px !important;
  border-radius: 22px !important;
  background: rgba(12,19,34,.78) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.22) !important;
}
.slot-icon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  color: var(--slot-gold2);
  font-size: 22px;
  background: rgba(244,185,66,.09);
  border: 1px solid rgba(244,185,66,.18);
  margin-bottom: 14px;
}
.slot-feature-card strong { display: block; color: #fff; font-size: 16px; }
.slot-feature-card p { margin: 8px 0 0 !important; color: var(--slot-muted) !important; font-size: 13px !important; line-height: 1.55 !important; }

.slot-how-section,
.slot-promo-section,
.slot-contact-strip,
.slot-policy-links {
  margin-top: 16px !important;
}

.slot-how-section {
  padding: 24px !important;
  border-radius: 28px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  background: rgba(12,19,34,.72) !important;
}
.slot-section-title span,
.slot-promo-card span { color: var(--slot-gold2); font-weight: 950; text-transform: uppercase; letter-spacing: .13em; font-size: 12px; }
.slot-section-title h2 { margin: 8px 0 0 !important; font-size: 34px !important; letter-spacing: -.04em; }
.slot-steps {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  align-items: stretch;
  margin-top: 18px;
}
.slot-steps article {
  padding: 18px;
  border-radius: 20px;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.08);
}
.slot-steps article span {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #190f03;
  font-weight: 950;
  background: linear-gradient(135deg, var(--slot-gold2), var(--slot-gold));
}
.slot-steps strong { display: block; margin-top: 12px; color: #fff; }
.slot-steps p { margin: 6px 0 0 !important; color: var(--slot-muted) !important; font-size: 13px !important; line-height: 1.55 !important; }
.slot-steps i { display: none; }

.slot-promo-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.slot-promo-card {
  min-height: 240px;
  padding: 28px !important;
  border-radius: 28px !important;
  background: rgba(12,19,34,.72) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  box-shadow: 0 22px 70px rgba(0,0,0,.22) !important;
}
.slot-promo-card.primary {
  background:
    radial-gradient(circle at 15% 0%, rgba(244,185,66,.22), transparent 32%),
    rgba(12,19,34,.78) !important;
  border-color: rgba(244,185,66,.24) !important;
}
.slot-promo-card h2 { margin: 10px 0 !important; font-size: clamp(28px, 3vw, 44px) !important; line-height: 1.05 !important; letter-spacing: -.04em; }
.slot-promo-card p { max-width: 620px; color: var(--slot-muted) !important; line-height: 1.7 !important; }

.slot-contact-strip {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  padding: 18px !important;
  border-radius: 28px !important;
  border: 1px solid rgba(244,185,66,.25) !important;
  background: rgba(5,9,19,.72) !important;
  box-shadow: 0 0 50px rgba(244,185,66,.08) !important;
}
.slot-contact-strip article {
  display: flex;
  gap: 14px;
  padding: 12px 18px;
  border-right: 1px solid rgba(255,255,255,.08);
}
.slot-contact-strip article:last-child { border-right: 0; }
.slot-contact-strip article > span {
  width: 44px;
  height: 44px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 16px;
  color: var(--slot-gold2);
  background: rgba(244,185,66,.08);
  border: 1px solid rgba(244,185,66,.16);
}
.slot-contact-strip strong { display: block; color: #fff; margin-bottom: 4px; }
.slot-contact-strip a, .slot-contact-strip p { margin: 0 !important; color: var(--slot-muted) !important; line-height: 1.55 !important; }

.slot-policy-links {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  padding-bottom: 24px !important;
}
.slot-policy-links a {
  position: relative;
  min-height: 112px;
  display: grid !important;
  grid-template-columns: 46px 1fr 20px;
  align-items: center;
  gap: 14px;
  padding: 18px !important;
  border-radius: 22px !important;
  background: rgba(12,19,34,.72) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  color: var(--slot-text) !important;
  text-decoration: none !important;
}
.slot-policy-links a > span {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  color: var(--slot-gold2);
  background: rgba(244,185,66,.08);
}
.slot-policy-links strong { display: block; color: #fff; }
.slot-policy-links small { display: block; margin-top: 5px; color: var(--slot-muted); }
.slot-policy-links b { color: var(--slot-gold2); font-size: 20px; }

.slot-footer {
  width: min(1500px, calc(100% - 48px)) !important;
  margin: 28px auto 28px !important;
  padding-top: 28px !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
  color: var(--slot-muted) !important;
}
.slot-footer-grid {
  display: grid;
  grid-template-columns: 1.3fr .7fr .7fr 1fr;
  gap: 28px;
}
.slot-footer-brand { color: var(--slot-gold2); font-weight: 950; font-size: 20px; }
.slot-footer p { color: var(--slot-muted) !important; line-height: 1.6 !important; margin: 8px 0 0 !important; }
.slot-footer strong { display: block; color: #fff; margin-bottom: 12px; }
.slot-footer a { display: block; color: var(--slot-muted) !important; margin: 8px 0; text-decoration: none !important; }
.slot-socials { display: flex; gap: 8px; margin-top: 16px; }
.slot-socials span { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 999px; background: rgba(255,255,255,.06); color: var(--slot-gold2); }
.slot-footer-bottom { display: flex; justify-content: space-between; gap: 14px; margin-top: 24px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.08); font-size: 13px; }

/* Policy / Contact pages with same premium theme */
.slot-public-body .policy-main,
.slot-public-body .contact-main,
.slot-public-body .public-main {
  width: min(1200px, calc(100% - 48px)) !important;
  margin: 0 auto !important;
}
.slot-public-body .policy-main,
.slot-public-body .contact-main { padding: 58px 0 24px !important; }
.slot-public-body .policy-hero h1,
.slot-public-body .contact-main h1 {
  color: #fff !important;
  font-size: clamp(42px, 5vw, 72px) !important;
  line-height: .98 !important;
  letter-spacing: -.055em !important;
}
.slot-public-body .policy-hero p,
.slot-public-body .contact-main p { color: var(--slot-muted) !important; line-height: 1.75 !important; }
.slot-public-body .policy-card,
.slot-public-body .contact-card,
.slot-public-body .contact-form,
.slot-public-body .business-card {
  border-radius: 28px !important;
  background: rgba(12,19,34,.78) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.25) !important;
}
.slot-public-body .policy-card h2 { color: var(--slot-gold2) !important; }
.slot-public-body .contact-grid { display: grid; grid-template-columns: 1fr 420px; gap: 18px; align-items: start; }
.slot-public-body input,
.slot-public-body textarea,
.slot-public-body select {
  border-color: rgba(255,255,255,.1) !important;
  background: rgba(5,9,19,.62) !important;
  color: #fff !important;
}
.slot-public-body .btn.primary,
.slot-public-body button.btn.primary {
  background: linear-gradient(135deg, var(--slot-gold2), var(--slot-gold)) !important;
  border-color: rgba(244,185,66,.3) !important;
  color: #190f03 !important;
}

@media (max-width: 1200px) {
  .slot-hero { grid-template-columns: 1fr !important; min-height: auto; }
  .slot-hero::before { width: 100%; height: 500px; opacity: .5; }
  .slot-feature-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .slot-contact-strip { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .slot-contact-strip article:nth-child(2) { border-right: 0; }
  .slot-contact-strip article:nth-child(1), .slot-contact-strip article:nth-child(2) { border-bottom: 1px solid rgba(255,255,255,.08); }
}

@media (max-width: 860px) {
  .slot-nav { position: static !important; flex-direction: column; align-items: stretch !important; width: min(100% - 28px, 720px) !important; border-radius: 22px !important; }
  .slot-brand { min-width: 0; justify-content: center; }
  .slot-nav-links { justify-content: center !important; flex-wrap: wrap; }
  .slot-nav-cta { width: 100%; }
  .slot-main, .slot-footer, .slot-public-body .policy-main, .slot-public-body .contact-main, .slot-public-body .public-main { width: calc(100% - 28px) !important; }
  .slot-hero { padding-top: 34px !important; gap: 24px !important; }
  .slot-trust-row { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .slot-trust-row div:nth-child(2) { border-right: 0; }
  .slot-trust-row div:nth-child(1), .slot-trust-row div:nth-child(2) { border-bottom: 1px solid rgba(255,255,255,.08); }
  .slot-feature-grid, .slot-steps, .slot-promo-section, .slot-policy-links, .slot-footer-grid, .slot-public-body .contact-grid { grid-template-columns: 1fr !important; }
  .slot-contact-strip { grid-template-columns: 1fr !important; }
  .slot-contact-strip article { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.08); }
  .slot-contact-strip article:last-child { border-bottom: 0; }
  .slot-machine-card { min-height: 430px; padding: 22px; }
  .venue-floating-card { position: static; width: 100%; margin-top: 18px; }
  .slot-reels span { min-height: 110px; }
  .slot-footer-bottom { flex-direction: column; }
}


/* =========================================================
   PUBLIC MOBILE LANDING THEME v1
   Clean production override for public pages
   ========================================================= */
:root {
  --gst-bg: #030712;
  --gst-bg2: #07111f;
  --gst-card: rgba(9, 16, 30, .78);
  --gst-card2: rgba(15, 25, 45, .88);
  --gst-line: rgba(255, 210, 105, .18);
  --gst-line-blue: rgba(100, 170, 255, .16);
  --gst-gold: #f8c957;
  --gst-gold2: #ffe7a3;
  --gst-blue: #5b8dff;
  --gst-green: #4ade80;
  --gst-red: #ff5c7a;
  --gst-text: #f8fafc;
  --gst-muted: #aab7cf;
  --gst-shadow: 0 30px 100px rgba(0,0,0,.5);
}

body.gst-body {
  margin: 0 !important;
  min-height: 100vh;
  overflow-x: hidden !important;
  color: var(--gst-text) !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  background:
    radial-gradient(circle at 70% -10%, rgba(248,201,87,.18), transparent 26%),
    radial-gradient(circle at 88% 14%, rgba(91,141,255,.17), transparent 30%),
    radial-gradient(circle at 14% 5%, rgba(248,201,87,.1), transparent 26%),
    linear-gradient(180deg, #030712 0%, #07111f 48%, #030712 100%) !important;
}
body.gst-body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(rgba(255,255,255,.024) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px),
    radial-gradient(circle at 80% 18%, rgba(248,201,87,.13), transparent 28%);
  background-size: 84px 84px, 84px 84px, auto;
  mask-image: radial-gradient(circle at top, black, transparent 82%);
}
body.gst-body a { text-decoration: none; color: inherit; }
body.gst-body * { box-sizing: border-box; }

.gst-nav {
  position: sticky;
  top: 14px;
  z-index: 100;
  width: min(1580px, calc(100% - 44px));
  min-height: 74px;
  margin: 14px auto 0;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 24px;
  background: rgba(3, 7, 18, .76);
  backdrop-filter: blur(18px);
  box-shadow: 0 24px 80px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.06);
}
.gst-brand { display: inline-flex; align-items: center; gap: 12px; min-width: 260px; }
.gst-crown {
  width: 48px; height: 48px; border-radius: 16px;
  display: grid; place-items: center;
  color: var(--gst-gold2); font-size: 30px;
  background: linear-gradient(135deg, rgba(248,201,87,.22), rgba(91,141,255,.1));
  border: 1px solid rgba(248,201,87,.28);
  box-shadow: 0 0 34px rgba(248,201,87,.12);
}
.gst-brand strong { display:block; color: var(--gst-gold2); font-size: 18px; line-height: 1; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
.gst-brand small { display:block; margin-top: 4px; color: var(--gst-muted); font-size: 10px; letter-spacing: .22em; text-transform: uppercase; white-space: nowrap; }
.gst-links { display: flex; align-items: center; justify-content: center; flex: 1; gap: 4px; }
.gst-links a { display:inline-flex; align-items:center; min-height: 40px; padding: 0 13px; border-radius: 999px; color:#dbe4f0; font-weight: 850; font-size: 13px; border:1px solid transparent; }
.gst-links a:hover, .gst-links a.active { color: var(--gst-gold2); border-color: rgba(248,201,87,.2); background: rgba(248,201,87,.08); }
.gst-nav-actions { display:flex; align-items:center; gap: 10px; }
.gst-play-now { min-height: 44px; padding: 0 22px; border-radius: 999px; display:inline-flex; align-items:center; justify-content:center; color:#1b1203; font-weight: 950; background: linear-gradient(135deg, var(--gst-gold2), var(--gst-gold)); box-shadow: 0 16px 44px rgba(248,201,87,.2); }
.gst-store-badge { display:inline-flex; align-items:center; gap: 10px; border:1px solid rgba(248,201,87,.28); color:#fff; background: rgba(0,0,0,.34); box-shadow: inset 0 1px 0 rgba(255,255,255,.06); }
.gst-store-badge.mini { min-height: 44px; border-radius: 14px; padding: 0 14px; }
.gst-store-badge.big { width: 100%; min-height: 70px; border-radius: 18px; padding: 0 18px; margin: 14px 0; }
.gst-store-badge small { display:block; color: var(--gst-muted); font-size: 9px; line-height: 1; letter-spacing: .08em; }
.gst-store-badge b { display:block; color:#fff; font-size: 16px; line-height: 1.1; }
.gst-store-badge.big b { font-size: 24px; }
.gst-play-icon { width: 30px; height: 30px; display:grid; place-items:center; border-radius: 9px; background: linear-gradient(135deg, #22c55e, #60a5fa 55%, #f59e0b); color:#03101c; font-size: 14px; }

.gst-main { position: relative; z-index: 1; width: min(1580px, calc(100% - 44px)); margin: 0 auto; }
.gst-hero { min-height: 670px; display: grid; grid-template-columns: minmax(0, .96fr) minmax(540px, 1.04fr); gap: 38px; align-items: center; padding: 42px 0 30px; }
.gst-hero-copy { max-width: 760px; }
.gst-pill, .slot-pill { display:inline-flex; align-items:center; gap:8px; min-height: 36px; padding: 0 14px; border-radius:999px; color: var(--gst-gold2); background:rgba(248,201,87,.09); border:1px solid rgba(248,201,87,.24); font-size:12px; font-weight:950; letter-spacing:.12em; text-transform:uppercase; }
.gst-hero h1 { margin: 20px 0 14px; font-size: clamp(46px, 5.7vw, 90px); line-height: .92; letter-spacing: -.07em; text-transform: uppercase; color:#fff; text-wrap: balance; }
.gst-hero h1 span { display:block; color: var(--gst-gold2); text-shadow: 0 0 34px rgba(248,201,87,.18); }
.gst-hero p { margin: 0; max-width: 720px; color:#cbd6ea; font-size: 18px; line-height: 1.72; }
.gst-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top: 28px; }
.gst-btn { min-width: 184px; min-height: 62px; padding: 0 22px; border-radius: 18px; display:grid; grid-template-columns: 30px 1fr; grid-template-rows:auto auto; gap: 2px 10px; align-items:center; border:1px solid rgba(255,255,255,.12); }
.gst-btn span { grid-row:1 / span 2; width:32px; height:32px; border-radius: 11px; display:grid; place-items:center; }
.gst-btn b { color:#fff; font-size:15px; }
.gst-btn small { color: var(--gst-muted); font-size:12px; }
.gst-btn.primary { background: linear-gradient(135deg, var(--gst-gold2), var(--gst-gold)); }
.gst-btn.primary b, .gst-btn.primary small { color:#1c1203; }
.gst-btn.primary span { background: rgba(0,0,0,.12); color:#1c1203; }
.gst-btn.gold { background: rgba(248,201,87,.08); border-color:rgba(248,201,87,.24); }
.gst-btn.gold span { color:var(--gst-gold2); background:rgba(248,201,87,.13); }
.gst-btn.ghost { background: rgba(91,141,255,.08); border-color:rgba(91,141,255,.25); box-shadow:0 0 36px rgba(91,141,255,.08); }
.gst-btn.ghost span { color:#bfdbfe; background:rgba(91,141,255,.18); }
.gst-trust-row { display:grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap:8px; margin-top:20px; }
.gst-trust-row article { min-height:58px; padding:9px 10px; border:1px solid rgba(255,255,255,.08); border-radius:14px; background:rgba(255,255,255,.045); display:grid; grid-template-columns:24px 1fr; gap:0 8px; align-items:center; }
.gst-trust-row span { grid-row:span 2; color:var(--gst-gold2); }
.gst-trust-row b { font-size:12px; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.gst-trust-row small { color: var(--gst-muted); font-size:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.gst-hero-visual { position:relative; min-height: 610px; border-radius: 46px; background: radial-gradient(circle at 55% 56%, rgba(248,201,87,.22), transparent 25%), radial-gradient(circle at 58% 50%, rgba(91,141,255,.24), transparent 34%), linear-gradient(135deg, rgba(15,25,45,.82), rgba(3,7,18,.44)); border:1px solid rgba(255,255,255,.08); box-shadow:var(--gst-shadow), inset 0 0 70px rgba(91,141,255,.08); overflow:hidden; }
.gst-hero-visual::before { content:""; position:absolute; inset: 0; background: radial-gradient(ellipse at center, transparent 0 38%, rgba(248,201,87,.14) 39%, transparent 40%), repeating-radial-gradient(circle at 84% 34%, rgba(248,201,87,.08) 0 2px, transparent 2px 12px); opacity:.95; }
.gst-phone { position:absolute; width:260px; min-height:440px; padding:18px; border-radius:34px; background:linear-gradient(180deg,#111827,#030712); border:8px solid #111827; box-shadow:0 36px 90px rgba(0,0,0,.55), 0 0 70px rgba(248,201,87,.14), inset 0 1px 0 rgba(255,255,255,.08); }
.phone-left { left:16%; top:70px; transform: rotate(-8deg); }
.phone-right { right:13%; top:92px; transform: rotate(8deg); }
.gst-phone-top { display:flex; align-items:center; gap:8px; justify-content:center; color:var(--gst-gold2); font-size:11px; font-weight:950; letter-spacing:.12em; }
.gst-phone-top span { width:8px; height:8px; border-radius:50%; background:var(--gst-gold); box-shadow:0 0 14px var(--gst-gold); }
.gst-jackpot { margin:12px 0; min-height:46px; display:grid; place-items:center; border-radius:13px; color:var(--gst-gold2); font-size:24px; font-weight:950; background:rgba(248,201,87,.08); border:1px solid rgba(248,201,87,.22); }
.gst-reels { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.gst-reels span { min-height:112px; display:grid; place-items:center; border-radius:18px; font-size:58px; font-weight:1000; color:#ff435f; background:linear-gradient(180deg,#fff7d6,#6f1828 50%,#120408); text-shadow:0 3px 0 #fff, 0 0 22px rgba(255,0,76,.4); }
.gst-game-stats { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-top:12px; }
.gst-game-stats div, .gst-balance, .gst-app-grid div { padding:12px; border-radius:14px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); }
.gst-game-stats small, .gst-balance small, .gst-app-grid small { display:block; color:var(--gst-muted); font-size:10px; font-weight:800; }
.gst-game-stats b, .gst-balance strong { display:block; color:var(--gst-gold2); margin-top:2px; }
.gst-phone button { width:100%; margin-top:12px; min-height:50px; border:0; border-radius:16px; color:#1b1203; background:linear-gradient(135deg,var(--gst-gold2),var(--gst-gold)); font-weight:1000; font-size:18px; }
.gst-profile { display:flex; align-items:center; gap:12px; padding-bottom:12px; border-bottom:1px solid rgba(255,255,255,.08); }
.gst-profile span { width:42px; height:42px; border-radius:14px; display:grid; place-items:center; background:rgba(248,201,87,.12); color:var(--gst-gold2); }
.gst-profile b { color:#fff; display:block; }
.gst-profile small { color:var(--gst-gold2); }
.gst-balance { margin:14px 0; }
.gst-balance strong { font-size:28px; }
.gst-app-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.gst-app-grid b { color:#fff; font-size:12px; display:block; }
.gst-coin { position:absolute; width:42px; height:42px; border-radius:50%; display:grid; place-items:center; color:#8a5700; background:linear-gradient(135deg,#fff0aa,#f8c957 60%,#9b640e); box-shadow:0 18px 35px rgba(0,0,0,.35), 0 0 26px rgba(248,201,87,.25); z-index:3; }
.coin-a { left: 11%; top: 92px; } .coin-b { right: 35%; top: 34px; transform:scale(.8); } .coin-c { right: 8%; bottom: 110px; transform:scale(.68); }

.gst-game-strip { display:grid; grid-template-columns: 1fr 350px; gap:14px; align-items:stretch; padding:18px; border:1px solid rgba(255,255,255,.08); border-radius:24px; background:rgba(5,9,19,.58); box-shadow:inset 0 1px 0 rgba(255,255,255,.05); }
.gst-section-title span { color:var(--gst-gold2); font-weight:950; font-size:12px; letter-spacing:.12em; text-transform:uppercase; }
.gst-section-title h2 { margin:8px 0 0; color:#fff; font-size:clamp(28px,3vw,44px); line-height:1.04; letter-spacing:-.045em; }
.gst-section-title.compact { grid-column: 1 / -1; }
.gst-category-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; }
.gst-category-grid article, .gst-benefit-grid article { min-width:0; padding:14px; border:1px solid rgba(255,255,255,.08); border-radius:16px; background:rgba(255,255,255,.045); display:grid; grid-template-columns:40px 1fr; gap:0 10px; align-items:center; }
.gst-category-grid span, .gst-benefit-grid span { grid-row:span 2; width:40px; height:40px; display:grid; place-items:center; border-radius:13px; background:rgba(248,201,87,.1); color:var(--gst-gold2); }
.gst-category-grid b, .gst-benefit-grid b { color:#fff; font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-transform:uppercase; letter-spacing:.02em; }
.gst-category-grid small, .gst-benefit-grid small { color:var(--gst-muted); font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.gst-progressive { display:flex; flex-direction:column; justify-content:center; align-items:center; border:1px solid rgba(248,201,87,.24); border-radius:20px; background:radial-gradient(circle at center,rgba(248,201,87,.16),rgba(255,255,255,.04)); text-align:center; }
.gst-progressive small { color:var(--gst-gold2); font-weight:950; letter-spacing:.12em; text-transform:uppercase; }
.gst-progressive strong { margin-top:6px; color:var(--gst-gold2); font-size:34px; letter-spacing:.06em; }

.gst-three-column { display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:14px; margin-top:14px; }
.gst-panel { padding:22px; border:1px solid rgba(255,255,255,.08); border-radius:24px; background:linear-gradient(180deg,rgba(15,25,45,.72),rgba(5,9,19,.58)); }
.gst-benefit-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:18px; }
.gst-panel.download ul { margin:16px 0 0; padding:0; list-style:none; display:grid; gap:10px; color:#dbeafe; }
.gst-panel.download li::before { content:'✓'; color:var(--gst-gold2); margin-right:8px; font-weight:1000; }
.gst-qr { border:1px dashed rgba(248,201,87,.35); border-radius:18px; padding:14px; display:grid; grid-template-columns:90px 1fr; gap:14px; align-items:center; }
.gst-qr i { width:90px; height:90px; border-radius:12px; background: repeating-linear-gradient(45deg,#fff 0 6px,#111827 6px 12px); display:block; }
.gst-qr p { color:var(--gst-muted); margin:0; }
.gst-preview-section { margin-top:14px; padding:24px; border:1px solid rgba(255,255,255,.08); border-radius:24px; background:rgba(5,9,19,.52); }
.gst-section-title.center { text-align:center; max-width:740px; margin:0 auto 18px; }
.gst-preview-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.gst-preview-grid article { min-height:180px; padding:18px; border-radius:22px; display:flex; flex-direction:column; justify-content:flex-end; border:1px solid rgba(255,255,255,.1); overflow:hidden; position:relative; }
.gst-preview-grid article::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 50% 24%,rgba(255,255,255,.24),transparent 23%), linear-gradient(160deg,rgba(248,201,87,.22),rgba(91,141,255,.16)); }
.gst-preview-grid .fortune { background:linear-gradient(135deg,#8a4d0f,#121826); } .gst-preview-grid .treasure { background:linear-gradient(135deg,#06725e,#111827); } .gst-preview-grid .dragon { background:linear-gradient(135deg,#8a172e,#111827); } .gst-preview-grid .fruits { background:linear-gradient(135deg,#2e7d32,#111827); }
.gst-preview-grid b, .gst-preview-grid small { position:relative; z-index:1; }
.gst-preview-grid b { font-size:20px; color:#fff; } .gst-preview-grid small { color:var(--gst-gold2); font-weight:900; text-transform:uppercase; }
.gst-promo-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-top:14px; }
.gst-promo-grid article { min-height:152px; padding:20px; border-radius:22px; border:1px solid rgba(248,201,87,.22); background:radial-gradient(circle at 70% 20%,rgba(248,201,87,.16),transparent 30%), rgba(15,25,45,.62); }
.gst-promo-grid span { color:var(--gst-gold2); font-size:12px; font-weight:950; letter-spacing:.12em; text-transform:uppercase; }
.gst-promo-grid h3 { margin:10px 0 8px; color:#fff; font-size:22px; }
.gst-promo-grid p { margin:0; color:var(--gst-muted); line-height:1.55; }
.gst-contact-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; margin-top:14px; border:1px solid rgba(248,201,87,.22); border-radius:24px; background:rgba(5,9,19,.7); overflow:hidden; }
.gst-contact-strip article { min-width:0; padding:20px; display:grid; grid-template-columns:46px 1fr; gap:12px; align-items:center; border-right:1px solid rgba(255,255,255,.08); }
.gst-contact-strip article:last-child { border-right:0; }
.gst-contact-strip span { width:46px; height:46px; display:grid; place-items:center; border-radius:16px; color:var(--gst-gold2); background:rgba(248,201,87,.1); }
.gst-contact-strip b { display:block; color:#fff; margin-bottom:4px; }
.gst-contact-strip p, .gst-contact-strip a { margin:0; color:#cbd6ea; line-height:1.55; overflow-wrap:anywhere; }
.gst-policy-row { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:14px 0 26px; }
.gst-policy-row a { min-width:0; min-height:104px; padding:18px; border-radius:20px; border:1px solid rgba(255,255,255,.08); background:rgba(15,25,45,.65); display:grid; grid-template-columns:44px minmax(0,1fr) 24px; grid-template-rows:auto auto; gap:3px 12px; align-items:center; }
.gst-policy-row span { grid-row:1 / span 2; width:44px; height:44px; display:grid; place-items:center; border-radius:14px; color:var(--gst-gold2); background:rgba(248,201,87,.1); }
.gst-policy-row b { color:#fff; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.gst-policy-row small { color:var(--gst-muted); min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.gst-policy-row i { grid-column:3; grid-row:1 / span 2; color:var(--gst-gold2); font-style:normal; font-size:22px; }

.gst-footer { position:relative; z-index:1; width:min(1580px,calc(100% - 44px)); margin: 0 auto 24px; padding:24px 0 0; border-top:1px solid rgba(255,255,255,.08); }
.gst-footer-grid { display:grid; grid-template-columns:1.3fr .6fr .75fr .9fr 1fr; gap:24px; }
.gst-footer-brand { color:var(--gst-gold2); font-size:18px; font-weight:950; text-transform:uppercase; letter-spacing:.05em; }
.gst-footer p { color:var(--gst-muted); line-height:1.55; margin:8px 0; }
.gst-footer strong { display:block; color:#fff; margin-bottom:10px; text-transform:uppercase; letter-spacing:.08em; font-size:12px; }
.gst-footer a { display:block; color:#cbd6ea; margin:8px 0; }
.gst-socials { display:flex; gap:8px; margin-top:14px; }
.gst-socials span { width:32px; height:32px; display:grid; place-items:center; border-radius:50%; color:var(--gst-gold2); background:rgba(248,201,87,.1); }
.gst-newsletter { padding:16px; border:1px solid rgba(255,255,255,.08); border-radius:18px; background:rgba(15,25,45,.54); }
.gst-newsletter form { display:flex; gap:8px; }
.gst-newsletter input { min-width:0; flex:1; border:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.05); border-radius:11px; color:#fff; padding:10px 12px; }
.gst-newsletter button { border:0; border-radius:11px; padding:0 14px; color:#1b1203; font-weight:900; background:linear-gradient(135deg,var(--gst-gold2),var(--gst-gold)); }
.gst-footer-bottom { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-top:22px; padding-top:18px; border-top:1px solid rgba(255,255,255,.08); color:var(--gst-muted); font-size:13px; }

/* Public legal/contact page cleanup */
body.gst-body .public-main { width:min(1180px,calc(100% - 44px)); margin:0 auto; position:relative; z-index:1; }
body.gst-body .policy-main, body.gst-body .contact-main { padding:54px 0 34px; }
body.gst-body .policy-hero { margin: 0 0 22px; }
body.gst-body .policy-hero h1 { margin:14px 0; font-size: clamp(42px,5vw,70px); line-height:.96; letter-spacing:-.06em; color:#fff; }
body.gst-body .policy-hero p { margin:0; max-width:780px; color:#cbd6ea; font-size:18px; line-height:1.7; }
body.gst-body .policy-card, body.gst-body .contact-form, body.gst-body .contact-card { border:1px solid rgba(255,255,255,.08); border-radius:24px; background:linear-gradient(180deg,rgba(15,25,45,.76),rgba(5,9,19,.62)); box-shadow:var(--gst-shadow); }
body.gst-body .policy-card { padding:28px; color:#dbe4f0; line-height:1.78; }
body.gst-body .policy-card h2 { color:#fff; margin:26px 0 8px; }
body.gst-body .policy-card h2:first-child { margin-top:0; }
body.gst-body .policy-card a, body.gst-body .contact-card a { color:var(--gst-gold2); }
body.gst-body .contact-grid { display:grid; grid-template-columns:minmax(0,1fr) 390px; gap:18px; align-items:start; }
body.gst-body .contact-form { display:grid; gap:14px; padding:24px; }
body.gst-body .contact-card { padding:24px; }
body.gst-body .contact-card h2 { margin:0 0 10px; }
body.gst-body .contact-card dl { display:grid; gap:12px; margin-top:18px; }
body.gst-body .contact-card dl div { border:1px solid rgba(255,255,255,.08); border-radius:16px; background:rgba(255,255,255,.04); padding:12px; }
body.gst-body dt { color:var(--gst-muted); font-size:11px; font-weight:950; text-transform:uppercase; letter-spacing:.1em; }
body.gst-body dd { margin:4px 0 0; color:#fff; overflow-wrap:anywhere; }
body.gst-body label { color:#dbe4f0; }
body.gst-body input, body.gst-body textarea, body.gst-body select { border-color:rgba(255,255,255,.1); background:rgba(255,255,255,.055); color:#fff; }
body.gst-body .btn.primary { background:linear-gradient(135deg,var(--gst-gold2),var(--gst-gold)); border:0; color:#1b1203; font-weight:950; }
body.gst-body .form-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }

@media (max-width: 1220px) {
  .gst-nav { align-items:flex-start; flex-wrap:wrap; }
  .gst-brand { min-width:auto; }
  .gst-links { order:3; width:100%; overflow-x:auto; justify-content:flex-start; padding-top:4px; }
  .gst-hero { grid-template-columns:1fr; min-height:auto; }
  .gst-hero-visual { min-height:560px; }
  .phone-left { left: 20%; } .phone-right { right: 20%; }
  .gst-game-strip, .gst-three-column { grid-template-columns:1fr; }
  .gst-category-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .gst-progressive { min-height:110px; }
  .gst-footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 860px) {
  .gst-main, .gst-nav, .gst-footer, body.gst-body .public-main { width:min(100% - 28px, 720px); }
  .gst-nav-actions { width:100%; }
  .gst-play-now, .gst-store-badge.mini { flex:1; }
  .gst-hero h1 { font-size:44px !important; }
  .gst-trust-row, .gst-benefit-grid, .gst-preview-grid, .gst-promo-grid, .gst-contact-strip, .gst-policy-row { grid-template-columns:1fr 1fr; }
  .gst-contact-strip article:nth-child(2) { border-right:0; }
  .gst-contact-strip article { border-bottom:1px solid rgba(255,255,255,.08); }
  .gst-contact-strip article:nth-child(n+3) { border-bottom:0; }
  .gst-hero-visual { min-height:520px; }
  .gst-phone { width:220px; min-height:380px; transform:none !important; }
  .phone-left { left:6%; top:60px; } .phone-right { right:6%; top:120px; }
  body.gst-body .contact-grid { grid-template-columns:1fr; }
  body.gst-body .form-row { grid-template-columns:1fr; }
  .gst-footer-bottom { flex-direction:column; align-items:flex-start; }
}
@media (max-width: 580px) {
  .gst-brand strong { font-size:14px; }
  .gst-brand small { font-size:8px; }
  .gst-links a { font-size:12px; padding:0 10px; }
  .gst-actions, .gst-nav-actions { flex-direction:column; align-items:stretch; }
  .gst-btn { width:100%; }
  .gst-category-grid, .gst-trust-row, .gst-benefit-grid, .gst-preview-grid, .gst-promo-grid, .gst-contact-strip, .gst-policy-row, .gst-footer-grid { grid-template-columns:1fr; }
  .gst-hero-visual { min-height:440px; }
  .gst-phone { width:190px; min-height:330px; padding:12px; border-width:6px; }
  .gst-reels span { min-height:76px; font-size:42px; }
  .phone-left { left:2%; top:48px; } .phone-right { right:2%; top:126px; }
  .gst-jackpot { font-size:18px; }
  .gst-balance strong { font-size:20px; }
}

/* Admin Pro Tracking Dashboard v2 */
.pro-admin {
  background:
    radial-gradient(circle at 5% 0%, rgba(250,204,21,.10), transparent 28%),
    radial-gradient(circle at 95% 8%, rgba(59,130,246,.12), transparent 32%),
    #070b14;
}
.pro-sidebar {
  background: linear-gradient(180deg, rgba(8,13,25,.96), rgba(11,17,32,.92));
  border-right: 1px solid rgba(250,204,21,.14);
}
.pro-sidebar .brand-mark {
  background: linear-gradient(135deg, #facc15, #f59e0b);
  color: #111827;
  box-shadow: 0 0 26px rgba(250,204,21,.22);
}
.pro-sidebar nav a.active,
.pro-sidebar nav a:hover {
  background: linear-gradient(135deg, rgba(250,204,21,.16), rgba(59,130,246,.12));
  color: #fff7d6;
  border: 1px solid rgba(250,204,21,.18);
}
.pro-main { padding: 28px; }
.pro-topbar {
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(15,23,42,.72);
  border-radius: 24px;
  padding: 20px;
  box-shadow: 0 20px 60px rgba(0,0,0,.22);
}
.eyebrow {
  display: inline-flex;
  color: #facc15;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.topbar-actions { display: flex; gap: 10px; align-items: center; }
.dashboard-hero {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 18px;
  align-items: center;
  margin-bottom: 18px;
  background:
    linear-gradient(135deg, rgba(250,204,21,.10), transparent 36%),
    linear-gradient(180deg, rgba(17,24,39,.92), rgba(8,13,25,.92));
  border-color: rgba(250,204,21,.16);
}
.dashboard-hero h2 {
  font-size: clamp(28px, 3.2vw, 46px);
  line-height: 1.05;
  margin: 0 0 10px;
  letter-spacing: -.04em;
}
.dashboard-hero p { color: #cbd5e1; max-width: 820px; line-height: 1.7; }
.date-filter { display: flex; gap: 10px; align-items: end; flex-wrap: wrap; }
.date-filter label { min-width: 155px; }
.pro-stat-grid { grid-template-columns: repeat(7, minmax(150px, 1fr)); overflow-x: auto; padding-bottom: 2px; }
.pro-stat {
  position: relative;
  overflow: hidden;
  min-height: 126px;
  background: linear-gradient(180deg, rgba(15,23,42,.98), rgba(15,23,42,.72));
  border-color: rgba(255,255,255,.08);
}
.pro-stat::after {
  content: "";
  position: absolute;
  inset: auto -20px -40px auto;
  width: 110px;
  height: 110px;
  border-radius: 999px;
  background: rgba(250,204,21,.11);
  filter: blur(6px);
}
.pro-stat.good::after { background: rgba(34,197,94,.15); }
.pro-stat.dangerish::after { background: rgba(239,68,68,.14); }
.pro-stat strong { font-size: 30px; }
.pro-stat small { position: relative; z-index: 1; color: #94a3b8; }
.analytics-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 18px;
}
.analytics-grid .wide { grid-column: span 3; }
.chart-card { min-height: 220px; }
.timeline-list { display: grid; gap: 12px; }
.timeline-row {
  display: grid;
  grid-template-columns: 108px 1fr 70px 58px 58px;
  align-items: center;
  gap: 10px;
  color: #cbd5e1;
}
.timeline-bar {
  height: 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.06);
}
.timeline-bar i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #facc15, #60a5fa);
  box-shadow: 0 0 22px rgba(250,204,21,.22);
}
.allow-text { color: #86efac; }
.block-text { color: #fca5a5; }
.rank-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255,255,255,.07);
}
.rank-row span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #dbeafe;
}
.rank-row b { color: #facc15; }
.links-layout { grid-template-columns: minmax(420px, 520px) 1fr; }
.link-control-card {
  position: sticky;
  top: 20px;
  max-height: calc(100vh - 40px);
  overflow: auto;
}
.form-title-row { display: flex; align-items: start; justify-content: space-between; gap: 12px; }
.check-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.pro-filters {
  display: grid;
  grid-template-columns: repeat(5, minmax(140px, 1fr));
  align-items: end;
}
.pro-filters input,
.pro-filters select { width: 100%; min-width: 0; }
.message-card {
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(15,23,42,.56);
  border-radius: 18px;
  padding: 16px;
  margin-bottom: 12px;
}
.message-card header { display: flex; justify-content: space-between; gap: 12px; }
.message-card small { color: #94a3b8; display: block; margin-top: 4px; }
.message-card footer { margin-top: 12px; }
.inline-check { margin-top: 20px; }
@media (max-width: 1280px) {
  .pro-stat-grid { grid-template-columns: repeat(4, minmax(160px, 1fr)); }
  .analytics-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .analytics-grid .wide { grid-column: span 2; }
  .links-layout { grid-template-columns: 1fr; }
  .link-control-card { position: static; max-height: none; }
}
@media (max-width: 860px) {
  .dashboard-hero { grid-template-columns: 1fr; }
  .analytics-grid, .analytics-grid .wide { grid-template-columns: 1fr; grid-column: span 1; }
  .timeline-row { grid-template-columns: 1fr; gap: 6px; }
  .pro-filters { grid-template-columns: 1fr 1fr; }
  .check-grid { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .pro-main { padding: 16px; }
  .pro-filters { grid-template-columns: 1fr; }
  .topbar-actions { width: 100%; flex-wrap: wrap; }
}

.api-health-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  margin: 18px 0 22px;
  padding: 18px;
  border-radius: 20px;
  border: 1px solid rgba(250,204,21,.22);
  background: linear-gradient(135deg, rgba(250,204,21,.09), rgba(59,130,246,.08)), rgba(15,23,42,.74);
  box-shadow: 0 18px 50px rgba(2,6,23,.22);
}
.api-health-card h2 { margin: 4px 0 8px; }
.api-health-card p { margin: 0; color: #cbd5e1; }
.api-test-form {
  display: flex;
  gap: 10px;
  align-items: center;
  min-width: 320px;
}
.api-test-form input {
  min-width: 150px;
  height: 42px;
}
.danger-text { color: #fca5a5 !important; }
@media (max-width: 760px) {
  .api-health-card { grid-template-columns: 1fr; }
  .api-test-form { min-width: 0; flex-wrap: wrap; }
  .api-test-form input { flex: 1 1 180px; }
}

/* App Store eligible landing refinement */
body.appstore-body {
  background:
    radial-gradient(circle at 16% 4%, rgba(88, 166, 255, .18), transparent 34%),
    radial-gradient(circle at 84% 10%, rgba(248, 201, 87, .16), transparent 30%),
    linear-gradient(180deg, #050714 0%, #080d1b 48%, #030712 100%) !important;
}
body.appstore-body::before {
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px) !important;
  background-size: 52px 52px !important;
  opacity: .38 !important;
}
.appstore-nav {
  border-color: rgba(148, 163, 184, .18) !important;
  background: rgba(4, 9, 20, .78) !important;
  backdrop-filter: blur(22px) !important;
}
.appstore-main .gst-hero.appstore-hero {
  grid-template-columns: minmax(0, 1fr) minmax(520px, .92fr) !important;
  min-height: 680px !important;
  gap: 42px !important;
  padding-top: 54px !important;
}
.appstore-hero .gst-pill {
  border-color: rgba(96, 165, 250, .28) !important;
  background: rgba(59, 130, 246, .10) !important;
  color: #bfdbfe !important;
}
.appstore-hero h1 {
  max-width: 850px !important;
  font-size: clamp(44px, 5.4vw, 86px) !important;
  line-height: .94 !important;
  letter-spacing: -.065em !important;
  text-transform: none !important;
}
.appstore-hero h1 span,
.appstore-hero h1 strong {
  color: var(--gst-gold2) !important;
}
.appstore-compliance-note {
  max-width: 720px;
  margin-top: 18px;
  padding: 14px 16px;
  display: grid;
  grid-template-columns: 52px 1fr;
  gap: 14px;
  align-items: center;
  border-radius: 20px;
  border: 1px solid rgba(96, 165, 250, .24);
  background: linear-gradient(135deg, rgba(96,165,250,.11), rgba(248,201,87,.07));
}
.appstore-compliance-note span {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  color: #dbeafe;
  font-weight: 1000;
  background: rgba(96, 165, 250, .14);
  border: 1px solid rgba(96, 165, 250, .22);
}
.appstore-compliance-note p {
  margin: 0 !important;
  color: #d6e4ff !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}
.appstore-actions .gst-btn.primary {
  color: #160f03 !important;
}
.appstore-actions .gst-btn.primary b,
.appstore-actions .gst-btn.primary small { color: #160f03 !important; }
.appstore-actions .gst-btn.primary span { background: rgba(0,0,0,.13) !important; }
.appstore-trust-row {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  background: rgba(15, 23, 42, .66) !important;
  border-color: rgba(148, 163, 184, .16) !important;
}
.appstore-trust-row article { min-width: 0 !important; }
.appstore-trust-row b, .appstore-trust-row small {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.appstore-hero-visual {
  min-height: 620px !important;
  border-radius: 38px !important;
  border: 1px solid rgba(148,163,184,.16) !important;
  background:
    radial-gradient(circle at 50% 30%, rgba(248,201,87,.18), transparent 35%),
    radial-gradient(circle at 70% 70%, rgba(96,165,250,.18), transparent 32%),
    rgba(15, 23, 42, .48) !important;
  box-shadow: 0 34px 120px rgba(0,0,0,.45) !important;
}
.appstore-card {
  position: absolute;
  z-index: 4;
  left: 34px;
  bottom: 34px;
  width: 260px;
  padding: 18px;
  border-radius: 22px;
  background: rgba(2, 6, 23, .76);
  border: 1px solid rgba(148, 163, 184, .18);
  box-shadow: 0 24px 70px rgba(0,0,0,.35);
}
.appstore-card b { color: #fff; display: block; }
.appstore-card small { color: var(--gst-muted); display: block; margin-top: 6px; line-height: 1.5; }
.rating-stars { color: #ffd76e; letter-spacing: 3px; margin-top: 8px; }
.app-phone-primary .app-phone-title {
  color: #fff;
  margin: 18px 0 10px;
  font-size: 30px;
  font-weight: 1000;
  letter-spacing: -.04em;
}
.app-phone-primary .gst-reels span { color: #0f172a !important; }
.app-phone-primary button { font-size: 15px !important; }
.appstore-feature-strip,
.appstore-three-column .gst-panel,
.appstore-preview-section,
.appstore-policy-grid article,
.appstore-contact-strip,
.appstore-policy-row a,
.appstore-footer .gst-newsletter {
  border-color: rgba(148, 163, 184, .16) !important;
  background: linear-gradient(180deg, rgba(15,23,42,.72), rgba(3,7,18,.58)) !important;
}
.appstore-feature-strip {
  grid-template-columns: 1fr 330px !important;
}
.appstore-category-grid article,
.appstore-benefit-grid article {
  border-color: rgba(148, 163, 184, .13) !important;
  background: rgba(255, 255, 255, .045) !important;
}
.appstore-score-card p {
  color: var(--gst-muted);
  margin: 8px 18px 0;
  text-align: center;
  line-height: 1.45;
}
.appstore-download-card .gst-store-badge.big {
  justify-content: flex-start !important;
}
.gst-store-badge.ios .gst-play-icon.apple {
  background: linear-gradient(135deg, #e5e7eb, #94a3b8) !important;
  color: #020617 !important;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 18px;
}
.appstore-download-card ul li { color: #dbeafe !important; }
.appstore-policy-grid article {
  min-height: 180px !important;
}
.appstore-policy-grid h3 { font-size: 21px !important; }
.appstore-policy-grid p { font-size: 14px !important; }
.appstore-contact-strip {
  border-color: rgba(96, 165, 250, .22) !important;
}
.appstore-policy-row a:hover,
.appstore-category-grid article:hover,
.appstore-benefit-grid article:hover {
  transform: translateY(-2px);
  border-color: rgba(248, 201, 87, .24) !important;
  box-shadow: 0 24px 64px rgba(0,0,0,.22);
}
.appstore-footer {
  border-color: rgba(148, 163, 184, .16) !important;
}
.appstore-fallback-main .business-hero,
.appstore-fallback-hero {
  align-items: stretch !important;
}
.appstore-business-card dl div dd {
  line-height: 1.55 !important;
}
.appstore-public-section .service-card {
  border-color: rgba(148, 163, 184, .16) !important;
  background: rgba(15, 23, 42, .62) !important;
}
@media (max-width: 1240px) {
  .appstore-main .gst-hero.appstore-hero {
    grid-template-columns: 1fr !important;
    min-height: auto !important;
  }
  .appstore-hero-visual { min-height: 560px !important; }
  .appstore-trust-row { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .appstore-feature-strip { grid-template-columns: 1fr !important; }
  .appstore-score-card { min-height: 170px; }
}
@media (max-width: 900px) {
  .appstore-hero h1 { font-size: clamp(38px, 12vw, 58px) !important; }
  .appstore-hero-visual { min-height: 720px !important; }
  .appstore-card { left: 18px; right: 18px; width: auto; bottom: 18px; }
  .appstore-category-grid,
  .appstore-benefit-grid,
  .appstore-preview-grid,
  .appstore-policy-grid,
  .appstore-contact-strip,
  .appstore-policy-row {
    grid-template-columns: 1fr !important;
  }
  .appstore-three-column { grid-template-columns: 1fr !important; }
}

/* Advanced Link Control / Security Rules Pack */
.links-layout { grid-template-columns: minmax(560px, 760px) minmax(0, 1fr); }
.link-control-card { gap: 16px; }
.advanced-rule-box {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid rgba(245, 158, 11, .32);
  background: linear-gradient(180deg, rgba(251, 191, 36, .07), rgba(15, 23, 42, .62));
  border-radius: 22px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.advanced-rule-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(148, 163, 184, .18);
}
.advanced-rule-head h3 { margin: 4px 0 5px; font-size: 18px; letter-spacing: -.02em; }
.advanced-rule-head p { margin: 0; color: var(--muted); line-height: 1.6; font-size: 13px; }
.quick-grid { display: grid; gap: 12px; }
.quick-grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.quick-grid.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.quick-grid textarea { min-height: 74px; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 12px; }
.blocklist-title {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: end;
  padding: 12px 0 2px;
  border-top: 1px dashed rgba(148, 163, 184, .24);
}
.blocklist-title strong { font-size: 14px; text-transform: uppercase; letter-spacing: .08em; color: #fde68a; }
.blocklist-title small { color: var(--muted); }
.strong-check {
  border: 1px solid rgba(148, 163, 184, .2);
  background: rgba(15,23,42,.55);
  border-radius: 14px;
  padding: 12px;
  font-weight: 800;
}
@media (max-width: 1180px) {
  .links-layout { grid-template-columns: 1fr; }
  .quick-grid.three { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .quick-grid.two, .quick-grid.three { grid-template-columns: 1fr; }
  .advanced-rule-head { flex-direction: column; }
}

/* Tracking health status strip */
.tracking-health {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0 16px;
}
.tracking-health span {
  border: 1px solid rgba(250, 204, 21, .18);
  background: rgba(250, 204, 21, .055);
  border-radius: 14px;
  padding: 10px 12px;
  color: var(--muted);
  font-size: 12px;
}
.tracking-health b { color: var(--text); }
.actions { min-width: 150px; }
.actions form { display: inline-flex; }
@media (max-width: 900px) {
  .tracking-health { grid-template-columns: 1fr; }
}


/* Digital product landing refinements */
.digital-main .digital-note span { background: rgba(34,197,94,.16); color:#86efac; border-color:rgba(34,197,94,.35); }
.digital-product-stack { display:grid; gap:10px; margin:18px 0; }
.digital-product-stack article { padding:12px; border:1px solid rgba(255,255,255,.1); border-radius:16px; background:rgba(255,255,255,.045); }
.digital-product-stack b { display:block; color:#fff; font-size:13px; }
.digital-product-stack small { color:var(--gst-muted); }
.digital-preview-grid article { min-height:150px; }
.digital-card-floating { border-color:rgba(34,197,94,.3); }
.digital-download-card li::marker { color:var(--gst-gold2); }
.admin-help-note { margin:8px 0 0; color:#9ca3af; font-size:12px; line-height:1.45; }
.rule-hint-grid { display:grid; gap:8px; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:10px; }
.rule-hint-grid code { display:block; white-space:normal; padding:8px; border-radius:12px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); color:#dbeafe; font-size:11px; }
@media (max-width: 900px){ .rule-hint-grid { grid-template-columns:1fr; } }

/* Rules input guide */
.rules-guide {
  margin-bottom: 18px;
}
.rules-guide p {
  color: var(--muted);
  max-width: 900px;
}
.guide-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}
.guide-grid > div {
  border: 1px solid var(--border);
  background: rgba(15, 23, 42, .55);
  border-radius: 16px;
  padding: 14px;
}
.guide-grid strong {
  display: block;
  margin-bottom: 8px;
  color: var(--text);
}
.guide-grid code {
  display: block;
  white-space: normal;
  color: #bfdbfe;
  line-height: 1.7;
}
@media (max-width: 1100px) {
  .guide-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .guide-grid { grid-template-columns: 1fr; }
}


/* Real public menu pages */
body.gst-body .menu-page-main { width:min(1200px, calc(100% - 32px)); margin:0 auto; padding:32px 0 0; }
body.gst-body .menu-page-hero { border:1px solid rgba(255,255,255,.08); border-radius:28px; padding:34px; background:linear-gradient(135deg,rgba(16,25,46,.92),rgba(7,12,24,.72)); box-shadow:var(--gst-shadow); }
body.gst-body .menu-page-hero h1 { font-size:clamp(34px,5vw,62px); margin:10px 0 14px; letter-spacing:-.04em; }
body.gst-body .menu-page-hero p { max-width:780px; color:var(--gst-muted); line-height:1.75; font-size:16px; }
body.gst-body .menu-content-section { margin-top:20px; }
body.gst-body .menu-content-section .gst-panel { min-height:auto; }
body.gst-body .menu-content-section .gst-benefit-grid article small { line-height:1.55; }
@media (max-width:760px){ body.gst-body .menu-page-main { width:min(100% - 24px, 1200px); padding-top:18px; } body.gst-body .menu-page-hero { padding:24px; } }

/* TikTok/App Store eligible public landing update */
body.eligible-body {
  --gst-gold: #facc15;
  --gst-gold2: #fde68a;
  --gst-blue: #60a5fa;
  background:
    radial-gradient(circle at 18% 6%, rgba(250,204,21,.11), transparent 28%),
    radial-gradient(circle at 82% 0%, rgba(96,165,250,.12), transparent 30%),
    linear-gradient(180deg, #060a14, #030712 55%, #050816) !important;
}
.eligible-nav { border-color: rgba(250,204,21,.16); }
.eligible-brand .gst-crown { background: linear-gradient(135deg,#fef3c7,#facc15); color:#171006; }
.eligible-note { margin-top:18px; display:grid; grid-template-columns:34px 1fr; gap:12px; align-items:start; max-width:760px; padding:14px; border:1px solid rgba(34,197,94,.22); border-radius:18px; background:rgba(34,197,94,.07); }
.eligible-note span { width:34px; height:34px; border-radius:12px; display:grid; place-items:center; color:#052e16; background:#86efac; font-weight:1000; }
.eligible-note p { margin:0; font-size:14px; line-height:1.55; color:#d9f99d; }
.eligible-hero h1 { max-width:900px; }
.eligible-hero h1::after { content:""; display:block; width:180px; height:5px; margin-top:18px; border-radius:99px; background:linear-gradient(90deg,#fde68a,#60a5fa,transparent); }
.eligible-hero-visual { min-height:620px; }
.eligible-hero-visual::after { content:"APP STORE READY"; position:absolute; right:28px; bottom:28px; color:rgba(255,255,255,.08); font-size:44px; font-weight:1000; letter-spacing:.12em; }
.eligible-phone .app-phone-title { margin:18px 0 12px; color:#fff; font-size:23px; font-weight:1000; line-height:1.05; }
.eligible-app-screen { display:grid; gap:12px; }
.eligible-balance { border:1px solid rgba(250,204,21,.22); border-radius:18px; background:rgba(250,204,21,.08); padding:16px; }
.eligible-balance small { color:#fde68a; font-weight:900; letter-spacing:.1em; }
.eligible-balance strong { display:block; color:#fff; font-size:30px; margin-top:5px; }
.eligible-tiles { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.eligible-tiles span { min-height:64px; display:grid; place-items:center; text-align:center; border:1px solid rgba(255,255,255,.1); border-radius:14px; background:rgba(255,255,255,.06); color:#dbeafe; font-size:12px; font-weight:900; }
.eligible-rating-card { border:1px solid rgba(250,204,21,.26); background:rgba(3,7,18,.76); }
.eligible-score-card strong { font-size:27px; }
.eligible-category-grid article, .eligible-benefit-grid article { background:linear-gradient(180deg,rgba(15,23,42,.82),rgba(7,13,26,.74)); }
.eligible-policy-grid article { border-color:rgba(96,165,250,.2); background:radial-gradient(circle at 72% 18%,rgba(96,165,250,.16),transparent 32%), rgba(15,25,45,.62); }
.eligible-contact-strip small { white-space:normal; overflow:visible; text-overflow:clip; }
.gst-policy-links { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:14px 0 26px; }
.gst-policy-links a { min-width:0; min-height:112px; padding:18px; border-radius:20px; border:1px solid rgba(255,255,255,.08); background:rgba(15,25,45,.65); display:grid; grid-template-columns:44px minmax(0,1fr) 24px; grid-template-rows:auto auto; gap:3px 12px; align-items:center; }
.gst-policy-links span { grid-row:1 / span 2; width:44px; height:44px; display:grid; place-items:center; border-radius:14px; color:var(--gst-gold2); background:rgba(248,201,87,.1); }
.gst-policy-links b { color:#fff; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.gst-policy-links small { color:var(--gst-muted); min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.gst-policy-links i { grid-column:3; grid-row:1 / span 2; color:var(--gst-gold2); font-style:normal; font-size:22px; }
.eligible-disclaimer { margin-top:12px; padding:10px 12px; border-radius:14px; background:rgba(34,197,94,.08); border:1px solid rgba(34,197,94,.18); color:#bbf7d0; font-weight:800; line-height:1.55; }
.eligible-disclaimer.large { display:inline-block; margin-top:18px; }
.eligible-page-main { padding-bottom:32px; }
.eligible-page-hero { padding-top:20px; }
.eligible-download-grid .store-panel { min-height:260px; }
.eligible-policy-card h2 { scroll-margin-top:120px; }
.eligible-preview-section.standalone { margin-top:0; }
.service-grid.four { grid-template-columns:repeat(4,minmax(0,1fr)); }
@media (max-width: 1220px) {
  .service-grid.four { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 860px) {
  .gst-policy-links { grid-template-columns:1fr 1fr; }
}
@media (max-width: 580px) {
  .gst-policy-links, .service-grid.four { grid-template-columns:1fr; }
  .eligible-hero-visual::after { font-size:22px; }
}


/* Bulk Block URL editor */
.bulk-block-url-panel {
  display: grid;
  grid-template-columns: minmax(190px, .8fr) minmax(260px, 1.4fr) minmax(170px, .6fr) auto;
  gap: 12px;
  align-items: end;
  margin: 14px 0 16px;
  padding: 14px;
  border: 1px solid rgba(96, 165, 250, .22);
  border-radius: 18px;
  background: rgba(37, 99, 235, .075);
}
.bulk-block-url-panel strong { display: block; color: var(--text); margin: 3px 0; }
.bulk-block-url-panel small { display: block; line-height: 1.45; }
.select-cell { width: 42px; text-align: center; }
.select-cell input[type="checkbox"] { width: 16px; height: 16px; accent-color: var(--primary); }
@media (max-width: 1180px) {
  .bulk-block-url-panel { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 720px) {
  .bulk-block-url-panel { grid-template-columns: 1fr; }
}

/* SaaS link limit controls */
.inline-limit-form {
  display: flex;
  gap: 8px;
  align-items: center;
  margin: 0 0 6px;
}
.inline-limit-form input[type="number"] {
  min-width: 130px;
}
button[disabled], .btn[disabled] {
  opacity: .55;
  cursor: not-allowed;
}

/* Copy alias feedback */
.copy-link-btn.copy-success {
  background: rgba(22, 163, 74, .18) !important;
  border-color: rgba(22, 163, 74, .55) !important;
  color: #86efac !important;
}
.copy-link-btn.copy-error {
  background: rgba(239, 68, 68, .14) !important;
  border-color: rgba(239, 68, 68, .45) !important;
  color: #fecaca !important;
}
/* Old inline copy labels are removed by JS. This rule prevents stale cached labels from taking table space. */
.copy-inline-status {
  display: none !important;
}
.copy-toast {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 99999;
  max-width: min(360px, calc(100vw - 32px));
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(15, 23, 42, .96);
  border: 1px solid rgba(34, 197, 94, .35);
  color: #ecfdf5;
  font-size: 13px;
  font-weight: 700;
  box-shadow: 0 18px 60px rgba(0, 0, 0, .28);
  opacity: 0;
  pointer-events: none;
  transform: translateY(12px);
  transition: opacity .18s ease, transform .18s ease;
}
.copy-toast.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.copy-toast.is-error {
  border-color: rgba(239, 68, 68, .4);
  color: #fee2e2;
}
@media (max-width: 640px) {
  .copy-toast { right: 16px; bottom: 16px; }
}


/* YourLink Compact Professional Admin Dashboard v3 */
:root {
  --yl-bg: #070d18;
  --yl-bg-soft: #0b1424;
  --yl-panel: rgba(15, 25, 42, .88);
  --yl-panel-2: rgba(12, 21, 36, .94);
  --yl-border: rgba(148, 163, 184, .16);
  --yl-border-strong: rgba(59, 130, 246, .26);
  --yl-text: #f8fafc;
  --yl-muted: #91a4be;
  --yl-blue: #2563eb;
  --yl-blue-2: #38bdf8;
  --yl-green: #22c55e;
  --yl-red: #ef4444;
  --yl-purple: #8b5cf6;
  --yl-gold: #f59e0b;
  --yl-cyan: #14b8a6;
}
body.admin-body.pro-admin {
  grid-template-columns: 238px minmax(0, 1fr);
  background:
    radial-gradient(circle at 18% -12%, rgba(37, 99, 235, .20), transparent 32%),
    radial-gradient(circle at 92% 0%, rgba(20, 184, 166, .12), transparent 30%),
    linear-gradient(135deg, #050914 0%, #08111f 46%, #07101e 100%);
  color: var(--yl-text);
}
.yl-sidebar {
  padding: 16px 14px;
  background: linear-gradient(180deg, rgba(6, 12, 24, .98), rgba(8, 15, 28, .94));
  border-right: 1px solid rgba(96, 165, 250, .16);
  box-shadow: 18px 0 55px rgba(0, 0, 0, .22);
  overflow-y: auto;
  z-index: 20;
}
.yl-brand {
  min-height: 54px;
  margin-bottom: 18px;
  padding: 8px 6px;
}
.yl-brand-mark {
  width: 40px;
  height: 40px;
  border-radius: 14px;
  background: linear-gradient(135deg, #1d4ed8, #38bdf8) !important;
  color: #fff !important;
  display: grid;
  place-items: center;
  box-shadow: 0 14px 36px rgba(37, 99, 235, .35) !important;
}
.yl-brand-text strong {
  font-size: 18px;
  letter-spacing: -.02em;
}
.yl-brand-text small {
  color: var(--yl-muted);
  font-size: 11px;
}
.yl-nav {
  display: grid;
  gap: 4px !important;
}
.sidebar-section-label {
  margin: 13px 8px 5px;
  color: #64748b;
  font-size: 10px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.yl-nav-link {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 38px;
  padding: 9px 11px !important;
  border: 1px solid transparent;
  border-radius: 11px !important;
  color: #bdcbe0 !important;
  font-size: 13px;
  font-weight: 800 !important;
  transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
}
.yl-nav-link:hover,
.yl-nav-link.active {
  background: linear-gradient(135deg, rgba(37, 99, 235, .26), rgba(14, 165, 233, .10)) !important;
  border-color: rgba(96, 165, 250, .25) !important;
  color: #fff !important;
  transform: translateX(2px);
}
.nav-icon {
  width: 24px;
  height: 24px;
  border-radius: 9px;
  display: inline-grid;
  place-items: center;
  background: rgba(148, 163, 184, .10);
  color: #93c5fd;
  font-size: 13px;
  flex: 0 0 auto;
}
.yl-nav-link.active .nav-icon {
  background: rgba(37, 99, 235, .42);
  color: #fff;
}
.sidebar-plan-card {
  margin-top: 18px;
  padding: 13px;
  border-radius: 16px;
  border: 1px solid rgba(96, 165, 250, .18);
  background: linear-gradient(145deg, rgba(37, 99, 235, .14), rgba(15, 23, 42, .82));
}
.sidebar-plan-card span,
.sidebar-plan-card small {
  display: block;
  color: var(--yl-muted);
  font-size: 11px;
}
.sidebar-plan-card strong {
  display: block;
  margin: 4px 0 2px;
  color: #fff;
  font-size: 14px;
}
.yl-main {
  padding: 18px 20px 28px !important;
  max-width: 100%;
  overflow: hidden;
}
.yl-topbar {
  position: sticky;
  top: 0;
  z-index: 12;
  min-height: 64px;
  margin: -18px -20px 18px !important;
  padding: 11px 20px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(148, 163, 184, .12) !important;
  border-radius: 0 !important;
  background: rgba(6, 12, 24, .86) !important;
  backdrop-filter: blur(18px);
  box-shadow: 0 16px 40px rgba(0, 0, 0, .20) !important;
}
.topbar-title .eyebrow {
  margin-bottom: 3px;
  color: #60a5fa;
  font-size: 10px;
}
.yl-topbar h1 {
  margin: 0;
  font-size: 21px;
  letter-spacing: -.035em;
}
.yl-topbar p {
  margin-top: 2px;
  font-size: 12px;
  color: var(--yl-muted);
}
.yl-topbar-actions {
  gap: 8px !important;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.admin-search {
  height: 38px;
  min-width: 240px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 12px;
  background: rgba(15, 23, 42, .78);
  color: #7dd3fc;
}
.admin-search input {
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: #94a3b8;
  font-size: 13px;
  padding: 0;
}
.user-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 4px 9px 4px 5px;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 999px;
  background: rgba(15, 23, 42, .72);
}
.user-chip > span {
  width: 29px;
  height: 29px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #2563eb, #7c3aed);
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}
.user-chip b,
.user-chip small {
  display: block;
  line-height: 1.1;
}
.user-chip b { font-size: 12px; }
.user-chip small { color: var(--yl-muted); font-size: 10px; margin-top: 2px; }
.card,
.stat-card,
.business-card,
.contact-card,
.policy-card,
.contact-form {
  background: linear-gradient(180deg, rgba(15, 25, 42, .92), rgba(10, 18, 32, .88));
  border-color: var(--yl-border);
  box-shadow: 0 18px 48px rgba(0, 0, 0, .22);
}
.card { border-radius: 16px; padding: 15px; }
.card-header.compact { margin-bottom: 12px; }
.card-header.compact h2 { font-size: 15px; letter-spacing: -.02em; }
.card-header.compact small { color: var(--yl-muted); font-size: 12px; }
.card-header a { color: #93c5fd; font-size: 12px; font-weight: 800; }
.btn { min-height: 36px; padding: 8px 12px; border-radius: 10px; font-size: 13px; }
.btn.small { min-height: 31px; padding: 6px 10px; font-size: 12px; }
.btn.primary { background: linear-gradient(135deg, #2563eb, #0ea5e9); border-color: rgba(96, 165, 250, .35); }
.btn.ghost { background: rgba(15, 23, 42, .66); border-color: rgba(148, 163, 184, .16); }
.alert { margin: 10px 0 14px; padding: 10px 12px; border-radius: 12px; font-size: 13px; }
.yl-page-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
  padding: 16px;
  border: 1px solid rgba(96, 165, 250, .18);
  border-radius: 18px;
  background:
    radial-gradient(circle at 0% 0%, rgba(37, 99, 235, .18), transparent 36%),
    linear-gradient(180deg, rgba(15, 23, 42, .82), rgba(11, 19, 32, .72));
}
.yl-page-head .eyebrow { color: #38bdf8; font-size: 10px; margin-bottom: 5px; }
.yl-page-head h2 {
  margin: 0;
  font-size: clamp(22px, 2.2vw, 32px);
  line-height: 1.05;
  letter-spacing: -.045em;
}
.yl-page-head p { margin: 7px 0 0; color: var(--yl-muted); font-size: 13px; max-width: 720px; }
.yl-range-filter {
  display: flex;
  gap: 8px;
  align-items: end;
  flex-wrap: wrap;
}
.yl-range-filter label { display: grid; gap: 5px; min-width: 138px; }
.yl-range-filter label span { color: var(--yl-muted); font-size: 11px; font-weight: 800; }
.yl-range-filter input,
.admin-body input,
.admin-body select,
.admin-body textarea {
  background: rgba(8, 13, 25, .72);
  border-color: rgba(148, 163, 184, .18);
  color: #e5edf7;
  border-radius: 11px;
}
.yl-kpi-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(150px, 1fr));
  gap: 12px;
  margin-bottom: 14px;
}
.yl-kpi-card {
  position: relative;
  min-height: 118px;
  overflow: hidden;
  padding: 14px;
  border-radius: 16px;
  border: 1px solid var(--yl-border);
  background: linear-gradient(180deg, rgba(16, 27, 47, .94), rgba(10, 18, 32, .88));
  box-shadow: 0 16px 40px rgba(0, 0, 0, .18);
}
.yl-kpi-card::after {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 10px;
  height: 28px;
  opacity: .58;
  background: linear-gradient(135deg, transparent 4%, currentColor 5%, transparent 9%, transparent 20%, currentColor 22%, transparent 27%, transparent 42%, currentColor 44%, transparent 51%, transparent 69%, currentColor 71%, transparent 77%);
  color: rgba(59, 130, 246, .35);
  pointer-events: none;
}
.yl-kpi-card .kpi-icon {
  position: absolute;
  top: 13px;
  right: 13px;
  width: 35px;
  height: 35px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: rgba(37, 99, 235, .20);
  color: #93c5fd;
  font-size: 17px;
}
.yl-kpi-card span,
.yl-kpi-card small { display: block; position: relative; z-index: 1; }
.yl-kpi-card span { color: #cbd5e1; font-size: 12px; font-weight: 800; padding-right: 38px; }
.yl-kpi-card strong { display: block; position: relative; z-index: 1; margin: 10px 0 4px; font-size: 27px; line-height: 1; letter-spacing: -.045em; }
.yl-kpi-card small { color: var(--yl-muted); font-size: 11px; }
.yl-kpi-card.accent-purple .kpi-icon { background: rgba(139, 92, 246, .18); color: #c4b5fd; }
.yl-kpi-card.accent-green .kpi-icon { background: rgba(34, 197, 94, .18); color: #86efac; }
.yl-kpi-card.accent-red .kpi-icon { background: rgba(239, 68, 68, .18); color: #fca5a5; }
.yl-kpi-card.accent-cyan .kpi-icon { background: rgba(20, 184, 166, .18); color: #67e8f9; }
.yl-kpi-card.accent-gold .kpi-icon { background: rgba(245, 158, 11, .18); color: #fcd34d; }
.yl-dashboard-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(280px, .75fr) minmax(280px, .75fr);
  gap: 14px;
  margin-bottom: 14px;
}
.yl-dashboard-grid.bottom { grid-template-columns: minmax(280px, .8fr) minmax(0, 1.45fr) minmax(280px, .75fr); }
.yl-dashboard-grid.two-col { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.yl-panel { min-height: 100%; }
.yl-chart-bars { display: grid; gap: 8px; }
.yl-chart-row {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) 58px;
  gap: 9px;
  align-items: center;
  color: #cbd5e1;
  font-size: 12px;
}
.yl-chart-row strong { text-align: right; color: #fff; font-size: 12px; }
.yl-stacked-bar {
  height: 12px;
  display: flex;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(148, 163, 184, .10);
  border: 1px solid rgba(148, 163, 184, .10);
}
.yl-stacked-bar i { height: 100%; display: block; }
.yl-stacked-bar .allow { background: linear-gradient(90deg, #2563eb, #22c55e); }
.yl-stacked-bar .block { background: linear-gradient(90deg, #f59e0b, #ef4444); }
.yl-rank-list { display: grid; gap: 10px; }
.yl-rank-list.compact-list { gap: 8px; }
.yl-rank-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 76px 64px;
  gap: 8px;
  align-items: center;
}
.yl-rank-item > div { min-width: 0; }
.yl-rank-item span,
.yl-rank-item b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.yl-rank-item span { color: #e2e8f0; font-size: 12px; font-weight: 800; }
.yl-rank-item b { color: var(--yl-muted); font-size: 11px; margin-top: 2px; font-weight: 700; }
.yl-rank-item strong { color: #dbeafe; text-align: right; font-size: 12px; }
.yl-rank-item em {
  height: 7px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(148, 163, 184, .12);
}
.yl-rank-item em i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #2563eb, #38bdf8);
}
.yl-summary-list { display: grid; gap: 0; }
.yl-summary-list div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(148, 163, 184, .11);
}
.yl-summary-list div:last-child { border-bottom: 0; }
.yl-summary-list span { color: #cbd5e1; font-size: 12px; }
.yl-summary-list strong { color: #fff; font-size: 13px; }
.compact-table-wrap { max-height: 340px; overflow: auto; }
.compact-table { font-size: 12px; }
.compact-table th,
.compact-table td,
.admin-body table th,
.admin-body table td {
  padding: 9px 10px;
}
.admin-body table th {
  color: #93a8c1;
  font-size: 10px;
  letter-spacing: .09em;
}
.admin-body table td { color: #dbeafe; border-color: rgba(148, 163, 184, .10); }
.admin-body table tr:hover td { background: rgba(37, 99, 235, .045); }
.badge { min-height: 21px; padding: 2px 8px; font-size: 10px; letter-spacing: .03em; }
.badge.allow { background: rgba(34, 197, 94, .13); color: #86efac; border: 1px solid rgba(34, 197, 94, .20); }
.badge.block { background: rgba(239, 68, 68, .13); color: #fca5a5; border: 1px solid rgba(239, 68, 68, .20); }
.grid-two { gap: 14px; }
.form-card { gap: 11px; }
.form-card label,
.admin-body label { color: #d7e2f1; font-size: 13px; font-weight: 800; }
.form-card small,
.admin-body small { color: var(--yl-muted); }
.links-layout { grid-template-columns: minmax(380px, 465px) minmax(0, 1fr); }
.link-control-card { top: 84px; }
.filters,
.pro-filters { gap: 8px; }
.pro-filters { grid-template-columns: repeat(5, minmax(120px, 1fr)); }
.date-filter label { min-width: 135px; }
.dashboard-hero {
  border-radius: 18px;
  padding: 16px;
  margin-bottom: 14px;
}
.dashboard-hero h2 { font-size: clamp(21px, 2vw, 30px); }
.dashboard-hero p { font-size: 13px; max-width: 680px; }
.stat-grid { gap: 12px; }
.pro-stat-grid { grid-template-columns: repeat(4, minmax(160px, 1fr)); }
.pro-stat { min-height: 104px; padding: 14px; }
.pro-stat strong { font-size: 25px; }
.analytics-grid { gap: 14px; }
.message-card { border-radius: 15px; padding: 13px; }
@media (max-width: 1380px) {
  body.admin-body.pro-admin { grid-template-columns: 220px minmax(0, 1fr); }
  .admin-search { display: none; }
  .yl-kpi-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .yl-dashboard-grid,
  .yl-dashboard-grid.bottom { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .yl-dashboard-grid .yl-panel-wide { grid-column: span 2; }
}
@media (max-width: 1060px) {
  body.admin-body.pro-admin { display: block; }
  .yl-sidebar { position: relative; height: auto; padding: 14px; }
  .yl-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sidebar-section-label { grid-column: 1 / -1; }
  .sidebar-plan-card { display: none; }
  .yl-topbar { position: static; margin: 0 0 14px !important; border-radius: 18px !important; border: 1px solid var(--yl-border) !important; }
  .yl-main { padding: 14px !important; }
  .links-layout { grid-template-columns: 1fr; }
  .link-control-card { position: static; max-height: none; }
}
@media (max-width: 780px) {
  .yl-page-head { align-items: stretch; flex-direction: column; }
  .yl-range-filter { align-items: stretch; }
  .yl-range-filter label { min-width: 0; flex: 1; }
  .yl-kpi-grid,
  .yl-dashboard-grid,
  .yl-dashboard-grid.bottom,
  .yl-dashboard-grid.two-col { grid-template-columns: 1fr; }
  .yl-dashboard-grid .yl-panel-wide { grid-column: span 1; }
  .user-chip { display: none; }
  .yl-topbar { align-items: flex-start; flex-direction: column; }
  .yl-topbar-actions { width: 100%; justify-content: flex-start; }
  .yl-chart-row { grid-template-columns: 48px minmax(0, 1fr) 46px; }
  .yl-rank-item { grid-template-columns: minmax(0, 1fr) 64px 52px; }
}
@media (max-width: 560px) {
  .yl-nav { grid-template-columns: 1fr; }
  .yl-kpi-card strong { font-size: 24px; }
  .compact-table-wrap { max-height: none; }
  .form-row,
  .check-grid { grid-template-columns: 1fr; }
}


/* =========================================================
   Perfect Fix: Link Control security rules layout
   Prevents textarea/label overlap on compact admin screens.
   ========================================================= */
.admin-body .links-layout {
  grid-template-columns: minmax(620px, 760px) minmax(0, 1fr) !important;
  align-items: start;
}
.admin-body .link-control-card {
  overflow: hidden;
  min-width: 0;
}
.admin-body .advanced-rule-box {
  overflow: hidden;
  gap: 16px;
  padding: 18px;
  border-radius: 18px;
}
.admin-body .advanced-rule-head {
  align-items: flex-start;
}
.admin-body .advanced-rule-head > div,
.admin-body .blocklist-title > * {
  min-width: 0;
}
.admin-body .quick-grid {
  width: 100%;
  min-width: 0;
}
.admin-body .quick-grid label {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: normal;
  line-height: 1.25;
}
.admin-body .quick-grid input,
.admin-body .quick-grid textarea,
.admin-body .quick-grid select {
  min-width: 0;
  max-width: 100%;
}
.admin-body .quick-grid textarea {
  min-height: 76px;
  line-height: 1.35;
}
.admin-body .quick-grid.three.blocklist-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px;
}
.admin-body .blocklist-grid .field-wide,
.admin-body .blocklist-grid .field-wide-md {
  grid-column: 1 / -1;
}
.admin-body .blocklist-title {
  align-items: flex-start;
  padding: 13px 14px;
  border: 1px dashed rgba(250, 204, 21, .22);
  border-radius: 15px;
  background: rgba(250, 204, 21, .045);
}
.admin-body .blocklist-title strong {
  max-width: 235px;
  line-height: 1.22;
}
.admin-body .blocklist-title small {
  max-width: 430px;
  line-height: 1.45;
}
.admin-body .advanced-rule-box .strong-check {
  width: 100%;
}
@media (min-width: 1560px) {
  .admin-body .links-layout {
    grid-template-columns: minmax(700px, 840px) minmax(0, 1fr) !important;
  }
  .admin-body .quick-grid.three.blocklist-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .admin-body .blocklist-grid .field-wide-md {
    grid-column: auto;
  }
  .admin-body .blocklist-grid .field-wide {
    grid-column: span 2;
  }
}
@media (max-width: 1280px) {
  .admin-body .links-layout {
    grid-template-columns: 1fr !important;
  }
  .admin-body .link-control-card {
    position: static;
  }
  .admin-body .quick-grid.three.blocklist-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 760px) {
  .admin-body .advanced-rule-box {
    padding: 14px;
    border-radius: 16px;
  }
  .admin-body .advanced-rule-head,
  .admin-body .blocklist-title {
    display: grid;
    gap: 10px;
  }
  .admin-body .blocklist-title strong,
  .admin-body .blocklist-title small {
    max-width: none;
  }
  .admin-body .quick-grid.two,
  .admin-body .quick-grid.three,
  .admin-body .quick-grid.three.blocklist-grid {
    grid-template-columns: 1fr !important;
  }
  .admin-body .blocklist-grid .field-wide,
  .admin-body .blocklist-grid .field-wide-md {
    grid-column: auto;
  }
}

/* =========================================================
   Scroll Fix: Link Control full-form access
   Fixes clipped Create/Edit Link form caused by sticky max-height
   and hidden overflow on the admin main container.
   ========================================================= */
html,
body.admin-body {
  min-height: 100%;
  height: auto;
  overflow-x: hidden;
  overflow-y: auto;
}
.admin-body .main,
.admin-body .yl-main {
  overflow-x: hidden !important;
  overflow-y: visible !important;
}
.admin-body .links-layout {
  align-items: start !important;
  min-height: auto !important;
}
.admin-body .link-control-card {
  position: relative !important;
  top: auto !important;
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
}
.admin-body .link-control-card .advanced-rule-box,
.admin-body .link-control-card .check-grid,
.admin-body .link-control-card .alias-preview-card {
  flex-shrink: 0;
}
.admin-body .link-control-card button[type="submit"] {
  margin-top: 4px;
  position: relative;
  z-index: 2;
}
@media (min-width: 1281px) {
  .admin-body .links-layout {
    grid-template-columns: minmax(620px, 760px) minmax(0, 1fr) !important;
  }
}

/* YourLink sidebar + professional logs hotfix */
body.admin-body.pro-admin {
  align-items: start;
}
body.admin-body.pro-admin .yl-sidebar {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  align-self: start;
  overflow: visible !important;
  position: sticky;
  top: 0;
}
body.admin-body.pro-admin .yl-sidebar .yl-nav {
  overflow: visible !important;
}
body.admin-body.pro-admin .sidebar-plan-card {
  margin-top: 16px !important;
  margin-bottom: 0 !important;
}
body.admin-body.pro-admin .yl-main {
  overflow: visible !important;
}

.logs-page {
  display: grid;
  gap: 14px;
}
.logs-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px !important;
  background:
    linear-gradient(135deg, rgba(37, 99, 235, .12), rgba(20, 184, 166, .06)),
    rgba(15, 23, 42, .80) !important;
}
.logs-hero h2 {
  margin: 5px 0 6px;
  font-size: 22px;
  letter-spacing: -.03em;
}
.logs-hero p {
  max-width: 760px;
  margin: 0;
  color: var(--yl-muted, #94a3b8);
  line-height: 1.55;
}
.compact-health {
  flex: 0 0 auto;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin: 0 !important;
}
.compact-health span {
  display: grid;
  gap: 2px;
  min-width: 112px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(96, 165, 250, .16);
  background: rgba(2, 6, 23, .32);
  color: #cbd5e1;
  font-size: 12px;
}
.compact-health b {
  color: #f8fafc;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .07em;
}
.log-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.log-kpi {
  min-height: 104px;
  padding: 15px;
  border: 1px solid rgba(96, 165, 250, .14);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(15, 23, 42, .84), rgba(15, 23, 42, .58));
  box-shadow: 0 18px 45px rgba(0,0,0,.14);
}
.log-kpi span {
  display: block;
  color: var(--yl-muted, #94a3b8);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.log-kpi strong {
  display: block;
  margin: 7px 0 2px;
  color: #fff;
  font-size: 28px;
  line-height: 1;
  letter-spacing: -.04em;
}
.log-kpi small { color: #8ea7c5; }
.log-kpi.success { border-left: 3px solid #22c55e; }
.log-kpi.danger { border-left: 3px solid #ef4444; }
.log-kpi.info { border-left: 3px solid #38bdf8; }
.logs-filter-card { position: relative; }
.logs-filter-grid {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(130px, 1fr));
  gap: 10px !important;
  align-items: end;
  margin-bottom: 0 !important;
}
.logs-filter-grid label {
  gap: 5px;
  color: #dbeafe;
  font-size: 12px;
}
.logs-filter-grid label span {
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: .08em;
  color: #93a4bd;
}
.logs-filter-grid input,
.logs-filter-grid select {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 38px;
  padding: 9px 10px;
  border-radius: 12px;
  font-size: 13px;
}
.log-filter-wide {
  grid-column: span 2;
}
.log-filter-actions {
  display: flex;
  gap: 8px;
  align-items: center;
}
.logs-clear-form {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}
.logs-table-card {
  padding: 15px !important;
}
.professional-log-table table {
  min-width: 1120px;
  font-size: 13px;
}
.professional-log-table th {
  padding: 10px 9px;
  color: #9fb3cf;
  font-size: 10px;
  letter-spacing: .1em;
}
.professional-log-table td {
  padding: 12px 9px;
  vertical-align: top;
}
.professional-log-table strong {
  color: #f8fafc;
}
.professional-log-table code {
  display: inline-block;
  margin-top: 3px;
  padding: 2px 6px;
  border-radius: 8px;
  border: 1px solid rgba(96, 165, 250, .15);
  background: rgba(37, 99, 235, .10);
  color: #93c5fd;
  font-size: 12px;
}
.reason-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 24px;
  padding: 4px 9px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .04em;
  border: 1px solid rgba(148, 163, 184, .18);
  background: rgba(148, 163, 184, .10);
  color: #dbeafe;
}
.reason-badge.passed { background: rgba(34, 197, 94, .12); border-color: rgba(34, 197, 94, .28); color: #bbf7d0; }
.reason-badge.blocked { background: rgba(239, 68, 68, .12); border-color: rgba(239, 68, 68, .30); color: #fecaca; }
.reason-badge.bot { background: rgba(245, 158, 11, .13); border-color: rgba(245, 158, 11, .32); color: #fde68a; }
.reason-badge.asn { background: rgba(139, 92, 246, .14); border-color: rgba(139, 92, 246, .32); color: #ddd6fe; }
.reason-badge.country { background: rgba(20, 184, 166, .13); border-color: rgba(20, 184, 166, .30); color: #ccfbf1; }
.reason-badge.tracking { background: rgba(59, 130, 246, .14); border-color: rgba(59, 130, 246, .30); color: #bfdbfe; }
.log-details {
  position: relative;
  min-width: 82px;
}
.log-details summary {
  width: max-content;
  list-style: none;
  cursor: pointer;
  user-select: none;
  padding: 7px 10px;
  border-radius: 10px;
  border: 1px solid rgba(96, 165, 250, .20);
  background: rgba(255,255,255,.045);
  color: #dbeafe;
  font-size: 12px;
  font-weight: 900;
}
.log-details summary::-webkit-details-marker { display: none; }
.log-details[open] summary {
  background: rgba(37, 99, 235, .22);
  border-color: rgba(96, 165, 250, .38);
  color: #fff;
}
.log-detail-grid {
  width: min(560px, 80vw);
  margin-top: 8px;
  padding: 12px;
  border: 1px solid rgba(96, 165, 250, .18);
  border-radius: 14px;
  background: #08111f;
  box-shadow: 0 22px 60px rgba(0,0,0,.32);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  position: absolute;
  right: 0;
  z-index: 30;
}
.log-details.wide .log-detail-grid {
  width: min(680px, 86vw);
}
.log-detail-grid span {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.log-detail-grid b {
  color: #93a4bd;
  font-size: 10px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.log-detail-grid em {
  color: #e5e7eb;
  font-style: normal;
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.recent-log-table table { min-width: 1160px; }
@media (max-width: 1380px) {
  .log-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .logs-filter-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1060px) {
  body.admin-body.pro-admin .yl-sidebar {
    position: relative;
    height: auto !important;
    max-height: none !important;
  }
  .logs-hero { align-items: stretch; flex-direction: column; }
  .compact-health { justify-content: flex-start; }
  .logs-filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .log-filter-wide { grid-column: 1 / -1; }
  .log-detail-grid { position: static; width: min(720px, 100%); }
}
@media (max-width: 720px) {
  .log-kpi-grid,
  .logs-filter-grid { grid-template-columns: 1fr; }
  .log-filter-actions { align-items: stretch; flex-direction: column; }
  .log-filter-actions .btn { width: 100%; }
  .compact-health span { width: 100%; }
  .log-detail-grid { grid-template-columns: 1fr; }
}

/* =========================================================
   YourLink Admin Layout Polish v2
   Unified sidebar/menu/page background + cleaner logs layout
   ========================================================= */
:root {
  --yl-admin-bg: #07101e;
  --yl-admin-bg-2: #091426;
  --yl-admin-panel: #0c1728;
  --yl-admin-panel-2: #0e1a2e;
  --yl-admin-border: rgba(106, 140, 190, .18);
  --yl-admin-border-soft: rgba(106, 140, 190, .11);
}

html,
body.admin-body.pro-admin {
  min-height: 100%;
  background: var(--yl-admin-bg) !important;
}

body.admin-body.pro-admin {
  display: grid !important;
  grid-template-columns: 260px minmax(0, 1fr) !important;
  align-items: stretch !important;
  color: var(--yl-text, #f8fafc);
  overflow-x: hidden !important;
}

body.admin-body.pro-admin::before,
body.admin-body.pro-admin::after {
  display: none !important;
}

/* Sidebar: one solid professional background, no different color blocks */
body.admin-body.pro-admin .yl-sidebar {
  position: sticky !important;
  top: 0 !important;
  align-self: start !important;
  height: 100vh !important;
  min-height: 100vh !important;
  max-height: 100vh !important;
  width: 260px !important;
  padding: 18px 16px !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  background: var(--yl-admin-bg) !important;
  border-right: 1px solid var(--yl-admin-border) !important;
  box-shadow: none !important;
}

body.admin-body.pro-admin .yl-brand {
  flex: 0 0 auto;
  margin: 0 0 18px !important;
  padding: 4px 2px 14px !important;
  border-bottom: 1px solid var(--yl-admin-border-soft);
}

body.admin-body.pro-admin .yl-brand-mark {
  width: 42px;
  height: 42px;
  border-radius: 15px;
}

body.admin-body.pro-admin .yl-brand-text strong {
  font-size: 18px;
  line-height: 1.1;
}

body.admin-body.pro-admin .yl-brand-text small {
  font-size: 11px;
  color: #8ea4c0;
}

body.admin-body.pro-admin .yl-sidebar .yl-nav {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 0 4px 12px 0 !important;
  display: block !important;
}

body.admin-body.pro-admin .yl-sidebar .yl-nav::-webkit-scrollbar { width: 5px; }
body.admin-body.pro-admin .yl-sidebar .yl-nav::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(96, 165, 250, .22);
}

body.admin-body.pro-admin .sidebar-section-label {
  display: block;
  margin: 16px 4px 7px !important;
  color: #7f92ad !important;
  font-size: 10px !important;
  letter-spacing: .14em !important;
}

body.admin-body.pro-admin .yl-nav-link {
  width: 100%;
  min-height: 42px;
  margin-bottom: 6px;
  padding: 10px 11px !important;
  border-radius: 13px !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  color: #c2cde0 !important;
}

body.admin-body.pro-admin .yl-nav-link:hover,
body.admin-body.pro-admin .yl-nav-link.active {
  transform: none !important;
  background: #0d1d35 !important;
  border-color: rgba(96, 165, 250, .26) !important;
  color: #fff !important;
}

body.admin-body.pro-admin .nav-icon {
  background: #111d31 !important;
  color: #9cc7ff !important;
}

body.admin-body.pro-admin .yl-nav-link.active .nav-icon {
  background: #1e63dd !important;
  color: #fff !important;
}

body.admin-body.pro-admin .sidebar-plan-card {
  flex: 0 0 auto !important;
  margin: 14px 0 0 !important;
  padding: 14px !important;
  border-radius: 16px !important;
  background: #0d1d35 !important;
  border: 1px solid rgba(96, 165, 250, .24) !important;
  box-shadow: none !important;
}

/* Main area: same base background on every menu/page */
body.admin-body.pro-admin .yl-main {
  min-width: 0 !important;
  min-height: 100vh !important;
  padding: 0 22px 28px !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
  background: var(--yl-admin-bg) !important;
}

body.admin-body.pro-admin .yl-topbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 30 !important;
  min-height: 72px !important;
  margin: 0 -22px 20px !important;
  padding: 13px 22px !important;
  background: var(--yl-admin-bg) !important;
  border-bottom: 1px solid var(--yl-admin-border-soft) !important;
  box-shadow: none !important;
}

body.admin-body.pro-admin .yl-topbar h1 {
  font-size: 22px;
}

body.admin-body.pro-admin .admin-search,
body.admin-body.pro-admin .user-chip,
body.admin-body.pro-admin .btn.ghost {
  background: var(--yl-admin-panel) !important;
  border-color: var(--yl-admin-border) !important;
}

/* Unified panel color across Dashboard, Links, Logs, Users, Settings */
body.admin-body.pro-admin .card,
body.admin-body.pro-admin .stat-card,
body.admin-body.pro-admin .yl-kpi-card,
body.admin-body.pro-admin .log-kpi,
body.admin-body.pro-admin .message-card,
body.admin-body.pro-admin .alias-preview-card,
body.admin-body.pro-admin .advanced-rule-box,
body.admin-body.pro-admin .link-control-card,
body.admin-body.pro-admin .logs-hero,
body.admin-body.pro-admin .logs-filter-card,
body.admin-body.pro-admin .logs-table-card,
body.admin-body.pro-admin .dashboard-hero,
body.admin-body.pro-admin .yl-page-head {
  background: var(--yl-admin-panel) !important;
  border-color: var(--yl-admin-border) !important;
  box-shadow: none !important;
}

body.admin-body.pro-admin .card:hover,
body.admin-body.pro-admin .log-kpi:hover,
body.admin-body.pro-admin .yl-kpi-card:hover {
  border-color: rgba(96, 165, 250, .28) !important;
}

body.admin-body.pro-admin input,
body.admin-body.pro-admin select,
body.admin-body.pro-admin textarea {
  background: #081120 !important;
  border-color: rgba(106, 140, 190, .20) !important;
}

body.admin-body.pro-admin table th,
body.admin-body.pro-admin table td {
  border-color: rgba(106, 140, 190, .12) !important;
}

body.admin-body.pro-admin table tr:hover td {
  background: rgba(96, 165, 250, .045) !important;
}

/* Logs page polish */
body.admin-body.pro-admin .logs-page {
  gap: 14px;
}

body.admin-body.pro-admin .logs-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  padding: 18px !important;
  border-radius: 18px !important;
}

body.admin-body.pro-admin .logs-hero h2 {
  font-size: 21px;
  line-height: 1.25;
}

body.admin-body.pro-admin .logs-hero p {
  max-width: 820px;
  font-size: 13px;
}

body.admin-body.pro-admin .compact-health span {
  min-width: 108px;
  background: #081120 !important;
  border-color: var(--yl-admin-border) !important;
}

body.admin-body.pro-admin .log-kpi-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

body.admin-body.pro-admin .log-kpi {
  min-height: 92px;
  padding: 14px;
  border-radius: 17px;
}

body.admin-body.pro-admin .log-kpi strong {
  font-size: 26px;
}

body.admin-body.pro-admin .logs-filter-card {
  border-radius: 18px;
}

body.admin-body.pro-admin .logs-filter-grid {
  grid-template-columns: repeat(6, minmax(130px, 1fr)) !important;
  gap: 10px !important;
}

body.admin-body.pro-admin .log-filter-wide {
  grid-column: span 2;
}

body.admin-body.pro-admin .logs-clear-form {
  margin-top: 12px;
}

body.admin-body.pro-admin .professional-log-table {
  border-radius: 14px;
  background: #081120;
  border: 1px solid rgba(106, 140, 190, .12);
}

body.admin-body.pro-admin .professional-log-table table {
  margin: 0;
}

/* responsive admin */
@media (max-width: 1380px) {
  body.admin-body.pro-admin {
    grid-template-columns: 240px minmax(0, 1fr) !important;
  }
  body.admin-body.pro-admin .yl-sidebar {
    width: 240px !important;
  }
  body.admin-body.pro-admin .logs-filter-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  body.admin-body.pro-admin .log-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1060px) {
  body.admin-body.pro-admin {
    display: block !important;
  }
  body.admin-body.pro-admin .yl-sidebar {
    position: relative !important;
    width: auto !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--yl-admin-border) !important;
  }
  body.admin-body.pro-admin .yl-sidebar .yl-nav {
    overflow: visible !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  body.admin-body.pro-admin .sidebar-section-label {
    grid-column: 1 / -1;
  }
  body.admin-body.pro-admin .logs-hero {
    grid-template-columns: 1fr;
  }
  body.admin-body.pro-admin .compact-health {
    justify-content: flex-start;
  }
}

@media (max-width: 720px) {
  body.admin-body.pro-admin .yl-main {
    padding: 0 14px 22px !important;
  }
  body.admin-body.pro-admin .yl-topbar {
    margin: 0 -14px 16px !important;
    padding: 12px 14px !important;
  }
  body.admin-body.pro-admin .yl-sidebar .yl-nav,
  body.admin-body.pro-admin .logs-filter-grid,
  body.admin-body.pro-admin .log-kpi-grid {
    grid-template-columns: 1fr !important;
  }
  body.admin-body.pro-admin .log-filter-wide {
    grid-column: auto !important;
  }
}

/* Filter by user polish */
.owner-filter-panel {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(260px, 420px) auto auto;
  gap: 12px;
  align-items: end;
  margin: 0 0 12px;
  padding: 12px;
  border: 1px solid rgba(96, 165, 250, .16);
  border-radius: 16px;
  background: rgba(8, 17, 32, .62);
}
.owner-filter-panel > div {
  display: grid;
  gap: 3px;
}
.owner-filter-panel strong {
  color: #f8fafc;
  font-size: 14px;
}
.owner-filter-panel small {
  color: #93a4bd;
  line-height: 1.35;
}
.owner-filter-panel label {
  margin: 0;
  gap: 6px;
  color: #dbeafe;
  font-size: 12px;
}
.owner-filter-panel select {
  width: 100%;
  min-height: 40px;
  border-radius: 12px;
}
body.admin-body.pro-admin .logs-filter-grid {
  grid-template-columns: repeat(7, minmax(120px, 1fr)) !important;
}
body.admin-body.pro-admin .logs-filter-grid .log-filter-wide {
  grid-column: span 2;
}
@media (max-width: 1380px) {
  body.admin-body.pro-admin .logs-filter-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .owner-filter-panel {
    grid-template-columns: 1fr 1fr auto auto;
  }
}
@media (max-width: 760px) {
  .owner-filter-panel {
    grid-template-columns: 1fr;
  }
  body.admin-body.pro-admin .logs-filter-grid {
    grid-template-columns: 1fr !important;
  }
  body.admin-body.pro-admin .logs-filter-grid .log-filter-wide {
    grid-column: auto;
  }
}

/* YourLink SaaS Feature Pack: UTM Builder, QR Codes, Export Reports, Client Dashboard */
.quick-actions-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 16px;
}
.quick-action-card {
  display: grid;
  grid-template-columns: 42px 1fr;
  grid-template-rows: auto auto;
  gap: 2px 12px;
  align-items: center;
  padding: 14px;
  border: 1px solid rgba(96,165,250,.18);
  border-radius: 18px;
  background: rgba(15, 29, 50, .72);
  text-decoration: none;
  color: #eaf2ff;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
.quick-action-card:hover { transform: translateY(-1px); border-color: rgba(59,130,246,.46); background: rgba(18, 38, 66, .84); }
.quick-action-card > span {
  grid-row: 1 / span 2;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  color: #60a5fa;
  background: rgba(37, 99, 235, .14);
  border: 1px solid rgba(96,165,250,.18);
}
.quick-action-card strong { font-size: 14px; line-height: 1.1; }
.quick-action-card small { color: #9fb2ce; line-height: 1.35; }
.tool-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr); gap: 16px; align-items: start; margin-bottom: 16px; }
.tool-grid.two-col { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.tool-card { min-height: 100%; }
.utm-result-card, .mini-guide {
  display: grid;
  gap: 10px;
  margin-top: 8px;
  padding: 14px;
  border: 1px solid rgba(96,165,250,.16);
  border-radius: 16px;
  background: rgba(5, 12, 24, .45);
}
.utm-result-card span, .mini-guide h3 { margin: 0; color: #f8fafc; font-size: 14px; font-weight: 900; }
.utm-result-card textarea, [data-qr-url] { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; resize: vertical; }
.preset-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.preset-card {
  text-align: left;
  display: grid;
  gap: 5px;
  padding: 13px;
  border-radius: 16px;
  border: 1px solid rgba(148,163,184,.16);
  background: rgba(15,23,42,.58);
  color: #f8fafc;
  cursor: pointer;
}
.preset-card:hover { border-color: rgba(37,99,235,.65); background: rgba(37,99,235,.13); }
.preset-card small, .mini-guide code { color: #93a4bd; font-size: 12px; }
.mini-guide code { display: block; padding: 8px 10px; border-radius: 10px; background: rgba(2,6,23,.38); border: 1px solid rgba(148,163,184,.12); }
.qr-layout { grid-template-columns: minmax(320px, .75fr) minmax(320px, 1.25fr); }
.qr-preview-card { display: grid; gap: 14px; }
.qr-frame {
  display: grid;
  place-items: center;
  min-height: 360px;
  border-radius: 22px;
  border: 1px dashed rgba(96,165,250,.3);
  background: radial-gradient(circle at center, rgba(37,99,235,.18), rgba(2,6,23,.2));
}
.qr-frame img { width: min(360px, 82%); max-width: 100%; height: auto; padding: 14px; border-radius: 22px; background: #fff; box-shadow: 0 24px 70px rgba(0,0,0,.35); }
.actions.center { justify-content: center; }
.url-cell { max-width: 360px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.reports-filter-grid { grid-template-columns: repeat(6, minmax(140px, 1fr)); }
.report-print-page { display: grid; gap: 16px; }
.report-title {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  padding: 16px 18px;
  border: 1px solid rgba(96,165,250,.18);
  border-radius: 18px;
  background: rgba(15,29,50,.66);
}
.report-title h2 { margin: 0 0 4px; }
.report-title p { margin: 0; color: #9fb2ce; }
.report-title strong { color: #60a5fa; font-size: 20px; }
.report-kpis { margin: 0; }
.report-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.report-events-card { margin-bottom: 24px; }
@media (max-width: 1180px) {
  .quick-actions-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tool-grid, .tool-grid.two-col, .qr-layout, .report-grid { grid-template-columns: 1fr; }
  .reports-filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .quick-actions-grid, .preset-grid, .reports-filter-grid { grid-template-columns: 1fr; }
  .report-title { display: grid; }
}
@media print {
  body.admin-body.pro-admin { display: block !important; background: #fff !important; color: #111827 !important; }
  .yl-sidebar, .yl-topbar, .print-hide, .alert, .copy-toast { display: none !important; }
  .yl-main { padding: 0 !important; margin: 0 !important; }
  .card, .yl-kpi-card, .report-title { background: #fff !important; color: #111827 !important; border-color: #d1d5db !important; box-shadow: none !important; }
  .card h2, .report-title h2, .yl-kpi-card strong, .yl-kpi-card span { color: #111827 !important; }
  .card small, .report-title p, .yl-kpi-card small { color: #4b5563 !important; }
  .compact-table th, .compact-table td { color: #111827 !important; border-color: #e5e7eb !important; }
  .badge { border: 1px solid #d1d5db !important; }
}

/* Connected custom links */
.custom-links-layout { align-items: start; }
.custom-link-card { position: sticky; top: 18px; }
.custom-flow-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.custom-flow-grid div { border: 1px solid var(--border); background: rgba(255,255,255,.04); border-radius: 16px; padding: 14px; display: grid; gap: 7px; }
.custom-flow-grid span { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 10px; background: rgba(37,99,235,.18); color: #bfdbfe; font-weight: 900; }
.custom-flow-grid strong { color: #fff; }
.custom-flow-grid small { line-height: 1.55; }
@media (max-width: 1100px) { .custom-flow-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .custom-link-card { position: static; } }
@media (max-width: 680px) { .custom-flow-grid { grid-template-columns: 1fr; } }

/* Custom Domains */
.dns-guide-box {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 8px 0 12px;
}
.dns-guide-box .mini-stat {
  display: grid;
  gap: 6px;
  padding: 13px;
  border-radius: 16px;
  border: 1px solid rgba(96,165,250,.16);
  background: rgba(5,12,24,.45);
}
.dns-guide-box .mini-stat span { color: #9fb2ce; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.dns-guide-box .mini-stat strong { color: #f8fafc; font-size: 14px; word-break: break-word; }
.dns-guide-box .mini-stat small { color: #93a4bd; line-height: 1.35; }
.badge.success { background: rgba(34,197,94,.13); color: #86efac; border: 1px solid rgba(34,197,94,.22); }
.badge.warning { background: rgba(245,158,11,.13); color: #fcd34d; border: 1px solid rgba(245,158,11,.22); }
.badge.danger { background: rgba(239,68,68,.13); color: #fca5a5; border: 1px solid rgba(239,68,68,.22); }
@media (max-width: 860px) { .dns-guide-box { grid-template-columns: 1fr; } }

/* Domain selector for link creation */
.admin-body .domain-select-field select {
  width: 100%;
  min-height: 48px;
}
.admin-body .domain-preview-card {
  border-color: rgba(59,130,246,.32);
  background: linear-gradient(135deg, rgba(37,99,235,.12), rgba(15,23,42,.8));
}
.admin-body .domain-cell strong {
  display: inline-block;
  max-width: 190px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.admin-body .domain-cell small {
  color: var(--muted);
  font-weight: 700;
}

/* Custom Domains Page Polish */
.admin-body .domain-page-head {
  align-items: stretch;
  gap: 18px;
}
.admin-body .domain-mini-status {
  display: grid;
  grid-template-columns: repeat(4, minmax(96px, 1fr));
  gap: 10px;
  min-width: 460px;
}
.admin-body .domain-mini-status > div {
  background: rgba(5, 13, 26, .72);
  border: 1px solid rgba(45, 104, 179, .30);
  border-radius: 16px;
  padding: 13px 14px;
}
.admin-body .domain-mini-status span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.admin-body .domain-mini-status strong {
  display: block;
  margin-top: 5px;
  font-size: 22px;
  color: #f8fbff;
}
.admin-body .domain-layout {
  grid-template-columns: minmax(420px, .9fr) minmax(360px, .7fr);
  align-items: start;
}
.admin-body .domain-form-card,
.admin-body .domain-guide-card,
.admin-body .domain-table-card {
  overflow: visible;
}
.admin-body .dns-guide-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 14px 0 16px;
}
.admin-body .dns-guide-grid > div,
.admin-body .domain-token-card {
  background: rgba(5, 13, 26, .64);
  border: 1px solid rgba(45, 104, 179, .26);
  border-radius: 16px;
  padding: 14px;
  min-width: 0;
}
.admin-body .dns-guide-grid span,
.admin-body .domain-token-card span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.admin-body .dns-guide-grid strong,
.admin-body .dns-guide-grid code,
.admin-body .domain-token-card code {
  display: block;
  color: #e8f3ff;
  white-space: normal;
  word-break: break-word;
}
.admin-body .domain-token-card {
  margin: 12px 0;
}
.admin-body .muted-card small,
.admin-body .domain-mini-guide .muted {
  color: var(--muted);
}
.admin-body .domain-mini-guide h3 {
  font-size: 13px;
  margin: 12px 0 8px;
}
.admin-body .domain-mini-guide code {
  display: block;
  margin: 7px 0;
  padding: 9px 10px;
  border-radius: 10px;
  background: rgba(0, 0, 0, .22);
  border: 1px solid rgba(148, 163, 184, .12);
  color: #cfe8ff;
  white-space: normal;
  word-break: break-word;
}
.admin-body .domain-table-card .table-wrap {
  max-width: 100%;
}
.admin-body .domain-table-card table td,
.admin-body .domain-table-card table th {
  vertical-align: top;
}
.admin-body .domain-table-card .actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
@media (max-width: 1200px) {
  .admin-body .domain-page-head {
    grid-template-columns: 1fr;
  }
  .admin-body .domain-mini-status {
    min-width: 0;
    width: 100%;
  }
  .admin-body .domain-layout {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 720px) {
  .admin-body .domain-mini-status,
  .admin-body .dns-guide-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 520px) {
  .admin-body .domain-mini-status,
  .admin-body .dns-guide-grid {
    grid-template-columns: 1fr;
  }
}


/* Captcha Gate controls */
.captcha-gate-box{border-color:rgba(34,211,238,.34);background:linear-gradient(180deg,rgba(8,31,45,.74),rgba(8,16,31,.92));}
.captcha-gate-box .advanced-rule-head{align-items:flex-start;}
.captcha-gate-box input,.captcha-gate-box select,.captcha-gate-box textarea{background:#07101d;border-color:rgba(91,184,214,.28);}
.captcha-gate-box .badge.muted,.compact-table .badge.muted{background:rgba(148,163,184,.12);color:#c8d4e6;border-color:rgba(148,163,184,.22);}

/* One-click Verification Gate */
.soft-note.compact-note{
  min-height:72px;
  padding:12px 14px;
  border:1px solid rgba(34,211,238,.22);
  border-radius:14px;
  background:rgba(34,211,238,.07);
  color:#cfe7ff;
  font-size:12px;
  line-height:1.55;
}
.soft-note.compact-note strong{color:#f8fbff;font-size:13px;}

/* Billing / Subscription / USDT Wallet */
.billing-dashboard-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 16px}
.billing-dashboard-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;background:linear-gradient(180deg,rgba(13,27,49,.96),rgba(8,16,30,.96));border-color:rgba(66,123,190,.28)}
.billing-dashboard-card span,.billing-balance-card>span,.billing-info-card>span,.billing-head-balance span{display:block;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.billing-dashboard-card strong{display:block;margin:5px 0 2px;color:#f7fbff;font-size:20px}.billing-dashboard-card small{color:#8fa8c8}
.billing-summary-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:16px;margin-bottom:16px}
.billing-balance-card,.billing-info-card{padding:22px}.billing-balance-card>strong{display:block;margin:8px 0 5px;font-size:34px;color:#f8fbff}.billing-balance-card>strong small{font-size:15px;color:#9fb5d2}.billing-balance-card p,.billing-info-card p{color:var(--muted)}.billing-info-card>strong{display:block;margin:8px 0;font-size:22px;color:#f8fbff}
.billing-user-filter{min-width:320px}.billing-user-filter label span{display:block;margin-bottom:6px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.billing-user-filter select{width:100%}
.billing-adjust-form{padding-top:6px}.span-2{grid-column:1/-1}
.billing-two-col{display:grid;grid-template-columns:minmax(360px,.8fr) minmax(420px,1.2fr);gap:16px;margin-bottom:16px;align-items:start}
.billing-head-balance{min-width:220px;padding:14px 16px;border:1px solid rgba(67,126,198,.28);border-radius:16px;background:rgba(6,14,27,.66)}.billing-head-balance strong{display:block;margin-top:5px;font-size:22px;color:#f8fbff}
.billing-payment-card .card-header small{display:flex;align-items:center;gap:8px}.payment-amount{padding:18px;border:1px solid rgba(45,125,255,.26);border-radius:16px;background:rgba(45,125,255,.07);margin-bottom:14px}.payment-amount span,.payment-address span{display:block;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.payment-amount strong{display:block;margin-top:5px;font-size:30px;color:#fff}.payment-address{padding:14px;border:1px solid rgba(148,163,184,.16);border-radius:16px;background:rgba(0,0,0,.14)}.payment-address code{display:block;margin:8px 0 10px;color:#dbeafe;white-space:normal;word-break:break-all}.billing-detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.billing-detail-list>div{padding:12px;border-radius:14px;background:rgba(7,15,28,.72);border:1px solid rgba(87,120,165,.18)}.billing-detail-list span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:800}.billing-detail-list strong{display:block;margin-top:4px;color:#eef6ff}.billing-tx-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin-top:14px}.billing-tx-form label{margin:0}.billing-tx-form input{width:100%}
.billing-payment-qr{display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px;align-items:center;padding:14px;margin-bottom:14px;border:1px solid rgba(55,155,255,.22);border-radius:16px;background:rgba(5,15,30,.52)}.billing-payment-qr-image{display:flex;align-items:center;justify-content:center;padding:10px;border-radius:14px;background:#fff}.billing-payment-qr-image img{display:block;width:100%;max-width:160px;height:auto;aspect-ratio:1/1}.billing-payment-qr-info span{display:block;color:#6cb6ff;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.billing-payment-qr-info strong{display:block;margin-top:4px;color:#f5f9ff;font-size:20px}.billing-payment-qr-info p{margin:7px 0 10px;color:var(--muted);font-size:12px;line-height:1.55}.billing-history-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.billing-history-actions form{margin:0}.select-cell{width:42px;text-align:center}.select-cell input{width:16px;height:16px;accent-color:#2d7dff}
.inline-form{display:inline-flex;margin-top:10px}.billing-hash{display:inline-block;max-width:180px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.block-muted{display:block;margin-top:4px;color:var(--muted);font-size:11px}
.current-sub-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;margin-bottom:16px}.current-sub-card>div>span{display:block;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.current-sub-card>div>strong{display:block;margin:5px 0;font-size:24px}.auto-renew-form{display:flex;align-items:center;gap:12px}
.billing-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:14px}.billing-plan-card{position:relative;padding:20px;display:flex;flex-direction:column;min-height:410px}.billing-plan-card.current{border-color:rgba(45,125,255,.9);box-shadow:inset 0 0 0 1px rgba(45,125,255,.2)}.plan-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.plan-top>span{font-size:17px;font-weight:900;color:#fff}.plan-top>b{padding:5px 8px;border-radius:999px;background:rgba(45,125,255,.16);color:#a9ceff;font-size:10px;text-transform:uppercase}.billing-plan-card>p{min-height:48px;color:var(--muted);line-height:1.5}.plan-price{display:flex;align-items:baseline;gap:8px;margin:10px 0 16px}.plan-price strong{font-size:32px;color:#fff}.plan-price span{color:#8fa8c8;font-size:12px}.billing-setup-fee{display:flex;align-items:center;justify-content:space-between;column-gap:20px;margin:-4px 0 14px;padding:10px 12px;border:1px solid rgba(148,163,184,.14);border-radius:10px;background:rgba(255,255,255,.025);font-size:12px;color:#9eb3cf}.billing-setup-fee>span{padding-right:8px}.billing-setup-fee strong{display:inline-flex;align-items:center;gap:5px;margin-left:auto;color:#edf5ff;white-space:nowrap}.plan-features{display:grid;gap:0;border-top:1px solid rgba(148,163,184,.12);margin-bottom:18px}.plan-features>div{display:flex;justify-content:space-between;column-gap:18px;padding:10px 0;border-bottom:1px solid rgba(148,163,184,.1);color:#9eb3cf;font-size:12px}.plan-features strong{margin-left:auto;color:#edf5ff;white-space:nowrap}.plan-actions{margin-top:auto;display:grid;gap:8px}.plan-actions form,.plan-actions button{width:100%}
.billing-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.billing-settings-grid>article:last-child{grid-column:1/-1}.billing-savebar{position:sticky;bottom:0;display:flex;justify-content:flex-end;padding:14px 0 4px;background:linear-gradient(180deg,rgba(8,15,27,0),rgba(8,15,27,.98) 35%)}
.billing-checks{display:flex;flex-wrap:wrap;gap:12px}.plan-admin-list{display:grid;gap:10px}.plan-admin-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px;border-radius:14px;border:1px solid rgba(88,124,172,.18);background:rgba(7,15,28,.55)}.plan-admin-row strong,.plan-admin-row small{display:block}.plan-admin-row small{margin-top:4px;color:var(--muted)}.plan-admin-row .actions{display:flex;align-items:center;gap:6px}
.billing-admin-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.billing-admin-actions details{position:relative}.billing-admin-actions summary{list-style:none;cursor:pointer}.billing-admin-actions summary::-webkit-details-marker{display:none}.manual-approve-pop{position:absolute;right:0;top:38px;z-index:20;width:300px;padding:12px;border-radius:14px;border:1px solid rgba(78,123,183,.35);background:#091323;box-shadow:0 18px 50px rgba(0,0,0,.4);display:grid;gap:8px}.manual-approve-pop input{width:100%}
.badge.success{background:rgba(34,197,94,.12);color:#8ff0aa;border-color:rgba(34,197,94,.28)}.badge.warning{background:rgba(245,158,11,.12);color:#f9c96c;border-color:rgba(245,158,11,.28)}.badge.danger{background:rgba(239,68,68,.12);color:#ff9b9b;border-color:rgba(239,68,68,.28)}
@media(max-width:1280px){.billing-plan-grid{grid-template-columns:repeat(2,minmax(240px,1fr))}.billing-two-col{grid-template-columns:1fr}.billing-user-filter{min-width:260px}}
@media(max-width:680px){.billing-payment-qr{grid-template-columns:1fr}.billing-payment-qr-image{max-width:220px;width:100%;margin:0 auto}.billing-payment-qr-info{text-align:center}.billing-payment-qr-info .btn{width:100%;justify-content:center}}
@media(max-width:800px){.billing-dashboard-strip,.billing-summary-grid,.billing-settings-grid,.billing-plan-grid{grid-template-columns:1fr}.billing-settings-grid>article:last-child{grid-column:auto}.billing-detail-list{grid-template-columns:1fr}.billing-tx-form{grid-template-columns:1fr}.current-sub-card{align-items:flex-start;flex-direction:column}.auto-renew-form{width:100%;justify-content:space-between}.billing-user-filter{min-width:0;width:100%}}
.webhook-secret-box{margin-top:14px;padding:13px;border:1px solid rgba(87,126,177,.2);border-radius:14px;background:rgba(5,12,23,.65)}.webhook-secret-box span{display:block;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.webhook-secret-box code{display:block;margin:7px 0 9px;word-break:break-all;color:#dbeafe}

.billing-empty-plans{padding:24px}.billing-empty-plans strong{display:block;color:#f8fbff;font-size:18px;margin-bottom:7px}.billing-empty-plans p{margin:0;color:var(--muted)}

/* BEP20 payment method: direct BNB Smart Chain RPC verification */
.billing-bep20-method-card { grid-column: 1 / -1; }
.billing-bep20-method-card .card-header { margin-bottom: 6px; }
.billing-bep20-form { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.billing-bep20-form .span-2 { grid-column: 1 / -1; }
.billing-bep20-form label small { display:block; margin-top:2px; color:var(--muted); font-weight:600; line-height:1.5; }
.billing-auto-verify-check { padding:12px 14px; border:1px solid rgba(59,130,246,.2); border-radius:14px; background:rgba(37,99,235,.07); }
.billing-input-suffix { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:stretch; }
.billing-input-suffix input { border-top-right-radius:0; border-bottom-right-radius:0; }
.billing-input-suffix span { display:flex; align-items:center; padding:0 14px; border:1px solid var(--border); border-left:0; border-radius:0 12px 12px 0; background:rgba(15,23,42,.9); color:var(--muted); font-size:12px; font-weight:800; }
.billing-method-instructions { margin:14px 0 4px; padding:13px 14px; border-radius:14px; border:1px solid rgba(59,130,246,.18); background:rgba(37,99,235,.06); }
.billing-method-instructions strong { display:block; margin-bottom:5px; color:#dbeafe; }
.billing-method-instructions p { margin:0; color:var(--muted); line-height:1.55; }
@media(max-width:1050px){ .billing-bep20-form{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media(max-width:700px){ .billing-bep20-form{grid-template-columns:1fr}.billing-bep20-form .span-2{grid-column:auto} }


/* Super Admin user subscription management */
.current-sub-card>div{min-width:0;flex:1}.current-sub-dates{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;margin-top:14px}.current-sub-dates>div,.subscription-user-meta>div{padding:11px 12px;border:1px solid rgba(87,120,165,.18);border-radius:12px;background:rgba(7,15,28,.58)}.current-sub-dates span,.subscription-user-meta span{display:block;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.current-sub-dates strong,.subscription-user-meta strong{display:block;margin-top:5px;color:#eef6ff;font-size:12px;line-height:1.45;overflow-wrap:anywhere}.billing-subscription-editor{margin-bottom:16px}.subscription-user-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 16px}.billing-subscription-edit-form{grid-template-columns:repeat(3,minmax(0,1fr))}.billing-subscription-edit-form label small{display:block;margin-top:5px;color:var(--muted);line-height:1.45}.billing-admin-renew{align-self:end;min-height:44px;padding:11px 12px;border:1px solid rgba(87,120,165,.18);border-radius:12px;background:rgba(7,15,28,.5)}.billing-subscription-filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:0 0 14px}.billing-subscription-filters label{min-width:220px;margin:0}.billing-subscription-filters label:first-of-type{flex:1}.billing-subscription-filters input,.billing-subscription-filters select{width:100%}.billing-subscription-editor .actions .muted{align-self:center;font-size:12px}
@media(max-width:1100px){.current-sub-dates,.subscription-user-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-subscription-edit-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.current-sub-dates,.subscription-user-meta,.billing-subscription-edit-form{grid-template-columns:1fr}.billing-subscription-filters{align-items:stretch}.billing-subscription-filters label{min-width:0;width:100%}}

/* Telegram Team Bot v1 */
.tg-inbox-layout{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:16px;align-items:stretch}.tg-conversation-list,.tg-chat-panel{min-height:680px}.tg-inbox-filters{display:grid;grid-template-columns:1fr 110px auto;gap:8px;margin-bottom:12px}.tg-conversation-scroll{display:grid;gap:8px;max-height:610px;overflow:auto;padding-right:4px}.tg-conversation-item{display:grid;gap:7px;padding:13px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);transition:.15s ease}.tg-conversation-item:hover,.tg-conversation-item.active{border-color:var(--primary);background:var(--surface)}.tg-conversation-item>div{display:flex;justify-content:space-between;gap:10px;align-items:center}.tg-conversation-item strong{font-size:13px}.tg-conversation-item span,.tg-conversation-item small,.tg-conversation-item time{font-size:11px;color:var(--muted)}.tg-conversation-item footer{display:flex;align-items:center;gap:7px}.tg-conversation-item footer time{margin-left:auto}.tg-unread{min-width:22px;height:22px;border-radius:999px;display:grid;place-items:center;background:var(--primary);color:#fff;font-size:11px}.tg-chat-panel{display:flex;flex-direction:column}.tg-chat-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-bottom:14px;border-bottom:1px solid var(--border)}.tg-chat-header h2{margin:0 0 4px}.tg-chat-messages{display:flex;flex-direction:column;gap:10px;overflow:auto;min-height:380px;max-height:490px;padding:18px 4px}.tg-msg{display:flex}.tg-msg.out{justify-content:flex-end}.tg-msg>div{max-width:min(78%,680px);padding:12px 14px;border:1px solid var(--border);border-radius:15px;background:var(--surface-2)}.tg-msg.out>div{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.22)}.tg-msg small,.tg-msg time{font-size:10px;color:var(--muted)}.tg-msg p{margin:5px 0;font-size:13px;line-height:1.55;white-space:normal;overflow-wrap:anywhere}.tg-reply-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;border-top:1px solid var(--border);padding-top:14px}.tg-reply-form textarea{min-height:76px;resize:vertical}.tg-chat-tools{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:10px}.tg-chat-tools form{display:flex;gap:8px;align-items:center}.tg-empty{margin:auto;text-align:center;color:var(--muted)}.tg-empty strong{display:block;color:var(--text);font-size:18px}.tg-team-grid{align-items:start}.tg-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tg-check-grid label{display:flex!important;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);font-size:12px}.tg-check-grid input{width:auto!important;margin:0}.tg-setup-list{display:grid;gap:12px;margin:10px 0 18px;padding-left:22px}.tg-setup-list li{font-size:13px;line-height:1.55}.tg-webhook-status{display:grid;gap:5px;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}.tg-webhook-status span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.tg-webhook-status strong{font-size:18px}.tg-webhook-status small{overflow-wrap:anywhere}.tg-bot-links{display:flex;gap:9px;flex-wrap:wrap;margin-top:4px}.tg-command-grid{display:grid;grid-template-columns:150px 1fr;gap:10px 18px;align-items:center}.tg-command-grid code{padding:8px 10px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border);font-weight:800}.tg-command-grid span{font-size:13px;color:var(--muted)}.tg-account-card{display:grid;gap:18px;max-width:880px}.tg-connected{display:flex;gap:14px;align-items:center}.tg-connected h2,.tg-connected p{margin:0}.tg-connect-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:rgba(34,197,94,.13);color:#22c55e;font-size:24px;font-weight:900}.danger-text{color:#ef4444!important}
@media(max-width:1100px){.tg-inbox-layout{grid-template-columns:1fr}.tg-conversation-list,.tg-chat-panel{min-height:auto}.tg-conversation-scroll{max-height:360px}.tg-chat-messages{max-height:520px}.tg-reply-form{grid-template-columns:1fr}}
@media(max-width:680px){.tg-inbox-filters{grid-template-columns:1fr}.tg-check-grid{grid-template-columns:1fr}.tg-command-grid{grid-template-columns:1fr}.tg-msg>div{max-width:92%}.tg-chat-tools,.tg-chat-tools form{align-items:stretch;flex-direction:column}}

/* IPinfo Multi-Token Pool */
.page-stack { display: grid; gap: 14px; }
.ipinfo-kpi-grid { grid-template-columns: repeat(4, minmax(150px, 1fr)); margin-top: 14px; margin-bottom: 0; }
@media (max-width: 1180px) { .ipinfo-kpi-grid { grid-template-columns: repeat(2, minmax(150px, 1fr)); } }
@media (max-width: 640px) { .ipinfo-kpi-grid { grid-template-columns: 1fr; } }


/* Subscription-gated link creation */
.subscription-link-lock,
.subscription-dashboard-lock {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:18px 20px;
  margin:0 0 18px;
  border:1px solid rgba(56,189,248,.24);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(14,165,233,.06));
}
.subscription-link-lock > div,
.subscription-dashboard-lock > div { min-width:0; }
.subscription-link-lock strong,
.subscription-dashboard-lock strong { display:block; margin-top:5px; font-size:15px; }
.subscription-link-lock small,
.subscription-dashboard-lock small { display:block; margin-top:6px; line-height:1.55; color:var(--muted); }
.auth-switch { margin:18px 0 0; text-align:center; color:var(--muted); font-size:13px; }
.auth-switch a { color:var(--accent,#2f7df6); }
@media (max-width:720px) {
  .subscription-link-lock,
  .subscription-dashboard-lock { align-items:flex-start; flex-direction:column; }
  .subscription-link-lock .btn,
  .subscription-dashboard-lock .btn { width:100%; }
}

/* YourLink Super Admin Webmail */
.webmail-page{gap:16px}.webmail-settings-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:16px}.webmail-server-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.webmail-server-box{padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--panel,#fff)}.webmail-server-box>strong{display:block;margin-bottom:12px}.webmail-account-list{display:grid;gap:10px}.webmail-account-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px;border:1px solid var(--border);border-radius:14px}.webmail-account-row>div:first-child{min-width:0;display:grid;gap:3px}.webmail-account-row span,.webmail-account-row small{color:var(--muted);word-break:break-all}.webmail-shell{padding:0!important;display:grid;grid-template-columns:220px minmax(300px,360px) minmax(0,1fr);min-height:680px;overflow:hidden}.webmail-mailboxes{padding:16px;border-right:1px solid var(--border);background:rgba(148,163,184,.04);display:flex;flex-direction:column;gap:7px}.webmail-side-title{margin:12px 6px 4px;color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.webmail-mailbox-link,.webmail-folder-link{display:flex;flex-direction:column;gap:2px;padding:10px 11px;border-radius:11px;color:var(--text);font-size:13px}.webmail-mailbox-link small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.webmail-mailbox-link.active,.webmail-folder-link.active,.webmail-mailbox-link:hover,.webmail-folder-link:hover{background:rgba(59,130,246,.10)}.webmail-list-panel{border-right:1px solid var(--border);min-width:0}.webmail-list-head{min-height:70px;padding:12px 14px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:10px;align-items:center}.webmail-list-head>div{display:grid;gap:2px}.webmail-list-head small{color:var(--muted)}.webmail-search{display:flex;gap:6px}.webmail-search input{width:145px;min-width:0}.webmail-message-list{max-height:680px;overflow:auto}.webmail-message-item{display:grid;gap:5px;padding:13px 14px;border-bottom:1px solid var(--border);background:transparent}.webmail-message-item:hover,.webmail-message-item.active{background:rgba(59,130,246,.07)}.webmail-message-item.unread{background:rgba(59,130,246,.045)}.webmail-message-item.unread strong{font-weight:900}.webmail-msg-from{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.webmail-message-item>strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.webmail-msg-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.webmail-reader-panel,.webmail-compose-panel{padding:18px;min-width:0;overflow:auto}.webmail-compose-panel{grid-column:2/4}.webmail-reader-head h2{font-size:22px;margin:5px 0 10px;line-height:1.25}.webmail-reader-head p{font-size:12px;color:var(--muted);line-height:1.7}.webmail-reader-actions{margin:12px 0 16px;flex-wrap:wrap}.webmail-body{padding:16px;border:1px solid var(--border);border-radius:14px;background:rgba(148,163,184,.035);min-height:260px}.webmail-body pre{margin:0;white-space:pre-wrap;word-break:break-word;font:inherit;font-size:14px;line-height:1.7}.webmail-attachments{margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.webmail-attachments>strong{display:block;margin-bottom:10px}.webmail-reader-empty{height:100%;min-height:420px;display:grid;place-content:center;text-align:center;color:var(--muted)}.webmail-reader-empty strong{color:var(--text);font-size:18px}.webmail-compose-form textarea{resize:vertical;min-height:260px}.empty-state{padding:24px;text-align:center;color:var(--muted)}
@media(max-width:1200px){.webmail-shell{grid-template-columns:190px minmax(280px,330px) minmax(0,1fr)}.webmail-settings-grid{grid-template-columns:1fr}.webmail-server-grid{grid-template-columns:1fr}}
@media(max-width:900px){.webmail-shell{grid-template-columns:1fr;min-height:0}.webmail-mailboxes{border-right:0;border-bottom:1px solid var(--border);display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.webmail-mailboxes>.btn,.webmail-side-title{grid-column:1/-1}.webmail-list-panel{border-right:0;border-bottom:1px solid var(--border)}.webmail-compose-panel{grid-column:auto}.webmail-message-list{max-height:460px}.webmail-reader-panel{min-height:420px}}

/* Webmail individual email login tabs */
.webmail-account-tabs-wrap{padding:10px!important;overflow:hidden}.webmail-account-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px;scrollbar-width:thin}.webmail-account-tab{position:relative;display:grid;grid-template-columns:minmax(120px,1fr) auto;grid-template-areas:"label status" "email status";column-gap:10px;row-gap:2px;min-width:220px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--panel,#fff);color:var(--text);text-decoration:none;transition:.16s ease}.webmail-account-tab:hover{border-color:rgba(59,130,246,.35);background:rgba(59,130,246,.035)}.webmail-account-tab.active{border-color:rgba(59,130,246,.55);box-shadow:0 0 0 2px rgba(59,130,246,.08);background:rgba(59,130,246,.065)}.webmail-account-tab.disabled{opacity:.58}.webmail-tab-label{grid-area:label;font-weight:800;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.webmail-account-tab small{grid-area:email;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.webmail-tab-status{grid-area:status;align-self:center;font-style:normal;font-size:9px;font-weight:900;letter-spacing:.05em;padding:4px 6px;border-radius:999px;background:rgba(148,163,184,.12);color:var(--muted)}.webmail-tab-status.healthy{background:rgba(34,197,94,.12);color:#16a34a}.webmail-tab-status.error{background:rgba(239,68,68,.12);color:#dc2626}.webmail-account-tab.manage{min-width:185px;grid-template-columns:1fr;grid-template-areas:"label" "email"}.webmail-current-account{display:grid;gap:3px;padding:11px;border:1px solid var(--border);border-radius:12px;background:rgba(59,130,246,.045);margin-top:2px}.webmail-current-account small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.webmail-current-account strong{font-size:13px}.webmail-current-account span{font-size:11px;color:var(--muted);word-break:break-all}@media(max-width:700px){.webmail-account-tab{min-width:190px}.webmail-account-tab.manage{min-width:160px}}


/* Webmail layout polish v2 - prevent text overlap and keep every mailbox panel readable */
.webmail-page,.webmail-page *{box-sizing:border-box}
.webmail-page{min-width:0}
.webmail-account-tabs-wrap{padding:12px!important;overflow:hidden}
.webmail-account-tabs{display:flex!important;align-items:stretch;gap:10px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 6px;scrollbar-width:thin}
.webmail-account-tab{flex:0 0 245px!important;min-width:245px!important;max-width:245px;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"label status" "email status"!important;column-gap:10px;row-gap:4px;padding:11px 12px!important;border:1px solid var(--border)!important;border-radius:12px!important;background:var(--panel,#fff)!important;color:var(--text)!important;text-decoration:none!important;overflow:hidden}
.webmail-account-tab.manage{flex-basis:205px!important;min-width:205px!important;max-width:205px;grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"label" "email"!important}
.webmail-account-tab.active{border-color:rgba(59,130,246,.55)!important;background:rgba(59,130,246,.065)!important;box-shadow:0 0 0 2px rgba(59,130,246,.08)}
.webmail-tab-label{grid-area:label;display:block;min-width:0;font-size:13px;line-height:1.3;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.webmail-account-tab small{grid-area:email;display:block;min-width:0;font-size:11px;line-height:1.35;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.webmail-tab-status{grid-area:status;align-self:center;justify-self:end;max-width:82px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.webmail-shell{width:100%;max-width:100%;padding:0!important;display:grid!important;grid-template-columns:minmax(220px,240px) minmax(340px,390px) minmax(0,1fr)!important;min-height:680px;overflow:hidden}
.webmail-shell>*{min-width:0}
.webmail-mailboxes{min-width:0;padding:16px!important;overflow:hidden;border-right:1px solid var(--border);background:rgba(148,163,184,.04);display:flex!important;flex-direction:column!important;gap:7px!important}
.webmail-mailboxes>.btn{width:100%;justify-content:center;white-space:nowrap}
.webmail-current-account{width:100%;min-width:0;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important;padding:11px 12px!important;margin:2px 0 4px!important;border:1px solid var(--border)!important;border-radius:12px!important;background:rgba(59,130,246,.045)!important;overflow:hidden}
.webmail-current-account small,.webmail-current-account strong,.webmail-current-account span{display:block!important;width:100%;min-width:0;margin:0!important;line-height:1.35!important}
.webmail-current-account small{font-size:10px!important;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:800}
.webmail-current-account strong{font-size:13px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.webmail-current-account span{font-size:11px!important;color:var(--muted);white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;word-break:normal!important}
.webmail-side-title{width:100%;margin:10px 0 2px!important;padding:0 6px}
.webmail-folder-link{width:100%;min-width:0;display:block!important;padding:10px 11px!important;border-radius:11px;overflow:hidden}
.webmail-folder-link span{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35}

.webmail-list-panel{min-width:0!important;overflow:hidden;border-right:1px solid var(--border)}
.webmail-list-head{min-width:0;min-height:0!important;padding:13px 14px!important;border-bottom:1px solid var(--border);display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;align-items:stretch!important}
.webmail-list-title{display:grid!important;gap:2px!important;min-width:0}
.webmail-list-title strong,.webmail-list-title small{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.webmail-list-title strong{font-size:14px;line-height:1.35}
.webmail-list-title small{font-size:11px;line-height:1.35;color:var(--muted)}
.webmail-search{width:100%;min-width:0;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;align-items:center}
.webmail-search input{width:100%!important;min-width:0!important;max-width:none!important;height:40px}
.webmail-search .btn{height:40px;white-space:nowrap}
.webmail-message-list{width:100%;min-width:0;overflow:auto}
.webmail-message-item{width:100%;min-width:0;display:grid!important;gap:5px!important;padding:13px 14px!important;overflow:hidden}
.webmail-msg-from{display:block;min-width:0;font-size:12px!important;line-height:1.35!important;color:var(--muted);white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.webmail-message-item>strong{display:-webkit-box!important;min-width:0;font-size:13px!important;line-height:1.35!important;white-space:normal!important;overflow:hidden!important;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}
.webmail-msg-meta{min-width:0;display:flex!important;justify-content:space-between!important;gap:10px!important;font-size:10px!important;line-height:1.3;color:var(--muted)}
.webmail-msg-meta span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.webmail-reader-panel{min-width:0!important;max-width:100%;overflow:auto!important;padding:20px!important}
.webmail-reader-head{min-width:0;max-width:100%}
.webmail-reader-head h2{max-width:100%;font-size:20px!important;line-height:1.3!important;overflow-wrap:anywhere;word-break:break-word}
.webmail-reader-head p{max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.webmail-reader-actions{display:flex!important;align-items:center;gap:8px!important;flex-wrap:wrap!important}
.webmail-reader-actions form{margin:0!important}
.webmail-body,.webmail-body pre{max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:break-word}
.webmail-reader-empty{padding:24px;min-width:0}
.webmail-reader-empty p{margin:8px 0 0;line-height:1.5}
.webmail-account-row{min-width:0;flex-wrap:wrap}
.webmail-account-row>div:first-child{flex:1 1 260px;min-width:0}
.webmail-account-row .actions{flex:0 1 auto;flex-wrap:wrap}
.webmail-account-row strong,.webmail-account-row span,.webmail-account-row small{max-width:100%;overflow-wrap:anywhere}
.webmail-page .table-wrap{max-width:100%;overflow-x:auto}

@media(max-width:1250px){
  .webmail-shell{grid-template-columns:minmax(200px,220px) minmax(310px,350px) minmax(0,1fr)!important}
  .webmail-reader-panel{padding:16px!important}
}
@media(max-width:1020px){
  .webmail-shell{grid-template-columns:minmax(190px,210px) minmax(300px,330px) minmax(0,1fr)!important}
  .webmail-account-tab{flex-basis:220px!important;min-width:220px!important;max-width:220px}
}
@media(max-width:900px){
  .webmail-shell{display:grid!important;grid-template-columns:1fr!important;min-height:0!important}
  .webmail-mailboxes{border-right:0!important;border-bottom:1px solid var(--border);display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .webmail-mailboxes>.btn,.webmail-current-account,.webmail-side-title{grid-column:1/-1}
  .webmail-list-panel{border-right:0!important;border-bottom:1px solid var(--border)}
  .webmail-reader-panel{min-height:360px}
}
@media(max-width:600px){
  .webmail-mailboxes{grid-template-columns:1fr!important}
  .webmail-folder-link{grid-column:1/-1}
  .webmail-account-tab{flex-basis:205px!important;min-width:205px!important;max-width:205px}
  .webmail-account-tab.manage{flex-basis:185px!important;min-width:185px!important;max-width:185px}
  .webmail-reader-panel{padding:14px!important}
}

/* Subscription proration / scheduled plan changes */
.billing-upgrade-preview{display:grid;grid-template-columns:1fr auto;gap:4px 12px;margin:-4px 0 14px;padding:10px 12px;border:1px solid rgba(45,125,255,.22);border-radius:10px;background:rgba(45,125,255,.07);font-size:12px}.billing-upgrade-preview>span{color:#9eb3cf}.billing-upgrade-preview>strong{color:#eef6ff;white-space:nowrap}.billing-upgrade-preview>small{grid-column:1/-1;color:var(--muted);line-height:1.45}.billing-upgrade-preview.scheduled{border-color:rgba(245,158,11,.24);background:rgba(245,158,11,.06)}.billing-pending-change{display:grid;gap:4px;margin:12px 0 2px;max-width:760px}.billing-pending-change span{font-weight:800;color:#eef6ff}.billing-pending-change small{display:block;line-height:1.45}

/* Homepage registration ON/OFF control */
.registration-toggle-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 20px;border:1px solid var(--border);border-radius:16px;background:var(--panel,#fff);margin:4px 0 18px}.registration-toggle-card>div{min-width:0}.registration-toggle-card h2{margin:3px 0 6px}.registration-toggle-card p{margin:0 0 4px;color:var(--muted);max-width:760px}.register-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none;flex:0 0 auto}.register-toggle input{position:absolute;opacity:0;pointer-events:none}.register-toggle-track{position:relative;width:54px;height:30px;border-radius:999px;background:#94a3b8;transition:.18s ease;box-shadow:inset 0 0 0 1px rgba(15,23,42,.12)}.register-toggle-knob{position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(15,23,42,.25);transition:.18s ease}.register-toggle input:checked+.register-toggle-track{background:#16a34a}.register-toggle input:checked+.register-toggle-track .register-toggle-knob{transform:translateX(24px)}.register-toggle input:focus-visible+.register-toggle-track{outline:3px solid rgba(59,130,246,.28);outline-offset:2px}.register-toggle-state{min-width:32px;text-align:center;font-size:13px}.register-toggle:has(input:checked) .register-toggle-state{color:#15803d}@media(max-width:720px){.registration-toggle-card{align-items:flex-start;flex-direction:column}.register-toggle{width:100%;justify-content:flex-end}}

/* Homepage registration explicit ON/OFF controls */
.homepage-register-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap;flex:0 0 auto}
.homepage-register-actions .btn{min-width:176px}
@media(max-width:720px){.homepage-register-actions{width:100%;justify-content:stretch}.homepage-register-actions .btn{flex:1 1 100%;width:100%}}

/* Payment invoice form polish */
.billing-invoice-header{align-items:flex-start;gap:20px;margin-bottom:18px}
.billing-invoice-header>div:first-child{min-width:0}
.billing-form-kicker{display:block;margin-bottom:7px;color:#66b6ff;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.billing-invoice-header h2{margin:0;line-height:1.25;overflow-wrap:anywhere}
.billing-invoice-header p{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.6}
.billing-invoice-status{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;padding-top:2px}
.billing-payment-form-shell{display:flex;flex-direction:column;gap:18px}
.billing-payment-total{margin:0;padding:18px 20px}
.billing-payment-total strong{line-height:1.15;margin-top:7px}
.billing-payment-total small{display:block;margin-top:7px;color:var(--muted);font-size:11px;line-height:1.5}
.billing-payment-form-grid{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:18px;align-items:stretch}
.billing-qr-form-section,.billing-payment-fields,.billing-submit-section{border:1px solid rgba(87,120,165,.2);border-radius:16px;background:rgba(7,15,28,.52);padding:18px}
.billing-section-title{display:flex;align-items:center;gap:11px;margin-bottom:16px;min-width:0}
.billing-section-title .billing-step-number{display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;border-radius:10px;background:rgba(45,125,255,.14);border:1px solid rgba(69,145,255,.32);color:#8bc5ff;font-size:12px;font-weight:900}
.billing-section-title>div{min-width:0}
.billing-section-title strong{display:block;color:#f3f8ff;font-size:14px;line-height:1.35}
.billing-section-title small{display:block;margin-top:3px;color:var(--muted);font-size:11px;line-height:1.45}
.billing-payment-qr-image-form{width:100%;max-width:220px;margin:0 auto;padding:12px;border-radius:14px;background:#fff}
.billing-payment-qr-image-form img{display:block;width:100%;height:auto;aspect-ratio:1/1}
.billing-qr-help{margin:13px 0 12px;color:var(--muted);font-size:11px;line-height:1.65;text-align:center}
.billing-qr-open{display:flex;width:max-content;max-width:100%;margin:0 auto;justify-content:center}
.billing-readonly-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.billing-readonly-field{display:block;margin:0;min-width:0}
.billing-readonly-field>span,.billing-tx-field>span{display:block;margin:0 0 7px;color:#9bb4d4;font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;line-height:1.35}
.billing-readonly-field input,.billing-tx-field input{display:block;width:100%;min-width:0;height:42px;margin:0;padding:10px 12px;border:1px solid rgba(87,120,165,.3);border-radius:11px;background:rgba(3,10,20,.56);color:#eef6ff;font-size:12px;line-height:1.3;box-sizing:border-box}
.billing-readonly-field input[readonly]{cursor:default;color:#dcecff}
.billing-readonly-grid .span-2{grid-column:span 2}
.billing-copy-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center}
.billing-copy-field .btn{height:42px;white-space:nowrap}
.billing-payment-note{margin:0}
.billing-submit-section{padding:18px}
.billing-tx-form-polished{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin:0}
.billing-tx-field{display:block;margin:0;min-width:0}
.billing-verify-btn{min-height:42px;white-space:nowrap}
.billing-recheck-form{margin-top:10px}
.billing-payment-complete{margin:0}

@media(max-width:1080px){
  .billing-payment-form-grid{grid-template-columns:240px minmax(0,1fr)}
}
@media(max-width:860px){
  .billing-payment-form-grid{grid-template-columns:1fr}
  .billing-payment-qr-image-form{max-width:240px}
}
@media(max-width:680px){
  .billing-invoice-header{flex-direction:column;gap:10px}
  .billing-invoice-status{justify-content:flex-start}
  .billing-readonly-grid{grid-template-columns:1fr}
  .billing-readonly-grid .span-2{grid-column:auto}
  .billing-copy-field{grid-template-columns:1fr}
  .billing-copy-field .btn{width:100%;justify-content:center}
  .billing-tx-form-polished{grid-template-columns:1fr}
  .billing-verify-btn{width:100%;justify-content:center}
  .billing-qr-form-section,.billing-payment-fields,.billing-submit-section{padding:15px}
  .billing-payment-total{padding:16px}
}


/* Payment invoice form polish v2 - spacing + cache-safe layout */
.billing-payment-card{min-width:0;overflow:hidden}
.billing-payment-card .billing-invoice-header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:24px!important;margin:0 0 20px!important;padding-bottom:18px;border-bottom:1px solid rgba(87,120,165,.16)}
.billing-payment-card .billing-invoice-header>div:first-child{display:block!important;min-width:0;flex:1 1 auto}
.billing-payment-card .billing-form-kicker{display:block!important;margin:0 0 7px!important;color:#66b6ff;font-size:10px!important;font-weight:900!important;line-height:1.3!important;letter-spacing:.12em;text-transform:uppercase}
.billing-payment-card .billing-invoice-header h2{display:block!important;margin:0!important;font-size:17px!important;line-height:1.35!important;letter-spacing:0;overflow-wrap:anywhere}
.billing-payment-card .billing-invoice-header p{display:block!important;margin:8px 0 0!important;color:var(--muted);font-size:12px!important;line-height:1.65!important}
.billing-payment-card .billing-invoice-status{display:flex!important;align-items:center!important;justify-content:flex-end!important;flex:0 0 auto;padding-top:2px}

.billing-payment-form-shell{display:flex!important;flex-direction:column!important;gap:20px!important;min-width:0}
.billing-payment-total{display:block!important;margin:0!important;padding:20px 22px!important;border-radius:15px!important}
.billing-payment-total>span{display:block!important;margin:0!important;font-size:10px!important;line-height:1.3!important}
.billing-payment-total>strong{display:block!important;margin:8px 0 0!important;font-size:30px!important;line-height:1.15!important}
.billing-payment-total>small{display:block!important;margin:7px 0 0!important;color:var(--muted);font-size:11px!important;line-height:1.55!important}

.billing-payment-form-grid{display:grid!important;grid-template-columns:minmax(250px,310px) minmax(0,1fr)!important;gap:20px!important;align-items:stretch!important;min-width:0}
.billing-qr-form-section,.billing-payment-fields,.billing-submit-section{display:block!important;min-width:0!important;margin:0!important;padding:20px!important;border:1px solid rgba(87,120,165,.22)!important;border-radius:16px!important;background:rgba(7,15,28,.52)!important;box-sizing:border-box}
.billing-payment-fields{display:flex!important;flex-direction:column!important}

.billing-section-title{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;column-gap:12px!important;align-items:center!important;min-width:0!important;margin:0 0 18px!important;padding:0!important}
.billing-section-title .billing-step-number{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;min-width:34px!important;margin:0!important;padding:0!important;border-radius:10px!important;background:rgba(45,125,255,.14)!important;border:1px solid rgba(69,145,255,.34)!important;color:#8bc5ff!important;font-size:12px!important;font-weight:900!important;line-height:1!important;box-sizing:border-box}
.billing-section-title>div{display:grid!important;grid-template-columns:1fr!important;gap:4px!important;min-width:0!important;margin:0!important;padding:0!important}
.billing-section-title strong{display:block!important;margin:0!important;padding:0!important;color:#f3f8ff!important;font-size:14px!important;font-weight:800!important;line-height:1.35!important}
.billing-section-title small{display:block!important;margin:0!important;padding:0!important;color:var(--muted)!important;font-size:11px!important;font-weight:500!important;line-height:1.45!important;white-space:normal!important}

.billing-payment-qr-image-form{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:230px!important;margin:0 auto!important;padding:13px!important;border-radius:14px!important;background:#fff!important;box-sizing:border-box}
.billing-payment-qr-image-form img{display:block!important;width:100%!important;max-width:204px!important;height:auto!important;margin:0!important;aspect-ratio:1/1}
.billing-qr-help{display:block!important;margin:15px 0 13px!important;color:var(--muted)!important;font-size:11px!important;line-height:1.7!important;text-align:center!important}
.billing-qr-open{display:flex!important;align-items:center!important;justify-content:center!important;width:max-content!important;max-width:100%!important;margin:0 auto!important}

.billing-readonly-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px!important;min-width:0!important;flex:1 1 auto}
.billing-readonly-field,.billing-tx-field{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;min-width:0!important;margin:0!important;padding:0!important}
.billing-readonly-field>span,.billing-tx-field>span{display:block!important;margin:0!important;padding:0!important;color:#9bb4d4!important;font-size:10px!important;font-weight:900!important;letter-spacing:.07em!important;text-transform:uppercase!important;line-height:1.35!important}
.billing-readonly-field input,.billing-tx-field input{display:block!important;width:100%!important;min-width:0!important;height:44px!important;margin:0!important;padding:10px 13px!important;border:1px solid rgba(87,120,165,.30)!important;border-radius:11px!important;background:rgba(3,10,20,.58)!important;color:#eef6ff!important;font-size:12px!important;line-height:1.35!important;box-sizing:border-box!important}
.billing-readonly-field input[readonly]{cursor:default!important;color:#dcecff!important}
.billing-readonly-grid .span-2{grid-column:span 2!important}
.billing-copy-field{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;min-width:0!important}
.billing-copy-field .btn{height:44px!important;margin:0!important;white-space:nowrap!important}

.billing-submit-section{padding:20px!important}
.billing-submit-section .billing-section-title{margin-bottom:16px!important}
.billing-tx-form-polished{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:end!important;margin:0!important;padding:0!important}
.billing-verify-btn{min-height:44px!important;margin:0!important;padding-left:18px!important;padding-right:18px!important;white-space:nowrap!important}
.billing-recheck-form{margin:12px 0 0!important}

@media(max-width:1100px){
  .billing-payment-form-grid{grid-template-columns:260px minmax(0,1fr)!important}
}
@media(max-width:900px){
  .billing-payment-form-grid{grid-template-columns:1fr!important}
  .billing-payment-qr-image-form{max-width:240px!important}
}
@media(max-width:680px){
  .billing-payment-card .billing-invoice-header{flex-direction:column!important;gap:12px!important}
  .billing-payment-card .billing-invoice-status{justify-content:flex-start!important}
  .billing-payment-total{padding:17px!important}
  .billing-payment-total>strong{font-size:26px!important}
  .billing-qr-form-section,.billing-payment-fields,.billing-submit-section{padding:16px!important}
  .billing-readonly-grid{grid-template-columns:1fr!important;gap:13px!important}
  .billing-readonly-grid .span-2{grid-column:auto!important}
  .billing-copy-field{grid-template-columns:1fr!important}
  .billing-copy-field .btn{width:100%!important;justify-content:center!important}
  .billing-tx-form-polished{grid-template-columns:1fr!important}
  .billing-verify-btn{width:100%!important;justify-content:center!important}
}

/* Telegram support inbox: two-way media/file chat */
.tg-msg-bubble{display:grid;gap:8px;min-width:0}.tg-msg-meta{display:block}.tg-media-preview{display:block;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--surface);max-width:520px}.tg-media-image img{display:block;width:auto;max-width:100%;max-height:420px;object-fit:contain;background:#050b16}.tg-media-video video{display:block;width:100%;max-height:420px;background:#000}.tg-file-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);min-width:min(420px,100%)}.tg-file-card:hover{border-color:var(--primary)}.tg-file-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:rgba(59,130,246,.12);font-size:20px;font-weight:900}.tg-file-card span:nth-child(2){display:grid;gap:2px;min-width:0}.tg-file-card strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tg-file-card small{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tg-file-card>b{font-size:11px}.tg-media-download{font-size:10px;color:var(--muted);text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}.tg-reply-form-media{grid-template-columns:minmax(0,1fr) auto}.tg-reply-compose{display:grid;gap:8px;min-width:0}.tg-reply-compose>small{font-size:10px;color:var(--muted)}.tg-attach-picker{position:relative;display:flex!important;align-items:center;justify-content:flex-start;min-height:40px;padding:9px 12px;border:1px dashed var(--border);border-radius:11px;background:var(--surface-2);font-size:11px;font-weight:800;cursor:pointer;overflow:hidden}.tg-attach-picker:hover{border-color:var(--primary)}.tg-attach-picker input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.tg-send-reply{min-width:118px;align-self:end}.tg-msg>div.tg-msg-bubble{max-width:min(82%,720px)}
@media(max-width:1100px){.tg-reply-form-media{grid-template-columns:1fr}.tg-send-reply{width:100%}}
@media(max-width:680px){.tg-msg>div.tg-msg-bubble{max-width:94%}.tg-file-card{grid-template-columns:38px minmax(0,1fr)}.tg-file-card>b{grid-column:2}.tg-media-image img,.tg-media-video video{max-height:320px}}

/* Telegram Inbox UI polish v3 */
.tg-inbox-layout{grid-template-columns:minmax(300px,350px) minmax(0,1fr);gap:14px}
.tg-conversation-list,.tg-chat-panel{height:clamp(620px,calc(100vh - 255px),790px);min-height:620px;overflow:hidden}
.tg-conversation-list{display:flex;flex-direction:column;padding:12px}
.tg-inbox-filters{grid-template-columns:minmax(0,1fr) 100px auto;gap:7px;margin-bottom:10px}
.tg-inbox-filters input,.tg-inbox-filters select,.tg-inbox-filters button{min-height:38px}
.tg-conversation-scroll{display:flex;flex-direction:column;gap:7px;max-height:none;min-height:0;flex:1;overflow:auto;padding:1px 3px 1px 0}
.tg-conversation-item{gap:8px;padding:11px 12px;border-radius:13px}
.tg-conversation-item>div.tg-conversation-top{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px}
.tg-conversation-avatar,.tg-chat-avatar{display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(59,130,246,.28);background:rgba(59,130,246,.13);color:#8fc5ff;font-weight:900;text-transform:uppercase}
.tg-conversation-avatar{width:34px;height:34px;border-radius:11px;font-size:12px}
.tg-conversation-identity{display:grid;min-width:0;gap:1px}
.tg-conversation-identity strong{font-size:12px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tg-conversation-identity small{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tg-conversation-top time{font-size:9px;color:var(--muted);white-space:nowrap;align-self:start;padding-top:2px}
.tg-conversation-preview{margin:0;padding-left:43px;color:var(--muted);font-size:11px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tg-conversation-item footer{padding-left:43px}
.tg-chat-panel{padding:0;display:flex;flex-direction:column;background:var(--surface)}
.tg-chat-header{padding:14px 16px;align-items:center;background:var(--surface-2)}
.tg-chat-identity{display:flex;align-items:center;gap:11px;min-width:0}
.tg-chat-avatar{width:42px;height:42px;border-radius:13px;font-size:15px}
.tg-chat-identity>div{min-width:0}
.tg-chat-header h2{font-size:18px;line-height:1.25;margin:0 0 3px}
.tg-chat-header small{display:block;font-size:10px;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
.tg-chat-messages{flex:1;min-height:0;max-height:none;overflow:auto;gap:8px;padding:16px;background:linear-gradient(180deg,rgba(255,255,255,.012),transparent 25%)}
.tg-msg>div.tg-msg-bubble{max-width:min(72%,720px);padding:10px 12px;gap:6px;border-radius:14px;box-shadow:0 1px 0 rgba(255,255,255,.02)}
.tg-msg.in>div.tg-msg-bubble{border-top-left-radius:5px}
.tg-msg.out>div.tg-msg-bubble{border-top-right-radius:5px;background:rgba(37,99,235,.15);border-color:rgba(59,130,246,.3)}
.tg-msg-meta{font-size:9px!important;line-height:1.25;font-weight:700;letter-spacing:.01em}
.tg-msg p{margin:1px 0 0;font-size:12px;line-height:1.5}
.tg-msg time{display:block;margin-top:1px;text-align:right;font-size:9px!important}
.tg-media-preview{max-width:460px;border-radius:10px}
.tg-media-image img,.tg-media-video video{max-height:360px}
.tg-file-card{min-width:min(380px,100%);padding:9px 10px}
.tg-reply-form{border-top:1px solid var(--border);padding:12px 14px;background:var(--surface-2);display:block}
.tg-reply-compose{gap:8px}
.tg-reply-form textarea{min-height:70px;max-height:160px;resize:vertical;border-radius:12px;background:var(--surface);padding:11px 12px}
.tg-compose-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center}
.tg-attach-picker{width:max-content;min-height:38px;padding:7px 10px;gap:8px;border-radius:10px;background:var(--surface);max-width:290px}
.tg-attach-icon{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:rgba(59,130,246,.12);font-size:15px;line-height:1}
.tg-attach-copy{display:grid;gap:0;line-height:1.15}
.tg-attach-copy strong{font-size:10px}
.tg-attach-copy small{font-size:8px;color:var(--muted);font-weight:600;white-space:nowrap}
.tg-selected-file{min-width:0;color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tg-selected-file.has-file{color:var(--text);font-weight:700}
.tg-send-reply{min-width:108px;min-height:38px;margin:0}
.tg-chat-tools{margin:0;padding:10px 14px;border-top:1px solid var(--border);background:var(--surface);align-items:center}
.tg-chat-tools select,.tg-chat-tools .btn{min-height:34px}
@media(max-width:1100px){.tg-conversation-list,.tg-chat-panel{height:auto;min-height:auto}.tg-conversation-scroll{max-height:330px}.tg-chat-panel{min-height:650px}.tg-chat-messages{min-height:400px}.tg-compose-toolbar{grid-template-columns:minmax(0,1fr) auto}.tg-attach-picker{max-width:100%}.tg-selected-file{grid-column:1/-1;grid-row:2}.tg-send-reply{grid-column:2;grid-row:1}}
@media(max-width:680px){.tg-inbox-layout{gap:10px}.tg-conversation-list{padding:10px}.tg-inbox-filters{grid-template-columns:1fr 92px}.tg-inbox-filters button{grid-column:1/-1}.tg-chat-panel{min-height:600px}.tg-chat-header{padding:12px}.tg-chat-avatar{width:38px;height:38px}.tg-chat-header h2{font-size:16px}.tg-chat-messages{padding:12px;min-height:350px}.tg-msg>div.tg-msg-bubble{max-width:90%;padding:9px 10px}.tg-reply-form{padding:10px}.tg-compose-toolbar{grid-template-columns:1fr}.tg-attach-picker{width:100%;max-width:none}.tg-selected-file,.tg-send-reply{grid-column:1;grid-row:auto}.tg-send-reply{width:100%}.tg-chat-tools{padding:10px}.tg-file-card{min-width:0}.tg-media-image img,.tg-media-video video{max-height:300px}}

/* Header + Telegram Inbox search functional polish v4 */
.admin-search{position:relative!important;min-width:270px!important;padding:0 11px!important;overflow:visible!important;z-index:80}
.admin-search-icon{display:grid;place-items:center;flex:0 0 auto;width:18px;height:18px;font-size:15px;color:#7dd3fc}
.admin-search input{min-width:0!important;color:var(--text)!important;cursor:text!important}
.admin-search input::placeholder{color:var(--muted)!important;opacity:.82}
.admin-search:focus-within{border-color:rgba(96,165,250,.5)!important;box-shadow:0 0 0 3px rgba(59,130,246,.09)!important}
.admin-search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;display:grid;gap:4px;padding:7px;border:1px solid var(--yl-admin-border);border-radius:12px;background:var(--yl-admin-panel);box-shadow:0 18px 45px rgba(0,0,0,.34);z-index:120}
.admin-search-results[hidden]{display:none!important}
.admin-search-result{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;align-items:center;min-height:38px;padding:7px 9px;border-radius:9px;color:var(--text);text-decoration:none;font-size:11px;font-weight:800}
.admin-search-result:hover,.admin-search-result:focus-visible{background:rgba(59,130,246,.12);outline:none;color:#fff}
.admin-search-result-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:rgba(59,130,246,.1);color:#7dd3fc}
.admin-search-empty{padding:10px;color:var(--muted);font-size:11px;text-align:center}

.tg-inbox-filters{display:grid!important;grid-template-columns:minmax(0,1fr) 92px 88px!important;gap:8px!important;align-items:stretch!important;margin-bottom:11px!important}
.tg-search-field{position:relative!important;display:block!important;min-width:0!important;margin:0!important}
.tg-search-field .tg-search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);z-index:2;color:#7dd3fc;font-size:14px;pointer-events:none}
.tg-search-field input{width:100%!important;height:40px!important;min-height:40px!important;margin:0!important;padding:0 11px 0 34px!important;border-radius:11px!important;box-sizing:border-box!important}
.tg-inbox-filters select{width:100%!important;height:40px!important;min-height:40px!important;margin:0!important;padding:0 30px 0 10px!important;border-radius:11px!important;box-sizing:border-box!important}
.tg-filter-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:88px!important;min-width:88px!important;height:40px!important;min-height:40px!important;margin:0!important;padding:0 10px!important;border-radius:11px!important;white-space:nowrap!important;box-sizing:border-box!important}
.tg-filter-btn span:first-child{font-size:13px;color:#8fc5ff}
.tg-conversation-item[hidden]{display:none!important}
.tg-live-search-empty{margin:18px 8px!important;padding:14px!important;border:1px dashed var(--border);border-radius:11px;text-align:center;font-size:11px!important}
.tg-conversation-empty{margin:18px 8px!important;text-align:center}

@media(max-width:1180px){.admin-search{min-width:220px!important}}
@media(max-width:900px){.admin-search{display:none!important}}
@media(max-width:680px){
  .tg-inbox-filters{grid-template-columns:minmax(0,1fr) 88px!important}
  .tg-filter-btn{grid-column:1/-1!important;width:100%!important;min-width:0!important}
}

/* Telegram Inbox search toolbar polish v4 */
.tg-inbox-layout{grid-template-columns:minmax(330px,380px) minmax(0,1fr)!important}
.tg-inbox-filters{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 96px!important;
  grid-template-areas:"search search" "status filter"!important;
  gap:8px!important;
  align-items:stretch!important;
  margin-bottom:12px!important;
}
.tg-inbox-filters .tg-search-field{grid-area:search!important;width:100%!important;min-width:0!important}
.tg-inbox-filters select{grid-area:status!important;width:100%!important;min-width:0!important;height:40px!important;min-height:40px!important;margin:0!important;padding:0 34px 0 12px!important;border-radius:11px!important;box-sizing:border-box!important;font-size:12px!important;font-weight:750!important}
.tg-inbox-filters .tg-filter-btn{grid-area:filter!important;width:96px!important;min-width:96px!important;height:40px!important;min-height:40px!important;margin:0!important;padding:0 12px!important;border-radius:11px!important;box-sizing:border-box!important;font-size:12px!important}
.tg-search-field input{font-size:12px!important;padding-right:12px!important;text-overflow:ellipsis!important}
.tg-search-field input::placeholder{font-size:11px!important;opacity:.78!important}
.tg-conversation-list{min-width:0!important}
@media(max-width:1180px){
  .tg-inbox-layout{grid-template-columns:minmax(315px,350px) minmax(0,1fr)!important}
}
@media(max-width:760px){
  .tg-inbox-layout{grid-template-columns:1fr!important}
  .tg-inbox-filters{grid-template-columns:minmax(0,1fr) 94px!important;grid-template-areas:"search search" "status filter"!important}
  .tg-inbox-filters .tg-filter-btn{width:94px!important;min-width:94px!important}
}

/* Website Livechat + Admin Livechat */
.yl-livechat{position:fixed;right:22px;bottom:22px;z-index:9999;font-family:inherit}.yl-livechat-launch{border:0;border-radius:999px;background:#2563eb;color:#fff;min-height:50px;padding:0 18px;display:flex;align-items:center;gap:9px;font:inherit;font-weight:800;box-shadow:0 16px 42px rgba(2,6,23,.28);cursor:pointer}.yl-livechat-launch span{font-size:18px}.yl-livechat-panel{position:absolute;right:0;bottom:62px;width:min(390px,calc(100vw - 28px));overflow:hidden;border:1px solid rgba(148,163,184,.28);border-radius:20px;background:#fff;color:#0f172a;box-shadow:0 24px 70px rgba(2,6,23,.32)}.yl-livechat-panel>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 17px;background:#0f172a;color:#fff}.yl-livechat-panel>header div{display:grid;gap:2px}.yl-livechat-panel>header strong{font-size:15px}.yl-livechat-panel>header small{font-size:11px;color:#94a3b8}.yl-livechat-panel>header button{border:0;background:transparent;color:#fff;font-size:26px;line-height:1;cursor:pointer}.yl-livechat-start{padding:18px;display:grid;gap:13px}.yl-livechat-start p{margin:0 0 2px;color:#475569;font-size:13px;line-height:1.55}.yl-livechat-start label{display:grid;gap:6px;font-size:12px;font-weight:800;color:#334155}.yl-livechat-start label span{font-weight:500;color:#94a3b8}.yl-livechat-start input,.yl-livechat-compose textarea{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:#0f172a;padding:11px 12px;font:inherit;outline:none}.yl-livechat-start input:focus,.yl-livechat-compose textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.15)}.yl-livechat-chat{background:#f8fafc}.yl-livechat-messages{height:360px;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:9px}.yl-livechat-msg{display:flex}.yl-livechat-msg.in{justify-content:flex-end}.yl-livechat-msg.out{justify-content:flex-start}.yl-livechat-msg>div{max-width:82%;border-radius:15px;padding:10px 12px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 8px rgba(15,23,42,.05)}.yl-livechat-msg.in>div{background:#2563eb;color:#fff;border-color:#2563eb}.yl-livechat-msg p{margin:0;line-height:1.5;font-size:13px}.yl-livechat-msg small{display:block;margin-top:6px;font-size:10px;opacity:.72}.yl-livechat-msg img,.yl-livechat-msg video{display:block;max-width:100%;max-height:230px;border-radius:10px;margin-top:8px}.yl-livechat-file{display:block;margin-top:8px;padding:9px 10px;border-radius:10px;background:rgba(15,23,42,.07);color:inherit;font-size:12px;font-weight:700;word-break:break-word}.yl-livechat-compose{padding:12px;border-top:1px solid #e2e8f0;background:#fff}.yl-livechat-compose textarea{resize:vertical;min-height:62px}.yl-livechat-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}.yl-livechat-attach{position:relative;overflow:hidden;border:1px solid #cbd5e1;border-radius:10px;padding:8px 10px;font-size:12px;font-weight:800;cursor:pointer}.yl-livechat-attach input{position:absolute;inset:0;opacity:0;cursor:pointer}.yl-livechat-tools>span{min-width:0;flex:1;color:#64748b;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yl-livechat-status{min-height:0;padding:0 14px 10px;color:#64748b;font-size:11px;background:#fff}.yl-livechat-status:not(:empty){padding-top:8px}.yl-livechat-status.error{color:#dc2626}

.lc-admin-grid{display:grid;grid-template-columns:minmax(280px,34%) minmax(0,1fr);gap:16px;min-height:640px}.lc-session-list,.lc-thread-card{min-width:0;overflow:hidden}.lc-search-form{display:grid;grid-template-columns:minmax(0,1fr) 110px auto;gap:8px;padding:14px;border-bottom:1px solid var(--border)}.lc-search-form input,.lc-search-form select{min-width:0}.lc-session-scroll{max-height:680px;overflow:auto}.lc-session-item{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;padding:13px 14px;border-bottom:1px solid var(--border);color:inherit;text-decoration:none}.lc-session-item:hover,.lc-session-item.active{background:rgba(59,130,246,.08)}.lc-avatar{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(59,130,246,.14);font-weight:900;color:#60a5fa}.lc-avatar.large{width:46px;height:46px}.lc-session-main{min-width:0}.lc-session-main>span{display:flex;justify-content:space-between;gap:8px;align-items:center}.lc-session-main strong,.lc-session-main small,.lc-session-main p{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lc-session-main time{font-size:10px;color:var(--muted);white-space:nowrap}.lc-session-main small{margin-top:3px;color:var(--muted);font-size:11px}.lc-session-main p{margin:5px 0 0;color:var(--muted);font-size:12px}.lc-unread{align-self:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:#2563eb;color:#fff;font-size:11px}.lc-empty-list{padding:20px}.lc-thread-card{display:flex;flex-direction:column}.lc-thread-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid var(--border)}.lc-thread-head>div{display:flex;align-items:center;gap:10px;min-width:0}.lc-thread-head>div>div{min-width:0}.lc-thread-head strong,.lc-thread-head small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lc-thread-head small{margin-top:3px;color:var(--muted);font-size:11px}.lc-messages{height:480px;overflow:auto;padding:18px;background:rgba(2,6,23,.18);display:flex;flex-direction:column;gap:10px}.lc-message{display:flex}.lc-message.inbound{justify-content:flex-start}.lc-message.outbound{justify-content:flex-end}.lc-bubble{max-width:min(72%,720px);padding:11px 13px;border:1px solid var(--border);border-radius:15px;background:var(--panel)}.lc-message.outbound .lc-bubble{background:rgba(37,99,235,.16);border-color:rgba(96,165,250,.28)}.lc-bubble p{margin:0;line-height:1.55;white-space:normal;overflow-wrap:anywhere}.lc-bubble img,.lc-bubble video{display:block;max-width:100%;max-height:360px;border-radius:11px;margin-top:9px;background:#000}.lc-bubble footer{display:flex;justify-content:space-between;gap:10px;margin-top:7px;color:var(--muted);font-size:10px}.lc-file{display:flex;align-items:center;gap:9px;margin-top:8px;padding:10px;border:1px solid var(--border);border-radius:11px;color:inherit}.lc-file>span:last-child{display:grid;min-width:0}.lc-file strong,.lc-file small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lc-file small{color:var(--muted)}.lc-compose{padding:13px 14px;border-top:1px solid var(--border)}.lc-compose textarea{width:100%;box-sizing:border-box;resize:vertical}.lc-compose>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:9px}.lc-attach{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:10px;padding:9px 11px;font-size:12px;font-weight:800;cursor:pointer}.lc-attach input{position:absolute;inset:0;opacity:0;cursor:pointer}.lc-file-name{min-width:0;flex:1;color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lc-thread-actions{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 14px 14px}.lc-thread-actions form{display:flex;gap:8px;align-items:center}.lc-thread-actions select{min-width:160px}
@media(max-width:900px){.lc-admin-grid{grid-template-columns:1fr}.lc-session-scroll{max-height:320px}.lc-messages{height:420px}.yl-livechat{right:14px;bottom:14px}.yl-livechat-launch b{display:none}.yl-livechat-launch{width:50px;padding:0;justify-content:center}.lc-search-form{grid-template-columns:1fr 100px auto}}@media(max-width:560px){.lc-search-form{grid-template-columns:1fr}.lc-bubble{max-width:90%}.lc-messages{height:360px}.yl-livechat-panel{right:-2px}.yl-livechat-messages{height:330px}}

/* Homepage footer legal + compact website livechat polish */
.footer-legal-column nav{display:block}
.footer-legal-column ul{gap:6px!important}
.footer-legal-column li{margin:0}
.footer-legal-column a{display:flex!important;align-items:center;justify-content:space-between;gap:12px;min-height:34px;padding:7px 9px;margin-left:-9px;border-radius:9px;transition:background .16s ease,color .16s ease,transform .16s ease}
.footer-legal-column a b{font-size:11px;font-weight:900;color:#64748b;opacity:0;transform:translateX(-3px);transition:.16s ease}
.footer-legal-column a:hover{background:rgba(255,255,255,.055);color:#fff!important;transform:translateX(2px)}
.footer-legal-column a:hover b{opacity:1;transform:translateX(0);color:#93c5fd}

.yl-livechat [hidden]{display:none!important}
.yl-livechat{right:20px!important;bottom:20px!important;max-width:calc(100vw - 24px)}
.yl-livechat-launch{min-height:46px!important;padding:0 16px!important;gap:8px!important;font-size:13px!important;box-shadow:0 12px 32px rgba(2,6,23,.24)!important}
.yl-livechat-launch span{font-size:16px!important}
.yl-livechat-panel{
  display:flex!important;
  flex-direction:column;
  width:min(360px,calc(100vw - 24px))!important;
  max-height:min(620px,calc(100vh - 92px));
  bottom:58px!important;
  border-radius:18px!important;
  overflow:hidden!important;
  box-shadow:0 22px 58px rgba(2,6,23,.30)!important;
}
.yl-livechat-panel[hidden]{display:none!important}
.yl-livechat-panel>header{flex:0 0 auto;padding:12px 14px!important;gap:12px!important;min-height:54px}
.yl-livechat-panel>header div{gap:1px!important;min-width:0}
.yl-livechat-panel>header strong{font-size:14px!important;line-height:1.25}
.yl-livechat-panel>header small{font-size:10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yl-livechat-panel>header button{width:34px;height:34px;display:grid;place-items:center;border-radius:10px!important;font-size:22px!important;flex:0 0 auto}
.yl-livechat-panel>header button:hover{background:rgba(255,255,255,.08)!important}
.yl-livechat-start{padding:14px!important;gap:10px!important;overflow:auto;min-height:0}
.yl-livechat-start p{font-size:12px!important;line-height:1.45!important;margin:0 0 2px!important}
.yl-livechat-start label{gap:5px!important;font-size:11px!important}
.yl-livechat-start input,.yl-livechat-compose textarea{border-radius:10px!important;padding:9px 10px!important;font-size:13px!important}
.yl-livechat-start input{min-height:39px}
.yl-livechat-start .btn{width:100%;min-height:40px!important;margin-top:2px}
.yl-livechat-chat{display:flex;flex-direction:column;min-height:0;flex:1;background:#f8fafc!important}
.yl-livechat-chat[hidden]{display:none!important}
.yl-livechat-messages{height:340px!important;max-height:calc(100vh - 245px);min-height:210px;flex:1;overflow:auto!important;padding:12px!important;gap:8px!important;overscroll-behavior:contain}
.yl-livechat-msg>div{max-width:84%!important;border-radius:13px!important;padding:9px 10px!important}
.yl-livechat-msg p{font-size:12px!important;line-height:1.45!important}
.yl-livechat-msg small{font-size:9px!important;margin-top:5px!important}
.yl-livechat-msg img,.yl-livechat-msg video{max-height:200px!important;border-radius:9px!important}
.yl-livechat-compose{flex:0 0 auto;padding:10px!important}
.yl-livechat-compose textarea{min-height:54px!important;max-height:108px;resize:vertical!important;line-height:1.45}
.yl-livechat-tools{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;gap:7px!important;align-items:center!important;margin-top:7px!important}
.yl-livechat-attach{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 10px!important;border-radius:9px!important;font-size:11px!important;white-space:nowrap}
.yl-livechat-tools>span{font-size:10px!important}
.yl-livechat-tools .btn{min-height:36px!important;padding:8px 14px!important;border-radius:10px!important;font-size:12px!important;white-space:nowrap}
.yl-livechat-status{flex:0 0 auto;font-size:10px!important;padding:0 12px 8px!important}
.yl-livechat-status:not(:empty){padding-top:7px!important}

@media(max-width:620px){
  .site-footer{padding-bottom:86px!important}
  .footer-legal-column a{margin-left:0;padding-left:0;padding-right:0}
  .yl-livechat{right:10px!important;bottom:10px!important;left:10px;max-width:none}
  .yl-livechat-launch{margin-left:auto}
  .yl-livechat-panel{right:0!important;left:0;width:100%!important;max-height:calc(100vh - 82px);bottom:56px!important;border-radius:16px!important}
  .yl-livechat-messages{height:300px!important;max-height:calc(100vh - 240px);min-height:180px}
  .yl-livechat-tools{grid-template-columns:auto minmax(0,1fr) auto!important}
}


/* USDT Auto Check */
.billing-auto-check-panel{display:flex;flex-direction:column;gap:12px;margin:0 0 16px;padding:14px 16px;border:1px solid rgba(59,130,246,.24);border-radius:14px;background:rgba(37,99,235,.07);transition:border-color .2s ease,background .2s ease}
.billing-auto-check-head{display:flex;align-items:flex-start;gap:10px;min-width:0}
.billing-auto-check-head>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.billing-auto-check-head strong{font-size:12px;line-height:1.35;color:#eef6ff}
.billing-auto-check-head small{font-size:10px;line-height:1.55;color:var(--muted)}
.billing-auto-check-dot{width:9px;height:9px;flex:0 0 9px;margin-top:4px;border-radius:999px;background:#60a5fa;box-shadow:0 0 0 4px rgba(96,165,250,.1)}
.billing-auto-check-stats{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;padding-top:10px;border-top:1px solid rgba(87,120,165,.15)}
.billing-auto-check-stats span{font-size:10px;line-height:1.4;color:var(--muted)}
.billing-auto-check-stats b{color:#e7f2ff;font-weight:800}
.billing-auto-check-panel.is-checking .billing-auto-check-dot{animation:billingAutoPulse 1.1s ease-in-out infinite}
.billing-auto-check-panel.is-complete{border-color:rgba(34,197,94,.32);background:rgba(34,197,94,.08)}
.billing-auto-check-panel.is-complete .billing-auto-check-dot{background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.1)}
.billing-auto-check-panel.is-warning{border-color:rgba(245,158,11,.34);background:rgba(245,158,11,.08)}
.billing-auto-check-panel.is-warning .billing-auto-check-dot{background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.1)}
.billing-auto-check-panel.is-error,.billing-auto-check-panel.is-off{border-color:rgba(239,68,68,.28);background:rgba(239,68,68,.06)}
.billing-auto-check-panel.is-error .billing-auto-check-dot,.billing-auto-check-panel.is-off .billing-auto-check-dot{background:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.08)}
@keyframes billingAutoPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.72)}}
@media(max-width:680px){.billing-auto-check-panel{padding:13px}.billing-auto-check-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.billing-auto-check-stats span:last-child{grid-column:1/-1}}

/* Super Admin: create links directly for a selected user */
.link-owner-admin-box {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid rgba(59,130,246,.22);
  border-radius: 16px;
  background: rgba(37,99,235,.055);
}
.link-owner-admin-box > label { margin: 0; }
.link-owner-admin-box select { width: 100%; }
.link-owner-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 10px;
}
.link-owner-summary > div {
  min-width: 0;
  display: grid;
  gap: 3px;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: rgba(8,17,32,.38);
}
.link-owner-summary span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.link-owner-summary strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
}
.link-owner-summary small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--muted);
  font-size: 11px;
}
@media (max-width: 760px) {
  .link-owner-summary { grid-template-columns: 1fr; }
}

/* Manual subscription + customer balance management */
.billing-manual-ops-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:14px;margin:0 0 18px}.billing-manual-op{min-width:0;padding:16px;border:1px solid rgba(78,135,210,.22);border-radius:14px;background:linear-gradient(180deg,rgba(13,29,52,.76),rgba(7,17,31,.7))}.billing-manual-op-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:6px}.billing-manual-op-head h3,.billing-advanced-title h3{margin:3px 0 0;font-size:17px;line-height:1.25}.billing-manual-op>.muted{display:block;margin:0 0 13px;line-height:1.55}.billing-manual-subscribe-form{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-manual-balance-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.billing-manual-subscribe-form label small,.billing-manual-balance-form label small{display:block;margin-top:5px;color:var(--muted);line-height:1.4}.billing-inline-balance{white-space:nowrap;padding:7px 9px;border:1px solid rgba(32,172,255,.24);border-radius:10px;background:rgba(26,128,255,.08);font-size:12px}.billing-advanced-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:14px 0 10px;margin-top:3px;border-top:1px solid rgba(87,120,165,.14)}.billing-advanced-title small{max-width:460px;color:var(--muted);line-height:1.45;text-align:right}.billing-row-actions{display:flex;gap:7px;flex-wrap:wrap}.billing-row-actions .btn{white-space:nowrap}@media(max-width:1100px){.billing-manual-ops-grid{grid-template-columns:1fr}.billing-manual-subscribe-form,.billing-manual-balance-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.billing-manual-subscribe-form,.billing-manual-balance-form{grid-template-columns:1fr}.billing-advanced-title{align-items:flex-start;flex-direction:column}.billing-advanced-title small{text-align:left}.billing-manual-op-head{align-items:flex-start;flex-direction:column}}

/* Billing Settings V3 - compact, grouped, easier to scan */
.billing-settings-head{margin-bottom:14px}
.billing-config-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}
.billing-config-stat{padding:14px 16px;border:1px solid rgba(91,126,174,.22);border-radius:15px;background:linear-gradient(180deg,rgba(15,30,52,.9),rgba(9,18,33,.92));min-width:0}
.billing-config-stat span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#8ebfff;font-weight:900}
.billing-config-stat strong{display:block;margin:5px 0 3px;color:#f7fbff;font-size:17px;letter-spacing:.01em}
.billing-config-stat small{display:block;color:var(--yl-muted);line-height:1.35}
.billing-settings-form{display:block}
.billing-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.billing-method-card{padding:0;overflow:hidden}
.billing-method-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 18px;border-bottom:1px solid rgba(91,126,174,.18);background:rgba(9,18,33,.44)}
.billing-method-title{display:flex;align-items:center;gap:12px;min-width:0}
.billing-method-title h2{margin:0;font-size:17px}.billing-method-title p{margin:3px 0 0;color:var(--yl-muted);font-size:11px;line-height:1.45}
.billing-network-icon{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(45,125,255,.12);border:1px solid rgba(45,125,255,.32);color:#9cc4ff;font-weight:900;flex:0 0 auto}
.billing-method-switch{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:11px;font-weight:800;color:#dbeafe;margin:0}.billing-method-switch input{width:18px;height:18px;margin:0}
.billing-status-select{display:flex;align-items:center;gap:8px;margin:0;white-space:nowrap}.billing-status-select>span{font-size:10px;color:var(--yl-muted);font-weight:800;text-transform:uppercase}.billing-status-select select{width:auto;min-width:105px;margin:0}
.billing-field-section{padding:16px 18px;border-bottom:1px solid rgba(91,126,174,.13)}.billing-field-section:last-child{border-bottom:0}
.billing-section-title{margin:0 0 12px}.billing-section-title strong{display:block;font-size:12px;color:#f0f6ff}.billing-section-title small{display:block;margin-top:3px;color:var(--yl-muted);line-height:1.45}
.billing-field-grid{display:grid;grid-template-columns:1fr;gap:12px}.billing-field-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-field-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.billing-field-grid .span-2{grid-column:1/-1}.billing-field-grid .span-3{grid-column:1/-1}
.billing-field-grid label{margin:0;min-width:0}.billing-field-grid label>small{display:block;margin-top:5px;line-height:1.4;color:var(--yl-muted)}
.billing-field-grid input,.billing-field-grid select,.billing-field-grid textarea{width:100%;margin-top:6px}
.billing-check-row{display:flex!important;align-items:flex-start;gap:10px;padding:12px 13px;border:1px solid rgba(91,126,174,.18);border-radius:12px;background:rgba(7,15,28,.45);cursor:pointer}.billing-check-row input{width:18px!important;height:18px;margin:2px 0 0!important;flex:0 0 auto}.billing-check-row span{display:block;min-width:0}.billing-check-row strong{display:block;font-size:12px;color:#eef6ff}.billing-check-row small{display:block;margin-top:3px!important;color:var(--yl-muted);line-height:1.4}
.billing-engine-card{grid-column:1/-1;padding:18px}.billing-engine-card .card-header{margin-bottom:14px}
.billing-savebar{position:sticky;bottom:0;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding:13px 16px;border:1px solid rgba(91,126,174,.24);border-radius:15px;background:rgba(8,17,31,.96);backdrop-filter:blur(10px);box-shadow:0 -14px 35px rgba(0,0,0,.18)}
.billing-savebar>div strong{display:block;color:#eef6ff;font-size:12px}.billing-savebar>div small{display:block;margin-top:2px;color:var(--yl-muted)}
.tracking-zero-cost-card{align-items:flex-start}.tracking-zero-cost-options{display:grid;gap:8px;min-width:min(100%,330px)}.tracking-zero-cost-options .inline-check{margin:0;padding:8px 10px;border-radius:10px;background:rgba(12,24,42,.5);border:1px solid rgba(91,126,174,.14)}
@media(max-width:1100px){.billing-config-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-method-grid{grid-template-columns:1fr}.billing-field-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-engine-card{grid-column:auto}}
@media(max-width:700px){.billing-config-summary,.billing-field-grid.two,.billing-field-grid.three{grid-template-columns:1fr}.billing-method-header{align-items:flex-start;flex-direction:column}.billing-method-switch,.billing-status-select{width:100%;justify-content:space-between}.billing-status-select select{min-width:130px}.billing-savebar{align-items:stretch;flex-direction:column}.billing-savebar .btn{width:100%}.tracking-zero-cost-options{min-width:0;width:100%}}

/* Billing Settings V4 - spacing and typography isolation */
.billing-settings-form .billing-method-grid{
  gap:18px;
}
.billing-settings-form .billing-method-card{
  border-radius:16px;
}
.billing-settings-form .billing-method-header{
  min-height:72px;
  padding:16px 18px;
}
.billing-settings-form .billing-method-title{
  align-items:flex-start;
  gap:11px;
}
.billing-settings-form .billing-method-title h2{
  margin:1px 0 0;
  font-size:16px;
  line-height:1.25;
  letter-spacing:-.01em;
}
.billing-settings-form .billing-method-title p{
  margin:5px 0 0;
  max-width:520px;
  font-size:11px;
  line-height:1.55;
  color:var(--yl-muted);
  overflow-wrap:anywhere;
}
.billing-settings-form .billing-field-section{
  padding:18px;
}
.billing-settings-form .billing-settings-section-title{
  display:block!important;
  grid-template-columns:none!important;
  margin:0 0 15px!important;
  padding:0 0 11px!important;
  border-bottom:1px solid rgba(91,126,174,.12);
  min-width:0;
}
.billing-settings-form .billing-settings-section-title strong{
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:#f2f7ff;
  font-size:13px;
  font-weight:850;
  line-height:1.35;
  letter-spacing:-.005em;
  white-space:normal;
}
.billing-settings-form .billing-settings-section-title small{
  display:block!important;
  margin:4px 0 0!important;
  padding:0!important;
  max-width:100%;
  color:var(--yl-muted);
  font-size:10.5px;
  font-weight:500;
  line-height:1.55;
  white-space:normal!important;
  overflow-wrap:anywhere;
}
.billing-settings-form .billing-field-grid{
  row-gap:14px;
  column-gap:12px;
}
.billing-settings-form .billing-field-grid label{
  display:flex;
  flex-direction:column;
  gap:0;
  margin:0;
  min-width:0;
  color:#dce7f5;
  font-size:11.5px;
  font-weight:800;
  line-height:1.35;
}
.billing-settings-form .billing-field-grid label > input,
.billing-settings-form .billing-field-grid label > select,
.billing-settings-form .billing-field-grid label > textarea{
  margin-top:7px;
  min-height:42px;
}
.billing-settings-form .billing-field-grid label > textarea{
  min-height:86px;
  line-height:1.5;
}
.billing-settings-form .billing-field-grid label > small{
  display:block;
  margin:6px 0 0!important;
  color:var(--yl-muted);
  font-size:10px;
  font-weight:500;
  line-height:1.5;
  overflow-wrap:anywhere;
}
.billing-settings-form .billing-input-suffix{
  margin-top:7px;
  min-width:0;
}
.billing-settings-form .billing-input-suffix input{
  margin-top:0!important;
  min-height:42px;
}
.billing-settings-form .billing-input-suffix span{
  min-width:48px;
  justify-content:center;
  padding:0 11px;
  font-size:10px;
  line-height:1;
}
.billing-settings-form .billing-check-row{
  display:flex!important;
  flex-direction:row!important;
  align-items:flex-start;
  gap:10px!important;
  margin:0;
  padding:12px 13px;
}
.billing-settings-form .billing-check-row input{
  margin:2px 0 0!important;
}
.billing-settings-form .billing-check-row span{
  display:block;
  min-width:0;
}
.billing-settings-form .billing-check-row strong{
  display:block;
  margin:0;
  font-size:11.5px;
  line-height:1.35;
}
.billing-settings-form .billing-check-row small{
  display:block;
  margin:4px 0 0!important;
  font-size:10px;
  line-height:1.5;
}
.billing-settings-form .billing-engine-card{
  padding:18px;
}
.billing-settings-form .billing-engine-card .card-header.compact{
  margin:0 0 16px;
  padding:0 0 12px;
  border-bottom:1px solid rgba(91,126,174,.12);
}
.billing-settings-form .billing-engine-card .card-header.compact h2{
  margin:4px 0 0;
  font-size:16px;
  line-height:1.3;
}
.billing-settings-form .billing-engine-card .card-header.compact small{
  display:block;
  margin-top:5px;
  font-size:10.5px;
  line-height:1.5;
}
.billing-config-summary{
  gap:14px;
  margin-bottom:18px;
}
.billing-config-stat{
  min-height:84px;
  padding:14px 16px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.billing-config-stat span{
  line-height:1.2;
}
.billing-config-stat strong{
  margin:6px 0 4px;
  line-height:1.2;
}
.billing-config-stat small{
  font-size:10.5px;
  line-height:1.45;
}
.billing-settings-form .billing-status-select,
.billing-settings-form .billing-method-switch{
  flex:0 0 auto;
}
.billing-settings-form .billing-savebar{
  margin-top:18px;
  padding:14px 16px;
}
.billing-settings-form .billing-savebar > div strong{
  font-size:12px;
  line-height:1.35;
}
.billing-settings-form .billing-savebar > div small{
  margin-top:4px;
  font-size:10.5px;
  line-height:1.45;
}
@media(max-width:1180px){
  .billing-settings-form .billing-method-grid{grid-template-columns:1fr}
  .billing-settings-form .billing-engine-card{grid-column:auto}
}
@media(max-width:760px){
  .billing-settings-form .billing-method-header{min-height:0;padding:15px;}
  .billing-settings-form .billing-field-section{padding:15px;}
  .billing-settings-form .billing-field-grid.two,
  .billing-settings-form .billing-field-grid.three{grid-template-columns:1fr;}
  .billing-settings-form .billing-field-grid .span-2,
  .billing-settings-form .billing-field-grid .span-3{grid-column:auto;}
}

/* Billing Settings V5 - equal-height TRC20/BEP20 cards */
@media (min-width:1181px){
  .billing-settings-form .billing-method-grid{
    align-items:stretch!important;
  }
  .billing-settings-form .billing-method-card{
    display:flex!important;
    flex-direction:column!important;
    height:100%!important;
    min-height:100%!important;
    box-sizing:border-box;
  }
  .billing-settings-form .billing-method-card > .billing-method-header{
    flex:0 0 auto;
  }
  .billing-settings-form .billing-method-card > .billing-field-section{
    flex:0 0 auto;
  }
  .billing-settings-form .billing-method-card > .billing-field-section:last-child{
    flex:1 1 auto;
  }
}
@media (max-width:1180px){
  .billing-settings-form .billing-method-card{
    height:auto!important;
    min-height:0!important;
  }
}


/* =========================================================
   Dashboard layout polish + billing summary cards
   Keeps the dashboard compact and prevents inline text collisions.
   ========================================================= */
body.admin-body.pro-admin .billing-dashboard-strip {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 14px;
}
body.admin-body.pro-admin .billing-dashboard-card {
  min-width: 0;
  min-height: 92px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 16px 18px;
  border-radius: 18px;
  border: 1px solid rgba(96,165,250,.18);
  background: linear-gradient(145deg, rgba(15,29,50,.86), rgba(8,17,31,.92));
  box-shadow: 0 14px 34px rgba(0,0,0,.14);
}
body.admin-body.pro-admin .billing-dashboard-card > div {
  min-width: 0;
  display: grid;
  gap: 4px;
}
body.admin-body.pro-admin .billing-dashboard-card span {
  display: block;
  color: #9fb2ce;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .055em;
  text-transform: uppercase;
}
body.admin-body.pro-admin .billing-dashboard-card strong {
  display: block;
  margin: 0;
  color: #f8fbff;
  font-size: 20px;
  line-height: 1.15;
  letter-spacing: -.025em;
  overflow-wrap: anywhere;
}
body.admin-body.pro-admin .billing-dashboard-card small {
  display: block;
  margin: 0;
  color: #91a5c0;
  font-size: 11px;
  line-height: 1.45;
}
body.admin-body.pro-admin .billing-dashboard-card .btn {
  flex: 0 0 auto;
  min-width: 78px;
  justify-content: center;
}
body.admin-body.pro-admin .quick-actions-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 14px;
}
body.admin-body.pro-admin .dashboard-kpi-grid {
  grid-template-columns: repeat(6, minmax(150px, 1fr));
  margin-top: 0;
  margin-bottom: 14px;
}
@media (max-width: 1380px) {
  body.admin-body.pro-admin .dashboard-kpi-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1180px) {
  body.admin-body.pro-admin .quick-actions-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.admin-body.pro-admin .billing-dashboard-strip { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  body.admin-body.pro-admin .quick-actions-grid,
  body.admin-body.pro-admin .dashboard-kpi-grid { grid-template-columns: 1fr; }
  body.admin-body.pro-admin .billing-dashboard-card {
    align-items: stretch;
    flex-direction: column;
  }
  body.admin-body.pro-admin .billing-dashboard-card .btn { width: 100%; }
}

/* Super Admin selected visitor-log deletion */
body.admin-body.pro-admin .log-bulk-delete-form {
  margin: 0;
}
body.admin-body.pro-admin .log-bulk-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 0 0 12px;
  padding: 11px 12px;
  border: 1px solid rgba(239, 68, 68, .18);
  border-radius: 12px;
  background: rgba(127, 29, 29, .08);
}
body.admin-body.pro-admin .log-bulk-toolbar > div {
  min-width: 0;
}
body.admin-body.pro-admin .log-bulk-toolbar strong,
body.admin-body.pro-admin .log-bulk-toolbar small {
  display: block;
}
body.admin-body.pro-admin .log-bulk-toolbar small {
  margin-top: 2px;
  color: var(--muted);
}
body.admin-body.pro-admin .log-select-col {
  width: 42px;
  min-width: 42px;
  text-align: center;
}
body.admin-body.pro-admin .log-select-col input[type="checkbox"] {
  width: 17px;
  height: 17px;
  margin: 0;
  cursor: pointer;
  accent-color: #ef4444;
}
body.admin-body.pro-admin .log-bulk-toolbar .btn:disabled {
  opacity: .45;
  cursor: not-allowed;
}
@media (max-width: 720px) {
  body.admin-body.pro-admin .log-bulk-toolbar {
    align-items: stretch;
    flex-direction: column;
  }
  body.admin-body.pro-admin .log-bulk-toolbar .btn {
    width: 100%;
  }
}

/* =========================================================
   YOURLINK ADMIN UI 2026 · Modern unified interface
   Final override layer: visual-only, no business/routing logic.
   ========================================================= */
:root {
  --ui-bg: #07101d;
  --ui-bg-soft: #091525;
  --ui-sidebar: #081321;
  --ui-panel: rgba(13, 26, 44, .94);
  --ui-panel-strong: #0d1a2c;
  --ui-panel-soft: rgba(17, 33, 54, .72);
  --ui-border: rgba(148, 177, 218, .14);
  --ui-border-strong: rgba(112, 166, 238, .25);
  --ui-text: #f3f7fc;
  --ui-text-2: #d5e0ee;
  --ui-muted: #8fa5bf;
  --ui-blue: #3b82f6;
  --ui-blue-2: #2563eb;
  --ui-blue-soft: rgba(59, 130, 246, .13);
  --ui-cyan: #38bdf8;
  --ui-green: #22c55e;
  --ui-red: #ef4444;
  --ui-amber: #f59e0b;
  --ui-shadow: 0 14px 38px rgba(0, 0, 0, .18);
  --ui-shadow-lg: 0 24px 70px rgba(0, 0, 0, .26);
  --ui-radius: 18px;
  --ui-radius-sm: 12px;
}

html { background: var(--ui-bg); }
body.admin-body.pro-admin {
  grid-template-columns: 248px minmax(0, 1fr) !important;
  background:
    radial-gradient(circle at 82% -12%, rgba(37, 99, 235, .10), transparent 30%),
    radial-gradient(circle at 32% 110%, rgba(56, 189, 248, .045), transparent 34%),
    var(--ui-bg) !important;
  color: var(--ui-text) !important;
  letter-spacing: -.005em;
}

/* Sidebar */
body.admin-body.pro-admin .yl-sidebar {
  width: 248px !important;
  padding: 16px 14px !important;
  background: linear-gradient(180deg, rgba(8, 19, 33, .99), rgba(6, 15, 27, .99)) !important;
  border-right: 1px solid var(--ui-border) !important;
  box-shadow: 14px 0 42px rgba(0, 0, 0, .11) !important;
  z-index: 60 !important;
}
body.admin-body.pro-admin .yl-brand {
  min-height: 58px;
  margin: 0 0 12px !important;
  padding: 4px 5px 14px !important;
  border-bottom: 1px solid var(--ui-border) !important;
}
body.admin-body.pro-admin .yl-brand-mark {
  width: 40px !important;
  height: 40px !important;
  border-radius: 12px !important;
  color: #fff !important;
  background: linear-gradient(145deg, #2563eb, #3b82f6 58%, #38bdf8) !important;
  box-shadow: 0 10px 28px rgba(37, 99, 235, .28) !important;
}
body.admin-body.pro-admin .yl-brand-mark svg { width: 20px; height: 20px; }
body.admin-body.pro-admin .yl-brand-text strong {
  color: #f8fbff !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: -.025em;
}
body.admin-body.pro-admin .yl-brand-text small {
  margin-top: 4px !important;
  color: #7188a5 !important;
  font-size: 10px !important;
  font-weight: 600;
}
body.admin-body.pro-admin .yl-sidebar .yl-nav {
  padding: 0 3px 14px 0 !important;
  scrollbar-gutter: stable;
}
body.admin-body.pro-admin .yl-sidebar .yl-nav::-webkit-scrollbar { width: 4px !important; }
body.admin-body.pro-admin .yl-sidebar .yl-nav::-webkit-scrollbar-thumb { background: rgba(117, 151, 197, .24) !important; }
body.admin-body.pro-admin .sidebar-section-label {
  margin: 16px 8px 7px !important;
  color: #58718f !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .18em !important;
}
body.admin-body.pro-admin .yl-nav-link {
  position: relative;
  display: grid !important;
  grid-template-columns: 32px minmax(0, 1fr) 14px !important;
  align-items: center !important;
  gap: 9px !important;
  width: 100% !important;
  min-height: 42px !important;
  margin: 0 0 4px !important;
  padding: 5px 9px 5px 7px !important;
  border: 1px solid transparent !important;
  border-radius: 11px !important;
  color: #aebdd0 !important;
  font-size: 12px !important;
  font-weight: 720 !important;
  transition: background .16s ease, border-color .16s ease, color .16s ease !important;
}
body.admin-body.pro-admin .yl-nav-link::before {
  content: "";
  position: absolute;
  left: -4px;
  top: 10px;
  bottom: 10px;
  width: 3px;
  border-radius: 999px;
  background: transparent;
}
body.admin-body.pro-admin .yl-nav-link:hover {
  background: rgba(56, 89, 132, .12) !important;
  border-color: rgba(124, 158, 205, .10) !important;
  color: #e9f1fb !important;
}
body.admin-body.pro-admin .yl-nav-link.active {
  background: linear-gradient(90deg, rgba(37, 99, 235, .18), rgba(37, 99, 235, .08)) !important;
  border-color: rgba(59, 130, 246, .28) !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
}
body.admin-body.pro-admin .yl-nav-link.active::before { background: #60a5fa; }
body.admin-body.pro-admin .nav-icon {
  width: 30px !important;
  height: 30px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 9px !important;
  background: rgba(119, 151, 195, .075) !important;
  color: #7f9abb !important;
}
body.admin-body.pro-admin .nav-icon svg { width: 16px; height: 16px; display: block; }
body.admin-body.pro-admin .yl-nav-link:hover .nav-icon { color: #b7c9df !important; background: rgba(108, 144, 191, .11) !important; }
body.admin-body.pro-admin .yl-nav-link.active .nav-icon {
  color: #93c5fd !important;
  background: rgba(59, 130, 246, .16) !important;
  box-shadow: none !important;
}
body.admin-body.pro-admin .nav-arrow {
  color: #4c6480;
  font-size: 18px;
  font-weight: 500;
  opacity: 0;
  transform: translateX(-2px);
  transition: .16s ease;
}
body.admin-body.pro-admin .yl-nav-link:hover .nav-arrow,
body.admin-body.pro-admin .yl-nav-link.active .nav-arrow { opacity: .85; transform: translateX(0); }
body.admin-body.pro-admin .sidebar-plan-card {
  margin: 10px 0 0 !important;
  padding: 13px 14px !important;
  border: 1px solid rgba(59, 130, 246, .18) !important;
  border-radius: 14px !important;
  background: linear-gradient(145deg, rgba(37, 99, 235, .10), rgba(14, 28, 47, .78)) !important;
  box-shadow: none !important;
}
body.admin-body.pro-admin .sidebar-plan-card span,
body.admin-body.pro-admin .sidebar-plan-card small { color: #748aa5 !important; font-size: 10px !important; }
body.admin-body.pro-admin .sidebar-plan-card strong { color: #f6f9fd !important; font-size: 12px !important; margin: 3px 0 !important; }

/* Main + topbar */
body.admin-body.pro-admin .yl-main {
  padding: 0 24px 32px !important;
  background: transparent !important;
}
body.admin-body.pro-admin .yl-topbar {
  min-height: 70px !important;
  margin: 0 -24px 18px !important;
  padding: 11px 24px !important;
  background: rgba(7, 16, 29, .88) !important;
  border-bottom: 1px solid var(--ui-border) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.09) !important;
  backdrop-filter: blur(18px) saturate(1.1);
  -webkit-backdrop-filter: blur(18px) saturate(1.1);
}
body.admin-body.pro-admin .topbar-title { min-width: 0; }
body.admin-body.pro-admin .topbar-title .eyebrow {
  color: #5f7896 !important;
  font-size: 8.5px !important;
  font-weight: 900 !important;
  letter-spacing: .18em !important;
}
body.admin-body.pro-admin .yl-topbar h1 {
  margin: 2px 0 1px !important;
  color: #f8fbff !important;
  font-size: 20px !important;
  font-weight: 780 !important;
  letter-spacing: -.035em !important;
}
body.admin-body.pro-admin .yl-topbar p { color: #748aa4 !important; font-size: 10.5px !important; }
body.admin-body.pro-admin .yl-topbar-actions { gap: 8px !important; }
body.admin-body.pro-admin .admin-search {
  min-height: 38px !important;
  min-width: 260px !important;
  border: 1px solid var(--ui-border) !important;
  border-radius: 11px !important;
  background: rgba(14, 28, 47, .78) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.018) !important;
}
body.admin-body.pro-admin .admin-search:focus-within {
  border-color: rgba(96, 165, 250, .42) !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, .09) !important;
}
body.admin-body.pro-admin .admin-search input { font-size: 11.5px !important; }
body.admin-body.pro-admin .user-chip {
  min-height: 39px !important;
  padding: 4px 8px 4px 5px !important;
  gap: 7px !important;
  border: 1px solid var(--ui-border) !important;
  border-radius: 11px !important;
  background: rgba(14, 28, 47, .78) !important;
}
body.admin-body.pro-admin .user-chip > span {
  width: 29px !important;
  height: 29px !important;
  border-radius: 9px !important;
  background: linear-gradient(145deg, #2563eb, #3b82f6) !important;
  color: #fff !important;
  font-size: 11px !important;
}
body.admin-body.pro-admin .user-chip b { font-size: 10.5px !important; }
body.admin-body.pro-admin .user-chip small { font-size: 8.5px !important; }
.mobile-nav-toggle,
.sidebar-backdrop { display: none; }

/* Typography */
body.admin-body.pro-admin h1,
body.admin-body.pro-admin h2,
body.admin-body.pro-admin h3,
body.admin-body.pro-admin strong,
body.admin-body.pro-admin b { text-rendering: optimizeLegibility; }
body.admin-body.pro-admin h2 { color: #f3f7fc; letter-spacing: -.025em; }
body.admin-body.pro-admin p { color: #9db0c7; line-height: 1.65; }
body.admin-body.pro-admin .eyebrow {
  color: #63b3ff !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase;
}
body.admin-body.pro-admin small,
body.admin-body.pro-admin .muted { color: var(--ui-muted) !important; }

/* Panels/cards */
body.admin-body.pro-admin .card,
body.admin-body.pro-admin .stat-card,
body.admin-body.pro-admin .yl-kpi-card,
body.admin-body.pro-admin .log-kpi,
body.admin-body.pro-admin .message-card,
body.admin-body.pro-admin .alias-preview-card,
body.admin-body.pro-admin .advanced-rule-box,
body.admin-body.pro-admin .link-control-card,
body.admin-body.pro-admin .logs-hero,
body.admin-body.pro-admin .logs-filter-card,
body.admin-body.pro-admin .logs-table-card,
body.admin-body.pro-admin .dashboard-hero,
body.admin-body.pro-admin .yl-page-head,
body.admin-body.pro-admin .registration-toggle-card {
  border: 1px solid var(--ui-border) !important;
  border-radius: var(--ui-radius) !important;
  background: linear-gradient(180deg, rgba(14, 28, 47, .94), rgba(11, 23, 40, .94)) !important;
  box-shadow: var(--ui-shadow) !important;
}
body.admin-body.pro-admin .card:hover,
body.admin-body.pro-admin .log-kpi:hover,
body.admin-body.pro-admin .yl-kpi-card:hover {
  border-color: rgba(115, 159, 219, .22) !important;
}
body.admin-body.pro-admin .card { padding: 18px !important; }
body.admin-body.pro-admin .card-header {
  align-items: flex-start !important;
  margin-bottom: 15px !important;
  gap: 14px !important;
}
body.admin-body.pro-admin .card-header h2,
body.admin-body.pro-admin .form-card h2 { font-size: 18px !important; font-weight: 780 !important; }
body.admin-body.pro-admin .card-header.compact h2 { font-size: 16px !important; }
body.admin-body.pro-admin .card-header small { display: block; margin-top: 3px; line-height: 1.45; }
body.admin-body.pro-admin .yl-page-head {
  padding: 18px 20px !important;
  margin-bottom: 16px !important;
  background:
    radial-gradient(circle at 4% 0%, rgba(59,130,246,.10), transparent 36%),
    linear-gradient(180deg, rgba(14, 28, 47, .96), rgba(11, 23, 40, .96)) !important;
}
body.admin-body.pro-admin .yl-page-head h2 { font-size: clamp(22px, 2.4vw, 31px) !important; font-weight: 780; }

/* Form controls */
body.admin-body.pro-admin label {
  gap: 7px !important;
  color: #b9c7d8 !important;
  font-size: 11.5px !important;
  font-weight: 740 !important;
}
body.admin-body.pro-admin input,
body.admin-body.pro-admin select,
body.admin-body.pro-admin textarea {
  min-height: 41px;
  padding: 9px 11px !important;
  border: 1px solid rgba(133, 164, 205, .16) !important;
  border-radius: 10px !important;
  background: rgba(5, 14, 26, .72) !important;
  color: #e9f0f8 !important;
  font-size: 12px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.012) !important;
  transition: border-color .15s ease, background .15s ease, box-shadow .15s ease !important;
}
body.admin-body.pro-admin textarea { min-height: 96px; line-height: 1.55; }
body.admin-body.pro-admin input::placeholder,
body.admin-body.pro-admin textarea::placeholder { color: #536b88 !important; }
body.admin-body.pro-admin input:hover,
body.admin-body.pro-admin select:hover,
body.admin-body.pro-admin textarea:hover { border-color: rgba(133, 164, 205, .26) !important; }
body.admin-body.pro-admin input:focus,
body.admin-body.pro-admin select:focus,
body.admin-body.pro-admin textarea:focus {
  border-color: rgba(59, 130, 246, .60) !important;
  background: rgba(6, 16, 30, .94) !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, .10) !important;
}
body.admin-body.pro-admin input[readonly] { color: #8fa4bd !important; background: rgba(13, 25, 42, .58) !important; }
body.admin-body.pro-admin input[type="checkbox"] { min-height: 0; accent-color: #3b82f6; }
body.admin-body.pro-admin .form-row { gap: 10px !important; }
body.admin-body.pro-admin .form-card { gap: 13px !important; }
body.admin-body.pro-admin .form-card > div:first-child small { display: block; margin-top: 5px; }

/* Buttons */
body.admin-body.pro-admin .btn {
  min-height: 36px !important;
  padding: 7px 12px !important;
  gap: 7px !important;
  border: 1px solid rgba(130, 161, 204, .16) !important;
  border-radius: 10px !important;
  background: rgba(17, 32, 52, .88) !important;
  color: #d9e5f2 !important;
  font-size: 11px !important;
  font-weight: 760 !important;
  line-height: 1 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.018) !important;
  transform: none !important;
}
body.admin-body.pro-admin .btn:hover { background: rgba(26, 45, 70, .96) !important; border-color: rgba(130, 161, 204, .26) !important; color: #fff !important; }
body.admin-body.pro-admin .btn.primary {
  background: linear-gradient(180deg, #3b82f6, #2563eb) !important;
  border-color: rgba(96, 165, 250, .70) !important;
  color: #fff !important;
  box-shadow: 0 7px 20px rgba(37, 99, 235, .18), inset 0 1px 0 rgba(255,255,255,.13) !important;
}
body.admin-body.pro-admin .btn.primary:hover { background: linear-gradient(180deg, #4a8cf7, #2b67df) !important; }
body.admin-body.pro-admin .btn.danger {
  background: rgba(127, 29, 29, .23) !important;
  border-color: rgba(239, 68, 68, .32) !important;
  color: #fca5a5 !important;
  box-shadow: none !important;
}
body.admin-body.pro-admin .btn.danger:hover { background: rgba(153, 27, 27, .34) !important; color: #fecaca !important; }
body.admin-body.pro-admin .btn.ghost { background: rgba(15, 28, 46, .64) !important; }
body.admin-body.pro-admin .btn.small { min-height: 31px !important; padding: 6px 9px !important; border-radius: 9px !important; font-size: 10px !important; }
body.admin-body.pro-admin .btn:disabled { opacity: .42 !important; filter: saturate(.6); cursor: not-allowed !important; }

/* Badges */
body.admin-body.pro-admin .badge,
body.admin-body.pro-admin .reason-badge {
  min-height: 20px !important;
  padding: 3px 7px !important;
  border-radius: 7px !important;
  font-size: 8.5px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  letter-spacing: .045em !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02);
}
body.admin-body.pro-admin .badge.allow,
body.admin-body.pro-admin .badge.success { color: #8be9ad !important; background: rgba(34,197,94,.10) !important; border-color: rgba(34,197,94,.22) !important; }
body.admin-body.pro-admin .badge.block,
body.admin-body.pro-admin .badge.danger { color: #ff9d9d !important; background: rgba(239,68,68,.10) !important; border-color: rgba(239,68,68,.23) !important; }
body.admin-body.pro-admin .badge.warning { color: #f8ce77 !important; background: rgba(245,158,11,.10) !important; border-color: rgba(245,158,11,.22) !important; }

/* Tables */
body.admin-body.pro-admin .table-wrap {
  border: 1px solid rgba(135, 165, 204, .10);
  border-radius: 12px;
  background: rgba(5, 14, 25, .35);
  scrollbar-color: rgba(108, 142, 188, .28) transparent;
}
body.admin-body.pro-admin table { font-size: 11.5px !important; }
body.admin-body.pro-admin table th {
  position: sticky;
  top: 0;
  z-index: 3;
  padding: 10px 11px !important;
  border-bottom: 1px solid rgba(134, 165, 207, .13) !important;
  background: #0b1728 !important;
  color: #748ca8 !important;
  font-size: 8.5px !important;
  font-weight: 900 !important;
  letter-spacing: .10em !important;
  white-space: nowrap;
}
body.admin-body.pro-admin table td {
  padding: 10px 11px !important;
  border-bottom: 1px solid rgba(133, 163, 201, .075) !important;
  color: #cbd7e5 !important;
  line-height: 1.45;
}
body.admin-body.pro-admin table tbody tr:last-child td { border-bottom: 0 !important; }
body.admin-body.pro-admin table tbody tr:hover td { background: rgba(59, 130, 246, .045) !important; }
body.admin-body.pro-admin table strong { color: #edf4fb !important; font-weight: 760; }
body.admin-body.pro-admin table code {
  color: #acd0ff !important;
  font-size: 10.5px;
  line-height: 1.5;
  white-space: normal;
}
body.admin-body.pro-admin .actions { gap: 6px !important; min-width: 0 !important; }

/* Dashboard */
body.admin-body.pro-admin .dashboard-kpi-grid,
body.admin-body.pro-admin .yl-kpi-grid { gap: 10px !important; }
body.admin-body.pro-admin .yl-kpi-card {
  min-height: 108px !important;
  padding: 14px 15px !important;
  border-radius: 15px !important;
  background: linear-gradient(145deg, rgba(15, 31, 52, .96), rgba(10, 22, 38, .96)) !important;
}
body.admin-body.pro-admin .yl-kpi-card::after { opacity: .23 !important; bottom: 4px !important; }
body.admin-body.pro-admin .yl-kpi-card .kpi-icon { width: 32px !important; height: 32px !important; border-radius: 9px !important; font-size: 14px !important; }
body.admin-body.pro-admin .yl-kpi-card span { color: #93a8c1 !important; font-size: 10px !important; }
body.admin-body.pro-admin .yl-kpi-card strong { margin: 10px 0 5px !important; font-size: 25px !important; font-weight: 780 !important; }
body.admin-body.pro-admin .yl-kpi-card small { font-size: 9.5px !important; }
body.admin-body.pro-admin .quick-actions-grid { gap: 10px !important; }
body.admin-body.pro-admin .quick-action-card { border-radius: 15px !important; }
body.admin-body.pro-admin .yl-dashboard-grid { gap: 10px !important; }

/* Rules page */
body.admin-body.pro-admin .rules-guide {
  margin-bottom: 14px !important;
  padding: 18px !important;
}
body.admin-body.pro-admin .rules-guide > div:first-child h2 {
  margin: 5px 0 6px !important;
  font-size: 20px !important;
  font-weight: 780 !important;
}
body.admin-body.pro-admin .rules-guide > div:first-child p { margin: 0 !important; font-size: 12px !important; max-width: 800px !important; }
body.admin-body.pro-admin .guide-grid { gap: 9px !important; margin-top: 14px !important; }
body.admin-body.pro-admin .guide-grid > div {
  min-height: 112px;
  padding: 13px 14px !important;
  border: 1px solid rgba(132, 164, 205, .13) !important;
  border-radius: 12px !important;
  background: rgba(5, 14, 26, .38) !important;
}
body.admin-body.pro-admin .guide-grid strong {
  margin-bottom: 7px !important;
  color: #dce7f3 !important;
  font-size: 11px !important;
  font-weight: 820 !important;
}
body.admin-body.pro-admin .guide-grid code { color: #91c5ff !important; font-size: 10px !important; line-height: 1.75 !important; }
body.admin-body.pro-admin .registration-toggle-card {
  min-height: 132px;
  margin: 0 0 14px !important;
  padding: 17px 18px !important;
}
body.admin-body.pro-admin .registration-toggle-card h2 { margin: 4px 0 6px !important; font-size: 18px !important; }
body.admin-body.pro-admin .registration-toggle-card p { max-width: 760px !important; margin: 0 0 5px !important; color: #9fb3ca !important; font-size: 11.5px !important; line-height: 1.55 !important; }
body.admin-body.pro-admin .registration-toggle-card small { line-height: 1.55; }
body.admin-body.pro-admin .registration-toggle-card .homepage-register-actions { min-width: 270px; justify-content: flex-end; }
body.admin-body.pro-admin .grid-two { grid-template-columns: minmax(350px, 390px) minmax(0, 1fr) !important; gap: 12px !important; }
body.admin-body.pro-admin .grid-two > .card { min-width: 0; }
body.admin-body.pro-admin.page-rules .grid-two > .form-card { position: sticky; top: 88px; }
body.admin-body.pro-admin .grid-two table .actions { min-width: 158px !important; }

/* Logs */
body.admin-body.pro-admin .logs-page { gap: 12px !important; }
body.admin-body.pro-admin .logs-hero { padding: 18px 20px !important; }
body.admin-body.pro-admin .logs-hero h2 { font-size: 20px !important; }
body.admin-body.pro-admin .logs-hero p { margin-top: 5px; font-size: 11.5px !important; }
body.admin-body.pro-admin .compact-health span {
  min-width: 102px !important;
  padding: 9px 10px !important;
  border-radius: 10px !important;
  background: rgba(5,14,26,.48) !important;
}
body.admin-body.pro-admin .compact-health b { display: block; color: #728aa7 !important; font-size: 8px !important; letter-spacing: .08em; text-transform: uppercase; }
body.admin-body.pro-admin .log-kpi-grid { gap: 9px !important; }
body.admin-body.pro-admin .log-kpi { min-height: 86px !important; padding: 13px 14px !important; border-radius: 14px !important; }
body.admin-body.pro-admin .log-kpi span { color: #879db6 !important; font-size: 9px !important; font-weight: 800; }
body.admin-body.pro-admin .log-kpi strong { font-size: 24px !important; font-weight: 780; }
body.admin-body.pro-admin .log-kpi small { font-size: 9px !important; }
body.admin-body.pro-admin .logs-filter-card { padding: 16px !important; }
body.admin-body.pro-admin .logs-filter-grid { gap: 9px !important; }
body.admin-body.pro-admin .professional-log-table { border-radius: 12px !important; background: rgba(5,14,25,.35) !important; }
body.admin-body.pro-admin .log-bulk-toolbar {
  margin: 0 0 10px !important;
  padding: 10px 11px !important;
  border-radius: 10px !important;
  background: rgba(127, 29, 29, .07) !important;
}

/* Alerts */
body.admin-body.pro-admin .alert {
  margin: 0 0 14px !important;
  padding: 11px 13px !important;
  border-radius: 11px !important;
  font-size: 11.5px !important;
  box-shadow: var(--ui-shadow) !important;
}

/* Search dropdown */
body.admin-body.pro-admin .admin-search-results {
  top: calc(100% + 7px) !important;
  padding: 6px !important;
  border: 1px solid var(--ui-border-strong) !important;
  border-radius: 12px !important;
  background: #0b1728 !important;
  box-shadow: var(--ui-shadow-lg) !important;
}
body.admin-body.pro-admin .admin-search-result { border-radius: 8px !important; }

/* Mobile navigation drawer */
@media (max-width: 1180px) {
  body.admin-body.pro-admin { grid-template-columns: 228px minmax(0, 1fr) !important; }
  body.admin-body.pro-admin .yl-sidebar { width: 228px !important; }
  body.admin-body.pro-admin .admin-search { min-width: 210px !important; }
  body.admin-body.pro-admin .grid-two { grid-template-columns: 340px minmax(0, 1fr) !important; }
}

@media (max-width: 980px) {
  body.admin-body.pro-admin { display: block !important; }
  body.admin-body.pro-admin .yl-sidebar {
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    width: min(300px, 86vw) !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    max-height: 100dvh !important;
    transform: translateX(-102%);
    transition: transform .22s cubic-bezier(.2,.8,.2,1) !important;
    border-right: 1px solid var(--ui-border-strong) !important;
    border-bottom: 0 !important;
    overflow: hidden !important;
    box-shadow: 20px 0 60px rgba(0,0,0,.34) !important;
  }
  body.admin-body.pro-admin.sidebar-open .yl-sidebar { transform: translateX(0); }
  body.admin-body.pro-admin .yl-sidebar .yl-nav {
    display: block !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }
  body.admin-body.pro-admin .sidebar-plan-card { display: block !important; }
  .mobile-nav-toggle {
    flex: 0 0 auto;
    display: grid !important;
    place-items: center;
    width: 38px;
    height: 38px;
    padding: 0;
    border: 1px solid var(--ui-border);
    border-radius: 10px;
    background: rgba(14,28,47,.78);
    color: #bdd0e5;
    cursor: pointer;
  }
  .mobile-nav-toggle svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
  .sidebar-backdrop {
    position: fixed;
    inset: 0;
    z-index: 55;
    display: block;
    border: 0;
    padding: 0;
    background: rgba(1, 7, 15, .62);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .2s ease, visibility .2s ease;
    backdrop-filter: blur(3px);
  }
  body.admin-body.pro-admin.sidebar-open .sidebar-backdrop { opacity: 1; visibility: visible; pointer-events: auto; }
  body.admin-body.pro-admin .yl-main { padding: 0 16px 24px !important; }
  body.admin-body.pro-admin .yl-topbar {
    position: sticky !important;
    top: 0 !important;
    flex-direction: row !important;
    align-items: center !important;
    margin: 0 -16px 16px !important;
    padding: 10px 16px !important;
    border-radius: 0 !important;
  }
  body.admin-body.pro-admin .yl-topbar-actions { margin-left: auto; }
  body.admin-body.pro-admin .admin-search { display: none !important; }
  body.admin-body.pro-admin .grid-two { grid-template-columns: 1fr !important; }
  body.admin-body.pro-admin.page-rules .grid-two > .form-card { position: static !important; }
  body.admin-body.pro-admin .logs-filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  body.admin-body.pro-admin .log-filter-wide { grid-column: 1 / -1 !important; }
}

@media (max-width: 720px) {
  body.admin-body.pro-admin .yl-main { padding: 0 12px 20px !important; }
  body.admin-body.pro-admin .yl-topbar { margin: 0 -12px 14px !important; padding: 9px 12px !important; }
  body.admin-body.pro-admin .topbar-title p { display: none; }
  body.admin-body.pro-admin .yl-topbar h1 { font-size: 17px !important; }
  body.admin-body.pro-admin .yl-topbar-actions .btn.ghost { display: none !important; }
  body.admin-body.pro-admin .user-chip div { display: none; }
  body.admin-body.pro-admin .user-chip { padding: 4px !important; }
  body.admin-body.pro-admin .card { padding: 14px !important; border-radius: 14px !important; }
  body.admin-body.pro-admin .yl-page-head { padding: 15px !important; }
  body.admin-body.pro-admin .guide-grid,
  body.admin-body.pro-admin .logs-filter-grid,
  body.admin-body.pro-admin .log-kpi-grid { grid-template-columns: 1fr !important; }
  body.admin-body.pro-admin .registration-toggle-card { align-items: stretch !important; }
  body.admin-body.pro-admin .registration-toggle-card .homepage-register-actions { min-width: 0; width: 100%; }
  body.admin-body.pro-admin .registration-toggle-card .homepage-register-actions .btn { flex: 1 1 0; }
  body.admin-body.pro-admin .table-wrap { border-radius: 10px; }
  body.admin-body.pro-admin table th,
  body.admin-body.pro-admin table td { padding: 9px !important; }
}

@media (prefers-reduced-motion: reduce) {
  body.admin-body.pro-admin *, body.admin-body.pro-admin *::before, body.admin-body.pro-admin *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}

/* Keep printable reports clean after the final admin override layer. */
@media print {
  body.admin-body.pro-admin { display: block !important; background: #fff !important; color: #111827 !important; }
  body.admin-body.pro-admin .yl-sidebar,
  body.admin-body.pro-admin .yl-topbar,
  .sidebar-backdrop,
  .mobile-nav-toggle,
  .print-hide,
  body.admin-body.pro-admin .alert,
  .copy-toast { display: none !important; }
  body.admin-body.pro-admin .yl-main { padding: 0 !important; background: #fff !important; }
  body.admin-body.pro-admin .card,
  body.admin-body.pro-admin .yl-kpi-card,
  body.admin-body.pro-admin .report-title { background: #fff !important; color: #111827 !important; border-color: #d1d5db !important; box-shadow: none !important; }
  body.admin-body.pro-admin .card h2,
  body.admin-body.pro-admin .report-title h2,
  body.admin-body.pro-admin .yl-kpi-card strong,
  body.admin-body.pro-admin .yl-kpi-card span { color: #111827 !important; }
  body.admin-body.pro-admin .card small,
  body.admin-body.pro-admin .report-title p,
  body.admin-body.pro-admin .yl-kpi-card small { color: #4b5563 !important; }
  body.admin-body.pro-admin table th { position: static !important; color: #374151 !important; background: #f3f4f6 !important; }
  body.admin-body.pro-admin table td { color: #111827 !important; }
}


/* Redirect Delay control */
.input-with-suffix{display:flex;align-items:stretch;width:100%;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--input-bg,rgba(8,18,32,.72));transition:border-color .18s ease,box-shadow .18s ease}
.input-with-suffix:focus-within{border-color:rgba(59,130,246,.58);box-shadow:0 0 0 3px rgba(59,130,246,.10)}
.input-with-suffix input{min-width:0;flex:1;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
.input-with-suffix>span{display:flex;align-items:center;padding:0 13px;border-left:1px solid var(--border);color:var(--muted);font-size:12px;font-weight:800;background:rgba(255,255,255,.025)}
.redirect-delay-box .advanced-rule-head{align-items:flex-start}

/* Contact page: consistent with current public theme. */
.yl-contact-grid{grid-template-columns:minmax(0,1.3fr) minmax(275px,.7fr)!important;align-items:start;gap:20px!important}
.yl-contact-grid .contact-form{min-width:0;gap:16px;padding:26px;border-radius:20px}
.yl-contact-grid .contact-form label{display:grid;gap:8px;font-weight:650;font-size:13px;color:#dce7f7}
.yl-contact-grid .contact-form input,.yl-contact-grid .contact-form textarea{display:block;width:100%;min-width:0;box-sizing:border-box;padding:12px 14px;border-radius:12px;border:1px solid rgba(148,163,184,.23);background:rgba(8,18,32,.72);color:#f8fbff;font:inherit}
.yl-contact-grid .contact-form textarea{resize:vertical}.yl-contact-grid .contact-form input:focus,.yl-contact-grid .contact-form textarea:focus{outline:2px solid rgba(59,130,246,.45);outline-offset:1px}
.yl-contact-grid .contact-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
@media(max-width:800px){.yl-contact-grid{grid-template-columns:1fr!important}.yl-contact-grid .contact-form{padding:18px!important}}

/* User notification center and superadmin announcement composer. */
body.admin-body.pro-admin .yl-notification-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;width:38px;height:38px;border:1px solid rgba(117,147,192,.23);border-radius:12px;color:#dbeafe;background:rgba(15,30,49,.88);text-decoration:none}
body.admin-body.pro-admin .yl-notification-bell svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.admin-body.pro-admin .yl-notification-count{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:12px;background:#2563eb;border:2px solid #0a1424;color:#fff;font-size:10px;font-weight:800;line-height:18px;text-align:center}
body.admin-body.pro-admin .yl-notice-panel,body.admin-body.pro-admin .yl-compose-card,body.admin-body.pro-admin .yl-sent-card{margin-bottom:18px!important}
body.admin-body.pro-admin .yl-notice-head{align-items:center;gap:14px;flex-wrap:wrap}
body.admin-body.pro-admin .yl-notice-head h2,body.admin-body.pro-admin .yl-compose-card h2{margin:4px 0}
body.admin-body.pro-admin .yl-notice-head p,body.admin-body.pro-admin .yl-compose-card .card-header p{color:#9eb3cc;font-size:13px;margin:5px 0 0}
body.admin-body.pro-admin .yl-notice-unread-pill{display:inline-flex;padding:7px 12px;border-radius:99px;border:1px solid rgba(59,130,246,.3);background:rgba(37,99,235,.14);color:#bfdbfe;font-size:12px;font-weight:700;white-space:nowrap}
body.admin-body.pro-admin .yl-notice-tools{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:16px 0}
body.admin-body.pro-admin .yl-notice-tools form{margin-left:auto}
body.admin-body.pro-admin .yl-notice-list{display:grid;gap:11px}
body.admin-body.pro-admin .yl-notice-item{display:flex;gap:14px;align-items:flex-start;min-width:0;padding:18px;border-radius:15px;border:1px solid rgba(108,135,176,.19);background:rgba(12,24,43,.6)}
body.admin-body.pro-admin .yl-notice-item.is-unread{border-color:rgba(59,130,246,.38);background:linear-gradient(120deg,rgba(25,54,95,.38),rgba(11,23,43,.9))}
body.admin-body.pro-admin .yl-notice-icon{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:rgba(59,130,246,.14);color:#93c5fd;font-size:20px}
body.admin-body.pro-admin .yl-notice-copy{flex:1;min-width:0}
body.admin-body.pro-admin .yl-notice-copy strong{color:#f0f6ff;font-size:14px;line-height:1.4;overflow-wrap:anywhere}
body.admin-body.pro-admin .yl-notice-item-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
body.admin-body.pro-admin .yl-notice-copy p{margin:8px 0;color:#b5c5db;white-space:normal;overflow-wrap:anywhere;line-height:1.65;font-size:13px}
body.admin-body.pro-admin .yl-notice-copy small{display:block;color:#91a5c0;font-size:11px}
body.admin-body.pro-admin .yl-notice-link{display:inline-flex;color:#93c5fd;margin-top:12px;font-weight:700;font-size:12px;text-decoration:none}
body.admin-body.pro-admin .yl-notice-empty{padding:28px;border:1px dashed rgba(148,163,184,.3);border-radius:15px;text-align:center;color:#98abc7;font-size:13px}
body.admin-body.pro-admin .yl-compose-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:15px}
body.admin-body.pro-admin .yl-compose-form label{display:grid;gap:8px;font-size:12px;font-weight:700;color:#cad8eb;min-width:0}
body.admin-body.pro-admin .yl-compose-form input,body.admin-body.pro-admin .yl-compose-form textarea,body.admin-body.pro-admin .yl-compose-form select{width:100%;min-width:0;box-sizing:border-box;border:1px solid rgba(148,163,184,.22);border-radius:11px;padding:11px 12px;color:#eaf2ff;background:rgba(6,17,32,.9);font:inherit}
body.admin-body.pro-admin .yl-compose-form textarea{resize:vertical;min-height:105px}
body.admin-body.pro-admin .yl-compose-form label:nth-of-type(3),body.admin-body.pro-admin .yl-compose-form label:nth-of-type(4),body.admin-body.pro-admin .yl-compose-actions{grid-column:1/-1}
body.admin-body.pro-admin .yl-compose-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}
body.admin-body.pro-admin .yl-compose-actions small{color:#91a5c0}
body.admin-body.pro-admin .yl-notice-expiry-action{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;padding:15px;border:1px solid rgba(148,163,184,.18);border-radius:14px;background:rgba(255,255,255,.023)}
body.admin-body.pro-admin .yl-notice-expiry-action strong{font-size:13px}.yl-notice-expiry-action p{margin:5px 0 0;color:#93a9c5;font-size:12px;line-height:1.5}
body.admin-body.pro-admin .yl-subscription-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 20px;margin:0 0 18px;border:1px solid rgba(245,158,11,.35);border-radius:16px;background:linear-gradient(110deg,rgba(120,70,12,.25),rgba(15,26,45,.93))}
body.admin-body.pro-admin .yl-subscription-banner strong{color:#fde68a;font-size:14px}body.admin-body.pro-admin .yl-subscription-banner p{margin:5px 0 0;color:#d6c6a6;font-size:12px;line-height:1.55}
body.admin-body.pro-admin .yl-notification-bell:hover,body.admin-body.pro-admin .yl-notice-item .btn:hover{border-color:rgba(96,165,250,.65)}
@media(max-width:760px){body.admin-body.pro-admin .yl-notice-item,body.admin-body.pro-admin .yl-subscription-banner,body.admin-body.pro-admin .yl-notice-expiry-action{flex-wrap:wrap}body.admin-body.pro-admin .yl-compose-form{grid-template-columns:1fr}body.admin-body.pro-admin .yl-compose-form label,body.admin-body.pro-admin .yl-compose-actions{grid-column:1/-1}body.admin-body.pro-admin .yl-notice-item form{margin-left:48px}body.admin-body.pro-admin .yl-notice-tools form{margin-left:0}}