/*
 * Nexa Legacy UI Bridge V1
 * Maps legacy/Bootstrap-era Nexa Cards primitives onto the Nexa Design System.
 * Presentation only: no JS behavior, route, form submission, order, payment, or DB logic.
 */

/* --------------------------------------------------------------------------
   Public / auth / user / error bridge: dark Nexa product language
   -------------------------------------------------------------------------- */
body.nexa-ds-core-v1.nexa-legacy-bridge-v1:not(.nexa-admin-ds) {
    --nexa-bridge-bg: var(--nexa-ds-bg);
    --nexa-bridge-bg-deep: var(--nexa-ds-bg-deep);
    --nexa-bridge-surface: var(--nexa-ds-surface);
    --nexa-bridge-surface-2: var(--nexa-ds-surface-2);
    --nexa-bridge-surface-3: var(--nexa-ds-surface-3);
    --nexa-bridge-border: var(--nexa-ds-border);
    --nexa-bridge-border-strong: var(--nexa-ds-border-strong);
    --nexa-bridge-text: var(--nexa-ds-text);
    --nexa-bridge-text-soft: var(--nexa-ds-text-soft);
    --nexa-bridge-muted: var(--nexa-ds-muted);
    --nexa-bridge-input: rgba(10, 12, 23, .32);
    --nexa-bridge-hover: rgba(255, 255, 255, .045);
    color: var(--nexa-bridge-text-soft);
}

/* Legacy page shells */
body.nexa-ds-core-v1.nexa-legacy-bridge-v1:not(.nexa-admin-ds) :where(
    .login-register-form,
    .account-wrapper,
    .user-wrapper,
    .dashboard-content,
    .error-wrapper
) {
    color: var(--nexa-bridge-text-soft);
}

body.nexa-ds-core-v1.nexa-legacy-bridge-v1:not(.nexa-admin-ds) :where(
    .login-register-form,
    .card:not([class*="nexa-"]),
    .modal-content,
    .offcanvas,
    .dropdown-menu
) {
    border: 1px solid var(--nexa-bridge-border) !important;
    border-radius: var(--nexa-ds-radius-lg) !important;
    color: var(--nexa-bridge-text-soft) !important;
    background: linear-gradient(155deg, var(--nexa-bridge-surface), rgba(34, 38, 58, .88)) !important;
    box-shadow: var(--nexa-ds-shadow-sm) !important;
}

body.nexa-ds-core-v1.nexa-legacy-bridge-v1:not(.nexa-admin-ds) .login-register-form {
    padding: clamp(22px, 4vw, 36px);
}

body.nexa-ds-core-v1.nexa-legacy-bridge-v1:not(.nexa-admin-ds) :where(
    .card-header,
    .card-footer,
    .modal-header,
    .modal-footer,
    .offcanvas-header
) {
    border-color: var(--nexa-ds-divider) !important;
    color: var(--nexa-bridge-text) !important;
    background: rgba(255, 255, 255, .015) !important;
}

body.nexa-ds-core-v1.nexa-legacy-bridge-v1:not(.nexa-admin-ds) :where(
    .card-header,
    .modal-header,
    .offcanvas-header
) {
    border-radius: var(--nexa-ds-radius-lg) var(--nexa-ds-radius-lg) 0 0;
}

body.nexa-ds-core-v1.nexa-legacy-bridge-v1:not(.nexa-admin-ds) :where(
    .card-footer,
    .modal-footer
) {
    border-radius: 0 0 var(--nexa-ds-radius-lg) var(--nexa-ds-radius-lg);
}

body.nexa-ds-core-v1.nexa-legacy-bridge-v1:not(.nexa-admin-ds) :where(
    .card-title,
    .modal-title,
    .offcanvas-title,
    .pagetitle h1,
    .page-title,
    .login-register-form h1,
    .login-register-form h2,
    .login-register-form h3,
    .login-register-form h4
) {
    color: var(--nexa-bridge-text) !important;
    font-weight: 800;
    letter-spacing: -.02em;
}

body.nexa-ds-core-v1.nexa-legacy-bridge-v1:not(.nexa-admin-ds) :where(
    .card-text,
    .text-muted,
    .form-text,
    small
) {
    color: var(--nexa-bridge-muted) !important;
}

