/* SB-WEB-0003.5 — button-first UI + branding */
.brand{gap:11px;min-width:0}.brand-logo-mark{width:42px;height:42px;display:block;flex:0 0 auto}.brand-copy{display:grid;line-height:1.05}.brand-copy strong{font-size:17px;letter-spacing:-.02em}.brand-copy small{margin-top:4px;color:var(--muted);font-size:10px;font-weight:650;white-space:nowrap}.brand-mark{display:none!important}
.top-actions .button{min-height:38px;padding:7px 11px;border-radius:11px;font-size:12px}.top-button{background:#fff;color:#34466f;border-color:var(--line);box-shadow:0 2px 8px rgba(43,66,115,.05)}.premium-top{color:#5b3aa6;background:var(--violet-soft);border-color:#ded4f6}.logout-top{background:#fff;color:#7b3540}.notification-bell{box-shadow:0 2px 8px rgba(43,66,115,.06)}
.app-nav{gap:7px;padding:10px 12px 2px}.app-nav a.nav-button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border:1px solid var(--line);background:#fff;color:#43516c;border-radius:12px;box-shadow:0 2px 8px rgba(43,66,115,.04);padding:9px 12px}.app-nav a.nav-button:hover{border-color:#b9c8ef;background:#f8faff}.app-nav a.nav-button.active{background:linear-gradient(135deg,var(--primary),#3a78ec);border-color:transparent;color:#fff;box-shadow:0 5px 14px rgba(49,87,213,.18)}.app-nav a.nav-button.locked{color:#837692;background:#faf8ff;border-color:#e6def5}
.month-nav{gap:6px;padding:5px}.month-nav a.icon-button{border:1px solid var(--line);border-radius:10px;background:#f8faff;min-height:42px;font-size:25px;font-weight:800}.month-nav a.icon-button:active{background:var(--primary-soft)}
.filter-tabs{gap:9px}.filter-tabs a.filter-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:9px 15px;box-shadow:0 2px 7px rgba(43,66,115,.04)}.filter-tabs a.filter-button.active{box-shadow:0 4px 12px rgba(49,87,213,.18)}
.button.compact{min-height:38px;padding:7px 11px;border-radius:10px;font-size:13px}.button.text-button{background:#f7f9fc;border-color:var(--line);color:var(--primary)}.button.premium-mini{background:var(--violet-soft);border-color:#ded4f6;color:#5d3da5}.button.premium-cta{margin-top:14px;background:linear-gradient(135deg,#6b48bf,#365fd8);color:#fff;border-color:transparent;box-shadow:0 6px 16px rgba(87,66,173,.18)}
.bill-row{align-items:center}.bill-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}.bill-actions form{margin:0}.bill-main{cursor:default}.bill-row:hover{border-color:#cbd5e5;box-shadow:0 7px 18px rgba(43,66,115,.07)}
.auth-switch{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.auth-switch a{color:inherit}.login-options>a.button{white-space:nowrap}.premium-lock a.button{color:#5d3da5;text-decoration:none;margin-top:4px}
.summary-card{transition:transform .15s ease,box-shadow .15s ease}.summary-card:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(43,66,115,.08)}
@media(max-width:700px){.brand-copy small{display:none}.brand-logo-mark{width:38px;height:38px}.top-actions .desktop-nav{display:none!important}.app-nav a.nav-button{min-width:96px;flex:0 0 auto}.app-nav{justify-content:flex-start}.bill-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.bill-actions .button,.bill-actions form,.bill-actions form .button{width:100%}}
@media(max-width:480px){.brand-copy strong{font-size:15px}.bill-row{align-items:stretch}.bill-actions{grid-template-columns:1fr 1fr}.dashboard-head{align-items:center}.dashboard-head .button{min-height:42px}.language-switch{flex:0 0 auto}}