/* assets/css/add-product-form.css */
/* 商品追加フォーム（pm-form-components 共通デザインの上に乗せる商品固有スタイル） */

/* エラーメッセージ */
.product-error-message {
  color: #991b1b;
  background: #fee2e2;
  border: 1px solid #fca5a5;
  padding: 12px 15px;
  border-radius: 8px;
  margin-bottom: 1em;
}

/* メイン画像プレビュー（pm-upload-zone 内） */
.pm-form-page #image_preview_container {
  margin-top: 10px;
}

.pm-form-page #image_preview {
  max-width: 100%;
  max-height: 200px;
  object-fit: contain;
  border-radius: 8px;
}

/* ダウンロードファイルプレビュー */
.download-file-preview-item {
  padding: 10px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #f9fafb;
  margin-top: 0.5em;
}

/* サブ画像（ギャラリー）セクション - 幅いっぱい（メイン画像と同じ） */
.pm-form-page .product-gallery-section .gallery-inputs {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1em;
  margin-top: 0.5em;
}

.pm-form-page .product-gallery-section .gallery-slot.gallery-slot-hidden {
  display: none;
}

.pm-form-page .product-gallery-section .gallery-slot {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}

/* サブ画像：メイン画像と同じ pm-upload-zone スタイル */
.pm-form-page .product-gallery-section .gallery-slot-upload .pm-upload-zone {
  padding: 24px 16px;
}

.pm-form-page .product-gallery-section .gallery-slot-zone.has-preview .fa-upload,
.pm-form-page .product-gallery-section .gallery-slot-zone.has-preview p,
.pm-form-page .product-gallery-section .gallery-slot-zone.has-preview > small {
  display: none;
}

.pm-form-page .product-gallery-section .gallery-slot-zone .gallery-preview {
  margin-top: 0.5em;
}

.pm-form-page .product-gallery-section .gallery-slot-zone .gallery-slot-delete-btn {
  margin-top: 0.5em;
}

.pm-form-page .product-gallery-section .gallery-actions {
  display: flex;
  gap: 0.75em;
  margin-top: 0.75em;
  flex-wrap: wrap;
}

.pm-form-page .product-gallery-section .gallery-add-btn,
.pm-form-page .product-gallery-section .gallery-remove-slot-btn {
  padding: 0.5em 1em;
  font-size: 0.9em;
  border-radius: 6px;
  cursor: pointer;
  border: 1px solid #9ca3af;
  background: #e5e7eb;
  color: #374151;
}

.pm-form-page .product-gallery-section .gallery-add-btn:hover:not(:disabled),
.pm-form-page .product-gallery-section .gallery-remove-slot-btn:hover:not(:disabled) {
  background: #d1d5db;
  border-color: #6b7280;
  color: #111827;
}

.pm-form-page .product-gallery-section .gallery-add-btn:disabled,
.pm-form-page .product-gallery-section .gallery-remove-slot-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.pm-form-page .product-gallery-section .gallery-slot .pm-upload-file-input {
  display: none;
}

.pm-form-page .product-gallery-section .gallery-slot-delete-btn {
  align-self: flex-start;
  padding: 0.3em 0.6em;
  font-size: 0.85em;
  color: #6b7280;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
}

.pm-form-page .product-gallery-section .gallery-slot-delete-btn:hover {
  background: #fef2f2;
  color: #dc2626;
  border-color: #fecaca;
}

.pm-form-page .product-gallery-section .gallery-preview {
  min-height: 60px;
}

.pm-form-page .product-gallery-section .gallery-preview-img,
.pm-form-page .gallery-preview-img {
  max-width: 120px;
  max-height: 120px;
  object-fit: cover;
  border-radius: 6px;
  border: 1px solid #e5e7eb;
}

/* WordPressメディアモーダルのタブ文字色を固定（見えない問題の対策） */
.media-modal .media-frame .media-frame-router .media-menu-item,
.media-modal .media-frame .media-frame-router .media-menu-item:visited,
.media-modal .media-frame .media-frame-router button.media-menu-item,
.media-modal .media-frame .media-frame-router button.media-menu-item:visited,
.media-modal .media-frame .media-frame-router .media-menu .media-menu-item,
.media-modal .media-frame .media-frame-title h1,
.media-modal .media-frame .media-frame-content,
.media-modal .media-frame .media-toolbar,
.media-modal .media-frame .media-toolbar-primary,
.media-modal .media-frame .media-toolbar-secondary {
  color: #111827 !important;
}

