/* A separate visual skin. Visibility, private regions and app state stay owned
   by their original modules; every rule is conditional on this exact theme. */
html[data-theme="cream"] {
  color-scheme: light;
  --cream-bg: #f6f0e4;
  --cream-paper: #fffbf3;
  --cream-soft: #eee5d6;
  --cream-line: #d6c8b3;
  --cream-ink: #352a20;
  --cream-muted: #6e6050;
  --cream-accent: #155c4d;
  --cream-positive: #126443;
  --cream-negative: #a43738;
  --cream-amber: #81581d;
  --cream-mono: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --bg: var(--cream-bg);
  --bg2: #f0e8da;
  --panel: var(--cream-paper);
  --panel2: var(--cream-soft);
  --stroke: var(--cream-line);
  --text: var(--cream-ink);
  --muted: var(--cream-muted);
  --pink: var(--cream-negative);
  --hot: #8f3131;
  --purple: var(--cream-accent);
  --violet: #39735b;
  --cyan: var(--cream-positive);
  --orange: var(--cream-amber);
  --danger: var(--cream-negative);
  --shadow: 0 9px 28px rgb(74 54 28 / 6%);
  --radius: 24px;
  --privacy-mask-color: #4b3a2a;
  --chart-grid: #d6c8b3;
  --chart-line: #155c4d;
  --chart-fill-start: rgba(21, 92, 77, .20);
  --chart-fill-end: rgba(21, 92, 77, 0);
  --chart-point: #155c4d;
  --chart-label: #6e6050;
}

