/* Actions */
.btn:where(:not(.mw76-root):not(.mw76-root *)),
.mw-button:where(:not(.mw76-root):not(.mw76-root *)),
.mw-icon-button:where(:not(.mw76-root):not(.mw76-root *)) {
    display: inline-flex;
    min-height: 2.625rem;
    align-items: center;
    justify-content: center;
    gap: var(--mw-space-2);
    border-width: var(--mw-border-width);
    border-radius: var(--mw-radius-md);
    font-size: var(--mw-type-secondary);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
    box-shadow: none;
    transition:
        color var(--mw-motion-fast) var(--mw-ease-standard),
        background-color var(--mw-motion-fast) var(--mw-ease-standard),
        border-color var(--mw-motion-fast) var(--mw-ease-standard),
        box-shadow var(--mw-motion-fast) var(--mw-ease-standard);
}

.btn:hover:where(:not(.mw76-root):not(.mw76-root *)),
.mw-button:hover:where(:not(.mw76-root):not(.mw76-root *)) {
    transform: none;
}

.mw-button {
    padding: 0.625rem var(--mw-space-4);
    border-style: solid;
    text-decoration: none;
}

.btn-primary:where(:not(.mw76-root):not(.mw76-root *)),
.mw-button--primary:where(:not(.mw76-root):not(.mw76-root *)) {
    border-color: var(--mw-brand-primary) !important;
    color: var(--mw-text-inverse) !important;
    background: var(--mw-brand-primary) !important;
    box-shadow: none;
}

.public-body .btn-primary:where(:not(.mw76-root):not(.mw76-root *)),
.public-body .mw-button--primary:where(:not(.mw76-root):not(.mw76-root *)) {
    border-color: var(--mw-palette-ink) !important;
    background: var(--mw-palette-ink) !important;
}

.btn-primary:hover:where(:not(.mw76-root):not(.mw76-root *)),
.btn-primary:focus:where(:not(.mw76-root):not(.mw76-root *)),
.mw-button--primary:hover:where(:not(.mw76-root):not(.mw76-root *)),
.mw-button--primary:focus:where(:not(.mw76-root):not(.mw76-root *)) {
    border-color: var(--mw-brand-primary-hover) !important;
    color: var(--mw-text-inverse) !important;
    background: var(--mw-brand-primary-hover) !important;
    box-shadow: none;
}

.public-body .btn-primary:hover:where(:not(.mw76-root):not(.mw76-root *)),
.public-body .btn-primary:focus:where(:not(.mw76-root):not(.mw76-root *)),
.public-body .mw-button--primary:hover:where(:not(.mw76-root):not(.mw76-root *)),
.public-body .mw-button--primary:focus:where(:not(.mw76-root):not(.mw76-root *)) {
    border-color: #000000 !important;
    background: #000000 !important;
}

.btn-outline-primary:where(:not(.mw76-root):not(.mw76-root *)),
.btn-outline-secondary:where(:not(.mw76-root):not(.mw76-root *)),
.btn-light:where(:not(.mw76-root):not(.mw76-root *)),
.mw-button--secondary:where(:not(.mw76-root):not(.mw76-root *)) {
    border-color: var(--mw-border-default) !important;
    color: var(--mw-text-primary) !important;
    background: var(--mw-surface) !important;
    box-shadow: none;
}

.btn-outline-primary:hover:where(:not(.mw76-root):not(.mw76-root *)),
.btn-outline-primary:focus:where(:not(.mw76-root):not(.mw76-root *)),
.btn-outline-secondary:hover:where(:not(.mw76-root):not(.mw76-root *)),
.btn-outline-secondary:focus:where(:not(.mw76-root):not(.mw76-root *)),
.btn-light:hover:where(:not(.mw76-root):not(.mw76-root *)),
.btn-light:focus:where(:not(.mw76-root):not(.mw76-root *)),
.mw-button--secondary:hover:where(:not(.mw76-root):not(.mw76-root *)),
.mw-button--secondary:focus:where(:not(.mw76-root):not(.mw76-root *)) {
    border-color: var(--mw-border-strong) !important;
    color: var(--mw-text-primary) !important;
    background: var(--mw-surface-interactive) !important;
    box-shadow: none;
}

.btn-link:where(:not(.mw76-root):not(.mw76-root *)),
.mw-button--ghost:where(:not(.mw76-root):not(.mw76-root *)) {
    border-color: transparent !important;
    color: var(--mw-text-secondary) !important;
    background: transparent !important;
    text-decoration: none;
}

