/* Auto-added: Mobile optimizations (kept visual, improves layout on small screens) */
:root{
  --sidebar-width: 260px;
}

html { -webkit-text-size-adjust: 100%; }
img, video { max-width: 100%; height: auto; }
button, a, input, select { touch-action: manipulation; }

/* Tables scroll on small screens */
.table-responsive, .table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.table-responsive table, .table-wrap table { width: 100%; border-collapse: collapse; }

/* Generic grid fixes */
.container, .content, .main, .wrapper { padding-left: 12px; padding-right: 12px; }
.row { margin-left: -8px; margin-right: -8px; }
[class*="col-"] { padding-left: 8px; padding-right: 8px; }

/* Sidebar collapse behavior */
body.sidebar-collapsed #sidebar,
#sidebar.sidebar-collapsed { transform: translateX(-100%); }
#sidebar { transition: transform .25s ease; will-change: transform; }

/* Header: place a hamburger on small screens if #sidebarToggle exists */
@media (max-width: 992px){
  .header, header { position: sticky; top: 0; z-index: 1000; }
  .content, .main { padding-top: 8px; }
  .hide-md { display: none !important; }
}

/* Tighter cards on phones */
@media (max-width: 768px){
  .card { margin-bottom: 12px; }
  .summary-cards { gap: 12px !important; }
  .sidebar { width: var(--sidebar-width); }
  .container, .content, .main, .wrapper { padding-left: 10px; padding-right: 10px; }
  table { font-size: 14px; }
}

/* Fix sticky footer overlap */
footer { max-width: 100%; overflow-x: hidden; }