html[data-theme="cream"] body {
  background: radial-gradient(ellipse at 100% 0, #e9eddf 0, transparent 43%), var(--cream-bg);
  color: var(--cream-ink);
}
html[data-theme="cream"] :is(.glass, .sidebar) {
  background: rgb(246 240 228 / 94%);
  border-color: var(--cream-line);
}
html[data-theme="cream"] :is(.bento-card, .category-card, .upcoming-card, .fixed-item, .tx-item, .grocery-item, .admin-user) {
  background: var(--cream-paper);
  border-color: var(--cream-line);
  color: var(--cream-ink);
  box-shadow: var(--shadow);
}
html[data-theme="cream"] :is(.topbar h1, .section-head h2, .bento-card h3, .category-card strong, .upcoming-card strong, .member-row strong, .profile-danger-zone h3) {
  color: var(--cream-ink);
}
html[data-theme="cream"] :is(.eyebrow, .bento-card small, .marquee-item, .filter-label, .task-source, .tx-list-caption small, .tx-calendar-month, .week-day > span) {
  font-family: var(--cream-mono);
  color: var(--cream-muted);
  letter-spacing: .08em;
}
html[data-theme="cream"] :is(.section-head p, .muted-copy, .empty, .insight, .metric em, .profile-card p, .invite-card p, .task-item .grow > span, .task-item .grow > em) {
  color: var(--cream-muted);
}
html[data-theme="cream"] :is(.primary, .market-primary, .family-primary, .fab-finance, .fab-task) {
  background: var(--cream-accent);
  color: #fffaf0;
  box-shadow: 0 6px 16px rgb(21 92 77 / 12%);
}
html[data-theme="cream"] .primary:hover { filter: brightness(.93); }
html[data-theme="cream"] :is(.mini-btn, .icon-btn, .close-btn, .quick-pill, .market-tab, .member-filter, .tx-icon, .push-detail, .share-note, .integration-note) {
  color: var(--cream-ink);
  border-color: var(--cream-line);
  background: var(--cream-soft);
  box-shadow: none;
}
html[data-theme="cream"] :is(.text-btn, .wa-link, .auth-toggle, .invite-profile-btn) { color: var(--cream-accent); }
html[data-theme="cream"] :is(.quick-pill:hover, .market-tab.active, .member-filter.active, .nav-item.active, .nav-item:hover) {
  background: #e0eada;
  color: #194e3e;
  border-color: #8aa78b;
  box-shadow: none;
}
html[data-theme="cream"] :is(.brand-mark, .avatar-btn, .profile-photo, .member-avatar, .admin-avatar, .person-avatar, .fixed-icon) {
  background: #245f4c;
  color: #fffaf0;
  box-shadow: none;
}
html[data-theme="cream"] .nav-item { color: var(--cream-muted); }
html[data-theme="cream"] .app-back-btn { background: #352a20; color: #fffaf0; border-color: #6d5b3f; }
html[data-theme="cream"] .member-filter :is(.all-people, span:not(.nav-label)) { background: #e4e9d6; color: #20503c; }
html[data-theme="cream"] .badge { background: #a43b37; color: #fffaf0; }
html[data-theme="cream"] .sidebar-footer .sync-dot { background: #34775a; box-shadow: none; }
html[data-theme="cream"] #privacyToggle { background: var(--cream-paper); color: var(--cream-ink); }
html[data-theme="cream"] #privacyToggle[aria-pressed="true"] { background: #dce9d9; border-color: #457d60; color: #164d3a; }
html[data-theme="cream"] .gc-private-notice { background: #eee5d2; color: #55422d; border-color: #9a8768; }

/* The balance keeps its original neon positive/negative states on a dark hero. */
html[data-theme="cream"] #balanceHero {
  --privacy-mask-color: #f4ecda;
  background: linear-gradient(125deg, #164c43, #183e37);
  border-color: #245d4c;
  color: #fff7e8;
  box-shadow: 0 12px 28px rgb(26 62 48 / 13%);
}
html[data-theme="cream"] #balanceHero .hero-copy :is(p, small) { color: #e0e9d5; }
html[data-theme="cream"] #balanceHero .hero-waves { filter: hue-rotate(122deg) saturate(.38); opacity: .55; }
html[data-theme="cream"] #balanceHero #quickAdd { background: #f3ecd9; color: #174c3f; box-shadow: none; }
html[data-theme="cream"] .finance-marquee { background: #eee7d9; border-color: #cfc0a8; }
html[data-theme="cream"] .marquee-item { color: #65533e; }
html[data-theme="cream"] .marquee-item::before { color: #337059; }
html[data-theme="cream"] :is(.cat-icon, .up-icon, .metric-icon.income) { background: #dfebd9; color: #155c45; box-shadow: none; }
html[data-theme="cream"] .metric-icon.expense { background: #f4e0d8; color: #a43738; }
html[data-theme="cream"] .metric-icon.pending { background: #eee0bc; color: #75501c; }
html[data-theme="cream"] :is(.metric strong, .category-card b, .upcoming-card b) { color: var(--cream-ink); }
html[data-theme="cream"] .category-card .cat-bar { background: #e6ddcb; }
html[data-theme="cream"] .category-card .cat-top small { display: block; margin-bottom: 4px; }
html[data-theme="cream"] .category-card .cat-bar span { background: #4b8262; }
html[data-theme="cream"] .chip { background: #eee6d8; border-color: #cbbda7; color: #62513b; }
html[data-theme="cream"] .status-pill { background: #e5efdf; border-color: #98b18c; color: #27513b; }
/* Only the active dashboard changes order; inactive views keep their original
   display rule and private financial subregions are never re-enabled. */
html[data-theme="cream"] #dashboard.active-view { display: flex; flex-direction: column; }
html[data-theme="cream"] #dashboard > .gc-theme-toolbar { order: 0; }
html[data-theme="cream"] #dashboard > #balanceHero { order: 1; }
html[data-theme="cream"] #dashboard > .metrics-grid { order: 2; }
html[data-theme="cream"] #dashboard > .dashboard-top-grid { order: 3; }
html[data-theme="cream"] #dashboard > .quick-strip { order: 4; }
html[data-theme="cream"] #dashboard > .chart-card { order: 5; }
html[data-theme="cream"] #dashboard > .finance-marquee { order: 6; }

/* Input styling never changes the type, value, visibility or inert state. */
html[data-theme="cream"] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]):not([type="file"]), select, textarea) {
  background-color: #fffdf7 !important;
  border-color: #b7a88e !important;
  color: var(--cream-ink) !important;
  font-size: 16px !important;
  accent-color: var(--cream-accent);
  caret-color: var(--cream-accent);
}
html[data-theme="cream"] :is(input, textarea)::placeholder { color: #796b5b; opacity: 1; }
html[data-theme="cream"] :is(input[type="checkbox"], input[type="radio"]) { accent-color: var(--cream-accent); }
html[data-theme="cream"] :is(button, a, summary, input, select, textarea):focus-visible {
  outline: 3px solid #1a6651 !important;
  outline-offset: 3px;
}
html[data-theme="cream"] :is(input, select, textarea):focus { border-color: #1a6651 !important; box-shadow: 0 0 0 3px rgb(26 102 81 / 14%); }
html[data-theme="cream"] :is(.danger-btn, .profile-clear-btn, .market-smart-delete) { background: #f7e5dd; border-color: #bc7565; color: #91332e; }
html[data-theme="cream"] :is(.gc-privacy-field legend, .setting-label, .profile-card label, .toggle-row strong) { color: var(--cream-ink); }
html[data-theme="cream"] .gc-privacy-card { background: #f5eddf; border-color: #c9bba5; }
html[data-theme="cream"] .gc-privacy-card :is(strong, svg) { color: #53452f; }
html[data-theme="cream"] .gc-privacy-choice > input:checked + .gc-privacy-card { background: #e3eddb; border-color: #4d8060; box-shadow: 0 0 0 1px #4d806020; }
html[data-theme="cream"] .gc-privacy-choice > input:checked + .gc-privacy-card i { background: #205d45; color: #fffaf0; }
html[data-theme="cream"] .gc-privacy-description { color: #2a6146 !important; }
html[data-theme="cream"] .gc-row-privacy { background: #e7efdf; border-color: #9aad8c; color: #315439; }
html[data-theme="cream"] .gc-row-privacy.private { background: #eee3d0; border-color: #b8a17b; color: #654d29; }

/* Transactions retain the distinction between income, unpaid and paid expense. */
html[data-theme="cream"] #transactions { --tx-ink: #352a20; --tx-muted: #6e6050; --tx-blue: #155c4d; --tx-border: #d6c8b3; }
html[data-theme="cream"] #transactions :is(.tx-overview-card, .tx-controls-card, .tx-table-shell, .tx-calendar-card, .tx-agenda-card, .member-filters, .tx-quick-balance) {
  background: var(--cream-paper) !important;
  color: var(--cream-ink) !important;
  border-color: var(--cream-line) !important;
  box-shadow: var(--shadow) !important;
}
html[data-theme="cream"] #transactions :is(.tx-overview-head h3, .tx-overview-head small, .tx-overview-balance > span, .tx-calendar-top h3, .tx-agenda-card h3, .tx-calendar-month, .tx-list-caption, .tx-agenda-line strong) { color: var(--cream-ink) !important; }
html[data-theme="cream"] #transactions :is(.tx-metric-values, .tx-list-caption small, .tx-list-caption > span, .tx-calendar-weekdays span, .tx-calendar-legend, .tx-agenda-line, .tx-quick-balance > div > span) { color: var(--cream-muted) !important; }
html[data-theme="cream"] #transactions :is(.tx-month-btn, .tx-calendar-nav button, .tx-pro-filters select, .tx-pro-filters input) { background: #fffdf7 !important; border-color: #b7a88e !important; color: var(--cream-ink) !important; }
html[data-theme="cream"] #transactions :is(.tx-month-pill, .tx-overview-head .primary, .tx-clear-day) { background: var(--cream-accent) !important; border-color: var(--cream-accent) !important; color: #fffaf0 !important; box-shadow: none; }
html[data-theme="cream"] #transactions .tx-progress { background: #e6dece !important; }
html[data-theme="cream"] #transactions .tx-metric.income .tx-progress span { background: #327854; }
html[data-theme="cream"] #transactions .tx-metric.expense .tx-progress span { background: #b55d4b; }
html[data-theme="cream"] #transactions :is(.tx-overview-balance strong, .tx-quick-balance .income, .tx-metric.income .tx-metric-head strong, .tx-metric.income .tx-metric-head b, .tx-metric.income .tx-metric-values b) { color: #126443 !important; }
html[data-theme="cream"] #transactions :is(#txMonthBalance.negative, .tx-quick-balance .expense, .tx-quick-balance .negative, .tx-calc-total strong.negative, .tx-metric.expense .tx-metric-head strong, .tx-metric.expense .tx-metric-head b, .tx-metric.expense .tx-metric-values b) { color: #a43738 !important; }
html[data-theme="cream"] #transactions .tx-calc-total { background: #e5ead9; border-color: #b1bea0; }
html[data-theme="cream"] #transactions .tx-calc-total strong { color: #244c3b; }
html[data-theme="cream"] #transactions .tx-swipe-shell { background: #ede3d4 !important; }
html[data-theme="cream"] #transactions .tx-swipe-shell .tx-swipe-card { background: #fffbf3 !important; color: #352a20 !important; border-color: #c5b79f !important; box-shadow: 0 5px 15px #573d2110 !important; }
html[data-theme="cream"] #transactions .tx-swipe-shell.expense .tx-swipe-card,
html[data-theme="cream"] #transactions .tx-swipe-shell.expense.is-pending .tx-swipe-card,
html[data-theme="cream"] #transactions .tx-swipe-shell.expense.is-pending .tx-swipe-card:hover { background: #fbede3 !important; border-color: #c9826d !important; box-shadow: 0 5px 15px #573d2110 !important; }
html[data-theme="cream"] #transactions .tx-swipe-shell.income .tx-swipe-card,
html[data-theme="cream"] #transactions .tx-swipe-shell.income.is-paid .tx-swipe-card,
html[data-theme="cream"] #transactions .tx-swipe-shell.income .tx-swipe-card:hover,
html[data-theme="cream"] #transactions .tx-swipe-shell.income.is-paid .tx-swipe-card:hover { background: #e8f0e2 !important; border-color: #7ca186 !important; box-shadow: 0 5px 15px #214c3010 !important; }
html[data-theme="cream"] #transactions .tx-swipe-shell.expense.is-paid .tx-swipe-card,
html[data-theme="cream"] #transactions .tx-swipe-shell.expense.is-paid .tx-swipe-card:hover { background: #ece5d9 !important; border-color: #b7aa95 !important; box-shadow: 0 4px 12px #573d210a !important; }
html[data-theme="cream"] #transactions .tx-compact-copy strong { color: #352a20 !important; }
html[data-theme="cream"] #transactions :is(.tx-compact-copy > span, .tx-compact-price > span) { color: #6b5b49 !important; }
html[data-theme="cream"] #transactions .tx-swipe-shell.income .tx-compact-price .amount { color: #126443 !important; }
html[data-theme="cream"] #transactions .tx-swipe-shell.expense .tx-compact-price .amount { color: #a43738 !important; }
html[data-theme="cream"] #transactions .tx-swipe-shell.expense.is-paid .tx-compact-copy strong,
html[data-theme="cream"] #transactions .tx-swipe-shell.expense.is-paid .tx-compact-price .amount { color: #756653 !important; text-decoration-color: #92816b !important; }
html[data-theme="cream"] #transactions .tx-swipe-shell.expense.is-paid .tx-compact-copy > span { color: #756653 !important; }
html[data-theme="cream"] #transactions .tx-swipe-shell.expense.is-paid .tx-compact-price > span { color: #50402e !important; }
html[data-theme="cream"] #transactions .tx-swipe-card .tx-display-icon,
html[data-theme="cream"] #transactions .tx-swipe-shell.expense .tx-display-icon,
html[data-theme="cream"] #transactions .tx-swipe-shell.income .tx-display-icon,
html[data-theme="cream"] #transactions .tx-swipe-shell.expense.is-paid .tx-display-icon { background: #f6f0e4 !important; border-color: #c3b39b !important; box-shadow: none !important; }
html[data-theme="cream"] #transactions .tx-avatar-wrap .person-avatar { border-color: #f7f0e2; box-shadow: none; }
html[data-theme="cream"] #transactions .tx-swipe-menu button { background: #e6dccb; border-color: #c5b79f; color: #443625; }
html[data-theme="cream"] #transactions .tx-swipe-menu button.tx-swipe-delete { background: #9f3c34; color: #fffaf0; }
html[data-theme="cream"] #transactions .tx-swipe-pay { background: #1a654c; color: #fffaf0; }
html[data-theme="cream"] #transactions .tx-calendar-day { color: #443625; }
html[data-theme="cream"] #transactions .tx-calendar-day.outside { color: #827562; }
html[data-theme="cream"] #transactions .tx-calendar-day.selected { background: #1b614c; color: #fffaf0; box-shadow: none; }
html[data-theme="cream"] #transactions .tx-calendar-day.today:not(.selected) { background: #e0ead8; outline-color: #417553; }
html[data-theme="cream"] #transactions .tx-calendar-dots .income { background: #1d6c48; }
html[data-theme="cream"] #transactions .tx-calendar-dots .expense { background: #a44938; }
html[data-theme="cream"] #transactions :is(.tx-table-shell .empty, .tx-calendar-top small, .tx-agenda-card small) { color: #6e6050 !important; }

/* The existing compact market grids and avatar measurements are unchanged. */
html[data-theme="cream"] #grocery .market-cover { background: #e1ead6; border-color: #b9c7a6; box-shadow: none; }
html[data-theme="cream"] #grocery .market-total-breakdown > div { background: #eee5d6; border-color: #d6c8b3; color: #352a20; }
html[data-theme="cream"] #grocery .pantry-counter { background: #a64536; color: #fffaf0; }
html[data-theme="cream"] #grocery .market-smart-delete { background: #f7e5dd; border-color: #bc7565; color: #91332e; }
html[data-theme="cream"] #grocery :is(#shareGrocery, .catalog-add, .market-smart-add-form button) { background: #155c4d !important; color: #fffaf0 !important; box-shadow: none; }
html[data-theme="cream"] #grocery .market-cover :is(h2, p, small) { color: #294c36; }
html[data-theme="cream"] #grocery .market-person { background: #f9f5e9cc; border-color: #9eb18f; }
html[data-theme="cream"] #grocery .market-person span:last-child { color: #3e4a32; }
html[data-theme="cream"] #grocery .market-person .person-avatar { background: #31664f; border-color: #f8f5e9; }
html[data-theme="cream"] #grocery :is(.pantry-section-title strong, .market-smart-add-head h3) { color: #352a20; }
html[data-theme="cream"] #grocery :is(.pantry-section-title p, .market-smart-add > p, .market-product-details p) { color: #6e6050; }
html[data-theme="cream"] #grocery .grocery-catalog.pantry-grid .market-tile.pantry-card { background: #fffbf3 !important; border-color: #cfbfa6 !important; box-shadow: none !important; }
html[data-theme="cream"] #grocery .grocery-catalog.pantry-grid .pantry-card.faltando { background: #faece2 !important; border-color: #b96f5b !important; box-shadow: none !important; }
html[data-theme="cream"] #grocery .grocery-catalog .market-smart-card.faltando { animation: none !important; filter: none !important; }
html[data-theme="cream"] #grocery[data-market-layout="list"] .grocery-catalog .market-smart-card.faltando { border-left-color: #a64536 !important; }
html[data-theme="cream"] #grocery .pantry-card .market-product-toggle.pantry-toggle { color: #352a20 !important; }
html[data-theme="cream"] #grocery .pantry-card .pantry-icon.market-tile-emoji { background: #eae5d5 !important; }
html[data-theme="cream"] #grocery .pantry-card .market-product-name { color: #352a20 !important; }
html[data-theme="cream"] #grocery .pantry-card :is(.pantry-status, .market-smart-price) { color: #6d604d; }
html[data-theme="cream"] #grocery .pantry-card.faltando :is(.pantry-status, .market-smart-price) { color: #9b3e30; }
html[data-theme="cream"] #grocery .pantry-card .pantry-alert { background: #a64536; color: #fffaf0; }
html[data-theme="cream"] #grocery .pantry-card .pantry-checkbox { border-color: #9c8b70; color: #a64536; }
html[data-theme="cream"] #grocery .pantry-card.faltando .pantry-checkbox { border-color: #a64536; background: #f3ddd0; }
html[data-theme="cream"] #grocery .pantry-card .pantry-details-trigger,
html[data-theme="cream"] #grocery[data-market-layout="list"] .pantry-card .pantry-details-trigger { color: #63513a !important; border-color: #d9c9b2 !important; }
html[data-theme="cream"] #grocery .pantry-card .market-product-details { background: #f2eadb !important; border-color: #d0bda2 !important; }
html[data-theme="cream"] #grocery .pantry-card .market-product-details label { color: #56432e; }
html[data-theme="cream"] #grocery .pantry-card .market-product-details :is(input, select) { font-size: 16px !important; }
html[data-theme="cream"] #grocery .grocery-person { color: #63513a; }
html[data-theme="cream"] #grocery .grocery-person-avatar.person-avatar { background: #e0ead7; color: #20503c; border-color: #7d9c7b; }
html[data-theme="cream"] #grocery .grocery-avatar-fallback { color: #20503c; }
html[data-theme="cream"] #grocery .grocery-person-badge { background: #dec994; color: #513f1f; border-color: #fffaf0; }
html[data-theme="cream"] #grocery .grocery-person.is-purchased .grocery-person-badge { background: #1b704b; color: #fffaf0; }
html[data-theme="cream"] #grocery .grocery-person.is-purchased .grocery-person-avatar { border-color: #1b704b; }
html[data-theme="cream"] #grocery :is(.market-smart-divider, .market-smart-add) { border-color: #d2c2aa; }
html[data-theme="cream"] #grocery :is(.market-smart-empty, .market-smart-empty.muted) { background: #eaf0df; border-color: #9caf88; color: #385436; }
html[data-theme="cream"] #grocery :is(.market-appearance-trigger, .market-appearance-trigger small, .market-appearance-trigger svg) { background-color: #eee7d7; border-color: #c3b296; color: #55442d; }
html[data-theme="cream"] .ring { background: conic-gradient(#2b7350 var(--progress, 0deg), #dfd5c2 0deg); }
html[data-theme="cream"] .ring::after { background: var(--cream-paper); }

/* The daily list becomes a timeline without changing its controls or order. */
html[data-theme="cream"] #tasks .task-list { margin-left: 12px; padding-left: 20px; border-left: 1px solid #bbaa8b; }
html[data-theme="cream"] #tasks .task-item { position: relative; background: #fffbf3; border-color: #d5c5ab; box-shadow: 0 4px 12px #67451d08; }
html[data-theme="cream"] #tasks .task-item::before { content: ""; position: absolute; top: 24px; left: -27px; width: 11px; height: 11px; border: 2px solid #f6f0e4; border-radius: 50%; background: #3b7953; box-shadow: 0 0 0 1px #78936d; }
html[data-theme="cream"] #tasks .task-item.priority-high { border-left-color: #a44738; }
html[data-theme="cream"] #tasks .task-item.priority-medium { border-left-color: #997022; }
html[data-theme="cream"] #tasks .task-item.priority-low { border-left-color: #367567; }
html[data-theme="cream"] #tasks .task-item.priority-high::before { background: #a44738; box-shadow: 0 0 0 1px #b98972; }
html[data-theme="cream"] #tasks .task-item.priority-medium::before { background: #997022; box-shadow: 0 0 0 1px #b8a06d; }
html[data-theme="cream"] #tasks .task-item.completed { background: #ecebdd; opacity: 1; }
html[data-theme="cream"] #tasks .task-item.completed strong { color: #766d56; }
html[data-theme="cream"] #tasks .task-check { border-color: #7c8868; color: #1d5c42; }
html[data-theme="cream"] #tasks .task-item.completed .task-check { background: #286c4a; border-color: #286c4a; color: #fffaf0; }
html[data-theme="cream"] #tasks .task-source { background: #eee4cf; border-color: #c5b18b; color: #665131; }
html[data-theme="cream"] #tasks .week-day { background: #f8f3e8; border-color: #d3c4aa; color: #6f614b; }
html[data-theme="cream"] #tasks .week-day strong { color: #3d3020; }
html[data-theme="cream"] #tasks .week-day.active { background: #225c43; border-color: #225c43; color: #fff7e8; box-shadow: none; }
html[data-theme="cream"] #tasks .week-day.active strong { color: #fff7e8; }
html[data-theme="cream"] #tasks .week-day.active > span { color: #e7edda; }
html[data-theme="cream"] #tasks .week-day em { background: #ad5f3c; color: #fffaf0; }
html[data-theme="cream"] #tasks :is(.task-progress, .both-avatar) { background: #e2d8c3; color: #5d4930; }
html[data-theme="cream"] #tasks .task-progress span { background: #3c7a50; }
html[data-theme="cream"] #tasks :is(.agenda-legend, .quick-reminder-note) { color: #6e6050; }
html[data-theme="cream"] .priority-dot.high { background: #a44738; }
html[data-theme="cream"] .priority-dot.medium { background: #997022; }
html[data-theme="cream"] .priority-dot.low { background: #367567; }

html[data-theme="cream"] :is(.member-row, .toggle-row, .settings-divider, .feature-row, .currency-setting, .sidebar-footer) { border-color: #d6c8b3; }
html[data-theme="cream"] :is(.toggle-row span, .setting-label, .currency-setting, .member-row .grow > span, .profile-reminder-row, .push-detail span, .admin-user .grow > span) { color: #6e6050; }
html[data-theme="cream"] .switch > span { background: #bfb39c; }
html[data-theme="cream"] .switch > span::before { background: #fffaf0; }
html[data-theme="cream"] .switch input:checked + span { background: #2c7250; }
html[data-theme="cream"] :is(.whatsapp-share-reminders, .wa-optin-row, .invite-link-result, .profile-danger-zone) { background: #eee7d8; border-color: #ccba9e; color: #50402c; }
html[data-theme="cream"] :is(.whatsapp-share-reminders p, .delivery-note, .wa-status, .invite-result-hint, .invite-security-hint, .gc-statement-profile > p, .gc-statement-profile > small) { color: #6e6050 !important; }
html[data-theme="cream"] .profile-danger-zone p { color: #6e6050; }
html[data-theme="cream"] .profile-photo :is(span, strong) { color: #fffaf0; }
html[data-theme="cream"] :is(.invite-link-result > small, .invite-link-label, .profile-danger-zone p strong) { color: #59432a; }
html[data-theme="cream"] #gcOfPanel :is(.of-entry, .gc-of-entries .of-entry) { background: #f2eadb; border-color: #c3af8c; }
html[data-theme="cream"] #gcOfPanel :is(small, a) { color: #5c6244 !important; }
html[data-theme="cream"] :is(.toast, .gc-alert-item) { background: #fff8e8; border-color: #c4b18f; color: #473722; }
html[data-theme="cream"] :is(.gc-alert-item span, .gc-alert-item small, .gc-alert-explain) { color: #6e6050; }
html[data-theme="cream"] #alertsInbox .gc-alert-row.is-unread .gc-alert-item { border-left-color: #39724f; }
html[data-theme="cream"] .gc-alert-remove { background: #f1e3ce; border-color: #c2aa85; color: #8b3d2d; }

/* Native dialog semantics, focus trapping and hidden states remain unchanged. */
html[data-theme="cream"] :is(dialog, #firstInstallDialog, #marketAppearanceDialog, #gcIconEditor, #gcThemeDialog) {
  background: var(--cream-paper);
  color: var(--cream-ink);
  border-color: var(--cream-line);
  box-shadow: 0 22px 70px rgb(47 32 15 / 20%);
}
html[data-theme="cream"] dialog::backdrop { background: rgb(47 36 23 / 42%); backdrop-filter: blur(6px); }
html[data-theme="cream"] dialog :is(h2, h3, strong, legend) { color: #352a20; }
html[data-theme="cream"] dialog :is(p, small, label) { color: #6e6050; }
html[data-theme="cream"] :is(.modal-head, .market-appearance-top, .gc-icon-editor-head) { background: #f4ecdc; border-color: #d8c8ac; }
html[data-theme="cream"] .modal-actions { background: #fffbf3; border-color: #d8c8ac; box-shadow: 0 -5px 16px #55412112; }
html[data-theme="cream"] :is(.segmented, .market-appearance-choice, .gc-icon-preview, .gc-icon-library, .gc-statement-preview, .gc-clear-dialog, .gc-belvo-dialog) { background: #f1e8d6; border-color: #c7b391; color: #564128; }
html[data-theme="cream"] .segmented input:checked + span { background: #d8e6cd; color: #255033; }
html[data-theme="cream"] .market-appearance-choice:has(input:checked) { background: #dfe9d4; border-color: #66895a; }
html[data-theme="cream"] :is(.market-appearance-name, .market-appearance-top h2) { color: #352a20; }
html[data-theme="cream"] .market-appearance-illustration { color: #346c4c; }
html[data-theme="cream"] .market-appearance-choice:has(input:checked) .market-appearance-check { background: #2b6848; border-color: #2b6848; color: #fffaf0; }
html[data-theme="cream"] :is(#marketAppearanceSave, .market-appearance-top button, .gc-icon-editor-head button, .gc-statement-head button) { background-color: #f1e8d6; border-color: #c7b391; color: #235c40; }
html[data-theme="cream"] :is(.gc-icon-file-label, .gc-statement-picker, #gcStatementConfirm, #gcBelvoSubmit, #gcIconSave) { background: #245f44; border-color: #245f44; color: #fffaf0; }
html[data-theme="cream"] :is(.gc-statement-item strong, .gc-statement-toolbar strong, .gc-statement-head h2, .gc-icon-editor-head h2) { color: #352a20; }
html[data-theme="cream"] :is(.gc-statement-item small, .gc-icon-instruction, .gc-icon-help, .gc-icon-limit, .gc-statement-limit, .gc-statement-feedback, .gc-clear-dialog > small) { color: #6e6050; }
html[data-theme="cream"] .gc-statement-item { border-color: #d2c0a0; }
html[data-theme="cream"] .gc-statement-item .gc-stmt-amount { color: #235c40; }
html[data-theme="cream"] :is(#gcStatementCancel, #gcBelvoCancel, #gcIconCancel, #firstInstallDialog .install-actions button) { background: #eee2cc; border-color: #bba27d; color: #584124; }
html[data-theme="cream"] #firstInstallDialog .install-options button,
html[data-theme="cream"] #firstInstallDialog .install-detail { background: #eee6d6; border-color: #c3af8d; color: #45341f; }
html[data-theme="cream"] #firstInstallDialog .install-detail :is(a, button) { background: #245f44; color: #fffaf0; }
html[data-theme="cream"] .gc-clear-actions .danger-btn { background: #9b3b30; border-color: #9b3b30; color: #fffaf0; }
html[data-theme="cream"] #firstInstallDialog :is(h2, h3, strong, legend) { color: #352a20; }
html[data-theme="cream"] #firstInstallDialog :is(p, small) { color: #6e6050; }
html[data-theme="cream"] #transactions :is(.tx-help-compact, .tx-help-compact summary, .tx-help-compact-body, .tx-help-compact-body b, .tx-installment-pill) { background: #eee5d6; color: #58472e; border-color: #c3b296; }
html[data-theme="cream"] :is(.mobile-nav-item, #balanceHero button):focus-visible { outline-color: #f4ecda !important; }

@media (max-width: 700px) {
  html[data-theme="cream"] .mobile-nav { left: 10px; right: 10px; bottom: max(10px, env(safe-area-inset-bottom)); border: 1px solid #6d5b3f !important; border-radius: 999px !important; background: #352a20 !important; box-shadow: 0 10px 28px #3e2a1e26 !important; }
  html[data-theme="cream"] .mobile-nav-item { color: #f0e8d8 !important; }
  html[data-theme="cream"] .mobile-nav-item .nav-orb { background: #4c3d2d; color: #f4ecdd; border-color: #6c5a42; box-shadow: none; }
  html[data-theme="cream"] .mobile-nav-item.active .nav-orb { background: #dce8cb !important; color: #245337 !important; border-color: #dce8cb; box-shadow: none; }
  html[data-theme="cream"] .mobile-nav-item .nav-label { color: #f0e8d8; }
  html[data-theme="cream"] :is(dialog, #firstInstallDialog, #marketAppearanceDialog, #gcIconEditor, #gcThemeDialog) { position: fixed; inset: auto 0 0; margin: 0 auto; width: 100%; max-width: 640px; max-height: 90dvh; border-radius: 28px 28px 0 0; border-bottom: 0; padding-bottom: max(16px, env(safe-area-inset-bottom)); }
  html[data-theme="cream"] .modal-form { padding-bottom: max(20px, env(safe-area-inset-bottom)); }
}
@media (prefers-reduced-motion: reduce) {
  html[data-theme="cream"] { scroll-behavior: auto; }
  html[data-theme="cream"] *, html[data-theme="cream"] *::before, html[data-theme="cream"] *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}
@media (forced-colors: active) {
  html[data-theme="cream"] :is(button, a, summary, input, select, textarea):focus-visible { outline-color: Highlight !important; }
  html[data-theme="cream"] #balanceHero #balanceValue[data-balance-state] { color: CanvasText; text-shadow: none; }
}

/* GabriConta — Gastos compacto / versão Creme & Verde.
   Layout compacto com os dados e eventos existentes intactos. */
html[data-theme="cream"] #transactions.active-view { padding-top:20px; }
html[data-theme="cream"] #transactions .section-head {
  margin:0 0 13px;
  align-items:center;
}
html[data-theme="cream"] #transactions .section-head h2 {
  font-size:clamp(23px,3.4vw,31px);
  letter-spacing:-.035em;
  line-height:1.12;
  margin:5px 0 0;
}
html[data-theme="cream"] #transactions .tx-help-compact {
  font-size:11px;
  margin:4px 0 0;
  color:#7e8985;
}
html[data-theme="cream"] #transactions .tx-pro-layout {
  display:flex!important;
  flex-direction:column;
  gap:14px;
}
html[data-theme="cream"] #transactions .tx-main-area {
  display:flex!important;
  flex-direction:column;
  gap:12px;
  min-width:0;
  order:0;
}
html[data-theme="cream"] #transactions .tx-sidebar {
  order:2; width:100%; display:grid; grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;
  min-width:0;
}
html[data-theme="cream"] #transactions .tx-main-area > * { min-width:0; margin:0 }
html[data-theme="cream"] #transactions .tx-overview-slim {
  order:0;
  background:linear-gradient(145deg,#24644e 0%,#143c30 100%)!important;
  border:1px solid #36705b!important;
  border-radius:23px!important;
  color:#fffaf0!important;
  padding:18px 21px 17px!important;
  box-shadow:none!important;
  display:grid;
  gap:11px;
  overflow:visible;
}
html[data-theme="cream"] #transactions .tx-overview-slim #addTransactionBtn {display:none!important}
html[data-theme="cream"] #transactions .tx-slim-header {
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  text-transform:uppercase;letter-spacing:.10em;
  color:#e4efdf;font-size:10px;font-weight:800;line-height:1.2;
}
html[data-theme="cream"] #transactions .tx-slim-header small {
  color:#dcead9;font-size:10px;text-transform:none;letter-spacing:0;font-weight:550;
}
html[data-theme="cream"] #transactions .tx-balance-disclosure { min-width:0; margin:0 }
html[data-theme="cream"] #transactions .tx-balance-toggle {
  display:grid;grid-template-columns:minmax(0,1fr);gap:4px;
  cursor:pointer;outline-offset:3px;
  list-style:none;
}
html[data-theme="cream"] #transactions .tx-balance-toggle::-webkit-details-marker {display:none}
html[data-theme="cream"] #transactions .tx-balance-toggle::marker {content:''}
html[data-theme="cream"] #transactions .tx-balance-title {
  font-size:13px;font-weight:580;line-height:1.3;
  color:#eef5e9;
  display:flex;align-items:center;gap:10px;
}
html[data-theme="cream"] #transactions #txMonthBalance {
  font-size:clamp(32px,5.7vw,53px)!important;
  line-height:1.05;
  color:#fffaf0!important;
  font-variant-numeric:tabular-nums;
  font-weight:790;
  letter-spacing:-.045em;
  overflow-wrap:anywhere;
}
html[data-theme="cream"] #transactions #txMonthBalance.negative {
  color:#ffd9b2!important;
  text-shadow:0 0 9px rgba(255,75,123,.19);
}
html[data-theme="cream"] #transactions .tx-disclosure-chevron {display:inline-block;transition:transform .18s ease;font-size:15px}
html[data-theme="cream"] #transactions .tx-balance-disclosure[open] .tx-disclosure-chevron {transform:rotate(180deg)}
html[data-theme="cream"] #transactions .tx-balance-tip {
  color:#d8e7d7;font-size:10px;line-height:1.4;
}
html[data-theme="cream"] #transactions .tx-balance-extra {
  padding-top:13px;margin-top:11px;
  border-top:1px solid rgba(255,255,255,.15);
  display:grid;gap:13px;
}
html[data-theme="cream"] #transactions .tx-balance-explainer {
  display:flex;align-items:center;justify-content:space-between;
  gap:15px;color:#dfd0d7;font-size:12px;
}
html[data-theme="cream"] #transactions .tx-balance-explainer .tx-info-button {
  flex:none;width:auto;min-height:34px;padding:6px 10px;
  border:1px solid #b5a4ac;border-radius:10px;
  font-size:11px;line-height:1.1;background:rgba(255,255,255,.13);color:#fff!important;
}
html[data-theme="cream"] #transactions .tx-overview-metrics {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;
}
html[data-theme="cream"] #transactions .tx-overview-metrics .tx-metric {
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px;padding:12px 13px;
  display:grid;gap:7px;
}
html[data-theme="cream"] #transactions .tx-overview-metrics :is(span,strong,b) {color:#fffaf0!important}
html[data-theme="cream"] #transactions .tx-overview-metrics .tx-metric-values {
  display:flex;flex-direction:column;gap:5px;font-size:11px;
}
html[data-theme="cream"] #transactions .tx-overview-metrics .tx-progress {height:4px;background:rgba(255,255,255,.16)}
html[data-theme="cream"] #transactions .tx-compact-figures {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;
}
html[data-theme="cream"] #transactions .tx-compact-figure {
  min-width:0;display:flex;gap:10px;align-items:center;
  padding:11px 12px;
  background:rgba(255,255,255,.092);
  border:1px solid rgba(255,255,255,.1);
  border-radius:14px;
}
html[data-theme="cream"] #transactions .tx-compact-figure .tx-figure-icon {
  width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;
  border-radius:50%;background:#e3eedb;color:#155c4d;font-weight:850;font-size:17px;
}
html[data-theme="cream"] #transactions .tx-compact-figure.expense .tx-figure-icon {
  background:#f5e4dc;color:#9f443d;
}
html[data-theme="cream"] #transactions .tx-compact-figure>div {min-width:0;display:grid;gap:4px}
html[data-theme="cream"] #transactions .tx-compact-figure>div>span {
  color:#e8f0e3;font-size:11px;line-height:1.1;
}
html[data-theme="cream"] #transactions .tx-compact-figure strong {
  color:#fff!important;font-size:clamp(13px,2.2vw,18px);line-height:1.15;
  letter-spacing:-.012em;font-weight:780;font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere;
}
html[data-theme="cream"] #transactions .tx-controls-slim {
  order:-1;
  background:#fffbf3!important;
  border:1px solid #e5dac7!important;
  padding:10px 13px!important;
  border-radius:17px!important;
  box-shadow:none!important;
  overflow:visible;
}
html[data-theme="cream"] #transactions .tx-controls-slim .tx-period-row {
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  min-height:42px;
  flex-wrap:wrap;
}
html[data-theme="cream"] #transactions .tx-period-nav {
  flex:1 1 auto;display:flex;gap:4px;align-items:center;justify-content:flex-start;
  min-width:0;
}
html[data-theme="cream"] #transactions .tx-month-btn {
  width:33px;height:37px;min-width:33px;border:0!important;
  background:#e6efdd!important;
  border-radius:10px!important;color:#155c4d!important;
  box-shadow:none!important;
  display:grid;place-items:center;
  font-size:24px;
}
html[data-theme="cream"] #transactions .tx-month-pill {
  min-width:0!important;
  padding:8px 11px!important;min-height:38px!important;
  font-size:clamp(12px,2vw,15px)!important;font-weight:790;
  color:#155c4d!important;background:#e1ead7!important;
  border:0!important;border-radius:10px!important;box-shadow:none!important;
  white-space:nowrap;flex:0 1 auto;
}
html[data-theme="cream"] #transactions .tx-filter-drawer {position:relative;flex:0 0 auto}
html[data-theme="cream"] #transactions .tx-filter-drawer>summary {
  display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;
  padding:9px 13px;
  border:1px solid #c8d8c0;border-radius:12px;list-style:none;
  background:#e8f0e1;color:#155c4d;
  cursor:pointer;font-size:13px;font-weight:760;
}
html[data-theme="cream"] #transactions .tx-filter-drawer>summary::marker {content:''}
html[data-theme="cream"] #transactions .tx-filter-drawer>summary::-webkit-details-marker {display:none}
html[data-theme="cream"] #transactions .tx-filter-drawer>summary svg {width:17px;height:17px;flex:none}
html[data-theme="cream"] #transactions .tx-filter-drawer[open]>summary {background:#d2e4d1}
html[data-theme="cream"] #transactions .tx-filter-counter {
  background:#155c4d;color:#fff;border-radius:99px;padding:2px 6px;
  min-width:18px;text-align:center;font-size:10px;font-weight:800;
}
html[data-theme="cream"] #transactions .tx-filter-counter[hidden] {display:none!important}
html[data-theme="cream"] #transactions .tx-filter-content {
  position:absolute;right:0;top:calc(100% + 9px);z-index:100;
  width:min(450px,calc(100vw - 46px));padding:16px;
  border:1px solid #dfd3bd;
  background:#fffbf3;
  border-radius:18px;
  box-shadow:0 18px 42px rgba(48,29,41,.17);
}
html[data-theme="cream"] #transactions .tx-pro-filters {
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
html[data-theme="cream"] #transactions .tx-pro-filters label {
  display:grid;gap:5px;color:#556863;font-size:11px;font-weight:770;
  min-width:0;text-align:left;
}
html[data-theme="cream"] #transactions .tx-pro-filters :is(select,input) {
  width:100%!important;min-width:0;height:42px;padding:8px 10px;
  background:#f9f6ed;color:#203a34;border:1px solid #d7cfba;border-radius:11px;
  font-size:13px;
}
html[data-theme="cream"] #transactions .tx-filter-content #txMemberFilters {
  margin:12px 0 8px!important;padding:9px 0!important;
  background:transparent!important;border:0!important;border-top:1px solid #edf0eb!important;
  box-shadow:none!important;max-width:100%;
}
html[data-theme="cream"] #transactions .tx-filter-reset {
  padding:8px 10px;margin-top:3px;border:0;background:transparent;
  color:#99604a;font-size:12px;font-weight:750;cursor:pointer;text-decoration:underline;
}
html[data-theme="cream"] #transactions .tx-quick-balance {
  order:1;
  display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;gap:6px!important;
  min-height:66px;margin:0!important;
  padding:11px 15px!important;
  color:#21332e;
  background:#f0ebde!important;
  border:1px solid #dcd0bb!important;
  border-radius:15px!important;
  box-shadow:none!important;
}
html[data-theme="cream"] #transactions .tx-quick-balance>div {
  display:grid!important;gap:4px;align-content:center;min-width:0;
}
html[data-theme="cream"] #transactions .tx-quick-balance>div>span {
  color:#6e6050!important;font-size:10px!important;line-height:1.2;
}
html[data-theme="cream"] #transactions .tx-quick-balance strong {
  color:#963c39!important;font-size:clamp(11px,1.9vw,16px)!important;
  line-height:1.1;overflow-wrap:anywhere;font-weight:790;
  font-variant-numeric:tabular-nums;
}
html[data-theme="cream"] #transactions .tx-quick-balance #txMiniBalance {
  color:#155c4d!important;
}
html[data-theme="cream"] #transactions .tx-quick-balance #txMiniBalance.negative {
  color:#a43738!important;
}
html[data-theme="cream"] #transactions .tx-calc-sign {
  color:#879b90!important;font-size:12px!important;font-weight:800;
}
html[data-theme="cream"] #transactions .tx-table-shell {
  order:2;
  background:#fffbf3!important;
  padding:0 12px!important;
  border:1px solid #e4d9c7!important;
  border-radius:20px!important;box-shadow:none!important;
  overflow:visible;
}
html[data-theme="cream"] #transactions .tx-list-caption {
  min-height:60px;
  display:flex;align-items:center;justify-content:space-between;gap:9px;
  padding:14px 3px 12px;
  border-bottom:1px solid #ebe8e4;
  margin:0 0 2px;
}
html[data-theme="cream"] #transactions .tx-list-caption>div {display:flex;flex-wrap:wrap;align-items:baseline;gap:7px}
html[data-theme="cream"] #transactions .tx-list-caption strong {font-size:17px;color:#352a20}
html[data-theme="cream"] #transactions .tx-list-caption :is(small,span) {
  font-size:11px;color:#6e6050;
}
html[data-theme="cream"] #transactions .tx-list-caption>span {display:none!important}
html[data-theme="cream"] #transactions .tx-category-spend {
  flex:0 1 100%;font-size:11px;display:flex;gap:5px;
  color:#586c65!important;font-weight:600;
}
html[data-theme="cream"] #transactions #txCategorySpendValue {
  color:#963c39!important;font-weight:800;
}
html[data-theme="cream"] #transactions .transaction-pro-list {
  display:grid;gap:0;background:#fffbf3!important;min-width:0;
}
html[data-theme="cream"] #transactions .tx-swipe-shell {
  border-radius:0!important;
  background:#fffbf3!important;
  box-shadow:none!important;
  border-bottom:1px solid #efebe7!important;
  overflow:hidden;
  isolation:isolate;
}
html[data-theme="cream"] #transactions .tx-swipe-shell:last-child {border-bottom:0!important}
html[data-theme="cream"] #transactions .tx-pro-row.tx-swipe-card {
  display:flex!important;align-items:center!important;gap:11px!important;
  min-height:70px!important;
  padding:11px 5px!important;
  background:#fffbf3!important;
  border:0!important;
  color:#352a20!important;
  border-radius:0!important;
  box-shadow:none!important;
}
html[data-theme="cream"] #transactions .tx-pro-row.tx-swipe-card:hover {
  background:#f9f6ed!important;
}
html[data-theme="cream"] #transactions .tx-display-icon {
  flex:0 0 43px!important;
  display:grid;place-items:center;
  width:43px!important;height:43px!important;
  border-radius:50%!important;
  background:#e3eddc!important;
  border:0!important;box-shadow:none!important;
  font-size:21px!important;
  color:#155c4d;
}
html[data-theme="cream"] #transactions .tx-swipe-shell.expense:nth-child(4n+1) .tx-display-icon {
  background:#f6e4df!important;color:#8c1646;
}
html[data-theme="cream"] #transactions .tx-swipe-shell.expense:nth-child(4n+2) .tx-display-icon {
  background:#eeebff!important;color:#5e50ba;
}
html[data-theme="cream"] #transactions .tx-compact-copy {
  flex:1 1 auto;min-width:0;max-width:none!important;display:grid!important;gap:4px!important;
}
html[data-theme="cream"] #transactions .tx-compact-copy strong {
  display:block!important;max-width:100%;
  color:#352a20!important;font-size:14px!important;
  font-weight:780!important;line-height:1.25!important;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
html[data-theme="cream"] #transactions .tx-compact-copy span {
  color:#6e6050!important;font-size:11px!important;
  line-height:1.35!important;white-space:normal;overflow-wrap:anywhere;
}
html[data-theme="cream"] #transactions .tx-card-avatars {display:none!important}
html[data-theme="cream"] #transactions .tx-compact-price {
  display:grid!important;align-content:center!important;justify-items:end!important;
  gap:0!important;min-width:0!important;max-width:42%;margin-left:auto;
  padding:0!important;white-space:normal;
}
html[data-theme="cream"] #transactions .tx-compact-price .amount {
  font-size:clamp(12px,2.6vw,17px)!important;
  color:#a43738!important;
  line-height:1.25!important;
  font-weight:810!important;
  text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;
}
html[data-theme="cream"] #transactions .tx-swipe-shell.income .tx-compact-price .amount {
  color:#087454!important;
}
html[data-theme="cream"] #transactions .tx-compact-price [data-tx-status] {
  display:none!important;
}
html[data-theme="cream"] #transactions .tx-tap-actions {
  display:flex;align-items:center;justify-content:flex-end;
  gap:8px;flex-wrap:wrap;
  padding:9px 5px 12px;
  background:#fffbf3;position:relative;z-index:3;
}
html[data-theme="cream"] #transactions .tx-tap-actions[hidden] {display:none!important}
html[data-theme="cream"] #transactions .tx-tap-actions button {
  border:1px solid #d9d5c6;
  background:#f0f6f0;color:#145842;
  font-size:12px;font-weight:730;padding:9px 12px;border-radius:10px;cursor:pointer;
  min-height:38px;
}
html[data-theme="cream"] #transactions .tx-tap-actions .tx-tap-pay {
  background:#155c4d;color:#fff;border-color:#155c4d;
}
html[data-theme="cream"] #transactions .tx-tap-actions .tx-tap-delete {
  color:#9e403a;background:#faedf1;border-color:#f3dce4;
}
html[data-theme="cream"] #transactions .gc-statement-shortcut {margin:5px 0 8px}
html[data-theme="cream"] #transactions .gc-statement-shortcut button {
  background:transparent!important;border:0!important;
  color:#416455!important;font-size:11px!important;padding:7px!important;
  box-shadow:none!important;
}
html[data-theme="cream"] #transactions .tx-calendar-card,
html[data-theme="cream"] #transactions .tx-agenda-card {
  box-shadow:none!important;
  border:1px solid #e1d3be!important;
  border-radius:17px!important;
  background:#fffbf3!important;
}
html[data-theme="cream"] #transactions .tx-calendar-toggle {padding:11px 14px}
html[data-theme="cream"] #transactions .tx-swipe-shell .tx-pro-row:focus-visible {
  outline:2px solid #276e53;outline-offset:-2px;
}
html[data-theme="cream"] #transactions #transactionFab {
  display:flex!important;align-items:center!important;justify-content:center!important;
  position:fixed!important;
  right:calc(23px + env(safe-area-inset-right,0px))!important;
  bottom:calc(26px + env(safe-area-inset-bottom,0px))!important;
  width:58px!important;height:58px!important;
  background:#155c4d!important;color:#fffbf3!important;
  border:1px solid #155c4d!important;
  border-radius:50%!important;font-size:28px!important;font-weight:500!important;
  box-shadow:0 7px 25px rgba(5,68,53,.23)!important;
  z-index:480!important;
}
html[data-theme="cream"] #transactions #transactionFab:hover {background:#276e53!important}
html[data-theme="cream"] .mobile-nav {
  padding-bottom:calc(9px + env(safe-area-inset-bottom,0px))!important;
  min-height:calc(79px + env(safe-area-inset-bottom,0px))!important;
}
html[data-theme="cream"] #transactions.active-view {
  padding-bottom:calc(145px + env(safe-area-inset-bottom,0px))!important;
}
html[data-theme="cream"] :is(.transaction-pro-list,.pantry-list,.task-list,.mobile-nav) {
  -webkit-overflow-scrolling:touch;
}
html[data-theme="cream"] .tx-swipe-card {
  transition:transform .28s cubic-bezier(.18,.72,.21,1.03), background-color .2s ease!important;
}
@media(max-width:700px) {
 html[data-theme="cream"] #transactions.active-view {padding:17px 13px calc(158px + env(safe-area-inset-bottom,0px))!important}
 html[data-theme="cream"] #transactions .tx-pro-layout {gap:10px!important}
 html[data-theme="cream"] #transactions .tx-main-area {gap:10px!important}
 html[data-theme="cream"] #transactions .tx-sidebar {grid-template-columns:1fr;gap:8px}
 html[data-theme="cream"] #transactions .tx-overview-slim {padding:16px 17px!important;gap:10px}
 html[data-theme="cream"] #transactions #txMonthBalance {font-size:clamp(33px,8.6vw,45px)!important}
 html[data-theme="cream"] #transactions .tx-compact-figure {padding:10px 9px;gap:7px}
 html[data-theme="cream"] #transactions .tx-compact-figure .tx-figure-icon {width:27px;height:27px;flex-basis:27px}
 html[data-theme="cream"] #transactions .tx-controls-slim {padding:7px 8px!important;}
 html[data-theme="cream"] #transactions .tx-period-nav {gap:2px!important;}
 html[data-theme="cream"] #transactions .tx-month-btn {width:30px!important;height:36px!important;min-width:30px!important}
 html[data-theme="cream"] #transactions .tx-month-pill {font-size:12px!important;padding:8px 5px!important;}
 html[data-theme="cream"] #transactions .tx-filter-drawer>summary {min-height:37px;padding:7px 8px;font-size:12px;gap:5px}
 html[data-theme="cream"] #transactions .tx-filter-drawer>summary svg {width:15px;height:15px}
 html[data-theme="cream"] #transactions .tx-filter-content {
   right:0;width:min(350px,calc(100vw - 34px));padding:12px;
 }
 html[data-theme="cream"] #transactions .tx-pro-filters {grid-template-columns:1fr!important;}
 html[data-theme="cream"] #transactions .tx-pro-filters label {font-size:11px}
 html[data-theme="cream"] #transactions .tx-quick-balance {min-height:57px;padding:9px 9px!important;gap:3px!important}
 html[data-theme="cream"] #transactions .tx-quick-balance>div>span {font-size:9px!important}
 html[data-theme="cream"] #transactions .tx-quick-balance strong {font-size:clamp(10px,2.55vw,12px)!important}
 html[data-theme="cream"] #transactions .tx-table-shell {padding:0 10px!important}
 html[data-theme="cream"] #transactions .tx-list-caption {padding:10px 0!important;min-height:54px}
 html[data-theme="cream"] #transactions .tx-list-caption strong {font-size:15px}
 html[data-theme="cream"] #transactions .tx-swipe-card {min-height:68px!important;padding:10px 3px!important}
 html[data-theme="cream"] #transactions .tx-display-icon {width:39px!important;height:39px!important;flex-basis:39px!important;font-size:19px!important}
 html[data-theme="cream"] #transactions .tx-compact-copy strong {font-size:13px!important;}
 html[data-theme="cream"] #transactions .tx-compact-price .amount {font-size:clamp(11.2px,3vw,15px)!important}
 html[data-theme="cream"] #transactions #transactionFab {
   width:58px!important;height:58px!important;
   bottom:calc(102px + env(safe-area-inset-bottom,0px))!important;
   right:calc(17px + env(safe-area-inset-right,0px))!important;
 }
 html[data-theme="cream"] #transactions .tx-overview-metrics {grid-template-columns:1fr!important;}
}
@media(max-width:380px) {
 html[data-theme="cream"] #transactions .tx-compact-figure strong {font-size:12px}
 html[data-theme="cream"] #transactions .tx-compact-figure>div>span {font-size:10px}
 html[data-theme="cream"] #transactions .tx-quick-balance strong {font-size:10px!important}
}
@media(prefers-reduced-motion:reduce) {
 html[data-theme="cream"] #transactions .tx-swipe-card,
 html[data-theme="cream"] #transactions .tx-disclosure-chevron {transition:none!important}
}


