/* Auto-gerado por editar_layout.php — não edite manualmente (suas alterações serão sobrescritas). */
html[data-theme="light"]{
  --card: rgba(255,255,255,0.75);
  --card-solid: #ffffff;
}

/* Component system */
:root{
  --ui-radius: 16px;
  --ui-btn-radius: 14px;
}
.card, .card-ui{ border-radius: var(--ui-radius) !important; }
.card{ border-color: rgba(0,0,0,0.1) !important; box-shadow: 0 12px 28px rgba(0,0,0,0.25) !important; }
.btn{ border-radius: var(--ui-btn-radius) !important; }
.btn-primary, .btn-outline-primary{ box-shadow: 0 10px 24px rgba(0,0,0,0.18); }
.badge{ border-radius: 999px; }

/* Page overrides */
body[data-page="index"] .card{ background: var(--index-card-bg, var(--card)) !important; }
body[data-page="index"] .btn-roxo{ background: var(--index-btn-bg, var(--brand)) !important; border-color: var(--index-btn-bg, var(--brand)) !important; }
body[data-page="dashboard"] .btn-primary{ background: var(--dash-primary-bg, var(--brand)) !important; border-color: var(--dash-primary-bg, var(--brand)) !important; }
body[data-page="dashboard"] .logs-scroll{ background: var(--dash-logs-bg, transparent) !important; border-radius: var(--ui-radius); padding: 4px; }

/* Brand */
.brand-name{ }

/* EASY_COLORS_START */
:root{
  --e-dash_header_bg: #6f42c1;
}
/* EASY_COLORS_END */