.btn-link:hover:where(:not(.mw76-root):not(.mw76-root *)),
.mw-button--ghost:hover:where(:not(.mw76-root):not(.mw76-root *)) {
    color: var(--mw-text-primary) !important;
    background: var(--mw-surface-interactive) !important;
}

.btn-danger:where(:not(.mw76-root):not(.mw76-root *)),
.mw-button--danger:where(:not(.mw76-root):not(.mw76-root *)) {
    border-color: var(--mw-danger-foreground) !important;
    color: var(--mw-text-inverse) !important;
    background: var(--mw-danger-foreground) !important;
}

.btn-sm:where(:not(.mw76-root):not(.mw76-root *)) {
    min-height: 2.25rem;
    padding-inline: var(--mw-space-3);
    font-size: var(--mw-type-caption);
}

.btn-lg:where(:not(.mw76-root):not(.mw76-root *)) {
    min-height: 3rem;
    padding-inline: var(--mw-space-6);
    font-size: var(--mw-type-body);
}

.mw-icon-button:where(:not(.mw76-root):not(.mw76-root *)),
.app-icon-button:where(:not(.mw76-root):not(.mw76-root *)) {
    width: 2.625rem;
    min-width: 2.625rem;
    height: 2.625rem;
    padding: 0;
    border: 1px solid var(--mw-border-default);
    color: var(--mw-text-secondary);
    background: var(--mw-surface);
}

.mw-icon,
[data-lucide] {
    width: 1.125rem;
    height: 1.125rem;
    flex: 0 0 1.125rem;
    stroke-width: 1.75;
}

.mw-icon-button:hover:where(:not(.mw76-root):not(.mw76-root *)),
.app-icon-button:hover:where(:not(.mw76-root):not(.mw76-root *)) {
    border-color: var(--mw-border-strong);
    color: var(--mw-text-primary);
    background: var(--mw-surface-interactive);
}

.mw-icon-button--small {
    width: 2.25rem;
    min-width: 2.25rem;
    height: 2.25rem;
}

/* Forms */
.form-label,
.mw-field-label {
    display: inline-flex;
    align-items: baseline;
    gap: var(--mw-space-1);
    margin-block-end: var(--mw-space-2);
    color: var(--mw-text-primary);
    font-size: var(--mw-type-label);
    font-weight: 700;
    letter-spacing: 0;
}

.mw-required-indicator {
    color: var(--mw-danger-foreground);
}

.form-control:where(:not(.mw76-root):not(.mw76-root *)),
.form-select:where(:not(.mw76-root):not(.mw76-root *)),
.mw-input:where(:not(.mw76-root):not(.mw76-root *)),
.mw-select:where(:not(.mw76-root):not(.mw76-root *)),
.mw-textarea:where(:not(.mw76-root):not(.mw76-root *)) {
    min-height: 2.75rem;
    border: 1px solid var(--mw-border-default);
    border-radius: var(--mw-radius-md);
    color: var(--mw-text-primary);
    background-color: var(--mw-surface);
    font-family: inherit;
    font-size: var(--mw-type-body);
    line-height: 1.4;
    box-shadow: none;
    transition:
        border-color var(--mw-motion-fast) var(--mw-ease-standard),
        box-shadow var(--mw-motion-fast) var(--mw-ease-standard),
        background-color var(--mw-motion-fast) var(--mw-ease-standard);
}

.form-control:hover:where(:not(.mw76-root):not(.mw76-root *)),
.form-select:hover:where(:not(.mw76-root):not(.mw76-root *)),
.mw-input:hover:where(:not(.mw76-root):not(.mw76-root *)),
.mw-select:hover:where(:not(.mw76-root):not(.mw76-root *)),
.mw-textarea:hover:where(:not(.mw76-root):not(.mw76-root *)) {
    border-color: var(--mw-border-strong);
}

.form-control:focus:where(:not(.mw76-root):not(.mw76-root *)),
.form-select:focus:where(:not(.mw76-root):not(.mw76-root *)),
.form-check-input:focus:where(:not(.mw76-root):not(.mw76-root *)),
.mw-input:focus:where(:not(.mw76-root):not(.mw76-root *)),
.mw-select:focus:where(:not(.mw76-root):not(.mw76-root *)),
.mw-textarea:focus:where(:not(.mw76-root):not(.mw76-root *)) {
    border-color: var(--mw-focus);
    box-shadow: 0 0 0 3px var(--mw-focus-ring);
}