/* TEMA ÚNICO CREME & VERDE — superfícies, navegação e cabeçalhos. */
html[data-theme="cream"] {
  color-scheme:light;
  --cream-bg:#f6f0e4;--cream-paper:#fffbf3;--cream-soft:#eee7d9;
  --cream-line:#d8cbb6;--cream-accent:#155c4d;
  --cream-positive:#126443;--cream-negative:#a43738;
}
html[data-theme="cream"] body{background:radial-gradient(circle at 90% 0%,#e2ead8,transparent 36%),#f6f0e4}
html[data-theme="cream"] .topbar{
  color:#fffaf0;background:linear-gradient(138deg,#25694f 0%,#154837 100%);
  border-radius:0 0 26px 26px;
  border:0;box-shadow:0 7px 20px rgb(30 70 45 / 11%);
  padding:27px clamp(20px,3vw,34px) 34px;margin:0 calc(-1 * clamp(20px,3vw,34px)) 0;
}
html[data-theme="cream"] .topbar :is(h1,.eyebrow){color:#fffaf0!important}
html[data-theme="cream"] .topbar h1{
  font-family:Georgia,"Times New Roman",serif;font-weight:700;letter-spacing:-.045em;
}
html[data-theme="cream"] .topbar .eyebrow{opacity:.8}
html[data-theme="cream"] .top-actions :is(.icon-btn,.avatar-btn),
html[data-theme="cream"] .app-back-btn{
  color:#fffaf0!important;background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.3)!important;box-shadow:none!important;
}
html[data-theme="cream"] .view.active-view{
  background:#fffbf3;border-radius:26px 26px 0 0;
  padding:24px 24px 38px;margin:-8px -24px 0;
  min-height:calc(100vh - 185px);
}
html[data-theme="cream"] .section-head h2{font-size:clamp(24px,3.6vw,36px);letter-spacing:-.042em}
html[data-theme="cream"] .primary,
html[data-theme="cream"] #transactions .tx-tap-pay{
  background:#155c4d!important;color:#fffaf0!important;
  border-color:#155c4d!important;box-shadow:none!important;
}
html[data-theme="cream"] .mobile-nav{
  background:rgba(255,251,243,.97)!important;
  border-top:1px solid #d8cbb6!important;
  box-shadow:0 -5px 24px rgba(62,53,36,.085)!important;
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
html[data-theme="cream"] .mobile-nav-item{
  background:transparent!important;color:#5a6859!important;font-weight:600!important;
}
html[data-theme="cream"] .mobile-nav-item .nav-orb{
  background:transparent!important;color:#476658!important;
  border:0!important;border-radius:50%!important;box-shadow:none!important;
}
html[data-theme="cream"] .mobile-nav-item.active{
  color:#155c4d!important;font-weight:800!important;
}
html[data-theme="cream"] .mobile-nav-item.active .nav-orb{
  background:#155c4d!important;color:#fffaf0!important;
  border-color:#155c4d!important;border-radius:50%!important;
}
html[data-theme="cream"] #transactions .tx-overview-slim,
html[data-theme="cream"] #transactions .tx-overview-card.tx-overview-slim{
  background:linear-gradient(145deg,#24644e,#143c30)!important;
  border-color:#36705b!important;box-shadow:none!important;color:#fffaf0!important;
}
html[data-theme="cream"] #transactions .tx-overview-slim :is(
  .tx-slim-header,.tx-slim-header small,.tx-balance-title,.tx-balance-tip,
  .tx-compact-figure>div>span){color:#e2edde!important}
html[data-theme="cream"] #transactions .tx-overview-slim #txMonthBalance{
  color:#fffaf0!important;text-shadow:none;
}
html[data-theme="cream"] #transactions .tx-overview-slim #txMonthBalance.negative{
  color:#ffd9b2!important;text-shadow:0 0 10px #f8ae835c;
}
html[data-theme="cream"] #transactions .tx-overview-slim .tx-overview-metrics :is(strong,b,span),
html[data-theme="cream"] #transactions .tx-overview-slim .tx-compact-figure strong{
  color:#fffaf0!important;
}
html[data-theme="cream"] #transactions .tx-overview-slim .tx-overview-metrics .tx-progress{
  background:#ffffff29!important;
}
html[data-theme="cream"] #transactions .tx-month-pill{
  background:#e5eedb!important;border-color:#d0ddc6!important;color:#155c4d!important;
}
html[data-theme="cream"] #transactions .tx-filter-drawer>summary{
  background:#e8f0e1!important;color:#155c4d!important;border-color:#c8d8c0!important;
}
html[data-theme="cream"] #transactions .tx-filter-content,
html[data-theme="cream"] #transactions .tx-controls-slim,
html[data-theme="cream"] #transactions .tx-table-shell,
html[data-theme="cream"] #transactions .transaction-pro-list,
html[data-theme="cream"] #transactions .tx-swipe-shell,
html[data-theme="cream"] #transactions .tx-tap-actions{
  background:#fffbf3!important;
}
html[data-theme="cream"] #transactions .tx-controls-slim,
html[data-theme="cream"] #transactions .tx-table-shell{
  border-color:#e4d9c7!important;box-shadow:none!important;
}
html[data-theme="cream"] #transactions .tx-quick-balance{
  background:#f0ebde!important;border-color:#ddd0b9!important;
  color:#352a20!important;
}
html[data-theme="cream"] #transactions .tx-swipe-shell .tx-swipe-card,
html[data-theme="cream"] #transactions .tx-swipe-shell.expense.is-paid .tx-swipe-card,
html[data-theme="cream"] #transactions .tx-swipe-shell.income .tx-swipe-card,
html[data-theme="cream"] #transactions .tx-swipe-shell .tx-swipe-card:hover{
  background:#fffbf3!important;border-color:transparent!important;
  border-radius:0!important;box-shadow:none!important;
}
html[data-theme="cream"] #transactions .tx-compact-copy strong{color:#352a20!important}
html[data-theme="cream"] #transactions .tx-compact-copy span{color:#6e6050!important}
html[data-theme="cream"] #transactions .tx-swipe-shell.expense .tx-compact-price .amount{
  color:#a43738!important;
}
html[data-theme="cream"] #transactions .tx-swipe-shell.income .tx-compact-price .amount{
  color:#126443!important;
}
html[data-theme="cream"] #transactions .tx-swipe-shell .tx-display-icon{
  background:#e8efdf!important;color:#155c4d!important;border:0!important;
  border-radius:50%!important;
}
html[data-theme="cream"] #transactions .tx-tap-actions button{
  color:#155c4d;border-color:#d8cbb6!important;background:#edf2e7!important;
}
html[data-theme="cream"] #transactions .tx-tap-actions .tx-tap-pay{
  background:#155c4d!important;color:#fffaf0!important;
}
html[data-theme="cream"] #transactions .tx-tap-actions .tx-tap-delete{
  background:#f6e6df!important;color:#a43738!important;
}
html[data-theme="cream"] #transactions #transactionFab{
  background:#155c4d!important;color:#fffaf0!important;
  box-shadow:0 10px 26px #155c4d3a!important;border-radius:50%!important;
}
@media(max-width:900px){
  html[data-theme="cream"] .topbar{
    margin-left:-18px;margin-right:-18px;padding:26px 19px 43px;
  }
}
@media(max-width:700px){
  html[data-theme="cream"] .main{padding:0 13px 105px}
  html[data-theme="cream"] .topbar{
    margin:0 -13px;border-radius:0;min-height:148px;
    padding:calc(22px + env(safe-area-inset-top,0px)) 17px 47px;
  }
  html[data-theme="cream"] .topbar h1{font-size:clamp(23px,6vw,32px)}
  html[data-theme="cream"] .topbar-logo{width:36px;height:36px;border-radius:10px}
  html[data-theme="cream"] .view.active-view{
    margin:-22px -13px 0;
    padding:25px 17px calc(152px + env(safe-area-inset-bottom,0px));
    border-radius:32px 32px 0 0;
    min-height:calc(100vh - 142px);
  }
  html[data-theme="cream"] .mobile-nav{
    position:fixed!important;left:0!important;right:0!important;bottom:0!important;
    border:0!important;border-top:1px solid #d8cbb6!important;border-radius:0!important;
    min-height:calc(79px + env(safe-area-inset-bottom,0px))!important;
    padding:8px 5px calc(8px + env(safe-area-inset-bottom,0px))!important;
  }
  html[data-theme="cream"] .mobile-nav-item .nav-orb{
    width:42px!important;height:42px!important;
  }
  html[data-theme="cream"] .mobile-nav-item .nav-label{color:inherit!important;font-size:11px}
}
@media(prefers-reduced-motion:reduce){
  html[data-theme="cream"] :is(.tx-disclosure-chevron,.tx-swipe-card){
    transition:none!important;
  }
}


