/* Apariencia administrativa del marco de edición y previsualización.
   El contenido del escaparate vive dentro del iframe o fuera de estos selectores. */
html[data-admin-theme="dark"] .design-studio {
    --text: var(--admin-text);
    --muted: var(--admin-muted);
    --border: var(--admin-border);
    --primary: var(--mk-brand);
    --danger: #e98080;
    color: var(--admin-text-soft);
    background: var(--admin-bg);
}
html[data-admin-theme="dark"] .design-studio-toolbar,
html[data-admin-theme="dark"] .design-editor-panel,
html[data-admin-theme="dark"] .design-editor-panel-heading {
    border-color: var(--admin-border);
    color: var(--admin-text-soft);
    background: var(--admin-surface);
    box-shadow: 0 8px 24px var(--admin-shadow);
}
html[data-admin-theme="dark"] .design-studio-toolbar strong,
html[data-admin-theme="dark"] .design-editor-panel h1,
html[data-admin-theme="dark"] .design-control-group > summary,
html[data-admin-theme="dark"] .design-page-empty strong { color: var(--admin-text); }
html[data-admin-theme="dark"] .design-studio-identity small,
html[data-admin-theme="dark"] .design-studio-actions > span,
html[data-admin-theme="dark"] .design-control-group > summary span,
html[data-admin-theme="dark"] .design-control-content small,
html[data-admin-theme="dark"] .design-control-content p,
html[data-admin-theme="dark"] .design-panel-save small,
html[data-admin-theme="dark"] .design-page-empty p { color: var(--admin-muted); }
html[data-admin-theme="dark"] .design-studio-back,
html[data-admin-theme="dark"] .design-editor-panel-heading button {
    border-color: var(--admin-border);
    color: var(--admin-text-soft);
    background: var(--admin-input);
}
html[data-admin-theme="dark"] .design-studio-pages button { color: var(--admin-muted); background: transparent; }
html[data-admin-theme="dark"] .design-studio-pages button:hover,
html[data-admin-theme="dark"] .design-studio-pages button.active { color: #ff8a42; background: rgba(255,100,0,.12); }
html[data-admin-theme="dark"] .design-studio-canvas { background: var(--admin-surface-deep); }
html[data-admin-theme="dark"] .design-control-group,
html[data-admin-theme="dark"] .design-editor-scope-note,
html[data-admin-theme="dark"] .design-panel-save { border-color: var(--admin-border); }
html[data-admin-theme="dark"] .design-editor-scope-note,
html[data-admin-theme="dark"] .design-page-empty { color: var(--admin-muted); background: var(--admin-surface-deep); }
html[data-admin-theme="dark"] .design-control-content input:not([type="color"]),
html[data-admin-theme="dark"] .design-control-content select,
html[data-admin-theme="dark"] .design-control-content textarea,
html[data-admin-theme="dark"] .design-color-controls input,
html[data-admin-theme="dark"] .design-dynamic-control input:disabled,
html[data-admin-theme="dark"] .design-dynamic-control select:disabled,
html[data-admin-theme="dark"] .design-dynamic-control textarea:disabled {
    border-color: var(--admin-border);
    color: var(--admin-text);
    background: var(--admin-input);
}
html[data-admin-theme="dark"] .design-panel-save { background: color-mix(in srgb,var(--admin-surface) 96%,transparent); }
html[data-admin-theme="dark"] .design-dynamic-unit-note { color: #ffbd91; background: rgba(255,100,0,.12); }
html[data-admin-theme="dark"] .design-dynamic-image-empty,
html[data-admin-theme="dark"] .featured-item,
html[data-admin-theme="dark"] .featured-option {
    border-color: var(--admin-border);
    color: var(--admin-text-soft);
    background: var(--admin-input);
}
html[data-admin-theme="dark"] .featured-thumb { color: var(--admin-muted); background: var(--admin-surface-deep); }
html[data-admin-theme="dark"] .featured-picker,
html[data-admin-theme="dark"] .featured-picker-header { border-color: var(--admin-border); color: var(--admin-text); background: var(--admin-surface); }
html[data-admin-theme="dark"] .design-unsaved-dialog { color: var(--admin-text); background: var(--admin-surface); }
html[data-admin-theme="dark"] .design-unsaved-dialog p { color: var(--admin-muted); }

html[data-admin-theme="dark"] body.admin-preview-frame { color: var(--admin-text-soft); background: var(--admin-bg); }
html[data-admin-theme="dark"] .preview-toolbar,
html[data-admin-theme="dark"] .tv2-preview-toolbar {
    border-color: var(--admin-border);
    color: var(--admin-text-soft);
    background: var(--admin-surface);
    box-shadow: 0 4px 16px var(--admin-shadow);
}
html[data-admin-theme="dark"] .preview-toolbar a,
html[data-admin-theme="dark"] .tv2-preview-toolbar a { color: var(--admin-muted); }
html[data-admin-theme="dark"] .preview-toolbar a:hover,
html[data-admin-theme="dark"] .preview-toolbar a.active,
html[data-admin-theme="dark"] .tv2-preview-toolbar nav a:hover,
html[data-admin-theme="dark"] .tv2-preview-toolbar nav a.active { color: #fff; background: var(--mk-brand); }
html[data-admin-theme="dark"] .preview-notice { color: var(--admin-muted); background: var(--admin-surface-deep); }
html[data-admin-theme="dark"] .tv2-preview-stage { background: var(--admin-bg); }
html[data-admin-theme="dark"] .tv2-preview-stage iframe { box-shadow: 0 18px 50px rgba(0,0,0,.38); }