.form-control:disabled:where(:not(.mw76-root):not(.mw76-root *)),
.form-select:disabled:where(:not(.mw76-root):not(.mw76-root *)),
.form-control[readonly]:where(:not(.mw76-root):not(.mw76-root *)),
.mw-input:disabled:where(:not(.mw76-root):not(.mw76-root *)),
.mw-select:disabled:where(:not(.mw76-root):not(.mw76-root *)),
.mw-textarea:disabled:where(:not(.mw76-root):not(.mw76-root *)),
.mw-input[readonly]:where(:not(.mw76-root):not(.mw76-root *)),
.mw-textarea[readonly]:where(:not(.mw76-root):not(.mw76-root *)) {
    color: var(--mw-text-muted);
    background: var(--mw-surface-subtle);
    opacity: 1;
}

textarea.form-control:where(:not(.mw76-root):not(.mw76-root *)),
.mw-textarea:where(:not(.mw76-root):not(.mw76-root *)) {
    min-height: 7rem;
    resize: none;
}

.form-text,
.mw-field-help {
    margin-block-start: var(--mw-space-1);
    color: var(--mw-text-muted);
    font-size: var(--mw-type-caption);
}

.field-validation-error:where(:not(.mw76-root):not(.mw76-root *)),
.validation-summary-errors:where(:not(.mw76-root):not(.mw76-root *)),
.mw-field-error:where(:not(.mw76-root):not(.mw76-root *)),
.text-danger.small:where(:not(.mw76-root):not(.mw76-root *)) {
    color: var(--mw-danger-foreground) !important;
    font-size: var(--mw-type-caption);
}

.input-validation-error:where(:not(.mw76-root):not(.mw76-root *)),
[aria-invalid="true"]:where(:not(.mw76-root):not(.mw76-root *)) {
    border-color: var(--mw-danger-foreground) !important;
    box-shadow: 0 0 0 3px rgba(134, 30, 41, 0.12) !important;
}

.form-check-input {
    width: 1.125rem;
    height: 1.125rem;
    border-color: var(--mw-border-strong);
}

.form-check-input:checked {
    border-color: var(--mw-brand-primary);
    background-color: var(--mw-brand-primary);
}

.form-switch .form-check-input {
    width: 2.25rem;
    border-radius: var(--mw-radius-pill);
}

.mw-search {
    position: relative;
}

.mw-search > [data-lucide="search"] {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: var(--mw-space-3);
    color: var(--mw-text-muted);
    pointer-events: none;
    transform: translateY(-50%);
}

.mw-search .form-control:where(:not(.mw76-root):not(.mw76-root *)),
.mw-search .mw-input:where(:not(.mw76-root):not(.mw76-root *)) {
    padding-inline-start: 2.5rem;
    padding-inline-end: 2.5rem;
}

.mw-search-clear {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-end: var(--mw-space-1);
    width: 2.25rem;
    height: 2.25rem;
    border: 0;
    border-radius: var(--mw-radius-md);
    color: var(--mw-text-muted);
    background: transparent;
    transform: translateY(-50%);
}

/* Selection, navigation and overlays */
.nav-tabs:where(:not(.mw76-root):not(.mw76-root *)),
.mw-tabs:where(:not(.mw76-root):not(.mw76-root *)) {
    gap: var(--mw-space-1);
    border-bottom: 1px solid var(--mw-border-default);
}

.nav-tabs .nav-link:where(:not(.mw76-root):not(.mw76-root *)),
.mw-tab:where(:not(.mw76-root):not(.mw76-root *)) {
    min-height: 2.75rem;
    padding: var(--mw-space-2) var(--mw-space-3);
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: var(--mw-text-secondary);
    background: transparent;
    font-size: var(--mw-type-secondary);
    font-weight: 700;
}

.nav-tabs .nav-link.active:where(:not(.mw76-root):not(.mw76-root *)),
.mw-tab[aria-selected="true"]:where(:not(.mw76-root):not(.mw76-root *)) {
    border-bottom-color: var(--mw-brand-primary);
    color: var(--mw-text-primary);
    background: transparent;
}

.breadcrumb {
    margin: 0;
    font-size: var(--mw-type-caption);
}