.media-modal .media-frame .media-frame-router .media-menu-item:hover,
.media-modal .media-frame .media-frame-router .media-menu-item:focus,
.media-modal .media-frame .media-frame-router .media-menu-item.active,
.media-modal .media-frame .media-frame-router button.media-menu-item:hover,
.media-modal .media-frame .media-frame-router button.media-menu-item:focus,
.media-modal .media-frame .media-frame-router button.media-menu-item.active {
  color: #000000 !important;
}

/*
 * 2026-10 UI renewal — Creator > Shop > Add product.
 * Product creation/state logic remains owned by add-product-form.php.
 */

body.fanika-add-product .creator-product-create-page.pm-form-page {
  width: min(calc(100% - 32px), 900px);
  max-width: 900px !important;
}

body.fanika-add-product .creator-product-create-page .product-error-message {
  margin-bottom: 12px;
  border-color: #f2b8bd;
  border-radius: 12px;
  background: #fff4f5;
}

body.fanika-add-product .creator-product-create-page .product-gallery-section .gallery-inputs {
  gap: 10px;
}

body.fanika-add-product .creator-product-create-page .product-gallery-section .gallery-slot {
  overflow: hidden;
  border: 1px solid #e5ebf2;
  border-radius: 12px;
  background: #f8fbff;
}

