/* ═══════════════════════════════════════════════════════════════
   Citas del portal — the client's requests (portal «Citas») and the team's view of them (Agenda → «Solicitudes del portal»).
   Only theme tokens (light and dark): no fixed colour here.
   ═══════════════════════════════════════════════════════════════ */

/* ── Admin: Solicitudes del portal ── */
.pr-toolbar { display: flex; gap: var(--space-2); align-items: center; flex-wrap: wrap; margin-bottom: var(--space-3); }
.pr-toolbar__spacer { flex: 1; }
.pr-empty { padding: var(--space-8); text-align: center; background: var(--white); border: 1px solid var(--gray-100); border-radius: var(--r-lg); color: var(--gray-700); }
.pr-empty i { font-size: 32px; color: var(--gray-300); }
.pr-empty__hint { margin-top: var(--space-1); font-size: 13px; color: var(--gray-500); }
.pr-card { background: var(--white); border: 1px solid var(--gray-100); border-radius: var(--r-lg); padding: var(--space-4); margin-bottom: var(--space-3);
    display: grid; gap: var(--space-3); box-shadow: var(--shadow-sm); }
.pr-card__head { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--space-3); }
.pr-card__title { font-weight: 600; color: var(--blue-800); }
.pr-card__meta { font-size: 13px; color: var(--gray-500); margin-top: var(--space-1); }
.pr-card__actions { display: flex; gap: var(--space-2); flex-wrap: wrap; justify-content: flex-end; }

/* ── Portal: Citas ── */
.ap-list { display: grid; gap: var(--space-3); }
.ap-item { border: 1px solid var(--gray-100); border-radius: var(--r-md); padding: var(--space-3); display: grid; gap: var(--space-2); background: var(--white); }
.ap-item__head { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--space-2); }
.ap-item__title { font-weight: 600; color: var(--blue-800); }
.ap-item__meta { font-size: 13px; color: var(--gray-500); display: flex; gap: var(--space-3); flex-wrap: wrap; }
.ap-empty { padding: var(--space-6); text-align: center; color: var(--gray-500); font-size: 13px; }