:root {
    --cw-font-sans: "Segoe UI", Inter, Roboto, Arial, sans-serif;
    --cw-radius-sm: 6px;
    --cw-radius-md: 10px;
    --cw-radius-lg: 16px;
    --cw-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.08);
    --cw-shadow-md: 0 10px 30px rgba(15, 23, 42, 0.10);
    --cw-transition-fast: 160ms ease;

    --cw-color-canvas: #f4f7f9;
    --cw-color-surface: #ffffff;
    --cw-color-surface-subtle: #edf2f5;
    --cw-color-surface-elevated: #ffffff;
    --cw-color-text: #1d2935;
    --cw-color-text-muted: #647484;
    --cw-color-heading: #14212c;
    --cw-color-border: #d8e1e7;
    --cw-color-border-strong: #bdcad3;
    --cw-color-primary: #0b718f;
    --cw-color-primary-hover: #085c75;
    --cw-color-primary-soft: #dceff4;
    --cw-color-on-primary: #ffffff;
    --cw-color-success: #187a57;
    --cw-color-success-hover: #126246;
    --cw-color-success-soft: #dff3ea;
    --cw-color-warning: #9a6700;
    --cw-color-warning-soft: #fff1c7;
    --cw-color-danger: #b4233d;
    --cw-color-danger-hover: #941c32;
    --cw-color-danger-soft: #fbe5e9;
    --cw-color-info: #176b9b;
    --cw-color-info-soft: #e0f0fa;
    --cw-color-table-row-hover: #e5f1f5;
    --cw-color-focus: rgba(11, 113, 143, 0.25);
    --cw-color-backdrop: rgba(15, 23, 42, 0.52);
    --cw-shell-header: #ffffff;
    --cw-shell-header-text: #263746;
    --cw-shell-header-hover: rgba(15, 35, 50, 0.06);
    --cw-shell-sidebar: #ffffff;
    --cw-shell-sidebar-text: #526573;
    --cw-shell-sidebar-hover: #edf3f6;
    --cw-shell-sidebar-selected: #dceff4;
    --cw-shell-sidebar-active: #0b718f;
    --cw-shell-sidebar-active-text: #075d76;
    --cw-shell-sidebar-divider: #e1e8ed;
    --cw-shell-footer: #ffffff;
    --cw-shell-footer-text: #647484;
}

[data-cw-theme="dark"] {
    --cw-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.32);
    --cw-shadow-md: 0 14px 34px rgba(0, 0, 0, 0.32);
    --cw-color-canvas: #0f1821;
    --cw-color-surface: #17232e;
    --cw-color-surface-subtle: #1d2c38;
    --cw-color-surface-elevated: #202f3c;
    --cw-color-text: #e7eef3;
    --cw-color-text-muted: #9dafbd;
    --cw-color-heading: #f4f8fa;
    --cw-color-border: #314351;
    --cw-color-border-strong: #455a69;
    --cw-color-primary: #39a9c7;
    --cw-color-primary-hover: #55bdd7;
    --cw-color-primary-soft: #183b48;
    --cw-color-on-primary: #07151b;
    --cw-color-success: #46b98b;
    --cw-color-success-hover: #63c99f;
    --cw-color-success-soft: #173c31;
    --cw-color-warning: #e5b94f;
    --cw-color-warning-soft: #493b1c;
    --cw-color-danger: #ed6a7f;
    --cw-color-danger-hover: #f18496;
    --cw-color-danger-soft: #48232c;
    --cw-color-info: #68b6df;
    --cw-color-info-soft: #19394b;
    --cw-color-table-row-hover: #1b3542;
    --cw-color-focus: rgba(57, 169, 199, 0.32);
    --cw-color-backdrop: rgba(0, 0, 0, 0.68);
    --cw-shell-header: #101b24;
    --cw-shell-header-text: #eff6f8;
    --cw-shell-header-hover: rgba(255, 255, 255, 0.08);
    --cw-shell-sidebar: #14232e;
    --cw-shell-sidebar-text: #adbfca;
    --cw-shell-sidebar-hover: #1e3442;
    --cw-shell-sidebar-selected: #203846;
    --cw-shell-sidebar-active: #278ba7;
    --cw-shell-sidebar-active-text: #f0f8fa;
    --cw-shell-sidebar-divider: rgba(255, 255, 255, 0.065);
    --cw-shell-footer: #101b24;
    --cw-shell-footer-text: #9dafbd;
}

html,
body {
    background: var(--cw-color-canvas);
    color: var(--cw-color-text);
    font-family: var(--cw-font-sans);
}

body,
button,
input,
select,
textarea {
    font-family: var(--cw-font-sans);
}

a {
    color: var(--cw-color-primary);
}

a:hover,
a:focus {
    color: var(--cw-color-primary-hover);
}

:focus-visible {
    outline: 3px solid var(--cw-color-focus);
    outline-offset: 2px;
}

::selection {
    background: var(--cw-color-primary);
    color: var(--cw-color-on-primary);
}

.cw-theme-light-only,
[data-cw-theme="light"] .cw-theme-light-only {
    display: block !important;
}

.cw-theme-dark-only,
[data-cw-theme="dark"] .cw-theme-light-only {
    display: none !important;
}

[data-cw-theme="dark"] .cw-theme-dark-only {
    display: block !important;
}

[data-cw-theme="light"] .cw-theme-dark-only {
    display: none !important;
}

.page-logo .logo-default {
    width: auto;
    max-width: 154px;
    max-height: 36px;
    margin: 5px 0 0 !important;
    object-fit: contain;
}