/* Forms */
body.nexa-ds-core-v1.nexa-legacy-bridge-v1:not(.nexa-admin-ds) :where(
    .form-control,
    .form-select,
    .nice-select,
    .select2-container--default .select2-selection--single,
    .select2-container--default .select2-selection--multiple
) {
    min-height: 46px;
    border: 1px solid var(--nexa-bridge-border) !important;
    border-radius: var(--nexa-ds-radius-md) !important;
    color: var(--nexa-bridge-text) !important;
    background-color: var(--nexa-bridge-input) !important;
    box-shadow: none !important;
    transition: border-color var(--nexa-ds-transition), box-shadow var(--nexa-ds-transition), background-color var(--nexa-ds-transition);
}

body.nexa-ds-core-v1.nexa-legacy-bridge-v1:not(.nexa-admin-ds) :where(input.form-control, textarea.form-control) {
    padding: 11px 14px;
}

body.nexa-ds-core-v1.nexa-legacy-bridge-v1:not(.nexa-admin-ds) textarea.form-control {
    min-height: 120px;
    line-height: 1.55;
}

body.nexa-ds-core-v1.nexa-legacy-bridge-v1:not(.nexa-admin-ds) :where(
    .form-control:focus,
    .form-select:focus,
    .nice-select:focus,
    .nice-select.open,
    .select2-container--default.select2-container--focus .select2-selection--single,
    .select2-container--default.select2-container--focus .select2-selection--multiple
) {
    border-color: rgb(var(--nexa-ds-primary-rgb), .66) !important;
    background-color: rgba(10, 12, 23, .44) !important;
    box-shadow: var(--nexa-ds-focus) !important;
    outline: 0 !important;
}

body.nexa-ds-core-v1.nexa-legacy-bridge-v1:not(.nexa-admin-ds) :where(.form-control, textarea)::placeholder {
    color: var(--nexa-ds-subtle) !important;
    opacity: 1;
}

body.nexa-ds-core-v1.nexa-legacy-bridge-v1:not(.nexa-admin-ds) :where(.form-label, label:not(.form-check-label)) {
    color: var(--nexa-bridge-text-soft);
    font-weight: 700;
}

body.nexa-ds-core-v1.nexa-legacy-bridge-v1:not(.nexa-admin-ds) .input-group-text {
    border-color: var(--nexa-bridge-border) !important;
    color: var(--nexa-bridge-muted) !important;
    background: var(--nexa-bridge-surface-2) !important;
}

body.nexa-ds-core-v1.nexa-legacy-bridge-v1:not(.nexa-admin-ds) :where(.form-check-input, input[type="checkbox"], input[type="radio"]) {
    border-color: var(--nexa-bridge-border-strong);
    accent-color: var(--nexa-ds-primary);
}

body.nexa-ds-core-v1.nexa-legacy-bridge-v1:not(.nexa-admin-ds) .form-check-input:checked {
    border-color: var(--nexa-ds-primary) !important;
    background-color: var(--nexa-ds-primary) !important;
}

body.nexa-ds-core-v1.nexa-legacy-bridge-v1:not(.nexa-admin-ds) input[type="file"].form-control::file-selector-button {
    height: 100%;
    margin-inline: -14px 12px;
    padding-inline: 14px;
    border: 0;
    border-inline-end: 1px solid var(--nexa-bridge-border);
    color: var(--nexa-bridge-text);
    background: var(--nexa-bridge-surface-2);
}

/* Buttons */
body.nexa-ds-core-v1.nexa-legacy-bridge-v1 :where(.cmn-btn, .btn-primary, .btn.btn-primary) {
    min-height: 44px;
    padding: 10px 16px;
    border: 1px solid transparent !important;
    border-radius: var(--nexa-ds-radius-md) !important;
    color: #fff !important;
    background: linear-gradient(135deg, var(--nexa-ds-primary), var(--nexa-ds-primary-alt)) !important;
    box-shadow: 0 10px 26px rgb(var(--nexa-ds-primary-rgb), .18) !important;
    font-weight: 800;
    text-decoration: none !important;
    transition: transform var(--nexa-ds-transition), box-shadow var(--nexa-ds-transition), filter var(--nexa-ds-transition);
}

