:root {
  color-scheme: dark;
  --bg: #070a14;
  --panel: rgba(255,255,255,0.08);
  --panel-border: rgba(255,255,255,0.13);
  --text: #f7f9ff;
  --muted: #aeb8d4;
  --accent: #6ee7f9;
  --accent-strong: #8b5cf6;
  --ok: #3ee68a;
  --warning: #fbbf24;
  --critical: #fb7185;
}

* { box-sizing: border-box; }
body {
  margin: 0;
  min-height: 100vh;
  background:
    radial-gradient(circle at top left, rgba(110,231,249,.2), transparent 35%),
    radial-gradient(circle at bottom right, rgba(139,92,246,.16), transparent 35%),
    var(--bg);
  color: var(--text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.site-shell { width: min(1120px, calc(100% - 32px)); margin: 0 auto; padding: 80px 0; }
.hero-shell, .health-shell, .error-shell {
  border: 1px solid var(--panel-border);
  background: linear-gradient(135deg, rgba(255,255,255,.1), rgba(255,255,255,.04));
  border-radius: 28px;
  padding: clamp(32px, 6vw, 72px);
  box-shadow: 0 24px 80px rgba(0,0,0,.35);
}
.hero-badge {
  display: inline-flex;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid rgba(110,231,249,.35);
  color: var(--accent);
  background: rgba(110,231,249,.09);
  font-weight: 700;
  letter-spacing: .02em;
}
h1 { font-size: clamp(40px, 8vw, 84px); line-height: .95; margin: 24px 0; letter-spacing: -.06em; }
p { color: var(--muted); font-size: 18px; line-height: 1.7; max-width: 760px; }
a { color: inherit; }
.hero-actions { display: flex; gap: 14px; flex-wrap: wrap; margin: 32px 0; }
.button-primary, .button-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 20px;
  border-radius: 14px;
  text-decoration: none;
  font-weight: 800;
}
.button-primary { background: linear-gradient(135deg, var(--accent), var(--accent-strong)); color: #06101d; }
.button-secondary { border: 1px solid var(--panel-border); background: var(--panel); }
.foundation-grid, .health-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 32px; }
.foundation-grid > div, .health-card {
  border: 1px solid var(--panel-border);
  background: rgba(255,255,255,.06);
  border-radius: 20px;
  padding: 20px;
}
dt, h2 { color: var(--accent); font-weight: 900; margin: 0 0 8px; }
dd { margin: 0; color: var(--text); }
.status { font-weight: 900; text-transform: uppercase; }
.status-ok { color: var(--ok); }
.status-warning { color: var(--warning); }
.status-critical { color: var(--critical); }
pre { white-space: pre-wrap; color: #ffd6dc; background: rgba(251,113,133,.08); padding: 12px; border-radius: 12px; }
@media (max-width: 780px) { .foundation-grid, .health-grid { grid-template-columns: 1fr; } }


/* Archive 02 Admin Shell */
:root {
  --ls-bg: #08111f;
  --ls-bg-soft: #0e1b2d;
  --ls-card: rgba(255, 255, 255, 0.075);
  --ls-card-strong: rgba(255, 255, 255, 0.12);
  --ls-border: rgba(255, 255, 255, 0.13);
  --ls-text: #edf6ff;
  --ls-muted: #9eb3c7;
  --ls-cyan: #41d8ff;
  --ls-blue: #4d7cff;
  --ls-green: #61e294;
  --ls-warn: #ffd166;
  --ls-danger: #ff6b6b;
}

body {
  margin: 0;
  color: var(--ls-text);
  background: radial-gradient(circle at top left, rgba(65, 216, 255, .14), transparent 32%), var(--ls-bg);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.site-shell {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 40px 20px;
}

.hero-shell, .health-shell {
  width: min(1060px, 100%);
  border: 1px solid var(--ls-border);
  background: linear-gradient(145deg, rgba(255,255,255,.11), rgba(255,255,255,.04));
  border-radius: 28px;
  padding: clamp(28px, 5vw, 64px);
  box-shadow: 0 24px 80px rgba(0,0,0,.32);
}

.hero-badge, .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--ls-cyan);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 12px;
}

.hero-shell h1, .health-shell h1, .admin-topbar h1, .admin-hero-card h2 {
  margin: 12px 0;
  letter-spacing: -0.04em;
}

.hero-shell h1 { font-size: clamp(44px, 8vw, 88px); }
.health-shell h1 { font-size: clamp(34px, 6vw, 60px); }
.hero-shell p, .health-shell p { color: var(--ls-muted); font-size: 18px; line-height: 1.7; max-width: 780px; }

.hero-actions { display: flex; gap: 14px; flex-wrap: wrap; margin: 28px 0; }
.button-primary, .button-secondary {
  color: white;
  text-decoration: none;
  font-weight: 800;
  padding: 13px 18px;
  border-radius: 14px;
  border: 1px solid var(--ls-border);
}
.button-primary { background: linear-gradient(135deg, var(--ls-cyan), var(--ls-blue)); }
.button-secondary { background: rgba(255,255,255,.08); }

.foundation-grid, .health-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 28px; }
.foundation-grid div, .health-card { background: var(--ls-card); border: 1px solid var(--ls-border); padding: 18px; border-radius: 18px; }
dt { color: var(--ls-muted); font-size: 12px; text-transform: uppercase; letter-spacing: .1em; }
dd { margin: 7px 0 0; font-weight: 800; }
.status-ok { color: var(--ls-green); }
.status-warning { color: var(--ls-warn); }
.status-critical { color: var(--ls-danger); }

.admin-shell { min-height: 100vh; display: grid; grid-template-columns: 290px 1fr; background: var(--ls-bg); }
.admin-sidebar { border-right: 1px solid var(--ls-border); padding: 22px; background: rgba(2, 8, 18, .72); position: sticky; top: 0; height: 100vh; }
.admin-brand { display: flex; align-items: center; gap: 12px; color: var(--ls-text); text-decoration: none; margin-bottom: 30px; }
.admin-brand-mark { width: 46px; height: 46px; border-radius: 15px; display: grid; place-items: center; background: linear-gradient(135deg, var(--ls-cyan), var(--ls-blue)); color: #fff; font-weight: 900; }
.admin-brand small { display: block; color: var(--ls-muted); margin-top: 2px; }
.admin-nav { display: grid; gap: 10px; }
.admin-nav a, .admin-nav-disabled { color: var(--ls-text); text-decoration: none; padding: 12px 14px; border-radius: 14px; border: 1px solid var(--ls-border); background: rgba(255,255,255,.05); }
.admin-nav-disabled { color: var(--ls-muted); opacity: .72; }
.admin-main { min-width: 0; padding: 26px; }
.admin-topbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 0 28px; }
.admin-topbar h1 { font-size: 36px; }
.admin-topbar-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.admin-topbar-actions a { color: var(--ls-text); text-decoration: none; padding: 10px 13px; border-radius: 12px; background: rgba(255,255,255,.07); border: 1px solid var(--ls-border); }
.admin-panel { display: grid; gap: 18px; }
.admin-hero-card, .admin-box, .admin-card { border: 1px solid var(--ls-border); background: linear-gradient(145deg, rgba(255,255,255,.10), rgba(255,255,255,.045)); border-radius: 24px; box-shadow: 0 18px 50px rgba(0,0,0,.20); }
.admin-hero-card { display: flex; justify-content: space-between; align-items: center; gap: 18px; padding: 24px; }
.admin-hero-card p, .admin-card small, .admin-list small { color: var(--ls-muted); line-height: 1.6; }
.status-pill { padding: 10px 14px; border-radius: 999px; border: 1px solid var(--ls-border); background: rgba(255,255,255,.08); font-weight: 900; }
.admin-card-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.admin-card { padding: 18px; display: grid; gap: 8px; }
.admin-card strong { font-size: 28px; }
.admin-two-col { display: grid; grid-template-columns: 1.25fr .9fr; gap: 18px; }
.admin-box { padding: 22px; }
.admin-list { display: grid; gap: 12px; }
.admin-list article { display: flex; justify-content: space-between; gap: 14px; align-items: center; padding: 14px; border: 1px solid var(--ls-border); border-radius: 16px; background: rgba(255,255,255,.045); }
.tag { padding: 6px 9px; border-radius: 999px; border: 1px solid var(--ls-border); font-size: 12px; font-weight: 900; }
.tag-online { color: var(--ls-green); }
.tag-next, .tag-warning { color: var(--ls-warn); }
.admin-definition-list { display: grid; gap: 10px; }
.admin-definition-list div, .contract-grid div { border: 1px solid var(--ls-border); background: rgba(255,255,255,.045); padding: 12px; border-radius: 14px; }
.admin-definition-list dd { overflow-wrap: anywhere; }
.contract-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.contract-grid span { display: block; color: var(--ls-muted); font-size: 12px; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 6px; }

@media (max-width: 980px) {
  .admin-shell { grid-template-columns: 1fr; }
  .admin-sidebar { position: relative; height: auto; }
  .admin-card-grid, .admin-two-col, .foundation-grid, .health-grid, .contract-grid { grid-template-columns: 1fr; }
  .admin-topbar, .admin-hero-card { align-items: flex-start; flex-direction: column; }
}

/* Archive 03 Identity Shell */
.login-shell { min-height: 100vh; display: grid; place-items: center; padding: 40px 20px; }
.login-card { width: min(560px, 100%); border: 1px solid var(--ls-border); background: linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.045)); border-radius: 28px; padding: clamp(26px, 5vw, 48px); box-shadow: 0 24px 80px rgba(0,0,0,.32); }
.login-card h1 { font-size: clamp(34px, 6vw, 58px); margin: 14px 0; letter-spacing: -.055em; }
.login-form { display: grid; gap: 16px; margin-top: 28px; }
.login-form label { display: grid; gap: 8px; color: var(--ls-muted); font-weight: 800; }
.login-form input { width: 100%; border: 1px solid var(--ls-border); border-radius: 14px; padding: 14px 15px; background: rgba(255,255,255,.08); color: var(--ls-text); font: inherit; outline: none; }
.login-form input:focus { border-color: var(--ls-cyan); box-shadow: 0 0 0 3px rgba(65,216,255,.14); }
.login-form button { border: 0; cursor: pointer; font: inherit; }
.alert { border: 1px solid var(--ls-border); border-radius: 14px; padding: 13px 15px; margin: 14px 0; font-weight: 800; }
.alert-info { color: var(--ls-green); background: rgba(97,226,148,.08); }
.alert-error { color: var(--ls-danger); background: rgba(255,107,107,.08); }
.admin-nav-online { color: var(--ls-green); padding: 12px 14px; border-radius: 14px; border: 1px solid rgba(97,226,148,.25); background: rgba(97,226,148,.08); font-weight: 900; }
.admin-userline { color: var(--ls-muted); display: inline-flex; margin-top: 4px; }
.tag-online { color: var(--ls-green); }