.breadcrumb-item:where(:not(.mw76-root):not(.mw76-root *)),
.breadcrumb-item a:where(:not(.mw76-root):not(.mw76-root *)) {
    color: var(--mw-text-muted);
}

.breadcrumb-item.active {
    color: var(--mw-text-secondary);
}

.breadcrumb-item + .breadcrumb-item {
    padding-inline-start: var(--mw-space-2);
}

.breadcrumb-item + .breadcrumb-item::before {
    float: none;
    padding-inline-end: var(--mw-space-2);
    color: var(--mw-border-strong);
}

[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    content: "\\";
}

.dropdown-menu:where(:not(.mw76-root):not(.mw76-root *)),
.popover:where(:not(.mw76-root):not(.mw76-root *)),
.tooltip-inner:where(:not(.mw76-root):not(.mw76-root *)) {
    border-color: var(--mw-border-default);
    border-radius: var(--mw-radius-lg);
    color: var(--mw-text-primary);
    background: var(--mw-surface-elevated);
    box-shadow: var(--mw-shadow-popover);
}

.dropdown-menu:where(:not(.mw76-root):not(.mw76-root *)) {
    min-width: 13rem;
    padding: var(--mw-space-2);
}

.dropdown-item:where(:not(.mw76-root):not(.mw76-root *)) {
    min-height: 2.5rem;
    display: flex;
    align-items: center;
    gap: var(--mw-space-2);
    border-radius: var(--mw-radius-md);
    color: var(--mw-text-secondary);
    font-size: var(--mw-type-secondary);
}

.dropdown-item:hover:where(:not(.mw76-root):not(.mw76-root *)),
.dropdown-item:focus:where(:not(.mw76-root):not(.mw76-root *)) {
    color: var(--mw-text-primary);
    background: var(--mw-surface-interactive);
}

.dropdown-item.active:where(:not(.mw76-root):not(.mw76-root *)),
.dropdown-item:active:where(:not(.mw76-root):not(.mw76-root *)) {
    color: var(--mw-text-inverse);
    background: var(--mw-brand-primary);
}

.modal-content:where(:not(.mw76-root):not(.mw76-root *)),
.offcanvas:where(:not(.mw76-root):not(.mw76-root *)) {
    border: 1px solid var(--mw-border-default);
    border-radius: var(--mw-radius-lg);
    color: var(--mw-text-primary);
    background: var(--mw-surface-elevated);
    box-shadow: var(--mw-shadow-dialog);
}

.modal-header:where(:not(.mw76-root):not(.mw76-root *)),
.modal-footer:where(:not(.mw76-root):not(.mw76-root *)),
.offcanvas-header:where(:not(.mw76-root):not(.mw76-root *)) {
    border-color: var(--mw-border-subtle);
}

.modal-title {
    font-size: var(--mw-type-section-title);
    font-weight: 750;
}

.modal-backdrop.show {
    opacity: 0.48;
}

/* Status and notifications */
.badge:where(:not(.mw76-root):not(.mw76-root *)),
.mw-badge:where(:not(.mw76-root):not(.mw76-root *)),
.mw-status:where(:not(.mw76-root):not(.mw76-root *)) {
    display: inline-flex;
    min-height: 1.5rem;
    align-items: center;
    gap: var(--mw-space-1);
    padding: 0.2rem 0.5rem;
    border: 1px solid var(--mw-border-default);
    border-radius: var(--mw-radius-sm);
    color: var(--mw-text-secondary);
    background: var(--mw-surface-subtle);
    font-size: 0.6875rem;
    font-weight: 750;
    line-height: 1.1;
    letter-spacing: 0;
}

.alert:where(:not(.mw76-root):not(.mw76-root *)),
.mw-alert:where(:not(.mw76-root):not(.mw76-root *)) {
    display: flex;
    align-items: flex-start;
    gap: var(--mw-space-3);
    padding: var(--mw-space-3) var(--mw-space-4);
    border-width: 1px !important;
    border-style: solid !important;
    border-radius: var(--mw-radius-lg);
    box-shadow: none !important;
}

.alert-success:where(:not(.mw76-root):not(.mw76-root *)),
.mw-alert--success:where(:not(.mw76-root):not(.mw76-root *)),
.mw-badge--success:where(:not(.mw76-root):not(.mw76-root *)),
.mw-status-success:where(:not(.mw76-root):not(.mw76-root *)),
.bg-success:where(:not(.mw76-root):not(.mw76-root *)) {
    border-color: var(--mw-success-border) !important;
    color: var(--mw-success-foreground) !important;
    background: var(--mw-success-background) !important;
}