body.fanika-add-product .creator-product-create-page .product-gallery-section .gallery-slot-upload .pm-upload-zone {
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

body.fanika-add-product .creator-product-create-page .product-gallery-section .gallery-add-btn,
body.fanika-add-product .creator-product-create-page .product-gallery-section .gallery-remove-slot-btn {
  min-height: 38px;
  padding: 8px 14px;
  border: 1px solid #d8e1ea;
  border-radius: 999px;
  background: #fff;
  color: #344054;
  font-weight: 700;
}

body.fanika-add-product .creator-product-create-page .product-gallery-section .gallery-add-btn:hover:not(:disabled),
body.fanika-add-product .creator-product-create-page .product-gallery-section .gallery-remove-slot-btn:hover:not(:disabled) {
  border-color: #f3c5dc;
  background: #fff8fb;
  color: var(--fanika-ui-accent, #ec4899);
}

body.fanika-add-product .creator-product-create-page .product-gallery-section .gallery-slot-delete-btn {
  border-radius: 999px;
}

body.fanika-add-product .creator-product-create-page .download-file-preview-item {
  border-color: #e5ebf2;
  border-radius: 10px;
  background: #f8fbff;
}

body.fanika-add-product .creator-product-create-page .pm-form-radio,
body.fanika-add-product .creator-product-create-page .pm-form-checkbox {
  min-height: 38px;
  box-sizing: border-box;
  padding: 8px 10px;
  border: 1px solid #e1e8ef;
  border-radius: 10px;
  background: #f8fbff;
}

body.fanika-add-product .creator-product-create-page .pm-form-radio:has(input:checked),
body.fanika-add-product .creator-product-create-page .pm-form-checkbox:has(input:checked) {
  border-color: rgba(236, 72, 153, 0.36);
  background: #fff5fa;
}

body.fanika-add-product .creator-product-create-page .pm-form-secondary-btn {
  border: 1px solid #d8e1ea;
  background: #fff;
  color: #344054;
}

body.fanika-add-product .creator-product-create-page .pm-form-secondary-btn:hover,
body.fanika-add-product .creator-product-create-page .pm-form-secondary-btn:focus-visible {
  border-color: #f3c5dc;
  background: #fff8fb;
  color: var(--fanika-ui-accent, #ec4899);
}

@media (max-width: 767px) {
  body.fanika-add-product .creator-product-create-page.pm-form-page {
    width: min(calc(100% - 16px), 900px);
    max-width: none !important;
  }

  body.fanika-add-product .creator-product-create-page .product-gallery-section .gallery-preview-img,
  body.fanika-add-product .creator-product-create-page .gallery-preview-img {
    max-width: 96px;
    max-height: 96px;
  }
}


/* UI renewal: product types and future variation surface */
.fanika-product-type-future{opacity:.68;cursor:not-allowed}
.fanika-product-type-future small{display:inline-flex;margin-left:6px;padding:2px 7px;border-radius:999px;background:#f3f4f6;color:#667085;font-size:.68rem;font-weight:700}
.fanika-product-variation-proposal{padding:16px;border:1px solid #e5e7eb;border-radius:14px;background:#fbfdff}
.fanika-product-variation-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.fanika-product-variation-heading p{margin:4px 0 0}
.fanika-feature-pending{display:inline-flex;align-items:center;white-space:nowrap;padding:4px 9px;border-radius:999px;background:#fff2f7;color:#b52c70;font-size:.7rem;font-weight:800}
.fanika-product-variation-example{display:grid;gap:8px;margin:12px 0;padding:12px;border:1px dashed #d6dde6;border-radius:12px;background:#fff;color:#667085}
.fanika-product-variation-example div{display:grid;gap:3px}
.fanika-product-variation-example strong{color:#344054;font-size:.8rem}
.fanika-product-variation-example span{font-size:.76rem}
.creator-product-create-page.is-embedded{width:100%;max-width:none;margin:22px 0 0;padding:0}
.creator-product-create-page.is-embedded .fanika-creator-child-heading{margin-top:0}
@media(max-width:640px){.fanika-product-variation-heading{flex-direction:column}.fanika-feature-pending{align-self:flex-start}}

/* QA-090: date pairs are compact on desktop and stack on narrow screens. */
.creator-product-create-page .fanika-qa090-date-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.creator-product-create-page .fanika-qa090-date-pair .pm-form-field{min-width:0}
.creator-product-create-page .fanika-qa090-date-pair input[type="datetime-local"]{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
@media(max-width:640px){.creator-product-create-page .fanika-qa090-date-pair{grid-template-columns:minmax(0,1fr)}}

/* QA-090: Creator's recent product list uses the post-list row skeleton. */
.fanika-qa090-recent-products{padding:22px 24px;margin:0 0 22px;background:#fff;border:1px solid #dbe6ee;border-radius:16px}
.fanika-qa090-recent-products h2{margin:0 0 6px;font-size:1.1rem}
.fanika-qa090-recent-products>p{margin:0 0 14px;color:#667085;font-size:.85rem}
.fanika-qa090-recent-row{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px solid #e3ebf1}
.fanika-qa090-recent-thumb{flex:none;width:80px;height:80px;border-radius:12px;background:#edf2f5;overflow:hidden;display:flex;justify-content:center;align-items:center;color:#617286;font-size:.75rem}
.fanika-qa090-recent-thumb img{width:100%;height:100%;object-fit:cover}
.fanika-qa090-recent-info{min-width:0;flex:1}
.fanika-qa090-recent-info>a{font-weight:700;text-decoration:underline}
.fanika-qa090-recent-meta{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:10px;color:#74869a;font-size:.78rem}
.fanika-qa090-recent-status{padding:3px 9px;border-radius:999px;background:#edf7f2;color:#23735c}
.fanika-qa090-recent-products .fanika-qa090-see-all{display:block;width:max-content;margin:16px 0 0 auto;font-weight:700}
@media(max-width:640px){.fanika-qa090-recent-products{padding:14px}.fanika-qa090-recent-thumb{width:64px;height:64px}}

/* QA-090: keep application fields hidden even when other styles set display. */
.creator-product-create-page .fanika-application-field-settings[hidden]{display:none!important}

/* QA-090: counterpart of Creator post create's independent list heading. */
.fanika-qa090-recent-products{width:min(calc(100% - 32px),980px);margin:18px auto 20px;box-sizing:border-box}
.fanika-qa090-recent-products .fanika-creator-post-list__heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.fanika-qa090-recent-products .fanika-creator-post-list__heading h2{margin:0;font-size:1.05rem}
.fanika-qa090-recent-products .fanika-creator-post-list__heading p{margin:4px 0 0;color:#64748b;font-size:.82rem}
.fanika-qa090-recent-products .fanika-creator-post-list__past-months{color:var(--fanika-ui-accent,#ec4899);font-size:.82rem;font-weight:800;white-space:nowrap;text-decoration:none}
@media(max-width:767px){.fanika-qa090-recent-products{width:min(calc(100% - 16px),980px)}.fanika-qa090-recent-products .fanika-creator-post-list__heading{align-items:flex-start}}

.fanika-qa090-recent-month{margin-top:14px}
.fanika-qa090-recent-month h3{margin:0 0 7px;font-size:.86rem;color:#475569}

/* QA-090: recent product rows match Creator post list actions and status placement. */
.fanika-qa090-recent-products .fanika-qa090-recent-rows{display:block}
.fanika-qa090-recent-products .fanika-qa090-recent-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 2px;border-bottom:1px solid #e8edf2}
.fanika-qa090-recent-products .fanika-qa090-recent-row:last-child{border-bottom:0}
.fanika-qa090-recent-products .fanika-qa090-recent-main{min-width:0;flex:1}
.fanika-qa090-recent-products .fanika-qa090-recent-title{color:#263d56;font-weight:700;text-decoration:none;font-size:.85rem}
.fanika-qa090-recent-products .fanika-qa090-recent-meta{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:4px;font-size:.72rem;color:#8092a4}
.fanika-qa090-recent-products .fanika-qa090-recent-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:9px;font-size:.73rem}
.fanika-qa090-recent-products .fanika-qa090-recent-actions a,.fanika-qa090-recent-products .fanika-qa090-recent-actions button{color:#dc3c82;font-size:inherit;font-weight:700}
.fanika-qa090-recent-products .fanika-qa090-recent-actions form{display:inline-flex;margin:0}
.fanika-qa090-recent-products .fanika-qa090-recent-status{flex:none;margin-top:20px;padding:5px 11px;border-radius:999px;background:#eaf7f1;color:#328268;font-size:.7rem;font-weight:700}
.fanika-qa090-recent-products .fanika-qa090-recent-status.is-draft{background:#eef1f6;color:#667791}
.fanika-qa090-recent-products .fanika-qa090-recent-status.is-pending{background:#fff3da;color:#956a15}
@media(max-width:640px){.fanika-qa090-recent-products .fanika-qa090-recent-row{gap:8px}.fanika-qa090-recent-products .fanika-qa090-recent-status{margin-top:8px}}

/* QA-090 shared Creator list/form sizing and Plan-style coupon composition. */
.fanika-qa090-recent-products,.creator-product-create-page:not(.is-embedded){width:min(calc(100% - 32px),980px);max-width:980px;margin-left:auto;margin-right:auto;box-sizing:border-box}
.fanika-qa090-recent-products .fanika-qa090-recent-thumb{width:80px;min-width:80px;height:80px;border-radius:12px}
.fanika-qa090-shop-coupon-preview{border:1px solid #dce5ee;border-radius:12px;padding:16px;margin:15px 0;min-width:0}
.fanika-qa090-shop-coupon-preview legend{font-weight:700;padding:0 6px}
.fanika-qa090-coupon-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.fanika-qa090-coupon-fields label{display:flex;flex-direction:column;gap:5px;font-size:.82rem;font-weight:700}
.fanika-qa090-coupon-fields input,.fanika-qa090-coupon-fields select{width:100%;min-width:0;box-sizing:border-box}
.fanika-qa090-coupon-period{grid-column:1}
.fanika-qa090-coupon-period>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:6px}
@media(max-width:640px){.fanika-qa090-recent-products,.creator-product-create-page:not(.is-embedded){width:min(calc(100% - 16px),980px)}.fanika-qa090-coupon-fields{grid-template-columns:1fr}}

/* QA095: the Creator product page uses the shared 1080px management width.
   The recent-products panel now lives inside #new-product and fills that box.
   Organizer and embedded editors retain their existing independent sizing. */
#new-product.creator-product-create-page.pm-form-page.fanika-ui-container:not(.is-embedded):not(.fanika-organizer-operation-page){
  width:min(calc(100% - 32px),1080px)!important;
  max-width:1080px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box;
}
@media(max-width:767px){
  #new-product.creator-product-create-page.pm-form-page.fanika-ui-container:not(.is-embedded):not(.fanika-organizer-operation-page){
    width:calc(100% - 16px)!important;
    max-width:1080px!important;
  }
}

/* QA-090: product creation uses the approved product editor's paired controls. */
.creator-product-create-page .fanika-qa090-create-stock-visibility{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start;
}
.creator-product-create-page .fanika-qa090-create-stock-visibility>.pm-form-field{min-width:0;width:100%;box-sizing:border-box}
.creator-product-create-page .fanika-qa090-create-stock-visibility input,
.creator-product-create-page .fanika-qa090-create-stock-visibility select{
  width:100%!important;max-width:100%;min-width:0;height:46px;box-sizing:border-box;
}
.creator-product-create-page .fanika-qa090-date-pair input[type="datetime-local"]{
  height:46px;padding:10px 14px!important;border-radius:6px!important;box-sizing:border-box;
}
.creator-product-create-page .fanika-qa090-create-coupon-panel{
  margin:16px 0 0;padding:16px;border:1px solid #dce5ee;border-radius:12px;background:#fff;
}
.creator-product-create-page .fanika-qa090-create-coupon-panel h3{margin:0 0 8px;font-size:1rem}
@media(max-width:640px){
 .creator-product-create-page .fanika-qa090-create-stock-visibility{grid-template-columns:minmax(0,1fr)}
}

/* QA-090: new product outer box now matches the approved 960px editor. */
.creator-product-create-page:not(.is-embedded):not(.fanika-organizer-operation-page){
  width:min(calc(100% - 32px),960px)!important;
  max-width:960px!important;
  margin-inline:auto!important;
  box-sizing:border-box;
}
@media(max-width:640px){
 .creator-product-create-page:not(.is-embedded):not(.fanika-organizer-operation-page){
   width:94%!important;max-width:94%!important;
 }
}


/* QA095 /add-products/: Shop-only composition; preserve the existing product
 * editor fields, validation, media controls and WooCommerce save flow. */
body.fanika-add-product .creator-product-create-page:not(.is-embedded):not(.fanika-organizer-operation-page).pm-form-page {
  box-sizing: border-box;
  width: min(calc(100% - 32px), 1080px) !important;
  max-width: 1080px !important;
  margin-inline: auto !important;
}
body.fanika-add-product .creator-product-create-page:not(.fanika-organizer-operation-page) > .fanika-creator-page-header.fanika-ui-genre--shop {
  background: linear-gradient(90deg,#fff3d6 0%,#fff9e9 54%,#fff 100%);
  border-color: #f1e0b3;
}
body.fanika-add-product .creator-product-create-page:not(.fanika-organizer-operation-page) > .fanika-creator-page-header .fanika-creator-page-header__icon {
  background: #fff;
  color: var(--fanika-ui-genre-shop-accent,#52a8dd);
  border: 1px solid #f1e0b3;
}
body.fanika-add-product .creator-product-create-page .fanika-qa090-recent-products {
  width: 100%;
  max-width: 100%;
  margin: 14px 0 18px;
}
body.fanika-add-product .creator-product-create-page .fanika-product-create-accordion {
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #dbe6ee;
  border-radius: 14px;
  background: #fff;
  overflow: hidden;
}
body.fanika-add-product .creator-product-create-page .fanika-product-create-accordion__summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 18px 22px;
  cursor: pointer;
  font-weight: 800;
  color: #263d56;
  list-style: none;
}
body.fanika-add-product .creator-product-create-page .fanika-product-create-accordion__summary::-webkit-details-marker { display: none; }
body.fanika-add-product .creator-product-create-page .fanika-product-create-accordion[open] > .fanika-product-create-accordion__summary {
  border-bottom: 1px solid #e5ebf2;
}
body.fanika-add-product .creator-product-create-page .fanika-product-create-accordion[open] > .fanika-product-create-accordion__summary i { transform: rotate(180deg); }
body.fanika-add-product .creator-product-create-page .fanika-product-create-accordion > .add-product-form-pm { padding: 14px 18px 20px; }
/* Keep the submit control inside the accordion and the return navigation outside it. */
body.fanika-add-product .creator-product-create-page .fanika-product-publish-actions,
body.fanika-add-product .creator-product-create-page .fanika-product-page-back-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px auto 0;
}
body.fanika-add-product .creator-product-create-page .fanika-product-page-back-actions {
  margin: 18px auto 28px;
}
body.fanika-add-product .creator-product-create-page .fanika-product-publish-actions > .pm-form-submit-btn,
body.fanika-add-product .creator-product-create-page .fanika-product-page-back-actions > .fanika-product-create-back {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: min(100%, 300px);
  min-height: 44px;
  margin: 0;
  padding: 10px 16px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}
body.fanika-add-product .creator-product-create-page .fanika-product-page-back-actions > .fanika-product-create-back {
  border: 1px solid #f3a6c7;
  background: #fff;
  color: #e83e8c;
}
body.fanika-add-product .creator-product-create-page .fanika-product-publish-actions > .pm-form-submit-btn {
  border: 1px solid #e83e8c;
  background: #e83e8c;
  color: #fff;
}
@media (max-width: 640px) {
  body.fanika-add-product .creator-product-create-page:not(.is-embedded):not(.fanika-organizer-operation-page).pm-form-page {
    width: min(calc(100% - 16px),1080px) !important;
    max-width: 1080px !important;
  }
  body.fanika-add-product .creator-product-create-page .fanika-product-create-accordion > .add-product-form-pm { padding: 12px; }
  body.fanika-add-product .creator-product-create-page .fanika-product-publish-actions > .pm-form-submit-btn { font-size: clamp(11px, 3.2vw, 14px); }
}

/* Product registration success only: prevent five navigation links shrinking into tall pills. */
body.fanika-add-product .pm-form-page .purimall-edit-message > .pm-form-actions {
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 10px;
}
body.fanika-add-product .pm-form-page .purimall-edit-message > .pm-form-actions > a {
  box-sizing: border-box;
  flex: 0 1 auto;
  min-width: min(100%, 175px);
  max-width: 100%;
  padding: 10px 16px;
  border-radius: 8px;
  text-align: center;
  overflow-wrap: anywhere;
}

/* Organizer product creation only: 1080px management contract. */
body.fanika-add-product .creator-product-create-page.fanika-organizer-operation-page.pm-form-page {
  box-sizing: border-box;
  width: min(calc(100vw - 32px), 1080px) !important;
  max-width: 1080px !important;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-bottom: 0;
}
body.fanika-add-product .creator-product-create-page.fanika-organizer-operation-page .fanika-creator-page-header {
  background: linear-gradient(90deg,#fff5f9 0%,#fff 100%);
}
body.fanika-add-product .creator-product-create-page.fanika-organizer-operation-page .fanika-organizer-product-publish-actions {
  justify-content: center;
}
body.fanika-add-product .fanika-organizer-product-create-back {
  margin: 12px auto 96px;
}
@media(max-width:767px) {
  body.fanika-add-product .creator-product-create-page.fanika-organizer-operation-page.pm-form-page {
    width: min(calc(100vw - 16px), 1080px) !important;
  }
}

/* Organizer add-products four-row navigation: match the 1080px form.
 * The inner menu must not subtract an extra 32px from its outer frame. */
body.fanika-add-product .fanika-organizer-external-nav-frame {
  box-sizing: border-box;
  width: min(calc(100vw - 32px), 1080px) !important;
  max-width: 1080px !important;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-left: 0 !important;
  margin-right: 0 !important;
}
body.fanika-add-product .fanika-organizer-external-nav-frame > .fanika-organizer-four-row-nav {
  width: 100% !important;
  max-width: 100% !important;
}
@media (max-width: 767px) {
  body.fanika-add-product .fanika-organizer-external-nav-frame {
    width: min(calc(100vw - 16px), 1080px) !important;
  }
}

/* Organizer add-products index only, independent of the existing create form. */
body.fanika-add-product .fanika-organizer-products-index {
  box-sizing: border-box;
  width: min(calc(100vw - 32px),1080px) !important;
  max-width: 1080px !important;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-left: 0 !important;
  margin-right: 0 !important;
}
body.fanika-add-product .fanika-organizer-products-index > .fanika-creator-page-header {
  grid-template-columns: 56px minmax(0,1fr) auto;
}
.fanika-organizer-products-new { align-self:center; white-space:nowrap; }
.fanika-organizer-products-filter {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr)) auto;
  align-items:end;
  gap:10px;
  padding:14px;
  margin-bottom:14px;
}
.fanika-organizer-products-filter label { display:grid; min-width:0; gap:6px; font-weight:700; }
.fanika-organizer-products-filter :is(select,input) {
  box-sizing:border-box; width:100%; min-width:0; min-height:42px;
  border:1px solid #d8e1ea; border-radius:9px; padding:8px 10px; background:#fff;
}
.fanika-organizer-products-filter button {
  min-height:42px; padding:8px 15px; border:0; border-radius:9px;
  background:#e83e8c; color:#fff; font-weight:700;
}
.fanika-organizer-products-list { display:grid; gap:12px; }
.fanika-organizer-products-card {
  display:flex; align-items:flex-start; gap:15px; padding:16px;
}
.fanika-organizer-products-card img { width:100px; height:100px; object-fit:cover; border-radius:8px; }
.fanika-organizer-products-card h2 { margin:5px 0 8px; font-size:1rem; }
.fanika-organizer-products-card a { margin-right:12px; color:#ba3274; }
.fanika-organizer-products-pagination {
  display:flex; justify-content:flex-end; flex-wrap:wrap; gap:8px; margin:15px 0 0;
}
.fanika-organizer-products-pagination :is(a,span) {
  display:inline-flex; min-width:34px; min-height:34px; justify-content:center;
  align-items:center; padding:5px 9px; border:1px solid #efd1df; border-radius:8px;
}
.fanika-organizer-products-index .fanika-shared-back-navigation { margin:12px auto 96px; }
@media(max-width:767px) {
  body.fanika-add-product .fanika-organizer-products-index {
    width:min(calc(100vw - 16px),1080px) !important;
  }
  body.fanika-add-product .fanika-organizer-products-index > .fanika-creator-page-header {
    grid-template-columns:44px minmax(0,1fr);
  }
  .fanika-organizer-products-new { grid-column:2; justify-self:start; }
  .fanika-organizer-products-filter { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:480px) {
  .fanika-organizer-products-filter { grid-template-columns:minmax(0,1fr); }
}

/* Organizer product index rows match the approved image-left/details-center/status-right layout. */
body.fanika-add-product .fanika-organizer-products-index .fanika-organizer-products-card {
  display: grid;
  grid-template-columns: 80px minmax(0,1fr) auto;
  align-items: start;
  gap: 16px;
  padding: 16px 20px;
  min-height: 112px;
}
body.fanika-add-product .fanika-organizer-products-card__image {
  width: 80px;
  height: 80px;
  border-radius: 12px;
  overflow: hidden;
  background: #edf2f5;
}
body.fanika-add-product .fanika-organizer-products-card__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
}
body.fanika-add-product .fanika-organizer-products-card__placeholder {
  display: grid;
  place-items: center;
  height: 100%;
  color: #667085;
  font-size: 12px;
}
body.fanika-add-product .fanika-organizer-products-card__details { min-width: 0; }
body.fanika-add-product .fanika-organizer-products-card__details h2 {
  margin: 0 0 8px;
  font-size: 1rem;
}
body.fanika-add-product .fanika-organizer-products-card__meta {
  margin: 0 0 6px;
  color: #65748a;
  font-size: .82rem;
}
body.fanika-add-product .fanika-organizer-products-card__details small {
  display: block;
  color: #65748a;
}
body.fanika-add-product .fanika-organizer-products-card__actions { margin-top: 9px; }
body.fanika-add-product .fanika-organizer-products-card__status {
  justify-self: end;
  align-self: start;
  border-radius: 999px;
  padding: 6px 12px;
  background: #e9f7f0;
  color: #1c8d70;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}
@media(max-width:480px) {
  body.fanika-add-product .fanika-organizer-products-index .fanika-organizer-products-card {
    grid-template-columns: 64px minmax(0,1fr);
    gap: 12px;
  }
  body.fanika-add-product .fanika-organizer-products-card__image {
    width: 64px;
    height: 64px;
  }
  body.fanika-add-product .fanika-organizer-products-card__status {
    grid-column: 2;
    justify-self: start;
  }
}