/* Archive 04 Settings Engine */
.settings-meter {
  min-width: 150px;
  border: 1px solid var(--ls-border);
  background: rgba(65,216,255,.08);
  border-radius: 22px;
  padding: 18px;
  text-align: center;
}
.settings-meter strong { display: block; font-size: 38px; line-height: 1; }
.settings-meter span { color: var(--ls-muted); font-weight: 800; font-size: 12px; text-transform: uppercase; letter-spacing: .1em; }
.settings-group { display: grid; gap: 16px; }
.settings-group-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.settings-group-header h3 { margin: 6px 0 0; font-size: 26px; }
.settings-list { display: grid; gap: 14px; }
.setting-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
  gap: 18px;
  align-items: start;
  border: 1px solid var(--ls-border);
  background: rgba(255,255,255,.045);
  border-radius: 18px;
  padding: 16px;
}
.setting-title-line { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.setting-key {
  color: var(--ls-cyan);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 12px;
  border: 1px solid rgba(65,216,255,.25);
  background: rgba(65,216,255,.08);
  border-radius: 999px;
  padding: 5px 8px;
}
.setting-copy p { color: var(--ls-muted); margin: 8px 0 10px; line-height: 1.55; }
.setting-flags { display: flex; gap: 8px; flex-wrap: wrap; }
.setting-control form { display: grid; grid-template-columns: 1fr auto; gap: 10px; align-items: center; }
.setting-control input,
.setting-control select,
.setting-control textarea {
  width: 100%;
  border: 1px solid var(--ls-border);
  border-radius: 14px;
  padding: 12px 13px;
  background: rgba(255,255,255,.08);
  color: var(--ls-text);
  font: inherit;
  outline: none;
}
.setting-control textarea { grid-column: 1 / -1; resize: vertical; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; }
.setting-control input[readonly] { opacity: .75; }
.setting-control button {
  border: 0;
  cursor: pointer;
  border-radius: 13px;
  padding: 12px 15px;
  color: white;
  background: linear-gradient(135deg, var(--ls-cyan), var(--ls-blue));
  font: inherit;
  font-weight: 900;
}
.setting-control small { display: block; color: var(--ls-muted); margin-top: 8px; line-height: 1.45; }
.admin-note a { color: var(--ls-cyan); font-weight: 900; text-decoration: none; }
@media (max-width: 980px) {
  .setting-row { grid-template-columns: 1fr; }
  .setting-control form { grid-template-columns: 1fr; }
}

/* Archive 05 Audit Ledger */
.audit-filter {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) 180px 180px auto;
  gap: 10px;
  margin: 18px 0;
}
.audit-filter input,
.audit-filter select {
  width: 100%;
  border: 1px solid var(--ls-border);
  border-radius: 14px;
  padding: 12px 13px;
  background: rgba(255,255,255,.08);
  color: var(--ls-text);
  font: inherit;
  outline: none;
}
.audit-filter button {
  border: 0;
  cursor: pointer;
  border-radius: 13px;
  padding: 12px 15px;
  color: white;
  background: linear-gradient(135deg, var(--ls-cyan), var(--ls-blue));
  font: inherit;
  font-weight: 900;
}
.audit-table-wrap { overflow-x: auto; border: 1px solid var(--ls-border); border-radius: 18px; background: rgba(255,255,255,.035); }
.audit-table { width: 100%; border-collapse: collapse; min-width: 920px; }
.audit-table th,
.audit-table td { padding: 13px 14px; border-bottom: 1px solid var(--ls-border); text-align: left; vertical-align: top; }
.audit-table th { color: var(--ls-muted); font-size: 12px; text-transform: uppercase; letter-spacing: .09em; }
.audit-table tr:last-child td { border-bottom: 0; }
.audit-table code { color: var(--ls-cyan); background: rgba(65,216,255,.08); border: 1px solid rgba(65,216,255,.18); border-radius: 8px; padding: 3px 6px; }
.audit-table small { display: block; color: var(--ls-muted); margin-top: 5px; }
.tag-info, .tag-notice { color: var(--ls-cyan); }
.tag-debug { color: var(--ls-muted); }
.tag-error, .tag-critical { color: var(--ls-danger); }
@media (max-width: 980px) {
  .audit-filter { grid-template-columns: 1fr; }
}

/* Production UI polish */
.public-hero h1 { max-width: 980px; }
.admin-nav a, .admin-nav-disabled { display: flex; align-items: center; gap: 10px; }
.admin-nav a span, .admin-nav-disabled span { width: 22px; height: 22px; display: inline-grid; place-items: center; border-radius: 8px; background: rgba(65,216,255,.10); color: var(--ls-cyan); }
.metric-card { position: relative; overflow: hidden; }
.metric-icon { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 14px; color: var(--ls-cyan); background: rgba(65,216,255,.11); border: 1px solid rgba(65,216,255,.20); font-weight: 900; }
.title-icon { display: inline-grid; place-items: center; width: 28px; height: 28px; margin-right: 8px; border-radius: 10px; background: rgba(65,216,255,.10); color: var(--ls-cyan); }
.list-title-with-icon { display: flex; align-items: center; gap: 12px; min-width: 0; }
.list-icon { width: 34px; height: 34px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 12px; background: rgba(255,255,255,.07); border: 1px solid var(--ls-border); color: var(--ls-cyan); }

.login-shell {
  grid-template-columns: minmax(280px, 520px) minmax(320px, 520px);
  gap: clamp(22px, 5vw, 58px);
  background:
    radial-gradient(circle at 18% 22%, rgba(65,216,255,.20), transparent 28%),
    radial-gradient(circle at 82% 78%, rgba(77,124,255,.20), transparent 28%),
    var(--ls-bg);
}
.login-art-panel, .login-card {
  border: 1px solid var(--ls-border);
  background: linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.045));
  border-radius: 30px;
  box-shadow: 0 24px 80px rgba(0,0,0,.32);
}
.login-art-panel { padding: clamp(28px, 5vw, 56px); min-height: 520px; display: flex; flex-direction: column; justify-content: center; }
.login-orb { width: 74px; height: 74px; display: grid; place-items: center; border-radius: 24px; background: linear-gradient(135deg, var(--ls-cyan), var(--ls-blue)); color: white; font-weight: 950; font-size: 24px; box-shadow: 0 18px 48px rgba(65,216,255,.22); margin-bottom: 28px; }
.login-art-panel h1 { font-size: clamp(42px, 6vw, 72px); line-height: .95; letter-spacing: -.055em; margin: 14px 0; }
.login-feature-list { display: grid; gap: 12px; margin-top: 28px; }
.login-feature-list span { display: flex; align-items: center; gap: 10px; color: var(--ls-text); font-weight: 800; }
.login-feature-list i { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 10px; background: rgba(65,216,255,.10); color: var(--ls-cyan); font-style: normal; }
.login-card { width: min(520px, 100%); padding: clamp(26px, 4vw, 42px); }
.login-card-header { display: flex; align-items: center; gap: 14px; }
.login-card-header h2 { font-size: clamp(30px, 4vw, 46px); margin: 4px 0 0; letter-spacing: -.045em; }
.login-card-icon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 16px; background: rgba(65,216,255,.12); border: 1px solid rgba(65,216,255,.24); color: var(--ls-cyan); font-weight: 900; }
.login-muted, .login-footnote { color: var(--ls-muted); font-size: 15px; line-height: 1.6; }
.field-shell { display: grid; gap: 8px; }
.input-with-icon { position: relative; display: flex; align-items: center; }
.input-with-icon i { position: absolute; left: 14px; width: 24px; display: grid; place-items: center; color: var(--ls-cyan); font-style: normal; opacity: .92; }
.login-form .input-with-icon input { padding-left: 48px; min-height: 52px; }
.button-full { width: 100%; border: 0; cursor: pointer; font: inherit; }
.release-list { display: grid; gap: 14px; }
.release-card { display: flex; justify-content: space-between; gap: 18px; border: 1px solid var(--ls-border); background: rgba(255,255,255,.045); border-radius: 18px; padding: 18px; }
.release-card h4 { margin: 4px 0 8px; font-size: 20px; }
.release-card p { margin: 0; color: var(--ls-muted); font-size: 15px; line-height: 1.55; }
.release-card small { color: var(--ls-muted); font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; }
.release-note-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.release-note-tags span { border: 1px solid var(--ls-border); background: rgba(255,255,255,.06); border-radius: 999px; padding: 6px 9px; color: var(--ls-muted); font-size: 12px; font-weight: 800; }
@media (max-width: 980px) { .login-shell { grid-template-columns: 1fr; } .login-art-panel { min-height: auto; } }