.alert-warning:where(:not(.mw76-root):not(.mw76-root *)),
.mw-alert--warning:where(:not(.mw76-root):not(.mw76-root *)),
.mw-badge--warning:where(:not(.mw76-root):not(.mw76-root *)),
.mw-status-warning:where(:not(.mw76-root):not(.mw76-root *)),
.bg-warning:where(:not(.mw76-root):not(.mw76-root *)) {
    border-color: var(--mw-warning-border) !important;
    color: var(--mw-warning-foreground) !important;
    background: var(--mw-warning-background) !important;
}

.alert-danger:where(:not(.mw76-root):not(.mw76-root *)),
.mw-alert--danger:where(:not(.mw76-root):not(.mw76-root *)),
.mw-badge--danger:where(:not(.mw76-root):not(.mw76-root *)),
.mw-status-danger:where(:not(.mw76-root):not(.mw76-root *)),
.bg-danger:where(:not(.mw76-root):not(.mw76-root *)) {
    border-color: var(--mw-danger-border) !important;
    color: var(--mw-danger-foreground) !important;
    background: var(--mw-danger-background) !important;
}

.alert-info:where(:not(.mw76-root):not(.mw76-root *)),
.mw-alert--info:where(:not(.mw76-root):not(.mw76-root *)),
.mw-badge--info:where(:not(.mw76-root):not(.mw76-root *)),
.mw-status-info:where(:not(.mw76-root):not(.mw76-root *)),
.bg-info:where(:not(.mw76-root):not(.mw76-root *)) {
    border-color: var(--mw-info-border) !important;
    color: var(--mw-info-foreground) !important;
    background: var(--mw-info-background) !important;
}

.toast-container:where(:not(.mw76-root):not(.mw76-root *)) {
    z-index: var(--mw-z-toast);
}

.toast:where(:not(.mw76-root):not(.mw76-root *)),
.mw-toast:where(:not(.mw76-root):not(.mw76-root *)) {
    border: 1px solid var(--mw-border-default);
    border-radius: var(--mw-radius-lg);
    color: var(--mw-text-primary);
    background: var(--mw-surface-elevated);
    box-shadow: var(--mw-shadow-popover);
}

.mw-toast .toast-header .mw-icon-button:where(:not(.mw76-root):not(.mw76-root *)) {
    margin-inline-start: auto;
}

.toast-header:where(:not(.mw76-root):not(.mw76-root *)) {
    border-bottom-color: var(--mw-border-subtle);
    color: var(--mw-text-primary);
    background: transparent;
}

/* Surfaces */
.mw-system-page-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--mw-space-6);
    margin-block-end: var(--mw-section-gap);
    padding-block-end: var(--mw-space-5);
    border-bottom: 1px solid var(--mw-border-default);
}

.mw-system-page-header__copy {
    display: grid;
    min-width: 0;
    gap: var(--mw-space-2);
}

.mw-system-page-header__copy h1:where(:not(.mw76-root):not(.mw76-root *)),
.mw-system-page-header__eyebrow:where(:not(.mw76-root):not(.mw76-root *)),
.mw-system-page-header__subtitle:where(:not(.mw76-root):not(.mw76-root *)) {
    margin: 0;
}

.mw-system-page-header__eyebrow {
    color: var(--mw-brand-primary);
    font-size: var(--mw-type-caption);
    font-weight: 750;
}

.mw-system-page-header__subtitle {
    max-width: 48rem;
    color: var(--mw-text-muted);
}

.mw-system-page-header__actions {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--mw-space-2);
}

.card:where(:not(.mw76-root):not(.mw76-root *)),
.mw-card:where(:not(.mw76-root):not(.mw76-root *)),
.mw-panel:where(:not(.mw76-root):not(.mw76-root *)),
.mw-stat-card:where(:not(.mw76-root):not(.mw76-root *)) {
    border: 1px solid var(--mw-border-default) !important;
    border-radius: var(--mw-radius-lg) !important;
    color: var(--mw-text-primary);
    /* Compatibility: legacy site.css used !important for shared surfaces. */
    background: var(--mw-surface) !important;
    box-shadow: none !important;
    backdrop-filter: none;
}

