/* ============================================================
   Regras antigas SEM o prefixo "ds-", que viviam em design_system.css.

   Separadas porque design_system.css passou a ser carregado globalmente
   (base.html) e estas classes colidem com definições locais homônimas em
   telas legadas (agendamentos, dashboard, copilot...). Este arquivo é linkado
   só nas telas que já linkavam design_system.css, logo depois dele, para
   manter exatamente o visual de antes.

   Não use em código novo: prefira os componentes (components/badge.html,
   components/button.html, components/modal.html). Ver BADGE.md, BUTTON.md e
   MODAL.md.
   ============================================================ */

/* ---- Chips/badges de status (pill, sem indicador de bolinha) ---- */
.chip{ font-weight: 700; padding: .2rem .75rem; border-radius: 999px; display: inline-flex; align-items: center; gap: 5px; font-size: 13px; white-space: nowrap; }
.chip-cancelado  { background: #fef2f2; color: #b91c1c; }
.chip-pendente   { background: #fffbeb; color: #92400e; }
.chip-analise    { background: #eff6ff; color: #1e40af; }
.chip-noshow     { background: #f4f4f5; color: #4b5563; }
.chip-finalizado { background: #f3f4f6; color: #374151; }
.chip-aprovado   { background: #ecfdf5; color: #065f46; }
.chip-primary    { background: var(--primary-100); color: var(--primary-900); }

/* ---- Botão fantasma (legado; use components/button.html variant="ghost") ---- */
.btn-ghost{ background: transparent; border: 1px solid #e9ecef; color: #6c757d; }
.btn-ghost:hover{ background: #f8f9fa; }

/* ---- Modais no padrão "elegant" ---- */
.modal-elegant .modal-content{ border:1px solid #e9ecef; border-radius:14px; overflow:hidden; }
.modal-elegant .modal-header{ background:#f8f9fa; border-bottom:1px solid #eef0f2; }
.modal-elegant .modal-footer{ background:#f8f9fa; border-top:1px solid #eef0f2; }