:root{--azul: #1a4a8a;--azul2: #2563eb;--verde: #16a34a;--rojo: #dc2626;--amar: #d97706;--gris: #6b7280;--grisc: #f3f4f6;--borde: #d1d5db;--texto: #111827}html,body,#root{min-height:100%}body{margin:0;font-family:Segoe UI,system-ui,sans-serif;background:#e5e7eb;color:var(--texto)}button,input,select,textarea{font:inherit}.app-shell{max-width:1080px;margin:0 auto;padding:24px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;margin-bottom:24px;border:1px solid var(--borde);border-bottom:3px solid var(--azul);border-radius:8px;background:#fff;box-shadow:0 2px 10px #0000000f}.brand a{color:var(--azul);text-decoration:none;font-weight:800;font-size:1.2rem}.nav-links{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.nav-links a,.button-link,.quiet-button{color:var(--azul);text-decoration:none;border:1px solid transparent;padding:8px 12px;border-radius:6px;font-weight:500;transition:background .2s ease,border-color .2s ease}.nav-links a:hover,.button-link:hover,.quiet-button:hover{background:#eff6ff}.quiet-button{background:transparent;border-color:var(--borde);color:var(--gris);cursor:pointer}.main-content{display:flex;flex-direction:column;gap:16px}.page{display:flex;flex-direction:column;gap:20px}.page-header{display:flex;justify-content:space-between;gap:16px;align-items:center}.page-header h1{margin:0;font-size:1.7rem;color:var(--azul)}.page-header p{margin:0;color:var(--gris)}.grid-card{display:grid;gap:20px}.card,article,form,.table-wrap,textarea,input,select{width:100%}article,.card{background:#fff;border:1px solid var(--borde);border-radius:8px;padding:20px;box-shadow:0 2px 10px #0000000f}form label{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;color:var(--gris);font-size:.85rem;font-weight:600}input,select,textarea{border:1px solid var(--borde);border-radius:4px;padding:8px 10px;background:#fff;color:var(--texto);outline:none;box-sizing:border-box}input:focus,select:focus,textarea:focus{border-color:var(--azul2);box-shadow:0 0 0 2px #dbeafe}.form-grid{display:grid;gap:16px}button,.button-link{display:inline-flex;align-items:center;justify-content:center;padding:9px 16px;border-radius:6px;border:none;background:var(--azul2);color:#fff;font-weight:600;cursor:pointer;text-decoration:none}button:hover,.button-link:hover{background:#1d4ed8;color:#fff}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}thead{background:#e0e7ff}th{color:var(--azul);text-transform:uppercase;font-size:10px;letter-spacing:.05em}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid #f0f0f0}tbody tr:hover td{background:#f8faff}.alert,.success{padding:12px 14px;border-radius:6px;font-size:.88rem}.alert{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.page-center{min-height:calc(100vh - 48px);display:flex;align-items:center;justify-content:center}.card{max-width:420px}.section-block{margin-bottom:24px;padding:16px;border:1px solid var(--borde);border-radius:8px;background:#f9fafb}.section-block h3{margin-top:0;margin-bottom:12px;color:var(--azul)}.section-block textarea{margin-bottom:12px}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:8px}.stat-card{background:#fff;border:1px solid var(--borde);border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:4px;box-shadow:0 2px 10px #0000000f;transition:border-color .2s}.stat-card:hover{border-color:var(--azul2)}.stat-value{font-size:2.2rem;font-weight:800;color:var(--azul2);line-height:1}.stat-label{color:var(--gris);font-size:.82rem;font-weight:500;letter-spacing:.03em}.stat-sub{color:#9ca3af;font-size:.75rem}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.badge-pendiente{background:#f1f5f9;color:#475569}.badge-sala{background:#fef9c3;color:#854d0e}.badge-consulta{background:#dbeafe;color:#1e40af}.badge-atendido,.badge-success{background:#d1fae5;color:#065f46}.badge-warning{background:#fef9c3;color:#854d0e}.badge-error{background:#fee2e2;color:#991b1b}.badge-info{background:#dbeafe;color:#1e40af}.badge-neutral{background:#f1f5f9;color:#475569}.btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border-radius:6px;border:none;font-weight:600;font-size:.88rem;cursor:pointer;transition:background .15s;gap:6px;text-decoration:none}.btn-primary{background:var(--azul2);color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-success{background:var(--verde);color:#fff;border:1px solid var(--verde)}.btn-success:hover{background:#15803d}.btn-danger{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.btn-danger:hover{background:#fecaca;color:#991b1b}.btn-outline{background:#fff;color:var(--azul);border:1px solid var(--borde)}.btn-outline:hover{background:#eff6ff;color:var(--azul)}.btn-sm{padding:5px 10px;font-size:.78rem;border-radius:5px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.three-col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}@media (max-width: 700px){.two-col,.three-col{grid-template-columns:1fr}}.agenda-week{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}@media (max-width: 900px){.agenda-week{grid-template-columns:repeat(3,1fr)}}@media (max-width: 600px){.agenda-week{grid-template-columns:1fr 1fr}}.agenda-day{min-height:280px;padding:10px;border-radius:8px;background:#fff;border:1px solid var(--borde);overflow-y:auto}.agenda-day.today{border-color:var(--azul2);box-shadow:0 0 0 2px #dbeafe}.agenda-day.weekend{background:var(--grisc)}.agenda-day-header{font-size:.75rem;font-weight:700;color:var(--gris);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.agenda-day-num{font-size:1.4rem;font-weight:800;color:var(--texto)}.agenda-day.today .agenda-day-num{color:var(--azul2)}.agenda-cita{padding:8px 10px;margin-bottom:6px;border-radius:6px;background:#eff6ff;border-left:3px solid var(--azul2);font-size:.8rem;cursor:pointer;transition:background .15s}.agenda-cita:hover{background:#dbeafe}.agenda-cita.estado-ATENDIDO{border-left-color:var(--verde);background:#d1fae5}.agenda-cita.estado-EN_SALA{border-left-color:#d97706;background:#fef9c3}.agenda-cita.estado-EN_CONSULTA{border-left-color:#1e40af;background:#dbeafe}.agenda-cita .hora{font-weight:800;color:var(--azul2);font-size:.78rem}.agenda-cita .pac{font-weight:600;color:var(--texto);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agenda-cita .sub{color:var(--gris);font-size:.72rem}.info-banner{padding:12px 16px;border-radius:6px;background:#fef9c3;border:1px solid #fde68a;color:#854d0e;font-size:.85rem;margin-bottom:16px}.info-banner.blue{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.info-banner.green{background:#d1fae5;border-color:#a7f3d0;color:#065f46}.loading{text-align:center;padding:40px;color:var(--gris)}.empty-state{text-align:center;padding:32px 16px;color:#9ca3af;font-size:.85rem}.tab-nav{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:16px}.tab-nav button{padding:7px 14px;border-radius:6px;border:1px solid var(--borde);background:#fff;color:var(--gris);font-size:.82rem;cursor:pointer;transition:all .15s}.tab-nav button.active{background:var(--azul);color:#fff;border-color:var(--azul)}.tab-nav button:hover:not(.active){background:#eff6ff;color:var(--azul)}.section-divider{border:none;border-top:1px solid var(--borde);margin:20px 0}.week-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.week-nav h2{margin:0;font-size:1.1rem;color:var(--azul);font-weight:700}.seccion{border:1px solid var(--borde);border-radius:6px;overflow:hidden;margin-bottom:10px;background:#fff}.seccion-titulo{background:var(--azul);color:#fff;padding:6px 12px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.seccion-titulo .num{background:#ffffff40;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:11px}.seccion-cuerpo{padding:12px 14px}.tabs-nav{display:flex;flex-wrap:wrap;gap:3px;border-bottom:2px solid var(--azul);margin-bottom:12px}.tab-btn{padding:6px 12px;border:1px solid var(--borde);border-bottom:none;border-radius:5px 5px 0 0;background:var(--grisc);cursor:pointer;font-size:12px;color:var(--gris);font-weight:500}.tab-btn:hover,.tab-btn.activo{background:var(--azul);color:#fff;border-color:var(--azul)}.signos{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-bottom:10px}.signo-box{border:1px solid var(--borde);border-radius:6px;padding:8px;text-align:center;background:#f9fafb}.signo-box label{font-size:10px;color:var(--gris);text-transform:uppercase;display:block;margin-bottom:4px}.signo-box input{text-align:center;font-weight:700;font-size:14px;color:var(--azul)}.chip{background:#e0e7ff;color:var(--azul);padding:2px 10px;border-radius:12px;font-size:11px;font-weight:500;display:inline-block}.prof-header{display:flex;align-items:center;gap:10px;background:var(--azul);color:#fff;border-radius:8px;padding:12px 16px;margin-bottom:14px}.prof-header h3{font-size:15px;font-weight:800;margin:0;color:#fff}.prof-header p{font-size:11px;opacity:.85;margin:0;color:#fff}@media (max-width: 768px){.agenda-week{grid-template-columns:repeat(3,1fr)}.stats-row{grid-template-columns:repeat(2,1fr)}}@media print{.topbar,.nav-links,button,.quiet-button{display:none!important}body{background:#fff;color:#000}article,.card,.stat-card,.agenda-day{border:1px solid #ccc;background:#fff;box-shadow:none}.page-header h1{color:var(--azul)}}