/* Archive 06 Notification and Toast Foundation */
.admin-nav a, .admin-nav-disabled { position: relative; }
.admin-nav em {
  margin-left: auto;
  min-width: 22px;
  height: 22px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--ls-cyan), var(--ls-blue));
  color: #061121;
  font-style: normal;
  font-size: 12px;
  font-weight: 950;
}
.admin-topbar-actions { align-items: center; }
.topbar-notification-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-color: rgba(65,216,255,.32) !important;
  background: rgba(65,216,255,.08) !important;
}
.topbar-notification-link strong {
  min-width: 22px;
  height: 22px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(255,255,255,.14);
  color: var(--ls-text);
}
.toast-stack {
  position: sticky;
  top: 14px;
  z-index: 20;
  display: grid;
  gap: 10px;
  margin-bottom: 18px;
  pointer-events: none;
}
.toast {
  pointer-events: auto;
  display: flex;
  align-items: center;
  gap: 12px;
  width: min(620px, 100%);
  border: 1px solid var(--ls-border);
  border-radius: 18px;
  padding: 14px 16px;
  background: rgba(12, 20, 38, .92);
  box-shadow: 0 18px 60px rgba(0,0,0,.28);
  backdrop-filter: blur(18px);
}
.toast span {
  width: 30px;
  height: 30px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  font-weight: 950;
}
.toast p { margin: 0; font-weight: 800; color: var(--ls-text); }
.toast-success { border-color: rgba(97,226,148,.28); }
.toast-success span { color: #082113; background: var(--ls-green); }
.toast-error { border-color: rgba(255,107,107,.35); }
.toast-error span { color: #240808; background: var(--ls-danger); }
.notification-meter strong { color: var(--ls-cyan); }
.notification-list { display: grid; gap: 14px; margin-top: 20px; }
.notification-card {
  display: grid;
  grid-template-columns: 46px 1fr;
  gap: 16px;
  border: 1px solid var(--ls-border);
  border-radius: 22px;
  background: rgba(255,255,255,.045);
  padding: 18px;
}
.notification-card.notification-unread {
  border-color: rgba(65,216,255,.3);
  background: linear-gradient(135deg, rgba(65,216,255,.08), rgba(255,255,255,.04));
}
.notification-card.notification-critical { border-color: rgba(255,107,107,.38); }
.notification-card.notification-warning { border-color: rgba(255,214,102,.36); }
.notification-icon {
  width: 46px;
  height: 46px;
  display: inline-grid;
  place-items: center;
  border-radius: 16px;
  background: rgba(65,216,255,.1);
  border: 1px solid var(--ls-border);
  font-weight: 950;
}
.notification-title-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
}
.notification-title-row h4 { margin: 4px 0 8px; font-size: 18px; }
.notification-body p { margin: 0; color: var(--ls-muted); line-height: 1.55; }
.notification-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}
.notification-meta span {
  border: 1px solid var(--ls-border);
  background: rgba(255,255,255,.045);
  border-radius: 999px;
  padding: 5px 9px;
  color: var(--ls-muted);
  font-size: 12px;
  font-weight: 800;
}
.notification-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 14px;
}
.notification-actions form { margin: 0; }
.notification-actions button, .compact-button {
  border: 1px solid var(--ls-border);
  background: rgba(255,255,255,.075);
  color: var(--ls-text);
  border-radius: 12px;
  padding: 9px 12px;
  cursor: pointer;
  font: inherit;
  font-weight: 850;
}
.notification-actions a { color: var(--ls-cyan); font-weight: 900; }
.button-ghost { opacity: .82; }
.tag-critical { color: var(--ls-danger); border-color: rgba(255,107,107,.32); }
.tag-warning { color: #ffd666; border-color: rgba(255,214,102,.32); }
.tag-success { color: var(--ls-green); border-color: rgba(97,226,148,.32); }
.tag-info { color: var(--ls-cyan); border-color: rgba(65,216,255,.32); }
.empty-state { opacity: .82; }


/* Archive 07: module registry polish */
.module-registry-grid {
  display: grid;
  gap: 1rem;
}

.module-card {
  border: 1px solid rgba(148, 163, 184, 0.24);
  background: rgba(255, 255, 255, 0.92);
  border-radius: 22px;
  padding: 1.1rem;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

.module-card-top {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 0.85rem;
  align-items: center;
  margin-bottom: 0.75rem;
}

.module-card-icon,
.title-icon,
.metric-icon,
.list-icon,
.notification-icon {
  display: inline-grid;
  place-items: center;
  line-height: 1;
  flex: 0 0 auto;
}

.module-card-icon {
  width: 2.65rem;
  height: 2.65rem;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.14), rgba(14, 165, 233, 0.12));
  color: #1d4ed8;
  font-size: 1.25rem;
}

.module-meta-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
  margin: 1rem 0;
}

.module-meta-grid div {
  border-radius: 14px;
  background: rgba(248, 250, 252, 0.95);
  padding: 0.7rem;
}

.module-meta-grid dt {
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #64748b;
}

.module-meta-grid dd {
  margin: 0.2rem 0 0;
  font-weight: 800;
  color: #0f172a;
}

.module-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-bottom: 0.85rem;
}

.module-chip-row span {
  border-radius: 999px;
  padding: 0.35rem 0.6rem;
  background: rgba(14, 165, 233, 0.1);
  color: #075985;
  font-size: 0.78rem;
  font-weight: 700;
}

.module-dependency-row {
  font-size: 0.82rem;
  color: #475569;
  margin-bottom: 0.85rem;
}

.module-actions {
  justify-content: flex-start;
}

.module-actions button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.tag-online,
.tag-enabled {
  background: rgba(22, 163, 74, 0.12);
  color: #166534;
}

.tag-planned {
  background: rgba(99, 102, 241, 0.12);
  color: #3730a3;
}

.tag-maintenance,
.tag-warning {
  background: rgba(245, 158, 11, 0.14);
  color: #92400e;
}

.tag-critical,
.tag-disabled {
  background: rgba(220, 38, 38, 0.12);
  color: #991b1b;
}

@media (max-width: 760px) {
  .module-card-top,
  .module-meta-grid {
    grid-template-columns: 1fr;
  }
}

.split-panel {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
  gap: 1.2rem;
  align-items: start;
}

.stacked-form {
  display: grid;
  gap: 0.9rem;
  margin-top: 1rem;
}

.endpoint-list {
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(15, 23, 42, 0.04), rgba(14, 165, 233, 0.08));
  padding: 1rem;
}

.endpoint-list code {
  display: block;
  margin: 0.5rem 0;
  padding: 0.7rem 0.8rem;
  border-radius: 12px;
  background: rgba(15, 23, 42, 0.92);
  color: #e0f2fe;
  font-size: 0.86rem;
}

.button-danger {
  border: 0;
  border-radius: 999px;
  padding: 0.55rem 0.85rem;
  background: #fee2e2;
  color: #991b1b;
  font-weight: 800;
  cursor: pointer;
}

.status-active,
.status-online,
.status-enabled,
.status-info,
.status-notice,
.status-debug {
  background: rgba(14, 165, 233, 0.12);
  color: #075985;
}

.status-revoked,
.status-expired,
.status-error,
.status-critical {
  background: rgba(220, 38, 38, 0.12);
  color: #991b1b;
}

.status-warning {
  background: rgba(245, 158, 11, 0.14);
  color: #92400e;
}

.empty-cell {
  text-align: center;
  color: #64748b;
  padding: 1.4rem !important;
}

@media (max-width: 900px) {
  .split-panel {
    grid-template-columns: 1fr;
  }
}

/* Archive 09 Media Library */
.media-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 16px;
}
.media-card {
  border: 1px solid var(--ls-border);
  background: linear-gradient(145deg, rgba(255,255,255,.095), rgba(255,255,255,.04));
  border-radius: 22px;
  overflow: hidden;
  display: grid;
  box-shadow: 0 16px 42px rgba(0,0,0,.18);
}
.media-thumb {
  min-height: 154px;
  display: grid;
  place-items: center;
  background: radial-gradient(circle at top left, rgba(65,216,255,.16), transparent 50%), rgba(255,255,255,.045);
  border-bottom: 1px solid var(--ls-border);
}
.media-thumb img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  display: block;
}
.media-thumb span { font-size: 46px; color: var(--ls-cyan); }
.media-card-body { padding: 16px; display: grid; gap: 10px; }
.media-card-body h4 { margin: 0; font-size: 18px; }
.media-card-body p { margin: 0; }
.media-card-body code,
.endpoint-list code,
.token-display {
  display: block;
  overflow-wrap: anywhere;
}
.media-meta { display: flex; flex-wrap: wrap; gap: 8px; }
.media-meta span {
  border: 1px solid var(--ls-border);
  background: rgba(255,255,255,.055);
  border-radius: 999px;
  padding: 5px 8px;
  color: var(--ls-muted);
  font-size: 12px;
  font-weight: 800;
}
.media-actions {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px 16px;
}
.media-actions a {
  color: var(--ls-text);
  text-decoration: none;
  border: 1px solid var(--ls-border);
  border-radius: 12px;
  padding: 9px 12px;
  background: rgba(255,255,255,.07);
}
.button-danger {
  color: #fff;
  border: 1px solid rgba(255,107,107,.35);
  border-radius: 12px;
  padding: 9px 12px;
  background: rgba(255,107,107,.16);
  cursor: pointer;
  font-weight: 900;
}

/* Archive 10 CMS Page Foundation */
.page-table, .admin-table { display: grid; gap: 12px; }
.admin-row, .page-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 16px;
  align-items: center;
  padding: 16px;
  border: 1px solid var(--ls-border);
  border-radius: 18px;
  background: rgba(255,255,255,.045);
}
.admin-row strong { display: block; margin-bottom: 5px; }
.admin-row small { color: var(--ls-muted); line-height: 1.5; }
.row-badges, .row-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.row-badges span { padding: 7px 10px; border-radius: 999px; border: 1px solid var(--ls-border); background: rgba(255,255,255,.06); font-size: 12px; font-weight: 800; }
.row-actions a { color: var(--ls-text); text-decoration: none; padding: 9px 12px; border-radius: 12px; border: 1px solid var(--ls-border); background: rgba(255,255,255,.07); font-weight: 800; }
.status-draft { color: var(--ls-warn); }
.status-published { color: var(--ls-green); }
.status-archived { color: var(--ls-muted); }
.form-grid-two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.cms-editor-panel { align-items: start; }
.cms-preview-card {
  position: sticky;
  top: 24px;
  border: 1px solid var(--ls-border);
  background: linear-gradient(145deg, rgba(255,255,255,.10), rgba(255,255,255,.045));
  border-radius: 24px;
  padding: 24px;
  box-shadow: 0 18px 50px rgba(0,0,0,.20);
}
.cms-preview-card h2 { color: var(--ls-text); letter-spacing: -.04em; line-height: 1.04; }
.cms-section-grid:empty { display: none; }
@media (max-width: 980px) {
  .admin-row, .page-row { grid-template-columns: 1fr; }
  .form-grid-two { grid-template-columns: 1fr; }
  .cms-preview-card { position: static; }
}

/* Archive 11 — Leadstrium Premium Pastel Design Language */
:root {
  --ls-premium-bg: #f6fbff;
  --ls-premium-bg-2: #eef7ff;
  --ls-premium-card: rgba(255, 255, 255, 0.84);
  --ls-premium-card-strong: rgba(255, 255, 255, 0.94);
  --ls-premium-border: rgba(91, 146, 194, 0.18);
  --ls-premium-border-strong: rgba(68, 215, 243, 0.35);
  --ls-premium-text: #10243f;
  --ls-premium-muted: #61738c;
  --ls-premium-sidebar: #071225;
  --ls-premium-sidebar-2: #0c1b33;
  --ls-premium-cyan: #44d7f3;
  --ls-premium-blue: #7c9cff;
  --ls-premium-teal: #5eead4;
  --ls-premium-success: #22c55e;
  --ls-premium-warning: #f59e0b;
  --ls-premium-danger: #ef4444;
  --ls-premium-radius-xl: 30px;
  --ls-premium-radius-lg: 24px;
  --ls-premium-radius-md: 16px;
  --ls-premium-shadow: 0 22px 70px rgba(48, 91, 135, .14);
  --ls-premium-shadow-soft: 0 14px 38px rgba(48, 91, 135, .10);
  --ls-accent: var(--product-primary, var(--ls-premium-cyan));
  --ls-accent-2: var(--product-secondary, var(--ls-premium-blue));
}