body.nexa-ds-core-v1.nexa-legacy-bridge-v1 :where(.cmn-btn, .btn-primary, .btn.btn-primary):hover {
    color: #fff !important;
    transform: translateY(-1px);
    box-shadow: 0 15px 34px rgb(var(--nexa-ds-primary-rgb), .26) !important;
    filter: brightness(1.03);
}

body.nexa-ds-core-v1.nexa-legacy-bridge-v1 :where(.cmn-btn2, .btn-outline-primary, .btn-secondary) {
    min-height: 42px;
    border: 1px solid rgb(var(--nexa-ds-primary-rgb), .34) !important;
    border-radius: var(--nexa-ds-radius-md) !important;
    color: var(--nexa-ds-primary) !important;
    background: rgb(var(--nexa-ds-primary-rgb), .08) !important;
    box-shadow: none !important;
    font-weight: 750;
}

body.nexa-ds-core-v1.nexa-legacy-bridge-v1 :where(.cmn-btn2, .btn-outline-primary, .btn-secondary):hover {
    color: #fff !important;
    border-color: var(--nexa-ds-primary) !important;
    background: var(--nexa-ds-primary) !important;
}

body.nexa-ds-core-v1.nexa-legacy-bridge-v1 :where(.cmn-btn-close, .btn-close) {
    border-radius: var(--nexa-ds-radius-sm) !important;
    color: var(--nexa-ds-text) !important;
    opacity: .78;
}

body.nexa-ds-core-v1.nexa-legacy-bridge-v1 :where(.cmn-btn, .cmn-btn2, .btn):disabled,
body.nexa-ds-core-v1.nexa-legacy-bridge-v1 :where(.cmn-btn, .cmn-btn2, .btn)[aria-disabled="true"] {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none;
}

/* Tables */
body.nexa-ds-core-v1.nexa-legacy-bridge-v1:not(.nexa-admin-ds) .cmn-table {
    overflow: hidden;
    border: 1px solid var(--nexa-bridge-border);
    border-radius: var(--nexa-ds-radius-lg);
    background: var(--nexa-bridge-surface);
    box-shadow: var(--nexa-ds-shadow-sm);
}

body.nexa-ds-core-v1.nexa-legacy-bridge-v1:not(.nexa-admin-ds) .table-responsive {
    border-radius: inherit;
}

body.nexa-ds-core-v1.nexa-legacy-bridge-v1:not(.nexa-admin-ds) .table {
    --bs-table-bg: transparent;
    --bs-table-color: var(--nexa-bridge-text-soft);
    --bs-table-border-color: var(--nexa-ds-divider);
    --bs-table-striped-bg: rgba(255, 255, 255, .018);
    --bs-table-striped-color: var(--nexa-bridge-text-soft);
    --bs-table-hover-bg: var(--nexa-bridge-hover);
    --bs-table-hover-color: var(--nexa-bridge-text);
    margin-bottom: 0;
    color: var(--nexa-bridge-text-soft) !important;
}

body.nexa-ds-core-v1.nexa-legacy-bridge-v1:not(.nexa-admin-ds) .table > :not(caption) > * > * {
    padding: 14px 16px;
    border-bottom-color: var(--nexa-ds-divider) !important;
    color: inherit;
    background: transparent !important;
    box-shadow: none !important;
    vertical-align: middle;
}

body.nexa-ds-core-v1.nexa-legacy-bridge-v1:not(.nexa-admin-ds) .table thead th {
    color: var(--nexa-bridge-muted) !important;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    background: rgba(255, 255, 255, .018) !important;
}

/* Breadcrumbs */
body.nexa-ds-core-v1.nexa-legacy-bridge-v1:not(.nexa-admin-ds) .breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 18px;
    padding: 8px 11px;
    border: 1px solid var(--nexa-bridge-border);
    border-radius: var(--nexa-ds-radius-pill);
    background: rgba(255, 255, 255, .025);
}

body.nexa-ds-core-v1.nexa-legacy-bridge-v1:not(.nexa-admin-ds) .breadcrumb-item,
body.nexa-ds-core-v1.nexa-legacy-bridge-v1:not(.nexa-admin-ds) .breadcrumb-item::before {
    color: var(--nexa-bridge-muted) !important;
}

