/* Personal Finance 2.15: per-user Home layout switches.
   Uses existing theme variables, no effect on transaction forms. */
.home-layout-settings{max-width:660px}
.home-layout-settings .panel-head{margin-bottom:10px}
.home-layout-settings>.intro{margin-bottom:13px}
.home-layout-fixed{
  display:flex;align-items:center;justify-content:space-between;
  gap:12px;padding:12px 2px;border-bottom:1px solid var(--border)
}
.home-layout-fixed span{font-weight:720;font-size:13px;color:var(--text)}
.home-layout-fixed small{color:var(--muted);font-size:11px;flex:none}
.home-layout-switches{margin:5px 0 14px}
.home-layout-option{
  display:flex;justify-content:space-between;align-items:center;
  gap:14px;padding:12px 2px;border-bottom:1px solid var(--border)
}
.home-layout-option>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.home-layout-option strong{font-weight:720;font-size:13px}
.home-layout-option small{font-size:11px;color:var(--muted);line-height:1.45}
.home-layout-toggle{
  width:47px;height:29px;min-width:47px;border:1px solid var(--border);
  border-radius:40px;background:var(--panel2);position:relative;
  padding:3px;flex:none;cursor:pointer;transition:background .15s ease
}
.home-layout-toggle.selected{background:var(--mint);border-color:var(--mint)}
.home-layout-toggle:disabled{opacity:.45;cursor:wait}
.home-layout-toggle:focus-visible{outline:2px solid var(--selected-ring);outline-offset:3px}
.home-layout-knob{
  display:block;height:21px;width:21px;border-radius:50%;
  background:var(--muted);box-shadow:0 1px 3px #0002;transform:translateX(0);
  transition:transform .15s ease
}
.home-layout-toggle.selected .home-layout-knob{
  background:var(--button-ink);transform:translateX(18px)
}
.home-layout-reset{margin-top:3px}
.grid-two.single{grid-template-columns:1fr}