/* Loaded after shared storefront styles so admin controls retain their layout. */
@media (max-width: 760px) {
  #adminApp { flex-direction:column; width:100%; min-width:0; }
  #adminApp .sidebar {
    position:relative; flex:0 0 auto; width:100%; min-width:0;
    height:auto; max-height:none; padding:12px; overflow:visible;
  }
  #adminApp .sidebar-brand {
    margin:0; padding:0 82px 0 0; min-height:44px;
    display:flex; align-items:center; gap:5px; font-size:16px;
    line-height:1.4; white-space:nowrap;
  }
  .admin-menu-toggle {
    display:block; position:absolute; top:12px; right:12px;
    min-height:44px; padding:8px 12px; border:1px solid #526078;
    border-radius:10px; background:#19283f; color:#eef4ff;
    font:inherit; font-size:14px; cursor:pointer;
  }
  #adminApp .sidebar-nav {
    display:grid; grid-template-columns:minmax(0,1fr); width:100%;
    gap:6px; margin-top:10px; padding:0; overflow:visible;
  }
  #adminApp .sidebar-nav li { width:100%; min-width:0; }
  #adminApp .sidebar-nav li a {
    width:100%; min-height:44px; white-space:normal; font-size:14px;
  }
  #adminApp .sidebar > div[style*="padding"] {
    position:static; margin-top:8px; padding:0!important;
  }
  #adminApp .sidebar > div .btn { width:100%; color:#e2e8f0; background:#253349; }
  #adminApp .sidebar.mobile-nav-ready:not(.mobile-nav-open) .sidebar-nav,
  #adminApp .sidebar.mobile-nav-ready:not(.mobile-nav-open) > div[style*="padding"] { display:none; }
  #adminApp .main-content {
    flex:1 1 auto; width:100%; min-width:0; max-width:100%;
    padding:14px 12px 28px; overflow:visible;
  }
  #adminApp .admin-header { gap:10px; margin-bottom:16px; }
  #adminApp .admin-header h2 { font-size:21px; line-height:1.45; }
  #adminApp .btn { -webkit-appearance:none; appearance:none; font-family:inherit; }
  #adminApp .btn-secondary { color:#e2e8f0; background:#253349; border:1px solid #526078; }
  #enableAlertSound { max-width:100%; min-height:44px; font-size:13px; }
  #adminApp .card { padding:12px; }
  #adminApp .filter-bar input, #adminApp .filter-bar select { font-size:16px; }
  #adminApp .admin-mobile-table tbody td {
    grid-template-columns:minmax(72px,28%) minmax(0,1fr);
    font-size:14px; word-break:normal; overflow-wrap:anywhere;
  }
  #adminApp .admin-mobile-table tbody td > * { min-width:0; max-width:100%; }
  #adminApp .admin-mobile-table td[colspan] { display:block; }
  #orderModal .modal-content { width:100%; max-width:100%; }
  #orderModal .order-modal-header h3 { font-size:16px; line-height:1.5; }
  #orderModal .order-modal-close { min-width:44px; height:44px; flex-basis:44px; color:#fff; }
  #orderModal .order-modal-body { min-width:0; -webkit-overflow-scrolling:touch; }
  #orderModal input, #orderModal select, #orderModal textarea { font-size:16px; max-width:100%; }
  #orderModal img { max-width:100%; height:auto; }
  #orderModal .btn-secondary { color:#f8fafc; background:#253349; border:1px solid #526078; }
}