/* Personal Finance 2.5 - category icon library and denser phone layout.
   Theme-aware, tap targets remain >=44px. */
.category-mini-icon svg,.category-choice-icon svg{width:23px;height:23px;display:block}
.category-mini-icon,.category-choice-icon{color:var(--mint)}
.category-selector{display:flex;align-items:flex-end;gap:9px}
.category-selector .field{flex:1;min-width:0}
.category-choice-icon{width:44px;height:44px;min-width:44px;display:grid;place-items:center;border-radius:12px;background:var(--panel2);border:1px solid var(--border);margin-bottom:0}
.categories-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.categories-intro .intro{flex:1;min-width:230px}
.category-row .category-mini-icon{width:42px;height:42px;flex:none}
.auth-notice{border:1px solid var(--border);border-radius:12px;background:var(--panel2);color:var(--text);padding:12px 14px;margin:14px 0;font-size:13px}
@media(max-width:760px){
  .content{padding:16px 13px calc(89px + env(safe-area-inset-bottom))}
  .topline{margin-bottom:12px;gap:8px}
  .topline h1{font-size:26px;margin-top:2px}
  .topline.home-topline .top-actions .btn{min-height:44px;font-size:13px;padding:10px 12px}
  .eyebrow{font-size:10px;letter-spacing:.09em}
  .balance-card{padding:14px 15px}
  .balance-card .big{font-size:25px;margin:7px 0 3px}
  .panel{padding:15px;border-radius:16px}
  .panel-head{margin-bottom:9px}
  .panel-head h2{font-size:19px}
  .section-space{margin-top:12px}
  .grid-two{gap:12px}
  .account-row,.category-row,.txn-row{padding:9px 0;gap:9px}
  .row-main strong{font-size:14px}
  .row-main small{font-size:11px}
  .empty{padding:14px 10px}
  .empty .large{font-size:22px;margin-bottom:4px}
  .empty p{font-size:12px}
  .bottomnav{padding:5px 4px calc(5px + env(safe-area-inset-bottom))}
  .bottomnav button{min-height:51px;font-size:10px;gap:2px;padding:5px 0}
  .bottomnav .nav-icon svg{width:20px;height:20px}
  .footer-note{margin-top:17px}
  .category-selector .field select{min-height:44px}
  .categories-intro .btn{min-height:44px}
}
