/* ===== Ter + Saúde — Painel de Agendamentos ===== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root {
  /* Logo palette */
  --navy:        #163a61;   /* primary brand (from logo rgb(2,46,95), tuned for UI) */
  --navy-deep:   #0c2742;
  --navy-700:    #1d4a7a;
  --navy-50:     #eaf0f7;
  --navy-100:    #d8e4f0;
  --silver:      #a8a9ae;   /* logo gray */
  --silver-2:    #c4c5c9;
  --silver-soft: #eceef1;

  /* Surfaces */
  --bg:        #f4f6f9;
  --card:      #ffffff;
  --line:      #e6eaf0;
  --line-2:    #eef1f5;
  --ink:       #15233a;
  --ink-2:     #4a5a72;
  --ink-3:     #8794a6;

  /* AI agent accent (distinct from navy on purpose) */
  --ai:        #0e8fd1;
  --ai-bg:     #e3f2fc;
  --ai-line:   #bfe2f6;

  /* Semantic status */
  --green:     #0f9d6b;  --green-d: #07724d;  --green-bg: #d8f3e6;
  --amber:     #c97a12;  --amber-d: #9a5c08;  --amber-bg: #fbeccc;
  --red:       #d63b3b;  --red-bg:  #fbe0e0;
  --gray-st:   #8794a6;  --gray-bg: #eef1f5;

  --radius:    14px;
  --radius-sm: 10px;
  --shadow:    0 1px 2px rgba(16,39,66,.04), 0 4px 16px rgba(16,39,66,.06);
  --shadow-lg: 0 8px 40px rgba(12,39,66,.18);
  --font: 'Inter', system-ui, -apple-system, sans-serif;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: var(--font);
  background: var(--bg);
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
#root { min-height: 100vh; }
button { font-family: inherit; cursor: pointer; }
input, select, textarea { font-family: inherit; }
::selection { background: var(--navy-100); }

/* scrollbars */
*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-thumb { background: #d4dae3; border-radius: 8px; border: 3px solid transparent; background-clip: padding-box; }
*::-webkit-scrollbar-thumb:hover { background: #c0c8d4; background-clip: padding-box; border: 3px solid transparent; }

@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes popIn { from { opacity: 0; transform: translateY(8px) scale(.985); } to { opacity: 1; transform: none; } }
@keyframes slideIn { from { opacity: 0; transform: translateX(14px); } to { opacity: 1; transform: none; } }
@keyframes pulseRing { 0% { box-shadow: 0 0 0 0 rgba(14,143,209,.4); } 70% { box-shadow: 0 0 0 8px rgba(14,143,209,0); } 100% { box-shadow: 0 0 0 0 rgba(14,143,209,0); } }