/* ==========================================================================
   DUNYON — Design System · EasyAdmin 5 dark theme
   Strategy: override EasyAdmin semantic CSS variables on body.ea
   (specificity 0,1,1 beats :root and .ea-dark-scheme — no conflicts)
   ========================================================================== */

/* ── Dunyon tokens ───────────────────────────────────────────────────────── */
:root {
    --d-bg:       #06111F;
    --d-bg-2:     #0D1B2A;
    --d-bg-3:     #14263A;
    --d-cyan:     #54D2FF;
    --d-green:    #5EE9B5;
    --d-fg:       #F3F6FA;
    --d-fg-2:     #C8D2DF;
    --d-fg-3:     #8FA0B3;
    --d-fg-4:     #5A6B80;
    --d-warning:  #F6C667;
    --d-alert:    #FF8CA0;
    --d-info:     #8FA0B3;
    --d-gradient: linear-gradient(135deg, #54D2FF 0%, #5EE9B5 100%);
    --d-border:   rgba(255, 255, 255, 0.08);
}

/* ── EasyAdmin semantic variable overrides ───────────────────────────────── */
/* Applied on body.ea to beat both :root (light) and .ea-dark-scheme (dark) */
body.ea {
    /* Color system */
    --color-primary:  var(--d-cyan);
    --color-success:  var(--d-green);
    --color-info:     var(--d-info);
    --color-warning:  var(--d-warning);
    --color-danger:   var(--d-alert);
    --color-danger-rgb: 255, 140, 160;

    /* Text */
    --text-color:          var(--d-fg-2);
    --text-color-rgb:      200, 210, 223;
    --text-color-dark:     var(--d-fg);
    --text-color-light:    var(--d-fg-3);
    --text-muted:          var(--d-fg-4);
    --text-primary-color:  var(--d-fg);
    --text-secondary-color: var(--d-fg-3);
    --text-tertiary-color: var(--d-fg-4);
    --text-on-primary:     var(--d-bg);

    /* Links */
    --link-color:       var(--d-cyan);
    --link-hover-color: var(--d-green);
    --link-color-rgb:   84, 210, 255;
    --link-hover-color-rgb: 94, 233, 181;

    /* Borders */
    --border-color:           var(--d-border);
    --border-primary-color:   var(--d-border);
    --border-secondary-color: rgba(255, 255, 255, 0.05);
    --border-tertiary-color:  rgba(255, 255, 255, 0.03);

    /* Backgrounds */
    --body-bg:      var(--d-bg);
    --content-bg:   var(--d-bg);
    --primary-bg:   var(--d-bg-3);
    --secondary-bg: var(--d-bg-2);
    --tertiary-bg:  var(--d-bg);

    --content-panel-bg: var(--d-bg-3);
    --fieldset-bg:      var(--d-bg-3);

    --content-top-border-color:     var(--d-border);
    --content-section-border-color: var(--d-border);
    --content-search-input-bg:      var(--d-bg-2);
    --content-search-icon-color:    var(--d-fg-4);
    --content-search-reset-button-bg:          var(--d-bg-3);
    --content-search-reset-button-color:       var(--d-fg-3);
    --content-search-reset-button-hover-bg:    var(--d-bg-2);
    --content-search-reset-button-hover-color: var(--d-fg);

    /* Responsive header */
    --responsive-header-bg:           var(--d-bg-2);
    --responsive-header-border-color: var(--d-border);
    --responsive-header-logo-color:   var(--d-cyan);
    --responsive-table-label-color:   var(--d-fg-3);
    --responsive-table-row-border-color: var(--d-border);

    /* Sidebar */
    --sidebar-bg:                     var(--d-bg-2);
    --sidebar-border-color:           var(--d-border);
    --sidebar-logo-color:             var(--d-cyan);
    --sidebar-menu-color:             var(--d-fg-3);
    --sidebar-menu-icon-color:        var(--d-fg-4);
    --sidebar-menu-header-color:      var(--d-fg-4);
    --sidebar-menu-submenu-color:     var(--d-fg-3);
    --sidebar-menu-badge-bg:          rgba(84, 210, 255, 0.1);
    --sidebar-menu-badge-color:       var(--d-cyan);
    --sidebar-menu-badge-active-bg:   var(--d-cyan);
    --sidebar-menu-badge-active-color: var(--d-bg);
    --sidebar-menu-active-item-bg:    rgba(84, 210, 255, 0.12);
    --sidebar-menu-active-item-color: var(--d-cyan);

    /* User menu */
    --user-avatar-icon-bg:             var(--d-bg-3);
    --user-avatar-icon-color:          var(--d-fg-3);
    --user-name-color:                 var(--d-fg-3);
    --user-menu-impersonated-link-color: var(--d-cyan);

    /* Popover */
    --popover-bg:           var(--d-bg-3);
    --popover-border-color: var(--d-border);
    --popover-color:        var(--d-fg-2);

    /* Dropdown */
    --dropdown-toggle-bg:           var(--d-bg-3);
    --dropdown-toggle-color:        var(--d-fg-2);
    --dropdown-toggle-border-color: var(--d-border);
    --dropdown-toggle-hover-border-color: rgba(255, 255, 255, 0.15);
    --dropdown-bg:           var(--d-bg-3);
    --dropdown-color:        var(--d-fg-2);
    --dropdown-border-color: var(--d-border);
    --dropdown-link-color:   var(--d-fg-2);
    --dropdown-link-hover-bg: rgba(84, 210, 255, 0.08);
    --dropdown-icon-color:   var(--d-fg-4);
    --dropdown-settings-icon-color:         var(--d-fg-4);
    --dropdown-settings-active-item-bg:     var(--d-bg);
    --dropdown-settings-active-item-color:  var(--d-cyan);
    --dropdown-settings-active-item-shadow: inset 0 0 0 1px var(--d-border);

    /* Table */
    --table-thead-color:           var(--d-fg);
    --table-cell-color:            var(--d-fg-2);
    --table-thead-marker-color:    var(--d-fg-4);
    --table-cell-border-color:     var(--d-border);
    --table-hover-cell-bg:         rgba(84, 210, 255, 0.04);
    --table-selected-cell-bg:      rgba(84, 210, 255, 0.10);
    --table-thead-sorted-color:    var(--d-cyan);
    --table-thead-sorted-marker-color: var(--d-cyan);
    --datagrid-noresults-placeholder-bg:  var(--d-bg-3);
    --datagrid-hidden-results-gradient-bg: var(--d-bg-3);

    /* Datalist */
    --datalist-border-color: var(--d-border);
    --datalist-label-color:  var(--d-fg-3);
    --datalist-value-color:  var(--d-fg-2);

    /* Pagination */
    --pagination-color:              var(--d-fg-3);
    --pagination-hover-border-color: rgba(255, 255, 255, 0.15);
    --pagination-active-bg:          var(--d-cyan);
    --pagination-active-color:       var(--d-bg);
    --pagination-disabled-color:     var(--d-fg-4);

    /* Modal */
    --modal-bg:                  var(--d-bg-3);
    --modal-border-color:        var(--d-border);
    --modal-header-bg:           var(--d-bg-2);
    --modal-header-border-color: var(--d-border);
    --modal-footer-bg:           var(--d-bg-2);
    --modal-title-color:         var(--d-fg);

    /* Forms */
    --form-label-color:               var(--d-fg-3);
    --form-control-bg:                var(--d-bg-2);
    --form-control-disabled-bg:       var(--d-bg-3);
    --form-control-disabled-color:    var(--d-fg-4);
    --form-input-border-color:        rgba(255, 255, 255, 0.10);
    --form-input-hover-border-color:  rgba(255, 255, 255, 0.20);
    --form-input-error-border-color:  var(--d-alert);
    --form-input-error-legend-color:  var(--d-alert);
    --form-input-shadow:              none;
    --form-input-hover-shadow:        none;
    --form-input-error-shadow:        0 0 0 3px rgba(255, 140, 160, 0.15);
    --form-input-text-color:          var(--d-fg-2);
    --form-input-group-text-bg:       var(--d-bg-3);
    --form-input-group-text-border-color: rgba(255, 255, 255, 0.10);
    --form-switch-bg:                 var(--d-bg-3);
    --form-switch-border-color:       rgba(255, 255, 255, 0.15);
    --form-switch-checked-bg:         var(--d-cyan);
    --form-type-check-input-border-color: rgba(255, 255, 255, 0.20);
    --form-type-check-input-box-shadow: none;
    --form-type-check-input-checked-bg: var(--d-cyan);
    --form-help-color:                var(--d-fg-4);
    --form-help-error-color:          var(--d-fg-2);
    --form-help-active-color:         var(--d-fg-3);
    --form-tabs-border-color:         var(--d-border);
    --form-tabs-help-color:           var(--d-fg-4);
    --form-column-header-color:       var(--d-fg);
    --form-column-help-color:         var(--d-fg-4);
    --form-column-icon-color:         var(--d-fg-4);
    --form-fieldset-header-color:     var(--d-fg);
    --form-fieldset-help-color:       var(--d-fg-4);
    --form-fieldset-border-color:     var(--d-border);
    --form-fieldset-header-border-color: var(--d-border);
    --form-fieldset-icon-color:       var(--d-fg-4);
    --form-fieldset-collapse-marker-color: var(--d-fg-4);
    --form-collection-item-collapse-marker-color: var(--d-fg-4);
    --form-type-text-editor-toolbar-bg:              var(--d-bg-2);
    --form-type-text-editor-toolbar-button-color:    var(--d-fg-3);
    --form-type-text-editor-toolbar-button-hover-color: var(--d-bg-3);
    --form-type-text-editor-toolbar-button-active-bg:   var(--d-bg-3);
    --form-type-text-editor-toolbar-button-active-color: var(--d-fg);
    --form-type-text-editor-dialog-bg:               var(--d-bg-3);
    --form-type-text-editor-dialog-box-shadow:       0 4px 12px rgba(0, 0, 0, 0.5);
    --form-type-text-editor-content-pre-bg:          var(--d-bg-3);
    --form-type-text-editor-content-pre-color:       var(--d-fg-2);
    --form-type-collection-item-collapsed-hover-bg:  var(--d-bg-2);
    --form-type-autocomplete-dropdown-bg:            var(--d-bg-3);
    --form-type-autocomplete-dropdown-input-wrapper-bg: var(--d-bg-2);
    --form-type-autocomplete-dropdown-input-border-color: transparent;
    --form-type-autocomplete-dropdown-active-item-bg: var(--d-bg-2);
    --form-type-autocomplete-close-button-bg:        var(--d-fg-4);
    --form-type-autocomplete-close-button-hover-bg:  var(--d-bg);
    --form-type-autocomplete-optgroup-bg:            var(--d-bg-3);
    --form-type-autocomplete-optgroup-color:         var(--d-fg-3);
    --form-type-autocomplete-multi-item-bg:          var(--d-bg-2);
    --form-type-autocomplete-multi-item-border-color: var(--d-border);
    --form-type-autocomplete-multi-item-remove-button-hover-bg: var(--d-bg);
    --form-global-error-bg:    transparent;
    --form-global-error-color: var(--d-alert);
    --form-global-error-border: 1px solid var(--d-alert);

    /* Badges */
    --badge-boolean-false-bg:        rgba(255, 255, 255, 0.06);
    --badge-boolean-false-box-shadow: inset 0 0 0 1px var(--d-border);
    --badge-boolean-false-color:     var(--d-fg-2);
    --badge-boolean-true-bg:         rgba(84, 210, 255, 0.15);
    --badge-boolean-true-box-shadow: inset 0 0 0 1px rgba(84, 210, 255, 0.3);
    --badge-boolean-true-color:      var(--d-cyan);
    --badge-success-bg:              rgba(94, 233, 181, 0.15);
    --badge-success-box-shadow:      inset 0 0 0 1px rgba(94, 233, 181, 0.3);
    --badge-success-color:           var(--d-green);
    --badge-warning-bg:              rgba(246, 198, 103, 0.15);
    --badge-warning-box-shadow:      inset 0 0 0 1px rgba(246, 198, 103, 0.3);
    --badge-warning-color:           var(--d-warning);
    --badge-danger-bg:               rgba(255, 140, 160, 0.15);
    --badge-danger-box-shadow:       inset 0 0 0 1px rgba(255, 140, 160, 0.3);
    --badge-danger-color:            var(--d-alert);
    --badge-info-bg:                 rgba(143, 160, 179, 0.15);
    --badge-info-box-shadow:         inset 0 0 0 1px rgba(143, 160, 179, 0.3);
    --badge-info-color:              var(--d-info);
    --badge-primary-bg:              rgba(84, 210, 255, 0.15);
    --badge-primary-box-shadow:      inset 0 0 0 1px rgba(84, 210, 255, 0.3);
    --badge-primary-color:           var(--d-cyan);
    --badge-secondary-bg:            rgba(255, 255, 255, 0.06);
    --badge-secondary-box-shadow:    inset 0 0 0 1px var(--d-border);
    --badge-secondary-color:         var(--d-fg-3);
    --badge-light-bg:                rgba(255, 255, 255, 0.08);
    --badge-light-box-shadow:        none;
    --badge-light-color:             var(--d-fg-2);
    --badge-dark-bg:                 rgba(0, 0, 0, 0.3);
    --badge-dark-box-shadow:         none;
    --badge-dark-color:              var(--d-fg-3);
    --badge-outline-box-shadow:      inset 0 0 0 1px var(--d-fg-4);
    --badge-outline-color:           var(--d-fg-2);

    /* Alerts */
    --alert-primary-bg:           rgba(84, 210, 255, 0.10);
    --alert-primary-color:        var(--d-cyan);
    --alert-primary-border-color: rgba(84, 210, 255, 0.25);
    --alert-secondary-bg:         var(--d-bg-3);
    --alert-secondary-color:      var(--d-fg-2);
    --alert-secondary-border-color: var(--d-border);
    --alert-success-bg:           rgba(94, 233, 181, 0.10);
    --alert-success-color:        var(--d-green);
    --alert-success-border-color: rgba(94, 233, 181, 0.25);
    --alert-info-bg:              rgba(143, 160, 179, 0.10);
    --alert-info-color:           var(--d-info);
    --alert-info-border-color:    rgba(143, 160, 179, 0.25);
    --alert-warning-bg:           rgba(246, 198, 103, 0.10);
    --alert-warning-color:        var(--d-warning);
    --alert-warning-border-color: rgba(246, 198, 103, 0.25);
    --alert-danger-bg:            rgba(255, 140, 160, 0.10);
    --alert-danger-color:         var(--d-alert);
    --alert-danger-border-color:  rgba(255, 140, 160, 0.25);
    --alert-light-bg:             var(--d-bg-3);
    --alert-light-color:          var(--d-fg-2);
    --alert-light-border-color:   var(--d-border);
    --alert-dark-bg:              var(--d-bg);
    --alert-dark-color:           var(--d-fg-2);
    --alert-dark-border-color:    var(--d-border);

    /* Buttons — primary */
    --button-primary-box-shadow:        none;
    --button-primary-bg:                var(--d-cyan);
    --button-primary-color:             var(--d-bg);
    --button-primary-icon-color:        var(--d-bg);
    --button-primary-border-color:      transparent;
    --button-primary-hover-bg:          var(--d-green);
    --button-primary-hover-color:       var(--d-bg);
    --button-primary-hover-border-color: transparent;
    --button-primary-active-box-shadow: none;
    --button-primary-active-bg:         var(--d-green);
    --button-primary-active-color:      var(--d-bg);
    --button-primary-active-border-color: transparent;

    /* Buttons — secondary */
    --button-secondary-box-shadow:        none;
    --button-secondary-bg:                var(--d-bg-3);
    --button-secondary-color:             var(--d-fg-2);
    --button-secondary-icon-color:        var(--d-fg-3);
    --button-secondary-border-color:      var(--d-border);
    --button-secondary-hover-bg:          rgba(255, 255, 255, 0.06);
    --button-secondary-hover-color:       var(--d-fg);
    --button-secondary-hover-border-color: rgba(255, 255, 255, 0.12);
    --button-secondary-active-box-shadow: none;
    --button-secondary-active-bg:         rgba(255, 255, 255, 0.08);
    --button-secondary-active-color:      var(--d-fg);
    --button-secondary-active-border-color: rgba(255, 255, 255, 0.15);

    /* Buttons — success */
    --button-success-box-shadow:        none;
    --button-success-bg:                var(--d-bg-3);
    --button-success-color:             var(--d-green);
    --button-success-icon-color:        inherit;
    --button-success-border-color:      var(--d-border);
    --button-success-hover-bg:          var(--d-green);
    --button-success-hover-color:       var(--d-bg);
    --button-success-hover-border-color: transparent;
    --button-success-active-box-shadow: none;
    --button-success-active-bg:         var(--d-green);
    --button-success-active-color:      var(--d-bg);
    --button-success-active-border-color: transparent;

    /* Buttons — warning */
    --button-warning-box-shadow:        none;
    --button-warning-bg:                var(--d-bg-3);
    --button-warning-color:             var(--d-warning);
    --button-warning-icon-color:        inherit;
    --button-warning-border-color:      var(--d-border);
    --button-warning-hover-bg:          var(--d-warning);
    --button-warning-hover-color:       var(--d-bg);
    --button-warning-hover-border-color: transparent;
    --button-warning-active-box-shadow: none;
    --button-warning-active-bg:         var(--d-warning);
    --button-warning-active-color:      var(--d-bg);
    --button-warning-active-border-color: transparent;

    /* Buttons — danger */
    --button-danger-box-shadow:        none;
    --button-danger-bg:                var(--d-bg-3);
    --button-danger-color:             var(--d-alert);
    --button-danger-icon-color:        inherit;
    --button-danger-border-color:      var(--d-border);
    --button-danger-hover-bg:          var(--d-alert);
    --button-danger-hover-color:       var(--d-bg);
    --button-danger-hover-border-color: transparent;
    --button-danger-active-box-shadow: none;
    --button-danger-active-bg:         var(--d-alert);
    --button-danger-active-color:      var(--d-bg);
    --button-danger-active-border-color: transparent;

    /* Login page */
    --page-login-bg:                       var(--d-bg);
    --page-login-form-bg:                  var(--d-bg-3);
    --page-login-form-control-bg:          var(--d-bg-2);
    --page-login-form-control-border-color: rgba(255, 255, 255, 0.10);
    --page-login-form-control-button-bg:   var(--d-cyan);

    /* Highlight */
    --highlight-bg:    rgba(84, 210, 255, 0.25);
    --highlight-color: var(--d-fg);

    /* Shadows */
    --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.3), 0 2px 4px -2px rgba(0,0,0,0.3);
    --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.3), 0 4px 6px -4px rgba(0,0,0,0.3);
    --shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.4), 0 8px 10px -6px rgba(0,0,0,0.4);
}

