/* Shop inventory: one compact grid and one editor; no public storefront rules. */
#shop .shop-tab[data-tab="products"] { min-width:0; }
#managerProducts {
  --sp-bg:#ffffff; --sp-soft:#edf5ef; --sp-ink:#173c2e; --sp-muted:#536c5c;
  --sp-line:#d4e3d8; --sp-accent:#206e4d; --sp-danger:#a92e35;
  display:block; min-width:0; color:var(--sp-ink);
}
html[data-shopper-theme="dark"] #managerProducts {
  --sp-bg:#1d2b23; --sp-soft:#293d30; --sp-ink:#f1f7f2; --sp-muted:#c3d3c7;
  --sp-line:#496251; --sp-accent:#afe6ba; --sp-danger:#ffb4b4;
}
#managerProducts *, #managerProducts *::before, #managerProducts *::after { box-sizing:border-box; }
#managerProducts [hidden] { display:none !important; }
#managerProducts .sp-toolbar { display:flex; gap:12px; align-items:end; flex-wrap:wrap; margin-bottom:12px; }
#managerProducts .sp-search { flex:1 1 240px; }
#managerProducts .sp-filter { flex:0 1 220px; }
#managerProducts .sp-toolbar label { display:grid; gap:6px; min-width:0; font-size:13px; font-weight:600; }
#managerProducts .sp-toolbar :is(input,select) { width:100%; min-width:0; min-height:44px; border:1px solid var(--sp-line); border-radius:12px; padding:10px 12px; font:inherit; color:var(--sp-ink); background:var(--sp-bg); }
#managerProducts .sp-hint { margin:0 0 12px; font-size:13px; line-height:1.5; color:var(--sp-muted); }
#managerProducts .sp-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:16px; align-items:stretch; }
#managerProducts .sp-card { display:flex; flex-direction:column; min-width:0; overflow:hidden; border:1px solid var(--sp-line); border-radius:16px; background:var(--sp-bg); }
#managerProducts .sp-card-open { display:flex; flex-direction:column; flex:1; width:100%; min-width:0; padding:0; border:0; border-radius:0; text-align:left; background:var(--sp-bg) !important; color:var(--sp-ink) !important; box-shadow:none; cursor:pointer; font:inherit; }
#managerProducts .sp-card-media { display:block; position:relative; width:100%; aspect-ratio:3/4; overflow:hidden; background:var(--sp-soft); }
#managerProducts .sp-card-media :is(img,video) { display:block; position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border:0; border-radius:0; }
#managerProducts .sp-card-media img.is-logo { object-fit:contain; padding:24px; }
#managerProducts .sp-card-media .conflua-product-image-placeholder { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; width:100%; height:100%; padding:16px; color:var(--sp-muted); background:var(--sp-soft); text-align:center; }
#managerProducts .sp-card-media .conflua-product-image-placeholder small { display:none; }
#managerProducts .sp-card-media .conflua-product-image-placeholder svg { width:36px; height:36px; }
#managerProducts .sp-card-info { display:grid; align-content:start; gap:8px; width:100%; padding:12px; }
#managerProducts .sp-card-name { font-size:15px; line-height:1.35; overflow-wrap:anywhere; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
#managerProducts .sp-card-price { font-size:17px; line-height:1.35; overflow-wrap:anywhere; }
#managerProducts .sp-card-stock { font-size:12px; color:var(--sp-muted); }
#managerProducts .sp-badge { justify-self:start; padding:4px 8px; border:1px solid var(--sp-line); border-radius:7px; font-size:11px; font-weight:600; color:var(--sp-muted); background:var(--sp-soft); }
#managerProducts .sp-badge.is-published { color:var(--sp-accent); }
#managerProducts .sp-card-actions { display:flex; gap:8px; padding:0 12px 12px; }
#managerProducts .sp-card-actions button { min-height:40px; flex:1; min-width:0; padding:8px 12px; border-radius:10px; border:1px solid var(--sp-line); background:var(--sp-soft) !important; color:var(--sp-ink) !important; font:inherit; font-size:13px; font-weight:600; cursor:pointer; }
#managerProducts .sp-card-actions .sp-delete { flex:0 0 40px; padding:10px; color:var(--sp-danger) !important; }
#managerProducts .sp-card-actions svg { width:18px; height:18px; }
#managerProducts button:focus-visible { outline:3px solid var(--sp-accent); outline-offset:-3px; }
#managerProducts button:hover { filter:brightness(.97); }
#managerProducts .sp-empty { grid-column:1/-1; padding:36px 20px; text-align:center; border:1px dashed var(--sp-line); border-radius:16px; background:var(--sp-bg); }
#managerProducts .sp-empty p { color:var(--sp-muted); }
#shopProductMore191 { display:block; margin:20px auto 0; }
html body #managerProducts #shopProductEditor191 {
  position:fixed; inset:0; margin:auto; width:min(900px,calc(100vw - 32px)); max-width:calc(100vw - 32px);
  height:auto; max-height:calc(100dvh - 32px); padding:0; border:1px solid var(--sp-line); border-radius:20px;
  overflow:hidden; background:var(--sp-bg) !important; color:var(--sp-ink) !important;
}
#shopProductEditor191:not([open]) { display:none !important; }
#shopProductEditor191::backdrop { background:rgb(6 20 13 / .65); }
#managerProducts .sp-editor-shell { display:flex; flex-direction:column; max-height:calc(100dvh - 34px); min-height:0; }
#managerProducts .sp-editor-head { display:flex; flex-shrink:0; justify-content:space-between; align-items:center; gap:16px; padding:18px 22px; border-bottom:1px solid var(--sp-line); background:var(--sp-bg); }
#managerProducts .sp-editor-head h2 { margin:0; font-size:22px; line-height:1.3; overflow-wrap:anywhere; }
#managerProducts .sp-editor-head .sp-hint { margin:0 0 3px; }
#managerProducts .sp-close { display:grid; place-items:center; flex-shrink:0; width:44px; height:44px; padding:10px; border:1px solid var(--sp-line); border-radius:12px; background:var(--sp-soft); color:var(--sp-ink); cursor:pointer; }
#managerProducts .sp-close svg { width:20px; height:20px; }
#managerProducts .sp-editor-scroll { overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; min-height:0; padding:20px 22px; }
#managerProducts .sp-editor-fields { display:grid; gap:24px; padding:0; border:0; border-radius:0; box-shadow:none; background:var(--sp-bg) !important; }
#managerProducts .sp-editor-section { min-width:0; }
#managerProducts .sp-editor-section + .sp-editor-section { border-top:1px solid var(--sp-line); padding-top:20px; }
#managerProducts .sp-editor-section h3 { margin:0 0 16px; font-size:16px; }
#managerProducts .form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; min-width:0; }
#managerProducts .form-grid > * { min-width:0; }
#managerProducts .sp-editor-fields label { display:grid; gap:6px; font-size:13px; color:var(--sp-ink); }
#managerProducts .sp-editor-fields :is(input,select,textarea) { width:100%; min-width:0; max-width:100%; min-height:44px; border:1px solid var(--sp-line); border-radius:10px; padding:10px; color:var(--sp-ink); background:var(--sp-bg); font:inherit; font-size:16px; }
#managerProducts .sp-editor-fields input[type=checkbox] { width:18px; height:18px; min-height:18px; }
#managerProducts .sp-editor-fields .check-row { display:flex; align-items:center; gap:8px; padding:8px; }
#managerProducts .sp-editor-fields fieldset { padding:12px; border:1px solid var(--sp-line); border-radius:12px; background:var(--sp-soft); }
#managerProducts .sp-wide, #managerProducts .product-publication-fieldset, #managerProducts .product-availability-fieldset { grid-column:1/-1; }
#managerProducts .sp-editor-fields :is(.product-publication-actions,.product-availability-actions) { display:flex; flex-wrap:wrap; gap:8px; }
#managerProducts .sp-editor-fields :is(.product-publication-button,.product-availability-button) { min-height:40px; border:1px solid var(--sp-line); color:var(--sp-ink) !important; background:var(--sp-bg) !important; box-shadow:none; }
#managerProducts .sp-editor-fields button.is-active { border-color:var(--sp-accent) !important; outline:1px solid var(--sp-accent); background:var(--sp-soft) !important; }
#managerProducts .product-media-manager { display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:12px; }
#managerProducts .product-media-manage-item { min-width:0; background:var(--sp-soft); color:var(--sp-ink); border-color:var(--sp-line); }
#managerProducts .product-media-meta :is(strong,span,small) { overflow-wrap:anywhere; }
#managerProducts .product-media-actions { display:flex; flex-wrap:wrap; gap:6px; }
#managerProducts :is(.product-media-action,.product-media-remove) { min-height:36px; color:var(--sp-ink); background:var(--sp-bg); border-color:var(--sp-line); }
#managerProducts .product-media-remove { color:var(--sp-danger); }
#managerProducts .sp-editor-footer { flex-shrink:0; padding:12px 22px max(16px,env(safe-area-inset-bottom)); border-top:1px solid var(--sp-line); background:var(--sp-bg); }
#managerProducts .sp-editor-footer .status-text { margin:0; font-size:13px; max-height:70px; overflow:auto; }
#managerProducts .sp-editor-footer .status-text:not(:empty) { margin-bottom:10px; }
#managerProducts .sp-editor-buttons { display:flex; gap:10px; flex-wrap:wrap; }
#managerProducts .sp-editor-buttons button { min-height:44px; padding:10px 16px; }
#managerProducts .sp-editor-buttons .danger-action { margin-left:auto; color:var(--sp-danger); background:var(--sp-bg); border:1px solid var(--sp-line); }
#managerProducts .sp-editor-buttons .primary-action, #managerProducts .sp-empty .primary-action { background:#206e4d !important; color:#fff !important; border:1px solid #206e4d; }
@media(max-width:680px) {
  #managerProducts .sp-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  #managerProducts .sp-toolbar { gap:10px; }
  #managerProducts .sp-filter { flex:1 1 160px; }
  #managerProducts .sp-card-info { padding:10px; gap:6px; }
  #managerProducts .sp-card-name { font-size:14px; }
  #managerProducts .sp-card-price { font-size:15px; }
  #managerProducts .sp-card-actions { padding:0 8px 10px; gap:5px; }
  #managerProducts .sp-card-actions button { padding:8px 5px; }
  html body #managerProducts #shopProductEditor191 { width:100%; max-width:100%; max-height:100dvh; height:100dvh; border:0; border-radius:0; }
  #managerProducts .sp-editor-shell { height:100%; max-height:100dvh; }
  #managerProducts .sp-editor-head { padding:12px 14px; }
  #managerProducts .sp-editor-head h2 { font-size:19px; }
  #managerProducts .sp-editor-scroll { padding:16px 14px; flex:1; }
  #managerProducts .form-grid { grid-template-columns:minmax(0,1fr); }
  #managerProducts .sp-editor-footer { padding-left:14px; padding-right:14px; }
  #managerProducts .sp-editor-buttons { gap:8px; }
  #managerProducts .sp-editor-buttons .primary-action { flex:1 1 55%; }
  #managerProducts .sp-editor-buttons .danger-action { margin:0; }
}