.product-quality{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;margin:10px 0 13px}.product-quality>span{height:6px;border-radius:999px;background:#eee5dc;overflow:hidden}.product-quality i{display:block;height:100%;background:var(--peach);border-radius:inherit}.product-quality small{font-size:9px;color:var(--muted);white-space:nowrap}
.portal-modal:has(.product-editor-grid){max-width:min(1040px,calc(100vw - 30px))}.product-completeness{display:grid;gap:8px;padding:14px 16px;margin-bottom:17px;border:1px solid #e9d9cb;border-radius:14px;background:#fff7ef}.product-completeness>div{display:flex;justify-content:space-between;align-items:center;gap:20px}.product-completeness span{font-size:12px;font-weight:750}.product-completeness strong{font-size:22px;color:var(--peach-dark)}.product-completeness>b{height:9px;border-radius:999px;overflow:hidden;background:#ecdfd3}.product-completeness>b i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--peach),#e4b34d,#6d9b69);transition:width .22s ease}.product-completeness small{color:var(--muted);font-size:11px}.product-completeness.is-ready{background:#f0f6eb;border-color:#cfe0c5}.product-completeness.is-ready strong{color:var(--sage-strong)}
.product-editor-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:min(68vh,760px);padding-right:5px;overflow:auto}.product-editor-grid>label.full,.product-editor-grid>.full{grid-column:1/-1}.product-options{margin:0;padding:11px 13px;border:1px solid var(--line);border-radius:11px;display:flex;flex-wrap:wrap;gap:10px 18px}.product-options legend{padding:0 7px;color:var(--muted);font-size:11px}.product-options label{display:flex;align-items:center;gap:6px;color:var(--ink);font-size:12px}.product-options input{width:auto}.product-dimensions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.product-dimensions label{display:grid;gap:5px;font-size:11px;color:var(--muted)}
.product-search-toggle{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:10px!important;padding:13px;border:1px solid #d7e2cf;border-radius:12px;background:#f0f6eb}.product-search-toggle>input{width:auto;margin-top:4px}.product-search-toggle span{display:grid;gap:3px}.product-search-toggle b{font-size:12px;color:var(--ink)}.product-search-toggle small{font-size:10px;text-transform:none;letter-spacing:0;color:var(--muted)}
.product-media-editor{padding-top:3px}.product-media-editor>header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px}.product-media-editor>header div{display:grid;gap:2px}.product-media-editor>header small{color:var(--muted)}.product-upload{display:inline-flex!important;align-items:center;border-radius:10px;padding:9px 12px;background:var(--ink);color:#fff!important;font-weight:750;cursor:pointer}.product-upload input{display:none}.media-policy{padding:11px 13px;margin-bottom:10px;border-left:4px solid var(--peach);border-radius:0 10px 10px 0;background:#fff1e7;color:#705b4e;font-size:11px}.media-policy b{color:#9e4f31}.media-empty{padding:24px;border:1px dashed #cdbeb2;border-radius:12px;text-align:center;color:var(--muted);font-size:11px}.product-media-row{display:grid;grid-template-columns:34px minmax(170px,1.4fr) 120px minmax(130px,.8fr) minmax(130px,.8fr) 32px;gap:9px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff;margin-top:8px}.product-media-row>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--sand);font-size:10px;font-weight:800}.product-media-row>div{display:grid;gap:5px;min-width:0}.product-media-row>div b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.product-media-row input,.product-media-row select{padding:7px 8px!important;font-size:10px}.product-media-row>label{font-size:9px!important}.product-media-row .media-check{display:flex;grid-template-columns:auto 1fr;align-items:center;color:var(--ink)}.product-media-row .media-check input{width:auto}.product-media-row>button{width:30px;height:30px;border:0;border-radius:8px;background:#f5e2dc;color:#9e4f31;cursor:pointer;font-size:18px}
.product-media-row .media-preview{overflow:hidden}.product-media-row .media-preview img{width:100%;height:100%;object-fit:cover}.media-upload-progress{display:grid!important;grid-template-columns:1fr auto!important;gap:6px!important;align-items:center}.media-upload-progress:before{content:"";grid-column:1;grid-row:1;height:5px;border-radius:999px;background:#eee3da}.media-upload-progress>i{display:block;grid-column:1;grid-row:1;z-index:1;height:5px;border-radius:999px;background:var(--peach);transition:width .15s linear}.media-upload-progress>small{grid-column:2;grid-row:1;font-size:9px;color:var(--muted);white-space:nowrap}.media-upload-progress.is-done>i{background:var(--sage-strong)}
@media(max-width:900px){.product-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-media-row{grid-template-columns:30px 1fr 110px}.product-media-row .media-check{grid-column:span 1}.product-media-row>button{grid-column:3;grid-row:2}}
@media(max-width:640px){.product-editor-grid,.product-dimensions{grid-template-columns:1fr}.product-editor-grid>label.full,.product-editor-grid>.full{grid-column:auto}.product-media-editor>header{align-items:flex-start;flex-direction:column}.product-media-row{grid-template-columns:30px 1fr}.product-media-row>label,.product-media-row>button{grid-column:2}.product-media-row>button{grid-row:auto}}