/* Alerta contínuo do vencimento: somente despesas pendentes, até 3 dias antes
   ou em atraso. O contorno não captura cliques, toques ou gestos de swipe. */
@property --gc-deadline-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}
@keyframes gcDeadlineOrbit {
  from { --gc-deadline-angle: 0deg; }
  to { --gc-deadline-angle: 360deg; }
}
@keyframes gcDeadlineGlow {
  0%, 100% { opacity: .78; }
  50% { opacity: 1; }
}
html[data-theme="cream"] #transactions .tx-swipe-shell.tx-deadline-alert {
  position: relative !important;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid #d8424e !important;
  border-radius: 15px !important;
  margin: 5px 0 !important;
  box-shadow: 0 0 0 1px #ef9b9d55, 0 0 13px #e3444b31 !important;
}
html[data-theme="cream"] #transactions .tx-swipe-shell.tx-deadline-alert::after {
  content: "";
  position: absolute;
  z-index: 8;
  inset: 0;
  display: block;
  padding: 2px;
  box-sizing: border-box;
  pointer-events: none;
  border-radius: inherit;
  background: conic-gradient(
    from var(--gc-deadline-angle),
    #b22038 0deg,
    #e14351 40deg,
    #fff4f4 57deg,
    #ff243f 72deg,
    #b22038 115deg,
    #b22038 290deg,
    #e14351 360deg
  );
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  animation: gcDeadlineOrbit 2.7s linear infinite, gcDeadlineGlow 2.1s ease-in-out infinite;
  will-change: opacity;
}
html[data-theme="cream"] #transactions .tx-swipe-shell.tx-alert-overdue {
  border-color: #c3223c !important;
  box-shadow: 0 0 0 1px #ed6a7966, 0 0 18px #e0294c40 !important;
}
html[data-theme="cream"] #transactions .tx-swipe-shell.tx-alert-overdue::after {
  animation-duration: 2.2s, 1.6s;
}
html[data-theme="cream"] #transactions .tx-swipe-shell.tx-alert-soon {
  border-color: #df5360 !important;
  box-shadow: 0 0 0 1px #ec8b8c44, 0 0 11px #e3444b24 !important;
}
html[data-theme="cream"] #transactions .tx-swipe-shell.tx-deadline-alert .tx-swipe-card,
html[data-theme="cream"] #transactions .tx-swipe-shell.tx-deadline-alert .tx-swipe-card:hover {
  border-radius: 14px !important;
  background: #fffbf3 !important;
}
html[data-theme="cream"] #transactions .tx-swipe-shell.tx-deadline-alert .tx-tap-actions {
  border-radius: 0 0 14px 14px;
}
html[data-theme="cream"] #transactions .tx-deadline-caption {
  display: inline-flex !important;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  padding: 0;
  background: transparent;
  border: 0;
  color: #b3223d !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1.2;
  text-align: right;
}
html[data-theme="cream"] #transactions .tx-deadline-caption[hidden] {
  display: none !important;
}
html[data-theme="cream"] #transactions .tx-alert-overdue .tx-deadline-caption {
  color: #b5122d !important;
}
html[data-theme="cream"] #transactions .tx-alert-soon .tx-deadline-caption {
  color: #b62d3a !important;
}
@media (prefers-reduced-motion: reduce) {
  html[data-theme="cream"] #transactions .tx-swipe-shell.tx-deadline-alert::after {
    animation: none !important;
    opacity: 1 !important;
    background: #ce253e !important;
  }
}


/* GabriConta • Modern Finance visual system (Cream & Green).
   Inspired by the supplied reference; functional data and flows remain intact. */
html[data-theme="cream"]{
  --gc-design-forest:#10352c;
  --gc-design-forest-dark:#092821;
  --gc-design-emerald:#18654c;
  --gc-design-mint:#d9ecdd;
  --gc-design-canvas:#f4f0e7;
  --gc-design-paper:#fffdf8;
  --gc-design-ink:#28392f;
  --gc-design-muted:#778579;
  --gc-design-border:#e7e6dd;
  color-scheme:light;
}
html[data-theme="cream"] body{
  background:var(--gc-design-canvas)!important;
  color:var(--gc-design-ink);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
html[data-theme="cream"] .app-shell{background:var(--gc-design-canvas)!important}
html[data-theme="cream"] .main{max-width:1380px;padding-top:0!important}
html[data-theme="cream"] .sidebar.glass{
  background:linear-gradient(175deg,#153e32,#09291f)!important;
  color:#f5faf4!important;border:0!important;
  border-right:1px solid #396451!important;box-shadow:none!important;
}
html[data-theme="cream"] .sidebar .brand strong{
  font:700 26px/1.12 Georgia,"Times New Roman",serif;
  color:#fafcf7!important;letter-spacing:-.045em;
}
html[data-theme="cream"] .sidebar .brand span{color:#c3dace!important}
html[data-theme="cream"] .sidebar .brand-mark{border-radius:14px!important;background:#d6e8d9!important}
html[data-theme="cream"] .sidebar .nav-item{
  background:transparent!important;
  color:#d6e9dd!important;border:1px solid transparent!important;
  border-radius:17px!important;box-shadow:none!important;font-weight:650;
}
html[data-theme="cream"] .sidebar .nav-item.active,
html[data-theme="cream"] .sidebar .nav-item:hover{
  color:#153b2e!important;background:#e0eee0!important;
  border-color:#e0eee0!important;box-shadow:none!important;
}
html[data-theme="cream"] .topbar{
  position:relative;z-index:1;
  min-height:109px;
  background:linear-gradient(132deg,#0b2b24 0%,#134836 60%,#237752 100%)!important;
  border:0!important;box-shadow:none!important;
  border-radius:0 0 27px 27px!important;
  margin:0 calc(-1 * clamp(20px,3vw,34px)) 0!important;
  padding:26px clamp(20px,3vw,34px) 34px!important;
}
html[data-theme="cream"] .topbar h1{
  color:#fffefa!important;
  font:760 clamp(24px,3vw,34px)/1.07 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  letter-spacing:-.045em;
}
html[data-theme="cream"] .topbar .eyebrow{color:#cbe0d4!important}
html[data-theme="cream"] .topbar-logo{
  border-radius:50%!important;border:1px solid #ffffff59!important;
  background:#d5e7d8;
}
html[data-theme="cream"] .topbar :is(.icon-btn,.avatar-btn,.app-back-btn){
  background:#ffffff18!important;color:#fafff9!important;
  border:1px solid #ffffff4a!important;border-radius:50%!important;box-shadow:none!important;
}
html[data-theme="cream"] .view.active-view{
  position:relative;z-index:2;
  min-height:calc(100vh - 140px);
  margin:-8px -24px 0!important;
  padding:26px 24px 135px!important;
  background:#fffdf8!important;
  border-radius:30px 30px 0 0!important;
  box-shadow:0 -8px 24px #0b312409!important;
}
html[data-theme="cream"] .section-head h2{
  color:#21372e!important;font-size:clamp(24px,3.3vw,36px);
  font-weight:830;line-height:1.15;letter-spacing:-.05em;
}
html[data-theme="cream"] :is(.bento-card,.task-card,.profile-card,.member-card,.invite-card){
  border:1px solid #e9e9e1;border-radius:24px;
  box-shadow:0 7px 26px #192f240e;
}
html[data-theme="cream"] .card-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin-bottom:14px;
}
html[data-theme="cream"] .card-head small{
  font-size:10px;color:#879489;letter-spacing:.12em;font-weight:720;
}
html[data-theme="cream"] .card-head h3{
  color:#26372f!important;
  font-size:clamp(18px,2.2vw,24px);
  line-height:1.2;font-weight:780;letter-spacing:-.043em;
}
html[data-theme="cream"] .gc-view-all{
  border:0;background:transparent;cursor:pointer;
  color:#6d8173;font-size:12px;font-weight:710;
  padding:6px 2px;white-space:nowrap;
}
html[data-theme="cream"] .gc-view-all span{font-size:15px}
html[data-theme="cream"] .gc-view-all:hover{color:#155c4d}

/* Central screen: large calm green financial balance and a layered "wallet" visual. */
html[data-theme="cream"] #dashboard.active-view{
  display:flex!important;flex-direction:column;gap:16px!important;
}
html[data-theme="cream"] #dashboard>*{min-width:0}
html[data-theme="cream"] #dashboard>#balanceHero{order:0!important}
html[data-theme="cream"] #dashboard>.quick-strip{order:1!important}
html[data-theme="cream"] #dashboard>.metrics-grid{order:2!important}
html[data-theme="cream"] #dashboard>#gcDashRecent{order:3!important}
html[data-theme="cream"] #dashboard>.dashboard-top-grid{order:4!important}
html[data-theme="cream"] #dashboard>.chart-card{order:5!important}
html[data-theme="cream"] #dashboard>.finance-marquee{order:6!important}
html[data-theme="cream"] #balanceHero.hero{
  display:block!important;position:relative;isolation:isolate;
  min-height:284px;padding:30px 32px!important;
  background:
    radial-gradient(circle at 90% 110%,#48b39d36,transparent 50%),
    radial-gradient(circle at 14% 89%,#17895d65,transparent 55%),
    linear-gradient(130deg,#072821 0%,#124534 56%,#15634b 100%)!important;
  border:1px solid #3d8268!important;border-radius:30px!important;
  color:white!important;overflow:hidden!important;
  box-shadow:0 13px 32px #143d2b2e!important;
}
html[data-theme="cream"] #balanceHero .hero-art{display:none!important}
html[data-theme="cream"] #balanceHero .hero-copy{
  position:relative;z-index:2;display:flex;flex-direction:column;
  gap:9px;align-items:flex-start;justify-content:center;
  max-width:calc(100% - 300px);min-height:220px;padding:7px 0;
}
html[data-theme="cream"] #balanceHero .hero-copy>small{
  color:#c7dfd2!important;font-size:13px;font-weight:560;letter-spacing:.02em;
}
html[data-theme="cream"] #balanceHero #balanceValue{
  color:#fff!important;margin:0!important;line-height:1.08!important;
  font-size:clamp(41px,5vw,70px)!important;
  font-weight:840!important;letter-spacing:-.06em;
  text-shadow:none!important;max-width:100%;overflow-wrap:anywhere;
}
html[data-theme="cream"] #balanceHero #balanceValue[data-balance-state="negative"] #balanceAmount{
  color:#ffd3c8!important;text-shadow:0 0 8px #f44b4533!important;
}
html[data-theme="cream"] #balanceHero #balanceValue[data-balance-state="positive"] #balanceAmount{
  color:#d8ffe1!important;
}
html[data-theme="cream"] #balanceHero #balanceHint{
  color:#d1e6d7!important;font-size:12px;line-height:1.5;max-width:300px;
}
html[data-theme="cream"] .gc-wallet-stack{
  position:absolute;z-index:1;right:24px;bottom:23px;
  width:min(34%,278px);height:177px;pointer-events:none;
  filter:drop-shadow(0 12px 19px #06291c80);
}
html[data-theme="cream"] .gc-wallet-layer{
  position:absolute;left:7%;right:7%;height:112px;bottom:16px;
  border-radius:22px;border:1px solid #ffffff30;
}
html[data-theme="cream"] .gc-wallet-layer-back{
  bottom:61px;background:#ffffff15;
}
html[data-theme="cream"] .gc-wallet-layer-middle{
  bottom:40px;left:4%;right:4%;background:#ffffff26;
}
html[data-theme="cream"] .gc-wallet-card{
  position:absolute;inset:auto 0 0;height:149px;
  padding:19px;border-radius:24px;border:1px solid #e8fff77d;
  background:radial-gradient(circle at 90% -10%,#b6e6cf7a,transparent 60%),linear-gradient(140deg,#398d76,#8dc8a8);
  color:#f8fff8;box-shadow:inset 0 1px #ffffff59,0 15px 26px #06291e70;
  display:flex;flex-direction:column;justify-content:space-between;
}
html[data-theme="cream"] .gc-wallet-card-top,
html[data-theme="cream"] .gc-wallet-card-bottom{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
}
html[data-theme="cream"] .gc-wallet-card-brand{
  font:700 20px/1.2 Georgia,"Times New Roman",serif;
}
html[data-theme="cream"] .gc-wallet-card-bottom{
  color:#f0fff2;font-size:10px;font-weight:650;
}
html[data-theme="cream"] .gc-wallet-card-bottom svg{
  color:#ebfff0;width:27px;height:27px;flex:0 0 27px;
}
html[data-theme="cream"] .gc-wallet-chip{
  display:grid;grid-template-columns:1fr 1fr;gap:2px;
  width:30px;height:26px;padding:5px;border-radius:6px;background:#e7ead0;
}
html[data-theme="cream"] .gc-wallet-chip i{
  border-radius:3px;background:#c7cfac;
}

/* Quick actions echo the soft pill buttons in the reference. */
html[data-theme="cream"] #dashboard>.quick-strip.gc-dashboard-actions{
  display:flex!important;flex-direction:column;gap:9px;
  background:transparent!important;border:0!important;
  padding:0!important;margin:0!important;box-shadow:none!important;
}
html[data-theme="cream"] .gc-main-actions{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;
}
html[data-theme="cream"] .gc-action-pill{
  border:1px solid #e7e9e1!important;
  background:#f2f3f0!important;border-radius:22px!important;
  display:flex;align-items:center;justify-content:center;gap:11px;
  padding:12px 14px!important;min-height:61px;
  color:#24392d!important;cursor:pointer;box-shadow:none!important;
}
html[data-theme="cream"] .gc-action-pill.gc-action-primary{
  background:#e0eee1!important;border-color:#cfe5d5!important;
}
html[data-theme="cream"] .gc-action-pill:hover{
  background:#e8f3e7!important;transform:translateY(-1px);
}
html[data-theme="cream"] .gc-action-icon{
  width:35px;height:35px;flex:0 0 35px;
  display:grid;place-items:center;border-radius:50%;
  background:#fffdf8;color:#175c44;border:1px solid #dfebe1;
}
html[data-theme="cream"] .gc-action-icon svg{
  width:19px;height:19px;stroke:currentColor;
}
html[data-theme="cream"] .gc-action-pill strong{
  font-size:13px;font-weight:760;color:#273b2c;
}
html[data-theme="cream"] .gc-mini-actions{
  display:flex;gap:8px 18px;justify-content:center;align-items:center;flex-wrap:wrap;
}
html[data-theme="cream"] .gc-mini-actions button{
  padding:8px 2px;border:0;background:transparent;
  color:#667f6d;font-size:12px;font-weight:660;cursor:pointer;
}
html[data-theme="cream"] .gc-mini-actions button:hover{color:#155c4d}

/* Three concise real-time monthly totals. */
html[data-theme="cream"] #dashboard>.metrics-grid.metrics-carousel{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px!important;overflow:visible!important;margin:0!important;
}
html[data-theme="cream"] #dashboard .metric{
  display:grid!important;grid-template-columns:34px minmax(0,1fr);
  grid-template-rows:repeat(3,auto);
  align-items:center;column-gap:10px;row-gap:3px;
  background:#f5f6f1!important;min-height:83px;
  padding:13px!important;border:1px solid #e9ebe3!important;
  border-radius:19px!important;box-shadow:none!important;
}
html[data-theme="cream"] #dashboard .metric .metric-icon{
  grid-row:1 / span 3;width:34px;height:34px;flex:none;
  display:grid;place-items:center;border-radius:50%;
  background:#e3efdf;color:#21694d;
}
html[data-theme="cream"] #dashboard .metric .metric-icon.expense{
  background:#f7e8e4;color:#a1483a;
}
html[data-theme="cream"] #dashboard .metric .metric-icon.pending{
  background:#f1e9dc;color:#a07d48;
}
html[data-theme="cream"] #dashboard .metric small{
  color:#7c8b80;font-size:10px;font-weight:690;letter-spacing:0;
}
html[data-theme="cream"] #dashboard .metric strong{
  font-size:clamp(13px,2vw,20px);font-weight:820;
  color:#26362c!important;line-height:1.14;letter-spacing:-.027em;
  overflow-wrap:anywhere;
}
html[data-theme="cream"] #dashboard .metric em{
  color:#90998e;font-style:normal;font-size:10px;
}