body {
  color: var(--ls-premium-text);
  background:
    radial-gradient(circle at 12% 4%, rgba(68, 215, 243, .24), transparent 34%),
    radial-gradient(circle at 86% 12%, rgba(124, 156, 255, .20), transparent 32%),
    linear-gradient(135deg, var(--ls-premium-bg), var(--ls-premium-bg-2));
}

.site-shell,
.login-shell {
  background:
    radial-gradient(circle at top left, rgba(68, 215, 243, .22), transparent 36%),
    radial-gradient(circle at bottom right, rgba(124, 156, 255, .20), transparent 34%),
    linear-gradient(135deg, #f8fcff, #eef7ff 58%, #f7fbff);
}

.hero-shell,
.health-shell,
.error-shell,
.login-card,
.admin-hero-card,
.admin-box,
.admin-card,
.media-card,
.cms-preview-card {
  border: 1px solid var(--ls-premium-border);
  background:
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(255,255,255,.66)),
    radial-gradient(circle at top left, rgba(68, 215, 243, .14), transparent 40%);
  border-radius: var(--ls-premium-radius-xl);
  box-shadow: var(--ls-premium-shadow);
  color: var(--ls-premium-text);
  backdrop-filter: blur(16px);
}

.admin-shell.ls-premium-shell {
  min-height: 100vh;
  color: var(--ls-premium-text);
  background:
    radial-gradient(circle at 28% 0%, rgba(68, 215, 243, .18), transparent 34%),
    radial-gradient(circle at 100% 20%, rgba(124, 156, 255, .16), transparent 28%),
    linear-gradient(135deg, #f8fcff, #eef7ff 58%, #f7fbff);
}

.admin-sidebar {
  border-right: 1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(circle at top left, rgba(68, 215, 243, .18), transparent 42%),
    linear-gradient(180deg, var(--ls-premium-sidebar), var(--ls-premium-sidebar-2));
  box-shadow: 16px 0 44px rgba(15, 23, 42, .16);
  overflow-y: auto;
}

.admin-brand {
  padding: 12px;
  border-radius: 22px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.09);
}

.admin-brand-mark,
.metric-icon,
.title-icon,
.list-icon,
.product-menu-icon {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  background: linear-gradient(135deg, var(--ls-accent), var(--ls-accent-2));
  color: #ffffff;
  box-shadow: 0 10px 28px rgba(68, 215, 243, .24);
}

.admin-brand-mark { width: 48px; height: 48px; border-radius: 18px; }
.metric-icon { width: 42px; height: 42px; border-radius: 16px; font-size: 18px; }
.title-icon { width: 34px; height: 34px; border-radius: 13px; margin-right: 8px; vertical-align: middle; }
.list-icon, .product-menu-icon { width: 38px; height: 38px; border-radius: 14px; }

.admin-nav-group-label {
  margin: 22px 10px 9px;
  color: rgba(222, 241, 255, .58);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.admin-nav { gap: 8px; }
.admin-nav a,
.admin-nav-disabled {
  display: flex;
  align-items: center;
  gap: 11px;
  min-height: 44px;
  padding: 10px 12px;
  color: rgba(244, 250, 255, .92);
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.055);
  border-radius: 16px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

.admin-nav a:hover,
.admin-nav a:focus,
.mailshield-nav-link {
  background: linear-gradient(135deg, rgba(68, 215, 243, .22), rgba(124, 156, 255, .16));
  border-color: rgba(68, 215, 243, .28);
  transform: translateY(-1px);
}

.admin-nav a span,
.admin-nav-disabled span,
.topbar-notification-link span {
  width: 26px;
  height: 26px;
  display: inline-grid;
  place-items: center;
  border-radius: 10px;
  background: rgba(255,255,255,.08);
}

.admin-nav em {
  margin-left: auto;
  min-width: 24px;
  height: 24px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  color: #06212d;
  background: var(--ls-premium-cyan);
  font-style: normal;
  font-size: 12px;
  font-weight: 900;
}

.admin-main { padding: clamp(22px, 3vw, 38px); }
.admin-topbar {
  margin-bottom: 12px;
  padding: 18px;
  border: 1px solid var(--ls-premium-border);
  border-radius: var(--ls-premium-radius-xl);
  background: rgba(255,255,255,.62);
  box-shadow: var(--ls-premium-shadow-soft);
  backdrop-filter: blur(18px);
}

.admin-topbar h1,
.admin-hero-card h2,
.login-card h1,
.hero-shell h1,
.health-shell h1 {
  color: var(--ls-premium-text);
  letter-spacing: -.055em;
}

.eyebrow,
dt,
.contract-grid span {
  color: #4385a4;
  font-weight: 900;
  letter-spacing: .12em;
}

.admin-userline,
.admin-note,
.admin-card small,
.admin-list small,
.admin-row small,
.media-card-body p,
.login-form label,
.hero-shell p,
.health-shell p,
p {
  color: var(--ls-premium-muted);
}

.admin-topbar-actions a,
.row-actions a,
.media-actions a,
.button-primary,
.button-secondary,
.login-form button,
.button-danger,
.filter-actions button,
.form-actions button {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 999px;
  border: 1px solid var(--ls-premium-border);
  background: rgba(255,255,255,.76);
  color: var(--ls-premium-text);
  box-shadow: 0 10px 24px rgba(48, 91, 135, .08);
}

.button-primary,
.login-form button,
.form-actions button[type="submit"] {
  border: 0;
  color: #06212d;
  background: linear-gradient(135deg, var(--ls-accent), var(--ls-accent-2));
  font-weight: 900;
}

.admin-card-grid { grid-template-columns: repeat(auto-fit, minmax(205px, 1fr)); }
.admin-card,
.metric-card {
  position: relative;
  overflow: hidden;
  min-height: 142px;
}
.admin-card::after,
.admin-box::after,
.admin-hero-card::after {
  content: "";
  position: absolute;
  inset: auto -28px -50px auto;
  width: 150px;
  height: 150px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(68, 215, 243, .16), transparent 70%);
  pointer-events: none;
}
.admin-box,
.admin-hero-card { position: relative; overflow: hidden; }

.admin-two-col { align-items: start; }
.admin-list article,
.admin-definition-list div,
.contract-grid div,
.admin-row,
.page-row,
.endpoint-list,
.token-group-card,
.accent-card,
.product-menu-card {
  border: 1px solid var(--ls-premium-border);
  background: rgba(255,255,255,.62);
  border-radius: 20px;
  box-shadow: 0 10px 26px rgba(48, 91, 135, .07);
}

.list-title-with-icon,
.product-menu-card {
  display: flex;
  align-items: center;
  gap: 12px;
}

.tag,
.status-pill,
.row-badges span,
.media-meta span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  border: 1px solid var(--ls-premium-border);
  background: rgba(255,255,255,.78);
  color: #31516c;
  font-weight: 900;
}
.status-ok,
.tag-online,
.tag-enabled,
.tag-active,
.status-active,
.status-online,
.status-enabled,
.status-info,
.status-notice,
.status-debug,
.status-published { color: #047857; background: rgba(34,197,94,.12); }
.status-warning,
.tag-warning,
.tag-maintenance,
.status-draft { color: #92400e; background: rgba(245,158,11,.14); }
.status-critical,
.status-error,
.status-revoked,
.status-expired,
.tag-disabled,
.tag-critical { color: #991b1b; background: rgba(239,68,68,.12); }

.toast {
  border-radius: 18px;
  border: 1px solid var(--ls-premium-border);
  background: rgba(255,255,255,.92);
  color: var(--ls-premium-text);
  box-shadow: var(--ls-premium-shadow-soft);
}
.toast span { border-radius: 12px; }

.login-card { max-width: 560px; }
.login-form input,
.stacked-form input,
.stacked-form textarea,
.stacked-form select,
.filter-bar input,
.filter-bar select,
select,
textarea,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"] {
  border: 1px solid var(--ls-premium-border);
  border-radius: var(--ls-premium-radius-md);
  background: rgba(255,255,255,.78);
  color: var(--ls-premium-text);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
}
.login-form input:focus,
.stacked-form input:focus,
.stacked-form textarea:focus,
.stacked-form select:focus,
.filter-bar input:focus,
.filter-bar select:focus,
textarea:focus,
input:focus,
select:focus {
  border-color: var(--ls-premium-border-strong);
  box-shadow: 0 0 0 4px rgba(68, 215, 243, .16);
}

.accent-grid,
.product-menu-grid,
.token-group-grid {
  display: grid;
  gap: 14px;
}
.accent-grid { grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); }
.accent-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px;
  background: linear-gradient(145deg, var(--product-soft), rgba(255,255,255,.78));
  color: var(--product-ink);
}
.accent-swatch {
  width: 44px;
  height: 44px;
  border-radius: 16px;
  background: linear-gradient(135deg, var(--product-primary), var(--product-secondary));
  box-shadow: 0 12px 28px color-mix(in srgb, var(--product-primary) 30%, transparent);
}
.token-group-card { padding: 18px; }
.token-group-card h4 { margin: 0 0 12px; text-transform: capitalize; }
.token-row { grid-template-columns: minmax(0, 1fr) minmax(160px, auto) auto; }
.token-row code {
  padding: 9px 11px;
  border-radius: 12px;
  background: #0b1728;
  color: #c8f7ff;
  overflow-wrap: anywhere;
}

.mailshield-hero,
.product-card,
.product-menu-box {
  --ls-accent: var(--product-primary, var(--ls-premium-cyan));
  --ls-accent-2: var(--product-secondary, var(--ls-premium-blue));
}
.product-menu-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  padding: 14px;
}
.product-menu-card strong { display: block; margin-bottom: 4px; }
.compact-list article { justify-content: flex-start; }

.media-thumb,
.endpoint-list {
  background:
    radial-gradient(circle at top left, rgba(68,215,243,.18), transparent 52%),
    rgba(255,255,255,.5);
}
.endpoint-list code,
.media-card-body code,
.token-display,
pre {
  border-radius: 16px;
  background: #0b1728;
  color: #d7faff;
}

