/* Finanzas CI - Etapa 11 - identidad bancaria premium */
:root{--v11-bg:#f5f8fd;--v11-card:#fff;--v11-text:#10233f;--v11-sub:#6d809c;--v11-line:#e2eaf4;--v11-soft:#edf4fd;--v11-accent:#0c4386;--v11-shadow:0 8px 25px rgba(13,40,76,.055)}
html[data-ci-theme="dark"]{color-scheme:dark;--v11-bg:#0c1525;--v11-card:#17263d;--v11-text:#eef5ff;--v11-sub:#a8b9d1;--v11-line:#31435c;--v11-soft:#233954;--v11-accent:#6aaaff;--v11-shadow:0 8px 30px rgba(0,0,0,.16)}
@media(prefers-color-scheme:dark){html[data-ci-theme="auto"]{color-scheme:dark;--v11-bg:#0c1525;--v11-card:#17263d;--v11-text:#eef5ff;--v11-sub:#a8b9d1;--v11-line:#31435c;--v11-soft:#233954;--v11-accent:#6aaaff;--v11-shadow:0 8px 30px rgba(0,0,0,.16)}}
html,body{background:var(--v11-bg);color:var(--v11-text)}.app-shell{background:var(--v11-bg);color:var(--v11-text)}.ci-v11-shell{min-height:100dvh}.ci-v11-icon{width:22px;height:22px;display:inline-block;flex:none;vertical-align:middle}.ci-v11-header{display:flex;align-items:center;gap:12px;padding:calc(20px + env(safe-area-inset-top)) 20px 15px}.ci-v11-header h1{font-size:26px;line-height:1.1;letter-spacing:-.045em}.ci-v11-brand{min-width:0;flex:1}.ci-v11-header .eyebrow{font-size:10px;letter-spacing:.13em;color:var(--v11-sub)}.ci-v11-header-actions{display:flex;gap:8px}.ci-v11-header-icon{height:43px;width:43px;display:grid;place-items:center;border:1px solid var(--v11-line);border-radius:13px;background:var(--v11-card);color:var(--v11-text);text-decoration:none}.ci-v11-header-icon .ci-v11-icon{width:20px}.ci-v11-dashboard{max-width:800px;margin:auto}.ci-v11-balance{background:linear-gradient(125deg,#0e3c78,#0d2852 85%);border-radius:24px;padding:23px 22px;color:white}.ci-v11-balance-top{display:flex;justify-content:space-between;align-items:center;color:#cbdcf2;font-size:13px}.ci-v11-balance-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#ffffff20;font-size:11px;font-weight:800}.ci-v11-balance .balance-number{font-size:clamp(30px,8vw,43px);margin-top:8px}.ci-v11-balance .balance-grid{margin-top:25px}.ci-v11-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:17px}.ci-v11-shortcuts a{display:flex;justify-content:center;align-items:center;gap:8px;padding:13px 8px;background:var(--v11-card);border:1px solid var(--v11-line);border-radius:13px;text-decoration:none;color:var(--v11-text);font-size:13px;font-weight:750}.ci-v11-shortcuts svg{width:17px;color:var(--v11-accent)}.ci-v11-section{margin-top:25px}.ci-v11-section h2{font-size:19px}.ci-v11-dashboard .action-grid{gap:12px}.ci-v11-dashboard .action-tile{min-height:137px;border-radius:20px;padding:17px;background:var(--v11-card);border:1px solid var(--v11-line);box-shadow:var(--v11-shadow);color:var(--v11-text)}.ci-v11-tile-icon{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;margin-bottom:5px}.ci-v11-tile-income{background:#e8f4f0;color:#138263}.ci-v11-tile-expense{background:#fff0ec;color:#d36c42}.ci-v11-tile-transfer{background:#e9f1fe;color:#2167ba}.ci-v11-tile-category{background:#f1eaff;color:#8358c7}.ci-v11-dashboard .action-tile strong{font-size:15px}.ci-v11-dashboard .action-tile small{color:var(--v11-sub);font-size:11px}.ci-v11-category-list{border:1px solid var(--v11-line);border-radius:21px;overflow:hidden;background:var(--v11-card);box-shadow:var(--v11-shadow)}.ci-v11-category-row{display:flex;align-items:center;gap:12px;padding:16px 14px;min-height:74px;border-bottom:1px solid var(--v11-line)}.ci-v11-category-row:last-child{border-bottom:0}.ci-v11-category-symbol{width:42px;height:42px;display:grid;place-items:center;flex:none;border-radius:13px}.ci-v11-color-1{color:#ad3e9c;background:#f9e5f5}.ci-v11-color-2{color:#bd7814;background:#fff0d7}.ci-v11-color-3{color:#1e85a1;background:#e1f4f9}.ci-v11-color-4{color:#bc4268;background:#fde7ef}.ci-v11-category-copy{display:grid;gap:5px;min-width:0;flex:1}.ci-v11-category-copy strong{font-size:14px}.ci-v11-category-copy small{font-size:12px;color:var(--v11-sub)}.ci-v11-category-row b{font-size:14px;white-space:nowrap}.ci-v11-dashboard .account-section{display:none!important}
/* Menú superior - flotante, alineado a la cabecera y visible sobre overlay */
.ci-account-anchor{position:relative;z-index:121}.ci-account-trigger{border-radius:14px;min-height:43px;padding:4px 8px 4px 4px;background:var(--v11-card);border:1px solid var(--v11-line);color:var(--v11-text)}.ci-account-avatar{height:35px;width:35px;border-radius:50%;font-size:11px}.ci-account-trigger .ci-v11-icon{width:16px}.ci-account-menu-backdrop{background:rgba(9,23,45,.58);z-index:115;backdrop-filter:blur(1px)}.ci-account-menu{position:fixed;top:calc(82px + env(safe-area-inset-top));right:max(14px,calc((100vw - 1024px)/2 + 18px));width:min(330px,calc(100vw - 28px));max-height:calc(100dvh - 105px - env(safe-area-inset-top));overflow-y:auto;z-index:122;border-radius:20px;border:1px solid var(--v11-line);background:var(--v11-card);box-shadow:0 25px 75px #06172b4a;color:var(--v11-text)}.ci-menu-person{padding:20px 18px;align-items:center}.ci-menu-person .ci-v11-avatar{width:61px;height:61px;font-size:21px}.ci-menu-person strong{font-size:16px}.ci-menu-person small{color:var(--v11-sub);font-size:12px}.ci-menu-link{display:flex;gap:16px;align-items:center;min-height:73px;padding:14px 20px;border-bottom:1px solid var(--v11-line);font-size:14px;color:var(--v11-text)}.ci-menu-link .ci-v11-icon{width:24px;height:24px}.ci-menu-link span,.ci-menu-theme-row>span:nth-child(2){display:grid;gap:5px}.ci-menu-link strong,.ci-menu-theme-row strong{font-size:14px;font-weight:750}.ci-menu-link small,.ci-menu-theme-row small{color:var(--v11-sub);font-size:12px}.ci-menu-theme-row{display:flex;align-items:center;gap:16px;padding:14px 20px;min-height:75px;border-bottom:1px solid var(--v11-line)}.ci-v11-menu-moon .ci-v11-icon{width:24px}.ci-v11-theme-next{margin-left:auto;background:none;border:0;color:var(--v11-text);padding:10px;display:grid;place-items:center}.ci-v11-theme-next svg{width:17px}.ci-menu-logout{padding:17px 20px;gap:16px;font-weight:750;color:#d3223b}.ci-menu-logout .ci-v11-icon{width:24px}
/* Cuenta: estructura del prototipo */
.ci-v11-account-header{gap:14px;align-items:center;border-bottom:1px solid var(--v11-line);background:var(--v11-card);padding-top:calc(16px + env(safe-area-inset-top));padding-bottom:16px}.ci-v11-account-header .ci-v11-brand h1{font-size:22px}.ci-v11-head-sub{margin:5px 0 0;color:var(--v11-sub);font-size:12px}.ci-v11-back{flex:none}.ci-v11-account-page{max-width:680px;margin:auto;padding-top:23px}.ci-v11-page-title{margin:0 0 20px}.ci-v11-page-title h2{font-size:27px;margin:0 0 6px;letter-spacing:-.04em}.ci-v11-page-title p{font-size:14px;color:var(--v11-sub);margin:0}.ci-v11-card{border:1px solid var(--v11-line);border-radius:23px;background:var(--v11-card);box-shadow:var(--v11-shadow);margin:0 0 18px;overflow:hidden}.ci-v11-profile-top{display:flex;align-items:center;gap:15px;padding:19px}.ci-v11-avatar{height:72px;width:72px;flex:none;display:grid;place-items:center;border-radius:50%;background:linear-gradient(140deg,#155397,#082a59);color:#fff;font-weight:800;font-size:24px}.ci-v11-profile-identity{display:grid;gap:7px;flex:1;min-width:0}.ci-v11-profile-identity strong{font-size:17px;overflow-wrap:anywhere}.ci-v11-profile-identity small{font-size:13px;color:var(--v11-sub);overflow-wrap:anywhere}.ci-v11-edit{display:grid;place-items:center;width:45px;height:45px;flex:none;background:var(--v11-soft);color:var(--v11-accent);border:0;border-radius:13px}.ci-v11-profile-facts>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 20px;border-top:1px solid var(--v11-line);font-size:13px}.ci-v11-profile-facts span{display:flex;align-items:center;gap:10px;color:var(--v11-sub)}.ci-v11-profile-facts svg{width:20px}.ci-v11-profile-facts strong{font-weight:500;text-align:right;overflow-wrap:anywhere;min-width:0}.ci-v11-edit-panel{padding:18px 20px;border-top:1px solid var(--v11-line)}.ci-v11-edit-panel[hidden]{display:none!important}.ci-v11-edit-panel h3{font-size:16px;margin:0 0 14px}.ci-v11-edit-panel .ci-form{padding:0;border:0;box-shadow:none;background:transparent}.ci-v11-card-heading{display:flex;gap:13px;align-items:flex-start;padding:20px 19px 0}.ci-v11-heading-icon{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:50%;background:var(--v11-soft);color:var(--v11-text)}.ci-v11-heading-blue{color:#1673df}.ci-v11-card-heading h2{font-size:19px;margin:2px 0 5px;letter-spacing:-.03em}.ci-v11-card-heading p{font-size:13px;color:var(--v11-sub);line-height:1.45;margin:0}.ci-v11-security-tip{display:flex;gap:11px;align-items:flex-start;margin:17px 19px 15px;padding:13px 12px;border-radius:13px;background:var(--v11-soft);color:var(--v11-accent);font-size:12px;line-height:1.5}.ci-v11-security-tip svg{width:18px;margin-top:1px}.ci-v11-password-form{padding:0 19px 20px!important;border:0!important;box-shadow:none!important;background:transparent!important;gap:12px}.ci-v11-password-wrap{display:flex;align-items:center;position:relative;height:57px;border:1px solid var(--v11-line);border-radius:13px;background:var(--v11-card);color:var(--v11-sub)}.ci-v11-password-wrap>svg{margin-left:14px;width:22px}.ci-v11-password-wrap input{min-height:54px!important;height:54px!important;border:0!important;background:transparent!important;color:var(--v11-text)!important;box-shadow:none!important;outline:0!important;padding:10px 45px 10px 12px!important;flex:1;width:100%;min-width:0;font-size:15px!important}.ci-v11-password-wrap:focus-within{border-color:#5899ee;box-shadow:0 0 0 2px #5899ee33}.ci-v11-password-wrap input::placeholder{color:var(--v11-sub);opacity:1}.ci-v11-password-wrap .ci-password-eye{position:absolute;right:7px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:39px;height:39px;border:0;background:transparent;color:var(--v11-sub)}.ci-v11-password-wrap .ci-password-eye svg{width:20px}.ci-v11-password-form>.btn{margin-top:3px;min-height:53px;font-size:15px}.ci-v11-password-form>.btn svg{width:20px}.ci-v11-appearance .ci-appearance-options{padding:18px 19px 20px;gap:11px}.ci-v11-appearance .ci-appearance-options button{position:relative;min-height:96px;gap:9px;border-radius:15px;background:var(--v11-card);color:var(--v11-text);border:1px solid var(--v11-line)}.ci-v11-appearance .ci-appearance-options button[aria-pressed="true"]{border-color:#4d95ff;box-shadow:0 0 0 1px #4d95ff inset;background:var(--v11-soft)}.ci-v11-appearance .ci-appearance-options button[aria-pressed="true"]:after{content:'●';position:absolute;right:9px;top:7px;color:#2074e8;font-size:12px}.ci-v11-appearance .ci-appearance-options svg{width:29px;height:29px}.ci-v11-appearance .ci-appearance-options small{font-size:13px}
/* Tema oscuro en todas las pantallas, no solo cuenta */
html[data-ci-theme="dark"] .ci-form,html[data-ci-theme="dark"] .ci-income-row,html[data-ci-theme="dark"] .ci-report-tile,html[data-ci-theme="dark"] .ci-report-category,html[data-ci-theme="dark"] .ci-report-day,html[data-ci-theme="dark"] .ci-back,html[data-ci-theme="dark"] .empty-state{background:var(--v11-card);color:var(--v11-text);border-color:var(--v11-line)}html[data-ci-theme="dark"] .ci-form input:not([type=checkbox]),html[data-ci-theme="dark"] .ci-form select{background:var(--v11-card);color:var(--v11-text);border-color:var(--v11-line)}html[data-ci-theme="dark"] .ci-hint,html[data-ci-theme="dark"] .ci-report-details,html[data-ci-theme="dark"] .ci-report-tile small{color:var(--v11-sub)}
@media(prefers-color-scheme:dark){html[data-ci-theme="auto"] .ci-form,html[data-ci-theme="auto"] .ci-income-row,html[data-ci-theme="auto"] .ci-report-tile,html[data-ci-theme="auto"] .ci-report-category,html[data-ci-theme="auto"] .ci-report-day,html[data-ci-theme="auto"] .ci-back,html[data-ci-theme="auto"] .empty-state{background:var(--v11-card);color:var(--v11-text);border-color:var(--v11-line)}html[data-ci-theme="auto"] .ci-form input:not([type=checkbox]),html[data-ci-theme="auto"] .ci-form select{background:var(--v11-card);color:var(--v11-text);border-color:var(--v11-line)}html[data-ci-theme="auto"] .ci-hint,html[data-ci-theme="auto"] .ci-report-details,html[data-ci-theme="auto"] .ci-report-tile small{color:var(--v11-sub)}}
.bottom-nav{background:var(--v11-card)!important;border-color:var(--v11-line)!important}.bottom-nav>a{color:var(--v11-sub)!important}.bottom-nav>a.active{background:var(--v11-soft)!important;color:var(--v11-accent)!important}.bottom-nav>a .ci-v11-icon{width:21px;height:21px}.bottom-nav>a small{font-size:10px!important}
@media(max-width:390px){.ci-v11-header{padding-left:16px;padding-right:16px}.ci-v11-profile-top{padding:15px;gap:10px}.ci-v11-avatar{width:60px;height:60px;font-size:20px}.ci-v11-profile-identity strong{font-size:15px}.ci-v11-profile-identity small{font-size:11px}.ci-v11-profile-facts>div{padding:15px 13px;font-size:11px}.ci-v11-card-heading{padding:17px 14px 0}.ci-v11-security-tip{margin-left:14px;margin-right:14px}.ci-v11-password-form{padding-left:14px!important;padding-right:14px!important}.ci-v11-appearance .ci-appearance-options{padding:15px 14px}.ci-v11-category-row{padding:13px 10px}.ci-v11-category-symbol{width:38px;height:38px}.ci-v11-category-row b{font-size:12px}}
@media(min-width:760px){.ci-v11-header{padding-left:36px;padding-right:36px}.ci-v11-account-page{padding-top:32px}.ci-v11-dashboard{max-width:820px}.ci-v11-dashboard .action-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}