/* Metronic 4 shell adapter */
.page-header.navbar {
    background: var(--cw-shell-header) !important;
    border-bottom: 1px solid var(--cw-color-border) !important;
    box-shadow: var(--cw-shadow-sm);
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
    color: var(--cw-shell-header-text) !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover,
.page-header.navbar .top-menu .navbar-nav > li.dropdown.open > .dropdown-toggle {
    background: var(--cw-shell-header-hover) !important;
}

.page-header.navbar .menu-toggler > span,
.page-header.navbar .menu-toggler > span::before,
.page-header.navbar .menu-toggler > span::after {
    background: var(--cw-shell-header-text) !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username,
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i,
.page-sidebar .page-sidebar-menu > li > a > i,
.page-sidebar .page-sidebar-menu > li > a > .arrow::before,
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i {
    color: inherit !important;
}

.page-sidebar .page-sidebar-menu > li.active > a > .selected {
    border-right-color: var(--cw-color-canvas) !important;
}

.page-sidebar,
.page-sidebar .page-sidebar-menu,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu {
    background: var(--cw-shell-sidebar) !important;
}

.page-sidebar .page-sidebar-menu > li > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
    color: var(--cw-shell-sidebar-text) !important;
    border-top-color: var(--cw-shell-sidebar-divider) !important;
}

.page-sidebar .page-sidebar-menu > li:hover > a,
.page-sidebar .page-sidebar-menu > li.open > a,
.page-sidebar .page-sidebar-menu > li.active > a,
.page-sidebar .page-sidebar-menu .sub-menu > li > a:hover,
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
    background: var(--cw-shell-sidebar-hover) !important;
    color: var(--cw-shell-sidebar-active-text) !important;
}

.page-sidebar .page-sidebar-menu > li.active > a,
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
    background: var(--cw-shell-sidebar-selected) !important;
    color: var(--cw-shell-sidebar-active-text) !important;
}

.page-sidebar .page-sidebar-menu > li.active > a {
    border-left: 3px solid var(--cw-shell-sidebar-active) !important;
}

.page-sidebar .page-sidebar-menu .sub-menu > li > a {
    color: var(--cw-shell-sidebar-text) !important;
}

.page-sidebar .cw-sidebar-menu {
    min-height: 100%;
    padding-top: 14px !important;
}

@media (min-width: 992px) {
    body.cw-has-sidebar .page-container {
        position: relative;
        min-height: calc(100vh - 83px);
    }

    body.cw-has-sidebar .page-container::before {
        display: block !important;
        position: absolute;
        z-index: 0;
        top: 0;
        bottom: 0;
        left: 0;
        width: 235px;
        height: 100%;
        border-right: 1px solid var(--cw-shell-sidebar-divider);
        background: var(--cw-shell-sidebar);
        content: "";
        transition: width var(--cw-transition-fast), background var(--cw-transition-fast);
    }

    body.cw-has-sidebar.page-sidebar-closed .page-container::before {
        width: 45px;
    }

    body.cw-has-sidebar .page-sidebar-wrapper,
    body.cw-has-sidebar .page-content-wrapper {
        position: relative;
    }

    body.cw-has-sidebar .page-sidebar-wrapper {
        z-index: 2;
    }

    body.cw-has-sidebar .page-content-wrapper {
        z-index: 1;
        background: transparent !important;
    }
}

.page-container,
.page-content-wrapper,
.page-content-wrapper .page-content,
body.page-content-white .page-content-wrapper .page-content {
    background: var(--cw-color-canvas) !important;
}

.page-content-wrapper .page-content {
    min-height: calc(100vh - 70px);
}

.page-footer {
    background: var(--cw-shell-footer) !important;
    border-top: 1px solid var(--cw-shell-sidebar-divider);
    color: var(--cw-shell-footer-text) !important;
}

.page-footer a {
    color: var(--cw-color-primary) !important;
}

.page-bar,
.portlet,
.well,
.panel,
.tab-content,
#cadastro_conteudo {
    background: var(--cw-color-surface) !important;
    color: var(--cw-color-text);
    border-color: var(--cw-color-border) !important;
    box-shadow: var(--cw-shadow-sm);
}

#cadastro_conteudo {
    padding: 20px;
}

.cw-grid-toolbar {
    margin-bottom: 4px;
}

.cw-grid-toolbar .btn,
.cw-grid-toolbar .bootstrap-select,
.cw-grid-toolbar .form-control {
    min-height: 36px;
}

.cw-grid-toolbar .bootstrap-select {
    width: 100% !important;
}

.cw-grid-search .form-control {
    background-image: none !important;
}

.cw-grid-table {
    margin-top: 16px !important;
}

#grid_cadastro thead th .coluna-ordenacao {
    cursor: pointer;
    user-select: none;
}

.modal-dialog {
    max-width: calc(100vw - 32px);
}

.cw-table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.cw-table-responsive > .table {
    min-width: 720px;
}

.page-bar,
.portlet,
.well,
.panel,
#cadastro_conteudo {
    border-radius: var(--cw-radius-md) !important;
}

.page-bar {
    border: 1px solid var(--cw-color-border);
}

.page-title,
.portlet > .portlet-title > .caption,
.panel-title,
h1,
h2,
h3,
h4,
h5,
h6,
legend {
    color: var(--cw-color-heading) !important;
}

.page-bar .page-breadcrumb > li > a,
.page-bar .page-breadcrumb > li > span,
.help-block,
.text-muted,
#pageStatus {
    color: var(--cw-color-text-muted) !important;
}

.portlet > .portlet-title,
.panel-heading,
.panel-footer,
fieldset,
legend,
hr {
    border-color: var(--cw-color-border) !important;
}