@media (max-width: 980px) {
  .admin-main { padding: 18px; }
  .admin-sidebar { height: auto; }
  .token-row,
  .product-menu-card { grid-template-columns: 1fr; }
}

/* Archive 12 — Light/Dark Interface Variant + Dashboard Contrast Repair */
:root {
  color-scheme: dark;
  --ls-premium-bg: #071322;
  --ls-premium-bg-2: #0b1b30;
  --ls-premium-card: rgba(12, 29, 49, 0.86);
  --ls-premium-card-strong: rgba(17, 38, 63, 0.95);
  --ls-premium-border: rgba(137, 210, 255, 0.20);
  --ls-premium-border-strong: rgba(68, 215, 243, 0.48);
  --ls-premium-text: #f6fbff;
  --ls-premium-muted: #b3c7df;
  --ls-premium-heading: #ffffff;
  --ls-premium-sidebar: #071225;
  --ls-premium-sidebar-2: #0c1b33;
  --ls-premium-cyan: #44d7f3;
  --ls-premium-blue: #7c9cff;
  --ls-premium-teal: #5eead4;
  --ls-premium-success: #4ade80;
  --ls-premium-warning: #fbbf24;
  --ls-premium-danger: #fb7185;
  --ls-premium-shadow: 0 24px 80px rgba(0, 0, 0, .30);
  --ls-premium-shadow-soft: 0 16px 48px rgba(0, 0, 0, .24);
  --ls-page-gradient: radial-gradient(circle at 18% 0%, rgba(68, 215, 243, .24), transparent 34%), radial-gradient(circle at 100% 12%, rgba(124, 156, 255, .18), transparent 30%), linear-gradient(135deg, #071322, #0b1b30 58%, #071225);
  --ls-surface-gradient: linear-gradient(145deg, rgba(17, 38, 63, .94), rgba(11, 27, 48, .78)), radial-gradient(circle at top left, rgba(68, 215, 243, .14), transparent 42%);
  --ls-subtle-surface: rgba(17, 38, 63, .72);
  --ls-field-bg: rgba(9, 23, 40, .78);
  --ls-field-text: #f7fbff;
  --ls-field-placeholder: #9fb5cf;
  --ls-code-bg: #06101d;
  --ls-code-text: #d7faff;
  --ls-button-bg: rgba(255,255,255,.08);
  --ls-button-text: #f7fbff;
  --ls-row-bg: rgba(255,255,255,.055);
  --ls-row-border: rgba(137, 210, 255, .18);
}

html[data-ls-theme="light"] {
  color-scheme: light;
  --ls-premium-bg: #f6fbff;
  --ls-premium-bg-2: #eef7ff;
  --ls-premium-card: rgba(255, 255, 255, 0.88);
  --ls-premium-card-strong: rgba(255, 255, 255, 0.96);
  --ls-premium-border: rgba(54, 98, 139, 0.22);
  --ls-premium-border-strong: rgba(10, 151, 188, 0.46);
  --ls-premium-text: #10243f;
  --ls-premium-muted: #425a75;
  --ls-premium-heading: #08172b;
  --ls-premium-sidebar: #071225;
  --ls-premium-sidebar-2: #0c1b33;
  --ls-premium-success: #047857;
  --ls-premium-warning: #92400e;
  --ls-premium-danger: #b91c1c;
  --ls-premium-shadow: 0 22px 70px rgba(48, 91, 135, .16);
  --ls-premium-shadow-soft: 0 14px 38px rgba(48, 91, 135, .12);
  --ls-page-gradient: radial-gradient(circle at 12% 4%, rgba(68, 215, 243, .22), transparent 34%), radial-gradient(circle at 86% 12%, rgba(124, 156, 255, .18), transparent 32%), linear-gradient(135deg, #f8fcff, #eef7ff 58%, #f7fbff);
  --ls-surface-gradient: linear-gradient(145deg, rgba(255,255,255,.96), rgba(255,255,255,.72)), radial-gradient(circle at top left, rgba(68, 215, 243, .12), transparent 40%);
  --ls-subtle-surface: rgba(255,255,255,.72);
  --ls-field-bg: rgba(255,255,255,.90);
  --ls-field-text: #10243f;
  --ls-field-placeholder: #5f748e;
  --ls-code-bg: #0b1728;
  --ls-code-text: #d7faff;
  --ls-button-bg: rgba(255,255,255,.82);
  --ls-button-text: #10243f;
  --ls-row-bg: rgba(255,255,255,.72);
  --ls-row-border: rgba(54, 98, 139, .20);
}

html,
body {
  min-height: 100%;
}

body,
.admin-shell.ls-premium-shell,
.site-shell,
.login-shell {
  color: var(--ls-premium-text);
  background: var(--ls-page-gradient);
}

.admin-main {
  color: var(--ls-premium-text);
}

.hero-shell,
.health-shell,
.error-shell,
.login-card,
.admin-topbar,
.admin-hero-card,
.admin-box,
.admin-card,
.media-card,
.cms-preview-card,
.summary-card,
.split-panel,
.success-panel,
.module-card,
.notification-card,
.release-card,
.token-group-card,
.accent-card,
.product-card,
.product-menu-box,
.theme-console .admin-box,
.mailshield-console .admin-box {
  border-color: var(--ls-premium-border);
  background: var(--ls-surface-gradient);
  color: var(--ls-premium-text);
  box-shadow: var(--ls-premium-shadow);
}

.admin-sidebar {
  background: radial-gradient(circle at top left, rgba(68, 215, 243, .18), transparent 42%), linear-gradient(180deg, var(--ls-premium-sidebar), var(--ls-premium-sidebar-2));
}

.admin-brand strong,
.admin-topbar h1,
.admin-hero-card h2,
.admin-box h3,
.admin-card strong,
.login-card h1,
.hero-shell h1,
.health-shell h1,
.notification-card strong,
.module-card strong,
.media-card strong,
.summary-card strong,
.product-menu-card strong,
.release-card strong,
.cms-preview-card h2,
h1, h2, h3, h4 {
  color: var(--ls-premium-heading);
}

.eyebrow,
dt,
.contract-grid span,
.settings-group-header,
.notification-meta,
.media-meta,
.setting-key,
.token-row code + span {
  color: color-mix(in srgb, var(--ls-accent) 72%, var(--ls-premium-text) 28%);
}

.admin-userline,
.admin-note,
.admin-card small,
.admin-list small,
.admin-row small,
.media-card-body p,
.login-form label,
.hero-shell p,
.health-shell p,
.notification-body,
.setting-copy,
.muted,
p,
small {
  color: var(--ls-premium-muted);
}

.admin-list article,
.admin-definition-list div,
.contract-grid div,
.admin-row,
.page-row,
.endpoint-list,
.token-group-card,
.accent-card,
.product-menu-card,
.media-meta span,
.notification-card,
.module-card,
.release-card,
.setting-row {
  border-color: var(--ls-row-border);
  background: var(--ls-row-bg);
  color: var(--ls-premium-text);
}

.admin-table,
.audit-table,
.audit-table-wrap,
.page-table {
  color: var(--ls-premium-text);
}

.admin-table th,
.audit-table th,
.page-table th {
  color: var(--ls-premium-heading);
}

.admin-table td,
.audit-table td,
.page-table td {
  color: var(--ls-premium-text);
}

.login-form input,
.stacked-form input,
.stacked-form textarea,
.stacked-form select,
.filter-bar input,
.filter-bar select,
select,
textarea,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"] {
  background: var(--ls-field-bg) !important;
  color: var(--ls-field-text) !important;
  border-color: var(--ls-premium-border) !important;
  opacity: 1 !important;
}

select option,
input::placeholder,
textarea::placeholder {
  color: var(--ls-field-placeholder);
}

select option {
  background: var(--ls-field-bg);
}

.admin-topbar-actions a,
.admin-topbar-actions button,
.row-actions a,
.media-actions a,
.button-secondary,
.button-danger,
.button-ghost,
.compact-button,
.filter-actions button,
.form-actions button {
  background: var(--ls-button-bg);
  color: var(--ls-button-text);
  border-color: var(--ls-premium-border);
}

.button-primary,
.login-form button,
.form-actions button[type="submit"],
.filter-bar button[type="submit"] {
  color: #061320 !important;
  background: linear-gradient(135deg, var(--ls-accent), var(--ls-accent-2));
  border-color: transparent;
  font-weight: 900;
}

.theme-toggle {
  cursor: pointer;
  font: inherit;
  min-height: 42px;
  padding: 0 14px;
}

.theme-toggle span {
  width: 26px;
  height: 26px;
  display: inline-grid;
  place-items: center;
  border-radius: 10px;
  background: color-mix(in srgb, var(--ls-accent) 18%, transparent);
}

.theme-toggle strong {
  color: inherit;
}

.tag,
.status-pill,
.row-badges span,
.media-meta span,
.notification-card .tag {
  color: var(--ls-premium-text);
  background: color-mix(in srgb, var(--ls-row-bg) 88%, var(--ls-accent) 12%);
  border-color: var(--ls-premium-border);
}

.status-ok,
.tag-online,
.tag-enabled,
.tag-active,
.status-active,
.status-online,
.status-enabled,
.status-info,
.status-notice,
.status-debug,
.status-published {
  color: var(--ls-premium-success) !important;
  background: color-mix(in srgb, var(--ls-premium-success) 14%, transparent) !important;
}

.status-warning,
.tag-warning,
.tag-maintenance,
.status-draft {
  color: var(--ls-premium-warning) !important;
  background: color-mix(in srgb, var(--ls-premium-warning) 16%, transparent) !important;
}

.status-critical,
.status-error,
.status-revoked,
.status-expired,
.tag-disabled,
.tag-critical {
  color: var(--ls-premium-danger) !important;
  background: color-mix(in srgb, var(--ls-premium-danger) 16%, transparent) !important;
}

.token-display,
pre,
.endpoint-list code,
.media-card-body code,
.token-row code {
  background: var(--ls-code-bg);
  color: var(--ls-code-text);
}

.toast {
  background: var(--ls-premium-card-strong);
  color: var(--ls-premium-text);
  border-color: var(--ls-premium-border);
}

.empty-state,
.empty-cell {
  color: var(--ls-premium-muted);
  border-color: var(--ls-premium-border);
  background: var(--ls-subtle-surface);
}

.metric-card strong,
.summary-card strong,
.admin-card strong {
  text-shadow: 0 1px 0 rgba(0,0,0,.04);
}

html[data-ls-theme="light"] .admin-card::after,
html[data-ls-theme="light"] .admin-box::after,
html[data-ls-theme="light"] .admin-hero-card::after {
  opacity: .88;
}

html[data-ls-theme="dark"] .admin-card::after,
html[data-ls-theme="dark"] .admin-box::after,
html[data-ls-theme="dark"] .admin-hero-card::after,
html:not([data-ls-theme]) .admin-card::after,
html:not([data-ls-theme]) .admin-box::after,
html:not([data-ls-theme]) .admin-hero-card::after {
  background: radial-gradient(circle, rgba(68, 215, 243, .13), transparent 70%);
}

/* Archive 13 Product Catalog & Marketplace */
.catalog-surface .product-hero-card {
  position: relative;
  overflow: hidden;
}
.catalog-surface .product-hero-card::after {
  content: "";
  position: absolute;
  inset: auto -12% -45% auto;
  width: 340px;
  height: 340px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(65,216,255,.22), transparent 64%);
  pointer-events: none;
}
.catalog-meter {
  min-width: 150px;
  border: 1px solid var(--ls-border-strong, var(--ls-border));
  background: linear-gradient(135deg, rgba(65,216,255,.20), rgba(139,92,246,.12));
  border-radius: 28px;
  padding: 22px;
  text-align: center;
  box-shadow: var(--ls-shadow-soft, 0 20px 60px rgba(0,0,0,.18));
}
.catalog-meter strong { display: block; color: var(--ls-text); font-size: 42px; line-height: 1; letter-spacing: -.04em; }
.catalog-meter span { color: var(--ls-muted-strong, var(--ls-muted)); font-weight: 900; font-size: 12px; text-transform: uppercase; letter-spacing: .12em; }
.product-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 20px;
}
.product-card {
  position: relative;
  overflow: hidden;
  display: grid;
  gap: 14px;
  border: 1px solid color-mix(in srgb, var(--product-accent, var(--ls-cyan)) 34%, var(--ls-border));
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--product-accent, var(--ls-cyan)) 18%, transparent), transparent 44%),
    linear-gradient(145deg, var(--ls-card), var(--ls-card-soft, rgba(255,255,255,.04)));
  border-radius: 28px;
  padding: 22px;
  box-shadow: var(--ls-shadow-card, 0 24px 70px rgba(0,0,0,.18));
}
.product-card h3 { margin: 0; font-size: 24px; letter-spacing: -.035em; color: var(--ls-text); }
.product-card p { margin: 0; color: var(--ls-muted-strong, var(--ls-muted)); font-size: 15px; line-height: 1.58; }
.product-card-topline { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.product-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  color: #fff;
  background: linear-gradient(135deg, var(--product-accent, var(--ls-cyan)), var(--ls-blue));
  box-shadow: 0 14px 35px color-mix(in srgb, var(--product-accent, var(--ls-cyan)) 28%, transparent);
  font-weight: 900;
}
.product-meta-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.product-meta-grid div {
  border: 1px solid var(--ls-border);
  border-radius: 16px;
  padding: 12px;
  background: var(--ls-card-soft, rgba(255,255,255,.045));
}
.product-meta-grid span { display: block; color: var(--ls-muted-strong, var(--ls-muted)); font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .11em; margin-bottom: 4px; }
.product-meta-grid strong { color: var(--ls-text); font-size: 14px; text-transform: capitalize; }
.product-chip-row { display: flex; flex-wrap: wrap; gap: 8px; }
.product-chip-row span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  border-radius: 999px;
  padding: 0 10px;
  color: var(--ls-text);
  border: 1px solid color-mix(in srgb, var(--product-accent, var(--ls-cyan)) 36%, var(--ls-border));
  background: color-mix(in srgb, var(--product-accent, var(--ls-cyan)) 13%, transparent);
  font-size: 12px;
  font-weight: 800;
}
.product-action-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 2px; }
.product-action-row a,
.product-action-row span {
  color: var(--ls-text);
  text-decoration: none;
  border: 1px solid var(--ls-border);
  background: var(--ls-button-soft, rgba(255,255,255,.07));
  padding: 9px 12px;
  border-radius: 999px;
  font-weight: 900;
  font-size: 13px;
}
.product-action-row a:first-child {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, var(--product-accent, var(--ls-cyan)), var(--ls-blue));
}
.empty-state {
  width: 100%;
  border: 1px dashed var(--ls-border);
  border-radius: 22px;
  padding: 28px;
  text-align: center;
  color: var(--ls-muted-strong, var(--ls-muted));
  background: var(--ls-card-soft, rgba(255,255,255,.045));
}
@media (max-width: 1180px) { .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) { .product-grid, .product-meta-grid { grid-template-columns: 1fr; } }

