/* Production account and operations UI: deliberately quiet, compact, and readable. */
button:disabled { opacity:.5; cursor:not-allowed; }
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible { outline:2px solid #287359; outline-offset:3px; }
.preserve-text { white-space:pre-wrap; overflow-wrap:anywhere; }
#auth-dialog { width:min(460px,calc(100vw - 32px)); padding:0; }
.auth-content { padding:28px 32px 32px; }
.auth-content h2 { font-size:24px; color:#294b39; margin:10px 0; }
.auth-subtitle { color:#677461; font-size:12px; line-height:1.9; margin-bottom:20px; }
.auth-tabs { display:flex; gap:25px; border-bottom:1px solid var(--line); margin-bottom:22px; }
.auth-tabs button { background:none; border:0; border-bottom:2px solid transparent; padding:9px 2px; color:#66755e; }
.auth-tabs button.active { border-color:var(--green); color:var(--green); font-weight:600; }
.auth-content label { margin:14px 0; }
.auth-content .button { width:100%; justify-content:center; margin-top:10px; }
.auth-content input { font-size:14px; }
.forgot-link { margin-top:16px; display:block; border:0; background:none; }
.member-welcome { max-width:620px; padding:45px; margin:0 auto; text-align:center; }
.member-welcome .brand-mark { margin:auto; }
.member-welcome h2 { margin:20px 0 14px; font-size:23px; }
.member-welcome p { color:#63715e; font-size:13px; line-height:1.9; }
.member-welcome .receipt-actions { justify-content:center; margin:24px 0; }
.member-layout { display:grid; grid-template-columns:280px minmax(0,1fr); gap:24px; }
.member-card h2 { font-size:17px; overflow-wrap:anywhere; margin:16px 0; }
.member-card hr { border:0; border-top:1px solid var(--line); margin:25px 0; }
.member-card .button { display:flex; margin:14px 0; width:100%; justify-content:center; }
.member-card { align-self:start; }
.checkout-account { padding:12px; border:1px solid var(--line); border-radius:7px; overflow-wrap:anywhere; font-size:12px; }
.checkout-account button { border:0; background:none; }
.table-note { display:block; color:#65745c; font-size:11px; margin-top:6px; }
.table-scroll { max-height:min(62vh,650px); overflow:auto; overscroll-behavior:contain; scrollbar-gutter:stable; }
.table-scroll table { min-width:580px; }
.table-scroll th { position:sticky; top:0; z-index:1; background:#f0f4eb; white-space:nowrap; }
.table-scroll td { font-size:12px; overflow-wrap:anywhere; }
.table-scroll td button { white-space:nowrap; }
.pager { display:flex; justify-content:flex-end; flex-wrap:wrap; align-items:center; gap:12px; margin:16px 0; font-size:12px; color:#5d6d54; }
.pager button { padding:6px 10px; background:#fffefa; border:1px solid var(--line); border-radius:5px; color:var(--green); }
.delivery-item { border-top:1px solid var(--line); padding:14px 0; }
.delivery-item small { color:#64745a; }
.delivery-item pre { white-space:pre-wrap; overflow-wrap:anywhere; }
.admin-nav { flex-wrap:wrap; }
.admin-shell .stats { grid-template-columns:repeat(6,minmax(0,1fr)); }
.stock-counts { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin:18px 0; }
.stock-counts span { background:#f1f5ee; padding:12px; font-size:12px; border-radius:6px; }
.stock-counts strong { float:right; font-size:16px; }
.payment-layout { display:grid; grid-template-columns:1.15fr 1fr; gap:24px; }
.readiness { display:inline-block; padding:9px 14px; margin:20px 0; background:#f5eee2; color:#775c2c; border-radius:6px; font-size:13px; }
.readiness.ready { background:#e6f1e6; color:#315839; }
.payment-checklist { margin:22px 0; padding:18px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); font-size:13px; }
.payment-checklist p { margin:12px 0; }
.setup-list { padding-left:20px; color:#63715e; font-size:13px; line-height:2.2; margin:22px 0; }
.payment-layout .panel>p,.deployment-note p { line-height:1.9; font-size:13px; color:#63715e; }
.deployment-note { margin-top:22px; }
.inline-search { display:flex; gap:10px; align-items:center; max-width:400px; }
.inline-search input { min-width:0; }
.inline-search .button { flex-shrink:0; }
#stock-result { margin-top:14px; font-size:13px; }
.admin-grid>*,.member-layout>* { min-width:0; }
#payment-action .button { margin:15px 0; }
@media(max-width:900px) { .admin-shell .stats { grid-template-columns:repeat(3,1fr); } .member-layout { grid-template-columns:1fr; } .payment-layout { grid-template-columns:1fr; } }
@media(max-width:560px) { .auth-content { padding:22px; } .member-welcome { padding:28px 20px; } .admin-shell .stats { grid-template-columns:repeat(2,1fr); } .inline-search { width:100%; } .table-top { flex-wrap:wrap; gap:14px; } .header-help { font-size:11px; } }

.header-inner nav .mobile-account { display:none; }
@media(max-width:780px) { .header-inner nav .mobile-account { display:flex; } }

/* Compact catalogue: small avatar + title | price | real stock | action. */
.storefront #catalog { scroll-margin-top:110px; }
.storefront .product-table-heading,
.storefront .products:not(.grid) .product-row {
  grid-template-columns:minmax(0,1fr) 86px 68px 66px;
  column-gap:14px;
}
.storefront .product-table-heading { padding:11px 16px; font-size:11px; background:#f3f5f0; }
.storefront .product-table-heading span:not(:first-child) { text-align:center; padding:0; }
.storefront .products:not(.grid) .product-row {
  min-height:50px; padding:11px 16px; border-bottom:1px solid #edf0e9;
}
.storefront .products:not(.grid) .product-info { gap:8px; align-items:center; }
.storefront .products:not(.grid) .platform-avatar { width:22px; height:22px; border-radius:6px; }
.storefront .products:not(.grid) .platform-avatar svg { width:17px; height:17px; }
.product-copy { min-width:0; }
.storefront .products:not(.grid) .product-title { display:block; }
.storefront .products:not(.grid) .product-title h3 { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:13px; font-weight:500; line-height:1.65; color:#4d594c; }
.storefront .products:not(.grid) .product-subtitle { display:none; }
.storefront .products:not(.grid) .price-cell { text-align:center; white-space:nowrap; }
.storefront .products .price { color:#b43d7c; font-size:14px; font-weight:600; font-variant-numeric:tabular-nums; }
.storefront .products .price small { font-size:11px; margin-right:3px; }
.stock-cell { text-align:center; color:#29884a; font-size:12px; font-weight:600; font-variant-numeric:tabular-nums; white-space:nowrap; }
.stock-cell.empty-stock { color:#8b9388; font-size:11px; font-weight:400; }
.storefront .products .buy-button { border-radius:15px; padding:5px 9px; font-size:11px; gap:4px; min-height:28px; box-shadow:0 1px 3px #2d5e4710; white-space:nowrap; }
.storefront .products .buy-button .icon { width:12px; height:12px; }
.platform-avatar.twitter,.platform-avatar.threads { color:#47504c; background:#edf0ed; }
.platform-avatar.facebook { color:#3d75bb; background:#eef3fa; }
.platform-avatar.microsoft { color:#3f8b91; background:#eaf5f4; }
.platform-avatar.instagram { color:#b55b88; background:#faeef4; }
.platform-avatar.apple,.platform-avatar.tiktok { color:#596263; background:#f0f2f2; }
.platform-avatar.discord,.platform-avatar.openai { color:#6372a0; background:#eff0f9; }
.platform-avatar.social,.platform-avatar.software,.platform-avatar.gaming { color:#528d78; background:#edf5ed; }
.storefront .products.grid .stock-cell { text-align:left; }
.catalog-pagination { display:flex; align-items:center; justify-content:space-between; gap:16px; font-size:11px; color:#667560; margin-top:16px; }
.catalog-pagination>div { display:flex; align-items:center; gap:7px; flex-wrap:wrap; }
.catalog-pagination button { border:1px solid var(--line); background:var(--white); border-radius:5px; padding:6px 9px; font-size:11px; color:#476743; }
.catalog-page-jump { display:flex; align-items:center; gap:4px; margin:0; white-space:nowrap; font-weight:400; }
.catalog-page-jump input { margin:0; padding:5px 2px; width:40px; font-size:11px; text-align:center; }
@media(min-width:781px) {
  .storefront .categories { max-height:540px; overflow-y:auto; scrollbar-width:thin; }
  .storefront .category-button { font-size:11px; padding:10px 11px; }
  .storefront .category-button>span:nth-child(2) { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
}
@media(max-width:1050px) {
  .storefront .product-table-heading,.storefront .products:not(.grid) .product-row { grid-template-columns:minmax(0,1fr) 75px 58px 62px; column-gap:9px; }
}
@media(max-width:520px) {
  .storefront #catalog { scroll-margin-top:120px; }
  .storefront .product-table-heading,.storefront .products:not(.grid) .product-row { grid-template-columns:minmax(0,1fr) 51px 43px 48px; column-gap:6px; padding-left:10px; padding-right:10px; }
  .storefront .product-table-heading span:nth-child(2) { display:block; }
  .storefront .products:not(.grid) .product-row { padding-top:11px; padding-bottom:11px; }
  .storefront .products:not(.grid) .platform-avatar { width:18px; height:18px; border-radius:5px; }
  .storefront .products:not(.grid) .platform-avatar svg { width:14px; height:14px; }
  .storefront .products:not(.grid) .product-info { gap:6px; }
  .storefront .products:not(.grid) .product-title h3 { white-space:normal; font-size:11px; line-height:1.7; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
  .storefront .products .price { font-size:12px; }
  .storefront .products .price small { font-size:10px; margin-right:1px; }
  .storefront .products .buy-button { padding:4px 5px; gap:2px; font-size:10px; }
  .storefront .products .buy-button .icon { width:10px; height:10px; }
  .stock-cell.empty-stock { font-size:10px; }
  .catalog-pagination { flex-direction:column; align-items:flex-start; gap:10px; }
}
.admin-catalog-search { margin-bottom:14px; }
#product-rows td:first-child { max-width:340px; overflow:hidden; text-overflow:ellipsis; }