/* THE EVO BOX — Admin design tokens
   Visual: dark theme + cyan accent (#1097DB), Inter typeface.
   Inspirado no logo público do theevobox.vercel.app */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  /* Surfaces */
  --evo-bg:        #050505;
  --evo-surface:   #0F0F0F;
  --evo-surface-2: #181818;
  --evo-elevated:  #1F1F1F;
  --evo-line:      rgba(255, 255, 255, 0.08);
  --evo-line-soft: rgba(255, 255, 255, 0.04);

  /* Text */
  --evo-text:        #F5F5F5;
  --evo-text-mute:   rgba(245, 245, 245, 0.62);
  --evo-text-mute-2: rgba(245, 245, 245, 0.40);

  /* Accent (brand) */
  --evo-accent:       #1097DB;
  --evo-accent-dark:  #0B7BB3;
  --evo-accent-soft:  rgba(16, 151, 219, 0.12);
  --evo-accent-glow:  rgba(16, 151, 219, 0.35);

  /* Semantic */
  --evo-success:      #34C77B;
  --evo-success-soft: rgba(52, 199, 123, 0.12);
  --evo-warning:      #F5A623;
  --evo-warning-soft: rgba(245, 166, 35, 0.12);
  --evo-error:        #EB5757;
  --evo-error-soft:   rgba(235, 87, 87, 0.12);
  --evo-whatsapp:     #25D366;

  /* Type stacks */
  --evo-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --evo-mono: 'JetBrains Mono', 'SF Mono', Menlo, monospace;

  /* Spacing scale */
  --evo-s-1: 4px;
  --evo-s-2: 8px;
  --evo-s-3: 12px;
  --evo-s-4: 16px;
  --evo-s-5: 24px;
  --evo-s-6: 32px;
  --evo-s-7: 48px;
  --evo-s-8: 64px;

  /* Radius */
  --evo-r-sm: 6px;
  --evo-r-md: 10px;
  --evo-r-lg: 14px;

  /* Sidebar width */
  --evo-sidebar-w: 232px;
}

* { box-sizing: border-box; }
html, body {
  margin: 0;
  padding: 0;
  background: var(--evo-bg);
  color: var(--evo-text);
  font-family: var(--evo-sans);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button { font-family: inherit; }

/* Labels */
.evo-label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--evo-text-mute);
}
.evo-label--accent { color: var(--evo-accent); }

/* Buttons */
.evo-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 18px;
  font-family: var(--evo-sans);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.02em;
  border: none;
  border-radius: var(--evo-r-sm);
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  transition: background .15s ease, color .15s ease, transform .12s ease, box-shadow .15s ease;
}
.evo-btn:disabled { opacity: 0.55; cursor: not-allowed; }
.evo-btn-primary       { background: var(--evo-accent); color: #fff; }
.evo-btn-primary:hover { background: var(--evo-accent-dark); box-shadow: 0 0 0 4px var(--evo-accent-soft); }
.evo-btn-ghost         { background: transparent; color: var(--evo-text); border: 1px solid var(--evo-line); }
.evo-btn-ghost:hover   { border-color: var(--evo-accent); color: var(--evo-accent); }
.evo-btn-danger        { background: transparent; color: var(--evo-error); border: 1px solid rgba(235,87,87,0.3); }
.evo-btn-danger:hover  { background: var(--evo-error-soft); border-color: var(--evo-error); }
.evo-btn-sm            { padding: 6px 12px; font-size: 12px; }

/* Inputs */
.evo-input,
.evo-select,
.evo-textarea {
  width: 100%;
  padding: 10px 14px;
  background: var(--evo-surface-2);
  border: 1px solid var(--evo-line);
  border-radius: var(--evo-r-sm);
  color: var(--evo-text);
  font-family: var(--evo-sans);
  font-size: 13.5px;
  outline: none;
  transition: border-color .12s ease;
}
.evo-input:focus,
.evo-select:focus,
.evo-textarea:focus { border-color: var(--evo-accent); box-shadow: 0 0 0 3px var(--evo-accent-soft); }
.evo-textarea { min-height: 96px; resize: vertical; }

.evo-field { display: flex; flex-direction: column; gap: 6px; }
.evo-field > label,
.evo-field > .lbl {
  font-size: 11px;
  font-weight: 500;
  color: var(--evo-text-mute);
  letter-spacing: 0.02em;
}

/* Tabular numbers */
.evo-num { font-variant-numeric: tabular-nums; }