/* Bootstrap 3 form adapter */
.form-control,
.select2-container--bootstrap .select2-selection,
.select2-container--default .select2-selection,
.bootstrap-select > .dropdown-toggle,
.input-group-addon {
    background-color: var(--cw-color-surface-elevated) !important;
    border-color: var(--cw-color-border-strong) !important;
    color: var(--cw-color-text) !important;
    border-radius: var(--cw-radius-sm);
    box-shadow: none !important;
    transition: border-color var(--cw-transition-fast), box-shadow var(--cw-transition-fast), background var(--cw-transition-fast);
}

.form-control::placeholder {
    color: var(--cw-color-text-muted);
    opacity: 0.78;
}

.form-control:focus,
.select2-container--bootstrap.select2-container--focus .select2-selection,
.select2-container--bootstrap.select2-container--open .select2-selection,
.select2-container--default.select2-container--focus .select2-selection,
.select2-container--default.select2-container--open .select2-selection,
.bootstrap-select.open > .dropdown-toggle {
    border-color: var(--cw-color-primary) !important;
    box-shadow: 0 0 0 3px var(--cw-color-focus) !important;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background: var(--cw-color-surface-subtle) !important;
    color: var(--cw-color-text-muted) !important;
}

.has-error .form-control,
.has-error .select2-selection {
    border-color: var(--cw-color-danger) !important;
}

.has-warning .form-control,
.has-warning .select2-selection {
    border-color: var(--cw-color-warning) !important;
}

.has-success .form-control,
.has-success .select2-selection {
    border-color: var(--cw-color-success) !important;
}

.has-error .help-block,
.has-error .control-label {
    color: var(--cw-color-danger) !important;
}

.has-warning .help-block,
.has-warning .control-label {
    color: var(--cw-color-warning) !important;
}

.has-success .help-block,
.has-success .control-label {
    color: var(--cw-color-success) !important;
}

.control-label,
label {
    color: var(--cw-color-text);
}

.input-icon > i,
.select2-container--bootstrap .select2-selection--single .select2-selection__rendered,
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--cw-color-text-muted) !important;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    min-height: 34px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-top-color: var(--cw-color-text-muted) !important;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-bottom-color: var(--cw-color-text-muted) !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: var(--cw-color-primary-soft) !important;
    border-color: var(--cw-color-border) !important;
    color: var(--cw-color-text) !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: var(--cw-color-text-muted) !important;
}

.select2-container--default.select2-container--disabled .select2-selection {
    background: var(--cw-color-surface-subtle) !important;
    color: var(--cw-color-text-muted) !important;
}

/* Buttons */
.btn {
    border-radius: var(--cw-radius-sm) !important;
    font-weight: 600;
    transition: background var(--cw-transition-fast), border-color var(--cw-transition-fast), color var(--cw-transition-fast), transform var(--cw-transition-fast);
}

.btn:active {
    transform: translateY(1px);
}

.btn[disabled],
.btn.disabled,
fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: 0.58;
    filter: saturate(0.65);
}

.btn-default,
.btn.default {
    background: var(--cw-color-surface-elevated) !important;
    border-color: var(--cw-color-border-strong) !important;
    color: var(--cw-color-text) !important;
}

.btn-default:hover,
.btn-default:focus,
.btn.default:hover,
.btn.default:focus {
    background: var(--cw-color-surface-subtle) !important;
    border-color: var(--cw-color-primary) !important;
}

.btn-primary,
.btn.blue,
.btn.green {
    background: var(--cw-color-primary) !important;
    border-color: var(--cw-color-primary) !important;
    color: var(--cw-color-on-primary) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn.blue:hover,
.btn.blue:focus,
.btn.green:hover,
.btn.green:focus {
    background: var(--cw-color-primary-hover) !important;
    border-color: var(--cw-color-primary-hover) !important;
}

.btn-success {
    background: var(--cw-color-success) !important;
    border-color: var(--cw-color-success) !important;
    color: #ffffff !important;
}

.btn-danger,
.btn.red {
    background: var(--cw-color-danger) !important;
    border-color: var(--cw-color-danger) !important;
    color: #ffffff !important;
}

.btn-success:hover,
.btn-success:focus {
    background: var(--cw-color-success-hover) !important;
    border-color: var(--cw-color-success-hover) !important;
}

.btn-danger:hover,
.btn-danger:focus,
.btn.red:hover,
.btn.red:focus {
    background: var(--cw-color-danger-hover) !important;
    border-color: var(--cw-color-danger-hover) !important;
}

.btn-warning,
.btn.yellow {
    background: var(--cw-color-warning) !important;
    border-color: var(--cw-color-warning) !important;
    color: #ffffff !important;
}

.btn-info {
    background: var(--cw-color-info) !important;
    border-color: var(--cw-color-info) !important;
    color: #ffffff !important;
}

/* Tables */
.table {
    color: var(--cw-color-text);
    background: var(--cw-color-surface);
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border-color: var(--cw-color-border) !important;
}

.table > thead > tr > th {
    background: var(--cw-color-surface-subtle) !important;
    color: var(--cw-color-heading) !important;
    font-weight: 650;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background: var(--cw-color-surface-subtle) !important;
}

.table-hover > tbody > tr:hover,
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background: var(--cw-color-table-row-hover) !important;
}

.table > tbody > tr.active > td,
.table > tbody > tr.active > th {
    background: var(--cw-color-primary-soft) !important;
}

.table > tbody > tr.success > td,
.table > tbody > tr.success > th {
    background: var(--cw-color-success-soft) !important;
}