/* Archive 14: public marketplace and product detail rendering */
.public-marketplace-shell,
.public-product-detail-shell {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
  padding: 72px 0;
  display: grid;
  gap: 28px;
}

.public-marketplace-hero,
.public-product-detail-hero,
.public-marketplace-panel,
.public-product-side-card,
.public-feature-strip article,
.public-detail-metrics article,
.public-product-card {
  border: 1px solid rgba(148, 197, 255, 0.22);
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--product-accent, var(--ls-cyan)) 18%, transparent), transparent 42%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.045));
  border-radius: 30px;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.24);
  backdrop-filter: blur(18px);
}

.public-marketplace-hero,
.public-product-detail-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 320px);
  gap: 28px;
  align-items: center;
  padding: clamp(30px, 6vw, 70px);
}

.public-marketplace-hero h1,
.public-product-detail-hero h1 {
  font-size: clamp(42px, 7vw, 76px);
  line-height: 0.96;
  letter-spacing: -0.06em;
  margin: 14px 0;
}

.public-marketplace-hero p,
.public-product-detail-hero p,
.public-product-card p,
.public-marketplace-panel p {
  color: var(--ls-muted);
}

.public-marketplace-meter,
.public-product-side-card {
  padding: 28px;
  display: grid;
  gap: 8px;
  min-height: 220px;
  align-content: center;
  text-align: center;
}

.public-marketplace-meter span,
.public-product-side-card span,
.public-detail-metrics span,
.public-card-meta span {
  color: var(--ls-muted);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  font-weight: 900;
}

.public-marketplace-meter strong,
.public-product-side-card strong {
  font-size: 64px;
  line-height: 0.9;
  color: var(--product-accent, var(--ls-cyan));
}

.public-feature-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.public-feature-strip article {
  padding: 18px;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 6px 12px;
  align-items: center;
}

.public-feature-strip span,
.public-product-icon {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  background: linear-gradient(135deg, var(--product-accent, var(--ls-cyan)), var(--ls-blue));
  color: #061121;
  font-weight: 950;
  box-shadow: 0 14px 36px color-mix(in srgb, var(--product-accent, var(--ls-cyan)) 26%, transparent);
}

.public-feature-strip strong { color: var(--ls-text); }
.public-feature-strip small { color: var(--ls-muted); grid-column: 2; font-weight: 800; text-transform: capitalize; }

.public-marketplace-panel { padding: clamp(24px, 4vw, 38px); }
.public-section-heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 20px;
}

.public-section-heading h2,
.public-marketplace-panel h2 {
  margin: 6px 0 0;
  font-size: clamp(28px, 4vw, 44px);
  letter-spacing: -0.04em;
  color: var(--ls-text);
}

.public-filter-bar {
  display: grid;
  grid-template-columns: 1.4fr repeat(3, minmax(150px, 0.7fr)) auto;
  gap: 12px;
  margin: 18px 0 26px;
}

.public-filter-bar input,
.public-filter-bar select {
  min-height: 50px;
  border: 1px solid var(--ls-border);
  border-radius: 16px;
  padding: 0 14px;
  background: var(--ls-input-bg, rgba(255, 255, 255, 0.08));
  color: var(--ls-text);
  font: inherit;
  font-weight: 750;
}

.public-product-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.public-product-grid.compact { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.public-product-card { padding: 22px; display: flex; flex-direction: column; gap: 16px; }
.public-product-card-topline,
.public-product-title-row,
.public-card-meta,
.public-product-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.public-product-title-row { justify-content: flex-start; align-items: center; }
.public-product-icon.large { width: 70px; height: 70px; border-radius: 24px; font-size: 30px; }
.public-product-card h3 { margin: 0; font-size: 24px; letter-spacing: -0.03em; color: var(--ls-text); }
.public-product-card p { margin: 0; font-size: 15px; line-height: 1.6; }

.public-tag,
.public-chip-row span {
  border: 1px solid var(--ls-border);
  background: rgba(255, 255, 255, 0.075);
  color: var(--ls-text);
  border-radius: 999px;
  padding: 7px 10px;
  font-size: 12px;
  font-weight: 900;
  text-transform: capitalize;
}

.public-tag-installed,
.public-tag-active { color: var(--ls-green); border-color: rgba(97, 226, 148, 0.34); }
.public-tag-coming_soon,
.public-tag-planned { color: var(--ls-warn); border-color: rgba(255, 209, 102, 0.34); }
.public-chip-row { display: flex; flex-wrap: wrap; gap: 8px; }
.public-product-actions { justify-content: flex-start; flex-wrap: wrap; margin-top: auto; }
.public-product-actions .button-primary,
.public-product-actions .button-secondary { min-height: 42px; padding: 0 14px; border-radius: 14px; }

.public-detail-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.public-detail-metrics article { padding: 20px; display: grid; gap: 8px; }
.public-detail-metrics strong { color: var(--ls-text); font-size: 20px; text-transform: capitalize; }
.public-product-body-grid { display: grid; grid-template-columns: 1.35fr 0.75fr; gap: 26px; }
.public-capability-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 20px; }
.public-capability-grid div,
.public-path-list a {
  border: 1px solid var(--ls-border);
  background: rgba(255, 255, 255, 0.06);
  color: var(--ls-text);
  border-radius: 18px;
  padding: 14px;
  text-decoration: none;
  font-weight: 850;
}
.public-capability-grid div { display: flex; align-items: center; gap: 10px; }
.public-capability-grid span { color: var(--product-accent, var(--ls-cyan)); }
.public-path-list { display: grid; gap: 10px; margin-top: 18px; }
.public-path-list a:hover { border-color: var(--product-accent, var(--ls-cyan)); }
.detail-chip-row { margin-top: 22px; }