body.nexa-ds-core-v1.nexa-legacy-bridge-v1:not(.nexa-admin-ds) .breadcrumb-item a {
    color: var(--nexa-bridge-text-soft) !important;
    text-decoration: none;
}

body.nexa-ds-core-v1.nexa-legacy-bridge-v1:not(.nexa-admin-ds) .breadcrumb-item.active,
body.nexa-ds-core-v1.nexa-legacy-bridge-v1:not(.nexa-admin-ds) .breadcrumb-item a:hover {
    color: var(--nexa-ds-primary) !important;
}

/* Pagination */
body.nexa-ds-core-v1.nexa-legacy-bridge-v1 .pagination {
    gap: 6px;
}

body.nexa-ds-core-v1.nexa-legacy-bridge-v1 .pagination .page-link {
    min-width: 38px;
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--nexa-ds-border) !important;
    border-radius: var(--nexa-ds-radius-sm) !important;
    color: var(--nexa-ds-text-soft) !important;
    background: var(--nexa-ds-surface) !important;
    box-shadow: none !important;
}

body.nexa-ds-core-v1.nexa-legacy-bridge-v1 .pagination .page-item.active .page-link,
body.nexa-ds-core-v1.nexa-legacy-bridge-v1 .pagination .page-link:hover {
    border-color: var(--nexa-ds-primary) !important;
    color: #fff !important;
    background: var(--nexa-ds-primary) !important;
}

body.nexa-ds-core-v1.nexa-legacy-bridge-v1 .pagination .page-item.disabled .page-link {
    opacity: .42;
}

/* Tabs / pills */
body.nexa-ds-core-v1.nexa-legacy-bridge-v1:not(.nexa-admin-ds) :where(.nav-tabs, .nav-pills) {
    gap: 6px;
    border-color: var(--nexa-bridge-border) !important;
}

body.nexa-ds-core-v1.nexa-legacy-bridge-v1:not(.nexa-admin-ds) :where(.nav-tabs, .nav-pills) .nav-link {
    border: 1px solid transparent !important;
    border-radius: var(--nexa-ds-radius-sm) !important;
    color: var(--nexa-bridge-muted) !important;
    background: transparent !important;
}

body.nexa-ds-core-v1.nexa-legacy-bridge-v1:not(.nexa-admin-ds) :where(.nav-tabs, .nav-pills) .nav-link:hover,
body.nexa-ds-core-v1.nexa-legacy-bridge-v1:not(.nexa-admin-ds) :where(.nav-tabs, .nav-pills) .nav-link.active {
    border-color: rgb(var(--nexa-ds-primary-rgb), .25) !important;
    color: var(--nexa-bridge-text) !important;
    background: rgb(var(--nexa-ds-primary-rgb), .12) !important;
}

/* Alerts */
body.nexa-ds-core-v1.nexa-legacy-bridge-v1 .alert {
    border: 1px solid var(--nexa-ds-border) !important;
    border-radius: var(--nexa-ds-radius-md) !important;
    color: var(--nexa-ds-text-soft) !important;
    background: var(--nexa-ds-surface-2) !important;
}

body.nexa-ds-core-v1.nexa-legacy-bridge-v1 .alert-success { border-color: rgba(38, 201, 138, .28) !important; background: rgba(38, 201, 138, .10) !important; }
body.nexa-ds-core-v1.nexa-legacy-bridge-v1 .alert-warning { border-color: rgba(246, 185, 75, .30) !important; background: rgba(246, 185, 75, .10) !important; }
body.nexa-ds-core-v1.nexa-legacy-bridge-v1 .alert-danger  { border-color: rgba(255, 92, 114, .28) !important; background: rgba(255, 92, 114, .10) !important; }
body.nexa-ds-core-v1.nexa-legacy-bridge-v1 .alert-info    { border-color: rgba(85, 184, 255, .28) !important; background: rgba(85, 184, 255, .10) !important; }

