/* ═══════════════════════════════════════════════════════════════
   Consultorio médico (y lo que comparte con Spa): lo que el teléfono necesita y no cabe en un estilo en línea.
   Solo tokens del tema (claro y oscuro). Hallazgos móvil del 9-nov-2026.
   ═══════════════════════════════════════════════════════════════ */

/* (7) Encabezado de la agenda: día con sus flechas · médico · acciones. En escritorio, una fila; en el teléfono, una fila cada cosa. */
.med-agenda-head { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-3); margin-bottom: var(--space-3); }
.med-agenda-head__day { display: flex; align-items: center; gap: var(--space-2); }
.med-agenda-head__day input[type="date"] { min-width: 0; }
.med-agenda-head__staff { min-width: 200px; }
.med-agenda-head__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); margin-left: auto; }

/* (14) Pacientes: la búsqueda por un dato exacto, compacta. */
.med-find { max-width: 640px; margin-bottom: var(--space-3); }
.med-find__body { display: grid; gap: var(--space-2); }

@media (max-width: 600px) {
    .med-agenda-head > * { flex: 1 1 100%; }
    .med-agenda-head__day input[type="date"] { flex: 1 1 auto; }
    .med-agenda-head__staff { min-width: 0; width: 100%; }
    .med-agenda-head__actions { margin-left: 0; }
    .med-agenda-head__actions > .crm-btn--primary { flex: 1 1 auto; }
    /* Lo que el médico mira primero en el teléfono es la lista: el aviso de alcance va compacto. */
    .med-only-mine { padding: var(--space-2) var(--space-3) !important; }
    .med-only-mine p { font-size: 12px !important; }
}