/* Phase 8.6 — mobile UX and responsive transaction layout */
.mobile-nav-backdrop{display:none}.mobile-menu-btn{display:none;border:0;background:#fff;color:#17202a;border-radius:12px;width:42px;height:42px;box-shadow:0 4px 16px rgba(15,23,42,.08);font-size:18px;align-items:center;justify-content:center}.report-controls{display:flex;gap:10px;align-items:end;background:#fff;border:1px solid var(--line);border-radius:15px;padding:12px;margin:0 0 14px;box-shadow:var(--shadow)}.report-controls label{display:grid;gap:5px;color:var(--muted);font-size:12px}.report-controls input,.report-controls select{min-height:40px;padding:8px 11px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--text)}[data-action="income"]{background:#e9fbf3!important;color:#047857!important;border:1px solid #b7ebd2!important;box-shadow:none!important}[data-action="transfer"]{background:#eef4ff!important;color:#2457d6!important;border:1px solid #cbdcff!important;box-shadow:none!important}[data-page="people"]{background:transparent;color:inherit;border:0}.report-controls .secondary{white-space:nowrap}@media(max-width:760px){.mobile-menu-btn{display:flex}.mobile-nav-backdrop.show{display:block;position:fixed;inset:0;background:rgba(15,23,42,.48);z-index:40}.sidebar{position:fixed;left:0;top:0;bottom:0;width:235px;height:100vh;transform:translateX(-105%);transition:transform .18s ease;z-index:50;box-shadow:12px 0 35px rgba(15,23,42,.28)}.sidebar.mobile-open{transform:translateX(0)}.sidebar .brand>div:last-child,.sidebar .nav-item span{display:block}.sidebar .nav-item{justify-content:flex-start}.main{margin-left:0!important;width:100%!important;max-width:none;padding:14px 10px 32px}.topbar{gap:9px;margin-bottom:18px}.topbar>div{flex:1;min-width:0}.topbar h1{font-size:21px}.section-head{align-items:flex-start;gap:12px}.section-head .actions{width:100%;flex-wrap:wrap}.section-head .actions button{flex:1 1 calc(50% - 4px)}.filters{display:grid!important;grid-template-columns:1fr!important}.filters>*{width:100%!important;min-width:0}.report-controls{display:grid;grid-template-columns:1fr}.report-controls>*{width:100%}.report-controls label input,.report-controls label select{width:100%}.table-wrap{overflow:visible!important;border:0!important;background:transparent!important;box-shadow:none!important}.table-wrap .table{width:100%!important;min-width:0!important;display:block}.table-wrap .table thead{display:none}.table-wrap .table tbody{display:grid;gap:9px}.table-wrap .table tbody tr{display:grid;grid-template-columns:1fr auto;gap:0 12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:11px 12px;box-shadow:var(--shadow)}.table-wrap .table tbody tr:hover{background:#fff}.table-wrap .table td{display:block;border:0!important;padding:3px 0;white-space:normal!important;overflow-wrap:anywhere}.table-wrap .table td:nth-child(1){grid-column:1;color:var(--muted);font-size:11px}.table-wrap .table td:nth-child(2){grid-column:2;text-align:right}.table-wrap .table td:nth-child(3){grid-column:1;font-weight:700}.table-wrap .table td:nth-child(4){grid-column:2;text-align:right;color:var(--muted);font-size:11px}.table-wrap .table td:nth-child(5){grid-column:1/-1;color:var(--muted);font-size:11px;min-width:0}.table-wrap .table td:nth-child(6){grid-column:1/-1;text-align:right;font-size:15px;font-weight:900;padding-top:7px;color:#17202a}.bill-list{width:100%;overflow:hidden}.bill-card{max-width:100%}.cards,.people-grid{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.settings-grid .panel:last-child{grid-column:auto}.report-grid{grid-template-columns:1fr}.modal-backdrop{padding:8px;align-items:end}.modal{width:100%;max-height:calc(100dvh - 16px);border-radius:19px 19px 12px 12px}.modal-actions{flex-direction:column}.modal-actions button{width:100%;min-height:44px}}@media(max-width:460px){.main{padding-left:8px;padding-right:8px}.hero-card{padding:18px}.stats{grid-template-columns:1fr}.section-head{display:block}.section-head .actions{margin-top:10px}.section-head .actions button{flex:1 1 100%}.table-wrap .table tbody tr{padding:10px}.toast{right:10px;bottom:10px;max-width:calc(100vw - 20px)}}

/* Mobile navigation: no touchscreen hover/focus artifact; only active item gets selected styling. */
@media (max-width:760px){
  .sidebar .nav-item:hover,
  .sidebar .nav-item:focus,
  .sidebar .nav-item:focus-visible{
    background:transparent!important;
    color:#aeb8c8!important;
    transform:none!important;
    outline:none;
    box-shadow:none;
  }
  .sidebar .nav-item.active,
  .sidebar .nav-item.active:hover,
  .sidebar .nav-item.active:focus,
  .sidebar .nav-item.active:focus-visible{
    background:linear-gradient(135deg,rgba(59,130,246,.22),rgba(99,102,241,.16))!important;
    border-color:rgba(147,197,253,.12)!important;
    color:#fff!important;
    box-shadow:inset 3px 0 0 #60a5fa!important;
    transform:none!important;
  }
}