/* Amed'or — CONFIGURACIÓN (29-oct-2026). Fondo blanco, Jost, una cosa por paso, icono + palabra, toques >= 48 px
   (Jennifer es disléxica). Lo que borra para siempre va en rojo Y dice «Borrar» con el icono de la papelera. */
.cf-root{background:#fff;color:#1a1206;font-family:'Jost',system-ui,sans-serif;font-size:1.05rem;line-height:1.5;padding:4px 16px 32px}
.cf-root .ico,.cf-bo .ico{width:20px;height:20px;flex:0 0 auto}
.cf-head{margin:4px 0 12px}
.cf-h{display:flex;align-items:center;gap:10px;font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:1.5rem;margin:0}
.cf-h .ico{width:24px;height:24px;color:#8a6a25}
.cf-tabs{display:flex;gap:10px;overflow-x:auto;padding:2px 0 14px;-webkit-overflow-scrolling:touch}
.cf-tab{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 16px;border-radius:999px;border:1px solid rgba(40,28,12,.22);background:#fff;color:#1a1206;font:inherit;font-size:1rem;white-space:nowrap;cursor:pointer}
.cf-tab.on{background:#1a1206;color:#fff;border-color:#1a1206}
.cf-cuerpo{display:flex;flex-direction:column;gap:12px;max-width:820px}
.cf-h3{display:flex;align-items:center;gap:10px;font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:1.2rem;margin:12px 0 2px}
.cf-h3 .ico{color:#8a6a25}
.cf-h3--dia{font-size:1.05rem;margin-top:16px}
.cf-nota{color:#4f463a;margin:0;max-width:64ch}
.cf-vacio{display:flex;align-items:center;gap:10px;color:#4f463a;margin:8px 0}
.cf-err{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#8f2233;margin:4px 0}
.cf-lista{display:flex;flex-direction:column;gap:12px}
.cf-card{border:1px solid rgba(40,28,12,.16);border-radius:16px;padding:14px 16px;background:#fff;box-shadow:0 10px 30px -24px rgba(40,28,12,.35)}
.cf-card--off{background:#faf8f4}
.cf-card--fija{background:#fdfbf7}
.cf-card-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cf-nom{font-weight:600;font-size:1.12rem}
.cf-sub{color:#4f463a;font-size:1rem}
.cf-sub--suave{color:#6f6555;font-size:.95rem}
.cf-pill{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;background:#eef6f0;color:#1f5a35;font-size:.9rem;font-weight:500}
.cf-pill .ico{width:16px;height:16px}
.cf-pill--off{background:#f4f0e8;color:#4f463a}
.cf-pill--dra{background:#dbe9ff;color:#082a5c}
.cf-acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}
.cf-btn{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 16px;border-radius:12px;border:1px solid rgba(40,28,12,.22);background:#fff;color:#1a1206;font:inherit;font-size:1rem;cursor:pointer}
.cf-btn:disabled{opacity:.5;cursor:default}
.cf-btn--pri{background:#1f6b3a;border-color:#1f6b3a;color:#fff}
.cf-btn--mal{border-color:rgba(143,34,51,.5);color:#8f2233}
.cf-btn--borrar{background:#8f2233;border-color:#8f2233;color:#fff}
.cf-btn:focus-visible,.cf-tab:focus-visible,.cf-chip:focus-visible,.cf-input:focus-visible{outline:3px solid #8a6a25;outline-offset:2px}
.cf-form{border:2px solid rgba(31,107,58,.35);border-radius:18px;padding:16px;background:#fff;display:flex;flex-direction:column;gap:14px}
.cf-campo{display:flex;flex-direction:column;gap:6px}
.cf-campo>span{font-weight:600}
.cf-input{min-height:52px;padding:0 14px;border-radius:12px;border:1px solid rgba(40,28,12,.3);background:#fff;color:#1a1206;font:inherit;font-size:1.05rem;width:100%;box-sizing:border-box}
.cf-input--corto{max-width:180px}
.cf-buscar{margin-top:6px}
.cf-oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.cf-chips{display:flex;gap:10px;flex-wrap:wrap}
.cf-chip{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 14px;border-radius:999px;border:1px solid rgba(40,28,12,.22);background:#fff;color:#1a1206;font:inherit;font-size:1rem;cursor:pointer}
.cf-chip.on{background:#1a1206;color:#fff;border-color:#1a1206}
.cf-check{display:flex;align-items:center;gap:12px;min-height:48px;cursor:pointer}
.cf-check input{width:26px;height:26px;flex:0 0 auto;accent-color:#1f6b3a}
.cf-check span{display:inline-flex;align-items:center;gap:8px}
.cf-check--grande{border:1px solid rgba(40,28,12,.2);border-radius:12px;padding:10px 14px;background:#fdfbf7}
.cf-mod{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;border-bottom:1px solid rgba(40,28,12,.1)}
.cf-hi-lista{display:flex;flex-direction:column}
.cf-hi{display:flex;gap:14px;align-items:baseline;padding:10px 0;border-bottom:1px solid rgba(40,28,12,.08)}
.cf-hi-hora{flex:0 0 86px;white-space:nowrap;color:#6f6555;font-variant-numeric:tabular-nums}
.cf-hi--negado .cf-hi-txt{color:#6f6555}
/* ---- ventana de borrado (encima de todo el panel) ---- */
.cf-bo-fondo{position:fixed;inset:0;z-index:2000;background:rgba(26,18,6,.45);display:flex;align-items:center;justify-content:center;padding:16px}
.cf-bo-fondo[hidden]{display:none}
.cf-bo{background:#fff;color:#1a1206;font-family:'Jost',system-ui,sans-serif;font-size:1.05rem;line-height:1.5;border-radius:20px;padding:18px;width:100%;max-width:560px;max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 30px 80px -30px rgba(0,0,0,.5)}
.cf-bo-cab{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cf-bo-h{display:flex;align-items:center;gap:10px;font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:1.3rem;margin:0;color:#8f2233}
.cf-bo-quien{margin:8px 0 0;font-size:1.1rem}
.cf-bo-lista{margin-top:10px}
.cf-bo-lista ul{margin:4px 0 10px;padding-left:22px}
.cf-bo-l{display:flex;align-items:center;gap:8px;font-weight:600;margin:6px 0 0;color:#8f2233}
.cf-bo-l--queda{color:#1f5a35}
.cf-bo-opc{display:flex;flex-direction:column;gap:6px;margin:4px 0}
.cf-bo-ultimo{display:flex;align-items:center;gap:8px;font-weight:600;color:#8f2233;margin:10px 0 0;width:100%}
/* ---- ficha: zona del administrador (Caso) ---- */
.cf-zona{border:1px solid rgba(143,34,51,.3);border-radius:16px;padding:14px 16px;background:#fffaf8}
.cf-zona .label{color:#8f2233}
.cf-zona .cf-acts{margin-top:6px}
@media (max-width:767px){
  .cf-root{padding:4px 12px 28px}
  .cf-acts .cf-btn{flex:1 1 auto;justify-content:center}
  .cf-bo-fondo{align-items:flex-end;padding:0}
  .cf-bo{border-radius:20px 20px 0 0;max-height:92dvh}
}
/* ---- rol en la cabecera y menús escondidos al equipo (app.js amedorAplicarRol) ---- */
.hdr-rol{margin-left:8px;padding:2px 10px;border-radius:999px;background:#f4f0e8;color:#4f463a;font-size:.85rem;font-family:'Jost',system-ui,sans-serif;white-space:nowrap}
.sb-link[hidden],.tb-item[hidden]{display:none!important}
.cf-bo-aviso{display:flex;align-items:center;gap:8px;margin:6px 0 0;color:#6e4a12;background:#fff7e6;border-radius:10px;padding:8px 12px}
body.am-equipo .solo-admin,body.am-equipo #modeCard,body.am-equipo #cuidadosFicha{display:none!important}   /* app.js amedorAplicarRol; el servidor niega igual */
/* ===== v2 (29-oct-2026, noche): navegación tipo «Ajustes» del iPad ===== */
.cf-marco{display:grid;grid-template-columns:minmax(240px,290px) minmax(0,1fr);gap:24px;align-items:start}
.cf-nav{position:sticky;top:8px;display:flex;flex-direction:column;gap:4px}
.cf-grupo{margin:14px 4px 6px;color:#6f6555;font-size:.9rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}
.cf-grupo:first-child{margin-top:0}
.cf-filas{display:flex;flex-direction:column;border:1px solid rgba(40,28,12,.14);border-radius:16px;overflow:hidden;background:#fff}
.cf-fila{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 14px;border:0;border-bottom:1px solid rgba(40,28,12,.08);background:#fff;color:#1a1206;font:inherit;font-size:1.02rem;text-align:left;cursor:pointer;width:100%}
.cf-fila:last-child{border-bottom:0}
.cf-fila.on{background:#f4f0e8;box-shadow:inset 4px 0 0 #1f6b3a}
.cf-fila-ico{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#f4f0e8;color:#5c4513;flex:0 0 auto}
.cf-fila.on .cf-fila-ico{background:#1f6b3a;color:#fff}
.cf-fila-txt{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}
.cf-fila-txt small{color:#6f6555;font-size:.9rem}
.cf-fila>.ico:last-child{color:#a89a85}
.cf-panel{min-width:0;container-type:inline-size}
.cf-panel-cab{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.cf-h2{display:flex;align-items:center;gap:10px;font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:1.35rem;margin:0}
.cf-h2 .ico{color:#8a6a25;width:24px;height:24px}
.cf-volver{display:none}
.cf-aviso-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px;padding:10px 14px;border-radius:12px;background:#fff7e6;color:#6e4a12;border:1px solid rgba(110,74,18,.25)}
.cf-aviso-top span{flex:1 1 auto}
/* dos columnas solo si de verdad caben (el menú del panel ya ocupa ~230 px): iPad horizontal grande y computadora */
@media (max-width:1179px){
  .cf-marco{display:block}
  .cf-nav{position:static}
  .cf-ajustes .cf-panel{display:none}
  .cf-ajustes--abierta .cf-panel{display:block}
  .cf-ajustes--abierta .cf-nav{display:none}
  .cf-volver{display:inline-flex}
}
/* Usuarios: correos de una persona */
.cf-correos{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.cf-correo{display:flex;align-items:flex-start;gap:10px}
.cf-correo span{display:flex;flex-direction:column}
.cf-correo small{color:#4f463a}
/* Historial: cuadro (en el teléfono, una tarjeta por fila) */
.cf-hi-filtros{display:flex;flex-direction:column;gap:10px;margin:6px 0 12px}
.cf-campo--fila{max-width:420px}
.cf-campo>span{display:inline-flex;align-items:center;gap:8px}
.cf-dia{display:inline-flex}
.cf-tabla{width:100%;border-collapse:collapse;background:#fff;font-size:1rem}
.cf-tabla th,.cf-tabla td{padding:10px 12px;border-bottom:1px solid rgba(40,28,12,.1);text-align:left;vertical-align:top}
.cf-tabla thead th{color:#6f6555;font-weight:600;font-size:.92rem;background:#fdfbf7}
.cf-tabla-dia th{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:1.05rem;background:#fff;padding-top:16px}
.cf-fila-hi{cursor:pointer}
.cf-fila-hi:focus-visible{outline:3px solid #8a6a25;outline-offset:-3px}
.cf-fila-hi td:first-child{color:#4f463a;width:7.5em}
.cf-tabla{table-layout:fixed}
.cf-tabla td,.cf-tabla th{overflow-wrap:anywhere}
.cf-fila-hi--sin_permiso td,.cf-fila-hi--no_se_pudo td{background:#fffaf8}
.cf-resultado{display:inline-flex;align-items:center;gap:6px}
.cf-fila-hi--sin_permiso .cf-resultado,.cf-fila-hi--no_se_pudo .cf-resultado{color:#8f2233}
.cf-fila-detalle td{background:#fdfbf7}
@media (max-width:767px){
  .cf-tabla thead{display:none}
  .cf-tabla,.cf-tabla tbody{display:block}
  .cf-tabla tr{display:block;border:1px solid rgba(40,28,12,.14);border-radius:14px;margin:0 0 10px;padding:8px 12px}
  .cf-tabla-dia{border:0!important;padding:0!important;margin:14px 0 4px!important}
  .cf-tabla td{display:block;border:0;padding:3px 0}
  .cf-tabla td[data-th]::before{content:attr(data-th) ': ';color:#6f6555;font-size:.85rem}
  .cf-tabla td[data-th="Fecha y hora"]::before,.cf-tabla td[data-th="Resultado"]::before{content:''}
}
/* Audio: pasos y barra de nivel por segmentos */
.cf-paso{border:1px solid rgba(40,28,12,.14);border-radius:16px;padding:12px 16px;background:#fff}
.cf-nivel{display:flex;gap:4px;margin:8px 0;max-width:340px}
.cf-nivel-s{flex:1 1 0;height:22px;border-radius:5px;border:1px solid rgba(31,107,58,.45);background:#fff}
.cf-nivel-s.on{background:#1f6b3a}
/* Conexiones y Funciones */
.cf-cx--mal{border-color:rgba(143,34,51,.45);background:#fffaf8}
.cf-cx--mal .cf-pill{background:#fbe9ec;color:#8f2233}
.cf-cx--off{background:#fdfbf7}
.cf-fn .cf-sub b{font-weight:600}
/* el cuadro del Historial se vuelve tarjetas cuando su columna es angosta (iPad vertical, ventana partida) */
@container (max-width:640px){
  .cf-tabla{table-layout:auto}
  .cf-tabla thead{display:none}
  .cf-tabla,.cf-tabla tbody{display:block}
  .cf-tabla tr{display:block;border:1px solid rgba(40,28,12,.14);border-radius:14px;margin:0 0 10px;padding:8px 12px}
  .cf-tabla-dia{border:0!important;padding:0!important;margin:14px 0 4px!important}
  .cf-tabla td{display:block;border:0;padding:3px 0;width:auto!important}
  .cf-tabla td[data-th]::before{content:attr(data-th) ': ';color:#6f6555;font-size:.85rem}
  .cf-tabla td[data-th="Fecha y hora"]::before,.cf-tabla td[data-th="Resultado"]::before{content:''}
}