/* Recent list: clear icon/description/value rows, tap opens existing editor. */
html[data-theme="cream"] #gcDashRecent{
  padding:19px 22px 12px!important;
  background:#fffdf8!important;border:1px solid #eaeae4!important;
  border-radius:25px!important;box-shadow:none!important;
}
html[data-theme="cream"] #gcDashRecent .card-head{margin-bottom:3px}
html[data-theme="cream"] .gc-recent-list{
  display:flex;flex-direction:column;
}
html[data-theme="cream"] .gc-recent-row{
  display:flex;gap:12px;align-items:center;text-align:left;
  width:100%;min-width:0;min-height:68px;
  background:transparent!important;border:0!important;
  border-bottom:1px solid #f0f0e9!important;
  padding:10px 2px!important;color:#263a2e;
  box-shadow:none!important;cursor:pointer;
}
html[data-theme="cream"] .gc-recent-row:last-child{border-bottom:0!important}
html[data-theme="cream"] .gc-recent-row:hover{background:#f9faf7!important}
html[data-theme="cream"] .gc-recent-icon{
  flex:0 0 44px;width:44px;height:44px;
  display:grid;place-items:center;border-radius:50%;
  background:#edf1e8;color:#245f48;
}
html[data-theme="cream"] .gc-recent-row.expense:nth-child(4n+2) .gc-recent-icon{
  background:#f7e9e3;color:#9f4e41;
}
html[data-theme="cream"] .gc-recent-row.income .gc-recent-icon{
  background:#e1f1e4;color:#126a4d;
}
html[data-theme="cream"] .gc-recent-icon svg{
  width:21px;height:21px;stroke:currentColor;
}
html[data-theme="cream"] .gc-recent-copy{
  flex:1 1 auto;display:flex;flex-direction:column;gap:4px;min-width:0;
}
html[data-theme="cream"] .gc-recent-copy strong{
  font-size:13px;font-weight:760;color:#293b31;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
html[data-theme="cream"] .gc-recent-copy small{
  color:#818c80;font-size:10px;letter-spacing:0;
  white-space:normal;line-height:1.4;
}
html[data-theme="cream"] .gc-recent-money{
  color:#a23f39;font-size:13px;font-weight:800;
  text-align:right;white-space:nowrap;line-height:1.2;
  font-variant-numeric:tabular-nums;
}
html[data-theme="cream"] .gc-recent-row.income .gc-recent-money{
  color:#126b4f;
}
html[data-theme="cream"] .gc-modern-empty{
  color:#7e8b81;text-align:center;padding:20px 8px;font-size:13px;
}

/* Category share circles with thin progress rings. */
html[data-theme="cream"] #dashboard .dashboard-top-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);
  align-items:start;gap:14px;min-width:0;
}
html[data-theme="cream"] #dashboard .dashboard-top-grid>.bento-card{
  min-width:0;padding:20px 21px!important;
  border-radius:26px!important;
  background:#fffdf8!important;border:1px solid #e9eae3!important;
  box-shadow:none!important;
}
html[data-theme="cream"] #dashboard #categoryCarousel.category-carousel{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px!important;justify-items:center;align-items:center;
  max-width:510px;margin:7px auto 0;
  overflow:visible!important;scroll-snap-type:none!important;
  padding:3px 0!important;
}
html[data-theme="cream"] #dashboard .category-card.gc-category-bubble{
  width:min(100%,var(--gc-bubble-size,140px))!important;
  aspect-ratio:1;height:auto!important;
  min-height:0!important;min-width:0!important;
  display:grid!important;place-items:center!important;
  position:relative;isolation:isolate;overflow:hidden;
  padding:11px!important;margin:0!important;flex:none;
  border-radius:50%!important;
  border:1px solid #d1f7e14a!important;
  background:
    radial-gradient(circle at 29% 12%,#d3ffe057,transparent 34%),
    radial-gradient(circle at 78% 85%,#1f6256,transparent 73%),
    linear-gradient(145deg,#5b9783,#104033)!important;
  box-shadow:inset 0 3px 8px #ffffff20,0 9px 18px #10423327!important;
  color:white!important;text-align:center;cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease;
}
html[data-theme="cream"] #dashboard .category-card.gc-category-bubble:hover{
  transform:translateY(-3px);
  box-shadow:inset 0 3px 8px #ffffff32,0 13px 24px #10423350!important;
}
html[data-theme="cream"] #dashboard .gc-category-bubble::before{
  content:"";position:absolute;inset:1px;padding:3px;
  border-radius:50%;z-index:0;pointer-events:none;
  background:conic-gradient(
    from -35deg,
    #e9fff3e6 0 var(--gc-bubble-share,0%),
    #e9fff32e var(--gc-bubble-share,0%) 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask-composite:exclude;
}
html[data-theme="cream"] #dashboard .gc-bubble-content{
  z-index:1;position:relative;
  display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:4px;max-width:100%;min-width:0;
}
html[data-theme="cream"] #dashboard .gc-bubble-content svg{
  width:22px;height:22px;stroke:#effbf1;
}
html[data-theme="cream"] #dashboard .gc-bubble-title{
  color:#f3fff6;font-size:clamp(9px,1.4vw,11px);
  line-height:1.12;overflow-wrap:anywhere;font-weight:560;
}
html[data-theme="cream"] #dashboard .gc-bubble-content strong{
  color:white!important;font-size:clamp(15px,2.3vw,22px)!important;
  line-height:1.08;letter-spacing:-.04em;
}
html[data-theme="cream"] #dashboard .gc-bubble-content small{
  font-size:clamp(8px,1vw,10px)!important;
  color:#cfe7d7!important;letter-spacing:0;font-weight:600;
}
html[data-theme="cream"] #dashboard .upcoming-carousel{
  display:grid!important;grid-template-columns:1fr;
  gap:8px!important;overflow-y:auto!important;overflow-x:hidden!important;
  max-height:520px;scroll-snap-type:none!important;
}
html[data-theme="cream"] #dashboard .upcoming-card{
  min-width:0!important;width:100%!important;
  border-radius:18px!important;
  background:#f7f8f3!important;border:1px solid #eceee6!important;
  padding:14px 15px!important;box-shadow:none!important;
  color:#243b2c!important;
}
html[data-theme="cream"] #dashboard .upcoming-card:hover{
  background:#eff4ec!important;
}
html[data-theme="cream"] #dashboard .upcoming-card .up-icon{
  background:#e0efdf!important;color:#296e51!important;border-radius:50%!important;
}
html[data-theme="cream"] #dashboard .upcoming-card b{
  color:#9e4a3a!important;
}
html[data-theme="cream"] #dashboard .chart-card{
  background:#fffdf8!important;
  border-color:#e9ebe4!important;border-radius:25px!important;
  padding:21px 23px!important;box-shadow:none!important;
}
html[data-theme="cream"] .finance-marquee{
  background:#eef4eb!important;
  border:1px solid #e0e9dc!important;
  border-radius:18px!important;box-shadow:none!important;
}

/* Consistency across all remaining tabs. */
html[data-theme="cream"] :is(#transactions,#grocery,#tasks,#family,#profile,#admin) .section-head{
  margin:1px 0 19px!important;
}
html[data-theme="cream"] :is(#transactions,#grocery,#tasks,#family,#profile,#admin) :is(
  .bento-card,.tx-calendar-card,.tx-agenda-card,.tx-table-shell,
  .pantry-section,.task-list-card,.profile-card,.invite-card,.member-card
){
  background:#fffdf8!important;border:1px solid #e9ebe2!important;
  border-radius:24px!important;box-shadow:none!important;
}
html[data-theme="cream"] #transactions .tx-overview-card.tx-overview-slim{
  background:linear-gradient(138deg,#10362d,#206b4f)!important;
  color:#fffefa!important;border-color:#34785a!important;
  box-shadow:0 10px 25px #0c3c2b19!important;
  border-radius:26px!important;
}
html[data-theme="cream"] #transactions .tx-controls-slim,
html[data-theme="cream"] #transactions .tx-quick-balance{
  border-radius:19px!important;
}
html[data-theme="cream"] #transactions .tx-month-pill,
html[data-theme="cream"] #transactions .tx-filter-drawer>summary{
  border-radius:999px!important;
}
html[data-theme="cream"] #transactions .tx-swipe-shell{
  background:#fffdf8!important;border-color:#eeeee8!important;
}
html[data-theme="cream"] #transactions .tx-swipe-shell .tx-swipe-card,
html[data-theme="cream"] #transactions .tx-swipe-shell .tx-swipe-card:hover{
  background:#fffdf8!important;
}
html[data-theme="cream"] #transactions .tx-swipe-shell.tx-deadline-alert{
  border-color:#d8424e!important;
  box-shadow:0 0 0 1px #ef9b9d55,0 0 13px #e3444b31!important;
}
html[data-theme="cream"] #transactions .tx-swipe-shell.tx-deadline-alert .tx-swipe-card{
  background:#fffdf8!important;
}
html[data-theme="cream"] #grocery .market-cover{
  min-height:184px;
  padding:29px 25px!important;
  border-radius:28px!important;border:1px solid #3d8061!important;
  background:
    radial-gradient(circle at 88% 110%,#9fd2a635,transparent 49%),
    linear-gradient(134deg,#103b30,#257655)!important;
  box-shadow:0 12px 25px #103d2e20!important;
}
html[data-theme="cream"] #grocery .market-cover :is(h2,h3,p,small,strong){
  color:#f7fff7!important;
}
html[data-theme="cream"] #grocery .market-cover h2{
  font-size:clamp(29px,4vw,40px);letter-spacing:-.05em;
}
html[data-theme="cream"] #grocery .market-cover-art{
  border-radius:50%;background:#ffffff12;
}
html[data-theme="cream"] #grocery :is(.market-smart-board,.pantry-card,.market-tile,.grocery-item){
  border-radius:22px!important;box-shadow:none!important;
}
html[data-theme="cream"] #tasks :is(.agenda-toolbar,.task-list-card,.task-card,.task-item){
  border-radius:21px!important;box-shadow:none!important;
}
html[data-theme="cream"] #tasks :is(.day.selected,.week-day.active,.week-date.selected){
  background:#155c4d!important;color:#fffef8!important;
}
html[data-theme="cream"] #family :is(.member-card,.invite-card,.family-card,.family-member){
  border-radius:22px!important;box-shadow:none!important;
}
html[data-theme="cream"] #profile :is(.profile-card,.profile-grid,.profile-form,.profile-options){
  border-radius:22px!important;box-shadow:none!important;
}
html[data-theme="cream"] :is(dialog,.dialog-content,.popover){border-radius:24px}
html[data-theme="cream"] :is(button,a,summary,[role="button"]):focus-visible{
  outline:3px solid #4c9676!important;outline-offset:3px!important;
}

/* Floating capsule navigation: style applies to all six original destinations. */
@media(max-width:900px){
  html[data-theme="cream"] .main{padding-left:18px;padding-right:18px}
  html[data-theme="cream"] .topbar{
    margin-left:-18px!important;margin-right:-18px!important;
    padding:calc(23px + env(safe-area-inset-top,0px)) 21px 52px!important;
  }
}
@media(max-width:700px){
  html[data-theme="cream"] body{background:#fffdf8!important}
  html[data-theme="cream"] .main{
    padding:0 13px calc(100px + env(safe-area-inset-bottom,0px))!important;
    max-width:none;
  }
  html[data-theme="cream"] .topbar{
    margin:0 -13px!important;border-radius:0!important;
    min-height:129px;padding:calc(18px + env(safe-area-inset-top,0px)) 16px 50px!important;
  }
  html[data-theme="cream"] .topbar h1{font-size:clamp(21px,5.7vw,29px)!important}
  html[data-theme="cream"] .topbar .eyebrow{font-size:9px}
  html[data-theme="cream"] .topbar-logo{width:38px;height:38px}
  html[data-theme="cream"] .topbar :is(.icon-btn,.avatar-btn){width:39px;height:39px}
  html[data-theme="cream"] .view.active-view{
    margin:-23px -13px 0!important;
    padding:22px 15px calc(142px + env(safe-area-inset-bottom,0px))!important;
    border-radius:30px 30px 0 0!important;
    min-height:calc(100vh - 125px);
  }
  html[data-theme="cream"] #dashboard.active-view{gap:13px!important}
  html[data-theme="cream"] #balanceHero.hero{
    min-height:345px;
    padding:23px 22px 20px!important;
    border-radius:28px!important;
  }
  html[data-theme="cream"] #balanceHero .hero-copy{
    max-width:100%;min-height:0;
    padding:5px 0;gap:7px;align-items:center;text-align:center;
  }
  html[data-theme="cream"] #balanceHero .hero-copy>small{font-size:12px}
  html[data-theme="cream"] #balanceHero #balanceValue{
    font-size:clamp(35px,9.6vw,54px)!important;
    line-height:1.1!important;
  }
  html[data-theme="cream"] #balanceHero #balanceHint{
    font-size:11px;max-width:100%;text-align:center;
  }
  html[data-theme="cream"] .gc-wallet-stack{
    right:50%;transform:translateX(50%);
    bottom:16px;width:min(73%,267px);height:153px;
  }
  html[data-theme="cream"] .gc-wallet-card{height:128px;border-radius:20px;padding:16px}
  html[data-theme="cream"] .gc-wallet-layer{height:106px}
  html[data-theme="cream"] .gc-wallet-card-brand{font-size:18px}
  html[data-theme="cream"] .gc-main-actions{gap:7px}
  html[data-theme="cream"] .gc-action-pill{
    flex-direction:column;gap:8px;
    min-height:78px;padding:10px 5px!important;border-radius:20px!important;
  }
  html[data-theme="cream"] .gc-action-icon{
    width:36px;height:36px;flex-basis:36px;
  }
  html[data-theme="cream"] .gc-action-pill strong{font-size:11px;white-space:normal}
  html[data-theme="cream"] .gc-mini-actions{gap:2px 13px}
  html[data-theme="cream"] .gc-mini-actions button{font-size:11px}
  html[data-theme="cream"] #dashboard>.metrics-grid.metrics-carousel{
    grid-template-columns:repeat(3,minmax(0,1fr));gap:6px!important;
  }
  html[data-theme="cream"] #dashboard .metric{
    display:flex!important;flex-direction:column;
    justify-content:center;gap:6px;min-height:88px;
    padding:10px 5px!important;border-radius:17px!important;
    text-align:center;
  }
  html[data-theme="cream"] #dashboard .metric .metric-icon{
    width:30px;height:30px;font-size:17px;
  }
  html[data-theme="cream"] #dashboard .metric strong{
    font-size:clamp(11px,2.8vw,15px);
  }
  html[data-theme="cream"] #dashboard .metric small{font-size:10px}
  html[data-theme="cream"] #dashboard .metric em{display:none}
  html[data-theme="cream"] #gcDashRecent{
    padding:16px 16px 8px!important;border-radius:23px!important;
  }
  html[data-theme="cream"] .gc-recent-row{min-height:67px;gap:10px}
  html[data-theme="cream"] .gc-recent-icon{
    width:40px;height:40px;flex-basis:40px;
  }
  html[data-theme="cream"] .gc-recent-copy strong{font-size:12px}
  html[data-theme="cream"] .gc-recent-money{font-size:12px}
  html[data-theme="cream"] #dashboard .dashboard-top-grid{
    grid-template-columns:1fr;gap:11px;
  }
  html[data-theme="cream"] #dashboard .dashboard-top-grid>.bento-card{
    padding:17px 17px!important;border-radius:23px!important;
  }
  html[data-theme="cream"] #dashboard #categoryCarousel.category-carousel{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px 9px!important;
    max-width:360px;margin:7px auto 4px;
  }
  html[data-theme="cream"] #dashboard .category-card.gc-category-bubble{
    width:min(100%,var(--gc-bubble-size,138px))!important;
    padding:11px!important;
  }
  html[data-theme="cream"] #dashboard .gc-bubble-title{font-size:10px}
  html[data-theme="cream"] #dashboard .gc-bubble-content strong{font-size:19px!important}
  html[data-theme="cream"] #dashboard .chart-card{padding:18px!important}
  html[data-theme="cream"] .mobile-nav{
    display:flex!important;position:fixed!important;z-index:900!important;
    left:11px!important;right:11px!important;
    bottom:calc(11px + env(safe-area-inset-bottom,0px))!important;
    width:auto!important;
    min-height:69px!important;
    padding:6px 5px!important;
    margin:0!important;
    border:1px solid #e6e7e0!important;
    border-radius:999px!important;
    background:rgba(255,254,250,.97)!important;
    box-shadow:0 8px 34px #0d2a1e2b!important;
    -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
    justify-content:space-around;align-items:center;
  }
  html[data-theme="cream"] .mobile-nav-item{
    flex:1 1 0;min-width:0!important;
    display:flex!important;flex-direction:column;
    align-items:center;justify-content:center;gap:3px;
    padding:2px 0!important;
    color:#64776a!important;
    border:0!important;background:transparent!important;
    box-shadow:none!important;
  }
  html[data-theme="cream"] .mobile-nav-item .nav-orb{
    width:38px!important;height:38px!important;
    min-width:38px!important;
    padding:9px!important;display:grid;place-items:center;
    border-radius:50%!important;background:transparent!important;
    border:0!important;color:#64776a!important;box-shadow:none!important;
    transition:background-color .2s ease,color .2s ease;
  }
  html[data-theme="cream"] .mobile-nav-item .nav-orb svg{
    width:21px!important;height:21px!important;
  }
  html[data-theme="cream"] .mobile-nav-item.active .nav-orb{
    background:#153d2f!important;color:#fffefa!important;
    border-radius:50%!important;
    box-shadow:0 5px 13px #123f2b36!important;
  }
  html[data-theme="cream"] .mobile-nav-item.active{
    color:#155c4d!important;
  }
  html[data-theme="cream"] .mobile-nav-item .nav-label{
    color:inherit!important;font-size:9px!important;line-height:1;
    font-weight:650!important;white-space:nowrap;letter-spacing:-.01em;
  }
  html[data-theme="cream"] #transactions #transactionFab{
    bottom:calc(94px + env(safe-area-inset-bottom,0px))!important;
  }
  html[data-theme="cream"] #transactions.active-view{
    padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))!important;
  }
}
@media(max-width:380px){
  html[data-theme="cream"] .mobile-nav{left:7px!important;right:7px!important}
  html[data-theme="cream"] .mobile-nav-item .nav-orb{
    width:34px!important;height:34px!important;min-width:34px!important;
  }
  html[data-theme="cream"] .mobile-nav-item .nav-orb svg{
    width:19px!important;height:19px!important;
  }
  html[data-theme="cream"] .mobile-nav-item .nav-label{font-size:8.5px!important}
  html[data-theme="cream"] #balanceHero.hero{min-height:330px}
  html[data-theme="cream"] #balanceHero #balanceValue{font-size:clamp(31px,9vw,40px)!important}
}
@media(prefers-reduced-motion:reduce){
  html[data-theme="cream"] .gc-action-pill,
  html[data-theme="cream"] .gc-category-bubble,
  html[data-theme="cream"] .mobile-nav-item .nav-orb{
    transition:none!important;
  }
}


