/* 01057 · Marketplace Category Editor. Builds on 01053 Product Editor + 01056 UI appearance. */

.mp-category-editor{margin:0 0 14px;border:1px solid var(--st-ui-border,#cfe6d8);border-radius:var(--st-ui-radius,18px);background:linear-gradient(180deg,var(--st-ui-surface,#fbfefc),var(--st-ui-surface-2,#f4faf6));box-shadow:0 16px 34px rgba(25,83,49,.08);overflow:hidden;color:var(--st-ui-text,#15231b)}
.mp-category-editor__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 17px;border-bottom:1px solid var(--st-ui-border,#deeee4);background:radial-gradient(circle at 90% 0%,color-mix(in srgb,var(--st-ui-accent,#10b981) 11%,transparent),transparent 34%),var(--st-ui-surface,#fff)}
.mp-category-editor__eyebrow{font-size:9px;font-weight:1000;letter-spacing:.16em;color:var(--st-ui-accent,#159454);text-transform:uppercase}
.mp-category-editor__head h2{margin:4px 0 3px;font-size:19px;line-height:1.1;color:var(--st-ui-text,#13261a);letter-spacing:-.02em}
.mp-category-editor__head p{margin:0;max-width:760px;color:var(--st-ui-muted,#718279);font-size:10px;line-height:1.5}
.mp-category-editor__head-actions{display:flex;align-items:center;gap:8px}
.mp-category-editor__state{display:inline-flex;align-items:center;min-height:31px;padding:6px 10px;border:1px solid var(--st-ui-border,#dce8e1);border-radius:999px;background:var(--st-ui-surface-2,#f7faf8);color:var(--st-ui-muted,#638073);font-size:9px;font-weight:900;white-space:nowrap}
.mp-category-editor__state.is-dirty{border-color:#f0d3a3;background:#fff8e8;color:#a66a08}
.mp-category-editor__layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:12px;padding:12px}
.mp-category-editor__main,.mp-category-editor__side{display:grid;align-content:start;gap:12px;min-width:0}
.mp-form-grid--category{grid-template-columns:repeat(2,minmax(0,1fr))}
.mp-form-grid--category-media{grid-template-columns:repeat(2,minmax(0,1fr))}
.mp-category-description{min-height:160px!important}

.mp-category-toolbar{margin:0 0 12px}
.mp-category-tree-card{margin-top:0}
.mp-category-tree--live{display:grid;gap:7px}
.mp-category-live-row{--depth:var(--mp-category-depth,0);display:grid;grid-template-columns:calc(18px + var(--depth)*18px) 44px minmax(180px,1fr) 96px auto;align-items:center;gap:9px;padding:8px 9px;border:1px solid var(--st-ui-border,#e1ebe5);border-radius:var(--st-ui-radius,12px);background:var(--st-ui-surface,#fff);cursor:pointer;transition:border-color .14s,box-shadow .14s,transform .14s}
.mp-category-live-row:hover{border-color:color-mix(in srgb,var(--st-ui-accent,#159454) 35%,var(--st-ui-border,#e1ebe5));box-shadow:0 7px 18px rgba(25,83,49,.06)}
.mp-category-live-row.is-selected{border-color:color-mix(in srgb,var(--st-ui-accent,#159454) 58%,var(--st-ui-border,#e1ebe5));box-shadow:0 0 0 2px color-mix(in srgb,var(--st-ui-accent,#159454) 12%,transparent)}
.mp-category-live-row.is-orphan{border-style:dashed}
.mp-category-live-row__branch{position:relative;height:42px;min-width:18px}
.mp-category-branch-line{position:absolute;left:calc(var(--depth)*18px + 7px);top:-17px;bottom:21px;width:1px;background:var(--st-ui-border,#d9e6de)}
.mp-category-depth-dot{position:absolute;left:calc(var(--depth)*18px + 3px);top:17px;width:9px;height:9px;border:2px solid var(--st-ui-surface,#fff);border-radius:50%;background:var(--st-ui-accent,#159454);box-shadow:0 0 0 1px var(--st-ui-border,#d9e6de)}
.mp-category-live-row__visual{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--st-ui-border,#e2ece6);border-radius:var(--st-ui-radius,10px);background:var(--st-ui-surface-2,#f3f8f5);overflow:hidden;color:var(--st-ui-accent,#159454);font-size:18px;font-weight:900}
.mp-category-live-row__visual img{width:100%;height:100%;object-fit:cover}
.mp-category-live-row__main{min-width:0}
.mp-category-live-row__title{display:flex;align-items:center;gap:6px;min-width:0;color:var(--st-ui-text,#20382a);font-size:11px;font-weight:950}
.mp-category-live-row__path,.mp-category-live-row__meta{margin-top:2px;overflow:hidden;color:var(--st-ui-muted,#82948a);font-size:8px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.mp-category-live-row__meta{color:color-mix(in srgb,var(--st-ui-muted,#82948a) 88%,var(--st-ui-text,#20382a))}
.mp-category-live-row__stats{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:1px 5px;padding:5px 7px;border:1px solid var(--st-ui-border,#e8efeb);border-radius:9px;background:var(--st-ui-surface-2,#f8fbf9)}
.mp-category-live-row__stats b{font-size:10px;color:var(--st-ui-text,#294335)}
.mp-category-live-row__stats span{font-size:7px;color:var(--st-ui-muted,#87978e)}

.mp-category-image-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
.mp-category-image-tile{position:relative;min-height:150px;border:1px solid var(--st-ui-border,#dfe9e3);border-radius:var(--st-ui-radius,12px);background:var(--st-ui-surface-2,#f6faf7);overflow:hidden}
.mp-category-image-tile img{display:block;width:100%;height:150px;object-fit:cover;background:var(--st-ui-surface-2,#edf3ef)}
.mp-category-image-tile span{position:absolute;left:6px;bottom:6px;padding:4px 7px;border-radius:7px;background:rgba(16,33,24,.78);color:#fff;font-size:8px;font-weight:900;backdrop-filter:blur(5px)}

.mp-category-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.mp-category-metrics>div{display:grid;gap:3px;padding:9px;border:1px solid var(--st-ui-border,#e3ece6);border-radius:10px;background:var(--st-ui-surface-2,#f7faf8)}
.mp-category-metrics span{font-size:8px;color:var(--st-ui-muted,#82948a)}
.mp-category-metrics b{font-size:11px;color:var(--st-ui-text,#1d3526)}
.mp-binding-preview{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 9px;align-items:center}
.mp-binding-preview code,.mp-category-hierarchy code{overflow:hidden;padding:4px 6px;border:1px solid var(--st-ui-border,#e2ebe6);border-radius:7px;background:var(--st-ui-surface-2,#f5f9f6);color:var(--st-ui-accent,#177a4a);font-size:8px;text-overflow:ellipsis;white-space:nowrap}
.mp-binding-preview b{max-width:150px;overflow:hidden;color:var(--st-ui-text,#263c30);font-size:9px;text-align:right;text-overflow:ellipsis;white-space:nowrap}
.mp-category-hierarchy{display:grid;gap:5px}
.mp-category-hierarchy span{font-size:8px;color:var(--st-ui-muted,#82948a)}
.mp-category-hierarchy b{font-size:9px;line-height:1.45;color:var(--st-ui-text,#263c30)}

.mp-category-savebar{position:sticky;top:10px;padding:13px;border:1px solid var(--st-ui-border,#cfe3d6);border-radius:var(--st-ui-radius,15px);background:linear-gradient(145deg,color-mix(in srgb,var(--st-ui-accent,#159454) 8%,var(--st-ui-surface,#fff)),var(--st-ui-surface,#fff));box-shadow:0 10px 24px rgba(31,84,51,.07)}
.mp-category-savebar>div:first-child{display:grid;gap:3px}.mp-category-savebar b{font-size:11px;color:var(--st-ui-text,#173020)}.mp-category-savebar span{font-size:8px;line-height:1.45;color:var(--st-ui-muted,#74877c);word-break:break-all}.mp-category-savebar__actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.mp-category-savebar__actions .mp-btn{flex:1}
.mp-category-toast{z-index:2147482500!important}

@media(max-width:1180px){.mp-category-editor__layout{grid-template-columns:1fr}.mp-category-editor__side{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.mp-category-savebar{position:static;grid-column:1/-1}.mp-category-live-row{grid-template-columns:calc(18px + var(--depth)*14px) 40px minmax(150px,1fr) auto}.mp-category-live-row__stats{display:none}}
@media(max-width:760px){.mp-category-editor__head{flex-direction:column}.mp-category-editor__head-actions{width:100%;justify-content:space-between}.mp-category-editor__layout{padding:8px}.mp-category-editor__side{grid-template-columns:1fr}.mp-form-grid--category,.mp-form-grid--category-media{grid-template-columns:1fr}.mp-form-grid--category .is-wide{grid-column:auto}.mp-category-live-row{grid-template-columns:18px 38px minmax(0,1fr);padding:7px}.mp-category-live-row>.mp-btn{grid-column:2/4;justify-self:stretch}.mp-category-branch-line{left:7px}.mp-category-depth-dot{left:3px}.mp-category-live-row__path{white-space:normal}.mp-category-image-preview{grid-template-columns:1fr}.mp-category-savebar__actions{display:grid;grid-template-columns:1fr}}

/* 01457: canonical Product Details picker for Category Editor, preview only until form Save. */
.mp-category-template-preview-01457{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;align-items:center;padding:9px;border:1px solid var(--st-ui-border,#d9e7df);border-radius:12px;background:var(--st-ui-surface-2,#f5faf7)}
.mp-category-template-details-01457{display:grid;gap:5px;min-width:0}.mp-category-template-details-01457 strong{font-size:12px;line-height:1.3;color:var(--st-ui-text,#163525)}.mp-category-template-details-01457 small{font-size:10px;line-height:1.4;color:var(--st-ui-muted,#6e8277)}
.mp-category-template-open-01457{margin-top:10px;width:100%;min-height:34px}
.mp-pd-mini-01457{display:grid;gap:6px;aspect-ratio:1.38;min-width:0;border:1px solid color-mix(in srgb,var(--mini-ink,#142232) 13%,transparent);border-radius:10px;background:var(--mini-bg,#fff);padding:9px;box-shadow:0 3px 12px rgba(12,28,20,.07);overflow:hidden}
.mp-pd-mini-content-01457{display:grid;grid-template-columns:1fr .82fr;gap:7px;min-height:0;align-items:stretch}.mp-pd-mini-01457.is-stack .mp-pd-mini-content-01457{grid-template-columns:1fr;grid-template-rows:1.15fr .85fr}.mp-pd-mini-01457.is-mosaic .mp-pd-mini-content-01457{grid-template-columns:1.3fr .7fr}
.mp-pd-mini-photo-01457{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 10%;gap:3px;min-height:0}.mp-pd-mini-photo-01457 i:first-child{grid-column:1/4;border-radius:5px;background:linear-gradient(140deg,color-mix(in srgb,var(--mini-accent) 27%,#fff),color-mix(in srgb,var(--mini-accent) 9%,#eee))}.mp-pd-mini-photo-01457 i:not(:first-child){background:color-mix(in srgb,var(--mini-accent) 19%,#eee);border-radius:3px}
.mp-pd-mini-info-01457{display:flex;flex-direction:column;gap:5px;min-width:0}.mp-pd-mini-info-01457 i{height:9%;border-radius:3px;background:color-mix(in srgb,var(--mini-ink) 25%,transparent)}.mp-pd-mini-info-01457 i:nth-child(2){width:82%}.mp-pd-mini-info-01457 i:nth-child(3){width:63%}.mp-pd-mini-info-01457 b{width:48%;height:15%;background:var(--mini-accent);border-radius:4px}.mp-pd-mini-info-01457 em{height:18%;margin-top:auto;border-radius:5px;background:var(--mini-accent)}
.mp-pd-mini-lower-01457{display:flex;gap:6px;border-top:1px solid color-mix(in srgb,var(--mini-ink) 12%,transparent);padding-top:5px}.mp-pd-mini-lower-01457 i{height:5px;flex:1;background:color-mix(in srgb,var(--mini-ink) 18%,transparent);border-radius:3px}
.mp-pd-mini-empty-01457{display:grid;place-items:center;width:100%;aspect-ratio:1.38;border-radius:10px;color:#188957;border:1px dashed #b4d8c4;background:#effaf3;font-size:30px}
.mp-pd-gallery-backdrop-01457{position:fixed;inset:0;background:rgba(7,20,29,.68);z-index:2147482600;display:grid;place-items:center;padding:18px;box-sizing:border-box}
.mp-pd-gallery-dialog-01457{display:flex;flex-direction:column;width:min(1260px,97vw);max-height:min(92vh,980px);overflow:hidden;border:1px solid #afcbbd;border-radius:18px;background:#f8fcf9;color:#183326;box-shadow:0 24px 80px rgba(1,15,8,.42);font-family:system-ui,sans-serif}
.mp-pd-gallery-dialog-01457 header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:17px 20px;background:#fff;border-bottom:1px solid #d6e5dc}.mp-pd-gallery-dialog-01457 h2{margin:3px 0 3px;font-size:20px;color:#153727}.mp-pd-gallery-dialog-01457 p{margin:0;font-size:12px;line-height:1.45;color:#687e73}.mp-pd-gallery-kicker-01457{font-size:10px;font-weight:800;letter-spacing:.12em;color:#21915c}.mp-pd-gallery-dialog-01457 header button{border:1px solid #d0e1d6;border-radius:8px;background:#f3faf6;font-size:22px;width:35px;height:35px;cursor:pointer}
.mp-pd-gallery-toolbar-01457{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid #d6e5dc}.mp-pd-gallery-toolbar-01457 input{font-size:13px;min-width:0;max-width:420px;width:100%;padding:9px 12px;border:1px solid #c0d9cb;border-radius:9px;background:#fff;color:#153727}.mp-pd-gallery-toolbar-01457 span{font-size:11px;color:#536d60;white-space:nowrap}
.mp-pd-gallery-body-01457{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.85fr);gap:14px;padding:14px 20px;overflow:hidden;flex:1;min-height:210px}.mp-pd-gallery-items-01457{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));align-content:start;gap:10px;overflow:auto;padding:3px;min-height:0}.mp-pd-gallery-tile-01457{min-width:0;padding:10px;text-align:left;border:1px solid #cee0d5;border-radius:12px;background:white;color:#24392d;cursor:pointer;display:grid;gap:8px}.mp-pd-gallery-tile-01457.is-selected{border-color:#128f54;box-shadow:0 0 0 2px rgba(24,153,91,.18);background:#f0faf4}.mp-pd-gallery-tile-01457:hover{border-color:#4bae7e}.mp-pd-gallery-tile-01457 strong{font-size:12px;line-height:1.25}.mp-pd-gallery-tile-01457 small{font-size:10px;color:#667e70;line-height:1.35;max-height:3.9em;overflow:hidden}
.mp-pd-gallery-view-01457{min-width:0;overflow:auto;border:1px solid #d7e7de;border-radius:12px;background:#fff;padding:12px}.mp-pd-gallery-view-01457 h3{font-size:15px;margin:0 0 4px}.mp-pd-gallery-view-01457 p{margin:0 0 12px;font-size:11px}.mp-pd-gallery-view-01457>small{display:block;margin-top:8px;font-size:10px;color:#7b8e83}
.mp-pd-gallery-real-preview-01457{height:425px;overflow:auto;position:relative;background:#eef3f0;border-radius:10px;padding:8px}.mp-pd-gallery-real-canvas-01457{width:238%;transform:scale(.42);transform-origin:top left;pointer-events:none;user-select:none}.mp-pd-gallery-real-canvas-01457 .st-pd-shell{min-width:0!important}.mp-pd-gallery-preview-unavailable-01457{display:grid;place-items:center;height:350px;font-size:70px;color:#54a779}
.mp-pd-gallery-dialog-01457 footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 20px;border-top:1px solid #d6e5dc;background:#fff}.mp-pd-gallery-dialog-01457 footer span{font-size:11px;color:#648071}.mp-pd-gallery-dialog-01457 footer>div{display:flex;gap:8px}.mp-pd-gallery-dialog-01457 footer button{padding:10px 14px;border:1px solid #cbded2;border-radius:8px;background:#f5faf7;color:#1d3d29;font-size:12px;font-weight:700;cursor:pointer}.mp-pd-gallery-dialog-01457 footer button.is-primary{background:#139254;border-color:#139254;color:#fff}
.mp-pd-gallery-no-results-01457{padding:24px;font-size:13px;color:#708377}
@media(max-width:860px){.mp-pd-gallery-body-01457{grid-template-columns:1fr;overflow:auto}.mp-pd-gallery-items-01457{overflow:visible;grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}.mp-pd-gallery-view-01457{overflow:visible}.mp-pd-gallery-dialog-01457 footer{flex-wrap:wrap}}

/* 01458 · Category Editor uses the canonical Shop / Category Cards template gallery. */
.mp-category-card-preview-01458{display:grid;grid-template-columns:196px minmax(0,1fr);gap:10px;align-items:center;padding:9px;background:#f3f8f6;border:1px solid #cee0d8;border-radius:12px;min-width:0}
.mp-category-card-thumb-01458{width:190px;height:150px;overflow:hidden;border-radius:10px;background:#e9eff1;border:1px solid #d4e2e0;position:relative;pointer-events:none}
.mp-category-card-thumb-01458 iframe{border:0;width:460px;height:350px;display:block;transform:scale(.405);transform-origin:top left;pointer-events:none}
.mp-category-card-thumb-01458.is-empty{display:grid;place-items:center;color:#64748b;font-size:36px}
.mp-category-card-preview-caption-01458{display:flex;flex-direction:column;gap:5px;min-width:0}
.mp-category-card-preview-caption-01458 strong{font-size:13px;line-height:1.3;color:#103b31;overflow-wrap:anywhere}
.mp-category-card-preview-caption-01458 small{font-size:11px;line-height:1.35;color:#567569}
.mp-category-card-selector-actions-01458{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}
.mp-category-details-legacy-01458{border:1px solid #d8e5de;border-radius:12px;padding:9px 12px;margin-bottom:12px;background:#f8faf9}
.mp-category-details-legacy-01458 summary{font-size:12px;cursor:pointer;font-weight:700;color:#385849}
.mp-category-details-legacy-01458 .mp-field{margin-top:10px}
@media(max-width:700px){.mp-category-card-preview-01458{grid-template-columns:1fr}.mp-category-card-thumb-01458{width:190px}}

/* 01459: inherited global category card stays visually distinct from a category override. */
.mp-category-card-preview-01458.is-inherited-01459{background:#eef7f1;border-color:#9ccfb2}
.mp-category-card-preview-01458.is-personal-01459{background:#f3f8f6}
.mp-category-card-thumb-01458.is-global-01459 img{display:block;width:100%;height:100%;object-fit:cover}
.mp-category-card-selector-actions-01458 button[disabled]{opacity:.42;cursor:not-allowed}