/* ── Logo / brand en dégradé signature ───────────────────────────────────── */
body.ea .sidebar .logo,
body.ea .sidebar a.logo,
body.ea .sidebar .logo-wrapper,
body.ea .main-header .logo-wrapper {
    background: var(--d-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 700;
}

/* ── Sections de menu ────────────────────────────────────────────────────── */
body.ea .sidebar .menu-section,
body.ea .sidebar [class*="section"] > span,
body.ea .sidebar .ea-sidebar-menu .nav-item.section-title {
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.09em;
}

/* ── Page login ──────────────────────────────────────────────────────────── */
/* Le fond */
body.ea.ea-body-login {
    background-color: var(--d-bg) !important;
}

/* Carte de connexion */
body.ea .ea-login-form .content {
    border-radius: 10px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
}

/* Lien mot de passe oublié — exclure les boutons pour éviter cyan sur cyan */
body.ea .ea-login-form a:not(.btn),
body.ea .login-wrapper a:not(.btn) {
    color: var(--d-cyan);
}
body.ea .ea-login-form a:not(.btn):hover,
body.ea .login-wrapper a:not(.btn):hover {
    color: var(--d-green);
}

/* ── Scrollbar ───────────────────────────────────────────────────────────── */
body.ea ::-webkit-scrollbar       { width: 5px; height: 5px; }
body.ea ::-webkit-scrollbar-track { background: var(--d-bg); }
body.ea ::-webkit-scrollbar-thumb { background: var(--d-bg-3); border-radius: 3px; }
body.ea ::-webkit-scrollbar-thumb:hover { background: var(--d-fg-4); }

/* ===== DASHBOARD =========================================================== */

.dashboard-kpi-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}

