/*
DesignSystemCore v1.3.0 — AdminCore View Normalizer
Auswertung aus aktuellem AdminCore-Arbeitsordner: Dashboard, Module, Upload, Migrationen,
Themes, Theme-Upload, Backups, Health, Export, Events und Userverwaltung nutzen teils eigene
View-CSS-Blöcke. Diese Schicht liegt bewusst NACH dem AdminCenter-CSS und glättet die
View-spezifischen Klassen, ohne AdminCore-Dateien oder Logik zu ändern.
*/

:root{
    --dsc-admin-bg:var(--dsc-bg, #070605);
    --dsc-admin-panel:var(--dsc-surface, #15100c);
    --dsc-admin-panel-2:var(--dsc-surface-2, #1c140e);
    --dsc-admin-line:var(--dsc-line, rgba(214,152,69,.32));
    --dsc-admin-line-soft:var(--dsc-line-soft, rgba(214,152,69,.18));
    --dsc-admin-line-strong:var(--dsc-line-strong, rgba(255,196,111,.62));
    --dsc-admin-accent:var(--dsc-accent, #d99a43);
    --dsc-admin-accent-2:var(--dsc-accent-2, #ffbd66);
    --dsc-admin-text:var(--dsc-text, #f5ead7);
    --dsc-admin-muted:var(--dsc-muted, #aa9a82);
    --dsc-admin-radius:var(--dsc-radius, 16px);
    --dsc-admin-radius-sm:var(--dsc-radius-sm, 12px);
    --dsc-admin-shadow:var(--dsc-shadow-soft, 0 14px 32px rgba(0,0,0,.28));
}

html.design-system-core-active,
body.design-system-core-active{
    --admin-view-gap:16px;
    --admin-view-pad:18px;
}

body.design-system-core-active.dsc-admin-center,
body.design-system-core-active:has(.admin-hero-panel),
body.design-system-core-active:has(.admin-module-grid),
body.design-system-core-active:has(.installer-panel),
body.design-system-core-active:has(.theme-grid),
body.design-system-core-active:has(.migration-grid){
    color:var(--dsc-admin-text) !important;
}

body.design-system-core-active *{
    box-sizing:border-box;
}

/* Admin-Seitenkopf und Hauptflächen */
body.design-system-core-active .admin-hero-panel,
body.design-system-core-active .admin-runtime-section,
body.design-system-core-active .admin-permission-section,
body.design-system-core-active .admin-users-intro,
body.design-system-core-active .admin-alert,
body.design-system-core-active .admin-card,
body.design-system-core-active .admin-user-card,
body.design-system-core-active .module-card,
body.design-system-core-active .module-section,
body.design-system-core-active .module-smartmerge-panel,
body.design-system-core-active .module-dependency-panel,
body.design-system-core-active .module-warning-panel,
body.design-system-core-active .installer-panel,
body.design-system-core-active .installer-preview-panel,
body.design-system-core-active .installer-checklist,
body.design-system-core-active .theme-card,
body.design-system-core-active .theme-installer-panel,
body.design-system-core-active .theme-installer-checklist,
body.design-system-core-active .migration-card,
body.design-system-core-active .migration-section,
body.design-system-core-active .backup-card,
body.design-system-core-active .backup-section,
body.design-system-core-active .export-card,
body.design-system-core-active .event-stat-card,
body.design-system-core-active .health-card,
body.design-system-core-active .runtime-box{
    border:1px solid var(--dsc-admin-line) !important;
    border-radius:var(--dsc-admin-radius) !important;
    background:
        radial-gradient(circle at 92% 0%, rgba(255,154,54,.075), transparent 34%),
        linear-gradient(180deg, rgba(28,20,13,.97), rgba(8,7,6,.98)) !important;
    color:var(--dsc-admin-text) !important;
    box-shadow:var(--dsc-admin-shadow), inset 0 1px 0 rgba(255,226,159,.06) !important;
}

body.design-system-core-active .admin-hero-panel,
body.design-system-core-active .admin-users-intro,
body.design-system-core-active .installer-preview-panel,
body.design-system-core-active .theme-toolbar,
body.design-system-core-active .runtime-overview{
    border-color:var(--dsc-admin-line-strong) !important;
    background:
        radial-gradient(circle at 12% 0%, rgba(255,122,34,.20), transparent 36%),
        radial-gradient(circle at 92% 8%, rgba(255,189,102,.14), transparent 34%),
        linear-gradient(135deg, rgba(36,23,13,.98), rgba(7,6,5,.99)) !important;
}

body.design-system-core-active .module-card,
body.design-system-core-active .theme-card,
body.design-system-core-active .admin-card,
body.design-system-core-active .admin-user-card,
body.design-system-core-active .health-card,
body.design-system-core-active .backup-card,
body.design-system-core-active .export-card,
body.design-system-core-active .event-stat-card,
body.design-system-core-active .migration-card{
    padding:18px !important;
}

/* Überschriften und Texte */
body.design-system-core-active .admin-hero-panel h1,
body.design-system-core-active .admin-hero-panel h2,
body.design-system-core-active .panel > h2:first-child,
body.design-system-core-active .panel > h3:first-child,
body.design-system-core-active .admin-card h3,
body.design-system-core-active .admin-user-card h3,
body.design-system-core-active .module-card h3,
body.design-system-core-active .installer-panel h3,
body.design-system-core-active .installer-preview-panel h3,
body.design-system-core-active .theme-card h3,
body.design-system-core-active .theme-installer-panel h3,
body.design-system-core-active .migration-card h3,
body.design-system-core-active .backup-card h3,
body.design-system-core-active .export-card h3,
body.design-system-core-active .event-stat-card h3,
body.design-system-core-active .health-card h3,
body.design-system-core-active .module-section h4,
body.design-system-core-active .installer-preview-section h4,
body.design-system-core-active .backup-section h4,
body.design-system-core-active .admin-user-section h4{
    color:var(--dsc-admin-accent-2) !important;
    text-shadow:0 0 18px rgba(255,153,48,.12) !important;
}

body.design-system-core-active .module-description,
body.design-system-core-active .module-meta,
body.design-system-core-active .module-directory,
body.design-system-core-active .theme-description,
body.design-system-core-active .theme-directory,
body.design-system-core-active .theme-meta,
body.design-system-core-active .theme-runtime-hint,
body.design-system-core-active .installer-help-text,
body.design-system-core-active .backup-runtime-text,
body.design-system-core-active .backup-meta,
body.design-system-core-active .backup-directory,
body.design-system-core-active .migration-module-path,
body.design-system-core-active .migration-history-meta,
body.design-system-core-active .event-fired-meta,
body.design-system-core-active .admin-muted,
body.design-system-core-active .admin-user-meta,
body.design-system-core-active small{
    color:var(--dsc-admin-muted) !important;
}

/* Grids: alle Adminseiten identisch im Rhythmus */
body.design-system-core-active .admin-grid,
body.design-system-core-active .admin-module-grid,
body.design-system-core-active .module-smartmerge-grid,
body.design-system-core-active .module-provider-grid,
body.design-system-core-active .module-check-grid,
body.design-system-core-active .module-history-list,
body.design-system-core-active .installer-preview-grid,
body.design-system-core-active .installer-preview-stats,
body.design-system-core-active .installer-check-grid,
body.design-system-core-active .theme-grid,
body.design-system-core-active .theme-installer-check-grid,
body.design-system-core-active .theme-installer-result-grid,
body.design-system-core-active .migration-grid,
body.design-system-core-active .backup-grid,
body.design-system-core-active .export-grid,
body.design-system-core-active .event-runtime-grid,
body.design-system-core-active .health-grid,
body.design-system-core-active .runtime-overview{
    display:grid !important;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr)) !important;
    gap:var(--admin-view-gap) !important;
    align-items:stretch !important;
}

body.design-system-core-active .admin-users-grid{
    display:grid !important;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr)) !important;
    gap:18px !important;
}

/* Aktionsbereiche */
body.design-system-core-active .admin-actions,
body.design-system-core-active .admin-user-actions,
body.design-system-core-active .module-actions,
body.design-system-core-active .module-card-actions,
body.design-system-core-active .theme-actions,
body.design-system-core-active .theme-toolbar,
body.design-system-core-active .event-nav-links,
body.design-system-core-active .export-nav-links,
body.design-system-core-active .migration-nav-links,
body.design-system-core-active .backup-nav-links,
body.design-system-core-active .installer-nav-links,
body.design-system-core-active .theme-installer-nav-links{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:10px !important;
    align-items:center !important;
    margin:12px 0 16px !important;
}

body.design-system-core-active .admin-actions{
    display:grid !important;
    grid-template-columns:repeat(auto-fit,minmax(210px,1fr)) !important;
    gap:12px !important;
}

/* Buttons und Link-Buttons */
body.design-system-core-active .admin-actions a,
body.design-system-core-active .admin-btn,
body.design-system-core-active .admin-user-card button,
body.design-system-core-active .module-button,
body.design-system-core-active .module-install-link,
body.design-system-core-active .module-migration-link,
body.design-system-core-active .module-backup-link,
body.design-system-core-active .theme-btn,
body.design-system-core-active .installer-back-link,
body.design-system-core-active .installer-action-link,
body.design-system-core-active .theme-installer-back-link,
body.design-system-core-active .theme-installer-action-link,
body.design-system-core-active .migration-link,
body.design-system-core-active .migration-button,
body.design-system-core-active .backup-back-link,
body.design-system-core-active .backup-action-link,
body.design-system-core-active .backup-button,
body.design-system-core-active .export-back-link,
body.design-system-core-active .export-action-link,
body.design-system-core-active .export-download-btn,
body.design-system-core-active .event-link,
body.design-system-core-active .admin-form button,
body.design-system-core-active .admin-inline-form button,
body.design-system-core-active .installer-form button,
body.design-system-core-active .theme-installer-form button,
body.design-system-core-active .export-form button{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    min-height:40px !important;
    padding:10px 14px !important;
    border:1px solid var(--dsc-admin-line) !important;
    border-radius:var(--dsc-admin-radius-sm) !important;
    background:linear-gradient(180deg, rgba(217,154,67,.16), rgba(12,9,7,.97)) !important;
    color:var(--dsc-admin-text) !important;
    box-shadow:inset 0 1px 0 rgba(255,226,159,.07) !important;
    text-decoration:none !important;
    font-weight:850 !important;
    line-height:1.2 !important;
    cursor:pointer !important;
    transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease !important;
}

body.design-system-core-active .admin-actions a:hover,
body.design-system-core-active .admin-btn:hover,
body.design-system-core-active .admin-user-card button:hover,
body.design-system-core-active .module-button:hover,
body.design-system-core-active .module-install-link:hover,
body.design-system-core-active .module-migration-link:hover,
body.design-system-core-active .module-backup-link:hover,
body.design-system-core-active .theme-btn:hover,
body.design-system-core-active .installer-back-link:hover,
body.design-system-core-active .installer-action-link:hover,
body.design-system-core-active .theme-installer-back-link:hover,
body.design-system-core-active .theme-installer-action-link:hover,
body.design-system-core-active .migration-link:hover,
body.design-system-core-active .migration-button:hover,
body.design-system-core-active .backup-back-link:hover,
body.design-system-core-active .backup-action-link:hover,
body.design-system-core-active .backup-button:hover,
body.design-system-core-active .export-back-link:hover,
body.design-system-core-active .export-action-link:hover,
body.design-system-core-active .export-download-btn:hover,
body.design-system-core-active .event-link:hover,
body.design-system-core-active .admin-form button:hover,
body.design-system-core-active .installer-form button:hover,
body.design-system-core-active .theme-installer-form button:hover,
body.design-system-core-active .export-form button:hover{
    border-color:var(--dsc-admin-line-strong) !important;
    background:linear-gradient(180deg, rgba(255,169,68,.30), rgba(44,24,12,.98)) !important;
    color:#fff0cf !important;
    box-shadow:0 0 24px rgba(255,154,54,.14), inset 0 1px 0 rgba(255,226,159,.16) !important;
    transform:translateY(-1px) !important;
}

/* Warn-/Fehlerbuttons */
body.design-system-core-active .admin-btn.danger,
body.design-system-core-active .danger,
body.design-system-core-active .theme-btn-danger,
body.design-system-core-active .module-button-disable,
body.design-system-core-active .installer-radio-danger,
body.design-system-core-active .installer-danger-box,
body.design-system-core-active .backup-error-box{
    border-color:rgba(212,85,56,.54) !important;
    background:linear-gradient(180deg, rgba(120,35,22,.30), rgba(12,9,7,.97)) !important;
    color:#ffdcd4 !important;
}

/* Listen, Manifest, Checks und Detailboxen */
body.design-system-core-active .module-dependency-block,
body.design-system-core-active .module-provider-grid > div,
body.design-system-core-active .module-check-grid > div,
body.design-system-core-active .module-history-list,
body.design-system-core-active .module-warning-entry,
body.design-system-core-active .module-runtime-bar,
body.design-system-core-active .installer-checkbox,
body.design-system-core-active .installer-radio,
body.design-system-core-active .installer-upgrade-mode-box,
body.design-system-core-active .installer-preview-section,
body.design-system-core-active .installer-preview-grid > div,
body.design-system-core-active .installer-preview-stats > div,
body.design-system-core-active .installer-preview-stats > span,
body.design-system-core-active .installer-check-grid > div,
body.design-system-core-active .installer-manifest-row,
body.design-system-core-active .theme-installer-checkbox,
body.design-system-core-active .theme-installer-check-grid > div,
body.design-system-core-active .theme-installer-result-grid > div,
body.design-system-core-active .theme-meta span,
body.design-system-core-active .theme-runtime-hint,
body.design-system-core-active .migration-pending-list,
body.design-system-core-active .migration-pending-item,
body.design-system-core-active .migration-history,
body.design-system-core-active .migration-history-item,
body.design-system-core-active .backup-history-box,
body.design-system-core-active .backup-history-entry,
body.design-system-core-active .backup-warning-box,
body.design-system-core-active .backup-tags span,
body.design-system-core-active .export-row,
body.design-system-core-active .event-list-item,
body.design-system-core-active .event-fired-item,
body.design-system-core-active .event-info-list li,
body.design-system-core-active .admin-user-row,
body.design-system-core-active .admin-status li,
body.design-system-core-active .admin-users-runtime-note,
body.design-system-core-active .admin-user-permission-details,
body.design-system-core-active .admin-permission-role-item{
    border:1px solid var(--dsc-admin-line-soft) !important;
    border-radius:var(--dsc-admin-radius-sm) !important;
    background:rgba(8,7,6,.64) !important;
    color:var(--dsc-admin-text) !important;
    box-shadow:inset 0 1px 0 rgba(255,226,159,.04) !important;
}

body.design-system-core-active .module-dependency-block,
body.design-system-core-active .module-warning-entry,
body.design-system-core-active .installer-preview-section,
body.design-system-core-active .migration-section,
body.design-system-core-active .migration-pending-item,
body.design-system-core-active .migration-history-item,
body.design-system-core-active .backup-section,
body.design-system-core-active .backup-history-entry,
body.design-system-core-active .export-row,
body.design-system-core-active .event-list-item,
body.design-system-core-active .event-fired-item,
body.design-system-core-active .admin-user-row,
body.design-system-core-active .admin-status li{
    padding:12px !important;
}

/* Status, Badges, Tags */
body.design-system-core-active .module-status,
body.design-system-core-active .module-badge,
body.design-system-core-active .module-tags span,
body.design-system-core-active .theme-status,
body.design-system-core-active .migration-status,
body.design-system-core-active .migration-history-status,
body.design-system-core-active .backup-status,
body.design-system-core-active .event-badge,
body.design-system-core-active .installer-ok,
body.design-system-core-active .installer-warn,
body.design-system-core-active .installer-muted,
body.design-system-core-active .admin-user-status,
body.design-system-core-active .admin-user-id-badge,
body.design-system-core-active .admin-role-chip,
body.design-system-core-active .admin-permission-chip{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    min-height:26px !important;
    padding:5px 10px !important;
    border:1px solid var(--dsc-admin-line) !important;
    border-radius:999px !important;
    background:rgba(217,154,67,.12) !important;
    color:var(--dsc-admin-accent-2) !important;
    font-size:.82rem !important;
    font-weight:850 !important;
    white-space:normal !important;
}

body.design-system-core-active .module-badge-nextgen-ready,
body.design-system-core-active .module-badge-runtime,
body.design-system-core-active .module-status-enabled,
body.design-system-core-active .theme-status-enabled,
body.design-system-core-active .theme-check-ok,
body.design-system-core-active .migration-status-ok,
body.design-system-core-active .migration-status-label-success,
body.design-system-core-active .installer-ok,
body.design-system-core-active .success,
body.design-system-core-active .health-status.success,
body.design-system-core-active .admin-user-status-active{
    border-color:rgba(115,206,130,.46) !important;
    background:rgba(32,108,48,.16) !important;
    color:#dfffe6 !important;
}

body.design-system-core-active .module-badge-warning,
body.design-system-core-active .module-status-disabled,
body.design-system-core-active .theme-status-active,
body.design-system-core-active .theme-check-warn,
body.design-system-core-active .migration-status-pending,
body.design-system-core-active .installer-warn,
body.design-system-core-active .warning,
body.design-system-core-active .health-status.warning,
body.design-system-core-active .installer-warning,
body.design-system-core-active .installer-warning-box,
body.design-system-core-active .backup-warning-box{
    border-color:rgba(255,189,102,.50) !important;
    background:rgba(160,91,22,.18) !important;
    color:#ffe9c5 !important;
}

body.design-system-core-active .module-badge-legacy,
body.design-system-core-active .module-status-error,
body.design-system-core-active .theme-status-disabled,
body.design-system-core-active .theme-check-bad,
body.design-system-core-active .migration-status-label-failed,
body.design-system-core-active .installer-error,
body.design-system-core-active .theme-installer-error,
body.design-system-core-active .backup-error,
body.design-system-core-active .export-error,
body.design-system-core-active .migration-error,
body.design-system-core-active .admin-alert-error,
body.design-system-core-active .health-status.error,
body.design-system-core-active .admin-user-status-banned{
    border-color:rgba(212,85,56,.50) !important;
    background:linear-gradient(180deg, rgba(115,30,18,.24), rgba(8,7,6,.91)) !important;
    color:#ffddd5 !important;
}

/* Formulare */
body.design-system-core-active .admin-form,
body.design-system-core-active .admin-inline-form,
body.design-system-core-active .export-form,
body.design-system-core-active .installer-form,
body.design-system-core-active .theme-installer-form,
body.design-system-core-active .migration-form,
body.design-system-core-active .backup-form,
body.design-system-core-active .theme-inline-form,
body.design-system-core-active .theme-cache-form{
    gap:10px !important;
}

body.design-system-core-active .admin-form input,
body.design-system-core-active .admin-form select,
body.design-system-core-active .admin-form textarea,
body.design-system-core-active .admin-user-card select,
body.design-system-core-active .admin-user-card input[type="number"],
body.design-system-core-active .export-form input,
body.design-system-core-active .export-form select,
body.design-system-core-active .export-form textarea,
body.design-system-core-active .installer-form input,
body.design-system-core-active .installer-form select,
body.design-system-core-active .installer-form textarea,
body.design-system-core-active .theme-installer-form input,
body.design-system-core-active .theme-installer-form select,
body.design-system-core-active .theme-installer-form textarea,
body.design-system-core-active .migration-form input,
body.design-system-core-active .backup-form input,
body.design-system-core-active input[type="file"]{
    min-height:42px !important;
    border:1px solid var(--dsc-admin-line) !important;
    border-radius:var(--dsc-admin-radius-sm) !important;
    background:linear-gradient(180deg, rgba(12,10,8,.96), rgba(5,5,5,.99)) !important;
    color:var(--dsc-admin-text) !important;
    padding:10px 12px !important;
}

body.design-system-core-active .admin-form input:focus,
body.design-system-core-active .admin-form select:focus,
body.design-system-core-active .admin-form textarea:focus,
body.design-system-core-active .export-form input:focus,
body.design-system-core-active .export-form select:focus,
body.design-system-core-active .installer-form input:focus,
body.design-system-core-active .theme-installer-form input:focus,
body.design-system-core-active .migration-form input:focus,
body.design-system-core-active .backup-form input:focus{
    outline:0 !important;
    border-color:var(--dsc-admin-line-strong) !important;
    box-shadow:var(--dsc-focus, 0 0 0 3px rgba(255,154,54,.18)) !important;
}

body.design-system-core-active input[type="checkbox"],
body.design-system-core-active input[type="radio"]{
    accent-color:var(--dsc-admin-accent) !important;
}

/* Tabellen, Code, Pre */
body.design-system-core-active table{
    border:1px solid var(--dsc-admin-line) !important;
    border-radius:var(--dsc-admin-radius) !important;
    overflow:hidden !important;
    background:rgba(8,7,6,.72) !important;
}

body.design-system-core-active th,
body.design-system-core-active td{
    border-bottom:1px solid rgba(214,152,69,.13) !important;
    color:var(--dsc-admin-text) !important;
}

body.design-system-core-active th{
    color:var(--dsc-admin-accent-2) !important;
    background:rgba(217,154,67,.12) !important;
}

body.design-system-core-active pre,
body.design-system-core-active code,
body.design-system-core-active .migration-history-checksum,
body.design-system-core-active .migration-history-error{
    border:1px solid var(--dsc-admin-line-soft) !important;
    border-radius:var(--dsc-admin-radius-sm) !important;
    background:#050403 !important;
    color:#ffe5b4 !important;
}

body.design-system-core-active pre{
    padding:14px !important;
    overflow:auto !important;
}

/* Listen entpunkten */
body.design-system-core-active .admin-status,
body.design-system-core-active .event-info-list,
body.design-system-core-active .module-list,
body.design-system-core-active .export-list,
body.design-system-core-active .migration-history,
body.design-system-core-active .backup-history-box,
body.design-system-core-active .event-list,
body.design-system-core-active .event-fired-list,
body.design-system-core-active .installer-manifest-list{
    list-style:none !important;
    padding-left:0 !important;
    margin-left:0 !important;
}

/* Fortschrittsbalken */
body.design-system-core-active .module-runtime-bar{
    height:14px !important;
    padding:0 !important;
    overflow:hidden !important;
    background:#060504 !important;
}

body.design-system-core-active .module-runtime-fill{
    height:100% !important;
    border-radius:999px !important;
    background:linear-gradient(90deg, var(--dsc-accent-3, #ff7a22), var(--dsc-admin-accent-2)) !important;
    box-shadow:0 0 18px rgba(255,154,54,.36) !important;
}

/* Karten-Hover nur dort, wo es wirklich Karten sind */
body.design-system-core-active .admin-card:hover,
body.design-system-core-active .module-card:hover,
body.design-system-core-active .theme-card:hover,
body.design-system-core-active .backup-card:hover,
body.design-system-core-active .export-card:hover,
body.design-system-core-active .event-stat-card:hover,
body.design-system-core-active .health-card:hover{
    border-color:var(--dsc-admin-line-strong) !important;
    box-shadow:var(--dsc-shadow, 0 22px 60px rgba(0,0,0,.46)), var(--dsc-glow, 0 0 26px rgba(217,154,67,.16)) !important;
    transform:translateY(-2px) !important;
}

/* Upload/Installer-Preview sauberer Lesefluss */
body.design-system-core-active .installer-manifest-row,
body.design-system-core-active .export-row,
body.design-system-core-active .event-list-item,
body.design-system-core-active .module-card-header,
body.design-system-core-active .theme-card-header,
body.design-system-core-active .migration-card-header,
body.design-system-core-active .backup-card-header,
body.design-system-core-active .migration-history-title-row{
    display:flex !important;
    justify-content:space-between !important;
    gap:12px !important;
    align-items:flex-start !important;
}

/* Große Stat-Werte */
body.design-system-core-active .admin-stat,
body.design-system-core-active .event-stat-number,
body.design-system-core-active .runtime-box span,
body.design-system-core-active .runtime-box strong{
    color:#fff0cf !important;
    font-weight:900 !important;
    text-shadow:0 0 20px rgba(255,154,54,.20) !important;
}

/* Responsive AdminCenter */
@media(max-width:980px){
    body.design-system-core-active .admin-grid,
    body.design-system-core-active .admin-actions,
    body.design-system-core-active .admin-module-grid,
    body.design-system-core-active .installer-preview-grid,
    body.design-system-core-active .installer-preview-stats,
    body.design-system-core-active .migration-grid,
    body.design-system-core-active .backup-grid,
    body.design-system-core-active .export-grid,
    body.design-system-core-active .event-runtime-grid,
    body.design-system-core-active .health-grid,
    body.design-system-core-active .theme-grid,
    body.design-system-core-active .runtime-overview{
        grid-template-columns:1fr !important;
    }
}

@media(max-width:720px){
    body.design-system-core-active .admin-hero-panel,
    body.design-system-core-active .admin-card,
    body.design-system-core-active .module-card,
    body.design-system-core-active .theme-card,
    body.design-system-core-active .admin-user-card,
    body.design-system-core-active .installer-panel,
    body.design-system-core-active .installer-preview-panel,
    body.design-system-core-active .migration-card,
    body.design-system-core-active .backup-card,
    body.design-system-core-active .export-card{
        padding:14px !important;
        border-radius:14px !important;
    }

    body.design-system-core-active .admin-actions a,
    body.design-system-core-active .admin-btn,
    body.design-system-core-active .module-button,
    body.design-system-core-active .theme-btn,
    body.design-system-core-active .installer-action-link,
    body.design-system-core-active .installer-back-link,
    body.design-system-core-active .theme-installer-action-link,
    body.design-system-core-active .theme-installer-back-link,
    body.design-system-core-active .migration-button,
    body.design-system-core-active .event-link,
    body.design-system-core-active .backup-action-link,
    body.design-system-core-active .export-action-link{
        width:100% !important;
    }

    body.design-system-core-active .installer-manifest-row,
    body.design-system-core-active .export-row,
    body.design-system-core-active .event-list-item,
    body.design-system-core-active .module-card-header,
    body.design-system-core-active .theme-card-header,
    body.design-system-core-active .migration-card-header,
    body.design-system-core-active .backup-card-header,
    body.design-system-core-active .migration-history-title-row{
        flex-direction:column !important;
        align-items:stretch !important;
    }
}