.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th {
    background: var(--cw-color-warning-soft) !important;
}

.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th {
    background: var(--cw-color-danger-soft) !important;
}

.cw-sort-indicator {
    color: var(--cw-color-primary) !important;
}

.cw-badge {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 3px 9px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.cw-badge--success {
    background: var(--cw-color-success-soft);
    color: var(--cw-color-success);
}

.cw-badge--danger {
    background: var(--cw-color-danger-soft);
    color: var(--cw-color-danger);
}

/* Navigation, dropdowns and pagination */
.dropdown-menu,
.select2-dropdown,
.bootstrap-select .dropdown-menu,
.datepicker,
.daterangepicker {
    background: var(--cw-color-surface-elevated) !important;
    border-color: var(--cw-color-border) !important;
    color: var(--cw-color-text) !important;
    box-shadow: var(--cw-shadow-md) !important;
}

.select2-search--dropdown .select2-search__field {
    background: var(--cw-color-surface) !important;
    border-color: var(--cw-color-border-strong) !important;
    color: var(--cw-color-text) !important;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background: var(--cw-color-surface-subtle) !important;
}

.select2-container--default .select2-results__option[aria-disabled="true"] {
    color: var(--cw-color-text-muted) !important;
    opacity: 0.62;
}

.dropdown-menu > li > a,
.select2-results__option,
.bootstrap-select .dropdown-menu > li > a {
    color: var(--cw-color-text) !important;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.select2-results__option--highlighted,
.bootstrap-select .dropdown-menu > li > a:hover {
    background: var(--cw-color-primary-soft) !important;
    color: var(--cw-color-heading) !important;
}

.dropdown-menu .divider {
    background: var(--cw-color-border) !important;
}

.dropdown-header,
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.bootstrap-select .dropdown-menu > li.disabled > a,
.bootstrap-select .no-results {
    color: var(--cw-color-text-muted) !important;
}

.bootstrap-select > .dropdown-toggle .filter-option,
.bootstrap-select .dropdown-menu > li > a .text {
    color: inherit !important;
}

.bootstrap-select .bs-searchbox .form-control {
    margin-bottom: 6px;
}

.bootstrap-select .dropdown-menu > li.selected > a {
    background: var(--cw-color-primary-soft) !important;
    color: var(--cw-color-primary) !important;
}

.datepicker table tr td,
.datepicker table tr th,
.daterangepicker td,
.daterangepicker th,
.daterangepicker .calendar-table {
    background: transparent !important;
    color: var(--cw-color-text) !important;
    border-color: var(--cw-color-border) !important;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.focused,
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background: var(--cw-color-primary-soft) !important;
    color: var(--cw-color-heading) !important;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.daterangepicker td.active,
.daterangepicker td.active:hover {
    background: var(--cw-color-primary) !important;
    color: var(--cw-color-on-primary) !important;
}

.datepicker table tr td.disabled,
.datepicker table tr td.old,
.datepicker table tr td.new,
.daterangepicker td.off,
.daterangepicker td.disabled {
    background: transparent !important;
    color: var(--cw-color-text-muted) !important;
    opacity: 0.58;
}

.daterangepicker::before {
    border-bottom-color: var(--cw-color-border) !important;
}

.daterangepicker::after {
    border-bottom-color: var(--cw-color-surface-elevated) !important;
}

.nav-tabs {
    border-color: var(--cw-color-border) !important;
}

.nav-tabs > li > a {
    color: var(--cw-color-text-muted) !important;
    border-radius: var(--cw-radius-sm) var(--cw-radius-sm) 0 0 !important;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.nav-tabs > li > a:hover {
    background: var(--cw-color-surface) !important;
    border-color: var(--cw-color-border) var(--cw-color-border) var(--cw-color-surface) !important;
    color: var(--cw-color-primary) !important;
}

.pagination > li > a,
.pagination > li > span {
    background: var(--cw-color-surface) !important;
    border-color: var(--cw-color-border) !important;
    color: var(--cw-color-text) !important;
}

.pagination > .active > a,
.pagination > .active > a:hover {
    background: var(--cw-color-primary) !important;
    border-color: var(--cw-color-primary) !important;
    color: var(--cw-color-on-primary) !important;
}

.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > span {
    background: var(--cw-color-surface-subtle) !important;
    border-color: var(--cw-color-border) !important;
    color: var(--cw-color-text-muted) !important;
}

/* Modal and feedback adapter */
.modal-content,
.swal2-popup,
.toast,
.popover {
    background: var(--cw-color-surface-elevated) !important;
    border-color: var(--cw-color-border) !important;
    color: var(--cw-color-text) !important;
    border-radius: var(--cw-radius-lg) !important;
    box-shadow: var(--cw-shadow-md) !important;
}

.modal-header,
.modal-footer,
.popover-title {
    border-color: var(--cw-color-border) !important;
}

.modal-title,
.swal2-title,
.swal2-html-container,
.swal2-content,
.popover-title,
.popover-content {
    color: var(--cw-color-text) !important;
}

.swal2-input,
.swal2-file,
.swal2-select,
.swal2-textarea {
    background: var(--cw-color-surface) !important;
    border-color: var(--cw-color-border-strong) !important;
    color: var(--cw-color-text) !important;
}

.swal2-validationerror {
    background: var(--cw-color-danger-soft) !important;
    color: var(--cw-color-text) !important;
}

.swal2-styled:focus {
    box-shadow: 0 0 0 3px var(--cw-color-focus) !important;
}

.modal-backdrop {
    background: var(--cw-color-backdrop) !important;
}

.close {
    color: var(--cw-color-text) !important;
    text-shadow: none !important;
}

.modal-content .thumbnail,
.fileinput .thumbnail,
.list-group-item,
.checked-list-box .list-group-item {
    background: var(--cw-color-surface) !important;
    border-color: var(--cw-color-border) !important;
    color: var(--cw-color-text) !important;
}

.list-group-item.active,
.list-group-item.active:hover,
.checked-list-box .list-group-item[aria-checked="true"] {
    background: var(--cw-color-primary-soft) !important;
    border-color: var(--cw-color-primary) !important;
    color: var(--cw-color-heading) !important;
}

.portlet.box > .portlet-title,
.portlet.blue-hoki > .portlet-title,
.portlet.blue > .portlet-title {
    background: var(--cw-color-primary) !important;
    border-color: var(--cw-color-primary) !important;
}

.portlet.box > .portlet-title > .caption,
.portlet.blue-hoki > .portlet-title > .caption,
.portlet.blue > .portlet-title > .caption {
    color: var(--cw-color-on-primary) !important;
}

.label-default,
.badge-default {
    background: var(--cw-color-surface-subtle) !important;
    color: var(--cw-color-text) !important;
}

.label-success,
.badge-success {
    background: var(--cw-color-success-soft) !important;
    color: var(--cw-color-success) !important;
}

.label-warning,
.badge-warning {
    background: var(--cw-color-warning-soft) !important;
    color: var(--cw-color-warning) !important;
}

.label-danger,
.badge-danger {
    background: var(--cw-color-danger-soft) !important;
    color: var(--cw-color-danger) !important;
}

.label-info,
.badge-info {
    background: var(--cw-color-info-soft) !important;
    color: var(--cw-color-info) !important;
}

.alert-success,
.note-success {
    background: var(--cw-color-success-soft) !important;
    border-color: var(--cw-color-success) !important;
    color: var(--cw-color-text) !important;
}

.alert-warning,
.note-warning {
    background: var(--cw-color-warning-soft) !important;
    border-color: var(--cw-color-warning) !important;
    color: var(--cw-color-text) !important;
}

.alert-danger,
.note-danger {
    background: var(--cw-color-danger-soft) !important;
    border-color: var(--cw-color-danger) !important;
    color: var(--cw-color-text) !important;
}

.alert-info,
.note-info {
    background: var(--cw-color-info-soft) !important;
    border-color: var(--cw-color-info) !important;
    color: var(--cw-color-text) !important;
}

#toast-container > .toast {
    border: 1px solid rgba(255, 255, 255, 0.16);
    color: #ffffff !important;
    opacity: 0.96;
    background-repeat: no-repeat !important;
    box-shadow: var(--cw-shadow-md) !important;
}

#toast-container > .toast-success {
    background-color: var(--cw-color-success) !important;
}

#toast-container > .toast-error {
    background-color: var(--cw-color-danger) !important;
}

#toast-container > .toast-info {
    background-color: var(--cw-color-info) !important;
}

