@font-face{font-family:Manrope;src:url("../fonts/manrope-variable.ttf") format("truetype");font-style:normal;font-weight:200 800;font-display:swap}
/* Lovable composition; semantic aliases keep existing production selectors/contracts. */
:root{
 /* Neutral palette (Lovable reference): warm off-white canvas, white cards, zinc ink, graphite CTAs. */
 --gullak-canvas:#F8F7F4;--gullak-surface:#FFFFFF;--gullak-ink:#18181B;
 --gullak-hero:var(--gullak-surface);--gullak-on-hero:var(--gullak-ink);--gullak-hero-muted:var(--gullak-muted);
 --gullak-accent:#18181B;--gullak-on-accent:#FFFFFF;--gullak-accent-hover:#27272A;
 --gullak-muted:#5F5F66;--gullak-divider:#E7E5E4;--gullak-success:#15803D;
 --gullak-warning:#A16207;--gullak-error:#B91C1C;--gullak-copper:#52525B;
 --gullak-soft:#F5F5F4;--gullak-success-soft:#F0FDF4;--gullak-warning-soft:#FEF9EC;--gullak-error-soft:#FEF2F2;
 --gullak-shadow:0 1px 2px rgb(24 24 27 / 4%),0 8px 24px -12px rgb(24 24 27 / 12%);--gullak-backdrop:rgb(24 24 27 / 55%);
 --gullak-progress:var(--gullak-ink);
 --background:var(--gullak-canvas);--bg-canvas:var(--gullak-canvas);--card:var(--gullak-surface);--bg-surface:var(--gullak-surface);--elevated:var(--gullak-surface);--nav:var(--gullak-surface);
 --foreground:var(--gullak-ink);--text-main:var(--gullak-ink);--ink:var(--gullak-ink);--ink-deep:var(--gullak-hero);--card-foreground:var(--gullak-ink);
 --primary:var(--gullak-ink);--primary-foreground:var(--gullak-surface);--color-accent:var(--gullak-accent);--color-accent-text:var(--gullak-on-accent);
 --muted-foreground:var(--gullak-muted);--text-muted:var(--gullak-muted);--muted:var(--gullak-soft);--secondary:var(--gullak-soft);--secondary-foreground:var(--gullak-ink);--primary-soft:var(--gullak-soft);
 --accent:var(--gullak-accent);--accent-foreground:var(--gullak-on-accent);--accent-tint:var(--gullak-soft);--accent-soft:var(--gullak-hero-muted);--primary-bright:var(--gullak-copper);
 --border:var(--gullak-divider);--border-subtle:var(--gullak-divider);--border-strong:var(--gullak-muted);--input:var(--gullak-divider);--ring:var(--gullak-copper);
 --positive:var(--gullak-success);--positive-tint:var(--gullak-success-soft);--status-pos-bg:var(--gullak-success-soft);--status-pos-text:var(--gullak-success);
 --warning:var(--gullak-warning);--warning-soft:var(--gullak-warning-soft);--status-warn-bg:var(--gullak-warning-soft);--status-warn-text:var(--gullak-warning);
 --destructive:var(--gullak-error);--destructive-foreground:var(--gullak-surface);--danger-soft:var(--gullak-error-soft);--status-neg-bg:var(--gullak-error-soft);--status-neg-text:var(--gullak-error);
 --popover:var(--gullak-surface);--popover-foreground:var(--gullak-ink);--mint:var(--gullak-success-soft);--mint-surface:var(--gullak-success-soft);--mint-foreground:var(--gullak-success);--sky:var(--gullak-soft);--sky-foreground:var(--gullak-ink);--lilac:var(--gullak-soft);--lilac-foreground:var(--gullak-muted);
 --ink-foreground:var(--gullak-on-hero);--ink-muted:var(--gullak-hero-muted);
 --font-sans:"Manrope","Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
 --nav-height:64px;--gullak-visual-gutter:16px;--gullak-visual-width:512px;
}
@media(prefers-color-scheme:dark){:root{
 --gullak-canvas:#0F0F10;--gullak-surface:#1A1A1D;--gullak-ink:#FAFAF9;
 --gullak-hero:var(--gullak-surface);--gullak-on-hero:var(--gullak-ink);--gullak-hero-muted:var(--gullak-muted);
 --gullak-accent:#FAFAF9;--gullak-on-accent:#18181B;--gullak-accent-hover:#E4E4E7;
 --gullak-muted:#A1A1AA;--gullak-divider:#2E2E33;--gullak-soft:#232326;--gullak-copper:#D4D4D8;
 --gullak-success:#4ADE80;--gullak-success-soft:#12261A;--gullak-warning:#FACC15;--gullak-warning-soft:#2A2410;--gullak-error:#F87171;--gullak-error-soft:#2D1416;
 --gullak-shadow:0 1px 2px rgb(0 0 0 / 30%);--gullak-backdrop:rgb(0 0 0 / 65%);
 --primary:var(--gullak-accent);--primary-foreground:var(--gullak-on-accent);
}}
body{background:var(--background)!important;color:var(--foreground);font-family:var(--font-sans);font-weight:500}
button,input,select,textarea{font-family:inherit}button{font-weight:650;min-height:44px}a,summary{touch-action:manipulation}
button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--ring)!important;outline-offset:3px}
.money,.big,.gk-num{font-variant-numeric:tabular-nums}
.app-frame{max-width:512px}.app-header{position:sticky;top:0;z-index:30;background:var(--background);padding:10px 16px!important;min-height:60px}
.app-main{padding:0 16px calc(88px + env(safe-area-inset-bottom))!important}.gullak-month-row{padding:0 16px 8px}.header-cycle-select{min-height:44px!important;font-weight:650}
#headerPilotPill{width:44px;max-width:44px!important;height:44px;padding:4px!important;justify-content:center;color:var(--foreground)!important;background:var(--card);border-radius:50%}
#headerStatusText{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#headerStatusDot{display:none}#headerAvatar{margin:0!important;width:32px!important;height:32px!important;background:var(--gullak-hero)!important;color:var(--gullak-on-hero)!important}
#notificationBell{display:inline-flex;width:44px!important;min-width:44px;min-height:44px;position:relative;align-items:center;justify-content:center;border:0;background:transparent!important;color:var(--foreground);padding:10px}
#notificationUnread:not(:empty){position:absolute;right:0;top:0;background:var(--warning-soft);color:var(--warning);font-size:12px;min-width:18px;padding:2px;border-radius:20px}
#notificationBell[hidden]{display:none!important}@media(max-width:540px){.app-header{grid-template-columns:minmax(0,1fr) 44px 44px;gap:8px}#notificationBell{grid-column:2;grid-row:1}#headerPilotPill{grid-column:3;grid-row:1}}
#pilotApp .card,#pilotApp .surface-card,#pilotApp .task-disclosure{box-shadow:none!important;border-color:var(--border)!important;border-radius:16px}
#pilotApp .view-panel>.card,#pilotApp .view-panel>.task-disclosure{margin:16px 0!important}#pilotApp .card{padding:16px!important}
#pilotApp #thisCycleCard{padding:0!important;margin-top:8px!important;background:none!important;border:0!important}
#pilotApp #home .allowance-card{position:relative;isolation:isolate;overflow:hidden;background:var(--gullak-hero)!important;border:0!important;border-radius:24px!important;padding:24px 22px 22px!important;color:var(--gullak-on-hero)!important;box-shadow:none!important}
#home .summary-top{display:block}#pilotApp #home .allowance-label{font-size:15px!important;line-height:1.4;font-weight:600!important;color:var(--gullak-hero-muted)!important;max-width:calc(100% - 64px)}
#home .summary-money{margin-top:10px}#pilotApp #home .allowance-value.big{font-size:clamp(36px,10.8vw,48px)!important;line-height:1.1!important;letter-spacing:-1.4px!important;font-weight:750!important;color:var(--gullak-on-hero)!important;overflow-wrap:anywhere}
#pilotApp #home .allowance-card.over .allowance-value.big{color:var(--gullak-accent)!important}
#pilotApp #home .summary-info{color:var(--gullak-hero-muted)!important;flex:0 0 44px}
.allowance-meta-row{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;flex-wrap:wrap!important;margin:18px 0 6px!important}
#pilotApp #home .allowance-details{display:inline-flex!important;align-items:center!important;border:1px solid var(--border)!important;background:var(--card)!important;border-radius:999px!important;padding:5px 12px!important;min-height:30px!important;font-size:12.5px!important;color:var(--gullak-on-hero)!important;margin:0!important}
#pilotApp #home button.hero-freshness{display:inline-flex!important;align-items:center!important;border:1px solid var(--border)!important;background:var(--card)!important;border-radius:999px!important;color:var(--gullak-hero-muted)!important;font-size:12px!important;min-height:44px!important;min-width:44px!important;font-weight:550!important;padding:5px 12px!important;text-decoration:none!important;margin:0!important;cursor:pointer;margin-top:6px!important}
#pilotApp #home button.hero-freshness:hover{background:var(--muted)!important;color:var(--gullak-on-hero)!important}
.hero-motif{position:absolute;top:0;right:0;width:80px;height:48px;pointer-events:none;overflow:hidden;opacity:.65;z-index:-1}.hero-motif:after{content:"";position:absolute;top:-115px;right:-150px;width:300px;height:300px;background:url('/icons/hero-tenfold.svg') center/contain no-repeat;pointer-events:none}
#pilotApp #btnHomeCheckPurchase{display:flex!important;align-items:center;justify-content:center;gap:8px;background:var(--gullak-accent)!important;color:var(--gullak-on-accent)!important;border:0!important;border-radius:16px;min-height:54px!important;width:100%;font-size:17px!important;font-weight:750!important;margin:16px 0 0!important;padding:12px 18px!important;box-shadow:none!important}
#btnHomeCheckPurchase:hover{background:var(--gullak-accent-hover)!important}#btnHomeCheckPurchase svg{display:block!important;flex-shrink:0}#homePurchaseAction:empty{display:none!important}
#homePurchaseAction{margin:18px 0 16px!important}
#homeSecondaryActions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 20px}
#homeSecondaryActions>button{width:100%;min-height:52px!important;display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px;white-space:normal;padding:8px!important;border:1px solid var(--border)!important;border-radius:14px;background:var(--card)!important;color:var(--foreground)!important}
#homeSecondaryActions .add-circle-btn{position:static!important;display:inline-flex;width:20px!important;height:20px!important;transform:none!important;border:0!important;box-shadow:none!important;background:none!important;color:var(--gullak-copper)!important}
#homeSecondaryActions .add-circle-btn svg{width:18px;height:18px}#homeSecondaryActions>button>span:last-child{padding:0!important}
#homeMonthlySummary{background:var(--card);border-radius:16px;overflow:hidden;margin:0 0 18px}
.home-summary-rows>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border);font-size:15px}.home-summary-rows strong{text-align:right;overflow-wrap:anywhere}
#homeMonthlySummary .summary-saving{margin:0!important;padding:4px 16px!important;border:0!important}#homeMonthlySummary .saving-detail-button{min-height:44px!important;color:var(--foreground)!important;font-size:14px!important}
.home-evidence-notes{padding:0 16px}.home-evidence-notes:empty{display:none}.home-evidence-notes>p:first-child{display:none}.home-evidence-notes .classification-action{font-size:13px!important;min-height:44px}
#pilotApp #home .home-goal-card{display:block;margin:16px 0!important;width:100%;color:var(--foreground);background:var(--card);text-align:left}
#nextActionCard{border:1px solid var(--border)!important;background:var(--card)!important;box-shadow:var(--gullak-shadow)!important;padding:16px!important;border-radius:14px!important;margin:16px 0!important}.hint-icon{color:var(--warning)!important;background:none!important}
.rail-badge-card,.rail-badge-upi,.rail-badge-cash{background:var(--muted)!important;color:var(--muted-foreground)!important}.rail-badge-refund{background:var(--positive-tint)!important;color:var(--positive)!important}
#homeRecentSpending{margin:18px 0!important}#homeRecentSpending .surface-card{padding:16px!important}.home-recent-row{border-color:var(--border)!important}
.bottom-nav{height:calc(64px + env(safe-area-inset-bottom))!important;min-height:64px;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:start!important;background:var(--card)!important;max-width:512px!important;padding:4px 8px env(safe-area-inset-bottom)!important;box-shadow:none!important;backdrop-filter:none!important}
.bottom-nav>.nav-item{height:56px;min-height:48px!important;border:0!important;border-radius:0!important;gap:3px;color:var(--muted-foreground)!important;background:none!important;font-size:12px!important}
.bottom-nav>.nav-item.active{color:var(--foreground)!important;font-weight:750}.bottom-nav>.nav-item svg{box-sizing:border-box!important;background:none!important;padding:0!important;width:22px!important;height:22px!important;box-shadow:none!important}
.bottom-nav>.nav-item.active:after{content:"";width:24px;height:3px;background:var(--gullak-accent);border-radius:3px;position:absolute;bottom:2px}.bottom-nav>.nav-item{position:relative}
#view-activity button.activity-filter{background:var(--card)!important;color:var(--foreground)!important;border:1px solid var(--border)!important;min-height:44px!important;border-radius:12px!important;font-size:14px!important;font-weight:650}
#view-activity button.activity-filter[aria-pressed=true]{background:var(--gullak-hero)!important;color:var(--gullak-on-hero)!important;border-color:var(--gullak-hero)!important}
#transactions{background:var(--card);border-radius:16px;overflow:hidden}#transactions .activity-entry{margin:0!important;padding:0!important;border:0;border-bottom:1px solid var(--border)!important;border-radius:0;background:transparent!important;box-shadow:none}
.activity-entry-summary{padding:16px!important;grid-template-columns:minmax(0,1fr) auto 16px!important;gap:10px!important}.activity-entry-icon{display:none!important}.activity-entry-copy strong{font-size:15px!important;font-weight:650}.activity-entry-copy .muted{font-size:13px!important}.activity-entry-amount{font-size:15px!important;max-width:145px;overflow-wrap:anywhere}.activity-entry-detail{padding:0 16px 16px!important}
.activity-day-heading{padding:12px 16px!important;background:var(--background);font-size:12px!important;color:var(--muted-foreground)}
#planOverview{background:transparent!important;border:0!important;padding:0!important}.plan-metrics{display:block!important;background:var(--card)!important;border-radius:16px;overflow:hidden;gap:0!important}.plan-metric{display:flex!important;justify-content:space-between;gap:12px;padding:14px 16px!important;border:0!important;border-bottom:1px solid var(--border)!important;border-radius:0!important;background:none!important}
.task-disclosure>summary{min-height:56px;padding:16px!important}.task-body{padding:16px!important}.task-body>.card{padding:0!important;border:0!important;background:transparent!important}.task-disclosure>summary small{font-size:13px;line-height:1.5}
#pilotApp .primary-button{background:var(--primary);color:var(--primary-foreground);border-radius:12px;box-shadow:none}.secondary{background:var(--card);color:var(--foreground);border-color:var(--border);border-radius:12px}
.gullak-sheet{background:var(--card)!important;box-shadow:0 -8px 28px rgb(24 24 27 / 12%)!important;border-radius:22px 22px 0 0!important;padding-top:24px!important}.gullak-sheet::backdrop,dialog::backdrop{background:var(--gullak-backdrop)!important}
.gullak-sheet label{font-size:14px;font-weight:600}.gullak-sheet input,.gullak-sheet select{background:var(--card);color:var(--foreground);border:1px solid var(--border);border-radius:12px;min-height:48px}
#spendingSheet .money-field-wrap,#checkCard #scenario{background:var(--card)!important;color:var(--foreground)!important;border-color:var(--border)}#spendingSheet #amount{color:var(--foreground)!important}
#purchaseComparison:not([hidden]){display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}#purchaseComparison>div{background:var(--muted);border-radius:12px;padding:14px;min-width:0}#purchaseComparison span{display:block;font-size:13px;color:var(--muted-foreground)}#purchaseComparison strong{display:block;font-size:22px;line-height:1.3;margin-top:6px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#scenarioResultBox{background:var(--muted)!important;border:0!important}.sheet-footer{background:var(--card);position:sticky;bottom:0;z-index:1}.sheet-footer:has(input:focus){position:static}
#notificationInboxDialog{background:var(--card);color:var(--foreground);border:1px solid var(--border);width:min(440px,calc(100vw - 24px));max-height:85dvh;overflow:auto;border-radius:20px;padding:20px}.inbox-entry{border-bottom:1px solid var(--border);padding:16px 0;overflow-wrap:anywhere}.inbox-entry>button{margin:6px 8px 0 0}
body:has(dialog[open]){overflow:hidden}.gullak-sheet button.sheet-close{min-height:44px;min-width:44px}
@media(max-width:540px){input:not([type=checkbox]):not([type=radio]),textarea,select{font-size:16px!important}#pilotApp .card{padding:16px!important}}
@media(min-width:768px){body{padding:20px 0}.app-frame{box-shadow:0 16px 40px -10px rgb(24 24 27 / 12%);background:var(--background);min-height:100dvh;border-radius:20px}.app-header{border-radius:20px 20px 0 0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
#pilotApp #home .classification-action{color:var(--gullak-hero-muted)!important;background:transparent!important;border-color:var(--gullak-hero-muted)!important}
/* Grouped Activity and Plan rows: retain all detail actions without nested overview cards. */
#pilotApp #activitySummary{padding:12px 0!important;border:0!important;background:none!important;margin:8px 0 12px!important}
#activitySummary .activity-summary-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;width:100%}
#activitySummaryPeriod{grid-column:1;align-self:center;margin:0;font-size:13px!important;text-transform:none;letter-spacing:0}
#activitySummaryAmount{grid-column:2;grid-row:1;margin:0!important;font-size:24px!important;line-height:1.3;overflow-wrap:anywhere}
#activitySummaryCount{grid-column:1/-1;font-size:13px!important;margin:4px 0!important;line-height:1.5}.activity-summary-mark{display:none!important}
#pilotApp #spendCard{padding:0!important;background:transparent!important;border:0!important;margin:12px 0!important}
#spendCard .activity-section-heading{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#spendCard .task-import-link{margin:0 0 12px!important;width:auto!important;min-height:44px;float:none}
#spendCard .activity-controls{margin-top:0!important}.activity-search{margin:0 0 12px!important}
#pilotApp #planOverview{padding:0!important;margin:12px 0!important}
#planOverview .plan-metric{flex-direction:row!important;align-items:center;min-height:52px}
#planOverview .plan-metric span{font-size:14px;color:var(--foreground);margin:0!important}#planOverview .plan-metric strong{font-size:16px!important;text-align:right;overflow-wrap:anywhere}
#planOverview>h2{margin:8px 0!important}#planOverview>.muted{font-size:14px;margin:8px 0 16px!important}
#homePurchaseAction:not(:has(button)){display:none!important}
#pilotApp #thisCycleCard{margin:8px 0 0!important}

/* Compact document approval and optional privacy controls only. */
[data-privacy-approval] .privacy-choice{display:flex!important;align-items:flex-start;gap:10px;min-height:44px;padding:10px 0;margin:0!important;font-size:14px;line-height:1.5;cursor:pointer}
[data-privacy-approval] input[type=checkbox]{appearance:auto;width:20px!important;min-width:20px!important;max-width:20px!important;height:20px!important;min-height:20px!important;max-height:20px!important;flex:0 0 20px;margin:1px 0 0!important;padding:0!important;accent-color:var(--primary)}
[data-privacy-approval] .privacy-choice>span{min-width:0}
[data-privacy-approval] a{color:var(--primary);text-decoration:underline;text-underline-offset:3px}
#privacyApprovalSettings form>p{font-size:14px;line-height:1.5}
#privacyApprovalSettings form>p[role=status]:empty{display:none}

/* Setup owns the initial allowance action; hidden controls must override CTA styles. */
#pilotApp #btnHomeCheckPurchase[hidden],#homeSecondaryActions[hidden],#planOverview[hidden],#planCard[hidden]{display:none!important}

/* Stitch V6: the five core views, backed by the existing application contracts.
   Local Manrope + system serif; no CDN assets, fake balances or demo navigation. */
/* Palette tokens live in the single :root block at the top of this file. */
.app-header{border-bottom:1px solid var(--border)!important;background:var(--background)!important}
.app-header .brand{font-family:var(--font-sans);font-size:21px;letter-spacing:0;color:var(--foreground)}
.app-header .brand-mark{background:var(--gullak-hero);color:var(--gullak-hero-muted);border:1px solid var(--gullak-divider);border-radius:12px}
.gullak-month-row{text-align:center;padding-top:4px}.header-cycle-select{color:var(--gullak-copper)!important;background:transparent!important;border:0!important;text-align:center;font-size:13px!important}
#pilotApp h1,#pilotApp h2,#pilotApp h3{letter-spacing:0;font-weight:700}
#pilotApp #home .allowance-value.big,#onboardingCard>h2{font-family:var(--font-sans)}
#pilotApp #home .allowance-card{border:1px solid var(--gullak-divider)!important;border-radius:24px!important;padding:22px 20px 18px!important;box-shadow:0 5px 12px rgb(24 24 27 / 6%)!important}
#pilotApp #home .allowance-label{max-width:calc(100% - 8px);font-size:13px!important;letter-spacing:.035em;text-transform:uppercase;color:var(--gullak-hero-muted)!important;font-weight:650!important;margin:0!important}
#pilotApp #home .summary-money{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;align-items:center;margin-top:14px}
#pilotApp #home .summary-info{width:44px;min-height:44px;min-width:44px;border-radius:50%;background:var(--muted)!important;color:var(--gullak-hero-muted)!important}
#pilotApp #home .allowance-value.big{font-size:clamp(32px,10.2vw,46px)!important;min-width:0;max-width:100%;overflow-wrap:anywhere;letter-spacing:-1px!important}
#home .hero-motif{top:auto;bottom:0;right:0;width:70px;height:32px;opacity:.35}
#home .hero-motif:after{width:120px;height:120px;top:0;right:-70px;transform:rotate(22deg);border:1px solid var(--gullak-divider);border-radius:16px;background:none}
#home .allowance-meta-row{gap:8px!important;margin:12px 0 0!important;align-items:center!important}
#pilotApp #home .allowance-details{border:0!important;background:none!important;padding:0!important;border-radius:0!important;max-width:100%;white-space:normal;font-size:13px!important;color:var(--gullak-hero-muted)!important}
#pilotApp #home button.hero-freshness{border-radius:12px!important;padding:8px 12px!important;min-height:44px!important;min-width:44px!important;white-space:normal;margin:0!important}
.v6-daily-pace{color:var(--gullak-hero-muted);font-size:12px;line-height:1.6;margin:8px 0 0}
#home .home-summary-rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border-top:1px solid var(--border);margin-top:18px;padding-top:14px}
#home .home-summary-rows>div{display:flex;flex-direction:column;align-items:start;justify-content:start;padding:0;gap:6px;border:0;min-width:0;font-size:11px;color:var(--gullak-hero-muted);line-height:1.5}
#home .home-summary-rows strong{color:var(--gullak-on-hero);font-size:14px;text-align:left;min-width:0;max-width:100%;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#home .home-summary-rows>div:last-child strong{color:var(--gullak-on-hero)}
#pilotApp #btnHomeCheckPurchase{border-radius:14px!important;background:var(--gullak-on-hero)!important;color:var(--gullak-hero)!important;min-height:52px!important;margin-top:0!important;font-size:16px!important}
#homePurchaseAction{margin:14px 0 12px!important}
#homeSecondaryActions{margin:0 0 16px;gap:10px}
#homeSecondaryActions>button{border-radius:14px!important;min-height:48px!important;font-size:13px;background:var(--card)!important}
#pilotApp #homeMonthlySummary{border:1px solid var(--border);border-radius:18px!important;background:var(--card);margin-bottom:16px}
#homeMonthlySummary:empty{display:none}.home-evidence-notes{font-size:13px}.home-evidence-notes>p:first-child{display:block}
#pilotApp #homeGoalSlot .card,#pilotApp #homeRecentSpending .surface-card,#pilotApp #homeUpcomingBills{border:1px solid var(--border)!important;border-radius:18px!important;background:var(--card);padding:18px!important;margin:16px 0!important}
#homeUpcomingBills[hidden]{display:none!important}#homeUpcomingBills h2{font-size:16px;margin:0 0 6px}#homeUpcomingBills>p{font-size:12px;line-height:1.6;margin:0 0 8px}
.v6-bill-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--border);font-size:13px}.v6-bill-row>div{min-width:0}.v6-bill-row small{display:block;color:var(--muted-foreground);margin-top:4px}.v6-bill-row strong{overflow-wrap:anywhere}.v6-bill-row>.money{flex:0 1 auto;text-align:right}
#homeUpcomingBills>button{width:100%;margin-top:12px}
#pilotApp #settingsCard,#pilotApp #view-account>.task-disclosure{border:1px solid var(--border)!important;border-radius:18px!important;background:var(--card)}
.profile-identity-avatar{background:var(--gullak-hero)!important;color:var(--gullak-hero-muted)!important;border:1px solid var(--gullak-divider)!important;font-family:var(--font-sans)}.profile-identity-name{font-size:16px}
#view-account .task-disclosure>summary{padding:16px!important;min-height:56px;gap:12px;line-height:1.5}#view-account .task-disclosure small{font-size:12px;margin-top:4px;color:var(--muted-foreground)}
#onboardingCard{position:relative;isolation:isolate;border:1px solid var(--gullak-divider)!important;border-radius:24px!important;background:var(--card)!important;padding:22px!important}
#onboardingCard:before{content:"";display:block;width:36px;height:36px;background:linear-gradient(45deg,transparent 43%,var(--gullak-divider) 44%,var(--gullak-divider) 46%,transparent 47%),linear-gradient(-45deg,transparent 43%,var(--gullak-divider) 44%,var(--gullak-divider) 46%,transparent 47%);border:1px solid var(--gullak-divider);border-radius:10px;margin-bottom:16px}
#onboardingCard>h2{font-size:28px;line-height:1.2;color:var(--foreground);margin:0 0 12px}#onboardingCard h3{font-size:17px;line-height:1.5}#onboardingCard p{font-size:14px;line-height:1.65;color:var(--muted-foreground)}
#onboardingCard button{border-radius:12px!important;min-height:48px;width:100%;margin:5px 0;white-space:normal}#onboardingCard input:not([type=checkbox]){min-width:0;max-width:100%}#onboardingCard form{min-width:0}#onboardingCard label{margin-bottom:12px}
#onboardingCard .privacy-choice{padding:12px 0!important;line-height:1.7}.privacy-choice a{display:inline-block;min-height:44px;line-height:44px}
#calculationSheetModal,#coverageReviewDialog{box-sizing:border-box;width:min(480px,calc(100vw - 24px))!important;max-width:480px;max-height:calc(100dvh - 110px);overflow-y:auto;border:1px solid var(--border)!important;border-radius:24px!important;padding:20px!important;background:var(--card);color:var(--foreground)}
#calculationSheetModal::backdrop,#coverageReviewDialog::backdrop{background:var(--gullak-backdrop)}
#calculationSheetModal h3{font-size:20px!important;line-height:1.3}.v6-sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.v6-sheet-heading h2{font-size:20px;margin:0}
#calculationSheetModal button,#coverageReviewDialog button{min-width:44px;min-height:44px;border-radius:12px;white-space:normal}
#calculationSheetModal button[onclick*="close"],.v6-sheet-heading button{flex:0 0 44px;min-width:44px;padding:8px!important}
#calculationSheetModal .actions>button,#coverageReviewDialog>button{width:100%}
.v6-formula{background:var(--gullak-hero);color:var(--gullak-on-hero);border:1px solid var(--gullak-divider);border-radius:16px;padding:16px;margin-bottom:16px}.v6-formula p{font-size:14px;line-height:1.6;color:var(--gullak-on-hero);margin:0 0 8px}.v6-formula small{font-size:12px;line-height:1.6;color:var(--gullak-hero-muted)}
#calcSheetBreakdown .v6-calculation-steps{background:var(--card)!important;border:1px solid var(--border)}#calcSheetBreakdown .v6-calculation-steps>div{gap:16px;align-items:baseline;padding:10px 0!important;line-height:1.6}#calcSheetBreakdown strong{overflow-wrap:anywhere;text-align:right;min-width:0}
.v6-uncertainty{padding:12px;border:1px solid var(--warning);background:var(--warning-soft);color:var(--warning);border-radius:12px;font-size:13px;line-height:1.6}
#btnCalculationCoverage{display:block;width:100%;min-height:48px;margin-top:16px;white-space:normal}
#coverageReviewDialog{margin-top:90px}#coverageReviewDialog>.muted{font-size:13px;line-height:1.65}#coverageReviewDialog #task-sourcesCard{margin:12px 0;border:0!important;background:transparent}
#coverageReviewDialog #task-sourcesCard>summary{display:none}#coverageReviewDialog #sourcesCard{padding:0!important;border:0!important;box-shadow:none;background:transparent}#coverageReviewDialog .task-body{padding:0}#coverageReviewDialog #sourcesList>div{padding:14px!important;border:1px solid var(--border);border-radius:16px;margin:12px 0!important}
#coverageReviewDialog input,#coverageReviewDialog select{min-width:0;max-width:100%}#coverageReviewDialog p{line-height:1.65;overflow-wrap:anywhere}#coverageReviewDialog #sourcesCard>h2{font-size:17px}
#coverageReviewDialog select{min-height:44px!important}
#coverageReviewDialog #newSourceType{height:44px!important}
#pilotApp #btnHomeCheckPurchase[hidden]{display:none!important}
@media(max-width:350px){#pilotApp #home .allowance-card{padding:18px 16px!important}#home .home-summary-rows{gap:8px}#home .home-summary-rows strong{font-size:13px}#onboardingCard{padding:18px!important}}
/* Intrinsic button sizing must not widen Safari's two-column action grid. */
#homeSecondaryActions{grid-template-columns:repeat(2,minmax(0,1fr))}
#homeSecondaryActions>button{min-width:0;overflow-wrap:anywhere}
/* Statement-password consent stays scoped; small checkbox, reachable sheet actions. */
#pdfPasswordModal{box-sizing:border-box;max-height:85dvh;overflow:auto;width:min(440px,calc(100vw - 24px))!important}
#pdfPasswordCloseBtn{min-width:44px;min-height:44px;flex:0 0 44px}
#pdfPasswordModal .statement-password-choice input{width:20px!important;min-width:20px!important;max-width:20px!important;height:20px!important;min-height:20px!important;flex:0 0 20px}
#statementPasswordsList>div{padding:12px 0;border-bottom:1px solid var(--border)}
#statementPasswordsList button{min-height:44px;margin:4px 8px 4px 0}
/* V6 chrome: actual profile and notification actions flank the brand. */
.app-header{display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;gap:10px!important}
.app-header>div{display:contents!important}.app-header .brand{grid-column:2;grid-row:1;justify-self:center;min-height:44px;display:flex;align-items:center}.app-header .brand-mark,.brand-dot{display:none!important}
.app-header #headerPilotPill{grid-column:1;grid-row:1}.app-header #notificationBell{grid-column:3;grid-row:1}
body:not(.gullak-signed-in) #headerStatusText{position:static;width:auto;height:auto;clip-path:none;font-size:11px;color:var(--foreground)}

/* Home primary decision controls retain their existing bindings. */
#home .home-hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}
#home .home-hero-actions #homePurchaseAction{margin:0!important;min-width:0}
#home .home-hero-actions button{width:100%;min-width:0;min-height:52px!important;white-space:normal;overflow-wrap:anywhere;font-size:14px!important;padding:10px!important}
#home .home-hero-actions #btnPersistentAdd{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border)!important;background:var(--muted)!important;color:var(--gullak-on-hero)!important;border-radius:14px}
#home .home-hero-actions .add-circle-btn{position:static!important;display:inline-flex;transform:none!important;width:18px!important;height:18px!important;background:none!important;box-shadow:none!important}
#homeSecondaryActions:has(>button:only-child){grid-template-columns:minmax(0,1fr)}
#pilotApp #homeGoalCard [data-goal-ring]{display:block;width:100%;height:8px;margin:12px 0;background:var(--muted);border-radius:4px}
#pilotApp #homeGoalCard [data-goal-ring] circle{display:none}
#pilotApp #homeGoalCard [data-goal-ring]{background:linear-gradient(to right,var(--gullak-progress) var(--goal-progress,0%),var(--muted) 0)}
#pilotApp #home .home-hero-actions #btnHomeCheckPurchase svg{display:none!important}
@media(max-width:350px){#pilotApp #home .home-hero-actions button{font-size:12px!important;padding:8px!important}}
#pilotApp #homeGoalSlot #homeGoalCard{display:block!important;text-align:left;white-space:normal}
#homeGoalCard>div{gap:8px;flex-wrap:wrap;line-height:1.5}
#homeUpcomingBills .v6-bill-row>.money{flex:0 0 auto;max-width:50%;overflow-wrap:anywhere}

/* V6 allowance sheet only. Native modal focus and existing Home routing retained. */
#calculationSheetModal{margin:auto!important;max-height:calc(100dvh - 32px)!important;font-size:14px;line-height:1.6}
#calculationSheetModal h3{font-family:var(--font-sans);font-size:22px!important}
#calculationSheetModal h4{font-size:14px;line-height:1.5}
#calculationSheetModal #calcSheetBreakdown>div>div{display:flex;gap:12px;align-items:baseline;justify-content:space-between}
#calculationSheetModal #calcSheetBreakdown strong,#calculationSheetModal [data-calculation-left]{font-variant-numeric:tabular-nums;flex:0 1 auto;max-width:55%;overflow-wrap:anywhere;text-align:right}
#calculationSheetModal #calcSheetBreakdown span{min-width:0}
#calculationSheetModal details{margin-top:16px;overflow-wrap:anywhere}
#calculationSheetModal summary{min-height:44px;display:list-item;align-content:center}
#calculationSheetModal li{margin:10px 0}
#calculationSheetModal button[hidden]{display:none!important}
#calculationSheetModal [data-calculation-left]{font-size:21px;font-family:var(--font-sans);font-weight:700}
#calculationSheetModal .actions{margin-bottom:0}
#calculationSheetModal #btnCalculationRetry{width:100%;min-height:48px}
#calculationSheetModal[data-state=loading] #calcSheetBreakdown{padding:16px 0}
#calculationSheetModal #calcSheetBreakdown>div>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}
#calculationSheetModal #calcSheetBreakdown strong{max-width:none;white-space:nowrap;font-size:13px}
#calculationSheetModal #calcSheetBreakdown>div>div:has([data-calculation-left]){grid-template-columns:minmax(0,1fr);gap:8px}
#calculationSheetModal [data-calculation-left]{max-width:100%;font-size:28px;text-align:left}
#calculationSheetModal #calcSheetBreakdown>div>div{display:grid!important}

/* V6 Coverage Review: source presence, identity and statement coverage stay separate. */
#coverageReviewDialog{margin:auto!important;max-height:calc(100dvh - 32px);font-size:14px;line-height:1.6}
#coverageReviewDialog .v6-sheet-heading h2{font-family:var(--font-sans);font-size:24px}
#coverageReviewDialog .v6-coverage-section{padding:16px;margin:16px 0;border:1px solid var(--border);border-radius:16px;background:var(--card);min-width:0}
#coverageReviewDialog .v6-coverage-section h3{font-size:16px;line-height:1.5;margin:0 0 10px}
#coverageReviewDialog h4{font-size:14px;margin:0 0 6px}
#coverageReviewDialog .v6-coverage-section p{font-size:13px;margin:8px 0}
#coverageReviewDialog .v6-coverage-notice{border:1px solid var(--warning);background:var(--warning-soft);color:var(--warning);border-radius:12px;padding:12px;font-size:13px}
#coverageReviewDialog .v6-coverage-inbox,#coverageReviewDialog .v6-coverage-detection{padding:14px 0;border-bottom:1px solid var(--border);overflow-wrap:anywhere}
#coverageReviewDialog .v6-coverage-inbox small{color:var(--muted-foreground)}
#coverageReviewDialog .actions{display:flex;flex-wrap:wrap;gap:8px}
#coverageReviewDialog .actions>button{flex:1 1 120px;min-width:44px;max-width:100%}
#coverageReviewDialog summary{min-height:44px;align-content:center;cursor:pointer;line-height:1.5}
#coverageReviewDialog #sourceDiscoveryList>.row,#coverageReviewDialog #sourcesList>.row{display:flex;flex-direction:column;align-items:stretch;gap:12px}
#coverageReviewDialog #sourceDiscoveryList>.row{border:1px solid var(--border);border-radius:14px;padding:14px;margin:12px 0}
#coverageReviewDialog #sourcesList .badge{white-space:normal;font-size:12px;line-height:1.5}
#coverageReviewDialog .task-body{min-width:0}
#coverageReviewDialog #sourceDiscoveryDialog{box-sizing:border-box;background:var(--card);color:var(--foreground);border:1px solid var(--border);border-radius:18px;padding:18px;max-height:calc(100dvh - 32px);overflow:auto}
#sourceDiscoveryDialog>button{min-height:44px;min-width:44px;white-space:normal;margin:8px 8px 0 0}
#coverageReviewDialog button[hidden]{display:none!important}

/* V6 Fresh Setup: one existing milestone at a time, with no invented plan mode. */
#pilotApp #onboardingCard{padding:18px!important;overflow:hidden}
#onboardingCard:before{display:none!important}
#onboardingCard .v6-setup-intro{background:var(--gullak-hero);color:var(--gullak-on-hero);border:1px solid var(--gullak-divider);border-radius:18px;padding:22px 18px;margin-bottom:18px}
#onboardingCard .v6-setup-intro h2{font:700 28px/1.2 var(--font-sans);color:var(--gullak-on-hero);margin:8px 0 12px}
#onboardingCard .v6-setup-intro p{color:var(--gullak-hero-muted);margin:8px 0;font-size:13px}
#onboardingCard .v6-setup-intro .v6-setup-eyebrow{font-size:11px;letter-spacing:.08em;color:var(--gullak-hero-muted);font-weight:700}
#onboardingCard .v6-setup-progress{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 22px;padding:0}
#onboardingCard .v6-setup-progress li{font-size:11px;line-height:1.5;color:var(--muted-foreground);padding:8px 4px;border-bottom:2px solid var(--border);text-align:center;min-width:0;overflow-wrap:anywhere}
#onboardingCard .v6-setup-progress [aria-current=step]{color:var(--foreground);font-weight:700;border-color:var(--gullak-progress)}
#onboardingCard label{font-size:14px;line-height:1.6;color:var(--foreground)}
#onboardingCard #onboardingPlanForm input{display:block;width:100%;box-sizing:border-box;min-height:48px;border:1px solid var(--border);border-radius:12px;background:var(--card);color:var(--foreground);margin-top:6px;padding:12px}
#onboardingCard .v6-setup-privacy-note{font-size:12px;line-height:1.6}
#onboardingCard .v6-setup-allowance{display:block;font:700 22px/1.4 var(--font-sans);color:var(--foreground);padding:16px;border:1px solid var(--border);border-radius:14px;overflow-wrap:anywhere}
#onboardingGmailStatus{margin-top:18px;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--muted)}
#onboardingCard .v6-setup-connection-warning{color:var(--warning);border:1px solid var(--warning);background:var(--warning-soft);padding:12px;border-radius:12px}
#onboardingCard button:disabled{cursor:wait}
#onboardingCard button,#onboardingCard a{touch-action:manipulation}
#onboardingCard #onboardingStatus:empty{display:none}
#onboardingCard .privacy-choice a{display:inline-block;min-width:44px;min-height:44px}
/* Frozen retry fields must retain readable values, including WebKit date inputs. */
#onboardingCard input:disabled{opacity:1!important;color:var(--foreground)!important;-webkit-text-fill-color:var(--foreground)!important;background:var(--muted)!important}

/* V6 Profile: existing settings, with identity first and legal below data controls. */
#view-account #settingsCard{padding:20px!important}
#view-account #settingsCard h2{font-family:var(--font-sans);font-size:24px;margin-top:18px!important}
#view-account .profile-identity-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center}
#view-account .profile-identity-avatar{width:48px;height:48px;font-size:19px;border-radius:50%}
#view-account .profile-identity-copy{min-width:0;overflow-wrap:anywhere;line-height:1.6}
#view-account #profileSignedInState{display:block;color:var(--positive);font-size:12px}
#view-account .profile-signout{grid-column:1/-1;width:100%;min-height:44px}
#view-account #profileDataStatus:empty,#view-account #profileSaveStatus:empty,#view-account #accountDeletionStatus:empty{display:none}
#view-account #profileSaveStatus,#view-account #accountDeletionStatus{font-size:13px;line-height:1.6}
#view-account #profileInboxCoverage{padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--muted);font-size:13px;line-height:1.6}
#view-account #gmailConnectionCard{margin:0!important;padding:0!important;border:0!important}
#view-account #gmailConnectionCard>h3{font-size:18px;margin:0 0 12px}
#view-account #gmailAutoSyncSettings>div{border:1px solid var(--border);border-radius:14px;padding:14px;margin:14px 0}
#view-account #gmailAutoSyncSettings>div>p{font-weight:650;overflow-wrap:anywhere}
#view-account #gmailAutoSyncSettings>div>button{display:block;width:100%;margin-top:10px;min-height:44px}
#view-account #gmailConnectionCard .actions{display:flex;flex-wrap:wrap;gap:10px}
#view-account #gmailConnectionCard .actions>button{flex:1 1 140px;min-width:0;white-space:normal;min-height:44px}
#view-account button,#view-account summary,#view-account a{min-height:44px}
#view-account #privacyApprovalSettings a{display:inline-block;min-width:44px;line-height:44px}
#view-account #profileDisplayName{min-height:48px;width:100%;box-sizing:border-box}
#view-account #nudgePrefsForm label{min-height:44px;line-height:1.6}
#view-account #nudgePrefsForm input:not([type=checkbox]){min-width:0;max-width:100%;min-height:48px}
#view-account #nudgePrefsForm input[type=checkbox]{width:20px!important;min-width:20px!important;height:20px;flex:0 0 20px}
#view-account #nudgeQuietHoursBlock{margin-left:0!important}
#view-account #dataManagementSection{margin:0!important;padding:0!important;border:0!important}
#view-account #dataManagementSection button{min-height:44px!important;white-space:normal}
#view-account #guidancePushCard{margin-top:0!important}
#view-account .task-disclosure>summary{min-height:60px}
#view-account .task-body{min-width:0}
#pilotApp #view-account button{min-height:44px!important;min-width:44px}
#view-account .profile-signout{width:100%!important;min-width:44px!important}
#view-account .profile-coverage-help{border-bottom:1px solid var(--border);margin:12px 0}
#view-account .profile-coverage-help>summary{min-height:44px;align-content:center;font-size:13px;cursor:pointer}
#view-account #profileInboxCoverage button{display:block;width:100%;margin-top:10px}
#pilotApp #view-account select,#pilotApp #view-account input:not([type=checkbox]):not([type=radio]){min-height:44px!important;min-width:0;max-width:100%;box-sizing:border-box}
/* Native WebKit menulists cap their visual height; retain select semantics with a 48px styled target. */
#pilotApp #view-account select{appearance:none;-webkit-appearance:none;min-height:48px!important;padding:12px 36px 12px 12px!important;background-color:var(--card);border:1px solid var(--border);border-radius:12px;background-image:linear-gradient(45deg,transparent 50%,var(--foreground) 50%),linear-gradient(135deg,var(--foreground) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat}

/* V6 layout correction: a single mobile frame and semantic spacing scale.
   Sections in index.html carry the hierarchy; these rules size that structure. */
:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--content-width:480px;--content-gutter:16px;--nav-height:64px;--device-safe-bottom:env(safe-area-inset-bottom,0px);--display-font:var(--body-font);--body-font:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-sans:var(--body-font)}
html{scroll-padding-top:88px;scroll-padding-bottom:calc(var(--nav-height) + var(--device-safe-bottom) + var(--space-4))}
body{font-size:14px;line-height:1.5}
.app-frame{width:100%;max-width:var(--content-width);margin:0 auto;min-height:100dvh}
.app-header{display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;grid-template-rows:28px 28px;column-gap:var(--space-2)!important;row-gap:0;align-items:center;padding:var(--space-2) var(--content-gutter)!important;min-height:72px;box-sizing:border-box}
.app-header .brand{font:700 20px/28px var(--display-font);grid-column:2;grid-row:1;min-height:28px;align-self:end}
.app-header #headerPilotPill{grid-row:1/3;align-self:center}.app-header #notificationBell{grid-row:1/3;align-self:center}
.app-header .gullak-month-row{grid-column:2;grid-row:2;min-width:0;padding:0!important;text-align:center}
.app-header .header-cycle-select{height:28px!important;min-height:28px!important;max-width:100%!important;width:auto!important;padding:0 var(--space-5) 0 var(--space-2)!important;font-size:12px!important;line-height:28px;color:var(--gullak-copper)!important}
/* The period select has a 44px hit region without adding a third header row. */
.app-header #headerCycleWrapper{position:relative;min-height:28px}.app-header #headerCycleSelect{min-height:44px!important;position:relative;top:-4px}
.app-main{padding:var(--space-3) var(--content-gutter) calc(var(--nav-height) + var(--device-safe-bottom) + var(--space-6))!important;min-width:0;overflow:visible}
#pilotApp .view-panel{padding:0!important;min-width:0;scroll-margin-bottom:calc(var(--nav-height) + var(--device-safe-bottom) + var(--space-4))}
#pilotApp .view-panel>.card,#pilotApp .view-panel>.task-disclosure{margin:0 0 var(--space-3)!important}
#pilotApp :is(.card,.surface-card,.task-disclosure){border-radius:16px;box-shadow:none!important}
#pilotApp h2{font:600 22px/28px var(--display-font);margin:0 0 var(--space-3)!important}
#pilotApp h3{font-size:15px;line-height:22px}#pilotApp p{line-height:1.5}
.bottom-nav{box-sizing:border-box!important;width:100%!important;max-width:var(--content-width)!important;height:calc(var(--nav-height) + var(--device-safe-bottom))!important;padding:var(--space-1) var(--space-2) var(--device-safe-bottom)!important}
.bottom-nav>.nav-item{height:56px;font-size:11px!important;line-height:16px}
#pilotApp #thisCycleCard{margin:0!important;padding:0!important}
#pilotApp #home .allowance-card{padding:var(--space-4)!important;border-radius:20px!important;box-shadow:none!important}
#home .hero-motif{display:none}
#pilotApp #home .allowance-label{font-size:11px!important;line-height:16px;letter-spacing:.06em;color:var(--gullak-hero-muted)!important;text-transform:uppercase}
#pilotApp #home .summary-money{display:block;margin-top:var(--space-2)}
#pilotApp #home .allowance-value.big{font:700 clamp(32px,9vw,40px)/1.15 var(--display-font)!important;letter-spacing:-.02em!important}
#home .allowance-meta-row{margin:var(--space-1) 0 0!important}
#pilotApp #home .allowance-details{font-size:12px!important;min-height:0!important;line-height:18px;display:block!important}
#home .v6-daily-pace{font-size:11px;line-height:16px;margin:var(--space-1) 0 0}
#home .home-summary-rows{gap:var(--space-2);padding-top:var(--space-3);margin-top:var(--space-3)}
#home .home-summary-rows>div{gap:var(--space-1);font-size:10px;line-height:14px}
#home .home-summary-rows strong{font-size:13px;line-height:20px}
#home .home-hero-actions{gap:var(--space-2);margin-top:var(--space-4)}
#pilotApp #home .home-hero-actions button{min-height:48px!important;border-radius:12px!important;font-size:13px!important;line-height:18px;padding:var(--space-2)!important}
#homeMonthlySummary{margin-bottom:var(--space-3)!important;border-radius:12px!important}
#homeMonthlySummary .saving-detail-button{font-size:12px!important;line-height:18px}
#homeSecondaryActions{margin:0 0 var(--space-3)!important}
#homeSecondaryActions>button{min-height:44px!important;font-size:12px!important;border-radius:12px!important}
#pilotApp #homeGoalSlot .card,#pilotApp #homeRecentSpending .surface-card,#pilotApp #homeUpcomingBills{padding:var(--space-4)!important;margin:0 0 var(--space-3)!important;border-radius:16px!important}
#homeUpcomingBills h2,#homeRecentSpending h2{font:600 15px/22px var(--body-font)}
#homeUpcomingBills>p{font-size:12px;line-height:18px}.v6-bill-row{padding:var(--space-3) 0;font-size:13px;line-height:20px}
#pilotApp #activitySummary{padding:var(--space-2) 0 var(--space-3)!important;margin:0!important;border-bottom:1px solid var(--border)!important;border-radius:0!important}
#activitySummaryPeriod{font-size:12px!important;line-height:18px}#activitySummaryAmount{font:700 24px/28px var(--display-font)!important;letter-spacing:-.02em}
#activitySummaryCount{font-size:12px!important;line-height:18px!important;margin:var(--space-1) 0 0!important}
#pilotApp #spendCard{padding:0!important;margin:var(--space-3) 0!important}
#spendCard .task-import-link{display:block;width:100%;text-align:left;min-height:44px;margin:0 0 var(--space-2);padding:var(--space-2) var(--space-3);font-size:12px}
.activity-controls{gap:var(--space-2);margin-bottom:var(--space-2)}
.activity-search{min-height:44px;border-radius:12px;padding:0 var(--space-3)}
.activity-search input{min-width:0;margin:0!important;font-size:16px!important}
#activitySearchClear{min-width:44px;min-height:44px}
.activity-filters{gap:var(--space-2);padding-bottom:var(--space-1);margin:0;scrollbar-width:thin}
#view-activity button.activity-filter{font-size:12px!important;min-height:44px!important;padding:var(--space-2) var(--space-3)!important;border-radius:10px!important;line-height:18px}
.activity-entry-summary{padding:var(--space-3)!important;gap:var(--space-2)!important}
.activity-entry-copy strong,.activity-entry-amount{font-size:13px!important;line-height:20px!important}
.activity-entry-copy .muted{font-size:11px!important;line-height:16px!important}
.activity-day-heading{font:600 12px/18px var(--body-font)!important;padding:var(--space-2) var(--space-3)!important;margin:0!important}
.activity-entry-detail{font-size:13px;line-height:20px;padding:var(--space-3)!important}
#activityEvidenceDetails{margin:var(--space-3) 0!important;border:1px solid var(--border);background:var(--card)}
#activityEvidenceDetails>summary{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);min-height:56px;padding:var(--space-3) var(--space-4);list-style:none}
#activityEvidenceDetails small{display:block;font-size:11px;color:var(--muted-foreground)}
#activityEvidenceDetails #movementEvidencePanel{padding:var(--space-4)!important;margin:0!important;border:0;border-top:1px solid var(--border)!important;border-radius:0;box-shadow:none}
#movementEvidencePanel h2{font-size:18px!important;line-height:24px}#movementEvidencePanel p{font-size:12px}
#view-account>h1{font:600 22px/28px var(--display-font);margin:0 0 var(--space-3)!important}
#view-account #settingsCard{padding:var(--space-4)!important}
#view-account .profile-identity-card{grid-template-columns:44px minmax(0,1fr) auto;gap:var(--space-3)}
#view-account .profile-identity-avatar{width:44px;height:44px;font:700 18px/24px var(--display-font)}
#view-account .profile-identity-name{font-size:14px;line-height:20px}
#view-account .profile-identity-copy{line-height:18px;font-size:12px}
#view-account .profile-signout{grid-column:auto;width:auto!important;padding:var(--space-2)!important;min-width:44px!important;font-size:11px;line-height:16px}
#view-account #settingsCard .personal-info{margin-top:var(--space-3)!important;padding-top:var(--space-3)!important}
#view-account .personal-info>summary{min-height:44px!important;padding:0!important}
#view-account .personal-info-label{font-size:13px;line-height:18px}#view-account .personal-info-label>.muted{font-size:11px;line-height:16px}
#view-account .task-disclosure>summary{padding:var(--space-3) var(--space-4)!important;min-height:56px!important;line-height:20px}
#view-account .task-disclosure>summary strong{font-size:13px;line-height:20px}
#view-account .task-disclosure>summary small{font-size:11px;line-height:16px;margin-top:var(--space-1)}
#view-account .task-body{padding:var(--space-4)}
#view-account .task-body :is(h2,h3){font:600 16px/22px var(--body-font)!important;margin-bottom:var(--space-2)!important}
#view-account .task-body p{font-size:12px;line-height:18px}
#view-account #profileInboxCoverage{padding:var(--space-3);font-size:12px;line-height:18px}
#view-account #gmailAutoSyncSettings>div{padding:var(--space-3);margin:var(--space-3) 0;border-radius:12px}
#view-account #profileInstallCard,#view-account #feedbackSection{margin:0!important;padding:0!important;border:0!important}
#view-account #csvSection>h2{font:600 18px/24px var(--display-font)!important}
#view-account #csvSection :is(summary,label){font-size:13px;line-height:20px}
#view-account #csvSection details{margin:var(--space-3) 0!important}
#view-account #csvSection summary{min-height:44px;align-content:center;cursor:pointer}
#view-account #csvUploadHint{font-size:12px;line-height:18px}
:is(#notificationInboxDialog,#calculationSheetModal,#coverageReviewDialog,.gullak-sheet){box-sizing:border-box;width:min(var(--content-width),calc(100vw - 24px))!important;max-width:var(--content-width)!important;max-height:calc(100dvh - 32px)!important;margin:auto!important;padding:var(--space-4)!important;border:1px solid var(--border)!important;border-radius:20px!important;background:var(--card);color:var(--foreground);overflow-y:auto;overscroll-behavior:contain;scroll-padding-bottom:var(--space-4)}
:is(#notificationInboxDialog,#calculationSheetModal,#coverageReviewDialog)::backdrop{background:var(--gullak-backdrop)}
:is(#notificationInboxDialog,#calculationSheetModal,#coverageReviewDialog) :is(h2,h3){font:600 22px/28px var(--display-font)!important;margin:0!important}
:is(#notificationInboxDialog,#calculationSheetModal,#coverageReviewDialog)>.muted{font-size:12px;line-height:18px;margin:var(--space-3) 0}
:is(#notificationInboxDialog,#calculationSheetModal,#coverageReviewDialog) button{min-height:44px;min-width:44px;line-height:20px}
#notificationInboxDialog{max-height:min(600px,calc(100dvh - 32px))!important}
#notificationInboxDialog>.secondary{width:100%;margin-top:var(--space-3)}
.inbox-entry{padding:var(--space-3) 0;font-size:13px;line-height:20px}.inbox-entry>p{font-size:11px;line-height:16px;margin:var(--space-1) 0 var(--space-2)}
.inbox-entry>button{font-size:12px;margin:var(--space-1) var(--space-2) 0 0;padding:var(--space-2) var(--space-3)}
#notificationInboxDialog #notificationInboxList>p{font-size:13px;line-height:20px;margin:var(--space-4) 0}
@media(min-width:400px){:root{--content-gutter:20px}}
@media(max-width:350px){#home .home-summary-rows strong{font-size:12px}#view-account .profile-identity-card{gap:var(--space-2)}#view-account .profile-signout{font-size:10px}}
/* The month row is a real grid item; the action wrapper alone uses display:contents. */
.app-header>.gullak-month-row{display:block!important;grid-column:2;grid-row:2;min-width:0}
.app-header #headerCycleWrapper{max-width:100%}.app-header #headerCycleSelect{max-width:100%!important}

.app-header #headerCycleWrapper{justify-content:center}
#pilotApp .page-heading{margin:0 0 var(--space-3)!important}
#pilotApp .page-heading h1{font:600 22px/28px var(--display-font)!important;margin:0!important}
#pilotApp #home>#gmailAutoSyncStatus{font-size:11px;line-height:16px;color:var(--muted-foreground);margin:var(--space-2) 0 0}
#view-activity .activity-search{margin:0!important}
#view-activity .activity-filters{padding:0 0 var(--space-1)!important}
#pilotApp #settingsCard>.profile-identity-card{margin:0 0 var(--space-3)!important;padding:0 0 var(--space-3)!important}
#pilotApp #settingsCard>.personal-info{margin:0!important;padding:0!important}
.app-main>.page-heading{margin:0 0 var(--space-3)!important}
.app-main>.page-heading h1{font:600 22px/28px var(--display-font)!important;margin:0!important}
/* Retain the existing keyboard viewport contract for editable bottom sheets. */
.gullak-sheet{max-height:calc(var(--sheet-visible-height,100dvh) - 16px)!important;margin:0 auto!important}
.gullak-sheet .sheet-footer{margin:var(--space-4) calc(-1 * var(--space-4)) calc(-1 * var(--space-4));padding:var(--space-3) var(--space-4) calc(var(--space-4) + var(--device-safe-bottom))}
.inbox-entry{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}
.inbox-entry>strong,.inbox-entry>p,.inbox-entry>button:first-of-type{grid-column:1/-1}
.inbox-entry>button{width:auto!important;margin:0}
.inbox-entry>button:first-of-type{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}
.inbox-entry>button:last-child:nth-of-type(2){grid-column:1/-1}
/* Match the shared modal selector's ID specificity while retaining viewport sizing. */
:is(#spendingSheet,#checkCard).gullak-sheet{max-height:calc(var(--sheet-visible-height,100dvh) - 16px)!important;margin:0 auto!important}

/* Finmonk redesign — Home (Main.dc / HomeNegative.dc). Last in the cascade on purpose:
   header with wordmark left and actions right, a white hero card, graphite primary CTA. */
.app-header{grid-template-columns:minmax(0,1fr) 44px 44px!important;border-bottom:0!important}
.app-header .brand{grid-column:1!important;grid-row:1;justify-self:start!important;font:800 17px/28px var(--font-sans)!important;letter-spacing:-.01em}
.app-header>.gullak-month-row,.app-header .gullak-month-row{grid-column:1!important;grid-row:2;text-align:start!important}
.app-header #headerCycleWrapper{justify-content:flex-start!important}
.app-header .header-cycle-select{text-align:start!important;padding-left:0!important;color:var(--muted-foreground)!important;font-weight:650}
.app-header #notificationBell{grid-column:2!important;grid-row:1/3}.app-header #headerPilotPill{grid-column:3!important;grid-row:1/3;background:transparent!important}
#headerAvatar{background:var(--muted)!important;color:var(--foreground)!important;font-weight:700}

#pilotApp #home .allowance-card{background:var(--gullak-hero)!important;color:var(--gullak-on-hero)!important;border:1px solid var(--border)!important;border-radius:24px!important;box-shadow:var(--gullak-shadow)!important;padding:20px!important}
#home .hero-motif{display:none!important}
#pilotApp #home .allowance-label{font-size:13px!important;line-height:18px;letter-spacing:0!important;text-transform:none!important;color:var(--muted-foreground)!important;font-weight:650!important}
#pilotApp #home .allowance-value.big,#pilotApp #home .allowance-card.over .allowance-value.big{font:800 clamp(34px,10vw,42px)/1.1 var(--font-sans)!important;letter-spacing:-.02em!important;color:var(--foreground)!important;margin-top:4px}
#home .allowance-status{display:inline-flex;align-items:center;gap:6px;margin:10px 0 0;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:700;line-height:16px}
#home .allowance-status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
#home .allowance-status.over{background:var(--danger-soft);color:var(--destructive)}
#home .allowance-status.provisional{background:var(--warning-soft);color:var(--warning)}
#home .v6-daily-pace{color:var(--muted-foreground)!important;font-size:13px!important;margin:6px 0 0!important}
#pilotApp #home .allowance-details{border:0!important;background:none!important;padding:0!important;min-height:0!important;color:var(--muted-foreground)!important;font-weight:650;font-size:12px!important}
#home .allowance-meta-row{margin:8px 0 0!important}
#home .home-hero-actions{display:flex;flex-direction:column;gap:9px;margin-top:18px}
#pilotApp #btnHomeCheckPurchase{background:var(--gullak-accent)!important;color:var(--gullak-on-accent)!important;border:0!important;border-radius:15px!important;min-height:50px!important;font-size:15px!important;font-weight:800!important}
#pilotApp #btnHomeCheckPurchase:hover{background:var(--gullak-accent-hover)!important}
#home .home-hero-actions #btnPersistentAdd{min-height:44px!important;border-radius:15px!important;border:1px solid var(--border)!important;background:var(--card)!important;color:var(--foreground)!important;font-size:13px;font-weight:700}
#home .home-hero-actions #btnPersistentAdd .add-circle-btn{display:none!important}

#homeRecentSpendingCard{border:1px solid var(--border)!important;box-shadow:var(--gullak-shadow)!important;padding:4px 16px!important}
#homeRecentSpendingCard>div:first-child{padding-top:12px}
#homeRecentSpendingCard .link-btn{color:var(--foreground)!important;font-weight:700!important}
#homeRecentSpendingCard .rail-badge-card,#homeRecentSpendingCard .rail-badge-upi,#homeRecentSpendingCard .rail-badge-cash,#homeRecentSpendingCard .rail-badge-refund{width:34px!important;height:34px!important;border-radius:11px!important}
#pilotApp .card,#pilotApp .surface-card,#pilotApp .task-disclosure,#homeMonthlySummary{box-shadow:var(--gullak-shadow)!important}

/* Finmonk redesign — Activity (Activity.dc). Pill filters with a graphite active state,
   neutral row icons, and one white card per day under a small uppercase heading. */
#view-activity .activity-section-heading h2{font:800 20px/28px var(--font-sans)!important;letter-spacing:-.01em}
#pilotApp #activitySummary{border-bottom:0!important;padding:4px 0 8px!important}
#activitySummary .activity-summary-copy{display:flex!important;flex-wrap:wrap;align-items:baseline;gap:2px 6px}
#activitySummaryPeriod{font:600 13px/20px var(--font-sans)!important;color:var(--muted-foreground)!important}
#activitySummaryAmount{font:700 15px/20px var(--font-sans)!important;letter-spacing:0!important;color:var(--foreground)!important}
#activitySummaryCount{flex-basis:100%;color:var(--muted-foreground)!important}
#view-activity .activity-search{background:var(--card)!important;border:1px solid var(--border)!important;border-radius:16px!important;box-shadow:var(--gullak-shadow)}
#view-activity button.activity-filter{border-radius:999px!important;min-height:40px!important;padding:8px 14px!important;font-size:12px!important;font-weight:700!important;background:var(--card)!important;color:var(--foreground)!important;border:1px solid var(--border)!important}
#view-activity button.activity-filter[aria-pressed=true]{background:var(--gullak-accent)!important;color:var(--gullak-on-accent)!important;border-color:var(--gullak-accent)!important;font-weight:800!important}
#view-activity .actions .primary-button{background:var(--gullak-accent)!important;color:var(--gullak-on-accent)!important}

#transactions{background:none!important;border-radius:0!important;overflow:visible!important}
#transactions .activity-day-heading{background:none!important;padding:16px 2px 6px!important;margin:0!important;font-size:11px!important;font-weight:800!important;letter-spacing:.05em;text-transform:uppercase;color:var(--muted-foreground)!important}
#transactions .activity-day-heading:first-child{padding-top:4px!important}
#transactions .activity-entry{background:var(--card)!important;border:1px solid var(--border)!important;border-top:0!important;border-bottom:1px solid var(--border)!important}
#transactions .activity-day-heading+.activity-entry{border-top:1px solid var(--border)!important;border-radius:20px 20px 0 0!important}
#transactions .activity-entry:has(+.activity-day-heading),#transactions .activity-entry:last-child{border-radius:0 0 20px 20px!important;box-shadow:var(--gullak-shadow)}
#transactions .activity-day-heading+.activity-entry:has(+.activity-day-heading),#transactions .activity-day-heading+.activity-entry:last-child{border-radius:20px!important}
#transactions .activity-entry-summary{grid-template-columns:34px minmax(0,1fr) auto 16px!important;gap:12px!important;align-items:center;padding:13px 16px!important}
#transactions .activity-entry-icon{display:flex!important;align-items:center;justify-content:center;width:34px;height:34px;border-radius:11px;background:var(--muted);color:var(--muted-foreground)}
#transactions .activity-entry-icon svg{width:15px;height:15px}
#transactions .activity-entry-copy strong{font-size:13px!important;font-weight:700!important}#transactions .activity-entry-copy .muted{font-size:11px!important}
#transactions .activity-entry-amount{font-size:13px!important;font-weight:700}
#pilotApp #activitySummary{box-shadow:none!important;background:none!important}
#view-activity .actions>button,#view-activity .task-import-link{min-height:44px!important;font-size:13px!important;font-weight:700!important;border-radius:14px!important}

/* Finmonk redesign — Plan entry on Home. Plan left the tab bar; this row is its way in. */
#homeMonthlySummary .plan-entry{display:flex!important;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:start;background:none!important;border:0!important;padding:10px 0!important}
#homeMonthlySummary .plan-entry>span:first-child{display:grid;gap:2px;min-width:0}
#homeMonthlySummary .plan-entry strong{font-size:14px;font-weight:700;color:var(--foreground)}
#homeMonthlySummary .plan-entry small{font-size:12px;color:var(--muted-foreground);font-weight:600}

/* Finmonk redesign — Home states and the single attention card.
   Priority is enforced here so cards that render asynchronously still yield:
   Gmail reconnect > cap/review card > nudge > email coverage prompt. */
#home .allowance-status.on-track{background:var(--positive-tint);color:var(--positive)}
#home .allowance-status.shortfall{background:var(--warning-soft);color:var(--warning)}
#pilotApp #home .allowance-card[data-plan-state=breached] .allowance-value.big{color:var(--destructive)!important}
#view-home .home-attention{display:flex;align-items:center;gap:12px;margin:12px 0!important;padding:14px 16px!important;background:var(--card)!important;border:1px solid var(--border)!important;border-radius:20px!important;box-shadow:var(--gullak-shadow)}
#view-home .home-attention>div,#view-home .home-attention>span{flex:1;min-width:0}
#view-home .home-attention strong{display:block;font-size:14px;font-weight:700}
#view-home .home-attention p{margin:2px 0 0;font-size:13px;color:var(--muted-foreground)}
#view-home .home-attention>button{flex:0 0 auto;width:auto!important;max-width:50%;min-height:44px;border-radius:12px;font-size:13px;font-weight:700;padding:8px 14px}
#gmailReconnectBanner #gmailReconnectText{font-size:14px;font-weight:600}
#view-home:has(#gmailReconnectBanner:not([hidden])) :is(#homeAttentionCard,#nextActionCard,#emailCoveragePrompt),
#view-home:has(#homeAttentionCard:not([hidden])) :is(#nextActionCard,#emailCoveragePrompt),
#view-home:has(#nextActionCard:not([hidden]):not([data-nudge-category=bills])) #emailCoveragePrompt{display:none!important}
@media(max-width:380px){#view-home .home-attention{flex-wrap:wrap}#view-home .home-attention>button{width:100%!important;max-width:none}}

/* Finmonk redesign — Profile: connected inboxes and essential controls first,
   secondary sections collapsed below, feedback near the bottom. Order only; DOM unchanged. */
#view-account:not([hidden]){display:flex;flex-direction:column;gap:12px}
#view-account>.task-disclosure,#view-account>section{margin:0!important}
#view-account>#settingsCard{order:0}
#view-account>#task-gmailConnectionCard{order:1}
#view-account>#profilePlanEntry{order:2}
#view-account>#task-sourcesCard{order:3}
#view-account>#task-guidancePushCard{order:4}
#view-account>#task-nudgeSettingsSection{order:5}
#view-account>#task-csvSection{order:6}
#view-account>#task-dataManagementSection{order:7}
#view-account>.install-profile-card{order:8}
#view-account>#legalPrivacySettings{order:9}
#view-account>.alpha-feedback-card{order:10}
#view-account>#task-helpFeedbackCard{order:11}
#view-account>#profilePlanEntry{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:16px!important;text-align:start;background:var(--card);color:var(--foreground);border:1px solid var(--border);border-radius:16px;box-shadow:var(--gullak-shadow);font:inherit}
#view-account>#profilePlanEntry>span:first-child{display:grid;gap:2px;min-width:0}
#view-account>#profilePlanEntry strong{font-size:15px!important;line-height:1.4;font-weight:650}
#view-account>#profilePlanEntry small{font-size:13px!important;line-height:1.5;color:var(--muted-foreground);font-weight:500}
#view-account>#profilePlanEntry>span[aria-hidden]{font-size:22px;line-height:1;color:var(--foreground)}

/* One chevron in every browser: WebKit otherwise draws its own up/down select arrows. */
.app-header .header-cycle-select{-webkit-appearance:none!important;appearance:none!important;padding-right:20px!important}
.app-header #headerCycleWrapper{position:relative;display:inline-flex;align-items:center;color:var(--muted-foreground)}
.app-header #headerCycleWrapper:after{content:"";position:absolute;right:6px;top:50%;width:6px;height:6px;margin-top:-5px;border:solid currentColor;border-width:0 1.8px 1.8px 0;transform:rotate(45deg);pointer-events:none}

/* Finmonk redesign — sheets. Neutral focus ring (the base styles drew an indigo glow)
   and the smaller-purchase suggestion on the success state tokens. */
input:focus,select:focus,textarea:focus{border-color:var(--foreground)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--foreground) 12%,transparent)!important}
#smallerPurchaseBox{background:var(--positive-tint)!important;border-color:color-mix(in srgb,var(--positive) 30%,transparent)!important}
#smallerPurchaseTitle{color:var(--positive)!important}

/* Finmonk redesign — calculation sheet. Notes are neutral cards, not amber panels;
   the sheet closes with a full-width button like every other sheet. */
#calculationSheetModal .v6-uncertainty{border:0!important;background:var(--muted)!important;color:var(--foreground)!important;padding:12px 14px!important;margin:12px 0 0!important}
#calculationSheetModal .calc-footnote{margin:12px 0 0;font-size:12px}
#calculationSheetModal #btnCalculationCoverage{width:100%;margin-top:14px}
#calculationSheetModal .actions>button{width:100%}

/* Finmonk redesign — Activity: import sits under the two record actions at full width;
   an expanded row's detail lines up with the row text without a dead gap. */
#view-activity .task-import-link{width:100%!important;justify-content:center}
#transactions .activity-entry-detail{padding:0 16px 14px 62px!important;margin:0!important}
#transactions .activity-entry-detail>p{margin:0 0 10px!important}
#transactions .activity-entry-detail .actions{margin:0!important}
#view-activity .task-import-link{margin-top:10px!important}

/* Amounts never break mid-number; number inputs look the same in every browser. */
#purchaseComparison strong{white-space:nowrap;font-size:clamp(17px,5.4vw,22px)!important}
#purchaseComparison span{overflow-wrap:normal}
input[type=number]{-moz-appearance:textfield;appearance:textfield}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}

/* Upcoming bills is the single place bills due are shown on Home: a bill reminder nudge
   stays hidden while that list is on screen (it is never shown, so never logged as seen). */
#view-home:has(#homeUpcomingBills:not([hidden])) #nextActionCard[data-nudge-category=bills]{display:none!important}

/* Home: the "Left in your plan" amount is the way into what's counted. It keeps the
   hero type; only the chevron says it opens something. */
#pilotApp #home button.allowance-value.big{display:inline-flex!important;align-items:center;gap:6px;width:auto!important;max-width:100%;min-height:44px!important;padding:0!important;margin:0!important;border:0!important;border-radius:8px!important;background:none!important;box-shadow:none!important;text-align:start;cursor:pointer}
#pilotApp #home button.allowance-value.big:focus-visible{outline:2px solid var(--ring,var(--foreground));outline-offset:4px}
#pilotApp #home button.allowance-value.big::after{content:"›";font-size:.6em;font-weight:500;color:var(--muted-foreground);line-height:1}

/* What's counted sheet: plain lists of the records behind the figure. */
#calculationSheetModal .calc-left{display:grid;gap:2px;padding:14px;border-radius:14px;background:var(--muted)}
#calculationSheetModal #calcSheetBreakdown .calc-left>strong.calc-left-value{display:block;max-width:100%;margin:0;text-align:left;white-space:normal;overflow-wrap:anywhere;font:700 28px/1.2 var(--font-sans)!important;text-align:left!important;max-width:100%!important;color:var(--foreground)}
#calculationSheetModal[data-state=negative] .calc-left-value{color:var(--destructive)!important}
#calculationSheetModal .calc-left>span{font-size:13px;color:var(--muted-foreground)}
#calculationSheetModal .calc-left>p{margin:4px 0 0;font-size:12px}
#calculationSheetModal .calc-group{margin-top:18px}
#calculationSheetModal .calc-group-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:6px;border-bottom:1px solid var(--border)}
#calculationSheetModal .calc-group-head h4{margin:0;font-size:14px}
#calculationSheetModal .calc-group-head strong,#calculationSheetModal .calc-items strong{font-variant-numeric:tabular-nums;white-space:nowrap}
#calculationSheetModal .calc-group>p{margin:8px 0 0;font-size:13px}
#calculationSheetModal .calc-items{list-style:none;margin:0;padding:0}
#calculationSheetModal .calc-items li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;margin:0;padding:10px 0;border-bottom:1px solid var(--border)}
#calculationSheetModal .calc-items li>div{display:grid;gap:2px;min-width:0}
#calculationSheetModal .calc-item-name{font-size:14px;overflow-wrap:anywhere}
#calculationSheetModal .calc-items small{font-size:12px;line-height:1.4}
#calculationSheetModal .calc-item-note{color:var(--foreground)}
/* Done closes the sheet but is the full-width action, not a 44px close icon. */
#calculationSheetModal .actions>button.primary-button{flex:1 1 auto!important;width:100%!important;padding:12px 16px!important}
