/* Jerarquía compartida: acción principal, espacio de lectura y detalle progresivo. */
/* Colores y superficies: engine/assets/css/brand-tokens.css. */
html{scroll-padding-top:20px}body{line-height:1.5}button,a,input,select,textarea{min-width:0}button,.btn,summary{min-height:44px}input,select,textarea{font-size:16px!important}a{text-underline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed}body .main{width:100%;max-width:1360px;margin:0 auto;padding:28px 36px 96px;min-width:0}body .page-head{margin:20px 0 12px}body .page-head h1{font-size:30px;letter-spacing:-.03em}body .page-head p:not(.eyebrow){font-size:15px;max-width:62ch}body .month-toolbar{margin-bottom:22px}.card{box-shadow:var(--shadow)}.section-head h2{font-size:19px}.topbar{gap:12px}.nav-label{font-size:11px;letter-spacing:.07em}.advanced-nav{margin-top:14px;border-top:1px solid var(--border);padding-top:8px}.advanced-nav summary{display:flex;align-items:center;padding:8px 12px;font-size:13px;color:var(--muted);cursor:pointer}.advanced-nav[open] summary{color:var(--accent-dark)}.side-nav a{min-height:46px}.clarity-overview{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(290px,.9fr);gap:22px;align-items:start}.clarity-hero{padding:30px;min-width:0;border:1px solid var(--border)}.clarity-hero-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.clarity-hero-top .eyebrow{margin:0;max-width:70%;overflow-wrap:anywhere}.clarity-hero-top .btn{font-size:12px;flex-shrink:0}.clarity-hero h2{font-size:20px;line-height:1.3;font-weight:550;margin:22px 0 0}.clarity-amount{font-size:clamp(32px,4.4vw,60px);font-weight:650;line-height:1.2;letter-spacing:-.035em;margin:16px 0 14px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.clarity-placeholder{font-size:clamp(24px,3.5vw,36px);color:var(--muted);font-weight:500;display:block}.clarity-description{font-size:15px!important;max-width:52ch}.clarity-daily{font-size:13px!important;color:var(--accent-dark)!important;margin-top:14px!important}.clarity-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.clarity-hero-actions .btn{min-height:48px;flex:1;white-space:normal;padding:10px 15px;line-height:1.3}.clarity-breakdown{margin-top:26px;border-top:1px solid var(--border)}.clarity-breakdown summary{display:flex;align-items:center;font-size:14px;font-weight:550;cursor:pointer;padding:12px 0}.clarity-breakdown summary:after{content:'+';margin-left:auto}.clarity-breakdown[open] summary:after{content:'−'}.clarity-breakdown dl{margin:0 0 12px;font-size:13px}.clarity-breakdown dl>div{display:flex;justify-content:space-between;gap:20px;padding:6px 0}.clarity-breakdown dt{color:var(--muted)}.clarity-breakdown dd{margin:0;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.clarity-breakdown p{font-size:12px!important}.clarity-side{display:grid;gap:18px}.clarity-next{padding:23px}.clarity-next .eyebrow{margin:0 0 6px}.clarity-next h2{font-size:18px;line-height:1.4}.clarity-next p{font-size:14px}.clarity-next .section-head a{font-size:13px;color:var(--accent-dark);white-space:nowrap}.clarity-steps{display:grid;margin-top:16px}.clarity-steps button{display:grid;grid-template-columns:26px minmax(0,1fr) 12px;gap:12px;align-items:center;text-align:left;border:0;border-top:1px solid var(--border);background:none;padding:14px 0;min-height:64px;cursor:pointer}.step-state{border-radius:50%;background:var(--surface);color:var(--accent-dark);display:grid;place-items:center;width:26px;height:26px;font-size:13px}.clarity-steps strong,.clarity-steps small{display:block}.clarity-steps strong{font-size:14px;font-weight:550}.clarity-steps small{font-size:12px;color:var(--muted);margin-top:3px}.clarity-obligation{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.clarity-obligation:last-child{border:0}.due-day{font-size:13px;text-align:center;color:var(--muted);background:var(--bg);border-radius:7px;padding:6px 2px}.clarity-obligation strong{font-size:13px;display:block;font-weight:550;overflow-wrap:anywhere}.clarity-obligation small{display:block;font-size:12px;color:var(--muted);margin-top:3px}.clarity-obligation>strong{white-space:nowrap}.has-shortfall{border-color:var(--danger)}.has-shortfall .clarity-amount{color:var(--danger)}.clarity-recent{padding:24px 28px}.clarity-recent .row-icon{width:36px;height:36px;font-size:18px;background:var(--surface);color:var(--accent-dark)}.clarity-recent .row-icon.out{background:var(--surface);color:var(--danger)}.clarity-recent .row-icon.in{background:var(--surface);color:var(--success)}.clarity-recent .row{grid-template-columns:36px minmax(0,1fr) auto;min-height:72px}.clarity-month-detail{background:transparent;border-top:1px solid var(--border);padding:4px 0}.clarity-month-detail summary{display:flex;align-items:center;font-size:14px;font-weight:550;cursor:pointer}.clarity-month-detail p{font-size:13px;color:var(--muted)}.clarity-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:18px 0}.clarity-metrics small,.clarity-metrics strong{display:block}.clarity-metrics small{font-size:13px;color:var(--muted)}.clarity-metrics strong{font-size:20px;margin-top:6px;font-variant-numeric:tabular-nums}.clarity-demo{padding:9px 14px;background:var(--surface);border-radius:10px;margin-bottom:16px;color:var(--accent-dark);font-size:13px}.clarity-readonly{font-size:13px!important}.clarity-extra{border:1px solid var(--border);border-radius:12px;margin:14px 0;padding:0 14px}.clarity-extra summary{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:550;cursor:pointer}.clarity-extra summary:after{content:'+';margin-left:auto}.clarity-extra[open] summary:after{content:'−'}.clarity-extra[open]{padding-bottom:14px}.clarity-single{grid-template-columns:minmax(0,1fr)!important}.native-optional-details .native-linked-grid{margin-top:16px}.native-allocation-details .native-alloc-card{border:0;padding:0;box-shadow:none}.native-register-head p:not(.eyebrow){font-size:13px}.native-register-head .eyebrow{display:none}.native-register-head h2{font-size:25px}.native-register-callout{margin-bottom:18px}.native-register-head{margin-bottom:16px}.native-register-sheet{padding:26px;max-width:620px}.native-amount{margin-top:0}.native-register-foot-grid{margin-top:14px}.native-register-head .native-register-mode{margin-bottom:6px}#nativeRegisterForm .native-save-button{min-height:50px}.clarity-modal-open{overflow:hidden}.clarity-dialog-backdrop{position:fixed;inset:0;z-index:100100;background:rgba(20,25,36,.45);display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(3px)}.clarity-dialog{background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:26px;width:min(100%,540px);max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain}.clarity-dialog header{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.clarity-dialog h2{font-size:23px;line-height:1.25;margin:6px 0}.clarity-dialog p{font-size:14px;color:var(--muted);line-height:1.55}.clarity-dialog footer{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.clarity-dialog footer .btn{flex:1;white-space:normal}.clarity-field{display:grid;gap:7px;margin-top:20px;font-size:14px}.clarity-field input{min-height:48px;border:1px solid var(--border);border-radius:10px;padding:10px 13px;background:var(--surface);max-width:100%;width:100%}.clarity-field small{color:var(--muted);font-size:12px;line-height:1.5}.clarity-confirm{display:flex;gap:12px;align-items:flex-start;margin-top:22px;font-size:14px;cursor:pointer}.clarity-confirm input{width:19px;height:19px;margin:2px 0 0;flex-shrink:0;accent-color:var(--accent-dark)}.clarity-form-error{color:var(--danger)!important;background:var(--surface);padding:12px;border-radius:10px}.clarity-plan-list{list-style:none;padding:0;margin:20px 0;max-height:220px;overflow:auto}.clarity-plan-list li{display:flex;gap:20px;justify-content:space-between;font-size:14px;padding:10px 0;border-bottom:1px solid var(--border)}.clarity-plan-list strong{white-space:nowrap}.clarity-total{display:flex;justify-content:space-between;font-size:15px!important;color:var(--fg)!important;margin-bottom:24px}.clarity-zero-plan{padding:16px;border-radius:12px;background:var(--surface)}.tool-search{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:12px;margin:10px 0 16px}.more-group-label{color:var(--muted);font-size:12px;margin:16px 0 4px}.global-sync{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:99998;padding:12px 16px;background:var(--surface);border:1px solid var(--border);box-shadow:0 6px 24px rgba(0,0,0,.12);border-radius:13px;max-width:calc(100% - 32px);font-size:13px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.global-sync[hidden]{display:none}.global-sync[data-state=error],.global-sync[data-state=conflict]{border-color:var(--fg)}.global-sync button{border:0;background:var(--surface);color:var(--accent-dark);padding:6px 10px;border-radius:8px;min-height:36px}.more-item[hidden]{display:none!important}.app-shell .metric{color:var(--fg);background:var(--bg);border:1px solid var(--border)}.row strong{overflow-wrap:anywhere}.row-value{white-space:nowrap}.native-field input,.native-field select{width:100%}.app-shell .hero-balance .money{overflow-wrap:anywhere}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;top:8px;left:-10000px;transform:none;z-index:100200;background:var(--surface);padding:12px}.skip-link:focus-visible{left:8px}
@media(max-width:1050px){body .main{padding:24px 22px 100px}.clarity-overview{grid-template-columns:minmax(0,1fr)}.clarity-side{grid-template-columns:repeat(2,minmax(0,1fr))}.clarity-amount{font-size:48px}.clarity-hero{padding:26px}.clarity-hero-actions{max-width:560px}}
@media(max-width:760px){body .main{padding:16px 18px calc(98px + env(safe-area-inset-bottom));max-width:100%}body .page-head{margin:16px 0 8px}body .page-head h1{font-size:25px}body .page-head p:not(.eyebrow){font-size:14px;margin-top:4px}body .month-toolbar{margin:8px 0 16px}.clarity-overview{gap:16px}.clarity-side{grid-template-columns:minmax(0,1fr);gap:16px}.clarity-hero,.clarity-next,.clarity-recent{padding:20px}.clarity-hero h2{font-size:18px;margin-top:16px}.clarity-amount{font-size:clamp(28px,8.2vw,44px);margin:16px 0}.clarity-description{font-size:14px!important}.clarity-placeholder{font-size:28px}.clarity-hero-actions{margin-top:20px}.clarity-hero-actions .btn{font-size:14px}.clarity-hero-top{gap:6px}.clarity-hero-top .eyebrow{font-size:11px}.clarity-breakdown{margin-top:20px}.clarity-breakdown dl>div{gap:12px}.clarity-breakdown dt{max-width:64%}.clarity-recent .row{gap:10px;grid-template-columns:30px minmax(0,1fr) auto}.clarity-recent .row-icon{width:30px;height:30px;border-radius:9px}.clarity-recent .row strong{font-size:13px}.clarity-recent .row small{font-size:12px}.clarity-recent .row-value{font-size:13px}.clarity-metrics{grid-template-columns:1fr;gap:14px}.clarity-metrics>div{display:flex;justify-content:space-between;gap:12px;align-items:center}.clarity-metrics strong{font-size:18px;margin:0}.clarity-dialog-backdrop{padding:12px;align-items:flex-end}.clarity-dialog{padding:20px;max-height:calc(100dvh - 24px);border-radius:20px}.clarity-dialog h2{font-size:21px}.clarity-dialog footer{position:sticky;bottom:-20px;background:var(--surface);padding:14px 0;margin-bottom:-10px}.native-register-sheet{padding:20px 18px!important;max-height:calc(100dvh - 16px)!important;overflow-y:auto;overscroll-behavior:contain}.native-register-sheet input,.native-register-sheet select{min-height:46px}.native-grid.two{grid-template-columns:minmax(0,1fr)}.mobile-nav{padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--border);background:var(--surface);box-shadow:0 -5px 20px rgba(20,20,30,.04)}.global-sync{bottom:calc(86px + env(safe-area-inset-bottom));width:calc(100% - 28px);font-size:12px}.main .topbar .space-trigger{min-width:0;max-width:100%}.space-trigger strong{max-width:150px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.card .section-head{gap:8px}.card .section-head a{font-size:13px;flex-shrink:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.clarity-space{display:flex;align-items:center;gap:8px;border:0;background:none;color:var(--accent-dark);font-size:12px;font-weight:600;text-align:left;padding:4px 0;min-height:44px;max-width:66%;overflow-wrap:anywhere}.clarity-space span{font-size:18px}.home-shell .month-current:disabled{display:none}

/* Account identity is always visible; demo exit is not hidden inside the plan. */
.account-mode{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 14px;margin:0 0 20px;background:var(--surface);border:1px solid var(--surface);border-radius:12px;font-size:14px;color:var(--muted)}
.account-mode span{overflow-wrap:anywhere;min-width:0}.account-mode button{min-height:44px;padding:8px 14px;border:1px solid var(--surface);background:var(--surface);border-radius:8px;color:var(--fg);font:inherit;font-weight:600;cursor:pointer}
.account-mode.is-demo{background:var(--surface);border-color:var(--border);color:var(--fg)}.access-demo-note{display:block;font-size:13px;color:var(--muted);line-height:1.5;margin:0 0 14px}

/* Lectura consistente · septiembre 2026. La lógica financiera vive en el motor. */
.app-shell { font-size:1rem; }
.main > .section { margin-top:1.75rem; }
.main .grid { gap:1.5rem; }
.main .card { min-width:0; }
.main .card p, .main .page-head p:not(.eyebrow),
.clarity-description, .clarity-next p { font-size:1rem!important; line-height:1.6; }
.main .eyebrow, .sidebar .nav-label { text-transform:none; letter-spacing:0; font-size:.875rem; }
.advanced-nav summary { font-size:.875rem; }
.main .section-head { align-items:flex-start; flex-wrap:wrap; gap:1rem; }
.main .section-head h2 { font-size:1.25rem; line-height:1.35; }
.main .card .section-head a { font-size:.875rem; min-height:44px; display:inline-flex; align-items:center; }
.main .metric { padding:1.25rem; gap:1rem; min-width:0; }
.main .metric small, .main .metric strong { min-width:0; overflow-wrap:anywhere; }
.main .metric small { font-size:.875rem; line-height:1.45; }
.main .metric strong { font-variant-numeric:tabular-nums; line-height:1.35; }
.main .movement-row { padding-block:1rem; gap:1rem; text-align:left; }
.main .movement-row strong { font-size:1rem; line-height:1.4; }
.main .movement-row small { font-size:.875rem; line-height:1.5; margin-top:.25rem; }
.main .movement-copy { min-width:0; }
.main .movement-copy strong, .main .movement-meta { white-space:normal; overflow-wrap:anywhere; }
.main .movement-note { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.main .row-value { font-variant-numeric:tabular-nums; }
.clarity-space, .clarity-hero-top .btn { font-size:.875rem; }
.clarity-hero-top { flex-wrap:wrap; }
.clarity-space { max-width:100%; }
.clarity-hero-top .btn { margin-left:auto; }
.clarity-daily, .clarity-steps small, .clarity-obligation small,
.clarity-obligation strong, .clarity-breakdown dl, .clarity-metrics small,
.clarity-month-detail p, .clarity-field small, .clarity-readonly { font-size:.875rem!important; line-height:1.5; }
.clarity-breakdown p { font-size:.875rem!important; line-height:1.6; }
.clarity-breakdown dl > div { flex-wrap:wrap; row-gap:.25rem; padding-block:.625rem; }
.clarity-breakdown dd { margin-left:auto; max-width:100%; white-space:normal; overflow-wrap:anywhere; }
.clarity-steps strong { font-size:1rem; }
.clarity-steps button { padding-block:1rem; }
.clarity-obligation { padding-block:1rem; }
.main .goals-hero, .main .tax-reserve-card { background:var(--surface); }
.main .client-result-row small, .main .profit-row small,
.main .profit-row em, .main .goal-card footer { font-size:.875rem!important; line-height:1.5; }
.clarity-dialog p { font-size:1rem; }
.global-sync { font-size:.875rem; }
.global-sync button { min-height:44px; }
.main .tabs { gap:.5rem; }
.main .tabs button { min-height:44px; font-size:.875rem; }
@media(min-width:1060px) {
  .clarity-overview { grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr); gap:1.75rem; }
  .clarity-hero { padding:2rem; }
  .main .report-business-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .main .report-business-grid > :last-child { grid-column:1/-1; }
}
@media(max-width:1059px) and (min-width:761px) {
  .main .grid.three, .main .grid.four { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .main .grid.two, .main .report-business-grid { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:760px) {
  body .main { padding:calc(16px + env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) calc(112px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))!important; }
  body .page-head { flex-direction:column; align-items:stretch; gap:1rem; margin:1.25rem 0 1rem; }
  body .page-head h1 { font-size:1.75rem; line-height:1.2; }
  .main > .section { margin-top:1.5rem; }
  .main .card { padding:1.25rem; }
  .main .grid, .clarity-overview, .clarity-side { gap:1.25rem; }
  .clarity-hero-actions { flex-direction:column; gap:.75rem; }
  .clarity-hero-actions .btn { flex:auto; width:100%; }
  .main .movement-row { grid-template-columns:32px minmax(0,1fr); gap:.375rem .75rem; }
  .main .movement-row .row-icon { width:32px; height:32px; grid-row:1/3; align-self:start; }
  .main .movement-row .row-value { grid-column:2; justify-self:start; white-space:normal; overflow-wrap:anywhere; }
  .clarity-obligation { grid-template-columns:30px minmax(0,1fr); gap:.375rem .75rem; }
  .clarity-obligation .due-day { grid-row:1/3; align-self:start; }
  .clarity-obligation > strong { grid-column:2; white-space:normal; }
  .clarity-metrics > div { flex-wrap:wrap; }
  .clarity-breakdown dt { max-width:100%; }
  .clarity-dialog footer { flex-wrap:wrap; gap:.75rem; }
  .account-mode { align-items:flex-start; padding:.75rem; }
  .mobile-nav { width:calc(100% - 24px); max-width:480px; height:76px!important; }
  .mobile-nav a, .mobile-nav button { font-size:.75rem; }
  .mobile-nav a span, .mobile-nav button span { line-height:1.25; overflow-wrap:anywhere; }
  .global-sync { bottom:calc(98px + env(safe-area-inset-bottom)); }
}

/* Recuperación de acceso: mensaje junto al formulario, sin callejón de recarga. */
#accessMessage { overflow-wrap:anywhere; }
#accessMessage .btn { margin-top:12px; }
.startup-reference { display:block; margin-top:12px; font-size:12px; color:var(--muted); }
.fatal { max-width:640px; margin:auto; padding:40px 24px; }
.fatal img { width:100px; height:100px; }
.fatal h1 { font-size:28px; line-height:1.2; }
.fatal p { font-size:16px; line-height:1.6; }

/* Inicio sencillo: resumen visible, registro directo y margen separado del resultado. */
body .main .home-space-context { display:flex; align-items:center; gap:12px; margin:-6px 0 12px; }
body .main .home-space-context .clarity-space { font-size:1rem; color:var(--fg); min-height:38px; }
body .main .home-space-context > span { color:var(--muted); font-size:.875rem; }
body .main .home-month-card { background:#fff; padding:24px; border:1px solid var(--border); border-radius:20px; }
body .main .home-month-head { display:flex; justify-content:space-between; align-items:center; gap:16px; }
body .main .home-month-head .eyebrow { margin:0 0 4px; }
body .main .home-month-head h2 { margin:0; color:var(--fg); font-size:1.375rem; }
body .main .home-month-head .btn { color:var(--muted); font-size:.875rem; }
body .main .home-month-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin:24px 0 12px; }
body .main .home-month-stat { min-width:0; padding-left:14px; border-left:4px solid #705DE7; }
body .main .home-month-stat.is-income { border-color:#4BC86A; }
body .main .home-month-stat.is-expense { border-color:#EEBD00; }
body .main .home-month-stat > span { display:flex; align-items:center; gap:7px; font-size:1rem; line-height:1.4; color:var(--muted); }
body .main .home-month-stat i { font-style:normal; color:var(--fg); }
body .main .home-month-stat > strong { display:block; margin-top:8px; font-size:clamp(1.5rem,2.4vw,2rem); line-height:1.2; font-weight:700; font-variant-numeric:tabular-nums; letter-spacing:-.025em; overflow-wrap:anywhere; }
body .main .home-month-note { margin:16px 0 0; font-size:.875rem!important; line-height:1.5; color:var(--muted); }
body .main .home-month-note a { color:var(--brand-violet,#705DE7); font-weight:600; text-decoration:underline; }
body .main .home-register-actions { display:flex; gap:12px; margin-top:22px; }
body .main .home-register-actions .btn { min-height:48px; font-size:1rem; line-height:1.35; font-weight:650; padding:12px 22px; white-space:normal; }
body .main .home-register-actions .btn > span { font-size:1.375rem; line-height:1; }
body .main .home-register-expense { background:#705DE7; color:#fff; border:1px solid #705DE7; }
body .main .home-register-expense:hover { background:#5a46c7; }
body .main .home-register-income { background:#4BC86A; color:#17271b; border:1px solid #4BC86A; }
body .main .home-register-income:hover { background:#3eb35b; }
body .main .home-margin-card { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(290px,1fr); gap:24px; background:#fff; padding:22px 24px; margin-top:20px; border:1px solid var(--border); border-radius:20px; }
body .main .home-margin-card.has-shortfall { border-left:5px solid #EEBD00; }
body .main .home-margin-heading { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
body .main .home-margin-heading h2 { font-size:1.125rem; line-height:1.35; margin:0; color:var(--fg); }
body .main .home-margin-status { display:inline-flex; align-items:center; min-height:26px; border:1px solid var(--border); padding:2px 9px; border-radius:999px; font-size:.75rem; color:var(--muted); white-space:nowrap; }
body .main .home-margin-status.is-ready { color:#184124; border-color:#4BC86A; }
body .main .home-margin-value { margin:12px 0 8px; font-size:1.875rem; line-height:1.2; font-weight:700; color:var(--brand-violet,#705DE7); font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
body .main .home-margin-value .clarity-placeholder { font-size:1.0625rem; font-weight:600; line-height:1.45; color:var(--fg); }
body .main .home-margin-main > p { color:var(--muted); margin:8px 0 0; font-size:.9375rem!important; line-height:1.55; }
body .main .home-margin-main > .btn { margin-top:12px; }
body .main .home-margin-tools { min-width:0; }
body .main .home-review-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
body .main .home-review-actions .btn { display:flex; align-items:center; justify-content:flex-start; gap:7px; min-height:46px; padding:8px 10px; font-size:.875rem; font-weight:550; line-height:1.4; white-space:normal; text-align:left; border:1px solid var(--border); background:#fff; }
body .main .home-check { display:grid; place-items:center; flex:0 0 22px; height:22px; border-radius:50%; background:#4BC86A; color:#17271b; font-size:.75rem; font-weight:700; }
body .main .home-check.is-pending { background:#EEBD00; color:#332900; }
body .main .home-margin-card .clarity-breakdown { margin-top:8px; }
body .main .home-margin-card .clarity-breakdown summary { min-height:42px; font-size:.875rem; }
body .main .home-activity-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(290px,1fr); gap:20px; margin-top:24px; align-items:start; }
body .main .home-recent,body .main .home-upcoming { min-width:0; padding:22px 24px; border-radius:20px; background:#fff; }
body .main .home-activity-grid h2 { font-size:1.25rem; color:var(--fg); }
body .main .home-activity-grid .section-head { margin-bottom:12px; gap:8px; }
body .main .home-coverage { color:var(--muted); margin:5px 0 0; font-size:.875rem!important; }
body .main .home-activity-grid .home-coverage { font-size:.875rem!important; }
body .main .home-full-link { display:flex; justify-content:space-between; gap:12px; margin-top:18px; border:1px solid var(--border); min-height:44px; font-size:.9375rem; white-space:normal; }
body .main .home-recent .row { min-height:70px; }
body .main .home-upcoming > p { color:var(--muted); }
body .main .home-upcoming .clarity-obligation > strong { font-size:1rem; }
body .main .home-upcoming .clarity-obligation small { font-size:.875rem; }
@media(max-width:1100px) {
 body .main .home-margin-card { grid-template-columns:minmax(0,1fr); gap:16px; }
 body .main .home-margin-tools { max-width:660px; }
 body .main .home-activity-grid { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:760px) {
 body .main .home-space-context { margin:0 0 10px; flex-wrap:wrap; gap:0 10px; }
 body .main .home-month-card,body .main .home-margin-card,body .main .home-recent,body .main .home-upcoming { padding:20px 18px; border-radius:18px; }
 body .main .home-month-head { align-items:flex-start; gap:8px; }
 body .main .home-month-head h2 { font-size:1.25rem; }
 body .main .home-month-head .btn { padding:4px 0 4px 8px; min-height:40px; line-height:1.3; max-width:90px; text-align:right; white-space:normal; }
 body .main .home-month-metrics { grid-template-columns:minmax(0,1fr); gap:0; margin:18px 0 8px; }
 body .main .home-month-stat { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 0 12px 10px; border-left-width:3px; }
 body .main .home-month-stat + .home-month-stat { margin-top:8px; }
 body .main .home-month-stat > span { font-size:.9375rem; line-height:1.35; }
 body .main .home-month-stat > strong { font-size:1.375rem; margin:0; text-align:right; max-width:60%; }
 body .main .home-month-note { font-size:.8125rem!important; }
 body .main .home-register-actions { gap:10px; margin-top:18px; }
 body .main .home-register-actions .btn { flex:1; padding:11px 8px; font-size:.9375rem; }
 body .main .home-register-actions .btn > span { display:none; }
 body .main .home-margin-card { margin-top:16px; gap:14px; }
 body .main .home-margin-value { font-size:1.75rem; }
 body .main .home-review-actions .btn { padding:8px; font-size:.8125rem; }
 body .main .home-activity-grid { gap:16px; margin-top:20px; }
 body .main .home-recent .row { grid-template-columns:30px minmax(0,1fr); }
 body .main .home-recent .row-value { grid-column:2; text-align:left; }
 .mobile-nav { grid-template-columns:.85fr 1.2fr 1.1fr 1.25fr .65fr; }
 .mobile-nav a[href*="plan-mensual"] > span { font-size:11px; overflow-wrap:normal; }
}

/* Separar resultado registrado, saldo confirmado y estimación disponible. */
body .main .home-first-step { margin-top:20px; padding:14px 16px; border-left:3px solid #EEBD00; background:#fffaf0; border-radius:0 10px 10px 0; }
body .main .home-first-step > strong { display:block; font-size:1rem; line-height:1.4; color:var(--fg); }
body .main .home-first-step p { margin:4px 0 0; font-size:.875rem!important; color:var(--muted); }
body .main .home-confirmed-balance { padding-bottom:14px; margin-bottom:14px; border-bottom:1px solid var(--border); }
body .main .home-confirmed-balance > div { display:flex; justify-content:space-between; flex-wrap:wrap; gap:6px 16px; }
body .main .home-confirmed-balance > div > span { font-size:.875rem; color:var(--muted); }
body .main .home-confirmed-balance strong { font-size:1.125rem; line-height:1.4; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
body .main .home-confirmed-balance .home-balance-pending { font-size:.875rem; font-weight:550; }
body .main .home-confirmed-balance p { margin:6px 0 0; font-size:.8125rem!important; line-height:1.5; color:var(--muted); }
body .main .home-margin-card.is-historical { grid-template-columns:minmax(0,1fr); }
body .main .home-period-notice { padding:12px 14px; border-radius:10px; margin:14px 0 0; background:#f2efff; color:var(--fg); font-size:.875rem!important; }
body .main .home-period-notice a { font-weight:600; text-decoration:underline; }
body .main .home-review-actions .btn:disabled { cursor:default; opacity:.6; }
@media(max-width:760px) {
 body .main .home-confirmed-balance > div { align-items:flex-start; }
 body .main .home-period-notice { padding:12px; }
}