#toast-container > .toast-warning {
    background-color: var(--cw-color-warning) !important;
}

.mt-checkbox > span,
.mt-radio > span {
    background: var(--cw-color-surface-elevated) !important;
    border-color: var(--cw-color-border-strong) !important;
}

.mt-checkbox > input:checked ~ span,
.mt-radio > input:checked ~ span {
    background: var(--cw-color-primary) !important;
    border-color: var(--cw-color-primary) !important;
}

/* Theme selector */
.cw-theme-menu > .dropdown-toggle {
    min-width: 48px;
    text-align: center;
}

.cw-theme-menu .dropdown-menu {
    min-width: 180px;
    padding: 8px;
}

.cw-theme-menu .dropdown-menu::after {
    border-bottom-color: var(--cw-color-surface-elevated) !important;
}

.cw-theme-menu .dropdown-menu > li > button {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 10px;
    padding: 9px 11px;
    border: 0;
    border-radius: var(--cw-radius-sm);
    background: transparent;
    color: var(--cw-color-text);
    text-align: left;
}

.cw-theme-menu .dropdown-menu > li > button:hover,
.cw-theme-menu .dropdown-menu > li > button:focus,
.cw-theme-menu .dropdown-menu > li.active > button {
    background: var(--cw-color-primary-soft);
    color: var(--cw-color-heading);
}

.cw-theme-menu .dropdown-menu > li.active > button::after {
    margin-left: auto;
    color: var(--cw-color-primary);
    content: "\2713";
    font-weight: 700;
}

.cw-theme-icon-sun,
.cw-theme-icon-moon {
    display: none;
}

[data-cw-theme="light"] .cw-theme-icon-sun,
[data-cw-theme="dark"] .cw-theme-icon-moon {
    display: inline-block;
}

/* Pilot screens */
.branding-preview {
    border-color: var(--cw-color-border) !important;
    box-shadow: inset 0 0 0 1px rgba(127, 127, 127, 0.04);
}

.branding-preview--claro {
    background: #ffffff !important;
}

.branding-preview--escuro {
    background: #14232e !important;
    border-color: #314351 !important;
}

/* Reports and filters */
.cw-report-filter-page {
    display: flex;
    justify-content: center;
    padding: 28px 0;
}

.cw-report-filter-card {
    width: 100%;
    max-width: 720px;
    overflow: hidden;
    border: 1px solid var(--cw-color-border);
    border-radius: var(--cw-radius-lg);
    background: var(--cw-color-surface);
    box-shadow: var(--cw-shadow-md);
}

