/* PediFlow - Sistema de Diseño Global */
:root {
  /* Paleta principal: Deep Cornflower Blue */
  --cornflower-darkest: #0a1128;
  --cornflower-dark: #141f36;
  --cornflower-panel: #1c2541;
  --cornflower-input: #0d1527;
  --cornflower-border: #2b3a67;
  --cornflower-accent: #4895ef;
  --cornflower-text: #edf2f4;
  --cornflower-muted: #8d99ae;
  
  /* Estados y Acciones */
  --btn-green: #10b981;
  --btn-blue: #2563eb;
  --btn-red: #ef4444;
  --purple-accent: #a855f7;
  
  /* CTAS Niveles */
  --ctas-1: #ef4444;
  --ctas-2: #f97316;
  --ctas-3: #eab308;
  --ctas-4: #10b981;
  --ctas-5: #06b6d4;

  /* Tipografía */
  --font-main: 'Segoe UI', system-ui, -apple-system, sans-serif;
  
  /* Dimensiones */
  --header-height: 50px;
  --sidebar-width-patient: 340px;
}

/* Reset Global */
* { box-sizing: border-box; margin: 0; padding: 0; font-family: var(--font-main); }
::-webkit-scrollbar { display: none; width: 0px; height: 0px; }
* { -ms-overflow-style: none; scrollbar-width: none; }

body {
  background-color: var(--cornflower-darkest);
  color: var(--cornflower-text);
  height: 100vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* Componentes reutilizables */
.panel {
  background-color: var(--cornflower-panel);
  border: 1px solid var(--cornflower-border);
  border-radius: 8px;
}

.btn {
  border: none;
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  color: white;
  transition: all 0.2s;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}