/* Badges */
body.nexa-ds-core-v1.nexa-legacy-bridge-v1 .badge:not([class*="nexa-"]) {
    padding: 5px 9px;
    border: 1px solid rgb(var(--nexa-ds-primary-rgb), .18);
    border-radius: var(--nexa-ds-radius-pill);
    color: var(--nexa-ds-text-soft);
    background: rgb(var(--nexa-ds-primary-rgb), .10);
    font-weight: 800;
}

/* Modal / offcanvas / dropdown details */
body.nexa-ds-core-v1.nexa-legacy-bridge-v1:not(.nexa-admin-ds) .modal-backdrop.show {
    opacity: .72;
}

body.nexa-ds-core-v1.nexa-legacy-bridge-v1:not(.nexa-admin-ds) .dropdown-item {
    border-radius: var(--nexa-ds-radius-sm);
    color: var(--nexa-bridge-text-soft) !important;
}

body.nexa-ds-core-v1.nexa-legacy-bridge-v1:not(.nexa-admin-ds) .dropdown-item:hover,
body.nexa-ds-core-v1.nexa-legacy-bridge-v1:not(.nexa-admin-ds) .dropdown-item:focus,
body.nexa-ds-core-v1.nexa-legacy-bridge-v1:not(.nexa-admin-ds) .dropdown-item.active {
    color: #fff !important;
    background: rgb(var(--nexa-ds-primary-rgb), .14) !important;
}

body.nexa-ds-core-v1.nexa-legacy-bridge-v1:not(.nexa-admin-ds) .dropdown-divider {
    border-color: var(--nexa-ds-divider) !important;
}

/* Common legacy links */
body.nexa-ds-core-v1.nexa-legacy-bridge-v1:not(.nexa-admin-ds) :where(.card, .modal-content, .offcanvas, .login-register-form) a:not(.btn):not(.cmn-btn):not(.cmn-btn2) {
    color: var(--nexa-ds-primary);
}

/* --------------------------------------------------------------------------
   Admin compatibility variant
   Keeps the Admin V3 shell/dashboard light, while modernizing legacy screens.
   -------------------------------------------------------------------------- */
body.nexa-ds-core-v1.nexa-admin-ds.nexa-legacy-bridge-v1 {
    --nexa-admin-bridge-surface: #ffffff;
    --nexa-admin-bridge-surface-2: #f7f8fc;
    --nexa-admin-bridge-surface-3: #eff2f8;
    --nexa-admin-bridge-border: #e3e8f2;
    --nexa-admin-bridge-border-strong: #d4dceb;
    --nexa-admin-bridge-text: #17233d;
    --nexa-admin-bridge-muted: #718096;
}

body.nexa-ds-core-v1.nexa-admin-ds.nexa-legacy-bridge-v1 :where(
    .card:not([class*="nexa-"]),
    .modal-content,
    .offcanvas,
    .dropdown-menu
) {
    border: 1px solid var(--nexa-admin-bridge-border) !important;
    border-radius: var(--nexa-ds-radius-md) !important;
    background: var(--nexa-admin-bridge-surface) !important;
    box-shadow: 0 10px 30px rgba(23, 35, 61, .055) !important;
}

body.nexa-ds-core-v1.nexa-admin-ds.nexa-legacy-bridge-v1 :where(
    .card-header,
    .card-footer,
    .modal-header,
    .modal-footer,
    .offcanvas-header
) {
    border-color: var(--nexa-admin-bridge-border) !important;
    color: var(--nexa-admin-bridge-text) !important;
    background: var(--nexa-admin-bridge-surface-2) !important;
}

body.nexa-ds-core-v1.nexa-admin-ds.nexa-legacy-bridge-v1 :where(.form-control, .form-select, .input-group-text) {
    min-height: 42px;
    border-color: var(--nexa-admin-bridge-border) !important;
    border-radius: var(--nexa-ds-radius-sm) !important;
    color: var(--nexa-admin-bridge-text) !important;
    background-color: #fff !important;
    box-shadow: none !important;
}

body.nexa-ds-core-v1.nexa-admin-ds.nexa-legacy-bridge-v1 :where(.form-control:focus, .form-select:focus) {
    border-color: rgb(var(--nexa-ds-primary-rgb), .52) !important;
    box-shadow: 0 0 0 3px rgb(var(--nexa-ds-primary-rgb), .10) !important;
}