.cw-report-filter-heading {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 24px 26px 20px;
    border-bottom: 1px solid var(--cw-color-border);
}

.cw-report-filter-heading .page-title {
    margin: 0 0 6px !important;
    font-size: 24px;
}

.cw-report-filter-heading p {
    margin: 0;
    color: var(--cw-color-text-muted);
}

.cw-report-filter-icon {
    display: inline-flex;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: var(--cw-color-primary-soft);
    color: var(--cw-color-primary);
    font-size: 20px;
}

.cw-report-filter-body {
    padding: 24px 26px 26px;
}

.cw-report-filter-field { max-width: 320px; }

.cw-report-filter-actions {
    display: flex;
    justify-content: flex-end;
    padding-top: 8px;
}

body.cw-overlay-open { overflow: hidden; }

.cw-drawer {
    position: fixed;
    z-index: 10080;
    inset: 0;
    visibility: hidden;
    pointer-events: none;
}

.cw-drawer.is-open {
    visibility: visible;
    pointer-events: auto;
}

.cw-drawer__backdrop {
    position: absolute;
    inset: 0;
    border: 0;
    background: rgba(5, 15, 24, 0.58);
    opacity: 0;
    transition: opacity 180ms ease;
}

.cw-drawer.is-open .cw-drawer__backdrop { opacity: 1; }

.cw-drawer__panel {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    width: min(580px, 100%);
    height: 100%;
    flex-direction: column;
    border-left: 1px solid var(--cw-color-border);
    background: var(--cw-color-surface-elevated);
    box-shadow: -18px 0 48px rgba(5, 15, 24, 0.22);
    color: var(--cw-color-text);
    transform: translateX(100%);
    transition: transform 220ms ease;
}

.cw-drawer.is-open .cw-drawer__panel { transform: translateX(0); }

.cw-drawer__header,
.cw-drawer__footer {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 12px;
    padding: 20px 24px;
    border-color: var(--cw-color-border);
    background: var(--cw-color-surface-elevated);
}

.cw-drawer__header {
    justify-content: space-between;
    border-bottom: 1px solid var(--cw-color-border);
}

.cw-drawer__footer {
    justify-content: flex-end;
    border-top: 1px solid var(--cw-color-border);
}

.cw-drawer__title {
    margin: 0;
    color: var(--cw-color-text);
    font-size: 21px;
    font-weight: 650;
}

.cw-drawer__eyebrow {
    display: block;
    margin-bottom: 3px;
    color: var(--cw-color-text-muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.cw-drawer__close {
    display: inline-flex;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 10px;
    background: transparent;
    color: var(--cw-color-text-muted);
    font-size: 22px;
}

.cw-drawer__close:hover,
.cw-drawer__close:focus {
    border-color: var(--cw-color-border);
    background: var(--cw-color-surface);
    color: var(--cw-color-text);
}

.cw-drawer__body {
    min-height: 0;
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 24px;
}

.cw-confirm {
    position: fixed;
    z-index: 1110;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.cw-confirm[hidden] { display: none; }

.cw-confirm__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(5, 15, 24, 0.62);
}

.cw-confirm__dialog {
    position: relative;
    width: min(430px, 100%);
    padding: 24px;
    border: 1px solid var(--cw-color-border);
    border-radius: 16px;
    background: var(--cw-color-surface-elevated);
    box-shadow: var(--cw-shadow-lg);
    color: var(--cw-color-text);
}

.cw-confirm__dialog h2 {
    margin: 0 0 8px;
    color: var(--cw-color-text);
    font-size: 20px;
}

.cw-confirm__dialog p {
    margin: 0;
    color: var(--cw-color-text-muted);
    line-height: 1.55;
}

.cw-confirm__actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 24px;
}

.cw-admin-page { padding-bottom: 24px; }

.cw-page-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin: 4px 0 22px;
}

.cw-page-heading .page-title { margin: 0 0 5px !important; }

.cw-page-heading p {
    max-width: 720px;
    margin: 0;
    color: var(--cw-color-text-muted);
}

.cw-admin-toolbar {
    display: grid;
    grid-template-columns: minmax(210px, 1fr) auto auto;
    gap: 12px;
    align-items: center;
    padding: 18px;
    border-bottom: 1px solid var(--cw-color-border);
}

.cw-admin-toolbar .form-control { min-width: 0; }

.cw-admin-card {
    overflow: hidden;
    border: 1px solid var(--cw-color-border);
    border-radius: 14px;
    background: var(--cw-color-surface);
    box-shadow: var(--cw-shadow-sm);
}

.cw-user-cell {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 220px;
}

.cw-avatar {
    display: inline-flex;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid var(--cw-color-border);
    border-radius: 50% !important;
    background: var(--cw-color-primary-soft);
    color: var(--cw-color-primary);
    font-weight: 700;
}

.cw-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit !important;
}

.cw-avatar--large {
    width: 88px;
    height: 88px;
    flex-basis: 88px;
}

.cw-user-cell__name {
    display: block;
    color: var(--cw-color-text);
    font-weight: 650;
}

.cw-user-cell__meta {
    display: block;
    margin-top: 2px;
    color: var(--cw-color-text-muted);
    font-size: 12px;
}

.cw-profile-list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.cw-profile-list .cw-badge { text-transform: none; }

.cw-status-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 22px;
    padding: 3px 8px;
    border: 1px solid transparent;
    border-radius: var(--cw-radius-sm) !important;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
}

.cw-status-badge::before {
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    border-radius: 50%;
    background: currentColor;
    content: "";
}

.cw-status-badge--active {
    border-color: color-mix(in srgb, var(--cw-color-success) 35%, transparent);
    background: var(--cw-color-success-soft);
    color: var(--cw-color-success);
}

