/* Web-specific overrides — loaded after styles.css */

/* No Electron title bar in browser */
#win-drag-bar { display: none !important; }

/* No -webkit-app-region in browser */
#sidebar { -webkit-app-region: unset; }
.sidebar-btn, .nav-item { -webkit-app-region: unset; }

/* Adjust main content padding since no title bar */
#main-content { padding-top: 32px; }

/* Sidebar top padding — no traffic lights */
.sidebar-top { padding-top: 24px; }

/* Body can scroll on mobile web */
@media (max-width: 768px) {
  #app { flex-direction: column; }
  #sidebar { width: 100%; height: auto; flex-direction: row; overflow-x: auto; border-right: none; border-bottom: 1px solid rgba(255,200,80,0.07); }
  .sidebar-top { display: none; }
  .sidebar-nav { flex-direction: row; padding: 8px; gap: 4px; }
  .nav-item { padding: 8px 12px; font-size: 12px; white-space: nowrap; }
  .sidebar-footer { display: none; }
  #main-content { padding: 16px; }
  .checklist-sidebar { display: none; }
  .dash-hero { padding: 20px; }
  .dash-hero-amount { font-size: 36px !important; }
  .dash-hs { padding: 12px 14px; }
  .dash-hs-val { font-size: 16px; }
}