/* Marca QFincas (qfincas.com): rojo #EC1E24 y casi negro #200F11. Datos: correos azul, llamadas naranja; rojo solo para avisos.
   Secretarias con su color de Outlook (Documentos/fuentes/lista_etiquetas.mjs): Ana verde, Ángeles morado, Alberto verde azulado. */
:root{--fondo:#f6f5f4;--tarjeta:#fff;--texto:#200f11;--suave:#6d6566;--linea:#e7e3e2;--marca:#ec1e24;--marca-osc:#200f11;--azul:#200f11;--azul2:#2f6fab;--verde:#2e8b57;--naranja:#e0861a;--rojo:#c8423b;--ana:#3f9b4a;--angeles:#8a4fd8;--alberto:#1f8c8c}
*{box-sizing:border-box}[hidden]{display:none!important}
body{margin:0;font:14px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:var(--fondo);color:var(--texto)}
header{background:#fff;color:var(--texto);display:flex;align-items:center;gap:20px;padding:0 24px;height:60px;position:sticky;top:0;z-index:5;border-bottom:3px solid var(--marca);box-shadow:0 1px 6px rgba(32,15,17,.06)}
.logo{height:36px;display:block}.titulo{font-weight:600;color:var(--suave);font-size:13px;padding-left:14px;border-left:1px solid var(--linea);white-space:nowrap}
header nav{display:flex;gap:4px;margin-left:auto}
header nav button,.salir{background:none;border:0;color:var(--suave);font:inherit;padding:8px 14px;border-radius:6px;cursor:pointer;white-space:nowrap}header nav button:hover{color:var(--texto);background:#f3f1f0}
header nav button.on{color:var(--texto);font-weight:600;box-shadow:inset 0 -3px 0 var(--marca);border-radius:6px 6px 0 0}
.usuario{font-size:12.5px;color:var(--suave);white-space:nowrap}.salir{padding:6px 10px;font-size:12.5px;border:1px solid var(--linea)}
main{max-width:1180px;margin:0 auto;padding:24px}
.vista{display:none}.vista.on{display:block}
h1{font-size:20px;margin:0 0 4px}.sub{color:var(--suave);margin:0 0 20px}.suave{font-weight:400;color:var(--suave)}
.tarjeta{background:var(--tarjeta);border:1px solid var(--linea);border-radius:10px;padding:18px}
.acceso{max-width:380px;margin:40px auto}.acceso input{width:100%}.error{color:var(--rojo);min-height:1.4em;margin:12px 0 0}
.filtros{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
select,input,textarea{font:inherit;padding:8px 10px;border:1px solid var(--linea);border-radius:7px;background:#fff;color:var(--texto)}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.kpi .n{font-size:28px;font-weight:700;min-height:40px}.kpi .t{color:var(--suave);font-size:12.5px}.kpi .d{font-size:12px;margin-top:2px;min-height:18px}
.sube{color:var(--rojo)}.baja{color:var(--verde)}
.rej{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;margin-bottom:14px}
.tarjeta h2{font-size:15px;margin:0 0 12px}.tarjeta h2 small{font-weight:400;color:var(--suave)}
.pie{color:var(--suave);font-size:12.5px;margin:10px 0 0}.cargando{color:var(--suave)}
table{width:100%;border-collapse:collapse}th{font-size:11.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--suave);text-align:left;padding:6px 8px;border-bottom:1px solid var(--linea)}
td{padding:7px 8px;border-bottom:1px solid var(--linea)}td.n,th.n{text-align:right}tr:last-child td{border-bottom:0}
td .gestora{color:var(--suave);font-size:12px}.punto{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;vertical-align:1px;background:#b9b3b2}
.barra{height:8px;background:#e9edf3;border-radius:4px;overflow:hidden;min-width:80px}.barra i{display:block;height:100%;background:#6d6566}
.chip{display:inline-block;padding:1px 8px;border-radius:10px;font-size:12px;background:#eef2f7;white-space:nowrap}.alerta{background:#fdecea;color:var(--rojo)}
.estrellas{color:#b8860b;letter-spacing:1px;white-space:nowrap}
.lado{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.desliza{overflow-x:auto}
.form{max-width:560px}.campo{margin-bottom:18px}.campo>label{display:block;font-weight:600;margin-bottom:6px}
.opciones{display:flex;flex-wrap:wrap;gap:8px}.opciones button{font:inherit;padding:8px 14px;border:1px solid var(--linea);background:#fff;border-radius:20px;cursor:pointer}
.opciones button.on{background:var(--marca-osc);border-color:var(--marca-osc);color:#fff}
.buscador{position:relative}.buscador input{width:100%}
.lista{position:absolute;left:0;right:0;top:100%;background:#fff;border:1px solid var(--linea);border-radius:7px;margin-top:4px;max-height:240px;overflow:auto;display:none;z-index:3;box-shadow:0 6px 18px rgba(0,0,0,.08)}
.lista div{padding:8px 10px;cursor:pointer}.lista div:hover,.lista div.foco{background:#eef2f7}
textarea{width:100%;min-height:70px}
.guardar{background:var(--verde);color:#fff;border:0;font:inherit;font-weight:600;padding:12px 26px;border-radius:8px;cursor:pointer}.guardar:disabled{opacity:.6}
.aviso{margin-left:12px;font-weight:600}.aviso.ok{color:var(--verde)}.aviso.mal{color:var(--rojo)}
.hoy td{font-size:13px}.borrar{background:none;border:0;color:var(--suave);cursor:pointer;font-size:15px}.borrar:hover{color:var(--rojo)}
@media (max-width:600px){.rank th:nth-child(5),.rank td:nth-child(5),.rank th:nth-child(6),.rank td:nth-child(6){display:none}}
@media (max-width:820px){.titulo{display:none}.logo{height:30px}.kpis{grid-template-columns:repeat(2,1fr)}.rej,.lado{grid-template-columns:1fr}header{padding:0 14px;gap:10px}main{padding:16px}.usuario{display:none}}
.vertodas{margin-top:10px;background:none;border:1px solid var(--linea);border-radius:6px;padding:7px 12px;font:inherit;font-size:13px;color:var(--texto);cursor:pointer}.vertodas:hover{background:#f3f1f0}