#cu-single-flow { display:none; }
#cu-single-flow.open { display:block; }
#cu-single-panel-host { display:none; min-height:100%; }
.cu-selected-panel.single-mode { display:flex; flex-direction:column; }
.cu-selected-panel.single-mode > :not(#cu-single-panel-host) { display:none !important; }
.cu-selected-panel.single-mode #cu-single-panel-host { display:block; width:100%; }
.sc-panel-card { min-height:500px; display:flex; flex-direction:column; background:#fff; }
.sc-panel-breadcrumb { padding:14px 16px; background:#e5eaf1; color:#475569; font-size:11px; font-weight:800; line-height:1.5; text-align:center; word-break:break-word; }
.sc-panel-body { padding:18px; flex:1 1 auto; }
.sc-panel-body h3 { margin:0 0 5px; color:#0f172a; font-size:17px; font-weight:900; }
.sc-panel-copy { margin:0 0 12px; color:#64748b; font-size:11px; line-height:1.5; }
.sc-panel-guideline { padding:10px 11px; }
.sc-panel-guideline strong,.sc-panel-guideline span { display:block; }
.sc-panel-guideline strong { color:#334155; font-size:11px; margin-bottom:4px; }
.sc-panel-guideline span { color:#64748b; font-size:10px; line-height:1.45; }
.sc-panel-add { min-height:76px; margin-top:12px; font-size:12px; }
.sc-panel-add strong { font-size:21px; margin-bottom:3px; }
.sc-panel-products { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin-top:12px; }
.sc-panel-products .sc-image-meta { padding:7px; }
.sc-add-product { display:block; margin-top:12px; border:1px dashed #f59e0b; border-radius:7px; padding:9px 10px; color:#b45309; background:#fff7ed; text-align:center; font-size:11px; font-weight:900; cursor:pointer; }
.sc-panel-actions { padding:12px 16px; position:sticky; bottom:0; }
.sc-panel-actions .btn { flex:1 1 0; min-width:0; }
.cu-catalog-thumb { width:64px; height:64px; display:block; object-fit:cover; border:1px solid #e2e8f0; border-radius:6px; background:#f8fafc; }
.cu-catalog-thumb-empty { width:64px; height:64px; display:grid; place-items:center; border:1px dashed #cbd5e1; border-radius:6px; color:#94a3b8; background:#f8fafc; font-size:10px; font-weight:800; text-align:center; }
.cu-catalog-thumb-btn { display:block; padding:0; border:0; border-radius:7px; background:transparent; cursor:pointer; }
.cu-catalog-thumb-btn:hover,.cu-catalog-thumb-btn:focus-visible { outline:3px solid rgba(79,70,229,.22); }
body.sc-modal-open { overflow:hidden; }
.sc-details-modal { position:fixed; inset:0; z-index:100001; display:none; align-items:center; justify-content:center; padding:24px; background:rgba(15,23,42,.62); }
.sc-details-modal.open { display:flex; }
.sc-details-dialog { width:min(820px,100%); max-height:min(88vh,820px); display:flex; flex-direction:column; overflow:hidden; border-radius:14px; background:#fff; box-shadow:0 28px 80px rgba(15,23,42,.34); }
.sc-details-head { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 22px; border-bottom:1px solid #e2e8f0; }
.sc-details-head h2 { margin:0; color:#0f172a; font-size:19px; font-weight:900; }
.sc-details-close { width:34px; height:34px; border:0; border-radius:50%; background:#f1f5f9; color:#475569; font-size:24px; line-height:1; cursor:pointer; }
.sc-details-tabs { display:flex; padding:0 22px; border-bottom:1px solid #e2e8f0; background:#fff; }
.sc-details-tab { padding:14px 18px 10px; border:0; border-bottom:3px solid transparent; background:transparent; color:#64748b; font-size:13px; font-weight:900; cursor:pointer; }
.sc-details-tab.active { color:#4f46e5; border-bottom-color:#4f46e5; }
.sc-details-content { padding:22px; overflow:auto; }
.sc-details-loading,.sc-details-empty { padding:42px 18px; color:#64748b; text-align:center; font-size:13px; font-weight:700; }
.sc-details-gallery { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:14px; margin-bottom:20px; }
.sc-details-gallery img { width:100%; max-height:320px; aspect-ratio:1/1; object-fit:contain; border:1px solid #e2e8f0; border-radius:10px; background:#f8fafc; }
.sc-details-meta { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.sc-details-meta > div { padding:12px 14px; border:1px solid #e2e8f0; border-radius:9px; background:#f8fafc; }
.sc-details-meta span,.sc-description-row span { display:block; margin-bottom:5px; color:#64748b; font-size:10px; font-weight:900; text-transform:uppercase; letter-spacing:.03em; }
.sc-details-meta strong,.sc-description-row strong { display:block; color:#0f172a; font-size:13px; line-height:1.5; overflow-wrap:anywhere; }
.sc-description-product { margin-bottom:18px; border:1px solid #e2e8f0; border-radius:10px; overflow:hidden; }
.sc-description-product:last-child { margin-bottom:0; }
.sc-description-product h3 { margin:0; padding:13px 16px; border-bottom:1px solid #e2e8f0; background:#f8fafc; color:#0f172a; font-size:14px; font-weight:900; }
.sc-description-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; }
.sc-description-row { padding:12px 16px; border-right:1px solid #e2e8f0; border-bottom:1px solid #e2e8f0; }
.sc-description-row:nth-child(even) { border-right:0; }
.sc-card { background:#fff; border:1px solid #e2e8f0; border-radius:12px; box-shadow:0 6px 22px rgba(15,23,42,.06); overflow:hidden; }
.sc-head { padding:22px 24px; border-bottom:1px solid #e2e8f0; display:flex; justify-content:space-between; gap:16px; align-items:flex-start; }
.sc-head h2 { margin:0 0 5px; font-size:20px; color:#0f172a; }
.sc-head p { margin:0; color:#64748b; font-size:13px; }
.sc-step { flex:0 0 auto; color:#b45309; background:#fff7ed; border-radius:999px; padding:7px 11px; font-size:11px; font-weight:900; }
.sc-breadcrumb { margin:18px 24px 0; padding:12px 14px; border:1px solid #fde68a; background:#fffbeb; border-radius:8px; color:#92400e; font-size:13px; font-weight:800; }
.sc-upload-layout { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:20px; padding:20px 24px 24px; }
.sc-guideline { border:1px solid #e2e8f0; background:#f8fafc; border-radius:10px; padding:16px; }
.sc-guideline h3 { margin:0 0 8px; font-size:14px; color:#0f172a; }
.sc-guideline p { margin:0; color:#64748b; font-size:12px; line-height:1.6; }
.sc-add { min-height:112px; border:2px dashed #f59e0b; border-radius:10px; background:#fff7ed; color:#b45309; display:grid; place-items:center; text-align:center; cursor:pointer; font-size:13px; font-weight:900; }
.sc-add strong { display:block; font-size:28px; line-height:1; margin-bottom:6px; }
.sc-add.disabled { opacity:.5; pointer-events:none; }
.sc-products { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:16px; }
.sc-product-image { border:1px solid #e2e8f0; border-radius:10px; overflow:hidden; background:#fff; }
.sc-product-image img { width:100%; aspect-ratio:1/1; object-fit:cover; display:block; background:#f8fafc; }
.sc-image-meta { padding:10px; }
.sc-image-name { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#334155; font-size:11px; font-weight:800; }
.sc-image-actions { display:flex; gap:8px; margin-top:8px; }
.sc-link-btn { padding:0; border:0; background:transparent; color:#4f46e5; font-size:11px; font-weight:900; cursor:pointer; }
.sc-link-btn.danger { color:#dc2626; }
.sc-rules { border:1px solid #fecaca; background:#fff; border-radius:10px; padding:16px; }
.sc-rules h3 { margin:0 0 12px; color:#dc2626; font-size:13px; }
.sc-rules ul { margin:0; padding-left:18px; color:#475569; font-size:12px; line-height:1.9; font-weight:700; }
.sc-actions { display:flex; justify-content:flex-end; gap:10px; padding:16px 24px; border-top:1px solid #e2e8f0; background:#fff; flex-wrap:wrap; }
.sc-details { padding:20px 24px 4px; display:grid; gap:16px; }
.sc-product-form { border:1px solid #e2e8f0; border-radius:10px; overflow:hidden; }
.sc-product-form-head { padding:13px 16px; background:#f8fafc; display:flex; gap:12px; align-items:center; border-bottom:1px solid #e2e8f0; }
.sc-product-form-head img { width:52px; height:52px; border-radius:7px; object-fit:cover; }
.sc-product-form-head strong { color:#0f172a; font-size:14px; }
.sc-form-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; padding:16px; }
.sc-field { display:flex; flex-direction:column; gap:6px; }
.sc-field.full { grid-column:1/-1; }
.sc-field label { color:#475569; font-size:11px; font-weight:900; }
.sc-field label span { color:#dc2626; }
.sc-field input,.sc-field textarea { width:100%; border:1px solid #cbd5e1; border-radius:7px; padding:10px 11px; color:#0f172a; font-size:13px; outline:0; background:#fff; }
.sc-field textarea { min-height:86px; resize:vertical; }
.sc-field input:focus,.sc-field textarea:focus { border-color:#f59e0b; box-shadow:0 0 0 3px rgba(245,158,11,.12); }
.sc-error { border-color:#ef4444 !important; box-shadow:0 0 0 3px rgba(239,68,68,.1) !important; }
.sc-modal { position:fixed; inset:0; display:none; align-items:center; justify-content:center; padding:20px; background:rgba(15,23,42,.55); z-index:100000; }
.sc-modal.open { display:flex; }
.sc-dialog { width:min(440px,100%); background:#fff; border-radius:12px; box-shadow:0 25px 70px rgba(15,23,42,.3); padding:24px; }
.sc-dialog h3 { margin:0 0 8px; color:#0f172a; font-size:18px; }
.sc-dialog p { margin:0; color:#475569; font-size:14px; line-height:1.6; }
.sc-dialog-actions { display:flex; justify-content:flex-end; gap:10px; margin-top:22px; }
@media(max-width:900px){.sc-upload-layout{grid-template-columns:1fr}.sc-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.sc-head{padding:18px;flex-direction:column}.sc-breadcrumb{margin:14px 18px 0}.sc-upload-layout,.sc-details{padding:16px 18px}.sc-products,.sc-form-grid{grid-template-columns:1fr}.sc-actions{padding:14px 18px}.sc-field.full{grid-column:auto}.sc-details-modal{padding:10px}.sc-details-dialog{max-height:94vh;border-radius:10px}.sc-details-head,.sc-details-content{padding:16px}.sc-details-tabs{padding:0 10px}.sc-details-meta,.sc-description-grid{grid-template-columns:1fr}.sc-description-row{border-right:0}.sc-details-gallery{grid-template-columns:1fr}}