@media (max-width: 575.98px) {

    body {
        min-width: unset !important;
        width: 100%;
        font-size: 1rem;
        line-height: 1rem;
    }

    .menu-wrapper {
        position: fixed;
        top: 0 !important;
        height: 100vh;
        width: 60px !important;
    }

    .menu-wrapper > nav.admin__menu {
        height: calc(100vh - 60px);
        overflow-y: auto;
    }

    .menu-wrapper:before {
        top: 0 !important;
        height: 100vh;
        width: 60px !important;
    }

    .menu-wrapper, .menu-wrapper:before {
        transition: left 0.5s ease-out;
    }

    body.hide .menu-wrapper {
        left: -60px;
    }

    body.hide .menu-wrapper:before {
        left: -60px;
    }

    /* ----- Menu icons et texte ----- */
    .admin__menu .level-0 > a {
        padding: 6px 4px !important;
        font-size: 0.7rem !important;
        line-height: 1 !important;
        vertical-align: middle !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-items: center !important;
        justify-content: center !important;
    }

    .admin__menu .level-0 > a:before {
        font-size: 1.2rem !important;
        width: 100% !important;
        text-align: center !important;
        margin-bottom: 6px !important;
        transition: none !important;
    }

    .admin__menu .level-0 > a .menu-label {
        text-align: center !important;
        display: block !important;
        margin-top: 1px !important;
        white-space: nowrap !important;
        letter-spacing: -0.3px !important;
    }

    /* Logo Magento en haut */
    .logo._clickable {
        padding: 8px !important;
    }

    .logo._clickable img {
        max-width: 40px !important;
        height: auto !important;
    }

    .page-wrapper {
        transition: all 0.5s ease-out;
        width: 100%;
        margin-left: 60px !important;
    }

    body.hide .page-wrapper {
        margin-left: 0 !important;
        width: 100%;
    }

    #menu-toggler {
        background-color: #373330;
        position: fixed;
        top: 0;
        left: 60px;
        color: white;
        height: 60px;
        width: 18px;
        line-height: 60px;
        text-align: center;
        transition: left 0.5s ease-out;
        font-size: 0.8rem;
    }

    body.hide #menu-toggler {
        left: 0;
    }

    body.hide #menu-toggler .opened {
        display: none;
    }

    body:not(.hide) #menu-toggler .closed {
        display: none;
    }

    #menu-toggler {
        font-weight: bold;
    }

    #menu-toggler:hover {
        cursor: pointer;
    }

    .page-actions._fixed {
        display: none;
    }

    .abs-action-pattern,
    .abs-action-default,
    .abs-action-primary,
    .abs-action-secondary,
    .abs-action-tertiary,
    .abs-action-quaternary,
    .action-default,
    button,
    .action-primary,
    .action-secondary,
    .action-tertiary,
    .action-quaternary,
    .action-advanced-reports,
    .mass-select-wrap select + label,
    .action-basic,
    button,
    button.primary,
    button.secondary,
    button.tertiary,
    .ui-dialog .action-close,
    .ui-dialog .ui-button,
    .ui-dialog .action-primary,
    .attribute-popup-actions .action-default.reset,
    .attribute-popup-actions .page-actions-buttons > button.action-default.primary,
    .modal-popup .modal-footer .action-primary,
    .modal-popup .modal-footer .action-secondary,
    .page-actions > button,
    .page-actions .page-actions-buttons > button,
    .page-actions .page-actions-buttons > .action,
    .page-actions > button.action-primary,
    .page-actions .page-actions-buttons > button.action-primary,
    .page-actions .page-actions-buttons > .action.action-primary,
    .page-actions > button.primary,
    .page-actions .page-actions-buttons > button.primary,
    .page-actions .page-actions-buttons > .action.primary,
    .page-actions > button.action-secondary,
    .page-actions .page-actions-buttons > button.action-secondary,
    .page-actions .page-actions-buttons > .action.action-secondary,
    .steps-wizard .select-attributes-actions .action-default,
    .downloadable-form .action-add,
    .rma-items .col-actions .action-item-details,
    .rma-items .col-actions .action-item-split-line,
    .rma-items-block .col-actions a,
    .field-vat-number .action-default,
    .order-billing-method-summary .action-default,
    .order-shipping-method-summary .action-default,
    .order-shipping-method-info .action-default,
    .block-footer .action-add,
    .block-footer .action-add,
    .popup-window .magento_buttons .ok_button,
    .popup-window .magento_buttons .cancel_button,
    .fade .actions .primary,
    .fade .actions .cancel,
    .attribute-popup-actions .page-actions.floating-header > button.action-default.primary,
    .page-actions .page-actions.floating-header > button,
    .page-actions .page-actions.floating-header > .action,
    .page-actions .page-actions.floating-header > button.action-primary,
    .page-actions .page-actions.floating-header > .action.action-primary,
    .page-actions .page-actions.floating-header > button.primary,
    .page-actions .page-actions.floating-header > .action.primary,
    .page-actions .page-actions.floating-header > button.action-secondary,
    .page-actions .page-actions.floating-header > .action.action-secondary,
    .block-footer .action-add,
    .block-footer .action-add.primary,
    .block-footer .action-add.secondary,
    .block-footer .action-add.tertiary,
    .attribute-popup-actions .page-actions-buttons > .block-footer .action-add.action-default.primary,
    .page-actions > .block-footer .action-add,
    .page-actions .page-actions-buttons > .block-footer .action-add,
    .page-actions > .block-footer .action-add.action-primary,
    .page-actions .page-actions-buttons > .block-footer .action-add.action-primary,
    .page-actions > .block-footer .action-add.primary,
    .page-actions .page-actions-buttons > .block-footer .action-add.primary,
    .page-actions > .block-footer .action-add.action-secondary,
    .page-actions .page-actions-buttons > .block-footer .action-add.action-secondary {
        font-size: 1rem;
        line-height: 1rem;
    }

    .admin__control-support-text,
    .admin__data-grid-header,
    .admin__action-dropdown,
    .data-grid-filters-action-wrap .action-default,
    .selectmenu-item-action,
    .admin__data-grid-action-columns-menu,
    .admin__data-grid-action-bookmarks .admin__action-dropdown-menu {
        font-size: 1rem;
        line-height: 1rem;
    }

    .admin__control-text,
    .admin__control-select,
    .admin__control-multiselect,
    .admin__control-file-label:before,
    .admin__control-textarea,
    .admin__control-addon [class*='admin__control-'][class] ~ [class*='admin__addon-']:last-child:before,
    .selectmenu, [class*='adminhtml-giftwrapping-'] .field-base_price .admin__control-addon [class*='admin__control-'][class] ~ .addafter:last-child:before,
    .ui-datepicker .ui-datepicker-title select {
        font-size: 1rem;
        line-height: 1rem;
    }

    .admin__data-grid-header-row .col-xs-2,
    .admin__data-grid-header-row .col-xs-10,
    .admin__data-grid-header-row .col-xs-3,
    .admin__data-grid-header-row .col-xs-9 {
        width: 100%;
    }

    .admin__data-grid-pager {
        margin: 0.5rem 0;
    }

    .admin__action-dropdown-menu {
        max-width: calc(90vw);
    }

    .admin__action-dropdown-menu-content {
        max-width: 100%;
    }

    .admin__data-grid-wrap {
        overflow-x: auto;
    }

    .data-grid th, .data-grid td {
        font-size: 1rem;
        line-height: 1rem;
    }

    .page-main-actions .page-actions._fixed {
        left: unset;
        position: unset;
        right: unset;
        top: unset;
    }

    div.sticky-header {
        display: none !important;
    }

    .page-title {
        font-size: 1.5rem;
        line-height: 1.5rem;
    }

    h2, .form-sharing-info .admin__legend span, .admin__page-section-title strong, .admin__page-section-title .title {
        font-size: 1.3rem;
        line-height: 1.3rem;
    }

    .modal-slide {
        left: 0;
    }

    .admin__field:not(.admin__field-option) > .admin__field-label {
        font-size: 1.1rem;
        line-height: 1.1rem;
    }

    .admin__fieldset > .admin__field {
        margin-bottom: 1.5rem;
    }

    .admin__fieldset > .admin__field {
        margin-top: 1.2rem;
    }

    #page\:main-container #page\:left {
        margin-top: 1rem;
    }

    .admin__data-grid-action-bookmarks._active,
    .admin__action-dropdown-wrap._active {
        z-index: 400;
    }


    .admin__data-grid-action-bookmarks .admin__action-dropdown-menu,
    .admin__action-dropdown-wrap .admin__action-dropdown-menu {
        top: 25vh;
        left: 5vw;
        min-width: unset;
        width: 90vw;
        height: 50vh;
        position: fixed;
        z-index: 2;
    }

    .admin__data-grid-action-bookmarks .admin__action-dropdown-menu > li {
        width: 100%;
        padding: 0;
        text-align: center;
    }

    .admin__data-grid-action-bookmarks .admin__action-dropdown-menu .action-dropdown-menu-item {
        min-width: unset;
        max-width: 100%;
    }

    .admin__data-grid-header {
        visibility: visible !important;
    }

    .search-global-field._active .search-global-input {
        width: 45vw;
    }

    .data-grid-filters-action-wrap .action-default:before {
        font-size: 1.2rem;
        line-height: 1.2rem;
    }

    .admin__data-grid-filters-wrap .admin__form-field {
        width: 100%;
    }

    .admin__data-grid-filters-wrap {
        font-size: 1.1rem;
    }

    .admin__data-grid-filters-wrap .admin__form-field-legend, .admin__data-grid-filters-wrap .admin__form-field-label {
        margin-bottom: 0.5rem;
    }

    .admin__data-grid-filters-wrap._show {
        position: fixed;
        z-index: 9999;
        left: 0;
        top: 0;
        width: 100vw;
        height: 100vh;
        background-color: white;
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .admin__data-grid-filters-wrap._show > fieldset {
        height: calc(100vh - 7.6rem);
        overflow-y: scroll;
        border-bottom: 1px solid black;
        margin-bottom: 1rem;
    }

    .admin__data-grid-filters-wrap._show > fieldset ._has-datepicker + .ui-datepicker-trigger {
        position: unset;
    }

    .data-grid-search-control-wrap .action-submit:before {
        font-size: 1.3rem;
    }

    .data-grid-search-control-wrap .action-submit {
        padding: 0.6rem 1rem 0.2rem
    }

    .data-grid-search-control-wrap {
        width: 100%;
    }

    .admin__menu .level-0 > .submenu {
        left: 60px;
        top: 0;
        position: fixed;
        padding-top: 0;
    }

    .admin__menu .submenu .column {
        display: inline-block;
    }

    .admin__menu .level-0 > .submenu > ul[role='menu'] {
        height: calc(100vh - 65.5px);
        overflow-y: auto;
        min-height: unset;
    }

    .admin__menu .submenu-title {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    .abs-action-l, .ui-dialog .ui-button, .ui-dialog .action-primary, .attribute-popup-actions .page-actions-buttons > button.action-default.primary, .modal-popup .modal-footer .action-primary, .modal-popup .modal-footer .action-secondary, .action-advanced-reports, .page-actions button, .page-actions .page-actions-buttons > button, .page-actions .page-actions-buttons > .action, .page-actions > button.action-primary, .page-actions .page-actions-buttons > button.action-primary, .page-actions .page-actions-buttons > .action.action-primary, .page-actions > button.primary, .page-actions .page-actions-buttons > button.primary, .page-actions .page-actions-buttons > .action.primary, .page-actions > button.action-secondary, .page-actions .page-actions-buttons > button.action-secondary, .page-actions .page-actions-buttons > .action.action-secondary, .page-layout-admin-login .action-primary, .admin__field-complex-attributes [class^='action-'], .steps-wizard .select-attributes-actions .action-default, .order-totals-actions .action-default, .staging-preview-item-content-wrapper > .actions-toolbar .action-primary, .popup-window .magento_buttons .ok_button, .fade .actions .primary, .attribute-popup-actions .page-actions.floating-header > button.action-default.primary, .page-actions .page-actions.floating-header > button, .page-actions .page-actions.floating-header > .action, .page-actions .page-actions.floating-header > button.action-primary, .page-actions .page-actions.floating-header > .action.action-primary, .page-actions .page-actions.floating-header > button.primary, .page-actions .page-actions.floating-header > .action.primary, .page-actions .page-actions.floating-header > button.action-secondary, .page-actions .page-actions.floating-header > .action.action-secondary, .attribute-popup-actions .page-actions-buttons > .block-footer .action-add.action-default.primary, .page-actions .block-footer .action-add, .page-actions .page-actions-buttons > .block-footer .action-add, .page-actions > .block-footer .action-add.action-primary, .page-actions .page-actions-buttons > .block-footer .action-add.action-primary, .page-actions > .block-footer .action-add.primary, .page-actions .page-actions-buttons > .block-footer .action-add.primary, .page-actions > .block-footer .action-add.action-secondary, .page-actions .page-actions-buttons > .block-footer .action-add.action-secondary {
        font-size: 1rem;
    }

    .dashboard-item-title, .dashboard-advanced-reports-title {
        font-size: 1.2rem;
    }

    .dashboard-totals-value {
        font-size: 1rem;
        line-height: 1.2rem;
    }

    .dashboard-sales-value {
        font-size: 1rem;
        line-height: 1.2rem;
    }

    body.adminhtml-system_config-edit #page\:left {
        border-top: 3px solid black;
        padding-top: 2rem;
    }

    body.adminhtml-system_config-edit .accordion .config table {
        display: inline-block;
        width: 100%;
        float: left;
    }

    body.adminhtml-system_config-edit .accordion .config table tbody {
        display: inline-block;
        width: 100%;
        float: left;
    }

    body.adminhtml-system_config-edit .accordion .config table tbody tr:not(:last-child) {
        display: inline-block;
        width: 100%;
        float: left;
        border-bottom: 1px solid black;
    }

    body.adminhtml-system_config-edit .accordion .config table tbody tr td {
        display: inline-block;
        width: 100%;
        float: left;
    }

    body.adminhtml-system_config-edit .accordion .config .label {
        font-size: 1.2rem;
    }

    .admin__scope-old input[type=text], .admin__scope-old input[type=password], .admin__scope-old input[type=datetime], .admin__scope-old input[type=datetime-local], .admin__scope-old input[type=date], .admin__scope-old input[type=month], .admin__scope-old input[type=time], .admin__scope-old input[type=week], .admin__scope-old input[type=number], .admin__scope-old input[type=range], .admin__scope-old input[type=email], .admin__scope-old input[type=url], .admin__scope-old input[type=search], .admin__scope-old input.search, .admin__scope-old input[type=tel], .admin__scope-old input[type=color], .admin__scope-old textarea, .admin__scope-old select {
        font-size: 1rem;
    }

    body.adminhtml-system_config-edit .accordion .config .note {
        font-size: 0.8rem;
    }

    .section-config > .admin__collapsible-block > a, .accordion > dt a, .accordion .admin__collapsible-block > a {
        font-size: 1.4rem;
    }

    .page-layout-admin-login .page-wrapper {
        padding: 20px 40px 20px;
    }

    .adminhtml-auth-login .form-actions {
        margin-top: 0;
    }

    .admin__legend, .gift-options-popup .admin__legend, .admin__page-section .admin__legend, .admin__page-section-item-title .title, .admin__page-section-content .admin__page-section-title .title {
        font-size: 1.3rem;
    }

    .admin__fieldset > .admin__field {
        margin-left: 0;
    }

    .admin__field:not(.admin__field-option) > .admin__field-label {
        width: 100%;
        margin-left: 0;
        text-align: left;
    }

    .admin__fieldset > .admin__field > .admin__field-control {
        width: 100%;
        margin-left: 0;
        margin-top: 5px;
    }

    .admin__field:not(.admin__field-option) > .admin__field-label:before {
        margin-left: -3px;
    }

    .admin__scope-old .form-inline div:not([class*='fields-group']) > .field > .label, .admin__scope-old .form-inline .fieldset > .field > .label {
        width: 100%;
    }

    .admin__scope-old .form-inline div:not([class*='fields-group']) > .field > .label:before, .admin__scope-old .form-inline .fieldset > .field > .label:before {
        margin-left: -3px;
    }

    .admin__scope-old .form-inline .label ~ .control {
        width: 100%;
    }

    .page-actions-buttons, .page-actions.floating-header {
        display: inline-block;
    }

    ._has-datepicker + .ui-datepicker-trigger:after {
        line-height: 28px;
        font-size: 1.4rem;
    }

    ._has-datepicker + .ui-datepicker-trigger {
        height: 2.4rem;
        margin-left: -2.4rem;
    }

    .admin__control-text, .admin__control-select, .admin__control-multiselect, .admin__control-file-label:before, .admin__control-textarea, .admin__control-addon [class*='admin__control-'][class] ~ [class*='admin__addon-']:last-child:before, .selectmenu, [class*='adminhtml-giftwrapping-'] .field-base_price .admin__control-addon [class*='admin__control-'][class] ~ .addafter:last-child:before, .ui-datepicker .ui-datepicker-title select {
        line-height: 1.5rem;
    }

    /* ==========================================================================
       System Messages Block - Mobile Optimization
       ========================================================================== */

    .message-system-inner {
        display: flex;
        flex-direction: column;
        padding: 0.8rem;
    }

    .message-system-short-wrapper {
        padding: 0;
        overflow: visible;
    }

    .message-system-short {
        min-height: unset;
    }

    .message-system-inner .message {
        padding: 0.5rem 0;
        font-size: 0.85rem;
        line-height: 1.3;
        margin: 0;
    }

    .message-system-action-dropdown {
        margin: 0.5rem 0 0;
        float: none;
        align-self: flex-end;
        font-size: 0.85rem;
    }

    .notices-wrapper {
        width: 100%;
        overflow: hidden;
    }

    /* ==========================================================================
       Header Icons - Mobile Optimization
       ========================================================================== */

    .page-header .admin-user,
    .page-header .notifications-wrapper {
        transform: scale(0.85);
    }

    .page-header .admin-user .admin__action-dropdown-wrap,
    .page-header .notifications-wrapper .admin__action-dropdown-wrap {
        font-size: 0.9rem;
    }

    /* ==========================================================================
       Scope / Store Switcher Block - Mobile Optimization
       ========================================================================== */

    .page-main-actions {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding: 0.8rem 1rem;
        gap: 0.5rem;
    }

    .page-main-actions > .store-switcher,
    .page-main-actions > .store-view {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        float: none;
        margin: 0;
    }

    .store-switcher-label {
        font-size: 0.9rem;
        flex-shrink: 0;
    }

    .store-switcher .admin__action-dropdown,
    .store-view .admin__action-dropdown {
        margin-left: 0;
        font-size: 0.85rem;
        padding: 0.4rem 2.2rem 0.4rem 0.6rem;
        min-width: 0;
    }

    /* Fix: flèche dropdown qui déborde */
    .store-switcher .admin__action-dropdown:after,
    .store-view .admin__action-dropdown:after {
        right: 0.6rem;
    }

    .tooltip {
        margin-left: 0.5rem;
        flex-shrink: 0;
    }

    .tooltip .help span:before,
    .tooltip .help a:before {
        font-size: 1.2rem;
    }

    .page-main-actions .page-actions {
        margin-left: auto;
        display: flex;
        align-items: center;
    }

    .page-main-actions .page-actions .action-primary,
    .page-main-actions .page-actions button {
        padding: 0.5rem 0.8rem;
        font-size: 0.85rem;
    }

    .page-main-actions .page-actions-buttons {
        display: flex;
        align-items: center;
    }

    /* ==========================================================================
       Advanced Reporting Block - Mobile Optimization
       ========================================================================== */

    .dashboard-advanced-reports {
        display: flex;
        flex-direction: column;
        padding: 1rem;
    }

    .dashboard-advanced-reports-title {
        font-size: 1.1rem;
        margin-bottom: 0.5rem;
        order: 1;
    }

    .dashboard-advanced-reports-description {
        font-size: 0.85rem;
        line-height: 1.4;
        margin-bottom: 0.8rem;
        order: 2;
    }

    .dashboard-advanced-reports .action-primary,
    .dashboard-advanced-reports .action-advanced-reports,
    .dashboard-advanced-reports a[href*="analytics"] {
        font-size: 0.85rem;
        padding: 0.6rem 1rem;
        display: block;
        width: 100%;
        text-align: center;
        order: 1;
        box-sizing: border-box;
        margin-bottom: 1rem;
    }

    section.dashboard-advanced-reports {
        display: flex;
        flex-direction: column;
    }

    section.dashboard-advanced-reports > * {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Réorganiser l'ordre: bouton, titre, description */
    section.dashboard-advanced-reports .dashboard-advanced-reports-title {
        order: 2;
    }

    section.dashboard-advanced-reports .dashboard-advanced-reports-description,
    section.dashboard-advanced-reports p {
        order: 3;
    }

    section.dashboard-advanced-reports a[href*="analytics"] {
        order: 1;
        margin-bottom: 1rem;
        margin-top: 0;
    }

    /* ==========================================================================
       Warning Messages Block - Mobile Optimization
       ========================================================================== */

    .message.message-warning,
    .message.message-notice,
    .message.message-error,
    .message.message-success {
        display: flex;
        align-items: center;
        gap: 0.6rem;
        padding: 0.8rem 1rem;
        font-size: 0.85rem;
        line-height: 1.4;
    }

    .message.message-warning:before,
    .message.message-notice:before,
    .message.message-error:before,
    .message.message-success:before {
        font-size: 1.1rem;
        flex-shrink: 0;
        position: static;
        margin: 0;
        float: none;
    }

    /* ==========================================================================
       Orders Grid - Mobile Optimization
       Structure: 2 header-rows
       1st: actions-wrap + search + filters + active-filters (direct children)
       2nd: .row.row-gutter with Actions col + Pager col
       ========================================================================== */

    .admin__data-grid-header {
        padding: 0.5rem !important;
    }

    /* ----- PREMIER HEADER-ROW (sans .row) ----- */
    .admin__data-grid-header-row:first-child {
        display: inline-block !important;
    }

    .admin__data-grid-actions-wrap {
        margin-left: 0 !important;
        float: left !important;
    }

    .admin__data-grid-actions-wrap > .admin__action-dropdown-wrap {
        margin-right: 3px !important;
    }

    .data-grid-search-control-wrap,
    .data-grid-filters-actions-wrap {
        float: left !important;
    }

    .data-grid-search-control-wrap {
        margin-top: 6px !important;
        max-width: calc(100% - 80px) !important;
    }

    .data-grid-filters-actions-wrap {
        margin-top: 6px !important;
    }

    .admin__action-dropdown:after {
        display: none !important;
    }

    /* ----- DEUXIEME HEADER-ROW (.row.row-gutter) ----- */
    .admin__data-grid-header-row.row.row-gutter {
        margin-top: -6px !important;
    }

    .admin__data-grid-header-row.row.row-gutter .col-xs-2 .action-select {
        padding-left: 6px !important;
    }

    .admin__data-grid-header-row.row.row-gutter .col-xs-10 .col-xs-9 {
        width: 75% !important;
    }

    .admin__data-grid-pager .action-previous {
        margin-right: 3px !important;
    }

    .admin__data-grid-pager .action-next {
        margin-left: 3px !important;
    }

    .admin__data-grid-pager-wrap .selectmenu {
        padding-left: 6px !important;
        width: 14px !important;
        min-width: 14px !important;
    }

    .admin__data-grid-pager-wrap .selectmenu .selectmenu-value {
        width: 14px !important;
        max-width: 14px !important;
        min-width: 14px !important;
    }

    /* Active filters = pleine largeur = nouvelle ligne */
    .admin__data-grid-filters-current {
        flex: 0 0 100% !important;
        order: 4 !important;
        font-size: 0.75rem !important;
    }

    /* Advanced filter form (hidden by default) */
    .admin__data-grid-filters-wrap {
        flex: 0 0 100% !important;
        order: 5 !important;
    }

    /* ----- Styles Default View | Columns | Export ----- */
    .admin__data-grid-actions-wrap > * {
        border: none !important;
        margin: 0 !important;
    }

    .admin__data-grid-action-bookmarks .admin__action-dropdown,
    .admin__data-grid-action-columns .admin__action-dropdown,
    .admin__data-grid-action-export .admin__action-dropdown {
        font-size: 0.75rem !important;
        padding: 0 0.5rem !important;
        height: 28px !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 4px !important;
        background: #f5f5f5 !important;
        border: 1px solid #ccc !important;
    }

    .admin__data-grid-action-bookmarks .admin__action-dropdown:before,
    .admin__data-grid-action-columns .admin__action-dropdown:before,
    .admin__data-grid-action-export .admin__action-dropdown:before {
        font-size: 0.85rem !important;
        position: static !important;
        margin: 0 !important;
    }

    .admin__data-grid-action-bookmarks .admin__action-dropdown:after,
    .admin__data-grid-action-columns .admin__action-dropdown:after,
    .admin__data-grid-action-export .admin__action-dropdown:after {
        position: static !important;
        margin-left: 2px !important;
        font-size: 0.5rem !important;
        border: none !important;
    }

    /* ----- Search input ----- */
    .data-grid-search-control-wrap .data-grid-search-control {
        width: 100% !important;
        height: 28px !important;
        font-size: 0.75rem !important;
        padding: 0 2rem 0 0.5rem !important;
        border: 1px solid #ccc !important;
    }

    .data-grid-search-control-wrap .action-submit {
        height: 28px !important;
        width: 28px !important;
        padding: 0 !important;
    }

    /* ----- Filters button ----- */
    .data-grid-filters-action-wrap .action-default {
        height: 28px !important;
        padding: 0 0.5rem !important;
        font-size: 0.75rem !important;
        white-space: nowrap !important;
    }

    /* ----- DEUXIEME HEADER-ROW (.row.row-gutter) ----- */
    .admin__data-grid-header-row.row {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        margin: 0 !important;
    }

    .admin__data-grid-header-row.row > [class*="col-"] {
        width: 100% !important;
        flex: 0 0 100% !important;
        padding: 0 !important;
        float: none !important;
    }

    /* Actions dropdown */
    .action-select-wrap {
        display: inline-flex !important;
        align-items: center !important;
    }

    .action-select-wrap .action-select {
        width: auto !important;
        min-width: 70px !important;
        height: 28px !important;
        padding: 0 24px 0 10px !important;
        font-size: 0.75rem !important;
        background: #f5f5f5 !important;
        border: 1px solid #ccc !important;
    }

    .action-select-wrap .action-select span {
        font-size: 0.75rem !important;
    }

    .action-select-wrap .action-menu-items {
        min-width: 140px !important;
    }

    /* Pagination row inside second header-row */
    .admin__data-grid-header-row.row .row {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        align-items: center !important;
    }

    .admin__data-grid-header-row.row .row > [class*="col-"] {
        width: auto !important;
        flex: 0 0 auto !important;
        padding: 0 !important;
    }

    /* ----- Pagination selectmenu (COMPACT) ----- */
    .admin__data-grid-pager-wrap .selectmenu,
    .selectmenu {
        width: 58px !important;
        height: 24px !important;
        display: inline-flex !important;
        align-items: center !important;
        border: 1px solid #ccc !important;
        background: #fff !important;
        overflow: visible !important;
        position: relative !important;
    }

    .admin__data-grid-pager-wrap .selectmenu .selectmenu-value,
    .selectmenu .selectmenu-value {
        width: 14px !important;
        min-width: 14px !important;
        height: 22px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        border: none !important;
        background: transparent !important;
        overflow: visible !important;
        clip: auto !important;
        clip-path: none !important;
        position: relative !important;
    }

    /* Force input visibility with all possible overrides */
    .admin__data-grid-pager-wrap .selectmenu .selectmenu-value input,
    .admin__data-grid-pager-wrap .selectmenu .selectmenu-value input[type="text"],
    .selectmenu .selectmenu-value input,
    .selectmenu .selectmenu-value input[type="text"],
    .admin__data-grid-pager input[data-bind*="paging"],
    input.admin__control-text[data-bind*="pageSize"] {
        width: 14px !important;
        min-width: 14px !important;
        max-width: 14px !important;
        height: 22px !important;
        font-size: 0.85rem !important;
        line-height: 22px !important;
        text-align: center !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
        color: #333 !important;
        opacity: 1 !important;
        visibility: visible !important;
        -webkit-text-fill-color: #333 !important;
        display: block !important;
        position: static !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        text-indent: 0 !important;
        clip: auto !important;
        clip-path: none !important;
        transform: none !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;
        box-shadow: none !important;
        z-index: 1 !important;
        pointer-events: auto !important;
        overflow: visible !important;
    }

    /* Override any ::placeholder styles */
    .selectmenu .selectmenu-value input::placeholder {
        color: #333 !important;
        opacity: 1 !important;
    }

    .admin__data-grid-pager-wrap .selectmenu .selectmenu-toggle,
    .selectmenu .selectmenu-toggle {
        width: 20px !important;
        min-width: 20px !important;
        height: 22px !important;
        padding: 0 !important;
        border: none !important;
        border-left: 1px solid #ddd !important;
        background: #f0f0f0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .selectmenu .selectmenu-toggle span {
        display: none !important;
    }

    .selectmenu .selectmenu-toggle:before {
        font-size: 0.5rem !important;
    }

    /* ----- LIGNE 4: X records found + Pagination ----- */
    .admin__data-grid-pager-wrap {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        font-size: 0.75rem !important;
        margin: 0 !important;
    }

    .admin__data-grid-pager {
        display: inline-flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 0.25rem !important;
        margin: 0 !important;
    }

    /* Label "per page" */
    label.admin__control-support-text[for*="paging"] {
        font-size: 0.75rem !important;
        margin: 0 0.2rem !important;
    }

    /* Boutons prev/next */
    .admin__data-grid-pager .action-previous,
    .admin__data-grid-pager .action-next {
        width: 22px !important;
        height: 22px !important;
        padding: 0 !important;
        min-width: unset !important;
        border: 1px solid #ccc !important;
        background: #f5f5f5 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .admin__data-grid-pager .action-previous:before,
    .admin__data-grid-pager .action-next:before {
        font-size: 0.6rem !important;
    }

    /* Input numéro de page */
    .admin__data-grid-pager input.admin__control-text {
        width: 28px !important;
        height: 22px !important;
        font-size: 0.75rem !important;
        text-align: center !important;
        padding: 0 !important;
        border: 1px solid #ccc !important;
    }

    /* Label "of X" */
    .admin__data-grid-pager label.admin__control-support-text {
        font-size: 0.75rem !important;
        margin: 0 0.15rem !important;
    }

    /* "X records found" */
    .admin__control-support-text {
        font-size: 0.75rem !important;
    }

    /* ----- TABLEAU ----- */
    /* En-têtes tableau */
    .data-grid thead th {
        font-size: 0.75rem !important;
        padding: 0.4rem 0.3rem !important;
    }

    .data-grid thead th .data-grid-cell-content {
        font-size: 0.75rem !important;
    }

    /* Cellules tableau */
    .data-grid tbody td {
        font-size: 0.8rem !important;
        padding: 0.4rem 0.3rem !important;
    }

    /* Checkbox/Selecteur en-tête */
    .data-grid .data-grid-checkbox-cell {
        width: 32px !important;
        min-width: 32px !important;
        max-width: 32px !important;
        padding: 0.2rem !important;
    }

    .data-grid thead .data-grid-checkbox-cell .admin__control-checkbox + label:before {
        width: 14px !important;
        height: 14px !important;
        font-size: 0.7rem !important;
    }

    /* Dropdown du mass-select */
    .data-grid thead .mass-select-wrap {
        transform: scale(0.75) !important;
        transform-origin: left center !important;
    }

    .data-grid thead .mass-select-wrap .admin__control-checkbox + label {
        padding-left: 16px !important;
    }

    .mass-select-wrap select + label {
        font-size: 0.7rem !important;
        padding: 0.15rem 0.3rem !important;
    }

    .data-grid tbody .data-grid-checkbox-cell {
        padding: 0.2rem !important;
    }

    .data-grid tbody .data-grid-checkbox-cell .admin__control-checkbox + label:before {
        width: 14px !important;
        height: 14px !important;
    }

    /* ----- Order View - Addresses ----- */
    .order-addresses .admin__page-section-item address {
        line-height: 1.3rem !important;
    }

}