.shopAdminPanel .sectionHead { gap: 16px; flex-wrap: wrap; }
.shopAdminPanel h1 { font-size: 25px; margin: 0 0 8px; }
.shopAdminPanel .sectionBody { display: grid; gap: 14px; }
.shopAdminPanel .sectionBody > p { margin: 0; }
.shopAdminCatalog { display: grid; grid-template-columns: repeat(auto-fill,minmax(min(100%,300px),1fr)); gap: 14px; }
.shopAdminProduct { min-width: 0; padding: 18px; border: 1px solid #dce8ef; border-radius: 14px; background: #fff; overflow-wrap: anywhere; }
.shopAdminProduct h2 { margin: 0; font-size: 18px; }
.shopAdminProduct p { margin: 10px 0; }
.shopAdminPagination { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.shopAdminPanel input { width: 240px; max-width: 100%; box-sizing: border-box; display: block; }
.shopAdminPanel label { min-width: 0; max-width: 100%; }
@media(max-width:600px) { .shopAdminPanel h1 { font-size: 22px; } .shopAdminPanel .sectionHead { align-items: flex-start; } }
/* The shared header has a white background; keep account/logout legible. */
body:not(.authLocked) .topbar .userPill,
body:not(.authLocked) .topbar .logoutBtn { color: #0d2b45; border-color: #cfe7f7; background: #f1f9ff; }
@media(max-width:600px) {
  body:not(.authLocked) .topbar { height: auto; min-height: 64px; padding: 10px 12px; gap: 8px; flex-wrap: wrap; }
  body:not(.authLocked) .topbar .brandmark { order: 0; flex: 0 0 auto; }
  body:not(.authLocked) .topbar .spacer { order: 1; flex: 1 1 0; min-width: 0; }
  body:not(.authLocked) .topbar .modePill { order: 2; flex: 0 0 auto; }
  body:not(.authLocked) .topbar .logoutBtn { order: 3; flex: 0 0 auto; }
  body:not(.authLocked) .topbar .userPill { order: 4; flex: 1 1 100%; min-width: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}