/* Estilos complementares do módulo de Suporte OmniAgendas e Suporte Orchestrator */
:root {
  --bg-body: #f8fafc;
  --bg-card: #ffffff;
  --bg-subtle: #f1f5f9;
  --bg-hover: #f1f5f9;
  --border-subtle: #e2e8f0;
  --border-strong: #cbd5e1;
  --text-main: #0f172a;
  --text-secondary: #475569;
  --text-muted: #94a3b8;
  --accent: #6366f1;
  --accent-hover: #4f46e5;
  --cta: #db2777;
  --success: #059669;
  --warning: #d97706;
  --danger: #e11d48;
  --bg-input: #ffffff;
}

html.dark {
  --bg-body: #18181B;
  --bg-card: #242428;
  --bg-subtle: #2E2E33;
  --bg-hover: #38383E;
  --bg-input: #2E2E33;
  --border-subtle: #46464D;
  --border-strong: #5A5A63;
  --text-main: #FAFAFA;
  --text-secondary: #C7C7CC;
  --text-muted: #A1A1AA;
  --accent: #8B5CF6;
  --accent-hover: #A78BFA;
  --cta: #EC4899;
  --success: #34D399;
  --warning: #FBBF24;
  --danger: #FB7185;
}

body {
  background-color: var(--bg-body);
  color: var(--text-main);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  min-height: 100vh;
}

/* Custom scrollbars */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: var(--border-strong);
  border-radius: 9999px;
}

/* Timeline bubble pointers */
.timeline-bubble-client {
  background-color: var(--bg-card);
  border: 1px solid var(--border-subtle);
}

.timeline-bubble-staff {
  background: linear-gradient(145deg, rgba(139, 92, 246, 0.08), rgba(99, 102, 241, 0.04));
  border: 1px solid rgba(139, 92, 246, 0.25);
}

.timeline-bubble-internal {
  background: rgba(251, 191, 36, 0.08);
  border: 1px solid rgba(251, 191, 36, 0.3);
}

/* Transições suaves */
.support-transition {
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}