/* Compact look for the home and category screens, matching the reports screen:
   cards with a thin border, a hint of the category color, smaller type and fields.
   Loaded after the bundle's CSS; "body" raises specificity over its later duplicates. */

/* Home: month, balance and donut */
body .month-switcher{margin:2px 0 4px}
body .report-open-btn,body .report-open-spacer{width:36px;height:36px;flex-basis:36px;border-radius:12px;font-size:17px}
body .chart-card-large{min-height:0;padding:2px 6px 0}
body .chart-balance-plain strong{font-size:16px}
body .donut-shell,body .donut-shell-large{width:230px;height:230px}
body .double-donut-svg{width:230px;height:230px}
body .donut-center-progress{font-size:30px}
body .donut-center-block{padding:0 52px}
body .donut-percent-label{font-size:15px}
body .chart-card-empty{min-height:0;padding:20px 10px}

/* Home: category cards */
body .card-list{gap:6px;margin-top:10px}
body .swipe-row{min-height:52px;margin-bottom:0;border-radius:16px}
body .swipe-actions{border-radius:16px}
body .big-card{min-height:52px;padding:8px 14px;border-radius:16px;box-shadow:none;border:1px solid var(--line);
  background:#1e202eb8!important;
  background:linear-gradient(90deg,color-mix(in srgb,var(--cat,#545c7e) 26%,transparent),#1e202eb8 60%)!important}
body .big-card-left{gap:12px}
body .big-card-emoji{font-size:22px;width:28px;text-align:center}
body .big-card-title{font-size:15px;font-weight:600}
body .amount-badge{font-size:14px;font-weight:700;min-width:0;padding:0}
body .amount-subnote{font-size:11px;font-weight:400;color:var(--muted)}
body .income-card,body .savings-card{box-shadow:none}

/* Home: actions under the list, two per row */
body .bottom-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:14px}
body .bottom-btn{display:flex;align-items:center;gap:6px;min-width:0;font-size:13px;padding:11px 12px;border-radius:14px;background:#1e202eb8;border:1px solid var(--line);box-shadow:none;color:var(--text);line-height:1.2}
body .bottom-btn .plus{font-size:16px;line-height:1;margin:0}

/* Category screen */
body .cat-total{padding:12px 16px;margin-bottom:10px;border-radius:16px;border:1px solid var(--line);
  background:#1e202eb8!important;
  background:linear-gradient(90deg,color-mix(in srgb,var(--cat,#545c7e) 30%,transparent),#1e202eb8 65%)!important}
body .cat-total-title{font-size:16px}
body .cat-total-amount{font-size:22px;font-weight:700}
body .expense-form-card,body .expense-form-card-large{padding:12px;border-radius:18px}
body .input,body .select,body textarea{padding:11px 14px;font-size:16px;border-radius:12px;background:var(--white-soft)}
body .input-large,body .select-symbol{height:46px;min-height:46px;font-size:17px}
body .select-symbol{font-size:20px}
body .input-col-currency{width:64px}
body textarea{min-height:46px;height:46px;resize:none;margin-top:8px;font-family:inherit;line-height:1.4}
body .tx-date-row{margin-top:8px;padding:0 2px}
body .tx-date-input{padding:10px 12px;font-size:15px}
body .primary-btn{padding:12px;font-size:16px;border-radius:14px}
body .primary-btn-large{min-height:46px;font-size:16px}
body .primary-btn-compact{margin-top:10px}
body .calc-result{font-size:16px;right:14px}

/* Operations list, as in the report */
body .tx-row{padding:12px 2px}
body .tx-sub{font-size:16px}
body .tx-note{font-size:13px}
body .tx-amount{font-size:16px}
body .tx-del{font-size:20px}

/* Bottom tab bar replaces the buttons under the categories and the 📊 button */
body .bottom-actions,body .report-open-btn{display:none}
body .report-open-spacer{display:none}
body.has-tab-bar #app{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
.tab-bar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;justify-content:center;gap:4px;padding:6px 10px calc(6px + env(safe-area-inset-bottom));background:rgba(22,22,30,.94);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.tab-bar[hidden]{display:none}
.tab-btn{flex:1;max-width:110px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 0 2px;border:none;background:none;color:var(--muted);font-size:11px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}
.tab-icon{display:flex;align-items:center;justify-content:center;width:56px;height:30px;border-radius:15px;font-size:18px;filter:grayscale(1) opacity(.7);transition:background .15s ease}
.tab-btn.active{color:var(--text)}
.tab-btn.active .tab-icon{background:var(--blue-soft);filter:none}
/* Menu rows on "Управление" and "Настройки" */
.nav-section-title{margin:16px 4px 6px;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}
.nav-group{border-radius:16px;background:#1e202eb8;border:1px solid var(--line);overflow:hidden}
.nav-row{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:none;border-bottom:1px solid var(--line);background:none;color:var(--text);font-size:15px;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
.nav-row:last-child{border-bottom:none}
.nav-row:active{background:var(--white-soft)}
.nav-row-icon{width:24px;text-align:center;font-size:18px}
.nav-row-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav-row-chevron{color:var(--muted);font-size:20px;line-height:1}
.nav-row-accent{color:#7aa2f7}
.nav-row-danger{color:var(--danger)}
.nav-who{margin:0 4px 4px;font-size:14px;color:var(--muted)}
.nav-who b{color:var(--text);font-weight:600}
/* Editing and deleting categories moved to "Управление"; home cards only open */
body .swipe-actions{display:none}
.nav-hint{margin:-2px 4px 8px;font-size:12px;color:var(--muted);line-height:1.35}
.nav-row-current{color:#7aa2f7;font-weight:600}