/* Budgetly 3.12.1 – renare navigering och separata inställningssidor */
.sidebar { min-height: 100vh; }
.sidebar .logo { margin-bottom: 32px; }
.sidebar .navigation { display:flex; flex-direction:column; gap:5px; }
.sidebar .nav-heading { font-size:10px; letter-spacing:1.6px; font-weight:800; color:var(--text-secondary); margin:12px 10px 8px; }
.sidebar .nav-heading-second { margin-top:26px; padding-top:19px; border-top:1px solid var(--border); }
.sidebar .nav-item { display:flex; align-items:center; gap:12px; }
.sidebar .nav-item span { white-space:nowrap; }
.sidebar-bottom { margin-top:auto; padding-top:24px; }
.sidebar-profile { display:flex; gap:10px; align-items:center; text-decoration:none; border:1px solid var(--border); border-radius:15px; padding:12px 10px; color:var(--text-primary); }
.sidebar-profile .sidebar-avatar { width:34px; height:34px; flex-shrink:0; display:grid; place-items:center; border-radius:12px; background:var(--hover-surface); color:var(--primary); font-size:21px; }
.sidebar-profile strong { font-size:13px; display:block; }
.sidebar-profile small { font-size:10px; color:var(--text-secondary); display:block; margin-top:3px; }
.sidebar-profile .sidebar-chevron { margin-left:auto; color:var(--text-secondary); }
.sidebar .sidebar-footer { margin-top:14px; padding:0 6px; }
.settings-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; max-width:1000px; }
.settings-card { min-width:0; border:1px solid var(--border); background:var(--card); border-radius:20px; padding:26px; box-shadow:var(--shadow); }
.settings-card h2 { font-size:20px; margin:12px 0 8px; color:var(--text-primary); }
.settings-card > p { color:var(--text-secondary); font-size:13px; line-height:1.6; margin-bottom:20px; }
.settings-card .account-email { overflow-wrap:anywhere; font-weight:600; color:var(--text-primary); }
.settings-icon { display:grid; place-items:center; width:42px; height:42px; border-radius:12px; background:var(--hover-surface); color:var(--primary); font-size:24px; }
.settings-card .cloud-secondary { max-width:100%; }
.settings-card .theme-settings { border:0; padding:0; margin:0; }
.settings-card .theme-settings > label { display:none; }
.settings-card .theme-control { width:100%; }
.settings-card .theme-control select { width:100%; }
.settings-card .backup-section { border:0; padding:0; margin:0; max-width:480px; }
.settings-card .backup-title { display:none; }
.backup-grid { grid-template-columns:minmax(0,650px); }
.backup-warning { padding:16px; background:var(--hover-surface); border:1px solid var(--border); border-radius:12px; margin-bottom:22px; }
.backup-warning strong { color:var(--text-primary); font-size:13px; }
.backup-warning p { color:var(--text-secondary); font-size:12px; line-height:1.55; margin-top:6px; }
@media (max-width: 900px) { .settings-grid { grid-template-columns:1fr; } }
@media (max-width: 768px) { .sidebar { min-height:0; } .sidebar-bottom { margin-top:30px; } .settings-card { padding:20px; } }