.card-header:where(:not(.mw76-root):not(.mw76-root *)),
.mw-card-header:where(:not(.mw76-root):not(.mw76-root *)),
.mw-panel-header:where(:not(.mw76-root):not(.mw76-root *)) {
    border-bottom: 1px solid var(--mw-border-subtle);
    border-radius: var(--mw-radius-lg) var(--mw-radius-lg) 0 0 !important;
    background: transparent;
}

.mw-surface-group {
    padding: var(--mw-group-padding);
    border: 1px solid var(--mw-border-default);
    border-radius: var(--mw-radius-lg);
}

.mw-interactive-card {
    transition:
        border-color var(--mw-motion-fast) var(--mw-ease-standard),
        box-shadow var(--mw-motion-fast) var(--mw-ease-standard);
}

.mw-interactive-card:hover:where(:not(.mw76-root):not(.mw76-root *)),
.mw-interactive-card:focus-within:where(:not(.mw76-root):not(.mw76-root *)) {
    border-color: var(--mw-border-strong) !important;
    box-shadow: var(--mw-shadow-surface) !important;
}

.mw-stat-card {
    display: grid;
    gap: var(--mw-space-2);
    padding: var(--mw-group-padding);
}

.mw-stat-card__value {
    font-family: var(--mw-font-data);
    font-size: 1.625rem;
    font-weight: 750;
    font-variant-numeric: tabular-nums lining-nums;
    line-height: 1.1;
}

/* Legacy dashboards can localize a percentage to more glyphs than the old score disc allowed. */
.mw-readiness-score {
    font-size: var(--mw-type-caption);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

/* Data workspaces */
.mw-data-workspace {
    min-width: 0;
    border: 1px solid var(--mw-border-default);
    border-radius: var(--mw-radius-lg);
    background: var(--mw-surface);
}

.mw-data-toolbar {
    display: flex;
    min-height: 3.75rem;
    align-items: center;
    justify-content: space-between;
    gap: var(--mw-control-gap);
    padding: var(--mw-space-3) var(--mw-group-padding);
    border-bottom: 1px solid var(--mw-border-subtle);
}

.table-responsive {
    overflow-x: auto;
    border: 0;
    border-radius: 0;
    -webkit-overflow-scrolling: touch;
}

.table {
    width: 100%;
    margin: 0;
    color: var(--mw-text-primary);
    font-size: var(--mw-type-secondary);
    vertical-align: middle;
}

.table > :not(caption) > * > *:where(:not(.mw76-root):not(.mw76-root *)) {
    padding: 0.75rem var(--mw-space-4);
    border-bottom-color: var(--mw-border-subtle);
    background: transparent;
}

.table thead th {
    height: 2.75rem;
    color: var(--mw-text-muted);
    background: var(--mw-surface-subtle);
    font-size: 0.6875rem;
    font-weight: 750;
    letter-spacing: 0;
    text-transform: uppercase;
    white-space: nowrap;
}

[lang="ar"] .table thead th {
    text-transform: none;
}

.table tbody tr {
    transition: background-color var(--mw-motion-fast) var(--mw-ease-standard);
}

.table-hover > tbody > tr:hover > *:where(:not(.mw76-root):not(.mw76-root *)) {
    background: var(--mw-surface-interactive);
}

.table tbody tr:focus-within > *:where(:not(.mw76-root):not(.mw76-root *)) {
    background: #eef3fb;
}

.mw-cell-number {
    text-align: end;
    font-variant-numeric: tabular-nums lining-nums;
}

.mw-row-actions {
    display: flex;
    justify-content: flex-end;
    gap: var(--mw-space-1);
}

[dir="rtl"] .mw-row-actions {
    justify-content: flex-start;
}

.pagination {
    gap: var(--mw-space-1);
    margin: 0;
}

.page-link:where(:not(.mw76-root):not(.mw76-root *)) {
    min-width: 2.25rem;
    min-height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-color: var(--mw-border-default);
    border-radius: var(--mw-radius-md) !important;
    color: var(--mw-text-secondary);
    background: var(--mw-surface);
}

.page-item.active .page-link {
    border-color: var(--mw-brand-primary);
    color: var(--mw-text-inverse);
    background: var(--mw-brand-primary);
}

/* Shared states */
.mw-ui-state:where(:not(.mw76-root):not(.mw76-root *)) {
    display: grid;
    min-height: 12rem;
    place-items: center;
    padding: var(--mw-space-8) var(--mw-group-padding);
    border: 1px dashed var(--mw-border-default);
    border-radius: var(--mw-radius-lg);
    background: var(--mw-surface-subtle);
    text-align: center;
}

.mw-ui-state__content:where(:not(.mw76-root):not(.mw76-root *)) {
    display: grid;
    max-width: 31rem;
    justify-items: center;
    gap: var(--mw-space-3);
}

.mw-ui-state__icon:where(:not(.mw76-root):not(.mw76-root *)) {
    display: grid;
    width: 2.75rem;
    height: 2.75rem;
    place-items: center;
    border: 1px solid var(--mw-border-default);
    border-radius: var(--mw-radius-pill);
    color: var(--mw-text-secondary);
    background: var(--mw-surface);
}

.mw-ui-state__title:where(:not(.mw76-root):not(.mw76-root *)),
.mw-ui-state__message:where(:not(.mw76-root):not(.mw76-root *)) {
    margin: 0;
}

.mw-error-reference {
    margin-block: var(--mw-space-4) 0;
    text-align: center;
    color: var(--mw-text-muted);
}

.mw-error-reference code {
    overflow-wrap: anywhere;
}

.mw-ui-state__message:where(:not(.mw76-root):not(.mw76-root *)) {
    color: var(--mw-text-muted);
}

.mw-ui-state--danger:where(:not(.mw76-root):not(.mw76-root *)) {
    border-color: var(--mw-danger-border);
    background: var(--mw-danger-background);
}

.mw-ui-state--success:where(:not(.mw76-root):not(.mw76-root *)) {
    border-color: var(--mw-success-border);
    background: var(--mw-success-background);
}

.mw-spinner {
    width: 1.5rem;
    height: 1.5rem;
    border: 2px solid var(--mw-border-default);
    border-top-color: var(--mw-brand-primary);
    border-radius: var(--mw-radius-pill);
    animation: mw-spin 700ms linear infinite;
}

.mw-skeleton {
    display: block;
    min-height: 1rem;
    overflow: hidden;
    border-radius: var(--mw-radius-sm);
    background: var(--mw-border-subtle);
}

.mw-skeleton::after {
    content: "";
    display: block;
    width: 45%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.72), transparent);
    animation: mw-skeleton 1.2s var(--mw-ease-standard) infinite;
}

