@media (max-width: 1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col,.pos-layout{grid-template-columns:1fr}.cart-panel{position:static;top:auto}}
@media (max-width: 820px){.sidebar{display:none}.mobile-nav{display:flex}.content{padding:20px 16px 96px}.topbar{flex-direction:column;align-items:flex-start}.topbar h1{font-size:28px}.auth-card{grid-template-columns:1fr}.auth-copy{display:none}.settings-grid{grid-template-columns:1fr}}
@media (max-width: 560px){.stats-grid,.product-grid{grid-template-columns:1fr}.panel,.stat-card,.cart-panel,.product-card,.auth-card{border-radius:20px}.search-bar{flex-direction:column}.category-pill{min-height:52px;padding:0 14px;border-radius:16px}.category-pill-icon{width:30px;height:30px;font-size:17px}.category-pill-label{font-size:13px}.cart-items{max-height:none}}


@media (max-width: 900px){
  .report-filter-form,.report-summary-grid,.report-two-col{grid-template-columns:1fr 1fr}
  .print-header{flex-direction:column}
}
@media (max-width: 640px){
  .report-filter-form,.report-summary-grid,.report-two-col{grid-template-columns:1fr}
  .report-meta{min-width:0}
}

@media (max-width: 900px){.report-filter-form,.report-summary-grid,.report-two-col{grid-template-columns:1fr 1fr}.print-header{flex-direction:column}.report-filter-actions{grid-column:1/-1}}
@media (max-width: 640px){.report-filter-form,.report-summary-grid,.report-two-col{grid-template-columns:1fr}.report-meta{min-width:0}.report-filter-actions .btn,.report-filter-actions a{width:100%}}

@media (max-width: 980px){.product-admin-grid{grid-template-columns:1fr}}


@media (max-width: 820px){
  .sidebar-modern{
    width:100%;
    max-width:100%;
    border-right:none;
    border-bottom:1px solid var(--line);
    height:auto;
    position:static;
    padding:16px 12px;
  }
  .sidebar-window-dots,
  .sidebar-user-card{
    display:none;
  }
  .sidebar-brand-wrap{
    padding-bottom:4px;
  }
  .side-nav-modern{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .side-nav-modern a{
    padding:12px;
  }
  .nav-divider{
    display:none;
  }
}


@media (max-width: 820px){
  .app-shell{
    display:block;
  }
  .sidebar{
    position:fixed;
    left:0;
    top:0;
    bottom:0;
    height:100vh;
    width:min(260px, 84vw) !important;
    z-index:30;
    transform:translateX(-110%);
    opacity:1 !important;
    padding:18px 14px 16px !important;
    border-right:1px solid var(--line) !important;
    box-shadow:0 16px 40px rgba(0,0,0,.12);
  }
  body.sidebar-mobile-open .sidebar{
    transform:translateX(0);
  }
  body.sidebar-mobile-open .sidebar-overlay{
    opacity:1;
    pointer-events:auto;
  }
  .content{
    padding:20px 16px 96px !important;
  }
}

@media (min-width: 821px){
  .sidebar-overlay{
    display:none;
  }
}

@media (max-width: 1100px){
  .content{
    margin-left:0 !important;
    width:100% !important;
  }
}