/* App para médicos (móvil), con los colores de Equipo Inmune: azul marino y azul, tarjetas blancas con una franja de
   color a la izquierda, días con una etiqueta pequeña y barra inferior con iconos de línea. */
:root{--am-verde:#1f5fa8;--am-verde-cl:#e7f0fb;--am-tinta:#0b2236;--am-gris:#5b6f80;--am-linea:#e2e9f0;--am-banda:#f4f7fa;--am-fondo:#f4f7fa;--am-ok:#1f9d55;--am-ok-cl:#e6f5ec}
body.am{margin:0;background:var(--am-fondo);color:var(--am-tinta);font-size:15px;line-height:1.35;padding-bottom:calc(64px + env(safe-area-inset-bottom));-webkit-text-size-adjust:100%}
body.am a{color:inherit}
.am-main{max-width:760px;margin:0 auto;padding:0 0 16px}
.am-cab{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:calc(8px + env(safe-area-inset-top)) 14px 8px;background:var(--am-tinta);color:#fff}
.am-cab .am-marca svg{filter:brightness(0) invert(1)}
.am-marca{display:flex;align-items:center;gap:8px;text-decoration:none;min-width:0;color:#fff!important}
.am-marca span{display:flex;flex-direction:column;line-height:1.15;min-width:0}
.am-marca strong{font-size:.95rem}
.am-marca small{color:#b9cadb;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.am-salir{font-size:.8rem;color:#b9cadb!important}
.am-aviso{margin:10px 14px 0}
.am-tit{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px 4px}
.am-tit h1{font-size:1.3rem;margin:0}
.am-pad{padding:0 14px}
.am-vacio,.am-sin{margin:12px 14px;color:var(--am-gris);font-size:.9rem}

/* ---- cabecera de detalle (flecha atrás + título + subtítulo) */
.am-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;padding:calc(8px + env(safe-area-inset-top)) 12px 8px;background:var(--am-tinta);color:#fff}
.am-top h1{font-size:1.08rem;margin:0;line-height:1.2;color:#fff}
.am-top small{display:block;color:#b9cadb;font-size:.82rem}
.am-atras{display:flex;padding:4px;color:#fff!important}
.am-atras svg{width:22px;height:22px}

/* ---- calendario: mes, semana y días */
.am-cal-cab{display:flex;justify-content:space-between;align-items:center;padding:10px 14px 2px}
.am-mes label{display:flex;align-items:center;gap:6px;position:relative;cursor:pointer}
.am-mes span{font-size:1.15rem;font-weight:700}
.am-mes input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}
.am-mes svg{width:20px;height:20px;color:var(--am-verde)}
.am-cal-acc{display:flex;gap:6px}
.am-hoy{font-weight:600;color:var(--am-verde)!important;text-decoration:none;padding:4px 10px;background:#fff;border:1px solid var(--am-linea);border-radius:999px;font-size:.8rem}
.am-semana{display:flex;justify-content:center;align-items:center;gap:18px;padding:2px 8px 8px}
.am-semana strong{font-size:1rem;font-weight:600;min-width:120px;text-align:center}
.am-semana a{display:flex;padding:6px;border-radius:50%;background:#fff;border:1px solid var(--am-linea);color:var(--am-gris)}
.am-semana svg{width:18px;height:18px}
.am-dia2{margin:4px 0 6px}
.am-dia2 header{display:flex;align-items:baseline;gap:6px;padding:10px 14px 4px;position:sticky;top:48px;z-index:5;background:var(--am-fondo)}
.am-num{order:2;font-size:.82rem;font-weight:700;color:var(--am-tinta)}
.am-dsem{order:1;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--am-gris)}
.am-hoy-d .am-dsem,.am-hoy-d .am-num{color:var(--am-verde)}
.am-hoy-d header::after{content:'Hoy';order:3;font-size:.68rem;font-weight:700;color:#fff;background:var(--am-verde);border-radius:999px;padding:1px 7px;margin-left:2px}
.am-dia2 header small{order:4;margin-left:auto;color:var(--am-gris);font-size:.75rem}
.am-dia2 .am-sin{margin:2px 14px 4px;font-size:.82rem}
.am-fila2{display:flex;align-items:stretch;gap:8px;margin:0 12px 6px;text-decoration:none}
.am-h{width:44px;flex:none;padding-top:9px;text-align:right;font-size:.85rem;font-weight:600;color:var(--am-gris)}
.am-tarjeta{flex:1;min-width:0;display:flex;align-items:center;gap:8px;background:#fff;border-radius:10px;padding:8px 10px;border-left:4px solid #9fb6c9;box-shadow:0 1px 2px rgba(11,34,54,.08)}
.am-txt{flex:1;min-width:0;display:flex;flex-direction:column}
.am-txt strong{font-size:.95rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.am-txt span{font-size:.8rem;color:var(--am-gris);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.am-iconos{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px;max-width:70px;color:var(--am-gris)}
.am-i{position:relative;display:inline-flex}
.am-i svg{width:17px;height:17px}
.am-i-ok{position:absolute;right:-3px;bottom:-3px;width:7px;height:7px;border-radius:50%;background:var(--am-ok);border:1.5px solid #fff}
.am-pago-pagada,.am-pago-gratis{color:var(--am-ok)}
.am-pago-pendiente,.am-pago-espera{color:#c0620b}
.am-pago-clinica{color:#7a4cc9}
.am-i-hecha{color:var(--am-ok)}
.am-fila2.sc-doctoralia .am-tarjeta{border-left-color:#00a497}
.am-fila2.sc-web .am-tarjeta{border-left-color:#1f6fd1}
.am-fila2.sc-manual .am-tarjeta{border-left-color:#7a4cc9}
.am-fila2.sc-clinica .am-tarjeta{border-left-color:#d4781f}
.am-fila2.am-hecha .am-tarjeta{background:#fff8ef}
.am-fila2.am-realizada .am-tarjeta{background:var(--am-ok-cl)}
.am-fab{position:fixed;right:16px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:25;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:16px;background:var(--am-verde);color:#fff!important;box-shadow:0 4px 12px rgba(11,34,54,.25)}
.am-fab svg{width:24px;height:24px}

/* ---- detalles (filas con icono y secciones) */
.am-band{margin:0;padding:14px 14px 6px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--am-gris)}
.am-band-l{display:flex;justify-content:space-between;align-items:baseline;padding:14px 14px 6px}
.am-band-l h2{margin:0;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--am-gris)}
.am-band-l .am-verde{font-size:.85rem}
.am-bloque{background:#fff;margin:0 12px;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px rgba(11,34,54,.08)}
.am-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid var(--am-linea);text-decoration:none;min-height:24px}
.am-bloque > .am-row:last-child,.am-bloque > a.am-row:last-child{border-bottom:0}
.am-row-ic{flex:none;display:flex;color:var(--am-gris)}
.am-row-ic svg{width:19px;height:19px}
.am-row-c{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.am-row-t{font-size:.92rem}
strong.am-row-t{font-weight:600;font-size:.98rem}
.am-row-c small{color:var(--am-gris);font-size:.8rem;overflow-wrap:anywhere}
.am-row-ch{flex:none;display:flex;color:#a3b3c1}
.am-row-ch svg{width:16px;height:16px}
.am-row-v{text-align:right;color:var(--am-gris);font-size:.85rem}
.am-row-dia .am-row-t{font-size:.92rem}
.am-row-accion .am-row-ic{color:var(--am-verde)}
.am-verde{color:var(--am-verde)!important;font-weight:600;text-decoration:none}
.am-row-form{padding-left:43px}
.am-row-form .am-f{display:block}
.am-link-verde,.am-link-rojo{background:none;border:0;padding:2px 0;font:inherit;font-size:.9rem;font-weight:600;color:var(--am-verde);cursor:pointer;text-align:left}
.am-link-rojo{color:#b42318}
.am-pill{align-self:flex-start;display:inline-block;padding:1px 7px;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.04em;margin-bottom:2px}
.am-pill-ok{background:var(--am-ok-cl);color:var(--am-ok)}
.am-pill-pend{background:#fdeedd;color:#a8530a}
.am-pill-gris{background:#eef2f6;color:var(--am-gris)}
.am-estado{display:block;width:100%;text-align:center;padding:8px;border-radius:8px;font-weight:600;font-size:.88rem}
.am-estado-ok{background:var(--am-ok-cl);color:var(--am-ok)}
.am-estado-hc{background:#fff4e5;color:#8a4b00}
.am-fijo{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:8px 12px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--am-linea)}
.am-fijo-b{display:block;width:100%;max-width:728px;margin:0 auto;text-align:center;padding:11px;font-size:.95rem;border-radius:10px;background:var(--am-verde)!important;border-color:var(--am-verde)!important;color:#fff!important}
.am-form{padding:12px 14px}
.am-dos{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.am-acciones-dia{margin-top:10px}

/* ---- listas (mensajes, documentos, pacientes) */
.am-dia{margin:0;padding:14px 14px 6px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--am-gris)}
.am-fila{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin:0 12px 6px;padding:10px 12px;border-radius:10px;text-decoration:none;background:#fff;box-shadow:0 1px 2px rgba(11,34,54,.08)}
.am-fila strong{font-size:.95rem;font-weight:600}
.am-fila .am-det{flex-basis:100%;color:var(--am-gris);font-size:.85rem}
.am-fila small{color:var(--am-gris);font-size:.78rem}
.am-nuevo{box-shadow:inset 3px 0 0 var(--am-verde),0 1px 2px rgba(11,34,54,.08)}
.am-n{display:inline-block;min-width:16px;padding:0 5px;border-radius:999px;background:#e5484d;color:#fff;font-size:.68rem;font-weight:700;text-align:center;line-height:16px}
.am-det{color:var(--am-gris)}
.am-doc{margin:0 12px 6px;padding:10px 12px;background:#fff;border-radius:10px;box-shadow:0 1px 2px rgba(11,34,54,.08)}
.am-doc-cab{display:flex;flex-direction:column}
.am-doc-cab strong{font-size:.95rem}
.am-nota{margin:4px 0;font-size:.88rem}
.am-docs,.am-lista{list-style:none;margin:4px 0;padding:0;font-size:.88rem}
.am-docs li,.am-lista li{padding:6px 0;border-bottom:1px solid var(--am-linea)}
.am-lista{margin:0 12px;padding:2px 12px;background:#fff;border-radius:10px}
.am-buscar{display:flex;gap:6px;padding:6px 14px 10px}
.am-buscar input{flex:1;min-width:0}
.am-chat{margin:0 12px;padding:8px 10px;background:#fff;border-radius:10px;max-height:60vh;overflow:auto;font-size:.9rem}
.am-responder{padding:8px 14px}
.am-acc{display:flex;flex-wrap:wrap;gap:6px;padding:6px 14px}
.am-grande .btn{flex:1 1 150px;justify-content:center;text-align:center}
.am-f{margin:0;display:inline}
.am-entrar{max-width:420px;margin:30px auto;padding:0 14px}
.am-sin-red{text-align:center;padding:60px 14px 0}
.am-enviando{opacity:.6}
.am-ficha,.am-ficha h1{padding:0 14px}

/* ---- barra inferior */
.am-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(6,1fr);background:#fff;border-top:1px solid var(--am-linea);padding:4px 2px calc(4px + env(safe-area-inset-bottom))}
.am-nav a{display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px 1px;font-size:.62rem;color:#7d8f9e;text-decoration:none}
.am-nav a.on{color:var(--am-verde);font-weight:700}
.am-nav a.on .am-ic{background:var(--am-verde-cl);border-radius:999px}
.am-ic{position:relative;display:flex;padding:2px 14px}
.am-ic svg{width:21px;height:21px}
.am-nav .am-n{position:absolute;top:-4px;right:4px}
input,select,textarea{font-size:16px}
.am-main > .hint,.am-main > p.hint{padding:0 14px;font-size:.85rem}

.am-rec .rec-rango{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:end;margin-bottom:10px}
.am-rec .rec-rango button{grid-column:1/-1}
.am-rec .rec-lista li{padding:8px 0;font-size:.9rem}
.am-rec textarea{width:100%}

/* videoconsulta dentro de la app: la sala ocupa la pantalla */
body.am-video{padding-bottom:0;background:#0f2433;height:100dvh;display:flex;flex-direction:column;overflow:hidden}
body.am-video .am-top{position:static}
.am-sala{flex:1;min-height:0;position:relative}
.am-sala iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.am-sala-acc{display:flex;gap:6px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#fff}
.am-sala-acc a{flex:1;text-align:center;padding:9px 6px;border:1px solid var(--am-linea);border-radius:10px;text-decoration:none;font-weight:600;font-size:.85rem;color:var(--am-tinta)}
.am-sala-acc .am-colgar{background:#d92d20;border-color:#d92d20;color:#fff!important}
.am-video-msg{background:#fff;flex:1;padding:14px}

/* detalles de la cita: formulario de preparación y cuestionarios */
.am-prep label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;margin:0 0 8px}
.am-prep select,.am-prep textarea{width:100%}
.am-cq{padding:4px 12px 8px}
.am-cq .pc-cq{padding:8px 0;border-bottom:1px solid var(--am-linea)}
.am-cq .pc-cq:last-child{border-bottom:0}
.am-cq .pc-l{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:0;font-size:.88rem}
.am-cq .pc-l small{font-size:.8rem}
.am-cq form{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:6px}
.am-cq select{flex:1 1 180px;min-width:0;font-size:16px}

/* huella / Face ID */
.am-cab-acc{display:flex;gap:12px}
.am-llave-entrar{margin-top:14px;text-align:center}
.am-llave-entrar .btn{width:100%}
.am-aviso-llave{display:flex;align-items:center;gap:10px;margin:10px 12px 0;padding:10px 12px;border-radius:10px;background:var(--am-verde-cl);font-size:.85rem}
.am-aviso-llave[hidden]{display:none}
.am-aviso-llave span{flex:1}
.am-cerrar{background:none;border:0;font-size:1.2rem;line-height:1;color:var(--am-gris);cursor:pointer}
.am-ancho{width:100%}

/* editar días y horario habitual */
.am-editar{margin:10px 12px}
.am-editar summary{list-style:none;cursor:pointer;display:inline-block}
.am-editar summary::-webkit-details-marker{display:none}
.am-editar form{margin-top:8px;background:#fff;border-radius:12px;box-shadow:0 1px 2px rgba(11,34,54,.08)}
.am-form label{display:flex;flex-direction:column;gap:4px;font-size:.85rem}
.am-band-l .hint{font-size:.75rem;margin:0}

.am-salir-b{background:none;border:0;padding:0;font:inherit;cursor:pointer}

/* Novedades, radar de pacientes y solicitudes de cita */
.am-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:6px 12px 2px}
.am-stat{display:flex;flex-direction:column;gap:2px;background:#fff;border-radius:12px;padding:10px 12px;text-decoration:none;color:var(--am-tinta);box-shadow:0 1px 2px rgba(11,34,54,.08)}
.am-stat b{font-size:1.35rem;line-height:1}
.am-stat span{font-size:.75rem;color:var(--am-gris)}
.am-stat-alerta{background:#fdecec}.am-stat-alerta b{color:#b42318}
.am-radar{display:flex;align-items:center;gap:12px;margin:8px 12px 4px;padding:12px;border-radius:12px;background:var(--am-tinta);color:#fff;text-decoration:none}
.am-radar .am-row-ic{color:#9cc3ef}.am-radar span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:2px}
.am-radar small{color:#c9d6e2;font-size:.78rem}.am-radar > svg{width:16px;height:16px;flex:none}
.am-n-in{vertical-align:middle;margin-left:4px}
.am-bloque .am-sin{padding:10px 12px;margin:0}
.am-nov-web .inf-lista{margin:0;padding:0 12px;list-style:none}
.am-nov-web .inf-lista li{padding:10px 0;border-bottom:1px solid var(--am-linea);font-size:.9rem}
.am-nov-web .inf-lista li:last-child{border-bottom:0}
.am-nov-web .inf-acc{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:6px}
.am-nov-web .rx-disp-botones{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.am-cancelada .am-row-t{text-decoration:line-through;color:var(--am-gris)}
.am-emb{align-items:flex-start}
.am-emb-acc{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin-top:6px}
.am-x{background:none;border:0;font-size:1.3rem;line-height:1;color:var(--am-gris);padding:0 4px;cursor:pointer}
.am-link{background:none;border:0;padding:0;font:inherit;font-size:.85rem;color:var(--am-verde);cursor:pointer}
.am-mas{margin:10px 0}.am-mas summary{padding:6px 14px;color:var(--am-verde);font-size:.88rem;cursor:pointer}
.am-radar-f{padding:8px 12px 4px}
.am-chips{display:flex;flex-wrap:wrap;gap:6px}
.am-chips-nav{padding:8px 12px 2px}
.am-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;border:1px solid var(--am-linea);background:#fff;font-size:.78rem;color:var(--am-tinta);text-decoration:none;cursor:pointer}
.am-chip input{margin:0;width:14px;height:14px}
.am-chip b{font-size:.72rem;color:var(--am-gris)}
.am-chip.vacia{opacity:.55}
.am-chip.on,.am-chip:has(input:checked){background:var(--am-tinta);border-color:var(--am-tinta);color:#fff}
.am-chip:has(input:checked) b{color:#c9d6e2}
.am-radar-ord{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;font-size:.85rem}
.am-radar-ord label{display:flex;align-items:center;gap:6px;flex:1;min-width:0}
.am-radar-ord select{flex:1;min-width:0;font-size:.85rem;padding:5px}
.am-rad .pill{font-size:.7rem}
.am-rad-det{color:var(--am-tinta)!important}
.am-pos{display:inline-block;min-width:20px;padding:0 5px;border-radius:6px;background:var(--am-verde-cl);color:var(--am-verde);font-size:.75rem;text-align:center}
.am-estados{display:flex;flex-direction:column;gap:8px}
.am-estados .btn{width:100%}
.am-radar strong{color:#fff!important;font-size:1rem;font-weight:700}

/* recetas en la app para médicos */
.am-rx-lista{list-style:none;margin:0 12px;padding:0;background:#fff;border-radius:12px;box-shadow:0 1px 2px rgba(11,34,54,.08)}
.am-rx{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-bottom:1px solid var(--am-linea)}
.am-rx:last-child{border-bottom:0}
.am-rx a strong,.am-rx > strong{font-size:.92rem;color:var(--am-tinta)}
.am-rx small{font-size:.78rem}
.am-rx-re{font-size:.85rem;font-weight:600;align-self:flex-start;margin-top:4px}
.am-rx .btn{align-self:flex-start;margin-top:6px}
.am-rx details.rx-ren{margin-top:6px}
.am-rx .rx-ren summary{display:inline-flex}
.am-rx .rx-ren form{margin-top:8px}
.am-rap-f{cursor:pointer}
.am-rap-f input{width:20px;height:20px;flex:none}

/* app para pacientes */
.am-nav5{grid-template-columns:repeat(5,1fr)!important}
.am-pac-hola{flex-direction:column;align-items:flex-start;gap:2px}
.am-pav{display:flex;align-items:center;gap:10px;margin:6px 12px;padding:10px 12px;border-radius:12px;background:#fff4dc;color:#7a4b00;text-decoration:none;font-size:.88rem}
.am-pav svg{width:20px;height:20px;flex:none}.am-pav span{flex:1}
.am-pcita{background:#fff;border-radius:12px;padding:12px;margin-bottom:8px;display:flex;flex-direction:column;gap:4px;box-shadow:0 1px 2px rgba(11,34,54,.08)}
.am-pcita-cab{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.am-pcita-cab strong{font-size:.95rem}
.am-pcita p{margin:4px 0;font-size:.88rem}
.am-pcita .btn{margin-top:4px}
.am-pcita.am-apagada{opacity:.7}
.am-pvideo{display:flex;flex-direction:column;gap:4px;margin-top:4px}
.am-pvideo .btn svg{width:18px;height:18px;vertical-align:-4px}
.am-ptarjs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:0 12px}
.am-ptarj{display:flex;flex-direction:column;gap:3px;background:#fff;border-radius:12px;padding:12px;text-decoration:none;color:var(--am-tinta);box-shadow:0 1px 2px rgba(11,34,54,.08);border-top:3px solid transparent}
.am-ptarj svg{width:22px;height:22px;color:var(--am-verde);margin-bottom:2px}
.am-ptarj strong{font-size:.9rem;line-height:1.2}
.am-ptarj small{font-size:.75rem;color:var(--am-gris)}
.am-ptarj-on{border-top-color:#e5484d}
.am-video-espera{margin:0;padding:8px 12px;background:#fff4dc;color:#7a4b00;font-size:.85rem}
.am-lista.am-rx-lista{padding:0}
.am-lista.am-rx-lista li.am-rx{padding:10px 14px}
body.am a.btn-primary,body.am .am-pcita a.btn-primary{color:#fff}
.am-ctrl{border:1px solid var(--am-linea);border-radius:12px;padding:10px 12px;margin:0;display:flex;flex-wrap:wrap;gap:6px 18px;background:#fff}
.am-ctrl legend{font-size:.85rem;font-weight:600;padding:0 4px}
.am-ctrl-aviso{display:none;flex-basis:100%;margin-top:6px;padding:10px 12px;border-radius:10px;background:#fff4dc;color:#7a4b00;font-size:.85rem;line-height:1.45}
.am-ctrl-aviso .btn{margin-top:10px}
.am-ctrl.am-ctrl-si .am-ctrl-aviso{display:block}