:root {
  --app-bg:
    radial-gradient(circle at top left, rgba(168, 208, 255, 0.32), transparent 23%),
    radial-gradient(circle at 82% 18%, rgba(221, 236, 248, 0.85), transparent 24%),
    linear-gradient(180deg, #f8fbff 0%, #eff4f9 48%, #e8eef5 100%);
  --sidebar-bg: linear-gradient(180deg, rgba(241, 246, 251, 0.97), rgba(233, 240, 247, 0.97));
  --header-bg: linear-gradient(180deg, rgba(251, 253, 255, 0.95), rgba(241, 246, 251, 0.92));
  --panel-bg: rgba(255, 255, 255, 0.86);
  --panel-strong: rgba(255, 255, 255, 0.94);
  --panel-soft: rgba(255, 255, 255, 0.76);
  --text-primary: #243444;
  --text-secondary: #4a5b6f;
  --text-muted: #76879a;
  --text-accent: #4776b4;
  --surface-hover: rgba(255, 255, 255, 0.72);
  --success-soft: rgba(15, 118, 110, 0.08);
  --success-line: rgba(15, 118, 110, 0.16);
  --success-text: #0f766e;
  --warning-soft: rgba(245, 158, 11, 0.1);
  --warning-line: rgba(180, 83, 9, 0.16);
  --warning-text: #92400e;
  --danger-soft: rgba(193, 72, 102, 0.1);
  --danger-line: rgba(193, 72, 102, 0.16);
  --danger-text: #9a2d4c;
  --border-soft: rgba(123, 152, 181, 0.14);
}

body {
  text-rendering: optimizeLegibility;
}

.trae-badge {
  display: none !important;
}

[data-ui-hotfix-hide="true"] {
  display: none !important;
}

body.ui-commercialized .theme-shell {
  background: var(--app-bg);
}

body.ui-commercialized .theme-page-hero,
body.ui-commercialized .theme-panel-elevated,
body.ui-commercialized .theme-panel-soft,
body.ui-commercialized .theme-section-card {
  border-color: var(--border-soft) !important;
  box-shadow: 0 16px 38px rgba(55, 92, 136, 0.07);
}

body.ui-commercialized .theme-panel-soft {
  background: rgba(255, 255, 255, 0.76);
  backdrop-filter: blur(16px);
}

body.ui-commercialized .theme-page-hero {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(247, 250, 253, 0.88));
}

body.ui-commercialized .theme-chip-accent {
  background: rgba(73, 118, 180, 0.12) !important;
  color: #4776b4 !important;
  box-shadow: none !important;
}

body.ui-commercialized .theme-nav-item:hover {
  background: var(--surface-hover) !important;
  color: var(--text-primary) !important;
}

body.ui-commercialized .theme-tone-success {
  color: var(--success-text) !important;
}

body.ui-commercialized .theme-tone-warning {
  color: var(--warning-text) !important;
}

body.ui-commercialized .theme-alert-warning {
  border: 1px solid var(--warning-line) !important;
  background: var(--warning-soft) !important;
  color: var(--warning-text) !important;
}

body.ui-commercialized .theme-alert-danger {
  border: 1px solid var(--danger-line) !important;
  background: var(--danger-soft) !important;
  color: var(--danger-text) !important;
}

.commercial-group-label {
  padding: 0 0.75rem 0.55rem;
  color: var(--text-muted);
  font-size: 11px;
  letter-spacing: 0.26em;
  text-transform: uppercase;
}

.commercial-note-grid {
  display: grid;
  gap: 1rem;
  margin-top: 1.25rem;
}

@media (min-width: 1024px) {
  .commercial-note-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.commercial-note-card {
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid var(--border-soft);
  border-radius: 28px;
  padding: 1.25rem 1.35rem;
  box-shadow: 0 18px 55px rgba(55, 92, 136, 0.06);
}

.commercial-note-kicker {
  color: var(--text-accent);
  font-size: 11px;
  letter-spacing: 0.26em;
  text-transform: uppercase;
}

.commercial-note-title {
  color: var(--text-primary);
  font-size: 1.125rem;
  font-weight: 600;
  margin-top: 0.55rem;
}

.commercial-note-list {
  color: var(--text-secondary);
  display: grid;
  gap: 0.55rem;
  font-size: 0.92rem;
  line-height: 1.7;
  margin-top: 0.9rem;
}

.commercial-quick-grid {
  display: grid;
  gap: 1rem;
  margin-top: 1.5rem;
}

@media (min-width: 768px) {
  .commercial-quick-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.commercial-quick-grid a.theme-panel-soft {
  min-height: 176px;
}

.commercial-sidebar-intro {
  color: var(--text-secondary);
  font-size: 0.92rem;
  line-height: 1.8;
  margin-top: 0.6rem;
}