/* UI-10 — couche visuelle V2 sur l'Administration legacy, sans modifier ses règles. */
.app-module-host .admin-layout{background:var(--fa-bg);color:var(--fa-text);min-height:calc(100vh - 72px)}
.app-module-host .admin-sidebar{background:var(--fa-surface);border-right:1px solid var(--fa-border);box-shadow:none}
.app-module-host .admin-menu-header{border-bottom:1px solid var(--fa-border)}
.app-module-host .admin-menu-header h2{color:var(--fa-text)}
.app-module-host .admin-sidebar button,.app-module-host .admin-nav-item{border-radius:var(--fa-radius)}
.app-module-host .admin-main{min-width:0;background:var(--fa-bg)}
.app-module-host .admin-section-header{background:var(--fa-surface);border-bottom:1px solid var(--fa-border)}
.app-module-host .admin-section-content{max-width:1180px;padding:22px}
.app-module-host .admin-row{background:var(--fa-surface)}
.app-module-host .admin-menu-card{border-color:var(--fa-border);border-radius:var(--fa-radius-lg);box-shadow:none;background:var(--fa-surface);color:var(--fa-text)}
.app-module-host .admin-menu-card:hover{border-color:var(--fa-accent);transform:none;box-shadow:0 2px 10px rgba(20,24,28,.06)}
/* Les anciennes couleurs de catégorie restent tolérées comme indicateur legacy,
   mais ne deviennent plus des surfaces pleines dans la nouvelle coquille. */
.app-module-host .admin-green,.app-module-host .admin-blue,.app-module-host .admin-red,.app-module-host .admin-purple,.app-module-host .admin-orange{background:var(--fa-surface)!important;color:var(--fa-text)!important}
@media(max-width:760px){.app-module-host .admin-section-content{padding:14px}.app-module-host .admin-layout{min-height:calc(100dvh - 64px)}}