/* Pantallas propias de la app (acceso, cuenta, usuarios, importar). Mismo azul de planos que la página. */
#pb-acceso{position:fixed;inset:0;z-index:200;background:#1f3864;display:grid;place-items:center;padding:16px;font-family:Barlow,system-ui,sans-serif}
#pb-acceso[hidden]{display:none}
.pb-card{background:#fff;color:#16223a;width:min(420px,100%);border-radius:14px;padding:24px;display:grid;gap:12px;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.pb-logo{font:700 15px 'Barlow Condensed',Barlow,sans-serif;letter-spacing:.08em;color:#2f5597}
.pb-card h1{margin:0;font-size:24px}
.pb-card form,.pb-sheet form{display:grid;gap:10px}
.pb-card label,.pb-sheet label{display:grid;gap:4px;font-size:13px;font-weight:600;color:#5b6880}
.pb-card input,.pb-sheet input,.pb-sheet select{font:inherit;font-size:16px;padding:10px;border:1px solid #cfd7e4;border-radius:8px;background:#fff;color:#16223a;min-width:0}
.pb-btn{font:inherit;font-weight:600;background:#2f5597;color:#fff;border:0;border-radius:8px;padding:11px 16px;cursor:pointer}
.pb-btn.ghost{background:transparent;color:#2f5597;border:1px solid #2f5597}
.pb-btn.sm{padding:5px 10px;font-size:13px}
.pb-btn:disabled{opacity:.6}
.pb-links{display:flex;gap:16px;flex-wrap:wrap;font-size:14px}
.pb-links a{color:#2f5597}
.pb-msg{margin:0;background:#e8edf5;border-radius:8px;padding:10px;font-size:14px}
.pb-nota,.pb-mut{color:#5b6880;font-size:13px;margin:0}
#pb-cuenta{position:fixed;left:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:90;width:44px;height:44px;border-radius:50%;border:2px solid #fff;background:#1f3864;color:#fff;font:700 17px Barlow,sans-serif;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.25)}
#pb-net{position:fixed;left:68px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:90;background:#e0a100;color:#1b1400;border-radius:99px;padding:6px 12px;font:600 13px Barlow,sans-serif}
#pb-net[hidden]{display:none}
#pb-panel{position:fixed;inset:0;z-index:150;background:rgba(6,10,20,.55);display:grid;align-items:end;justify-items:center;font-family:Barlow,system-ui,sans-serif}
.pb-sheet{background:#fff;color:#16223a;width:min(680px,100%);max-height:88vh;overflow:auto;border-radius:14px 14px 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom,0px));display:grid;gap:12px}
@media (min-width:760px){#pb-panel{align-items:center}.pb-sheet{border-radius:14px}}
.pb-sheet h2{margin:0;font-size:20px}
.pb-row{display:flex;justify-content:space-between;align-items:center;gap:10px}
.pb-col{display:grid;gap:8px}
.pb-inv{grid-template-columns:2fr 1.4fr 1.4fr auto;align-items:center}
@media (max-width:640px){.pb-inv{grid-template-columns:1fr}}
.pb-tab{width:100%;border-collapse:collapse;font-size:14px}
.pb-tab td,.pb-tab th{border-bottom:1px solid #cfd7e4;padding:8px 6px;text-align:left;vertical-align:middle}
.pb-tab select{font-size:14px;padding:6px}
.pb-bar{height:10px;background:#e8edf5;border-radius:99px;overflow:hidden}.pb-bar i{display:block;height:100%;background:#2f5597;width:0}
.pb-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:300;background:#16223a;color:#fff;padding:10px 16px;border-radius:8px;font:500 14px Barlow,sans-serif}
.pb-toast[hidden]{display:none}
@media (prefers-color-scheme:dark){.pb-card,.pb-sheet{background:#161f31;color:#e4e9f2}.pb-card input,.pb-sheet input,.pb-sheet select{background:#0f1522;color:#e4e9f2;border-color:#2c3a54}.pb-msg{background:#1e2a40}.pb-btn.ghost{color:#9db8ec;border-color:#6f95db}.pb-links a{color:#9db8ec}}

/* el asistente Juanjo necesita Claude: fuera del artefacto el botón queda oculto */
.jjfab[hidden]{display:none!important}