.mw-skeleton--text {
    height: 0.875rem;
}

.mw-skeleton--row {
    height: 3.25rem;
}

@keyframes mw-spin {
    to { transform: rotate(360deg); }
}

@keyframes mw-skeleton {
    from { transform: translateX(-120%); }
    to { transform: translateX(260%); }
}

/* Date and time */
input[type="date"]:where(:not(.mw76-root):not(.mw76-root *)),
input[type="time"]:where(:not(.mw76-root):not(.mw76-root *)),
input[type="datetime-local"]:where(:not(.mw76-root):not(.mw76-root *)) {
    font-family: var(--mw-font-data);
    font-variant-numeric: tabular-nums lining-nums;
}

[dir="rtl"] input[type="date"]:where(:not(.mw76-root):not(.mw76-root *)),
[dir="rtl"] input[type="time"]:where(:not(.mw76-root):not(.mw76-root *)),
[dir="rtl"] input[type="datetime-local"]:where(:not(.mw76-root):not(.mw76-root *)) {
    direction: rtl;
    text-align: start;
}

@media (max-width: 47.998rem) {
    .mw-system-page-header {
        align-items: stretch;
        flex-direction: column;
    }

    .mw-system-page-header__actions {
        justify-content: stretch;
    }

    .mw-system-page-header__actions .btn:where(:not(.mw76-root):not(.mw76-root *)) {
        flex: 1 1 auto;
    }

    .mw-data-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .mw-data-toolbar > *:where(:not(.mw76-root):not(.mw76-root *)) {
        max-width: none;
    }

    .modal-dialog {
        margin: var(--mw-space-3);
    }

    .mw-dialog-responsive .modal-dialog {
        min-height: calc(100% - (var(--mw-space-3) * 2));
        align-items: flex-end;
        margin: var(--mw-space-3);
    }

    .mw-dialog-responsive .modal-content {
        max-height: calc(100dvh - (var(--mw-space-3) * 2));
    }
}