/* Saldo do mês — odômetro de entrada, transição de sinal e impacto final.
   Montante real fornecido por renderHeroBalance; prefixo separado para o pulso. */
html[data-theme="cream"] #balanceHero #balanceValue #balanceAmount{
  display:inline-flex!important;
  align-items:baseline!important;
  justify-content:center;
  gap:.11em;
  max-width:100%;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1;
  color:#f7fff8!important;
  transition:color 320ms ease, text-shadow 320ms ease, filter 320ms ease;
}
html[data-theme="cream"] #balanceHero #balanceValue #balancePrefix{
  display:inline-flex;
  align-items:baseline;
  gap:0;
  flex:0 0 auto;
  font-size:.93em;
  font-weight:inherit;
  line-height:1;
  transform-origin:center center;
  backface-visibility:hidden;
}
html[data-theme="cream"] #balanceHero #balanceValue #balanceSign:empty{
  display:none;
}
html[data-theme="cream"] #balanceHero #balanceValue #balanceCurrency{
  letter-spacing:-.05em;
}
html[data-theme="cream"] #balanceHero #balanceValue #balanceDigits{
  display:inline-block;
  flex:0 1 auto;
  line-height:1.12;
  font-size:1em;
  font-weight:inherit;
  letter-spacing:inherit;
  font-variant-numeric:tabular-nums;

}
html[data-theme="cream"] #balanceHero #balanceValue[data-balance-state="negative"] #balanceAmount{
  color:#ffd3c8!important;
  text-shadow:0 0 10px rgba(236,95,88,.15)!important;
}
html[data-theme="cream"] #balanceHero #balanceValue[data-balance-state="positive"] #balanceAmount{
  color:#d8ffe1!important;
  text-shadow:0 0 10px rgba(108,246,164,.11)!important;
}
html[data-theme="cream"] #balanceHero #balanceValue[data-balance-state="neutral"] #balanceAmount{
  color:#fffefa!important;
  text-shadow:none!important;
}
@keyframes gcBalanceDigitsEnter {
  from {transform:translate3d(0,.14em,0);opacity:.76;filter:blur(1px)}
  to {transform:translate3d(0,0,0);opacity:1;filter:blur(0)}
}
html[data-theme="cream"] #balanceHero.gc-balance-counting #balanceDigits{
  animation:gcBalanceDigitsEnter 340ms cubic-bezier(.22,1,.36,1) both;
}
@keyframes gcBalanceImpact {
  0%,100%{transform:scale(1)}
  35%{transform:scale(1.05)}
  63%{transform:scale(.995)}
}
html[data-theme="cream"] #balanceHero #balancePrefix.gc-balance-impact{
  animation:gcBalanceImpact 360ms cubic-bezier(.22,1,.36,1) 1 both;
}
@media(max-width:700px){
  html[data-theme="cream"] #balanceHero #balanceValue #balanceAmount{
    gap:.07em;
    font-size:clamp(28px,8.6vw,49px);
    letter-spacing:-.055em;
    justify-content:center;
  }
  html[data-theme="cream"] #balanceHero #balanceValue #balancePrefix{font-size:.89em}
}
@media(max-width:380px){
  html[data-theme="cream"] #balanceHero #balanceValue #balanceAmount{
    font-size:clamp(26px,8.1vw,37px);
  }
}
@media(prefers-reduced-motion:reduce){
  html[data-theme="cream"] #balanceHero #balanceValue #balanceAmount{transition:none!important}
  html[data-theme="cream"] #balanceHero.gc-balance-counting #balanceDigits,
  html[data-theme="cream"] #balanceHero #balancePrefix.gc-balance-impact{
    animation:none!important;transform:none!important;
  }
}


/* GabriConta • Saldo do mês minimalista — sem cartão decorativo.
   Conserva valor real, animação odômetro e estados verde/vermelho. */
html[data-theme="cream"] #balanceHero.hero{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:stretch!important;
  position:relative;
  isolation:isolate;
  width:100%;
  min-height:186px!important;
  height:auto!important;
  padding:30px 26px!important;
  margin:0!important;
  background:linear-gradient(132deg,#103b30 0%,#175840 100%)!important;
  border:1px solid #3e8468!important;
  border-radius:25px!important;
  box-shadow:0 8px 22px rgba(20,69,46,.10)!important;
  overflow:hidden!important;
}
html[data-theme="cream"] #balanceHero .hero-art,
html[data-theme="cream"] #balanceHero .gc-wallet-stack{
  display:none!important;
}
html[data-theme="cream"] #balanceHero .hero-copy{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:11px!important;
  text-align:center!important;
  padding:0!important;
  margin:0!important;
}
html[data-theme="cream"] #balanceHero .hero-copy>small{
  margin:0!important;
  color:#d1e6d8!important;
  font-size:11px!important;
  font-weight:720!important;
  letter-spacing:.15em!important;
  line-height:1.25!important;
}
html[data-theme="cream"] #balanceHero #balanceValue{
  color:#fffef8!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  font-size:clamp(34px,4.5vw,56px)!important;
  font-weight:825!important;
  line-height:1.08!important;
  letter-spacing:-.055em!important;
  text-align:center!important;
  text-shadow:none!important;
  white-space:nowrap!important;
  overflow-wrap:normal!important;
}
html[data-theme="cream"] #balanceHero #balanceAmount{
  display:inline-flex!important;
  align-items:baseline!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
  min-width:0!important;
}
html[data-theme="cream"] #balanceHero #balanceHint{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  color:#d3e5d8!important;
  font-size:12px!important;
  font-weight:450!important;
  line-height:1.4!important;
  letter-spacing:0!important;
  text-align:center!important;
}
html[data-theme="cream"] #balanceHero #balanceValue[data-balance-state="negative"] #balanceAmount{
  color:#ffd3c8!important;
  text-shadow:0 0 9px rgba(236,95,88,.11)!important;
}
html[data-theme="cream"] #balanceHero #balanceValue[data-balance-state="positive"] #balanceAmount{
  color:#d8ffe1!important;
  text-shadow:none!important;
}
@media(max-width:700px){
  html[data-theme="cream"] #balanceHero.hero{
    min-height:185px!important;
    padding:27px 15px!important;
    border-radius:24px!important;
  }
  html[data-theme="cream"] #balanceHero .hero-copy{
    gap:11px!important;
  }
  html[data-theme="cream"] #balanceHero #balanceValue{
    font-size:clamp(30px,8.4vw,43px)!important;
  }
  html[data-theme="cream"] #balanceHero #balanceValue #balanceAmount{
    font-size:inherit!important;
    letter-spacing:-.055em!important;
  }
  html[data-theme="cream"] #balanceHero #balanceHint{
    font-size:11px!important;
  }
}
@media(max-width:380px){
  html[data-theme="cream"] #balanceHero.hero{
    padding:25px 10px!important;
  }
  html[data-theme="cream"] #balanceHero #balanceValue{
    font-size:clamp(27px,8vw,34px)!important;
  }
}
@media(forced-colors:active){
  html[data-theme="cream"] #balanceHero.hero{
    background:Canvas!important;
    color:CanvasText!important;
    border:1px solid CanvasText!important;
    box-shadow:none!important;
  }
}


/* Categorias personalizadas: formulário, filtro e painel do GabriConta. */
html[data-theme="cream"] .gc-category-form-field{
  display:grid;
  gap:7px;
  min-width:0;
  align-content:start;
}
html[data-theme="cream"] .gc-category-form-field>label{
  font-size:12px;
  font-weight:680;
  color:#415d4e;
  line-height:1.35;
}
html[data-theme="cream"] .gc-category-input-group{
  display:flex;
  align-items:stretch;
  gap:8px;
  min-width:0;
}
html[data-theme="cream"] .gc-category-input-group select{
  flex:1 1 auto;
  min-width:0;
  width:100%;
  min-height:44px;
  border-radius:12px;
}
html[data-theme="cream"] .gc-create-category-button{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:44px;
  padding:9px 12px;
  border:1px solid #c9dfcc;
  border-radius:13px;
  color:#155c4d;
  background:#e5f1e4;
  font-size:12px;
  font-weight:790;
  box-shadow:none;
  cursor:pointer;
}
html[data-theme="cream"] .gc-create-category-button span:first-child{
  font-size:19px;
  line-height:1;
}
html[data-theme="cream"] .gc-create-category-button:hover{
  background:#d5e9d9;
  border-color:#abcdb8;
}
html[data-theme="cream"] .gc-category-header-actions{
  display:flex;
  align-items:center;
  gap:11px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
html[data-theme="cream"] .gc-category-add-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:7px 11px;
  border:1px solid #d5e6d5;
  border-radius:999px;
  background:#e8f2e6;
  color:#175e4b;
  font-size:11px;
  font-weight:750;
  white-space:nowrap;
  box-shadow:none;
  cursor:pointer;
}
html[data-theme="cream"] .gc-category-add-link:hover{background:#d5e9d9}
html[data-theme="cream"] #transactions .gc-category-filter-field{
  display:grid;
  gap:3px;
  align-content:start;
  min-width:0;
}
html[data-theme="cream"] #transactions .gc-category-filter-field label{
  min-width:0;
  width:100%;
}
html[data-theme="cream"] #transactions .gc-category-add-filter{
  justify-self:start;
  min-height:30px;
  padding:5px 2px;
  color:#165d49;
  background:transparent;
  font-size:11px;
  font-weight:700;
  border:0;
  box-shadow:none;
  cursor:pointer;
}
html[data-theme="cream"] #transactions .gc-category-add-filter:hover{text-decoration:underline}
html[data-theme="cream"] dialog.gc-category-dialog{
  width:min(92vw,420px);
  max-width:420px;
  max-height:min(90dvh,660px);
  padding:0!important;
  border:1px solid #d8e4d4!important;
  border-radius:24px!important;
  background:#fffdf8!important;
  color:#263b31!important;
  box-shadow:0 20px 75px #122b274d!important;
  overflow:auto;
}
html[data-theme="cream"] dialog.gc-category-dialog::backdrop{
  background:rgba(13,36,28,.63);
  backdrop-filter:blur(5px);
}
html[data-theme="cream"] dialog.gc-category-dialog .modal-form{
  display:grid;
  gap:17px;
  padding:22px!important;
}
html[data-theme="cream"] dialog.gc-category-dialog .modal-head{
  margin-bottom:0!important;
}
html[data-theme="cream"] dialog.gc-category-dialog .modal-head small{
  color:#708f7b;
  font-size:10px;
  font-weight:800;
  letter-spacing:.1em;
}
html[data-theme="cream"] dialog.gc-category-dialog .modal-head h3{
  color:#263c30;
  font-size:clamp(23px,5vw,28px);
  letter-spacing:-.04em;
}
html[data-theme="cream"] dialog.gc-category-dialog .gc-category-name-label{
  display:grid;
  gap:8px;
  font-size:13px;
  font-weight:750;
  color:#345a46;
}
html[data-theme="cream"] dialog.gc-category-dialog #customCategoryName{
  width:100%;
  min-height:49px;
  padding:12px 14px;
  font-size:15px;
  font-weight:530;
  color:#293c32;
  background:#fcfcf8;
  border:1px solid #ccd9cf;
  border-radius:14px;
  box-sizing:border-box;
}
html[data-theme="cream"] dialog.gc-category-dialog #customCategoryName:focus{
  border-color:#29785b;
  outline:3px solid #96caac66;
  outline-offset:1px;
}
html[data-theme="cream"] dialog.gc-category-dialog #customCategoryName[aria-invalid="true"]{
  border-color:#c8404e!important;
  outline-color:#d45c6355!important;
}
html[data-theme="cream"] dialog.gc-category-dialog .gc-category-help{
  margin:0;
  color:#74857a;
  font-size:12px;
  line-height:1.5;
}
html[data-theme="cream"] dialog.gc-category-dialog .gc-category-error{
  margin:0;
  padding:10px 12px;
  color:#a82c3b;
  background:#fbedec;
  border-radius:12px;
  font-size:12px;
  line-height:1.45;
}
html[data-theme="cream"] dialog.gc-category-dialog .gc-category-error[hidden]{
  display:none!important;
}
html[data-theme="cream"] dialog.gc-category-dialog .gc-category-modal-actions{
  display:flex;
  gap:10px;
  justify-content:flex-end;
  flex-wrap:wrap;
  margin:0;
}
html[data-theme="cream"] dialog.gc-category-dialog .gc-category-cancel{
  background:#f2f2eb;
  color:#476052;
  border:1px solid #dfe5db;
  border-radius:13px;
  min-height:43px;
  padding:10px 15px;
  font-weight:700;
  cursor:pointer;
}
html[data-theme="cream"] dialog.gc-category-dialog #saveCustomCategoryBtn{
  min-height:43px;
  border-radius:13px;
}
html[data-theme="cream"] dialog.gc-category-dialog #saveCustomCategoryBtn:disabled{
  opacity:.64;
  cursor:wait;
}
@media(max-width:700px){
  html[data-theme="cream"] .gc-category-header-actions{gap:5px;justify-content:flex-end}
  html[data-theme="cream"] .gc-category-add-link{padding:6px 9px;font-size:10px}
  html[data-theme="cream"] .gc-category-header-actions .gc-view-all{font-size:10px}
  html[data-theme="cream"] .gc-category-input-group{gap:6px}
  html[data-theme="cream"] .gc-create-category-button{padding:9px 10px;font-size:11px}
  html[data-theme="cream"] dialog.gc-category-dialog .modal-form{padding:18px!important}
}
@media(prefers-reduced-motion:reduce){
  html[data-theme="cream"] .gc-create-category-button{transition:none!important}
}


/* Atualização GabriConta — LED verde 3D + ticker superior + agenda persistente. */

/* Borda LED verde do saldo mensal: contínua, não cobre textos nem captura toques. */
@property --gc-hero-led-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
@keyframes gcHeroLEDOrbit {
  from {--gc-hero-led-angle:0deg}
  to {--gc-hero-led-angle:360deg}
}
@keyframes gcHeroLEDLight {
  0%,100%{opacity:.74}
  50%{opacity:1}
}
html[data-theme="cream"] #balanceHero.hero {
  position:relative!important;
  isolation:isolate;
  overflow:hidden!important;
  border:1px solid #55d99b!important;
  box-shadow:0 0 0 1px #0e624d,0 11px 20px #06403235,
    0 0 18px #35d69828,inset 0 1px 3px #c7ffeb2c,
    inset 0 -7px 19px #09261c52!important;
  transform:translateZ(0);
}
html[data-theme="cream"] #balanceHero.hero::before {
  content:"";
  display:block;
  position:absolute;
  inset:0;
  z-index:1;
  border-radius:inherit;
  padding:3px;
  box-sizing:border-box;
  pointer-events:none;
  background:conic-gradient(
    from var(--gc-hero-led-angle),
    #0a4a32 0deg,
    #2faa7c 30deg,
    #74ffba 50deg,
    #e9fff0 58deg,
    #41eaa1 72deg,
    #0b6849 105deg,
    #0c6f4b 200deg,
    #2bc088 270deg,
    #0b4c3a 360deg
  );
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask-composite:exclude;
  animation:gcHeroLEDOrbit 4.2s linear infinite,gcHeroLEDLight 3.2s ease-in-out infinite;
}
html[data-theme="cream"] #balanceHero.hero::after {
  content:"";
  display:block;
  position:absolute;
  pointer-events:none;
  z-index:0;
  inset:5px;
  border-radius:calc(25px - 6px);
  box-shadow:inset 0 2px 5px #ffffff1d,
    inset 0 -4px 12px #001c1444,
    0 0 8px #5cffa63a;
  border:1px solid #9affb323;
}
html[data-theme="cream"] #balanceHero .hero-copy {
  position:relative!important;z-index:2!important;
}

/* Faixa de avisos movida do rodapé do dashboard para a faixa verde superior. */
html[data-theme="cream"] .topbar {
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center;
  align-content:start;
  gap:12px 16px!important;
}
html[data-theme="cream"] .topbar .gc-header-extras {
  display:none;
  width:100%;min-width:0;flex:0 0 100%;
  order:3;gap:12px;
  position:relative;
  z-index:1;
}
html[data-theme="cream"] body:has(#dashboard.active-view) .topbar .gc-header-extras {
  display:flex!important;
  flex-direction:column;
}
html[data-theme="cream"] .topbar .gc-header-marquee {
  margin:0!important;
  width:100%;
  min-width:0;
  border:1px solid #acd6bf3f!important;
  border-radius:999px!important;
  background:linear-gradient(100deg,#d9f1db12,#70bd9440,#d9f1db12)!important;
  mask-image:none!important;
  padding:8px 0!important;
  overflow:hidden!important;
  box-shadow:inset 0 1px 1px #ffffff18!important;
}
html[data-theme="cream"] .topbar .gc-header-marquee .marquee-track {
  display:flex;
  width:max-content;
  min-width:max-content;
  white-space:nowrap;
  animation:marquee 28s linear infinite;
}
html[data-theme="cream"] .topbar .gc-header-marquee .marquee-item {
  color:#e4f5e6!important;
  font-size:11px!important;
  font-weight:680;
  letter-spacing:.045em;
}
html[data-theme="cream"] .topbar .gc-header-marquee .marquee-item::before{
  color:#a4edbc!important;
}
html[data-theme="cream"] .topbar .gc-header-shortcuts {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;width:100%;min-width:0;
}
html[data-theme="cream"] .topbar .gc-header-shortcut {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:39px;
  padding:9px 10px;
  background:#f5fff11a!important;
  border:1px solid #b4dac555!important;
  color:#ecf8ef!important;
  box-shadow:none!important;
  border-radius:999px!important;
  text-align:center;
  cursor:pointer;
  font-size:12px;
  font-weight:720;
  white-space:nowrap;
}
html[data-theme="cream"] .topbar .gc-header-shortcut:hover,
html[data-theme="cream"] .topbar .gc-header-shortcut:focus-visible {
  background:#e2ffe130!important;
  border-color:#b4efc9!important;
}
html[data-theme="cream"] .topbar .gc-header-shortcut span{
  color:#bcf4d0;font-size:16px;
  line-height:1;
}
html[data-theme="cream"] body:has(#dashboard.active-view) .topbar {
  padding-bottom:31px!important;
}

/* Lista recente: compacta, legível, com espaço após o último lançamento. */
html[data-theme="cream"] #gcDashRecent {
  overflow:hidden;
}
html[data-theme="cream"] #gcDashRecent .gc-recent-list{
  min-width:0;
}
html[data-theme="cream"] #gcDashRecent .gc-recent-row {
  min-width:0;
  position:relative;
  z-index:0;
  padding:13px 2px!important;
}
html[data-theme="cream"] #gcDashRecent .gc-recent-copy{
  overflow:hidden;
}
html[data-theme="cream"] #gcDashRecent .gc-recent-copy strong{
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
html[data-theme="cream"] #gcDashRecent .gc-recent-money {
  flex:0 0 auto;
  max-width:42%;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
html[data-theme="cream"] #dashboard.active-view {
  padding-bottom:calc(160px + env(safe-area-inset-bottom,0px))!important;
}

/* Agenda: pendências antigas ficam na lista até a ação do usuário. */
html[data-theme="cream"] #tasks .gc-agenda-carryover-note {
  padding:11px 13px;
  border:1px solid #dfd1b2;
  border-radius:14px;
  margin:0 0 12px;
  color:#665234;
  background:#f6efe0;
  font-size:12px;
  font-weight:650;
  line-height:1.4;
}
html[data-theme="cream"] #tasks .gc-task-carryover {
  position:relative;
  border-left:3px solid #c18a55!important;
  background:#faf5ec!important;
}
html[data-theme="cream"] #tasks .gc-task-overdue {
  display:block;
  margin-top:5px;
  color:#a4603a!important;
  font-size:11px;
  font-weight:740;
}
html[data-theme="cream"] #tasks .gc-task-postpone {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 10px;
  border:1px solid #c5dac7!important;
  border-radius:999px!important;
  background:#e7f2e6!important;
  color:#16583f!important;
  font-size:11px;
  font-weight:750;
  box-shadow:none!important;
  white-space:nowrap;
  cursor:pointer;
  min-height:35px;
}
html[data-theme="cream"] #tasks .gc-task-postpone:hover{
  background:#d5e8d6!important;
}
html[data-theme="cream"] #tasks .task-item{
  flex-wrap:wrap;
}
html[data-theme="cream"] #tasks .task-item .gc-task-postpone{
  margin-left:auto;
}