.cw-status-badge--inactive {
    border-color: color-mix(in srgb, var(--cw-color-danger) 35%, transparent);
    background: var(--cw-color-danger-soft);
    color: var(--cw-color-danger);
}

.cw-profile-selector {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.cw-profile-option,
.cw-access-toggle {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0;
    padding: 13px 14px;
    border: 1px solid var(--cw-color-border);
    border-radius: 12px;
    background: var(--cw-color-surface);
    color: var(--cw-color-text);
    cursor: pointer;
}

.cw-profile-option:hover,
.cw-profile-option:focus-within,
.cw-access-toggle:hover,
.cw-access-toggle:focus-within {
    border-color: var(--cw-color-primary);
    background: var(--cw-color-primary-soft);
}

.cw-profile-option input,
.cw-access-toggle input {
    flex: 0 0 auto;
    margin-top: 3px;
}

.cw-profile-option span,
.cw-access-toggle span {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.cw-profile-option strong,
.cw-access-toggle strong { font-size: 13px; }

.cw-profile-option small,
.cw-access-toggle small {
    color: var(--cw-color-text-muted);
    font-size: 11px;
    font-weight: 400;
    line-height: 1.4;
}

.cw-access-toggle {
    align-items: center;
    border-color: var(--cw-color-border-strong);
}

.cw-table-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    white-space: nowrap;
}

.cw-empty-state {
    padding: 52px 24px;
    text-align: center;
}

.cw-empty-state i {
    display: block;
    margin-bottom: 12px;
    color: var(--cw-color-text-muted);
    font-size: 30px;
}

.cw-empty-state h3 {
    margin: 0 0 5px;
    color: var(--cw-color-text);
    font-size: 18px;
}

.cw-empty-state p {
    margin: 0;
    color: var(--cw-color-text-muted);
}

.cw-drawer-profile {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 24px;
    padding: 18px;
    border: 1px solid var(--cw-color-border);
    border-radius: 14px;
    background: var(--cw-color-surface);
}

.cw-drawer-profile__actions { min-width: 0; }

.cw-file-input {
    display: inline-block;
    max-width: 100%;
    margin-top: 8px;
    color: var(--cw-color-text-muted);
}

.cw-avatar-upload { margin-bottom: 24px; }

.cw-avatar-dropzone {
    display: flex;
    width: 100%;
    min-height: 124px;
    align-items: center;
    gap: 18px;
    padding: 17px 18px;
    border: 1px dashed var(--cw-color-border-strong);
    border-radius: 14px;
    background: var(--cw-color-surface);
    color: var(--cw-color-text);
    text-align: left;
    transition: border-color var(--cw-transition-fast), background var(--cw-transition-fast), box-shadow var(--cw-transition-fast);
}

.cw-avatar-dropzone:hover,
.cw-avatar-dropzone:focus,
.cw-avatar-dropzone.is-dragover {
    border-color: var(--cw-color-primary);
    background: var(--cw-color-primary-soft);
    box-shadow: 0 0 0 3px var(--cw-color-focus);
    outline: 0;
}

.cw-avatar-dropzone.is-dragover { border-style: solid; }

.cw-avatar-dropzone__content {
    display: grid;
    min-width: 0;
    flex: 1 1 auto;
    gap: 4px;
}

.cw-avatar-dropzone__content strong {
    color: var(--cw-color-text);
    font-size: 14px;
}

.cw-avatar-dropzone__content > span {
    overflow: hidden;
    color: var(--cw-color-primary);
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cw-avatar-dropzone__content small {
    color: var(--cw-color-text-muted);
    font-size: 11px;
    font-weight: 400;
    line-height: 1.45;
}

.cw-avatar-dropzone__icon {
    display: inline-flex;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--cw-color-primary-soft);
    color: var(--cw-color-primary);
    font-size: 16px;
}

.cw-avatar-editor {
    position: fixed;
    z-index: 10120;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.cw-avatar-editor[hidden] { display: none; }

.cw-avatar-editor__backdrop {
    position: absolute;
    inset: 0;
    border: 0;
    background: var(--cw-color-backdrop);
}

.cw-avatar-editor__dialog {
    position: relative;
    display: flex;
    width: min(780px, 100%);
    max-height: calc(100vh - 48px);
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--cw-color-border);
    border-radius: 16px;
    background: var(--cw-color-surface-elevated);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.38);
    color: var(--cw-color-text);
}

.cw-avatar-editor__header,
.cw-avatar-editor__footer {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 22px;
    border-color: var(--cw-color-border);
    background: var(--cw-color-surface-elevated);
}

.cw-avatar-editor__header { border-bottom: 1px solid var(--cw-color-border); }

.cw-avatar-editor__footer {
    justify-content: flex-end;
    border-top: 1px solid var(--cw-color-border);
}

.cw-avatar-editor__header h2 {
    margin: 0;
    color: var(--cw-color-heading);
    font-size: 20px;
    font-weight: 650;
}

.cw-avatar-editor__body {
    display: grid;
    min-height: 0;
    grid-template-columns: minmax(0, 1fr) 190px;
    gap: 22px;
    overflow-y: auto;
    padding: 22px;
}

.cw-avatar-editor__stage {
    min-width: 0;
    min-height: 390px;
    overflow: hidden;
    border: 1px solid var(--cw-color-border);
    border-radius: 12px;
    background: #0a1117;
}

.cw-avatar-editor__stage > img {
    display: block;
    max-width: 100%;
}

