.product-publishing-dialog { width: min(1480px, 96vw); height: min(900px, 94vh); padding: 0; border: 0; border-radius: 8px; color: #24312d; background: #fff; box-shadow: 0 28px 80px rgba(25, 38, 34, .24); }
.product-publishing-dialog[open] { display: flex; flex-direction: column; }
.product-publishing-dialog::backdrop { background: rgba(24, 34, 31, .58); }
.product-publishing-dialog > header { min-height: 70px; padding: 14px 20px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e5e9e7; background: #f7f8f7; }
.product-publishing-dialog > header div { display: grid; gap: 3px; }
.product-publishing-dialog > header strong { font-size: 18px; }
.product-publishing-dialog > header span { color: #68746f; font-size: 13px; }
.product-publishing-dialog > header button { width: 38px; height: 38px; border: 0; background: transparent; color: #52605b; font-size: 28px; cursor: pointer; }
.product-publishing-toolbar { min-height: 58px; padding: 10px 16px; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid #e5e9e7; box-sizing: border-box; }
.product-publishing-toolbar > input { width: min(280px, 30vw); min-height: 38px; margin-left: auto; padding: 0 12px; border: 1px solid #ccd4d1; border-radius: 6px; }
.product-publishing-filters { display: flex; gap: 2px; padding: 3px; overflow-x: auto; background: #eef1ef; border-radius: 6px; }
.product-publishing-filters button { min-height: 32px; padding: 0 12px; flex: 0 0 auto; border: 0; border-radius: 4px; background: transparent; color: #58645f; white-space: nowrap; cursor: pointer; }
.product-publishing-filters button.active { background: #fff; color: #1e5a47; box-shadow: 0 1px 4px rgba(31, 57, 49, .12); }
.product-publishing-batchbar { min-height: 48px; padding: 7px 16px; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid #e5e9e7; background: #f7f9f8; color: #68746f; font-size: 12px; box-sizing: border-box; }
.product-publishing-batchbar strong { color: #25312d; font-size: 13px; }
.product-publishing-batchbar .adm-btn:first-of-type { margin-left: auto; }
.product-publishing-batchbar button:disabled { opacity: .45; cursor: not-allowed; }
.product-publishing-body { min-height: 0; flex: 1; display: grid; grid-template-columns: minmax(260px, 320px) minmax(480px, 1fr) minmax(230px, 300px); overflow: hidden; }
.product-publishing-body > nav { overflow: auto; border-right: 1px solid #e5e9e7; background: #fafbfa; }
.product-publishing-body > main { overflow: auto; padding: 20px; }
.product-publishing-body > aside { overflow: auto; padding: 20px 16px; border-left: 1px solid #e5e9e7; background: #f5f7f6; }
.product-publishing-body > aside > strong { display: block; margin-bottom: 12px; font-size: 14px; }
.product-publish-list-item { min-height: 78px; display: grid; grid-template-columns: 34px minmax(0, 1fr) 34px; align-items: stretch; border-bottom: 1px solid #e8ecea; }
.product-publish-list-item:hover, .product-publish-list-item.is-selected { background: #edf5f1; }
.product-batch-check { display: grid; place-items: center; cursor: pointer; }
.product-batch-check input { width: 16px; height: 16px; accent-color: #1e6b50; cursor: pointer; }
.product-batch-check input:disabled { cursor: not-allowed; }
.product-publish-row { width: 100%; min-width: 0; min-height: 78px; padding: 10px 12px 10px 0; display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; align-items: center; gap: 10px; border: 0; background: transparent; color: inherit; text-align: left; cursor: pointer; }
.product-publish-thumb { width: 48px; height: 56px; display: grid; place-items: center; overflow: hidden; border: 1px solid #dde3e0; border-radius: 5px; background: #fff; color: #8a948f; font-size: 11px; }
.product-publish-thumb img { width: 100%; height: 100%; object-fit: contain; }
.product-publish-row-copy { min-width: 0; display: grid; gap: 4px; }
.product-publish-row-copy strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.product-publish-row-copy small { color: #78827e; font-size: 11px; }
.product-publish-row-copy small b { color: inherit; }
.product-publish-row-copy small b.is-warning { color: #a43d32; }
.product-order-controls { display: grid; align-content: center; gap: 3px; padding-right: 6px; }
.product-order-controls button { width: 28px; height: 28px; padding: 0; border: 1px solid #d6ddda; border-radius: 4px; background: #fff; color: #3f514a; font-size: 16px; line-height: 1; cursor: pointer; }
.product-order-controls button:hover:not(:disabled) { border-color: #76988b; background: #edf5f1; color: #155b43; }
.product-order-controls button:disabled { opacity: .3; cursor: not-allowed; }
.product-publish-status { display: inline-flex; width: fit-content; padding: 3px 7px; border-radius: 999px; background: #ecefed; color: #66716c; font-size: 11px; white-space: nowrap; }
.product-publish-status.live { background: #dff2e9; color: #166044; }
.product-publish-status.soldout { background: #f8dfdc; color: #963a32; }
.product-publish-status.scheduled { background: #fff0ce; color: #865b00; }
.product-publish-empty { padding: 40px 16px; color: #7d8883; text-align: center; }
.product-publish-form { display: grid; gap: 14px; }
.product-publish-form label { display: grid; gap: 6px; color: #4d5a55; font-size: 13px; }
.product-publish-form input:not([type="checkbox"]), .product-publish-form select, .product-publish-form textarea { width: 100%; min-height: 38px; padding: 8px 10px; border: 1px solid #cfd7d3; border-radius: 5px; background: #fff; color: #25312d; font: inherit; box-sizing: border-box; }
.product-publish-form textarea { resize: vertical; }
.product-publish-section-heading { margin-top: 6px; padding-bottom: 8px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e5e9e7; }
.product-publish-section-heading strong { font-size: 15px; }
.product-publish-grid { display: grid; gap: 12px; }
.product-publish-grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.product-publish-grid.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.product-publish-media-field { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 10px; }
.product-publish-inline-action { justify-self: start; margin-top: -8px; }
.product-publish-checks { display: flex; flex-wrap: wrap; gap: 8px 18px; }
.product-publish-checks label { display: flex; align-items: center; gap: 7px; min-height: 32px; }
.product-publish-actions { position: sticky; bottom: -20px; z-index: 2; margin: 6px -20px -20px; padding: 12px 20px; display: flex; gap: 10px; justify-content: flex-end; border-top: 1px solid #e1e6e3; background: rgba(255, 255, 255, .96); }
.product-publish-live-button { background: #c84f3f !important; border-color: #c84f3f !important; }
.product-phone-preview { width: min(240px, 100%); min-height: 430px; margin: 0 auto; overflow: hidden; border: 7px solid #27332f; border-radius: 28px; background: #fff; box-shadow: 0 12px 30px rgba(32, 49, 43, .18); }
.product-phone-status { height: 42px; display: grid; place-items: center; background: #f8f8f6; font-size: 12px; font-weight: 600; }
.product-phone-image { aspect-ratio: 1 / 1; display: grid; place-items: center; background: #f1f3f1; color: #8a948f; font-size: 12px; text-align: center; }
.product-phone-image img { width: 100%; height: 100%; object-fit: contain; }
.product-phone-copy { padding: 14px; display: grid; gap: 8px; }
.product-phone-copy small { color: #9a6a42; }
.product-phone-copy strong { font-size: 16px; }
.product-phone-copy p { min-height: 38px; margin: 0; color: #68736e; font-size: 12px; line-height: 1.6; }
.product-phone-copy div { display: flex; align-items: baseline; justify-content: space-between; }
.product-phone-copy b { color: #c84f3f; font-size: 20px; }
.product-phone-copy span { color: #7b8581; font-size: 11px; }
.product-audit { margin-top: 18px; border-top: 1px solid #dce2df; }
.product-audit div { padding: 10px 0; display: flex; justify-content: space-between; gap: 10px; border-bottom: 1px solid #e2e7e4; font-size: 12px; }
.product-audit span { color: #7c8782; }
.product-publish-toast { position: fixed; left: 50%; bottom: 28px; z-index: 100000; max-width: min(420px, 90vw); padding: 11px 16px; border-radius: 6px; background: #20342d; color: #fff; opacity: 0; transform: translate(-50%, 16px); pointer-events: none; transition: .18s ease; }
.product-publish-toast[data-tone="error"] { background: #9e342b; }
.product-publish-toast.is-visible { opacity: 1; transform: translate(-50%, 0); }
.inventory-movement-dialog { width: min(1060px, 94vw); max-height: min(720px, 90vh); padding: 0; border: 0; border-radius: 8px; color: #24312d; background: #fff; box-shadow: 0 28px 80px rgba(25, 38, 34, .24); }
.inventory-movement-dialog::backdrop { background: rgba(24, 34, 31, .58); }
.inventory-movement-dialog > header { min-height: 70px; padding: 14px 20px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e0e5e2; background: #f7f8f7; box-sizing: border-box; }
.inventory-movement-dialog > header div { display: grid; gap: 4px; }
.inventory-movement-dialog > header strong { font-size: 17px; }
.inventory-movement-dialog > header span { color: #68746f; font-size: 12px; }
.inventory-movement-dialog > header button { width: 38px; height: 38px; border: 0; background: transparent; color: #52605b; font-size: 28px; cursor: pointer; }
.inventory-movement-dialog > main { max-height: calc(90vh - 70px); padding: 18px; overflow: auto; }
.inventory-movement-table { overflow: auto; border: 1px solid #dfe5e2; border-radius: 6px; }
.inventory-movement-table table { width: 100%; border-collapse: collapse; font-size: 12px; }
.inventory-movement-table th, .inventory-movement-table td { padding: 11px 12px; border-bottom: 1px solid #e8ecea; text-align: left; white-space: nowrap; }
.inventory-movement-table th { position: sticky; top: 0; background: #f4f6f5; color: #5e6a65; }
.inventory-movement-table td:nth-child(5) { min-width: 180px; white-space: normal; }
.inventory-movement-table .is-positive { color: #176044; }
.inventory-movement-table .is-negative { color: #a43d32; }
.batch-inventory-dialog { width: min(620px, 94vw); max-height: min(760px, 92vh); padding: 0; border: 0; border-radius: 8px; color: #24312d; background: #fff; box-shadow: 0 28px 80px rgba(25, 38, 34, .24); }
.batch-inventory-dialog::backdrop { background: rgba(24, 34, 31, .58); }
.batch-inventory-dialog > header { min-height: 70px; padding: 14px 20px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e0e5e2; background: #f7f8f7; box-sizing: border-box; }
.batch-inventory-dialog > header div { display: grid; gap: 4px; }
.batch-inventory-dialog > header strong { font-size: 17px; }
.batch-inventory-dialog > header span { color: #68746f; font-size: 12px; }
.batch-inventory-dialog > header button { width: 38px; height: 38px; border: 0; background: transparent; color: #52605b; font-size: 28px; cursor: pointer; }
.batch-inventory-dialog form { max-height: calc(92vh - 70px); padding: 20px; display: grid; gap: 16px; overflow: auto; box-sizing: border-box; }
.batch-inventory-dialog form > label { display: grid; gap: 6px; color: #4d5a55; font-size: 13px; }
.batch-inventory-dialog input, .batch-inventory-dialog textarea { width: 100%; min-height: 40px; padding: 9px 10px; border: 1px solid #cfd7d3; border-radius: 5px; color: #25312d; font: inherit; box-sizing: border-box; }
.batch-inventory-dialog textarea { resize: vertical; }
.batch-inventory-dialog form > p { margin: 0; color: #6e7a75; font-size: 12px; line-height: 1.6; }
.batch-inventory-dialog footer { padding-top: 14px; display: flex; justify-content: flex-end; gap: 10px; border-top: 1px solid #e6eae8; }
.batch-inventory-products { max-height: 240px; overflow: auto; border: 1px solid #e0e5e2; border-radius: 6px; }
.batch-inventory-products > div { min-height: 54px; padding: 9px 12px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border-bottom: 1px solid #edf0ee; }
.batch-inventory-products > div:last-child { border-bottom: 0; }
.batch-inventory-products span { font-size: 13px; font-weight: 600; }
.batch-inventory-products small { color: #77827d; text-align: right; }
.batch-inventory-warning { padding: 12px 14px; display: grid; gap: 4px; border-left: 4px solid #b6463b; background: #fff1ef; color: #7e312b; }
.batch-inventory-warning span { font-size: 12px; }
.product-publish-danger-button { border-color: #b6463b !important; background: #b6463b !important; color: #fff !important; }
@media (max-width: 1050px) { .product-publishing-body { grid-template-columns: 230px 1fr; } .product-publishing-body > aside { display: none; } }
@media (max-width: 720px) { .product-publishing-dialog { width: 100vw; height: 100vh; max-width: none; max-height: none; border-radius: 0; } .product-publishing-dialog > header { min-height: 64px; flex: 0 0 auto; } .product-publishing-toolbar { min-height: 154px; flex: 0 0 auto; flex-wrap: wrap; align-content: center; } .product-publishing-toolbar > input { width: 100%; margin-left: 0; order: 3; } .product-publishing-filters { width: 100%; max-width: 100%; order: 1; } .product-publishing-toolbar > [data-open-category-manager], .product-publishing-toolbar > [data-new-product] { order: 2; } .product-publishing-batchbar { min-height: 60px; flex: 0 0 auto; flex-wrap: wrap; align-content: center; } .product-publishing-batchbar .adm-btn:first-of-type { margin-left: 0; } .product-publishing-body { display: block; overflow: auto; } .product-publishing-body > nav { max-height: 210px; border-right: 0; border-bottom: 1px solid #e5e9e7; } .product-publishing-body > main { overflow: visible; padding: 16px; } .product-publish-grid.two, .product-publish-grid.three { grid-template-columns: 1fr; } .product-publish-actions { bottom: 0; margin-left: -16px; margin-right: -16px; flex-wrap: wrap; } .inventory-movement-dialog, .batch-inventory-dialog { width: 100vw; max-width: none; max-height: 100vh; height: 100vh; border-radius: 0; } .inventory-movement-dialog > main { max-height: calc(100vh - 70px); padding: 12px; } .batch-inventory-dialog form { max-height: calc(100vh - 70px); padding: 14px; } .batch-inventory-products > div { align-items: flex-start; flex-direction: column; gap: 3px; } .batch-inventory-products small { text-align: left; } }

.storefront-content-dialog { width: min(980px, 95vw); height: min(900px, 94vh); padding: 0; border: 0; border-radius: 8px; color: #24312d; background: #f5f7f6; box-shadow: 0 28px 80px rgba(25, 38, 34, .24); }
.storefront-content-dialog::backdrop { background: rgba(24, 34, 31, .58); }
.storefront-content-dialog > header { min-height: 70px; padding: 14px 20px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e0e5e2; background: #fff; }
.storefront-content-dialog > header div { display: grid; gap: 3px; }
.storefront-content-dialog > header strong { font-size: 18px; }
.storefront-content-dialog > header span { color: #68746f; font-size: 13px; }
.storefront-content-dialog > header button { width: 38px; height: 38px; border: 0; background: transparent; color: #52605b; font-size: 28px; cursor: pointer; }
.storefront-content-dialog > main { height: calc(100% - 70px); overflow: auto; }
.storefront-content-form { max-width: 900px; margin: 0 auto; padding: 20px; display: grid; gap: 14px; }
.storefront-content-form section { padding: 18px; display: grid; gap: 13px; border: 1px solid #dfe5e2; border-radius: 7px; background: #fff; }
.storefront-content-form section > header { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding-bottom: 10px; border-bottom: 1px solid #e6eae8; }
.storefront-content-form section > header strong { font-size: 15px; }
.storefront-content-form section > header span { color: #78837e; font-size: 12px; }
.storefront-content-form label { display: grid; gap: 6px; color: #4d5a55; font-size: 13px; }
.storefront-field-control { display: grid; grid-template-columns: 1fr auto; align-items: start; gap: 8px; }
.storefront-field-control input, .storefront-field-control textarea { width: 100%; min-height: 38px; padding: 8px 10px; border: 1px solid #cfd7d3; border-radius: 5px; color: #25312d; font: inherit; box-sizing: border-box; }
.storefront-image-preview { width: 180px; aspect-ratio: 16 / 9; object-fit: cover; border: 1px solid #dfe4e1; border-radius: 5px; background: #eef1ef; }
.storefront-featured-heading { margin-top: 8px; padding-top: 14px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid #e6eae8; }
.storefront-featured-heading strong { font-size: 14px; }
.storefront-featured-heading > span { display: grid; gap: 3px; }
.storefront-featured-heading small { color: #78837e; font-size: 12px; font-weight: 400; }
.storefront-featured-list { display: grid; gap: 12px; }
.storefront-featured-row { padding: 14px; display: grid; gap: 12px; border: 1px solid #dce3df; border-radius: 6px; background: #f8faf9; }
.storefront-featured-row-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.storefront-featured-row-heading > strong { font-size: 13px; }
.storefront-featured-row-actions { display: flex; gap: 6px; }
.storefront-featured-row-actions .adm-btn { min-width: 34px; height: 32px; padding: 0 9px; font-size: 18px; }
.storefront-featured-row-actions .adm-btn:disabled { cursor: default; opacity: .38; }
.storefront-featured-row select { width: 100%; min-height: 38px; padding: 8px 10px; border: 1px solid #cfd7d3; border-radius: 5px; background: #fff; color: #25312d; font: inherit; box-sizing: border-box; }
.storefront-featured-empty { padding: 22px 14px; border: 1px dashed #cfd8d4; border-radius: 6px; color: #78837e; font-size: 12px; text-align: center; }
.storefront-version { padding: 10px 14px; display: flex; justify-content: space-between; gap: 12px; border: 1px solid #d9e4df; border-radius: 6px; background: #edf5f1; color: #35604f; font-size: 12px; }
.storefront-history { border: 1px solid #dfe5e2; border-radius: 7px; background: #fff; }
.storefront-history > summary { padding: 13px 15px; color: #35594d; font-size: 13px; font-weight: 600; cursor: pointer; }
.storefront-history > div { padding: 0 15px 12px; }
.storefront-history > div > div { min-height: 44px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid #edf0ee; color: #6f7b76; font-size: 12px; }
.storefront-history p { margin: 0; padding: 12px 0; color: #7c8782; font-size: 12px; }
.storefront-content-actions { position: sticky; bottom: -20px; z-index: 2; margin: 0 -20px -20px; padding: 13px 20px; display: flex; justify-content: flex-end; gap: 10px; border-top: 1px solid #dfe4e1; background: rgba(255,255,255,.96); }
@media (max-width: 720px) { .storefront-content-dialog { width: 100vw; height: 100vh; max-width: none; max-height: none; border-radius: 0; } .storefront-content-form { padding: 12px; } .storefront-content-form section { padding: 14px; } .storefront-content-form section > header, .storefront-version { align-items: flex-start; flex-direction: column; } .storefront-field-control { grid-template-columns: 1fr; } .storefront-image-preview { width: 100%; } .storefront-featured-heading { align-items: flex-start; flex-direction: column; } .storefront-featured-row { padding: 12px; } .storefront-content-actions { bottom: -12px; margin: 0 -12px -12px; } }

.category-manager-dialog { width: min(1100px, 96vw); height: min(820px, 92vh); margin: auto; padding: 0; border: 0; border-radius: 8px; color: #24312d; background: #f5f7f6; box-shadow: 0 28px 80px rgba(25,38,34,.24); }
.category-manager-dialog::backdrop { background: rgba(24,34,31,.58); }
.category-manager-dialog > header { min-height: 70px; padding: 14px 20px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e0e5e2; background: #fff; }
.category-manager-dialog > header div { display: grid; gap: 3px; }
.category-manager-dialog > header strong { font-size: 18px; }
.category-manager-dialog > header span { color: #68746f; font-size: 13px; }
.category-manager-dialog > header button { width: 38px; height: 38px; border: 0; background: transparent; color: #52605b; font-size: 28px; cursor: pointer; }
.category-manager-dialog > main { height: calc(100% - 70px); padding: 18px; overflow: auto; box-sizing: border-box; }
.category-manager-dialog section { margin-bottom: 16px; padding: 16px; border: 1px solid #dfe5e2; border-radius: 7px; background: #fff; }
.category-manager-dialog section > strong { display: block; margin-bottom: 12px; font-size: 15px; }
.category-manager-row { padding: 12px 0; display: grid; grid-template-columns: 1.1fr 1.3fr .6fr .55fr 2fr auto auto auto; align-items: end; gap: 10px; border-top: 1px solid #edf0ee; }
.category-manager-row:first-of-type { border-top: 0; }
.category-manager-row label { min-width: 0; display: grid; gap: 5px; color: #4d5a55; font-size: 12px; }
.category-manager-row input:not([type="checkbox"]) { width: 100%; min-height: 36px; padding: 7px 9px; border: 1px solid #cfd7d3; border-radius: 5px; box-sizing: border-box; }
.category-cover-field span { display: grid; grid-template-columns: 1fr auto; gap: 6px; }
.category-manager-enabled { display: flex !important; align-items: center; gap: 6px !important; min-height: 36px; white-space: nowrap; }
.category-manager-meta { min-height: 36px; display: flex; align-items: center; color: #77827d; font-size: 11px; white-space: nowrap; }
@media (max-width: 900px) { .category-manager-row { grid-template-columns: repeat(2,minmax(0,1fr)); } .category-cover-field { grid-column: 1 / -1; } .category-manager-meta { justify-content: flex-start; } }
@media (max-width: 720px) { .category-manager-dialog { width: 100vw; height: 100vh; max-width: none; max-height: none; border-radius: 0; } .category-manager-dialog > main { padding: 12px; } .category-manager-row { grid-template-columns: 1fr; } .category-cover-field { grid-column: auto; } }