/* A barra inferior não pode herdar translateX(-50%) após mudar de posição. */
@media(max-width:700px){
  html[data-theme="cream"] .topbar {
    min-height:unset!important;
    padding-top:calc(18px + env(safe-area-inset-top,0px))!important;
    padding-bottom:37px!important;
  }
  html[data-theme="cream"] .topbar .gc-header-extras {
    width:100%!important;
    flex-basis:100%!important;
    gap:9px;
    padding:1px 0 0;
  }
  html[data-theme="cream"] .topbar .gc-header-marquee {
    padding:8px 0!important;
  }
  html[data-theme="cream"] .topbar .gc-header-shortcuts{
    gap:6px;
  }
  html[data-theme="cream"] .topbar .gc-header-shortcut{
    min-height:37px;padding:7px 5px;
    font-size:clamp(9px,2.65vw,11px);
    gap:4px;
  }
  html[data-theme="cream"] .topbar .gc-header-shortcut span {
    font-size:15px;
  }
  html[data-theme="cream"] body:has(#dashboard.active-view) .topbar {
    padding-bottom:49px!important;
  }
  html[data-theme="cream"] .mobile-nav {
    position:fixed!important;
    transform:none!important;
    translate:none!important;
    left:10px!important;
    right:10px!important;
    width:auto!important;
    max-width:calc(100vw - 20px)!important;
    box-sizing:border-box!important;
    bottom:calc(9px + env(safe-area-inset-bottom,0px))!important;
    margin:0!important;
    padding:5px 4px!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:space-between!important;
    align-items:center!important;
    overflow:hidden!important;
    border-radius:999px!important;
    z-index:999!important;
  }
  html[data-theme="cream"] .mobile-nav-item {
    flex:1 1 0!important;
    min-width:0!important;
    width:auto!important;
    overflow:hidden!important;
    padding:4px 0!important;
  }
  html[data-theme="cream"] .mobile-nav-item .nav-orb {
    flex:none!important;
  }
  html[data-theme="cream"] .mobile-nav-item .nav-label {
    font-size:clamp(8px,2.2vw,10px)!important;
    white-space:nowrap!important;
  }
  html[data-theme="cream"] #tasks .task-item{
    padding-bottom:12px;
  }
  html[data-theme="cream"] #tasks .gc-task-postpone {
    margin-top:5px;
  }
}
@media(max-width:380px){
  html[data-theme="cream"] .mobile-nav{
    left:6px!important;right:6px!important;
    max-width:calc(100vw - 12px)!important;
  }
  html[data-theme="cream"] .topbar .gc-header-shortcut{font-size:9px}
}
@media(prefers-reduced-motion:reduce){
  html[data-theme="cream"] #balanceHero.hero::before{
    animation:none!important;
    background:#59eb9b!important;
    opacity:.9;
  }
  html[data-theme="cream"] .topbar .gc-header-marquee .marquee-track{
    animation:none!important;
  }
}


/* DESIGN GASTOS: cartões leves, ícones redondos, estado claro, efeitos anteriores preservados */
html[data-theme="cream"] #transactions .tx-swipe-shell {
  margin:7px 0!important;
  overflow:hidden!important;
  border:1px solid #e8dfd1!important;
  border-radius:20px!important;
  box-shadow:0 2px 8px #724c3010!important;
}
html[data-theme="cream"] #transactions .tx-swipe-shell.expense.is-pending {
  background:#fff8f2!important;
}
html[data-theme="cream"] #transactions .tx-swipe-shell.is-paid {
  background:#eff6ed!important;
}
html[data-theme="cream"] #transactions .tx-swipe-shell.tx-alert-overdue,
html[data-theme="cream"] #transactions .tx-swipe-shell.tx-alert-soon {
  border-color:#e9a9a1!important;
  background:#fff1ec!important;
  box-shadow:0 0 0 1px #f2c5bd,0 0 13px #e3444b25!important;
}
html[data-theme="cream"] #transactions .tx-swipe-shell.tx-deadline-alert::after{
  /* Keep existing red infinite rotation with mask */
  border-radius:inherit;
}
html[data-theme="cream"] #transactions .tx-swipe-shell:not(.tx-deadline-alert).expense.is-pending {
  border-left:4px solid #d65c55!important;
}
html[data-theme="cream"] #transactions .tx-swipe-shell.income {
  border-left:4px solid #74ad81!important;
}
html[data-theme="cream"] #transactions .tx-swipe-card,
html[data-theme="cream"] #transactions .tx-swipe-shell .tx-swipe-card:hover{
  background:transparent!important;
  display:grid!important;
  grid-template-columns:62px minmax(0,1fr) minmax(115px,auto)!important;
  grid-template-rows:minmax(68px,auto)!important;
  align-items:center!important;
  gap:11px!important;
  padding:13px 14px!important;
  border-radius:18px!important;
  min-height:102px!important;
}
html[data-theme="cream"] #transactions .tx-display-icon{
  width:57px!important;height:57px!important;
  background:#f0e2dd!important;
  border-radius:50%!important;
  font-size:28px!important;
  display:grid!important;place-items:center!important;
}
html[data-theme="cream"] #transactions .tx-compact-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
  gap:5px!important;
}
html[data-theme="cream"] #transactions .tx-compact-copy strong{
  font-size:clamp(14px,2.2vw,19px)!important;
  color:#2e2b26!important;
  font-weight:790!important;
  line-height:1.2!important;
  overflow-wrap:anywhere;
}
html[data-theme="cream"] #transactions .tx-compact-copy .gc-tx-detail{
  color:#776d65!important;
  font-size:12px!important;
  line-height:1.35!important;
}
html[data-theme="cream"] #transactions .tx-compact-copy .gc-tx-date{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  color:#80796f!important;
  font-size:12px!important;
}
html[data-theme="cream"] #transactions .gc-tx-date svg{
  width:17px;height:17px;flex:none;color:#64786d;
}
html[data-theme="cream"] #transactions .tx-compact-price{
  grid-column:3!important;
  grid-row:1!important;
  align-self:stretch!important;
  display:flex!important;
  flex-direction:column-reverse!important;
  justify-content:space-between!important;
  align-items:flex-end!important;
  gap:10px!important;
  min-width:0!important;
  text-align:right!important;
}
html[data-theme="cream"] #transactions .tx-compact-price .amount{
  color:#b72e37!important;
  font-size:clamp(13px,2.1vw,20px)!important;
  font-weight:830!important;
  white-space:nowrap!important;
  font-variant-numeric:tabular-nums;
}
html[data-theme="cream"] #transactions .tx-swipe-shell.income .tx-compact-price .amount{
  color:#176247!important;
}
html[data-theme="cream"] #transactions .gc-tx-status-badge{
  display:inline-flex!important;
  align-items:center;justify-content:center;
  border-radius:999px!important;
  padding:5px 10px!important;
  background:#eae8e1!important;
  color:#57534c!important;
  border:0!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.15!important;
  text-align:center!important;
  white-space:nowrap!important;
}
html[data-theme="cream"] #transactions .tx-alert-overdue .gc-tx-status-badge{
  background:#fbd5d0!important;color:#aa2b36!important;
}
html[data-theme="cream"] #transactions .tx-alert-soon .gc-tx-status-badge{
  background:#fdeac8!important;color:#945419!important;
}
html[data-theme="cream"] #transactions .is-paid .gc-tx-status-badge{
  background:#d9ecdc!important;color:#236c4d!important;
}
html[data-theme="cream"] #transactions .tx-swipe-shell.income .gc-tx-status-badge{
  background:#dfedde!important;color:#236c4d!important;
}
html[data-theme="cream"] #transactions .gc-tx-screenreader-caption{
  position:absolute!important;
  width:1px!important;height:1px!important;
  overflow:hidden!important;
  clip-path:inset(50%)!important;
  padding:0!important;border:0!important;
}
html[data-theme="cream"] #transactions .tx-card-avatars{
  display:none!important;
}
html[data-theme="cream"] #transactions .tx-installment-status{
  display:none!important;
}
@media(max-width:700px){
  html[data-theme="cream"] #transactions .tx-swipe-card,
  html[data-theme="cream"] #transactions .tx-swipe-shell .tx-swipe-card:hover{
    grid-template-columns:48px minmax(0,1fr) minmax(88px,auto)!important;
    gap:8px!important;
    padding:11px 9px!important;
    min-height:93px!important;
  }
  html[data-theme="cream"] #transactions .tx-display-icon{
    width:46px!important;height:46px!important;
    font-size:23px!important;
  }
  html[data-theme="cream"] #transactions .tx-compact-copy strong{font-size:14px!important}
  html[data-theme="cream"] #transactions .tx-compact-copy .gc-tx-detail{font-size:11px!important}
  html[data-theme="cream"] #transactions .tx-compact-copy .gc-tx-date{font-size:11px!important}
  html[data-theme="cream"] #transactions .tx-compact-price .amount{font-size:clamp(12px,3.6vw,16px)!important}
  html[data-theme="cream"] #transactions .gc-tx-status-badge{font-size:10px!important;padding:5px 7px!important}
}
/* MARKET 2026: family shopping list, two-column product tiles, filters and illustrated objects. */
html[data-theme="cream"] #grocery{
  background:#fffdf8!important;
}
html[data-theme="cream"] #grocery .gc-market-main-heading{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:0 2px 12px!important;
  margin:0 0 13px!important;
}
html[data-theme="cream"] #grocery .gc-market-main-heading h2{
  color:#122f25!important;
  font-size:clamp(29px,5vw,41px)!important;
  font-weight:850!important;
  letter-spacing:-.06em!important;
}
html[data-theme="cream"] #grocery .gc-market-household{
  display:flex;gap:10px;align-items:center;
  color:#817267;font-size:12px;font-weight:620;
}
html[data-theme="cream"] #grocery .gc-market-share{
  display:flex;align-items:center;gap:8px;
  padding:9px 12px;
  color:#165641!important;background:#edf2e9!important;
  border:1px solid #d5e1d4!important;border-radius:999px!important;
  box-shadow:none!important;font-size:12px;font-weight:710;cursor:pointer;
}
html[data-theme="cream"] #grocery .gc-market-share svg{width:19px;height:19px}
html[data-theme="cream"] #grocery .market-smart-board{
  background:#fffdf8!important;border:0!important;
  box-shadow:none!important;padding:8px 0 30px!important;
}
html[data-theme="cream"] #grocery .market-appearance-toolbar{
  display:none!important;
}
html[data-theme="cream"] #grocery .gc-market-controls{
  display:flex;flex-direction:column;gap:12px;
  margin:0 0 19px;
}
html[data-theme="cream"] #grocery .gc-market-stock-tabs{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;
}
html[data-theme="cream"] #grocery .gc-market-stock-tab{
  min-height:52px;
  display:flex;align-items:center;justify-content:center;gap:8px;
  border:1px solid #e1dfd4;border-radius:16px;
  color:#31583c;background:#edf1e5;
  font-size:14px;font-weight:770;box-shadow:none;
  cursor:pointer;
}
html[data-theme="cream"] #grocery .gc-market-stock-tab:first-child{
  background:#f9e8de;color:#a34a3d;border-color:#edcabb;
}
html[data-theme="cream"] #grocery .gc-market-stock-tab.is-active{
  outline:2px solid currentColor;outline-offset:-3px;
}
html[data-theme="cream"] #grocery .gc-market-stock-tab b{
  padding:4px 10px;border-radius:999px;
  background:#ffffff80;color:inherit;font-size:13px;
}
html[data-theme="cream"] #grocery .gc-stock-dot{
  display:inline-block;width:12px;height:12px;border-radius:50%;
  background:#bd5246;box-shadow:inset 0 1px 2px #0002;
}
html[data-theme="cream"] #grocery .gc-stock-available{background:#84a884}
html[data-theme="cream"] #grocery .gc-market-search-box{
  display:flex;align-items:center;gap:12px;
  width:100%;padding:0 16px;
  min-height:54px;border-radius:17px;
  color:#71685e;border:1px solid #e1ddd1;background:#f6f3ea;
}
html[data-theme="cream"] #grocery .gc-market-search-box svg{height:22px;width:22px;flex:none}
html[data-theme="cream"] #grocery #gcMarketSearch{
  background:transparent!important;border:0!important;
  outline:0!important;box-shadow:none!important;
  width:100%;min-width:0;min-height:52px;
  font-size:14px;
}
html[data-theme="cream"] #grocery .gc-market-filter-chips{
  display:flex;gap:7px;align-items:center;
  overflow-x:auto;overscroll-behavior-x:contain;
  padding:3px 1px 8px;scrollbar-width:none;
}
html[data-theme="cream"] #grocery .gc-market-filter-chips::-webkit-scrollbar{display:none}
html[data-theme="cream"] #grocery .gc-market-filter-chips button{
  flex:none;min-height:39px;padding:8px 15px;
  background:#f6f3eb!important;border:1px solid #dfdcd0!important;
  border-radius:999px!important;color:#65584c!important;
  box-shadow:none!important;font-size:12px;font-weight:730;cursor:pointer;
}
html[data-theme="cream"] #grocery .gc-market-filter-chips button.is-active{
  background:#155c4d!important;color:#fffdf8!important;border-color:#155c4d!important;
}
html[data-theme="cream"] #grocery .market-smart-heading{
  display:flex;align-items:center;justify-content:space-between;
  margin:0 0 12px!important;
}
html[data-theme="cream"] #grocery .market-smart-heading>div strong{
  color:#233a2c!important;font-size:19px!important;
}
html[data-theme="cream"] #grocery .market-smart-heading p{display:none!important}
html[data-theme="cream"] #grocery .market-smart-grid.pantry-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  max-height:none!important;
  overflow:visible!important;
  padding:0 0 14px!important;
}
html[data-theme="cream"] #grocery .gc-market-product-card{
  display:flex!important;flex-direction:column!important;
  gap:8px!important;min-width:0!important;
  width:100%!important;padding:12px!important;
  margin:0!important;border-radius:19px!important;
  background:#fff8f1!important;
  border:1px solid #e9b29d!important;
  box-shadow:0 4px 13px #9460460d!important;
}
html[data-theme="cream"] #grocery .gc-market-product-card:not(.faltando){
  background:#f1f8ef!important;border-color:#c9dfc4!important;
}
html[data-theme="cream"] #grocery .gc-market-card-upper{
  display:grid!important;
  grid-template-columns:minmax(70px,41%) minmax(0,1fr);
  gap:10px;align-items:center;position:relative;
  min-height:125px;
}
html[data-theme="cream"] #grocery .gc-market-product-illustration{
  display:grid!important;place-items:center!important;
  width:100%!important;height:110px!important;
  background:transparent!important;border:0!important;
  font-size:52px!important;overflow:visible!important;
  margin:0!important;
}
html[data-theme="cream"] #grocery .gc-market-product-img{
  display:block;object-fit:contain;object-position:center;
  width:100%;max-width:150px;height:100%;max-height:124px;
  margin:0 auto;
  filter:drop-shadow(0 6px 5px rgba(41,42,26,.14));
}
html[data-theme="cream"] #grocery .gc-market-card-copy{
  display:flex;flex-direction:column;gap:7px;min-width:0;
}
html[data-theme="cream"] #grocery .gc-market-card-copy .market-product-name{
  display:block!important;
  color:#28231e!important;
  font-size:clamp(12px,2.4vw,17px)!important;
  font-weight:820!important;line-height:1.2!important;
  overflow-wrap:anywhere;white-space:normal!important;
}
html[data-theme="cream"] #grocery .gc-market-product-category{
  font-size:11px;color:#78675e;line-height:1.3;
}
html[data-theme="cream"] #grocery .gc-market-product-price{
  font-size:11px;color:#77665a;
}
html[data-theme="cream"] #grocery .gc-market-product-price.has-price{
  font-size:14px;font-weight:780;color:#ad503e;
}
html[data-theme="cream"] #grocery .gc-market-product-people{
  position:absolute;right:0;top:0;z-index:1;
  transform:scale(.65);transform-origin:top right;
}
html[data-theme="cream"] #grocery .gc-market-buy-button.market-product-toggle{
  display:flex!important;flex-direction:row!important;
  align-items:center;justify-content:center;gap:8px;
  width:100%!important;min-height:41px!important;
  margin:0!important;padding:8px!important;
  background:#e5eadb!important;color:#12563e!important;
  border:0!important;border-radius:12px!important;
  font-size:13px!important;font-weight:800!important;
  box-shadow:none!important;cursor:pointer;
}
html[data-theme="cream"] #grocery .gc-market-buy-button .gc-market-buy-mark{
  font-size:18px;font-weight:820;
}
html[data-theme="cream"] #grocery .gc-market-details-trigger{
  display:block!important;flex:none!important;
  width:100%!important;min-height:24px!important;
  padding:3px!important;text-align:center!important;
  color:#688071!important;background:transparent!important;
  border:0!important;box-shadow:none!important;
  font-size:10px!important;cursor:pointer;
}
html[data-theme="cream"] #grocery .gc-market-item-editor{
  width:100%!important;padding:12px 5px 4px!important;
  border-top:1px solid #e9dfd1!important;
  border-radius:0!important;box-shadow:none!important;
}
html[data-theme="cream"] #grocery .gc-market-item-editor.hidden{display:none!important}
html[data-theme="cream"] #grocery .gc-market-name-editor{
  display:flex;flex-direction:column;gap:6px;margin:7px 0;
}
html[data-theme="cream"] #grocery .gc-market-name-editor label{
  display:grid;gap:5px;font-size:12px;font-weight:700;color:#486250;
}
html[data-theme="cream"] #grocery .gc-market-name-editor input{width:100%;min-height:39px}
html[data-theme="cream"] #grocery .gc-market-name-save,
html[data-theme="cream"] #grocery .gc-market-image-button{
  min-height:36px;padding:7px 12px;
  border-radius:10px;border:1px solid #bfd6be;
  background:#e7f3e4;color:#19513b;font-size:11px;font-weight:760;
}
html[data-theme="cream"] #grocery .gc-market-image-editor{
  display:flex;gap:9px;align-items:center;flex-wrap:wrap;
  margin:11px 0;
}
html[data-theme="cream"] #grocery .gc-market-image-editor span{
  font-size:10px;color:#71816d;
}
html[data-theme="cream"] #grocery .market-smart-divider{display:none!important}
html[data-theme="cream"] #grocery .market-smart-add{
  margin-top:13px;
}
html[data-theme="cream"] #grocery .market-smart-add-head h3{
  color:#164e3b;
}
html[data-theme="cream"] #grocery #marketFloatTools{
  z-index:950!important;
}
html[data-theme="cream"] dialog.gc-product-image-dialog{
  width:min(94vw,535px)!important;max-height:85dvh!important;
  padding:18px!important;border-radius:25px!important;
  background:#fffdf7!important;color:#24392d!important;
  border:1px solid #d7e1d2!important;
  box-shadow:0 17px 55px #09271c55!important;
  overflow:auto!important;
}
html[data-theme="cream"] dialog.gc-product-image-dialog::backdrop{
  background:#123b2b99;backdrop-filter:blur(4px);
}
html[data-theme="cream"] .gc-image-picker-head{
  display:flex;justify-content:space-between;gap:12px;align-items:center;
}
html[data-theme="cream"] .gc-image-picker-head small{
  font-size:10px;font-weight:740;color:#829487;letter-spacing:.12em;
}
html[data-theme="cream"] .gc-image-picker-head h3{
  font-size:24px;font-weight:830;letter-spacing:-.04em;color:#153b2a;
}
html[data-theme="cream"] .gc-image-picker-close{
  border:0;background:#ebf0e8;color:#195b43;border-radius:50%;
  width:39px;height:39px;font-size:28px;
}
html[data-theme="cream"] .gc-product-image-dialog>p{
  font-size:12px;color:#7a867b;line-height:1.5;
}
html[data-theme="cream"] .gc-image-picker-search{
  display:flex;gap:8px;align-items:center;
  border:1px solid #d5dfd1;background:#f3f6ee;
  padding:4px 12px;border-radius:13px;margin:12px 0;
}
html[data-theme="cream"] .gc-image-picker-search input{
  width:100%;border:0;background:transparent;min-height:40px;
}
html[data-theme="cream"] .gc-image-picker-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
}
html[data-theme="cream"] .gc-product-image-choice{
  display:flex;flex-direction:column;align-items:center;gap:7px;
  min-height:118px;justify-content:center;
  border:1px solid #dfebdb!important;border-radius:15px!important;
  background:#f7f8f2!important;cursor:pointer;
  padding:8px!important;box-shadow:none!important;
}
html[data-theme="cream"] .gc-product-image-choice img{
  width:76px;height:76px;object-fit:contain;
}
html[data-theme="cream"] .gc-product-image-choice span{
  font-size:10px;color:#31543b;font-weight:730;
  line-height:1.2;text-align:center;overflow-wrap:anywhere;
}
html[data-theme="cream"] .gc-product-image-choice:hover{
  background:#ebf4e8!important;border-color:#89b29a!important;
}
html[data-theme="cream"] .gc-image-picker-bottom{
  margin-top:13px;display:flex;justify-content:flex-end;
}
html[data-theme="cream"] #gcProductImageAutomatic{
  min-height:42px;border:1px solid #cfe1cf;
  border-radius:13px;background:#e3f0e1;color:#15513d;
  padding:9px 15px;font-size:12px;font-weight:770;
}
@media(max-width:700px){
  html[data-theme="cream"] #grocery .gc-market-main-heading h2{
    font-size:clamp(27px,7vw,35px)!important;
  }
  html[data-theme="cream"] #grocery .gc-market-main-heading .gc-market-share span{display:none}
  html[data-theme="cream"] #grocery .gc-market-share{padding:9px}
  html[data-theme="cream"] #grocery .market-smart-grid.pantry-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  html[data-theme="cream"] #grocery .gc-market-product-card{
    padding:10px 8px!important;gap:7px!important;
  }
  html[data-theme="cream"] #grocery .gc-market-card-upper{
    grid-template-columns:minmax(0,42%) minmax(0,1fr);
    gap:5px;min-height:100px;
  }
  html[data-theme="cream"] #grocery .gc-market-product-illustration{
    height:90px!important;max-width:100%!important;
  }
  html[data-theme="cream"] #grocery .gc-market-product-img{
    height:85px;
  }
  html[data-theme="cream"] #grocery .gc-market-card-copy{
    gap:5px;
  }
  html[data-theme="cream"] #grocery .gc-market-card-copy .market-product-name{
    font-size:clamp(11px,3.1vw,14px)!important;
  }
  html[data-theme="cream"] #grocery .gc-market-product-people{transform:scale(.47)}
  html[data-theme="cream"] #grocery .gc-market-stock-tab{font-size:12px;min-height:49px}
  html[data-theme="cream"] #grocery .gc-market-buy-button.market-product-toggle{min-height:40px!important;font-size:12px!important}
  html[data-theme="cream"] .gc-image-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:385px){
  html[data-theme="cream"] #grocery .gc-market-card-upper{display:flex!important;flex-direction:column}
  html[data-theme="cream"] #grocery .gc-market-product-illustration{height:76px!important}
  html[data-theme="cream"] #grocery .gc-market-card-copy{text-align:center}
  html[data-theme="cream"] #grocery .gc-market-product-people{display:none!important}
}


