/* Ürün merkezi ve şablon editöründeki NUI bileşenlerinin yerleşimi. */
.nui-window:has(.ov-template-window) { background: var(--nui-bg); }
.nui-window-body:has(>.ov-template-window) { background: var(--nui-bg); }
.ov-product-detail { gap: 12px; }
.ov-product-detail .ov-product-header { padding-bottom: 12px; }
.ov-product-detail .ov-product-header h1 { margin: 0; }
.ov-product-detail .ov-product-avatar { width: 44px; height: 44px; }
.ov-product-detail .ov-product-actions { gap: 6px; }

.ov-product-detail h2 { margin-top: 0; }
.ov-product-detail .nui-select { width: 100%; }
.ov-product-detail .ov-sales-limit-panel { padding: 14px 16px; }
.ov-sales-limit-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.ov-product-detail .ov-sales-limit-heading h2 { margin: 0; padding: 0; border: 0; }
.ov-sales-limit-form { display: grid; grid-template-columns: minmax(90px, 140px) auto; align-items: end; justify-content: start; gap: 6px 10px; margin-top: 12px; }
.ov-sales-limit-form > label, .ov-sales-limit-form > small { grid-column: 1 / -1; }
.ov-sales-limit-form .nui-button { align-self: stretch; }
.ov-description-workspace { height: 400px; min-height: 300px; }
.ov-description-workspace > .nui-left-col { min-width: 0; border: 1px solid var(--nui-border); border-radius: var(--nui-radius); overflow: hidden; }
.ov-description-editor { width: 100%; height: 100%; min-height: 0; flex: 1 1 auto; }
.ov-description-preview .nui-detail-toolbar { min-height: 42px; gap: 8px; font-size: var(--nui-font-size-sm); }
.ov-description-preview iframe { display: block; flex: 1 1 auto; width: 100%; min-height: 0; border: 0; background: var(--nui-raised); }
.ov-description-preview > .nui-form-help { padding: 8px 12px; }
.ov-template-window { display: flex; flex-direction: column; height: 100%; min-height: 0; padding: 0; container-type: inline-size; }

.ov-template-body { display: flex; flex: 1 1 auto; flex-direction: column; min-height: 0; overflow: auto; padding: 16px; gap: 12px; }
.ov-template-fields { display: grid; grid-template-columns: minmax(0, 1fr) minmax(180px, 1fr); gap: 12px; }
.ov-template-fields .nui-input, .ov-template-fields .nui-select, .ov-template-samples .nui-input, .ov-template-samples .nui-select { width: 100%; }
.ov-template-fields .nui-field, .ov-template-samples .nui-field { display: flex; flex-direction: column; min-width: 0; gap: 5px; font-size: var(--nui-font-size-sm); }
.ov-template-variables { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.ov-template-variables > span { margin-right: 4px; color: var(--nui-text-muted); font-size: var(--nui-font-size-sm); }
.ov-template-variables .nui-button { font-family: var(--nui-font-mono); font-size: var(--nui-font-size-xs); }
.ov-template-workspace { flex: 1 0 340px; height: auto; min-height: 340px; }
.ov-template-samples { display: grid; gap: 8px; padding: 10px 12px; border-bottom: 1px solid var(--nui-border); }
.ov-template-body > .nui-form-help { margin: 0; }
@container (max-width: 640px) {

    /* Bölmeleri alt alta dizmek kitin işidir (.nui-split-host); burada yalnız editör ve önizleme yüksekliği. */
    .ov-description-workspace .ov-description-editor { height: 340px; flex: auto; }
    .ov-description-workspace iframe { min-height: 280px; }
    .ov-template-fields { grid-template-columns: minmax(0, 1fr); }
    .ov-sales-limit-form { grid-template-columns: minmax(90px, 140px) minmax(0, 1fr); }
}