body.nexa-ds-core-v1.nexa-admin-ds.nexa-legacy-bridge-v1 :where(.form-label, label:not(.form-check-label)) {
    color: var(--nexa-admin-bridge-text);
    font-weight: 700;
}

body.nexa-ds-core-v1.nexa-admin-ds.nexa-legacy-bridge-v1 .table {
    --bs-table-bg: transparent;
    --bs-table-color: var(--nexa-admin-bridge-text);
    --bs-table-border-color: var(--nexa-admin-bridge-border);
    --bs-table-striped-bg: #fafbfe;
    --bs-table-hover-bg: #f7f5ff;
    margin-bottom: 0;
}

body.nexa-ds-core-v1.nexa-admin-ds.nexa-legacy-bridge-v1 .table > :not(caption) > * > * {
    padding: 12px 14px;
    border-bottom-color: var(--nexa-admin-bridge-border) !important;
    vertical-align: middle;
}

body.nexa-ds-core-v1.nexa-admin-ds.nexa-legacy-bridge-v1 .table thead th {
    color: var(--nexa-admin-bridge-muted) !important;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
    background: var(--nexa-admin-bridge-surface-2) !important;
}

body.nexa-ds-core-v1.nexa-admin-ds.nexa-legacy-bridge-v1 .breadcrumb {
    gap: 6px;
}

body.nexa-ds-core-v1.nexa-admin-ds.nexa-legacy-bridge-v1 .breadcrumb-item,
body.nexa-ds-core-v1.nexa-admin-ds.nexa-legacy-bridge-v1 .breadcrumb-item::before {
    color: var(--nexa-admin-bridge-muted) !important;
}

body.nexa-ds-core-v1.nexa-admin-ds.nexa-legacy-bridge-v1 .breadcrumb-item.active,
body.nexa-ds-core-v1.nexa-admin-ds.nexa-legacy-bridge-v1 .breadcrumb-item a:hover {
    color: var(--nexa-ds-primary) !important;
}

body.nexa-ds-core-v1.nexa-admin-ds.nexa-legacy-bridge-v1 .pagination .page-link {
    border-color: var(--nexa-admin-bridge-border) !important;
    color: var(--nexa-admin-bridge-text) !important;
    background: #fff !important;
}

body.nexa-ds-core-v1.nexa-admin-ds.nexa-legacy-bridge-v1 .pagination .page-item.active .page-link,
body.nexa-ds-core-v1.nexa-admin-ds.nexa-legacy-bridge-v1 .pagination .page-link:hover {
    border-color: var(--nexa-ds-primary) !important;
    color: #fff !important;
    background: var(--nexa-ds-primary) !important;
}

body.nexa-ds-core-v1.nexa-admin-ds.nexa-legacy-bridge-v1 .badge:not([class*="nexa-"]) {
    border-radius: var(--nexa-ds-radius-pill);
}

/* --------------------------------------------------------------------------
   Accessibility / resilience
   -------------------------------------------------------------------------- */
body.nexa-ds-core-v1.nexa-legacy-bridge-v1 :where(.form-control, .form-select, .cmn-btn, .cmn-btn2, .btn, .page-link, .nav-link):focus-visible {
    outline: 2px solid rgb(var(--nexa-ds-primary-rgb), .72) !important;
    outline-offset: 2px !important;
}

@media (prefers-reduced-motion: reduce) {
    body.nexa-ds-core-v1.nexa-legacy-bridge-v1 *,
    body.nexa-ds-core-v1.nexa-legacy-bridge-v1 *::before,
    body.nexa-ds-core-v1.nexa-legacy-bridge-v1 *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}

@media (max-width: 767.98px) {
    body.nexa-ds-core-v1.nexa-legacy-bridge-v1:not(.nexa-admin-ds) .login-register-form {
        padding: 20px 16px;
        border-radius: var(--nexa-ds-radius-md) !important;
    }

    body.nexa-ds-core-v1.nexa-legacy-bridge-v1:not(.nexa-admin-ds) .table > :not(caption) > * > * {
        padding: 11px 12px;
    }

    body.nexa-ds-core-v1.nexa-legacy-bridge-v1 .modal-dialog {
        margin: 12px;
    }
}