/* GabriConta · dashboard sem atalhos redundantes · 2026-10-22
   A navegação inferior e os três botões de ação continuam funcionando.
   A página volta a acompanhar a altura do conteúdo, sem grandes áreas vazias. */
html[data-theme="cream"] body:has(#dashboard.active-view) .topbar {
  min-height:0!important;
  row-gap:10px!important;
  padding-bottom:27px!important;
}
html[data-theme="cream"] body:has(#dashboard.active-view) .topbar .gc-header-extras {
  gap:0!important;
  margin:0!important;
  padding:0!important;
}
html[data-theme="cream"] body:has(#dashboard.active-view) .topbar .gc-header-marquee {
  margin:0!important;
}
html[data-theme="cream"] #dashboard.active-view {
  min-height:0!important;
  height:auto!important;
  align-content:start!important;
  row-gap:clamp(10px,1.65vw,18px)!important;
  padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))!important;
}
html[data-theme="cream"] #dashboard>.quick-strip.gc-dashboard-actions {
  display:block!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  min-height:0!important;
  height:auto!important;
}
html[data-theme="cream"] #dashboard .gc-main-actions {
  width:100%!important;
  margin:0!important;
  align-items:stretch!important;
}
html[data-theme="cream"] #dashboard .gc-action-pill {
  min-width:0!important;
}
html[data-theme="cream"] #dashboard>.metrics-grid.metrics-carousel {
  margin:0!important;
}
html[data-theme="cream"] #dashboard>.chart-card.timeline-at-end {
  min-height:0!important;
  height:auto!important;
  margin-top:0!important;
  margin-bottom:0!important;
  padding-bottom:16px!important;
  overflow:hidden;
}
html[data-theme="cream"] #dashboard>.chart-card.timeline-at-end #timelineChart {
  max-width:100%;
}
html[data-theme="cream"] #dashboard>.chart-card.timeline-at-end #chartInsight {
  margin-bottom:0!important;
}
@media(max-width:700px){
  html[data-theme="cream"] body:has(#dashboard.active-view) .main {
    padding-bottom:0!important;
  }
  html[data-theme="cream"] body:has(#dashboard.active-view) .topbar {
    padding-top:calc(16px + env(safe-area-inset-top,0px))!important;
    padding-bottom:34px!important;
    row-gap:10px!important;
  }
  html[data-theme="cream"] body:has(#dashboard.active-view) .topbar .gc-header-extras {
    padding:0!important;
    margin-top:1px!important;
    margin-bottom:0!important;
  }
  html[data-theme="cream"] #dashboard.active-view {
    margin-top:-23px!important;
    padding-top:16px!important;
    padding-bottom:calc(108px + env(safe-area-inset-bottom,0px))!important;
    row-gap:11px!important;
    min-height:0!important;
  }
  html[data-theme="cream"] #dashboard>.quick-strip.gc-dashboard-actions{
    margin:0!important;
  }
  html[data-theme="cream"] #dashboard .gc-main-actions {
    gap:7px!important;
  }
  html[data-theme="cream"] #dashboard>.chart-card.timeline-at-end {
    padding-top:15px!important;
    padding-bottom:14px!important;
    margin:0!important;
  }
}
@media(max-width:360px){
  html[data-theme="cream"] #dashboard .gc-main-actions {
    gap:5px!important;
  }
  html[data-theme="cream"] #dashboard .gc-action-pill {
    padding:8px 4px!important;
  }
  html[data-theme="cream"] #dashboard.active-view{
    row-gap:9px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html[data-theme="cream"] #dashboard>.quick-strip.gc-dashboard-actions{
    scroll-behavior:auto;
  }
}


/* Mercados: cartões enxutos, quantidade por unidade e prioridades urgentes */
html[data-theme="cream"] #grocery .market-smart-grid.pantry-grid {
  align-items:start!important;
  gap:9px!important;
}
html[data-theme="cream"] #grocery .pantry-card.market-smart-card.gc-market-product-card {
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  padding:9px 10px 8px!important;
  gap:6px!important;
  border-radius:15px!important;
  overflow:hidden!important;
  box-shadow:0 2px 9px rgba(69,50,34,.07)!important;
}
html[data-theme="cream"] #grocery .pantry-card.market-smart-card.gc-market-product-card .gc-market-card-upper {
  display:grid!important;
  grid-template-columns:66px minmax(0,1fr)!important;
  min-height:0!important;
  height:auto!important;
  gap:8px!important;
  align-items:center!important;
  padding:0!important;
  margin:0!important;
}
html[data-theme="cream"] #grocery .pantry-card.market-smart-card.gc-market-product-card .gc-market-product-illustration {
  width:66px!important;
  height:66px!important;
  min-width:0!important;
  min-height:0!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
  border-radius:12px!important;
}
html[data-theme="cream"] #grocery .pantry-card.market-smart-card.gc-market-product-card .gc-market-product-img {
  max-width:100%!important;
  width:65px!important;
  height:65px!important;
  max-height:65px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 3px 3px rgba(28,40,32,.11))!important;
}
html[data-theme="cream"] #grocery .pantry-card.market-smart-card.gc-market-product-card .gc-market-card-copy {
  min-width:0!important;
  gap:2px!important;
  line-height:1.2!important;
  text-align:left!important;
  padding:2px 0!important;
}
html[data-theme="cream"] #grocery .pantry-card.market-smart-card.gc-market-product-card .market-product-name {
  font-size:clamp(12px,2.6vw,15px)!important;
  font-weight:780!important;
  line-height:1.12!important;
  margin:0!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden!important;
  overflow-wrap:anywhere;
}
html[data-theme="cream"] #grocery .gc-market-product-quantity {
  display:block;
  font-size:11px;
  font-weight:780;
  color:#235b43;
  line-height:1.2;
}
html[data-theme="cream"] #grocery .pantry-card.market-smart-card.gc-market-product-card .gc-market-product-category {
  color:#807368!important;
  font-size:10px!important;
  line-height:1.14!important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
html[data-theme="cream"] #grocery .pantry-card.market-smart-card.gc-market-product-card .gc-market-product-price {
  font-size:10px!important;
  line-height:1.14!important;
  white-space:normal!important;
}
html[data-theme="cream"] #grocery .pantry-card.market-smart-card.gc-market-product-card .gc-market-product-price.has-price {
  font-weight:800!important;
  font-size:12px!important;
}
html[data-theme="cream"] #grocery .pantry-card.market-smart-card.gc-market-product-card .gc-market-product-people {
  display:none!important; /* Owner avatars remain in expanded details and top of shared list. */
}
html[data-theme="cream"] #grocery .pantry-card.market-smart-card.gc-market-product-card .market-product-toggle.pantry-toggle.gc-market-buy-button {
  display:inline-flex!important;
  flex:none!important;
  grid-template-columns:none!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  padding:4px 7px!important;
  gap:6px!important;
  margin:0!important;
  border-radius:10px!important;
  line-height:1!important;
  font-size:12px!important;
  font-weight:780!important;
}
html[data-theme="cream"] #grocery .pantry-card.market-smart-card.gc-market-product-card .gc-market-buy-mark {
  font-size:16px!important;
  line-height:1!important;
}
html[data-theme="cream"] #grocery .pantry-card.market-smart-card.gc-market-product-card .pantry-details-trigger.gc-market-details-trigger {
  flex:none!important;
  display:block!important;
  width:100%!important;
  height:23px!important;
  min-height:23px!important;
  max-height:23px!important;
  margin:0!important;
  padding:3px!important;
  border:0!important;
  font-size:10px!important;
  font-weight:690!important;
  line-height:17px!important;
}
html[data-theme="cream"] #grocery .pantry-card.market-smart-card.gc-market-product-card .gc-market-item-editor {
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  overflow:visible!important;
}
html[data-theme="cream"] #grocery .gc-market-purchase-edit {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);
  gap:8px;
  margin:9px 0;
}
html[data-theme="cream"] #grocery .gc-market-purchase-edit label {
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:5px;
  min-width:0;
  color:#4c5c4d;
  font-size:11px;
  font-weight:720;
}
html[data-theme="cream"] #grocery .gc-market-purchase-edit :is(input,select) {
  display:block;
  width:100%!important;
  min-height:39px!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  padding:8px!important;
  border-radius:10px!important;
  background:#fffdf8!important;
  color:#243d30!important;
  border:1px solid #cbdcce!important;
  font-size:12px!important;
}
html[data-theme="cream"] #grocery .gc-market-urgent-toggle {
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:8px!important;
  width:100%;
  min-height:39px;
  padding:7px 10px;
  background:#fff0db!important;
  border:1px solid #efcd9a!important;
  border-radius:11px!important;
  color:#8c4b16!important;
  font-size:12px;
  font-weight:790;
  cursor:pointer;
  box-sizing:border-box;
}
html[data-theme="cream"] #grocery .gc-market-urgent-input {
  width:17px!important;
  height:17px!important;
  accent-color:#c56b22;
  flex:none;
}
html[data-theme="cream"] #grocery .gc-market-details-save {
  width:100%;
  min-height:39px!important;
  padding:9px 10px!important;
  margin:8px 0 3px;
  border:1px solid #a8d3b5!important;
  border-radius:11px!important;
  background:#175d47!important;
  color:#fffdf8!important;
  font-size:12px!important;
  font-weight:760!important;
  box-shadow:none!important;
  cursor:pointer;
}
html[data-theme="cream"] #grocery .gc-market-urgent-badge {
  display:inline-flex;
  align-items:center;
  gap:4px;
  align-self:flex-start;
  width:max-content;
  max-width:100%;
  margin:0 0 2px;
  padding:4px 9px;
  border-radius:999px;
  background:#ffe2b4;
  border:1px solid #e5ad66;
  color:#99501b;
  font-size:10px;
  font-weight:850;
  line-height:1.1;
  letter-spacing:.025em;
}
html[data-theme="cream"] #grocery .pantry-card.market-smart-card.gc-market-product-card.gc-market-urgent {
  border:2px solid #db7b39!important;
  background:#fff3e4!important;
  box-shadow:0 0 0 1px #f0ab70,0 4px 17px rgba(201,99,37,.16)!important;
}
html[data-theme="cream"] #grocery .pantry-card.market-smart-card.gc-market-product-card.gc-market-urgent .gc-market-buy-button {
  background:#f6dfc3!important;
  color:#7e3f1a!important;
}
@media(max-width:700px){
  html[data-theme="cream"] #grocery .market-smart-grid.pantry-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  html[data-theme="cream"] #grocery .pantry-card.market-smart-card.gc-market-product-card {
    padding:8px 7px 7px!important;
    gap:5px!important;
    border-radius:14px!important;
  }
  html[data-theme="cream"] #grocery .pantry-card.market-smart-card.gc-market-product-card .gc-market-card-upper {
    grid-template-columns:48px minmax(0,1fr)!important;
    gap:5px!important;
    min-height:0!important;
  }
  html[data-theme="cream"] #grocery .pantry-card.market-smart-card.gc-market-product-card .gc-market-product-illustration {
    width:47px!important;
    height:55px!important;
  }
  html[data-theme="cream"] #grocery .pantry-card.market-smart-card.gc-market-product-card .gc-market-product-img {
    width:47px!important;
    height:55px!important;
    max-height:55px!important;
  }
  html[data-theme="cream"] #grocery .pantry-card.market-smart-card.gc-market-product-card .market-product-name {
    font-size:clamp(11px,3.2vw,14px)!important;
  }
  html[data-theme="cream"] #grocery .pantry-card.market-smart-card.gc-market-product-card .gc-market-product-quantity {
    font-size:10px;
  }
  html[data-theme="cream"] #grocery .pantry-card.market-smart-card.gc-market-product-card .gc-market-product-category {
    font-size:9px!important;
  }
  html[data-theme="cream"] #grocery .pantry-card.market-smart-card.gc-market-product-card .gc-market-product-price {
    font-size:9px!important;
  }
  html[data-theme="cream"] #grocery .pantry-card.market-smart-card.gc-market-product-card .market-product-toggle.pantry-toggle.gc-market-buy-button {
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    font-size:11px!important;
  }
  html[data-theme="cream"] #grocery .pantry-card.market-smart-card.gc-market-product-card .pantry-details-trigger.gc-market-details-trigger {
    height:21px!important;
    min-height:21px!important;
    max-height:21px!important;
    font-size:9px!important;
  }
  html[data-theme="cream"] #grocery .gc-market-purchase-edit {
    grid-template-columns:1fr;
  }
  html[data-theme="cream"] #grocery .gc-market-purchase-edit label {
    font-size:11px;
  }
}
@media(max-width:380px){
  html[data-theme="cream"] #grocery .pantry-card.market-smart-card.gc-market-product-card .gc-market-card-upper {
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr)!important;
    gap:5px!important;
  }
  html[data-theme="cream"] #grocery .pantry-card.market-smart-card.gc-market-product-card .gc-market-product-illustration {
    width:39px!important;
    height:48px!important;
  }
  html[data-theme="cream"] #grocery .pantry-card.market-smart-card.gc-market-product-card .gc-market-product-img {
    width:39px!important;
    height:48px!important;
  }
}


/* GabriConta • Avisos das 09h para tarefas pendentes
   Integração com o push existente e leitura ao abrir o aplicativo. */
html[data-theme="cream"] #tasks .gc-morning-reminder{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  margin:0 0 16px;
  padding:15px 17px;
  border:1px solid #caddc9;
  border-radius:19px;
  color:#174a39;
  background:linear-gradient(126deg,#edf5ea 0%,#f9fbf5 100%);
  box-shadow:0 4px 14px rgba(29,91,56,.06);
}
html[data-theme="cream"] #tasks .gc-morning-reminder-icon{
  display:grid;
  width:44px;height:44px;
  place-items:center;
  font-size:22px;
  border-radius:15px;
  background:#dcecdf;
  color:#185b43;
}
html[data-theme="cream"] #tasks .gc-morning-reminder-copy{
  display:flex;
  flex-direction:column;
  min-width:0;
  gap:4px;
}
html[data-theme="cream"] #tasks .gc-morning-reminder-copy strong{
  color:#1c503e;
  font-size:14px;
  font-weight:780;
  line-height:1.3;
}
html[data-theme="cream"] #tasks .gc-morning-reminder-copy span{
  color:#5b7162;
  font-size:12px;
  line-height:1.4;
}
html[data-theme="cream"] #tasks .gc-morning-reminder-copy small{
  color:#477458;
  font-size:11px;
  font-weight:650;
  line-height:1.4;
}
html[data-theme="cream"] #tasks .gc-morning-reminder-action{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  min-height:42px;
  padding:10px 15px;
  color:#fffcf5;
  background:#175943;
  border:1px solid #175943;
  border-radius:13px;
  font-size:12px;
  font-weight:780;
  box-shadow:none;
  cursor:pointer;
  white-space:nowrap;
}
html[data-theme="cream"] #tasks .gc-morning-reminder-action:disabled{
  color:#1e624b;
  background:#cce5d2;
  border-color:#a6cbb3;
  cursor:default;
}
html[data-theme="cream"] #tasks .gc-morning-reminder-action:focus-visible{
  outline:3px solid #71b08d;
  outline-offset:3px;
}
@media(max-width:700px){
  html[data-theme="cream"] #tasks .gc-morning-reminder{
    grid-template-columns:39px minmax(0,1fr);
    align-items:start;
    gap:9px;
    padding:13px;
    margin-bottom:12px;
    border-radius:16px;
  }
  html[data-theme="cream"] #tasks .gc-morning-reminder-icon{
    width:39px;height:39px;font-size:20px;border-radius:12px;
  }
  html[data-theme="cream"] #tasks .gc-morning-reminder-copy strong{font-size:13px}
  html[data-theme="cream"] #tasks .gc-morning-reminder-copy span{font-size:11px}
  html[data-theme="cream"] #tasks .gc-morning-reminder-action{
    grid-column:2;
    justify-self:start;
    padding:8px 12px;
    min-height:38px;
    font-size:11px;
  }
}