[data-ls-theme="light"] .public-marketplace-hero,
[data-ls-theme="light"] .public-product-detail-hero,
[data-ls-theme="light"] .public-marketplace-panel,
[data-ls-theme="light"] .public-product-side-card,
[data-ls-theme="light"] .public-feature-strip article,
[data-ls-theme="light"] .public-detail-metrics article,
[data-ls-theme="light"] .public-product-card {
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--product-accent, #41d8ff) 13%, transparent), transparent 42%),
    linear-gradient(145deg, rgba(255,255,255,0.96), rgba(239,248,255,0.9));
  box-shadow: 0 22px 70px rgba(15, 23, 42, 0.12);
}

@media (max-width: 980px) {
  .public-marketplace-hero,
  .public-product-detail-hero,
  .public-product-body-grid { grid-template-columns: 1fr; }
  .public-feature-strip,
  .public-product-grid,
  .public-product-grid.compact,
  .public-detail-metrics,
  .public-capability-grid { grid-template-columns: 1fr; }
  .public-filter-bar { grid-template-columns: 1fr; }
  .public-section-heading { flex-direction: column; }
}

/* Archive 15: product catalog editing and marketplace publishing controls */
.compact-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.product-editor-grid .product-admin-card { min-height: 100%; }
.product-action-row-wrap { flex-wrap: wrap; }
.product-inline-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--ls-border);
}
.product-inline-controls form { margin: 0; }
.product-state-form {
  margin-top: 14px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  align-items: end;
}
.product-state-form label { display: grid; gap: 6px; }
.product-state-form label span,
.field-check-shell span {
  color: var(--ls-muted-strong, var(--ls-muted));
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.product-state-form select { min-height: 42px; }
.product-editor-heading { align-items: center; }
.product-editor-panel { align-items: start; }
.product-editor-form h3 { margin-top: 22px; }
.form-grid-three {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.field-check-shell {
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid var(--ls-border);
  border-radius: 18px;
  padding: 14px 16px;
  background: var(--ls-surface-soft);
}
.field-check-shell input { width: 18px; height: 18px; accent-color: var(--ls-cyan); }
.product-preview-card {
  position: sticky;
  top: 24px;
  display: grid;
  gap: 16px;
  border: 1px solid var(--ls-border);
  border-radius: 28px;
  padding: 24px;
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--product-accent, #41d8ff) 18%, transparent), transparent 42%),
    var(--ls-surface);
  box-shadow: var(--ls-shadow);
}
.product-preview-card .product-card { margin: 0; }
[data-ls-theme="light"] .product-preview-card,
[data-ls-theme="light"] .field-check-shell {
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--product-accent, #41d8ff) 10%, transparent), transparent 44%),
    linear-gradient(145deg, rgba(255,255,255,0.96), rgba(240,249,255,0.92));
}
@media (max-width: 980px) {
  .form-grid-three,
  .product-state-form { grid-template-columns: 1fr; }
  .product-preview-card { position: static; }
}

/* Archive 16: Freemius bridge surfaces */
.freemius-surface .admin-hero-card,
.freemius-editor-surface .admin-hero-card {
  position: relative;
  overflow: hidden;
}
.freemius-surface .admin-hero-card::before,
.freemius-editor-surface .admin-hero-card::before {
  content: "";
  position: absolute;
  inset: -45% auto auto -12%;
  width: 260px;
  height: 260px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(65,216,255,.25), transparent 65%);
  pointer-events: none;
}
.freemius-card .product-icon {
  background: linear-gradient(135deg, rgba(65,216,255,.22), rgba(139,92,246,.16));
}
.freemius-license-box .audit-table td:first-child {
  display: grid;
  gap: 4px;
}
.freemius-license-box .audit-table td:first-child small {
  color: var(--ls-muted-strong, var(--ls-muted));
  font-weight: 800;
}
.tag-not_configured,
.tag-needs_attention,
.tag-unknown {
  background: rgba(245,158,11,.16);
  color: var(--ls-warning-text, #fbbf24);
  border-color: rgba(245,158,11,.28);
}
.tag-sync_ready,
.tag-active,
.tag-mapped {
  background: rgba(34,197,94,.16);
  color: var(--ls-success-text, #86efac);
  border-color: rgba(34,197,94,.28);
}
.tag-disabled,
.tag-archived,
.tag-blocked,
.tag-expired,
.tag-cancelled {
  background: rgba(239,68,68,.15);
  color: var(--ls-danger-text, #fca5a5);
  border-color: rgba(239,68,68,.28);
}

/* Archive 17: Freemius pricing and checkout display */
.freemius-pricing-box { margin-top: 26px; }
.pricing-grid .pricing-card { min-height: 360px; }
.pricing-card .muted-line {
  display: block;
  margin-top: 12px;
  color: var(--ls-muted-strong, var(--ls-muted));
  font-weight: 800;
  line-height: 1.5;
  word-break: break-word;
}
.checkbox-card-grid { align-items: stretch; }
.toggle-card {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 4px 12px;
  align-items: start;
  border: 1px solid var(--ls-border);
  border-radius: 20px;
  padding: 16px;
  background: var(--ls-surface-soft);
}
.toggle-card input[type="checkbox"] {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  accent-color: var(--ls-cyan);
}
.toggle-card span { font-weight: 900; color: var(--ls-strong); }
.toggle-card small { grid-column: 2; color: var(--ls-muted-strong, var(--ls-muted)); font-weight: 700; }
.public-pricing-panel { margin-top: 28px; }
.public-pricing-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 18px;
}
.public-pricing-card {
  position: relative;
  display: grid;
  gap: 14px;
  border: 1px solid color-mix(in srgb, var(--product-accent, #41d8ff) 24%, var(--ls-border));
  border-radius: 28px;
  padding: 24px;
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--product-accent, #41d8ff) 18%, transparent), transparent 45%),
    var(--ls-surface);
  box-shadow: var(--ls-shadow);
}
.public-pricing-card.is-primary {
  border-color: color-mix(in srgb, var(--product-accent, #41d8ff) 58%, var(--ls-border));
  box-shadow: var(--ls-shadow), 0 0 0 1px color-mix(in srgb, var(--product-accent, #41d8ff) 18%, transparent);
}
.public-pricing-card h3 { margin: 0; font-size: 20px; }
.public-pricing-card > strong { font-size: 30px; color: var(--ls-strong); }
.public-pricing-card p { margin: 0; color: var(--ls-muted-strong, var(--ls-muted)); line-height: 1.65; }
.public-pricing-card ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; color: var(--ls-strong); font-weight: 800; }
.public-pricing-card .button-primary { justify-self: start; margin-top: 4px; }
[data-ls-theme="light"] .toggle-card,
[data-ls-theme="light"] .public-pricing-card {
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--product-accent, #41d8ff) 10%, transparent), transparent 44%),
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(240,249,255,.94));
}


/* Archive 18: Customer and site registry surfaces */
.customer-registry-surface .customer-card .muted-line,
.customer-editor-surface .muted-line {
  display: block;
  margin-top: 0.75rem;
}
.customer-registry-surface .site-card {
  border-color: color-mix(in srgb, var(--product-accent, #38bdf8) 28%, var(--border));
}

/* Archive 19 — Customer Portal surfaces */
.portal-auth-shell,
.portal-shell {
  min-height: 100vh;
  padding: 42px;
  background:
    radial-gradient(circle at 12% 10%, rgba(125, 211, 252, 0.22), transparent 34%),
    radial-gradient(circle at 88% 16%, rgba(167, 139, 250, 0.18), transparent 32%),
    var(--admin-bg, #07111f);
}

.portal-auth-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.62fr);
  gap: 28px;
  align-items: center;
}

.portal-auth-art,
.portal-login-card,
.portal-panel,
.portal-site-detail-card,
.customer-portal-box,
.portal-token-editor-surface .admin-box,
.token-reveal-box {
  border: 1px solid var(--card-border, rgba(148, 163, 184, 0.22));
  border-radius: 30px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.09), rgba(125, 211, 252, 0.055)),
    var(--card-bg, rgba(15, 23, 42, 0.72));
  box-shadow: 0 26px 70px rgba(2, 8, 23, 0.28);
}

.portal-auth-art {
  padding: 52px;
  color: var(--text-strong, #f8fafc);
}

.portal-auth-art h1 {
  margin: 8px 0 14px;
  max-width: 720px;
  font-size: clamp(2.4rem, 5vw, 5.5rem);
  line-height: 0.95;
  letter-spacing: -0.07em;
}

.portal-auth-art p {
  max-width: 680px;
  color: var(--text-muted, #cbd5e1);
  font-size: 1.08rem;
}

.portal-hero {
  margin-bottom: 24px;
  border-radius: 34px;
}

.compact-portal-hero {
  min-height: auto;
}

.portal-metrics,
.portal-mini-metrics {
  margin: 18px 0;
}

.portal-mini-metrics {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.portal-site-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 18px;
}

.portal-site-grid.wide {
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
}

.portal-site-card,
.portal-token-card {
  min-height: 100%;
}

.portal-token-grid {
  margin-top: 18px;
}

.token-reveal {
  overflow-x: auto;
  margin: 14px 0 0;
  padding: 18px;
  border-radius: 18px;
  border: 1px solid rgba(125, 211, 252, 0.36);
  background: rgba(2, 8, 23, 0.72);
  color: #dff8ff;
  font-size: 0.95rem;
  white-space: pre-wrap;
  word-break: break-all;
}

html[data-theme="light"] .portal-auth-shell,
html[data-theme="light"] .portal-shell {
  background:
    radial-gradient(circle at 12% 10%, rgba(125, 211, 252, 0.32), transparent 34%),
    radial-gradient(circle at 88% 16%, rgba(167, 139, 250, 0.22), transparent 32%),
    #f7fbff;
}

html[data-theme="light"] .portal-auth-art,
html[data-theme="light"] .portal-login-card,
html[data-theme="light"] .portal-panel,
html[data-theme="light"] .portal-site-detail-card,
html[data-theme="light"] .customer-portal-box,
html[data-theme="light"] .portal-token-editor-surface .admin-box {
  background: linear-gradient(145deg, rgba(255,255,255,0.96), rgba(239,246,255,0.92));
  color: #0f172a;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.12);
}

html[data-theme="light"] .portal-auth-art p {
  color: #334155;
}

@media (max-width: 900px) {
  .portal-auth-shell {
    grid-template-columns: 1fr;
    padding: 24px;
  }

  .portal-shell {
    padding: 24px;
  }

  .portal-auth-art {
    padding: 34px;
  }
}

/* Archive 22 — Roadmap and Feature Voting */
.roadmap-surface .roadmap-grid,
.roadmap-public-grid {
  align-items: stretch;
}

.roadmap-card,
.roadmap-public-card,
.portal-roadmap-shell .public-product-card {
  border-color: color-mix(in srgb, var(--product-accent, #7dd3fc) 24%, var(--ls-border));
}

.roadmap-feedback-panel .activity-row {
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 14px;
  align-items: start;
  padding: 16px;
  border-radius: var(--ls-radius-lg);
  background: var(--ls-panel-soft);
  border: 1px solid var(--ls-border);
  margin-bottom: 12px;
}

.roadmap-feedback-panel .activity-icon {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, rgba(125, 211, 252, .22), rgba(167, 139, 250, .2));
  color: var(--ls-accent-strong);
  font-weight: 800;
}

.roadmap-description-panel p {
  font-size: 1.02rem;
  line-height: 1.75;
  color: var(--ls-text);
}

/* Archive 23 — Feedback Center moderation controls */
.feedback-status-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 10px 0 18px;
}

.feedback-status-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid var(--ls-border);
  background: var(--ls-panel-soft);
  color: var(--ls-muted);
  font-size: 0.82rem;
}

.feedback-status-pill strong {
  color: var(--ls-text);
}

.feedback-moderation-list .feedback-moderation-row {
  grid-template-columns: 44px minmax(0, 1fr) minmax(320px, .7fr);
}

.feedback-moderation-titlebar {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}

.feedback-note {
  margin-top: 8px;
  padding: 10px 12px;
  border-radius: 14px;
  background: color-mix(in srgb, var(--ls-accent) 12%, transparent);
  color: var(--ls-text);
}

.feedback-actions {
  display: grid;
  gap: 10px;
  align-content: start;
}

.feedback-note-form {
  display: grid;
  grid-template-columns: 80px 1fr auto;
  gap: 8px;
  align-items: center;
}

.feedback-note-form input {
  min-width: 0;
}

@media (max-width: 1100px) {
  .feedback-moderation-list .feedback-moderation-row {
    grid-template-columns: 44px 1fr;
  }

  .feedback-actions {
    grid-column: 2 / -1;
  }
}

@media (max-width: 700px) {
  .feedback-note-form {
    grid-template-columns: 1fr;
  }
}

/* Archive 24 — Hub Plugin Registry */
.hub-surface .product-card { overflow: hidden; }
.hub-plugin-grid { grid-template-columns: repeat(auto-fit, minmax(310px, 1fr)); }
.hub-plugin-card .capability-row { margin-top: 12px; }
.hub-handshake-panel .activity-row { align-items: flex-start; }
.generated-token-box code { display: block; padding: 14px 16px; border-radius: 16px; background: rgba(65,216,255,.14); border: 1px solid rgba(65,216,255,.32); color: var(--ls-text); overflow-wrap: anywhere; font-weight: 800; }
.hub-form-surface textarea { min-height: 130px; }

/* Archive 28: Release notes and compatibility matrix polish */
.hub-changelog-surface .admin-table-wrap {
  overflow-x: auto;
}

.hub-changelog-surface .admin-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 10px;
}

.hub-changelog-surface .admin-table th {
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: .72;
  text-align: left;
  padding: 0 12px 6px;
}

.hub-changelog-surface .admin-table td {
  background: var(--ls-card-bg, rgba(255,255,255,.08));
  border-top: 1px solid var(--ls-border, rgba(148,163,184,.24));
  border-bottom: 1px solid var(--ls-border, rgba(148,163,184,.24));
  padding: 14px 12px;
  vertical-align: top;
}

.hub-changelog-surface .admin-table td:first-child {
  border-left: 1px solid var(--ls-border, rgba(148,163,184,.24));
  border-radius: 16px 0 0 16px;
}

.hub-changelog-surface .admin-table td:last-child {
  border-right: 1px solid var(--ls-border, rgba(148,163,184,.24));
  border-radius: 0 16px 16px 0;
}

.table-actions {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
}

.link-button {
  appearance: none;
  border: 0;
  background: transparent;
  color: inherit;
  text-decoration: underline;
  cursor: pointer;
  padding: 0;
  font: inherit;
}

/* Archive 37 — Customer Portal UX Simplification Pass */
.ls-page-stack {
  width: min(1240px, calc(100% - 40px));
  margin: 0 auto;
  padding: 34px 0 64px;
  display: grid;
  gap: 18px;
}

.ls-portal-page {
  color: var(--ls-text);
}

.ls-hero-panel,
.ls-card,
.ls-stat-card,
.ls-quick-card,
.ls-action-card {
  border: 1px solid var(--ls-border);
  background: linear-gradient(145deg, rgba(255,255,255,.105), rgba(255,255,255,.045));
  border-radius: 24px;
  box-shadow: 0 18px 50px rgba(0,0,0,.18);
}

.ls-hero-panel {
  padding: clamp(24px, 4vw, 42px);
  display: flex;
  justify-content: space-between;
  gap: 22px;
  align-items: center;
}

.ls-hero-panel h1 {
  margin: 8px 0 10px;
  letter-spacing: -.045em;
  font-size: clamp(36px, 5vw, 66px);
}

.ls-hero-panel p,
.ls-card p,
.ls-action-card p {
  color: var(--ls-muted);
  line-height: 1.65;
}

.ls-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: var(--ls-cyan);
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 900;
}

.ls-hero-actions,
.ls-action-row,
.ls-action-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.ls-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 15px;
  border-radius: 14px;
  border: 1px solid var(--ls-border);
  text-decoration: none;
  font-weight: 900;
}

.ls-btn-primary {
  background: linear-gradient(135deg, var(--ls-cyan), var(--ls-blue));
  color: #06101d;
}

.ls-btn-secondary {
  background: rgba(255,255,255,.07);
  color: var(--ls-text);
}

.ls-health-ring {
  width: 168px;
  min-width: 168px;
  min-height: 168px;
  display: grid;
  place-items: center;
  text-align: center;
  border-radius: 36px;
  border: 1px solid var(--ls-border);
  background: rgba(255,255,255,.06);
}

.ls-health-ring strong {
  display: block;
  font-size: 42px;
  line-height: 1;
}

.ls-health-ring span,
.ls-health-ring small {
  color: var(--ls-muted);
  font-weight: 800;
}

.ls-health-active { box-shadow: inset 0 0 0 1px rgba(97,226,148,.28), 0 20px 52px rgba(97,226,148,.10); }
.ls-health-warning { box-shadow: inset 0 0 0 1px rgba(255,209,102,.32), 0 20px 52px rgba(255,209,102,.10); }
.ls-health-notice { box-shadow: inset 0 0 0 1px rgba(65,216,255,.28), 0 20px 52px rgba(65,216,255,.10); }

.ls-quick-grid,
.ls-stat-grid,
.ls-card-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.ls-quick-card,
.ls-stat-card,
.ls-card {
  padding: 18px;
}

.ls-quick-card {
  text-decoration: none;
  color: var(--ls-text);
  display: grid;
  gap: 7px;
}

.ls-quick-card span,
.ls-stat-card span,
.ls-card small {
  color: var(--ls-muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 900;
}

.ls-quick-card strong,
.ls-stat-card strong {
  font-size: 26px;
  line-height: 1.1;
}

.ls-quick-active { border-color: rgba(97,226,148,.32); }
.ls-quick-warning { border-color: rgba(255,209,102,.36); }
.ls-quick-notice { border-color: rgba(65,216,255,.28); }

.ls-next-panel {
  display: grid;
  gap: 16px;
}

.ls-card-title-row {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
}

.ls-card-title-row h2,
.ls-card-title-row h3,
.ls-action-card h3 {
  margin: 6px 0;
}

.ls-action-list {
  display: grid;
  gap: 12px;
}

.ls-action-card {
  padding: 16px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
}

.ls-action-card span {
  color: var(--ls-muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 900;
}

.ls-action-warning { border-color: rgba(255,209,102,.36); }
.ls-action-critical { border-color: rgba(255,107,107,.38); }
.ls-action-notice { border-color: rgba(65,216,255,.30); }

.ls-badge {
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--ls-border);
  border-radius: 999px;
  padding: 7px 10px;
  font-size: 12px;
  font-weight: 900;
  color: var(--ls-text);
  background: rgba(255,255,255,.06);
}

.ls-badge-active,
.ls-badge-allowed { color: var(--ls-green); }
.ls-badge-warning,
.ls-badge-review,
.ls-badge-notice { color: var(--ls-warn); }
.ls-badge-blocked,
.ls-badge-critical { color: var(--ls-danger); }

.ls-meta-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0;
}

.ls-meta-grid span {
  display: grid;
  gap: 4px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid var(--ls-border);
  background: rgba(255,255,255,.045);
  color: var(--ls-muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .07em;
}

.ls-meta-grid strong {
  color: var(--ls-text);
  text-transform: none;
  letter-spacing: 0;
}

.ls-record-card {
  display: grid;
  gap: 12px;
}

.ls-empty-state {
  grid-column: 1 / -1;
}

html[data-theme="light"] .ls-hero-panel,
html[data-theme="light"] .ls-card,
html[data-theme="light"] .ls-stat-card,
html[data-theme="light"] .ls-quick-card,
html[data-theme="light"] .ls-action-card,
html[data-theme="light"] .ls-health-ring {
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(239,246,255,.92));
  color: #0f172a;
  box-shadow: 0 18px 48px rgba(15,23,42,.10);
}

html[data-theme="light"] .ls-hero-panel p,
html[data-theme="light"] .ls-card p,
html[data-theme="light"] .ls-action-card p,
html[data-theme="light"] .ls-quick-card span,
html[data-theme="light"] .ls-stat-card span,
html[data-theme="light"] .ls-health-ring span,
html[data-theme="light"] .ls-health-ring small {
  color: #475569;
}

html[data-theme="light"] .ls-btn-secondary,
html[data-theme="light"] .ls-meta-grid span {
  color: #0f172a;
  background: rgba(15,23,42,.035);
}

@media (max-width: 980px) {
  .ls-hero-panel,
  .ls-action-card,
  .ls-card-title-row {
    align-items: flex-start;
    grid-template-columns: 1fr;
    flex-direction: column;
  }

  .ls-health-ring {
    width: 100%;
    min-width: 0;
  }

  .ls-quick-grid,
  .ls-stat-grid,
  .ls-card-grid,
  .ls-meta-grid {
    grid-template-columns: 1fr;
  }
}