.cw-avatar-editor__controls {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cw-avatar-editor__controls .control-label {
    display: block;
    margin-bottom: 7px;
}

.cw-avatar-editor__controls p {
    margin: 2px 0 0;
    color: var(--cw-color-text-muted);
    font-size: 12px;
    line-height: 1.5;
}

.cw-avatar-editor__preview {
    width: 132px;
    height: 132px;
    overflow: hidden;
    border: 3px solid var(--cw-color-surface-elevated);
    border-radius: 50% !important;
    background: var(--cw-color-surface-subtle);
    box-shadow: 0 0 0 1px var(--cw-color-border), var(--cw-shadow-sm);
}

.cw-avatar-editor__preview > img,
.cw-avatar-editor__preview .cropper-view-box {
    border-radius: inherit !important;
}

.cw-avatar-editor__zoom {
    display: flex;
    align-items: center;
    gap: 9px;
    color: var(--cw-color-text-muted);
}

.cw-avatar-editor__zoom input {
    min-width: 0;
    flex: 1 1 auto;
    accent-color: var(--cw-color-primary);
}

.cw-avatar-editor .cropper-crop-box {
    overflow: hidden;
    border-radius: 50% !important;
    box-shadow: 0 0 0 2px var(--cw-color-primary);
}

.cw-avatar-editor .cropper-view-box,
.cw-avatar-editor .cropper-face { border-radius: inherit !important; }

.cw-avatar-editor .cropper-view-box {
    outline-color: var(--cw-color-primary);
    outline-color: color-mix(in srgb, var(--cw-color-primary) 80%, transparent);
}

.cw-avatar-editor .cropper-line,
.cw-avatar-editor .cropper-point { background-color: var(--cw-color-primary); }

.cw-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.cw-form-grid .form-group { margin: 0; }
.cw-form-grid .cw-field--full { grid-column: 1 / -1; }

.cw-required::after {
    content: " *";
    color: var(--cw-color-danger);
}

.cw-field-help {
    display: block;
    margin-top: 6px;
    color: var(--cw-color-text-muted);
    font-size: 12px;
    line-height: 1.45;
}

.cw-form-errors {
    margin-bottom: 20px;
    border-radius: 10px;
}

.cw-form-errors:empty { display: none; }

.cw-pagination > li > button {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    color: var(--cw-link);
    background: var(--cw-surface);
    border: 1px solid var(--cw-border);
}

.cw-pagination > li:first-child > button {
    margin-left: 0;
    border-radius: 6px 0 0 6px;
}

.cw-pagination > li:last-child > button { border-radius: 0 6px 6px 0; }
.cw-pagination > li > button:hover,
.cw-pagination > li > button:focus { background: var(--cw-surface-muted); }
.cw-pagination > .active > button,
.cw-pagination > .active > button:hover,
.cw-pagination > .active > button:focus {
    color: #fff;
    cursor: default;
    background: var(--cw-primary);
    border-color: var(--cw-primary);
}
.cw-pagination > .disabled > button { color: var(--cw-text-muted); cursor: not-allowed; }

.cw-admin-status {
    margin: 0 0 16px;
    border-radius: 10px;
}

.cw-admin-status:empty { display: none; }

.cw-pagination-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 18px;
    border-top: 1px solid var(--cw-color-border);
    color: var(--cw-color-text-muted);
}

.cw-pagination-row .pagination { margin: 0; }

@media (max-width: 767px) {
    .page-content-wrapper .page-content {
        padding: 18px 14px !important;
    }

    .page-title {
        font-size: 24px !important;
    }

    .cw-theme-menu .dropdown-menu {
        right: 8px;
        left: auto;
    }

    .cw-grid-primary-action,
    .cw-grid-page-size,
    .cw-grid-search {
        margin-bottom: 10px;
    }

    .cw-grid-primary-action .btn {
        width: 100%;
    }

    .cw-report-filter-page { padding: 8px 0; }

    .cw-report-filter-heading,
    .cw-report-filter-body { padding: 20px; }

    .cw-report-filter-actions .btn { width: 100%; }

    .cw-page-heading {
        flex-direction: column;
        align-items: stretch;
    }

    .cw-page-heading .btn { width: 100%; }

    .cw-admin-toolbar { grid-template-columns: 1fr; }

    .cw-admin-toolbar .btn,
    .cw-admin-toolbar .bootstrap-select { width: 100% !important; }

    .cw-form-grid { grid-template-columns: 1fr; }
    .cw-form-grid .cw-field--full { grid-column: auto; }
    .cw-profile-selector { grid-template-columns: 1fr; }

    .cw-drawer__header,
    .cw-drawer__body,
    .cw-drawer__footer { padding: 18px; }

    .cw-drawer-profile { align-items: flex-start; }

    .cw-avatar-dropzone {
        align-items: flex-start;
        padding: 15px;
    }

    .cw-avatar-dropzone__icon { display: none; }

    .cw-avatar-editor {
        align-items: stretch;
        padding: 0;
    }

    .cw-avatar-editor__dialog {
        width: 100%;
        max-height: 100vh;
        border: 0;
        border-radius: 0;
    }

    .cw-avatar-editor__body {
        grid-template-columns: 1fr;
        padding: 16px;
    }

    .cw-avatar-editor__stage { min-height: 300px; }

    .cw-avatar-editor__controls {
        display: grid;
        grid-template-columns: 110px minmax(0, 1fr);
        align-items: start;
    }

    .cw-avatar-editor__preview {
        width: 96px;
        height: 96px;
    }

    .cw-avatar-editor__controls p { grid-column: 2; }

    .cw-pagination-row {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}