body.tino-pf{--fg-personal-ink:var(--text,#122c4f);--fg-personal-line:var(--line,#dfe6ef);--fg-personal-paper:var(--card,#fff)}
body.tino-pf #nav .nav-item{color:var(--text,#122c4f)!important;opacity:1!important}body.tino-pf #nav .nav-item.active{color:var(--brand,#0a56ff)!important}
.fg-personal-content .pf-home{display:grid;gap:18px}.fg-personal-start,.fg-personal-bank-intro,.fg-personal-family-intro{padding:24px;border:1px solid var(--line,#dfe6ef);background:var(--card,#fff);border-radius:16px;color:var(--text,#122c4f)}
.fg-personal-content h2{letter-spacing:-.4px}.fg-personal-start h2,.fg-personal-bank-intro h2,.fg-personal-family-intro h2{margin:8px 0;font-size:23px}.fg-personal-start p,.fg-personal-bank-intro p,.fg-personal-family-intro p{font-size:13px;line-height:1.6;color:var(--muted,#64748b);margin:0}
.fg-personal-start>div>small,.fg-personal-bank-intro>small,.fg-personal-family-intro>small{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--brand,#0a56ff)}
.fg-personal-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.fg-personal-steps button{display:grid;grid-template-columns:30px 1fr;gap:6px 10px;align-content:start;text-align:left;background:var(--bg,#f8fafc);color:var(--text,#122c4f);border:1px solid var(--line,#dfe6ef);border-radius:12px;padding:16px;min-height:92px}.fg-personal-steps button>span{grid-row:span 2;font-size:12px;font-weight:700;color:var(--brand,#0a56ff)}.fg-personal-steps strong{font-size:13px}.fg-personal-steps small{font-size:11px;color:var(--muted,#64748b);line-height:1.5}
.fg-personal-start footer{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:14px;font-size:11px}.fg-personal-start footer button{background:transparent;color:var(--brand,#0a56ff);padding:8px 0;min-height:36px;font-size:12px}.fg-personal-content .pf-hero{border-radius:16px!important;box-shadow:none!important;padding:24px!important}.fg-personal-content .pf-hero>button{color:#fff!important}.fg-personal-content .pf-metrics{gap:12px!important}.fg-personal-content .pf-metric{border-radius:14px!important;box-shadow:none!important;padding:20px!important}.fg-personal-content .pf-metric b{font-size:25px!important;font-variant-numeric:tabular-nums}.fg-personal-content .card{border-radius:14px!important;box-shadow:none!important}.fg-personal-content .pf-actions{gap:12px!important}.fg-personal-content .pf-actions button{min-height:48px!important;box-shadow:none!important;border-radius:12px!important}
.fg-personal-dialog{width:min(480px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:24px;border:1px solid var(--line,#dfe6ef);border-radius:18px;background:var(--card,#fff);color:var(--text,#122c4f);margin:auto}.fg-personal-dialog::backdrop{background:#06142680}.fg-personal-dialog header{display:flex;gap:16px;justify-content:space-between;align-items:center;margin-bottom:20px}.fg-personal-dialog h2{font-size:20px;margin:6px 0}.fg-personal-dialog header small{font-size:10px;color:var(--muted)}.fg-personal-dialog button{min-height:44px;padding:8px 14px}.fg-personal-dialog header button{background:transparent;color:inherit;font-size:24px}.fg-personal-dialog label{display:grid;gap:7px;font-size:12px;font-weight:600;margin:14px 0}.fg-personal-dialog input,.fg-personal-dialog select{width:100%;min-height:44px;padding:10px 12px;font-size:16px;border:1px solid var(--line,#dfe6ef);border-radius:10px;color:inherit;background:var(--bg,#f8fafc)}.fg-personal-dialog p{font-size:12px;line-height:1.6;color:var(--muted)}.fg-personal-dialog footer{display:flex;justify-content:flex-end;gap:8px}.fg-personal-error{color:#c02f38!important}.fg-personal-bank-intro,.fg-personal-family-intro{margin-bottom:16px}
@media(max-width:760px){.fg-personal-start{padding:18px}.fg-personal-steps{grid-template-columns:1fr;gap:8px;margin-top:16px}.fg-personal-steps button{min-height:64px;padding:12px}.fg-personal-start h2{font-size:21px}.fg-personal-content .pf-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.fg-personal-content .pf-metric{min-width:0;padding:14px!important}.fg-personal-content .pf-metric b{font-size:21px!important;overflow-wrap:anywhere}.fg-personal-content .pf-hero{padding:20px!important}.fg-personal-content .pf-balance{font-size:34px!important}.fg-personal-dialog{padding:18px}.fg-personal-content .table{display:block;overflow-x:auto}}

/* Sidebar tokens follow the selected theme, including old cmx-sidedark settings. */
body.fg-pf-navigation{--fg-nav-bg:#fff;--fg-nav-text:#334155;--fg-nav-muted:#64748b;--fg-nav-line:#e2e8f0;--fg-nav-active:#eaf1ff;--fg-nav-accent:#084acb;--fg-nav-hover:#f1f5f9;--fg-nav-icon-bg:#f1f5f9}
[data-theme=dark] body.fg-pf-navigation{--fg-nav-bg:#101f33;--fg-nav-text:#dce6f4;--fg-nav-muted:#a7b8ce;--fg-nav-line:#293c55;--fg-nav-active:#193c69;--fg-nav-accent:#a7caff;--fg-nav-hover:#1a2c43;--fg-nav-icon-bg:#1b304b}
body.fg-pf-navigation .side{background:var(--fg-nav-bg)!important;color:var(--fg-nav-text)!important;border-right:1px solid var(--fg-nav-line)!important;box-shadow:none!important}
body.fg-pf-navigation .side-head{background:var(--fg-nav-bg)!important;border-bottom:1px solid var(--fg-nav-line)!important}
body.fg-pf-navigation #nav{padding:12px!important;scrollbar-width:thin;scrollbar-color:var(--fg-nav-line) transparent}
body.fg-pf-navigation .fg-nav-context{padding:8px 10px 18px;border-bottom:1px solid var(--fg-nav-line);margin-bottom:8px}
body.fg-pf-navigation .fg-nav-context span{display:block;font-size:9px;font-weight:600;letter-spacing:.09em;color:var(--fg-nav-muted)}
body.fg-pf-navigation .fg-nav-context strong{display:block;margin-top:5px;font-size:15px;font-weight:600;color:var(--fg-nav-text)}
body.fg-pf-navigation #nav .nav-sec{padding:18px 10px 8px!important;margin:0!important;font-size:10px!important;font-weight:600!important;letter-spacing:.08em!important;color:var(--fg-nav-muted)!important;opacity:1!important}
body.fg-pf-navigation #nav .nav-item{display:flex!important;align-items:center!important;gap:12px!important;min-height:46px!important;padding:9px 12px!important;margin:3px 0!important;border:0!important;border-radius:10px!important;background:transparent!important;color:var(--fg-nav-text)!important;font-size:13px!important;font-weight:500!important;opacity:1!important;box-shadow:none!important;cursor:pointer;transition:background .15s,color .15s!important;transform:none!important;white-space:normal!important}
body.fg-pf-navigation #nav .nav-item::before,body.fg-pf-navigation #nav .nav-item::after{display:none!important}
body.fg-pf-navigation #nav .nav-item:hover{background:var(--fg-nav-hover)!important;padding-left:12px!important}
body.fg-pf-navigation #nav .nav-item.active{background:var(--fg-nav-active)!important;color:var(--fg-nav-accent)!important;font-weight:600!important}
body.fg-pf-navigation #nav .nav-item:focus-visible,body.fg-pf-navigation .side-foot:focus-visible{outline:2px solid var(--fg-nav-accent)!important;outline-offset:2px}
body.fg-pf-navigation .fg-nav-icon{display:block!important;flex:0 0 20px;width:20px!important;height:20px!important;color:inherit!important;background:none!important;border:0!important}
body.fg-pf-navigation .fg-nav-label{display:block!important;color:inherit!important;line-height:1.4}
body.fg-pf-navigation .side-foot{margin:12px!important;padding:12px!important;background:var(--fg-nav-hover)!important;color:var(--fg-nav-text)!important;border:1px solid var(--fg-nav-line)!important;border-radius:12px!important;box-shadow:none!important}
body.fg-pf-navigation .side-foot .row-sub{color:var(--fg-nav-muted)!important;font-size:11px!important}
body.fg-pf-navigation .side-foot .avatar{background:var(--fg-nav-icon-bg)!important;color:var(--fg-nav-accent)!important;border:0!important;box-shadow:none!important}
body.fg-pf-navigation .tino-side-tools{background:transparent!important;border-color:var(--fg-nav-line)!important}
body.fg-pf-navigation .tino-side-tool{color:var(--fg-nav-text)!important;background:transparent!important;box-shadow:none!important}
@media(max-width:760px){body.fg-pf-navigation #nav .nav-item{min-height:48px!important;font-size:14px!important}body.fg-pf-navigation .side-head{padding-top:max(16px,env(safe-area-inset-top))!important}body.fg-pf-navigation .side-foot{margin-bottom:max(12px,env(safe-area-inset-bottom))!important}}
@media(prefers-reduced-motion:reduce){body.fg-pf-navigation #nav .nav-item{transition:none!important}}
/* Compatibility with the native icon decorator, which replaces inner spans. */
body.fg-pf-navigation #nav .nav-item>span:last-child{color:inherit!important;background:transparent!important;font-size:inherit!important;line-height:1.4}
body.fg-pf-navigation #nav .tino-side-svg{display:flex!important;align-items:center;justify-content:center;flex:0 0 20px!important;width:20px!important;height:20px!important;color:inherit!important;background:transparent!important;border-radius:0!important;padding:0!important;box-shadow:none!important}
body.fg-pf-navigation #nav .tino-side-svg svg{width:20px!important;height:20px!important;color:inherit!important}
body.fg-pf-navigation #nav [data-page="familia"] .tino-side-svg{background:currentColor!important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2021V9l9-6%209%206v12M9%2021v-8h6v8%22/%3E%3C/svg%3E") center/20px 20px no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2021V9l9-6%209%206v12M9%2021v-8h6v8%22/%3E%3C/svg%3E") center/20px 20px no-repeat}
body.fg-pf-navigation #nav [data-page="familia"] .tino-side-svg svg{visibility:hidden}
body.fg-pf-navigation #nav [data-page="usuarios"] .tino-side-svg{background:currentColor!important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2M9%2011a4%204%200%201%200%200-8%204%204%200%200%200%200%208M20%2021v-2a4%204%200%200%200-3-4M16%203a4%204%200%200%201%200%208%22/%3E%3C/svg%3E") center/20px 20px no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2M9%2011a4%204%200%201%200%200-8%204%204%200%200%200%200%208M20%2021v-2a4%204%200%200%200-3-4M16%203a4%204%200%200%201%200%208%22/%3E%3C/svg%3E") center/20px 20px no-repeat}
body.fg-pf-navigation #nav [data-page="usuarios"] .tino-side-svg svg{visibility:hidden}
/* PF dashboard system: purpose, actions, indicators, supporting detail. */
body.fg-pf-navigation{--fg-panel-gap:20px;--fg-panel-radius:14px;--fg-panel-border:var(--line,#e2e8f0)}
body.fg-pf-navigation #content .pf-home{max-width:1280px;display:grid;gap:var(--fg-panel-gap);margin:0 auto}
.fg-pf-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:4px 0 8px;color:var(--text,#122c4f)}
.fg-pf-intro small{font-size:10px;font-weight:600;letter-spacing:.1em;color:var(--muted,#64748b)}
.fg-pf-intro h1{margin:8px 0;font-size:30px;font-weight:700;line-height:1.2;letter-spacing:-.7px}
.fg-pf-intro p{margin:0;font-size:13px;line-height:1.6;color:var(--muted,#64748b)}
.fg-pf-actions{display:flex;gap:10px;flex-wrap:wrap}
.fg-pf-actions button{min-height:44px;padding:12px 16px;border:1px solid var(--fg-panel-border);border-radius:10px;background:var(--card,#fff);color:var(--text,#122c4f);font:inherit;font-size:12px;font-weight:600;cursor:pointer;box-shadow:none}
.fg-pf-actions button:first-child{background:#0a56ff;color:#fff;border-color:#0a56ff}
.fg-pf-actions button:hover{filter:brightness(.96)}
.fg-pf-actions button:focus-visible{outline:2px solid var(--fg-nav-accent);outline-offset:3px}
body.fg-pf-navigation .pf-hero{background:#102b4c!important;color:#fff!important;border:0!important;border-radius:var(--fg-panel-radius)!important;padding:24px!important;box-shadow:none!important;margin:0!important}
body.fg-pf-navigation .pf-hero::before{display:none!important}
body.fg-pf-navigation .pf-hero .pf-kicker{color:#b5c9e5!important;font-weight:500!important;text-transform:none!important}
body.fg-pf-navigation .pf-hero>button{background:#0a56ff!important;color:#fff!important;border:0!important;border-radius:10px!important;font-weight:600!important}
body.fg-pf-navigation .pf-hero h2{color:#fff!important}
body.fg-pf-navigation .pf-metrics{gap:14px!important;margin:0!important}
body.fg-pf-navigation .pf-metric,body.fg-pf-navigation .fg-family-grid button{border:1px solid var(--fg-panel-border)!important;border-radius:var(--fg-panel-radius)!important;box-shadow:none!important;background:var(--card,#fff)!important;color:var(--text,#122c4f)!important;min-width:0}
body.fg-pf-navigation .pf-metric small,body.fg-pf-navigation .fg-family-grid small{color:var(--muted,#64748b)!important;font-size:11px!important;letter-spacing:.02em!important;text-transform:none!important}
body.fg-pf-navigation .pf-metric b,body.fg-pf-navigation .fg-family-grid strong{font-size:26px!important;font-weight:700!important;letter-spacing:-.5px!important;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
body.fg-pf-navigation .fg-family-home{gap:20px}
body.fg-pf-navigation .fg-family-home>header{padding:18px 20px;border:1px solid var(--fg-panel-border);border-radius:var(--fg-panel-radius);background:var(--card,#fff)}
body.fg-pf-navigation .fg-family-home>header h2{margin:0 0 5px;font-size:18px;font-weight:600}
body.fg-pf-navigation .fg-family-grid button{gap:14px;cursor:pointer;min-height:148px}
body.fg-pf-navigation .fg-family-grid button:hover,body.fg-pf-navigation .pf-metric:hover{border-color:var(--fg-nav-accent)!important}
body.fg-pf-navigation .fg-family-grid button:focus-visible{outline:2px solid var(--fg-nav-accent);outline-offset:2px}
body.fg-pf-navigation .fg-family-sections section,body.fg-pf-navigation .fg-personal-start{padding:20px!important;border-radius:var(--fg-panel-radius)!important;box-shadow:none!important}
body.fg-pf-navigation .fg-personal-start h2{font-size:18px!important;font-weight:600!important}
body.fg-pf-navigation .fg-personal-steps{margin-top:16px;gap:10px}
body.fg-pf-navigation .pf-actions{margin:0!important}
body.fg-pf-navigation .pf-actions button{min-height:46px!important;background:var(--card,#fff)!important;color:var(--text,#122c4f)!important;border:1px solid var(--fg-panel-border)!important;border-radius:10px!important;box-shadow:none!important}
[data-theme=dark] body.fg-pf-navigation .pf-hero{background:#14365b!important}
@media(max-width:1024px){.fg-pf-intro{align-items:flex-start;flex-direction:column;gap:16px}.fg-pf-actions{width:100%}.fg-pf-intro h1{font-size:27px}}
@media(max-width:760px){body.fg-pf-navigation{--fg-panel-gap:16px}.fg-pf-intro{gap:16px}.fg-pf-intro h1{font-size:25px}.fg-pf-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fg-pf-actions button{font-size:12px;padding:12px 8px;min-height:48px}.fg-family-grid{grid-template-columns:1fr!important}.fg-family-home>header{align-items:flex-start}.fg-family-home>header button{width:100%}body.fg-pf-navigation .pf-metric b{font-size:21px!important}body.fg-pf-navigation .pf-hero{padding:20px!important}}
@media(max-width:360px){.fg-pf-actions{grid-template-columns:1fr}}

/* Compact setup follows the indicators, never above the greeting. */
body.fg-pf-navigation .fg-personal-start{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px!important;background:var(--card,#fff);margin:0!important}
body.fg-pf-navigation .fg-personal-start[hidden]{display:none!important}
body.fg-pf-navigation .fg-personal-start h2{margin:0 0 5px!important;font-size:16px!important}
body.fg-pf-navigation .fg-personal-start p{font-size:12px!important;max-width:640px}
body.fg-pf-navigation .fg-personal-start>button{flex-shrink:0;min-height:44px;padding:12px 16px;border:1px solid var(--fg-nav-line);background:var(--fg-nav-active);color:var(--fg-nav-accent);border-radius:10px;font:inherit;font-size:12px;font-weight:600;cursor:pointer}
body.fg-pf-navigation .fg-personal-start>button:focus-visible{outline:2px solid var(--fg-nav-accent);outline-offset:2px}
@media(max-width:760px){body.fg-pf-navigation .fg-personal-start{align-items:flex-start;flex-direction:column;gap:12px}body.fg-pf-navigation .fg-personal-start>button{width:100%}}