/* Personal (ficha), Gastos y Login/Bloqueo · v0.4 */

/* ---- Personal ---- */
.pe-tot{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:var(--ink-soft);padding-bottom:8px;border-bottom:1px solid var(--line)}
.pe-tot b{color:var(--ink)}
.pe-fila{gap:8px}
.pe-fila .t small{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:2px}
.pe-cols{display:grid;grid-template-columns:44px 44px 60px;gap:6px;text-align:right;flex:none}
.pe-cols span{display:flex;flex-direction:column}
.pe-cols b{font-size:14px}
.pe-cols small{font-size:11px;color:var(--ink-soft)}
.pe-ok{color:var(--ok)}
.pe-bajo{color:var(--alerta)}
.pe-medio{color:var(--pend)}
.pe-nota{font-size:12.5px;line-height:1.45;margin:8px 0 0}
.pe-cab{font-size:13px;display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 4px}
.pe-h{margin:20px 0 10px}
.pe-h3{font-size:14px;margin:16px 0 8px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em}
.pe-mt{margin-top:10px}
.pe-metas{display:flex;flex-direction:column;gap:14px;margin-top:10px}
.pe-metas small{display:block;font-size:12.5px;margin-top:4px}
.pe-et{font-size:12px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;font-weight:600}
.pe-meta-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-top:2px}
.pe-meta-top b{font-size:20px}
.pe-meta-top small{color:var(--ink-soft)}
.pe-barra{position:relative;height:8px;background:var(--surface-2);border-radius:99px;overflow:hidden;margin-top:6px}
.pe-barra span{display:block;height:100%;background:var(--pend);border-radius:99px}
.pe-barra span.ok{background:var(--ok)}
.pe-bono{display:flex;flex-direction:column;border-top:1px solid var(--line);padding-top:12px}
.pe-bono b{font-size:20px;margin-top:2px}
.pe-eq .f{overflow:hidden;text-overflow:ellipsis}
.pe-eq.yo .f{color:var(--ink);font-weight:700}
.pe-eq.yo .barra span{background:var(--azul)}
.pe-tabla{overflow-x:auto;padding:6px 10px}
.pe-tabla table{width:100%;border-collapse:collapse;font-size:13px}
.pe-tabla th{font-size:11px;color:var(--ink-soft);font-weight:600;text-align:right;padding:6px 4px;text-transform:uppercase;letter-spacing:.03em}
.pe-tabla th:first-child,.pe-tabla td:first-child{text-align:left}
.pe-tabla td{text-align:right;padding:7px 4px;border-top:1px solid var(--line);white-space:nowrap}
.pe-tabla tr.sel td{font-weight:700}
.pe-dias{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:5px;margin-top:10px}
.pe-dias span{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;padding:5px 0;min-height:40px;font-size:12px;background:var(--surface-2);color:var(--ink-soft)}
.pe-dias span b{font-size:13px}
.pe-dias span small{font-size:10px}
.pe-dias .ok{background:var(--ok-soft);color:var(--ok)}
.pe-dias .med{background:var(--pend-soft);color:var(--pend)}
.pe-dias .mal{background:var(--alerta-soft);color:var(--alerta)}
.pe-ley{margin:8px 0 10px;flex-wrap:wrap}
.pe-ley i{margin-left:6px}
.pe-ley i:first-child{margin-left:0}
.pe-ley i.ok{background:var(--ok)}
.pe-ley i.med{background:var(--pend)}
.pe-ley i.mal{background:var(--alerta)}
.pe-ley i.lib{background:var(--line)}
.pe-abrir{background:none;border:0;padding:0;font:inherit;color:inherit;text-align:left;cursor:pointer;min-height:44px;display:flex;flex-direction:column;justify-content:center}
.pe-abrir b{color:var(--azul)}

/* ---- Gastos ---- */
.ga-form h2{margin:0}
.ga-foto img{display:block;width:100%;max-height:220px;object-fit:contain;background:var(--surface-2);border-radius:10px}
.ga-foto-acc{display:flex;gap:16px}
.ga-foto-btn{display:flex;align-items:center;justify-content:center;gap:8px;border-style:dashed}
.ga-grupo{display:flex;flex-direction:column;gap:6px}
.ga-et{font-size:13px;font-weight:600;color:var(--ink-soft)}
.ga-ops{display:flex;flex-wrap:wrap;gap:8px}
.ga-tres{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}
.ga-op{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;font-size:14px;font-weight:600;cursor:pointer;text-align:left;min-width:0}
.ga-op i{flex:none;width:18px;height:18px;border-radius:5px;border:2px solid var(--line);display:grid;place-items:center}
.ga-op[aria-pressed="true"]{border-color:var(--azul);background:var(--azul-soft);color:var(--azul)}
.ga-op[aria-pressed="true"] i{background:var(--azul);border-color:var(--azul)}
.ga-op[aria-pressed="true"] i::after{content:"";width:5px;height:9px;border:solid var(--btn-text);border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}
.ga-tres .ga-op{padding:8px;font-size:13px;gap:6px}
.ga-grupo small{font-size:12.5px}
.ga-fila{align-items:flex-start}
.ga-fila .t small{display:block;margin-top:2px}
.ga-der{display:flex;flex-direction:column;align-items:flex-end;gap:0;flex:none}
.ga-der .link{padding:6px 0;font-size:13px}
.ga-der .etq{margin-top:4px}
.ga-foto-grande{display:block;width:100%;border-radius:10px;background:var(--surface)}

/* ---- Login y bloqueo ---- */
.lg-clave{position:relative}
.lg-clave input{padding-right:84px}
.lg-clave .link{position:absolute;right:12px;top:50%;transform:translateY(-50%);padding:8px 4px;min-height:40px}
.lg-o{display:flex;align-items:center;gap:10px;color:var(--ink-soft);font-size:13px}
.lg-o::before,.lg-o::after{content:"";flex:1;height:1px;background:var(--line)}
.bloqueo{position:fixed;inset:0;z-index:50;background:var(--paper);overflow-y:auto;padding:env(safe-area-inset-top,0) 0 env(safe-area-inset-bottom,0)}
.ga-bd{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto}
.ga-bd .f{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}
[hidden]{display:none!important}