/* Pacientes: lista, filtros, tabelas */

  /* ================= PACIENTES VIEW ================= */
  .content-pacientes{ padding: 24px 36px 48px 36px; }

  .filter-bar{ display:flex; align-items:center; gap:12px; margin-bottom: 22px; flex-wrap: wrap; }

  .search-input{
    flex:1; min-width: 240px; display:flex; align-items:center; gap:10px;
    background:#fff; border:1px solid var(--border); border-radius:10px; padding: 11px 14px; color: var(--text-muted);
  }
  .search-input input{ border:none; outline:none; background:transparent; font-size:14px; width:100%; color: var(--text-dark); font-family: inherit; }
  .search-input svg{ flex-shrink:0; opacity:.7; }

  .select-box{
    display:flex; align-items:center; gap:8px; background:#fff; border:1px solid var(--border); border-radius:10px;
    padding: 11px 14px; font-size:14px; font-weight:600; color: var(--text-dark); cursor:pointer; white-space:nowrap;
  }
  .select-box svg{ opacity:.6; }
  .spacer-flex{ flex: 1 1 auto; }

  .contraindicacao-alert{
    margin-top:8px; padding:10px 12px; border-radius:8px; background:#fff4e5; border:1px solid #f0b95a;
    font-size:12.5px; color:#8a5a12; line-height:1.5;
  }
  .contraindicacao-alert strong{ display:block; margin-bottom:2px; color:#7a4a00; }
  .contraindicacao-alert ul{ margin:4px 0 0 16px; padding:0; }

  .btn-outline{
    display:flex; align-items:center; gap:8px; background:#fff; border:1px solid var(--border); border-radius:10px;
    padding: 11px 16px; font-size:14px; font-weight:700; color: var(--text-dark); cursor:pointer; white-space:nowrap;
  }
  .btn-outline:hover{ background:#f7f8f9; }

  .card-table{ background: var(--card-bg); border-radius: var(--radius); border: 1px solid var(--border); overflow:hidden; }
  .card-table .card-head{ padding: 22px 24px 6px 24px; margin-bottom:0; }
  .card-table .card-title{ font-size:17px; font-weight:700; }

  table{ width:100%; border-collapse: collapse; margin-top: 10px; }
  thead th{
    text-align:left; font-size:11.5px; font-weight:700; letter-spacing:.06em; color: var(--text-muted);
    text-transform:uppercase; padding: 12px 24px; border-bottom: 1px solid var(--border); white-space:nowrap;
  }
  thead th .sort-icon{ opacity:.55; margin-left:4px; vertical-align:middle; }
  tbody td{ padding: 16px 24px; border-bottom: 1px solid var(--border); font-size:14.5px; vertical-align:middle; }
  tbody tr:last-child td{ border-bottom:none; }
  tbody tr:hover{ background: #fafbfc; }

  .patient-cell{ display:flex; align-items:center; gap:12px; }
  .patient-avatar{
    width:38px; height:38px; border-radius:50%; display:flex; align-items:center; justify-content:center;
    font-size:13px; font-weight:700; flex-shrink:0;
  }
  .patient-name{ font-family:'Playfair Display', serif; font-weight:700; color: var(--text-dark); }
  .patient-age{ font-size:12.5px; color: var(--text-muted); margin-top:1px; }

  .phone-cell{ display:flex; align-items:center; gap:8px; color: var(--text-dark); }
  .whatsapp-icon{ color: var(--whatsapp); flex-shrink:0; }

  .date-cell{ display:flex; align-items:center; gap:7px; color: var(--text-dark); }
  .date-cell svg{ color: var(--text-muted); flex-shrink:0; }
  .date-dash{ color: var(--text-muted); }

  .pill{ display:inline-block; padding: 5px 12px; border-radius: 20px; font-size:12.5px; font-weight:700; }
  .pill-gray{ background: var(--gray-pill-bg); color: var(--gray-pill-text); }
  .pill-green{ background: var(--green-bg); color: var(--green-text); }
  .pill-dash{ color: var(--text-muted); font-size:14px; }

  .status-active{
    display:inline-block; padding: 5px 12px; border-radius: 20px; font-size:12.5px; font-weight:700;
    background: var(--green-bg); color: var(--green-text);
  }