/* rimecommerce.com · ecommerce-as-a-service · Skin B Command Center default */
:root, :root[data-theme="command-center"] {
  --bg-primary: #0B1120; --bg-secondary: #131C2E; --bg-tertiary: #1E293B;
  --text-primary: #F1F5F9; --text-secondary: #94A3B8; --text-tertiary: #64748B; --text-inverse: #0F172A;
  --brand-primary: #7C3AED; --brand-primary-hover: #6D28D9; --brand-primary-light: #1E1B4B;
  --brand-accent: #0EA5E9;
  --color-success: #22C55E; --color-warning: #F59E0B; --color-danger: #EF4444; --color-info: #06B6D4;
  --font-sans: -apple-system, "Segoe UI", "Inter", system-ui, sans-serif;
  --font-display: "Fraunces", serif;
  --shadow-sm: 0 1px 3px 0 rgba(0,0,0,0.30); --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.40);
  --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.50);
  --radius-md: 0.5rem; --radius-lg: 0.75rem; --radius-xl: 1rem;
  --border-color: #334155; --border-color-hover: #475569;
  --glow-primary: 0 0 0 3px rgba(124, 58, 237, 0.40);
}
:root[data-theme="daylight"] {
  --bg-primary: #FAFBFC; --bg-secondary: #F4F6F9; --bg-tertiary: #FFFFFF;
  --text-primary: #0F172A; --text-secondary: #475569; --text-inverse: #FFFFFF;
  --brand-primary: #7C3AED; --brand-primary-hover: #6D28D9; --brand-accent: #0EA5E9;
  --shadow-sm: 0 1px 3px 0 rgba(15,23,42,0.06);
  --border-color: #E2E8F0; --border-color-hover: #CBD5E1;
  --glow-primary: 0 0 0 3px rgba(124, 58, 237, 0.30);
}
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 0.75rem 1rem; border-radius: var(--radius-md); font-weight: 600; cursor: pointer; transition: 250ms; border: 1px solid transparent; font-family: var(--font-sans); }
.btn-primary { background: var(--brand-primary); color: var(--text-inverse); }
.btn-primary:hover { background: var(--brand-primary-hover); box-shadow: var(--shadow-md); }
.input { width: 100%; padding: 0.75rem 1rem; background: var(--bg-tertiary); color: var(--text-primary); border: 1px solid var(--border-color); border-radius: var(--radius-md); }
.input:focus { outline: none; border-color: var(--brand-primary); box-shadow: var(--glow-primary); }
.card { background: var(--bg-tertiary); border: 1px solid var(--border-color); border-radius: var(--radius-lg); padding: 1.5rem; box-shadow: var(--shadow-sm); }
.kpi-card { background: var(--bg-tertiary); border: 1px solid var(--border-color); border-radius: var(--radius-xl); padding: 1.5rem; transition: 250ms; }
.kpi-card .kpi-label { font-size: 0.875rem; color: var(--text-secondary); font-weight: 500; text-transform: uppercase; }
.kpi-card .kpi-value { font-family: var(--font-display); font-size: 2.25rem; font-weight: 700; color: var(--text-primary); }
.badge { display: inline-flex; padding: 0.25rem 0.75rem; border-radius: 9999px; font-size: 0.75rem; font-weight: 500; }
.badge-tenant-active { background: rgba(34, 197, 94, 0.15); color: var(--color-success); }
.badge-tenant-trial { background: rgba(245, 158, 11, 0.15); color: var(--color-warning); }