.dashboard-kpi-card {
  background: var(--sidebar-bg, #0d1f33);
  border: 1px solid rgba(84, 210, 255, 0.15);
  border-radius: 8px;
  padding: 1.25rem;
}

.kpi-value {
  font-size: 2rem;
  font-weight: 700;
  color: #54D2FF;
  line-height: 1;
}

.kpi-label {
  font-size: 0.8rem;
  color: var(--text-muted, #8899aa);
  margin-top: 0.25rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.kpi-link {
  display: inline-block;
  margin-top: 0.5rem;
  font-size: 0.75rem;
  color: #54D2FF;
  text-decoration: none;
  opacity: 0.7;
}
.kpi-link:hover { opacity: 1; color: #54D2FF; }

.dashboard-card {
  background: var(--sidebar-bg, #0d1f33);
  border: 1px solid rgba(84, 210, 255, 0.1);
  border-radius: 8px;
  padding: 1.25rem;
}

.dashboard-card-title {
  font-size: 0.85rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #54D2FF;
  margin-bottom: 1rem;
  border-bottom: 1px solid rgba(84, 210, 255, 0.15);
  padding-bottom: 0.5rem;
}

.dashboard-alert {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 6px;
  padding: 0.75rem 1rem;
  color: #fca5a5;
  font-size: 0.85rem;
}

.dashboard-ok {
  background: rgba(34, 197, 94, 0.1);
  border: 1px solid rgba(34, 197, 94, 0.3);
  border-radius: 6px;
  padding: 0.75rem 1rem;
  color: #86efac;
  font-size: 0.85rem;
}

.dashboard-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.85rem;
}

.dashboard-table th {
  text-align: left;
  padding: 0.4rem 0.6rem;
  color: var(--text-muted, #8899aa);
  font-weight: 500;
  border-bottom: 1px solid rgba(255,255,255,0.06);
  cursor: pointer;
  user-select: none;
}

.dashboard-table th:hover { color: #54D2FF; }

.dashboard-table td {
  padding: 0.5rem 0.6rem;
  border-bottom: 1px solid rgba(255,255,255,0.04);
  color: var(--text-color, #e2e8f0);
}

.dashboard-table tr:last-child td { border-bottom: none; }
.dashboard-table tr:hover td { background: rgba(84, 210, 255, 0.04); }

.instance-bar {
  height: 4px;
  background: rgba(84, 210, 255, 0.15);
  border-radius: 2px;
  margin-top: 4px;
}

.instance-bar-fill {
  height: 100%;
  background: #54D2FF;
  border-radius: 2px;
  transition: width 0.3s ease;
}

.bilan-date-form {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1.25rem;
  flex-wrap: wrap;
}

.bilan-date-form input[type="date"] {
  background: rgba(84, 210, 255, 0.05);
  border: 1px solid rgba(84, 210, 255, 0.2);
  border-radius: 4px;
  color: var(--text-color, #e2e8f0);
  padding: 0.3rem 0.6rem;
  font-size: 0.85rem;
}

.bilan-date-form label {
  font-size: 0.8rem;
  color: var(--text-muted, #8899aa);
}

.bilan-charts-row {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 1rem;
  margin-top: 1rem;
}

@media (max-width: 1024px) {
  .dashboard-kpi-row { grid-template-columns: repeat(2, 1fr); }
  .bilan-charts-row  { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  .dashboard-kpi-row { grid-template-columns: 1fr; }
}

/* ── Tag plan sidebar ── */
/* La règle EasyAdmin ".main-header #header-logo a { display: block }" force pleine largeur.
   On surcharge avec un sélecteur plus spécifique incluant #header-logo. */
/* EasyAdmin force display:block sur tous les <a> dans #header-logo (base.css:147).
   Sélecteur plus spécifique (1,3,2 > 1,1,1) + !important pour l'emporter. */
body.ea .main-header #header-logo a.dunyon-plan-tag {
  display: inline-flex !important;
  width: auto !important;
  align-items: center;
  gap: 5px;
  margin: 0 0 10px 0;
  padding: 3px 9px;
  border-radius: 20px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  white-space: nowrap;
  line-height: 1.4;
  text-decoration: none;
}

body.ea .main-header #header-logo a.dunyon-plan-tag .dunyon-plan-tag__dot {
  display: inline-block;
  width: 5px;
  height: 5px;
  min-width: 5px;
  border-radius: 50%;
  flex-shrink: 0;
}

/* overflow:hidden du vendor cliperait le tag — on l'annule */
body.ea .main-header #header-logo {
  overflow: visible;
}

/* Variants — couleurs claires adaptées au fond de sidebar sombre (#0D1B2A) */
body.ea .main-header #header-logo a.dunyon-plan-tag--warning {
  background: rgba(246, 198, 103, 0.12);
  border: 1px solid rgba(246, 198, 103, 0.30);
  color: var(--d-warning);
}
body.ea .main-header #header-logo a.dunyon-plan-tag--warning .dunyon-plan-tag__dot {
  background: var(--d-warning);
}

body.ea .main-header #header-logo a.dunyon-plan-tag--danger {
  background: rgba(255, 140, 160, 0.10);
  border: 1px solid rgba(255, 140, 160, 0.28);
  color: var(--d-alert);
}
body.ea .main-header #header-logo a.dunyon-plan-tag--danger .dunyon-plan-tag__dot {
  background: var(--d-alert);
}

body.ea .main-header #header-logo a.dunyon-plan-tag--success {
  background: rgba(94, 233, 181, 0.10);
  border: 1px solid rgba(94, 233, 181, 0.28);
  color: var(--d-green);
}
body.ea .main-header #header-logo a.dunyon-plan-tag--success .dunyon-plan-tag__dot {
  background: var(--d-green);
}