/* Isolated preview styling: never loaded by the production POS. */
#view-products .table-panel { overflow-x:auto; scrollbar-width:thin; scrollbar-color:#9bbcb4 #f1f6f4; }
@media(min-width:901px) {
  #view-products .table-panel table { min-width:1180px; table-layout:auto; }
  #view-products .table-panel th:nth-child(2),
  #view-products .table-panel td:nth-child(2) { min-width:230px; width:230px; white-space:normal; overflow-wrap:break-word; word-break:normal; }
  #view-products .table-panel td:nth-child(2) small,
  #view-products .family-toggle small { overflow-wrap:anywhere; }
  #view-products .table-panel th:last-child,
  #view-products .table-panel td:last-child { position:sticky; right:0; min-width:205px; width:205px; background:var(--panel,#fff); box-shadow:-8px 0 12px -12px #173a38; z-index:2; white-space:normal; }
  #view-products .table-panel th:last-child { background:#f8fafb; }
  #view-products .catalog-row-actions .link-btn { display:inline-block; margin:3px 5px 3px 0; }
  #view-products .family-toggle { text-align:left; }
}
#pg-family-modal { width:min(640px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); padding:24px; overflow:auto; border:1px solid var(--line); border-radius:16px; }
#pg-family-modal form { display:grid; gap:18px; }
#pg-family-modal .modal-head { margin:0; align-items:center; gap:16px; }
#pg-family-modal label { gap:7px; font:600 14px/1.4 inherit; }
#pg-family-modal input,#pg-family-modal select,#pg-family-modal textarea { width:100%; min-width:0; font-family:inherit; font-size:14px; font-weight:400; padding:11px 12px; border:1px solid #cfdadf; border-radius:9px; background:#fff; color:var(--ink); }
#pg-family-modal textarea { min-height:88px; resize:vertical; }
#pg-family-modal p { color:var(--muted); font-size:13px; line-height:1.6; padding:12px; background:var(--soft); border-radius:9px; }
#pg-family-modal [data-close] { width:36px; height:36px; border:0; border-radius:9px; background:#f0f4f4; color:var(--ink); font:22px/1 inherit; cursor:pointer; }
#pg-family-modal .modal-actions { margin:0; padding-top:16px; border-top:1px solid var(--line); display:flex; justify-content:flex-end; }
#pg-family-modal [type=submit] { border:0; padding:12px 20px; border-radius:9px; background:var(--accent); color:white; font-family:inherit; font-size:14px; font-weight:650; cursor:pointer; }
#pg-family-modal [type=submit]:disabled { opacity:.55; cursor:wait; }
#pg-family-modal :is(input,select,textarea,button):focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
@media(max-width:600px) { #pg-family-modal { padding:18px; } #pg-family-modal .modal-actions button { width:100%; } }