/*
 * Tema escuro do shell web.
 *
 * Escopo deliberado: menu, janelas jQuery UI, formularios WUN/WCA, consultas,
 * grids ParamQuery e mensagens do shell. Scheduler/Bryntum, CKEditor e outros
 * editores, graficos (canvas/SVG) e documentos em iframe nao sao estilizados
 * aqui: esses componentes continuam usando seus proprios temas.
 */

html.theme-dark {
    --ui-primary: #48a9e6;
    --ui-primary-strong: #82c9f2;
    --ui-primary-soft: #18384d;
    --ui-accent: #5bb8f0;
    --ui-bg: #0e141b;
    --ui-surface: #17212b;
    --ui-surface-subtle: #1c2833;
    --ui-border: #334453;
    --ui-border-strong: #496071;
    --ui-text: #e6edf3;
    --ui-text-muted: #9dafbd;
    --ui-danger: #ef6b73;
    --ui-danger-soft: #44262b;
    --ui-success: #66c690;
    --ui-success-soft: #1d3b2c;
    --ui-warning: #e4ba63;
    --ui-warning-soft: #453a25;
    --ui-shadow-sm: 0 8px 22px rgba(0, 0, 0, .30);
    --ui-shadow: 0 18px 48px rgba(0, 0, 0, .46);
    --web-fundo: #0e141b;
    --web-borda: #2d3d4b;
    --web-azul: #3198c7;
    --web-azul-escuro: #143f5c;
}

html.theme-dark body.web-menu-moderno,
html.theme-dark body.web-menu-moderno .divSistema,
html.theme-dark body.web-menu-moderno .divPrincipal {
    color: var(--ui-text);
    background-color: var(--ui-bg);
}

/* Superficies do shell e janelas. */
html.theme-dark body.web-menu-moderno .ui-widget,
html.theme-dark body.web-menu-moderno .ui-widget-content,
html.theme-dark body.web-menu-moderno .ui-dialog,
html.theme-dark body.web-menu-moderno .ui-dialog .ui-dialog-content,
html.theme-dark body.web-menu-moderno .ui-dialog .ui-dialog-buttonpane,
html.theme-dark body.web-menu-moderno .window,
html.theme-dark body.web-menu-moderno .panel,
html.theme-dark body.web-menu-moderno .panel-body,
html.theme-dark body.web-menu-moderno .datagrid,
html.theme-dark body.web-menu-moderno .datagrid-wrap {
    color: var(--ui-text) !important;
    border-color: var(--ui-border) !important;
    background-color: var(--ui-surface) !important;
    background-image: none !important;
}

html.theme-dark body.web-menu-moderno .ui-widget-header,
html.theme-dark body.web-menu-moderno .panel-header,
html.theme-dark body.web-menu-moderno .datagrid-header,
html.theme-dark body.web-menu-moderno .datagrid-toolbar,
html.theme-dark body.web-menu-moderno .datagrid-pager {
    color: var(--ui-text) !important;
    border-color: var(--ui-border) !important;
    background: var(--ui-surface-subtle) !important;
}

html.theme-dark body.web-menu-moderno .ui-dialog {
    border-color: #405769 !important;
    background: var(--ui-surface) !important;
    box-shadow: 0 24px 65px rgba(0, 0, 0, .56) !important;
}

html.theme-dark body.web-menu-moderno .ui-dialog .ui-dialog-titlebar {
    color: #f4f9fc !important;
    border-color: #287ca7 !important;
    background: linear-gradient(135deg, #174f70, #247fa8) !important;
}

html.theme-dark body.web-menu-moderno .ui-dialog .ui-dialog-buttonpane {
    border-top-color: var(--ui-border) !important;
}

/* Seletor nativo de formato usado pelos fluxos de geracao de relatorio. */
html.theme-dark body.web-menu-moderno .dialog-formato-relatorio p,
html.theme-dark body.web-menu-moderno .dialog-formato-relatorio label {
    color: #c2d0da !important;
}

html.theme-dark body.web-menu-moderno .dialog-formato-relatorio select {
    color: var(--ui-text) !important;
    border: 1px solid var(--ui-border-strong) !important;
    background-color: #131c24 !important;
    color-scheme: dark;
}

html.theme-dark body.web-menu-moderno .dialog-formato-relatorio select:hover {
    border-color: #5a7487 !important;
    background-color: #182630 !important;
}

html.theme-dark body.web-menu-moderno .dialog-formato-relatorio select:focus {
    border-color: var(--ui-accent) !important;
    outline: none;
    box-shadow: 0 0 0 3px rgba(91, 184, 240, .18) !important;
}

html.theme-dark body.web-menu-moderno .dialog-formato-relatorio select option,
html.theme-dark body.web-menu-moderno .dialog-formato-relatorio select optgroup {
    color: var(--ui-text) !important;
    background-color: #17232d !important;
}

html.theme-dark body.web-menu-moderno .dialog-formato-relatorio select option:checked {
    color: #fff !important;
    background-color: #246f9b !important;
}

html.theme-dark body.web-menu-moderno .ui-state-default,
html.theme-dark body.web-menu-moderno .ui-button,
html.theme-dark body.web-menu-moderno button.ui-button,
html.theme-dark body.web-menu-moderno .ui-button.ui-state-default {
    color: #dbe7ef !important;
    border-color: #405567 !important;
    background: #23313d !important;
    background-image: none !important;
}

html.theme-dark body.web-menu-moderno .ui-state-hover,
html.theme-dark body.web-menu-moderno .ui-button:hover,
html.theme-dark body.web-menu-moderno button.ui-button:hover {
    color: #fff !important;
    border-color: #537389 !important;
    background: #304454 !important;
}

html.theme-dark body.web-menu-moderno .ui-state-focus,
html.theme-dark body.web-menu-moderno .ui-button:focus-visible {
    border-color: var(--ui-accent) !important;
    box-shadow: 0 0 0 3px rgba(91, 184, 240, .20) !important;
}

html.theme-dark body.web-menu-moderno .ui-state-active,
html.theme-dark body.web-menu-moderno .ui-button:active {
    color: #fff !important;
    border-color: #3a9bd3 !important;
    background: #245f82 !important;
}

html.theme-dark body.web-menu-moderno .ui-state-disabled,
html.theme-dark body.web-menu-moderno .ui-button:disabled {
    color: #718493 !important;
    border-color: #2c3a45 !important;
    background: #1a242d !important;
    opacity: .72;
}

/* Campos gerados pelo CampoForm. Nao ha seletores globais de input para nao
 * interferir nos controles internos de Scheduler, editores ou graficos. */
html.theme-dark body.web-menu-moderno .div_campo input:not([type="checkbox"]):not([type="radio"]),
html.theme-dark body.web-menu-moderno .div_campo select,
html.theme-dark body.web-menu-moderno .div_campo textarea,
html.theme-dark body.web-menu-moderno .div-acao-consulta input:not([type="checkbox"]):not([type="radio"]),
html.theme-dark body.web-menu-moderno .div-acao-consulta select,
html.theme-dark body.web-menu-moderno .DivFiltroExtra input:not([type="checkbox"]):not([type="radio"]),
html.theme-dark body.web-menu-moderno .DivFiltroExtra select {
    color: var(--ui-text) !important;
    border-color: var(--ui-border-strong) !important;
    background: #131c24 !important;
}

html.theme-dark body.web-menu-moderno .div_campo input::placeholder,
html.theme-dark body.web-menu-moderno .div_campo textarea::placeholder,
html.theme-dark body.web-menu-moderno .div-acao-consulta input::placeholder,
html.theme-dark body.web-menu-moderno .DivFiltroExtra input::placeholder {
    color: #718493;
    opacity: 1;
}

html.theme-dark body.web-menu-moderno .div_campo input:focus,
html.theme-dark body.web-menu-moderno .div_campo select:focus,
html.theme-dark body.web-menu-moderno .div_campo textarea:focus,
html.theme-dark body.web-menu-moderno .div-acao-consulta input:focus,
html.theme-dark body.web-menu-moderno .div-acao-consulta select:focus,
html.theme-dark body.web-menu-moderno .DivFiltroExtra input:focus,
html.theme-dark body.web-menu-moderno .DivFiltroExtra select:focus {
    border-color: var(--ui-accent) !important;
    box-shadow: 0 0 0 3px rgba(91, 184, 240, .18) !important;
}

html.theme-dark body.web-menu-moderno .div_campo input[readonly],
html.theme-dark body.web-menu-moderno .div_campo textarea[readonly],
html.theme-dark body.web-menu-moderno .div_campo input:disabled,
html.theme-dark body.web-menu-moderno .div_campo select:disabled,
html.theme-dark body.web-menu-moderno .div_campo textarea:disabled {
    color: #8495a2 !important;
    border-color: #2b3944 !important;
    background: #1a242d !important;
}

/* O appendGrid monta os campos do subpainel diretamente no TD, sem .div_campo. */
html.theme-dark body.web-menu-moderno .grid-subpanel-campo input:not([type="checkbox"]):not([type="radio"]),
html.theme-dark body.web-menu-moderno .grid-subpanel-campo select,
html.theme-dark body.web-menu-moderno .grid-subpanel-campo textarea,
html.theme-dark body.web-menu-moderno tr[id*="_SubRow_"] input:not([type="checkbox"]):not([type="radio"]),
html.theme-dark body.web-menu-moderno tr[id*="_SubRow_"] select,
html.theme-dark body.web-menu-moderno tr[id*="_SubRow_"] textarea {
    color: var(--ui-text) !important;
    border-color: var(--ui-border-strong) !important;
    background: #131c24 !important;
    background-image: none !important;
    caret-color: var(--ui-text);
}

html.theme-dark body.web-menu-moderno .grid-subpanel-campo input:focus,
html.theme-dark body.web-menu-moderno .grid-subpanel-campo select:focus,
html.theme-dark body.web-menu-moderno .grid-subpanel-campo textarea:focus,
html.theme-dark body.web-menu-moderno tr[id*="_SubRow_"] input:focus,
html.theme-dark body.web-menu-moderno tr[id*="_SubRow_"] select:focus,
html.theme-dark body.web-menu-moderno tr[id*="_SubRow_"] textarea:focus {
    border-color: var(--ui-accent) !important;
    outline: none;
    box-shadow: 0 0 0 3px rgba(91, 184, 240, .18) !important;
}

html.theme-dark body.web-menu-moderno .grid-subpanel-campo > label,
html.theme-dark body.web-menu-moderno tr[id*="_SubRow_"] > td > label {
    color: #9fb4c2 !important;
}

html.theme-dark body.web-menu-moderno .fitem > label,
html.theme-dark body.web-menu-moderno .div_campo > label,
html.theme-dark body.web-menu-moderno .coolfieldset > legend {
    color: #b9c8d3 !important;
    border-color: transparent !important;
    background-color: var(--ui-surface) !important;
}

html.theme-dark body.web-menu-moderno .coolfieldset,
html.theme-dark body.web-menu-moderno .coolfieldset.expanded,
html.theme-dark body.web-menu-moderno .fitem,
html.theme-dark body.web-menu-moderno .divFiltro,
html.theme-dark body.web-menu-moderno .DivFiltroExtra,
html.theme-dark body.web-menu-moderno .div-acao-consulta {
    border-color: var(--ui-border) !important;
    background-color: var(--ui-surface) !important;
}

html.theme-dark body.web-menu-moderno .web-filtro-extra-consulta.web-ui-moderno .divFiltroSelect > label,
html.theme-dark body.web-menu-moderno .web-filtro-extra-consulta.web-ui-moderno .web-filtro-extra-campo > label {
    color: #9fb4c2 !important;
    background: var(--ui-surface) !important;
}

/* Campos Material opcionais. */
html.theme-dark body.web-menu-moderno .web-campo-material .campo-material {
    --material-campo-cor: #5bb8f0;
    --material-campo-erro: #ff737b;
}

html.theme-dark body.web-menu-moderno .web-campo-material .campo-material > label {
    color: #aebec9 !important;
    background: var(--ui-surface) !important;
}

html.theme-dark body.web-menu-moderno .web-campo-material .campo-material > .campo-material-hint {
    color: #8eb6cf;
    background: var(--ui-surface);
    box-shadow: 0 0 0 2px var(--ui-surface);
}

html.theme-dark body.web-menu-moderno .web-campo-material .campo-material > .campo-material-hint:hover,
html.theme-dark body.web-menu-moderno .web-campo-material .campo-material > .campo-material-hint:focus-visible {
    color: #c5eaff;
    background: #234257;
    box-shadow: 0 0 0 2px var(--ui-surface), 0 0 0 4px rgba(91, 184, 240, .22);
}

html.theme-dark body.web-menu-moderno .ui-tooltip,
html.theme-dark body.web-menu-moderno .campo-material-hint-balao {
    color: #e8f2f8 !important;
    border: 1px solid #426174 !important;
    background: #20323f !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .42) !important;
}

html.theme-dark body.web-menu-moderno .web-campo-material .campo-material > input:not([type="checkbox"]):not([type="radio"]),
html.theme-dark body.web-menu-moderno .web-campo-material .campo-material > select,
html.theme-dark body.web-menu-moderno .web-campo-material .campo-material > textarea,
html.theme-dark body.web-menu-moderno .web-campo-material .campo-material-autocomplete-selecao > input:not([type="checkbox"]):not([type="radio"]),
html.theme-dark body.web-menu-moderno .web-campo-material .campo-material-autocomplete-selecao > select,
html.theme-dark body.web-menu-moderno .web-campo-material .campo-material-autocomplete-selecao > textarea {
    color: var(--ui-text) !important;
    border-color: #496071 !important;
    background: #131c24 !important;
}

html.theme-dark body.web-menu-moderno .web-campo-material .campo-material-foco > label {
    color: #78c8f5 !important;
}

html.theme-dark body.web-menu-moderno .web-campo-material .campo-material-erro > label {
    color: #ff7a82 !important;
}

html.theme-dark body.web-menu-moderno .web-campo-material .campo-material-data-integrada > .ui-datepicker-trigger {
    background-color: rgba(91, 184, 240, .12) !important;
}

html.theme-dark body.web-menu-moderno .web-campo-material .campo-material-data-integrada > .ui-datepicker-trigger:hover,
html.theme-dark body.web-menu-moderno .web-campo-material .campo-material-data-integrada > .ui-datepicker-trigger:focus-visible {
    background-color: rgba(91, 184, 240, .18) !important;
}

/* Select2, Multiple Select, autocomplete e calendario do formulario. */
html.theme-dark body.web-menu-moderno .select2-container .select2-selection--single,
html.theme-dark body.web-menu-moderno .select2-container .select2-selection--multiple,
html.theme-dark body.web-menu-moderno .ms-choice,
html.theme-dark body.web-menu-moderno .ms-drop,
html.theme-dark body.web-menu-moderno .select2-dropdown,
html.theme-dark body.web-menu-moderno .ui-menu,
html.theme-dark body.web-menu-moderno .ui-autocomplete,
html.theme-dark body.web-menu-moderno .ui-datepicker {
    color: var(--ui-text) !important;
    border-color: var(--ui-border-strong) !important;
    background: #17212b !important;
}

html.theme-dark body.web-menu-moderno .ms-choice > div.icon-caret::before {
    border-color: #9fb3c2;
}

html.theme-dark body.web-menu-moderno .select2-container .select2-selection__rendered,
html.theme-dark body.web-menu-moderno .select2-results__option,
html.theme-dark body.web-menu-moderno .ms-drop li,
html.theme-dark body.web-menu-moderno .ui-menu .ui-menu-item a,
html.theme-dark body.web-menu-moderno .ui-autocomplete .ui-menu-item a {
    color: var(--ui-text) !important;
}

/* O Multiple Select pode aplicar cor diretamente no label das opções. Definir
   apenas a cor do LI não é suficiente, pois o texto deixa de herdar o tema. */
html.theme-dark body.web-menu-moderno .ms-drop ul > li > label,
html.theme-dark body.web-menu-moderno .ms-drop ul > li > label > span,
html.theme-dark body.web-menu-moderno .ms-drop ul > li > label.optgroup {
    color: #d7e5ee !important;
}

html.theme-dark body.web-menu-moderno .select2-search--dropdown,
html.theme-dark body.web-menu-moderno .select2-search__field,
html.theme-dark body.web-menu-moderno .ms-search input {
    color: var(--ui-text) !important;
    border-color: var(--ui-border) !important;
    background: #111920 !important;
}

html.theme-dark body.web-menu-moderno .select2-results__option--highlighted[aria-selected],
html.theme-dark body.web-menu-moderno .ms-drop li:hover,
html.theme-dark body.web-menu-moderno .ui-menu .ui-state-focus,
html.theme-dark body.web-menu-moderno .ui-menu .ui-state-active {
    color: #fff !important;
    background: #245f82 !important;
}

html.theme-dark body.web-menu-moderno .ms-drop ul > li:hover > label,
html.theme-dark body.web-menu-moderno .ms-drop ul > li:focus-within > label,
html.theme-dark body.web-menu-moderno .ms-drop ul > li.hide-radio.selected > label {
    color: #fff !important;
}

html.theme-dark body.web-menu-moderno .select2-selection__choice {
    color: #cdeaff !important;
    border-color: #356785 !important;
    background: #1c435b !important;
}

html.theme-dark body.web-menu-moderno .ui-datepicker .ui-datepicker-header {
    color: #e8f4fb !important;
    background: #1b3b4f !important;
}

html.theme-dark body.web-menu-moderno .ui-datepicker .ui-datepicker-calendar,
html.theme-dark body.web-menu-moderno .ui-datepicker .ui-datepicker-calendar thead,
html.theme-dark body.web-menu-moderno .ui-datepicker .ui-datepicker-calendar thead tr {
    border-color: #2b4353 !important;
    background: #17212b !important;
}

html.theme-dark body.web-menu-moderno .ui-datepicker .ui-datepicker-calendar thead th {
    color: #9fb3c2 !important;
    border: 0 !important;
    border-bottom: 1px solid #2b4353 !important;
    background: #1d2c37 !important;
}

html.theme-dark body.web-menu-moderno .ui-datepicker td span,
html.theme-dark body.web-menu-moderno .ui-datepicker td a {
    color: #cbd7df !important;
}

html.theme-dark body.web-menu-moderno .ui-datepicker td a:hover { background: #244456 !important; }
html.theme-dark body.web-menu-moderno .ui-datepicker td .ui-state-active { color: #fff !important; background: #287eaa !important; }

/* Abas, acordeoes, menus contextuais e avisos. */
html.theme-dark body.web-menu-moderno .ui-tabs,
html.theme-dark body.web-menu-moderno .ui-tabs-panel,
html.theme-dark body.web-menu-moderno .ui-accordion-content,
html.theme-dark body.web-menu-moderno .context-menu-list,
html.theme-dark body.web-menu-moderno .alertify,
html.theme-dark body.web-menu-moderno .alertify-dialog {
    color: var(--ui-text) !important;
    border-color: var(--ui-border) !important;
    background: var(--ui-surface) !important;
}

html.theme-dark body.web-menu-moderno .ui-tabs-nav,
html.theme-dark body.web-menu-moderno .ui-accordion-header,
html.theme-dark body.web-menu-moderno .context-menu-item {
    color: #c4d1da !important;
    border-color: var(--ui-border) !important;
    background: var(--ui-surface-subtle) !important;
}

html.theme-dark body.web-menu-moderno .context-menu-item:hover,
html.theme-dark body.web-menu-moderno .context-menu-hover,
html.theme-dark body.web-menu-moderno .ui-accordion-header:hover {
    color: #fff !important;
    background: #294253 !important;
}

/* ParamQuery: apenas o grid tabular; graficos embutidos nao recebem regra. */
html.theme-dark body.web-menu-moderno .pq-grid,
html.theme-dark body.web-menu-moderno .pq-grid-top,
html.theme-dark body.web-menu-moderno .pq-grid-bottom,
html.theme-dark body.web-menu-moderno .pq-grid-toolbar,
html.theme-dark body.web-menu-moderno .pq-grid-footer,
html.theme-dark body.web-menu-moderno .pq-grid-header,
html.theme-dark body.web-menu-moderno table.pq-grid-header-table td,
html.theme-dark body.web-menu-moderno td.pq-grid-number-col {
    color: var(--ui-text) !important;
    border-color: var(--ui-border) !important;
    background: #1b2731 !important;
    background-image: none !important;
}

html.theme-dark body.web-menu-moderno .pq-hscroll,
html.theme-dark body.web-menu-moderno .pq-hvscroll-square {
    border-top-color: #314553 !important;
    background: #17232d !important;
}
html.theme-dark body.web-menu-moderno .pq-sb-horiz-t::before,
html.theme-dark body.web-menu-moderno .pq-sb-horiz-wt::before {
    background: #263947;
}
html.theme-dark body.web-menu-moderno .pq-sb-horiz-t .pq-sb-slider-h,
html.theme-dark body.web-menu-moderno .pq-sb-horiz-wt .pq-sb-slider-h {
    background: #587286 !important;
    box-shadow: inset 0 0 0 1px rgba(173, 205, 225, .08);
}
html.theme-dark body.web-menu-moderno .pq-sb-horiz-t .pq-sb-slider-h:hover,
html.theme-dark body.web-menu-moderno .pq-sb-horiz-wt .pq-sb-slider-h:hover {
    background: #7190a5 !important;
}
html.theme-dark body.web-menu-moderno .pq-sb-horiz-t .pq-sb-btn:hover,
html.theme-dark body.web-menu-moderno .pq-sb-horiz-wt .pq-sb-btn:hover {
    background: #263947 !important;
}
html.theme-dark body.web-menu-moderno .pq-sb-horiz-t .pq-sb-btn::before,
html.theme-dark body.web-menu-moderno .pq-sb-horiz-wt .pq-sb-btn::before {
    border-color: #8da8ba;
}
html.theme-dark body.web-menu-moderno .pq-vscroll {
    border-left-color: #314553 !important;
    background: #17232d !important;
}
html.theme-dark body.web-menu-moderno .pq-sb-vert-t::before,
html.theme-dark body.web-menu-moderno .pq-sb-vert-wt::before {
    background: #263947;
}
html.theme-dark body.web-menu-moderno .pq-sb-vert-t > .pq-sb-slider:not(.pq-sb-slider-h),
html.theme-dark body.web-menu-moderno .pq-sb-vert-wt > .pq-sb-slider:not(.pq-sb-slider-h) {
    background: #587286 !important;
    box-shadow: inset 0 0 0 1px rgba(173, 205, 225, .08);
}
html.theme-dark body.web-menu-moderno .pq-sb-vert-t > .pq-sb-slider:not(.pq-sb-slider-h):hover,
html.theme-dark body.web-menu-moderno .pq-sb-vert-wt > .pq-sb-slider:not(.pq-sb-slider-h):hover {
    background: #7190a5 !important;
}
html.theme-dark body.web-menu-moderno .pq-sb-vert-t .pq-sb-btn:hover,
html.theme-dark body.web-menu-moderno .pq-sb-vert-wt .pq-sb-btn:hover {
    background: #263947 !important;
}
html.theme-dark body.web-menu-moderno .pq-sb-vert-t .pq-sb-btn::before,
html.theme-dark body.web-menu-moderno .pq-sb-vert-wt .pq-sb-btn::before {
    border-color: #8da8ba;
}

html.theme-dark body.web-menu-moderno .pq-grid td.pq-grid-cell,
html.theme-dark body.web-menu-moderno .pq-grid td.pq-grid-number-cell {
    color: #d8e2e9 !important;
    border-color: #2c3c49 !important;
    background: #151f28 !important;
}

html.theme-dark body.web-menu-moderno .pq-grid tr.pq-grid-oddRow td.pq-grid-cell { background: #19242d !important; }
html.theme-dark body.web-menu-moderno .pq-grid tr.pq-grid-row-hover td.pq-grid-cell,
html.theme-dark body.web-menu-moderno .pq-grid td.pq-grid-cell-hover { color: #fff !important; background: #213b4d !important; }
html.theme-dark body.web-menu-moderno .pq-grid tr.pq-row-select td.pq-grid-cell,
html.theme-dark body.web-menu-moderno .pq-grid td.pq-cell-select { color: #fff !important; background: #28516b !important; }
html.theme-dark body.web-menu-moderno .pq-grid .pq-grid-number-cell { color: #96a8b5 !important; background: #202c36 !important; }
html.theme-dark body.web-menu-moderno .pq-grid tr.pq-group-row td { color: #b7ddf3 !important; background: #203746 !important; }
html.theme-dark body.web-menu-moderno .pq-grid tr.pq-summary-row td,
html.theme-dark body.web-menu-moderno .pq-grid-summary .pq-td-div { color: #c8d7e0 !important; background: #24323d !important; }
html.theme-dark body.web-menu-moderno .pq-grid .pq-cell-editor,
html.theme-dark body.web-menu-moderno .pq-grid-editor-default { color: #fff !important; border-color: var(--ui-accent) !important; background: #101820 !important; }

/* Cores funcionais da consulta de chamados. O backend envia a cor da Situacao
   em pq_cellcss e a classe de destaque em pq_rowcls. */
html.theme-dark body.web-menu-moderno .pq-grid td.pq-grid-cell[style*="background-color"] {
    color: #fff !important;
    background-image: linear-gradient(rgba(7, 15, 21, .24), rgba(7, 15, 21, .24)) !important;
}
html.theme-dark body.web-menu-moderno .pq-grid tr.linha_chamado_destaque td.pq-grid-cell,
html.theme-dark body.web-menu-moderno .pq-grid tr.linha_chamado_destaque_negrito td.pq-grid-cell {
    color: #fff !important;
    background: #7b2d36 !important;
}
html.theme-dark body.web-menu-moderno .pq-grid tr.linha_chamado_destaque_linha_zebrada td.pq-grid-cell,
html.theme-dark body.web-menu-moderno .pq-grid tr.linha_chamado_destaque_negrito_linha_zebrada td.pq-grid-cell {
    color: #fff !important;
    background: #682832 !important;
}
html.theme-dark body.web-menu-moderno .pq-grid tr.linha_chamado_destaque:hover td.pq-grid-cell,
html.theme-dark body.web-menu-moderno .pq-grid tr.linha_chamado_destaque_negrito:hover td.pq-grid-cell,
html.theme-dark body.web-menu-moderno .pq-grid tr.linha_chamado_destaque_linha_zebrada:hover td.pq-grid-cell,
html.theme-dark body.web-menu-moderno .pq-grid tr.linha_chamado_destaque_negrito_linha_zebrada:hover td.pq-grid-cell {
    background: #91404a !important;
}
html.theme-dark body.web-menu-moderno .pq-grid tr.pq-row-select.linha_chamado_destaque td.pq-grid-cell,
html.theme-dark body.web-menu-moderno .pq-grid tr.pq-row-select.linha_chamado_destaque_negrito td.pq-grid-cell,
html.theme-dark body.web-menu-moderno .pq-grid tr.pq-row-select.linha_chamado_destaque_linha_zebrada td.pq-grid-cell,
html.theme-dark body.web-menu-moderno .pq-grid tr.pq-row-select.linha_chamado_destaque_negrito_linha_zebrada td.pq-grid-cell {
    box-shadow: inset 0 0 0 1px rgba(255, 174, 181, .48);
}

/* Grid de historico de tramites exibido na manutencao/visualizacao do chamado. */
html.theme-dark body.web-menu-moderno table#Tramite input:not([type="checkbox"]):not([type="radio"]),
html.theme-dark body.web-menu-moderno table#Tramite select,
html.theme-dark body.web-menu-moderno table#Tramite textarea,
html.theme-dark body.web-menu-moderno table#Tramite td {
    color: #f4f8fb !important;
}
html.theme-dark body.web-menu-moderno table#Tramite input::placeholder,
html.theme-dark body.web-menu-moderno table#Tramite textarea::placeholder {
    color: #b7c7d2 !important;
}

/* Lista de anexos (ListFile). Mantem a miniatura original, mas integra o
   cartao, os itens, os textos e as acoes ao tema escuro. */
html.theme-dark body.web-menu-moderno .container-history .card {
    color: #dce7ee !important;
    border-color: #344754 !important;
    background: #131f28 !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .28) !important;
}
html.theme-dark body.web-menu-moderno .container-history .card-header {
    color: #f4f8fb !important;
    border-color: #344754 !important;
    background: #1b2934 !important;
}
html.theme-dark body.web-menu-moderno .container-history .list-arquivo {
    color: #dce7ee !important;
    background: #101a22 !important;
}
html.theme-dark body.web-menu-moderno .container-history .list-arquivo-item {
    color: #dce7ee !important;
    border-color: #344754 !important;
    background: #17242e !important;
}
html.theme-dark body.web-menu-moderno .container-history .list-arquivo-item:hover {
    color: #fff !important;
    background: #203746 !important;
}
html.theme-dark body.web-menu-moderno .container-history .arquivo-img,
html.theme-dark body.web-menu-moderno .container-history .pdf,
html.theme-dark body.web-menu-moderno .container-history .exe {
    background: #0f1921 !important;
}
html.theme-dark body.web-menu-moderno .container-history .arquivo-detail a,
html.theme-dark body.web-menu-moderno .container-history .arquivo-detail i {
    color: #5bb8f0 !important;
}
html.theme-dark body.web-menu-moderno .container-history .arquivo-detail a:hover,
html.theme-dark body.web-menu-moderno .container-history .arquivo-detail i:hover {
    color: #9edcff !important;
}

html.theme-dark body.web-menu-moderno .pq-loading > .pq-loading-bg {
    background: rgba(7, 15, 21, .62) !important;
}
html.theme-dark body.web-menu-moderno .pq-loading-mask {
    color: #d9edf8 !important;
    border-color: #365b70 !important;
    background: rgba(20, 36, 47, .97) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .42) !important;
}
html.theme-dark body.web-menu-moderno .pq-grid div.pq-loading-mask > div::before {
    border-color: rgba(91, 184, 240, .24);
    border-top-color: #5bb8f0;
}

html.theme-dark body.web-menu-moderno .web-carregando-overlay {
    color: #d9edf8 !important;
    background: rgba(7, 15, 21, .66) !important;
}
html.theme-dark body.web-menu-moderno .web-carregando-centro {
    color: #d9edf8;
    border-color: #365b70;
    background: rgba(20, 36, 47, .98);
    box-shadow: 0 16px 42px rgba(0, 0, 0, .48);
}
html.theme-dark body.web-menu-moderno .web-carregando-spinner {
    border-color: rgba(91, 184, 240, .24);
    border-top-color: #5bb8f0;
}

html.theme-dark body.web-menu-moderno .pq-pager input,
html.theme-dark body.web-menu-moderno .pq-pager select {
    color: #dce6ec !important;
    border-color: #405767 !important;
    background: #13202a !important;
    background-image: none !important;
    box-shadow: none !important;
    opacity: 1 !important;
    color-scheme: dark;
}
html.theme-dark body.web-menu-moderno .pq-pager input:hover,
html.theme-dark body.web-menu-moderno .pq-pager select:hover { border-color: #5b7a8e !important; }
html.theme-dark body.web-menu-moderno .pq-pager input:focus,
html.theme-dark body.web-menu-moderno .pq-pager select:focus {
    border-color: var(--ui-accent) !important;
    outline: 2px solid rgba(39,139,184,.28) !important;
    outline-offset: 1px;
}
html.theme-dark body.web-menu-moderno .pq-pager input:disabled,
html.theme-dark body.web-menu-moderno .pq-pager select:disabled {
    color: #8ea1ad !important;
    border-color: #344957 !important;
    background: #182630 !important;
    opacity: 1 !important;
}
html.theme-dark body.web-menu-moderno .pq-pager select option {
    color: #dce6ec;
    background: #17232d;
}

html.theme-dark body.web-menu-moderno .web-campo-material .campo-material-autocomplete-lupa {
    color: #8ed1f3;
    background: rgba(67, 151, 197, .16);
}
html.theme-dark body.web-menu-moderno .web-campo-material .campo-material-autocomplete-lupa:hover,
html.theme-dark body.web-menu-moderno .web-campo-material .campo-material-autocomplete-lupa:focus-visible {
    color: #fff;
    background: #237eae;
}
html.theme-dark body.web-menu-moderno .web-campo-material .campo-material-autocomplete-lupa:disabled {
    color: #718896;
    background: rgba(74, 96, 111, .18);
}

html.theme-dark body.web-menu-moderno .web-campo-material .campo-grid-data-integrada > .ui-datepicker-trigger {
    background-color: rgba(91, 184, 240, .12) !important;
}
html.theme-dark body.web-menu-moderno .web-campo-material .campo-grid-data-integrada > .ui-datepicker-trigger:hover,
html.theme-dark body.web-menu-moderno .web-campo-material .campo-grid-data-integrada > .ui-datepicker-trigger:focus-visible {
    background-color: rgba(91, 184, 240, .20) !important;
}

/* Mantem os estados funcionais visiveis sem o brilho excessivo do tema claro. */
html.theme-dark body.web-menu-moderno .pq-grid tr.row-nova td,
html.theme-dark body.web-menu-moderno .pq-grid tr.row-erro td,
html.theme-dark body.web-menu-moderno .linha-nova,
html.theme-dark body.web-menu-moderno .linha-erro { color: #ffd4d7 !important; background: #492a30 !important; }
html.theme-dark body.web-menu-moderno .pq-grid tr.row-alterada td,
html.theme-dark body.web-menu-moderno .linha-alterada { color: #ffe7b3 !important; background: #493d25 !important; }
html.theme-dark body.web-menu-moderno .pq-grid tr.row-sucesso td,
html.theme-dark body.web-menu-moderno .linha-sucesso { color: #c8efd8 !important; background: #203b2c !important; }

/* SweetAlert e overlays pertencentes ao shell. */
html.theme-dark body.web-menu-moderno .swal2-popup,
html.theme-dark body.web-menu-moderno .swal2-validation-message {
    color: var(--ui-text) !important;
    border: 1px solid var(--ui-border) !important;
    background: var(--ui-surface) !important;
}
html.theme-dark body.web-menu-moderno .swal2-title,
html.theme-dark body.web-menu-moderno .swal2-html-container { color: var(--ui-text) !important; }
html.theme-dark body.web-menu-moderno .swal2-input,
html.theme-dark body.web-menu-moderno .swal2-textarea,
html.theme-dark body.web-menu-moderno .swal2-select { color: var(--ui-text) !important; border-color: var(--ui-border-strong) !important; background: #111920 !important; }
html.theme-dark body.web-menu-moderno .ui-widget-overlay,
html.theme-dark body.web-menu-moderno .swal2-container.swal2-backdrop-show:not(.web-mensagem-simples-container) { background: rgba(3, 8, 13, .68) !important; }
html.theme-dark body.web-menu-moderno .swal2-container.web-mensagem-simples-container { background: transparent !important; }

/* Menu e barra de janelas. */
html.theme-dark body.web-menu-moderno .web-menu-lateral {
    color: #cfdae2;
    border-color: #2f4250;
    background: rgba(22, 32, 41, .97);
    box-shadow: 0 18px 46px rgba(0, 0, 0, .48);
}
html.theme-dark body.web-menu-moderno .web-menu-marca-texto strong { color: #eef6fb; }
html.theme-dark body.web-menu-moderno .web-menu-marca-texto span,
html.theme-dark body.web-menu-moderno .web-menu-titulo-secao,
html.theme-dark body.web-menu-moderno .web-menu-sistema-rotulo,
html.theme-dark body.web-menu-moderno .web-menu-empresa-rotulo { color: #8295a4; }
html.theme-dark body.web-menu-moderno .web-menu-empresa-icone { color: #83a4b8; }
html.theme-dark body.web-menu-recolhido .web-menu-empresa-rotulo,
html.theme-dark body.web-menu-superior .web-menu-empresa-rotulo {
    border-color: #344957;
    background: #1b2a35;
}
html.theme-dark body.web-menu-moderno .web-menu-sistema-select,
html.theme-dark body.web-menu-moderno .web-menu-busca {
    color: #e3edf3 !important;
    border-color: #354956 !important;
    background: #111a21 !important;
}
html.theme-dark body.web-menu-moderno .web-menu-busca:focus,
html.theme-dark body.web-menu-moderno .web-menu-sistema-select:focus {
    border-color: #4ca9dd !important;
    background: #15232d !important;
}
html.theme-dark body.web-menu-moderno .web-menu-rolagem { scrollbar-color: #3a4e5c transparent; }
html.theme-dark body.web-menu-superior .web-menu-lista > .web-menu-grupo > .web-menu-sublista {
    scrollbar-color: #597181 #17212b;
}
html.theme-dark body.web-menu-moderno .web-menu-sublista,
html.theme-dark body.web-menu-moderno .web-menu-utilidades,
html.theme-dark body.web-menu-moderno .web-menu-rodape { border-color: #2c3d49; }
html.theme-dark body.web-menu-moderno .web-menu-grupo-botao,
html.theme-dark body.web-menu-moderno .web-menu-item-botao,
html.theme-dark body.web-menu-moderno .web-menu-secao-dinamica-titulo,
html.theme-dark body.web-menu-moderno .web-menu-dinamico-item { color: #bdcad3; }
html.theme-dark body.web-menu-moderno .web-menu-grupo-botao:hover,
html.theme-dark body.web-menu-moderno .web-menu-item-botao:hover,
html.theme-dark body.web-menu-moderno .web-menu-secao-dinamica-titulo:hover,
html.theme-dark body.web-menu-moderno .web-menu-dinamico-item:hover { color: #fff; background: #253b4a; }
html.theme-dark body.web-menu-moderno .web-menu-grupo.web-menu-aberto > .web-menu-grupo-botao,
html.theme-dark body.web-menu-moderno .web-menu-item-botao.web-menu-ativo { color: #bfe7ff; background: #1f4156; }
html.theme-dark body.web-menu-moderno .web-menu-rodape .web-menu-usuario,
html.theme-dark body.web-menu-moderno .web-menu-rodape .ui-button,
html.theme-dark body.web-menu-moderno .web-menu-preferencia-botao { color: #c9d5dd !important; border-color: #324651 !important; background: #1c2933 !important; }
html.theme-dark body.web-menu-moderno .web-menu-rodape .web-menu-usuario:hover,
html.theme-dark body.web-menu-moderno .web-menu-rodape .ui-button:hover,
html.theme-dark body.web-menu-moderno .web-menu-preferencia-botao:hover { color: #fff !important; border-color: #496777 !important; background: #293e4c !important; }
html.theme-dark body.web-menu-moderno .barraTarefas { border-color: #315066 !important; background: #123b55 !important; }

html.theme-dark body.web-menu-moderno .web-menu-tour-destaque {
    border-color: #73c9f5;
    box-shadow: 0 0 0 9999px rgba(2, 7, 11, .76), 0 0 0 5px rgba(115, 201, 245, .20);
}
html.theme-dark body.web-menu-moderno .web-menu-tour-cartao {
    color: #dce7ee;
    border-color: #3b5363;
    background: #17232d;
    box-shadow: 0 24px 62px rgba(0, 0, 0, .58);
}
html.theme-dark body.web-menu-moderno .web-menu-tour-selo { color: #a9ddf8; background: #1c4258; }
html.theme-dark body.web-menu-moderno .web-menu-tour-progresso { color: #8fa4b3; }
html.theme-dark body.web-menu-moderno .web-menu-tour-titulo { color: #eff7fb; }
html.theme-dark body.web-menu-moderno .web-menu-tour-texto { color: #b6c6d1; }
html.theme-dark body.web-menu-moderno .web-menu-tour-botao { color: #c9d7e0; border-color: #405766; background: #22313c; }
html.theme-dark body.web-menu-moderno .web-menu-tour-botao:hover { color: #fff; border-color: #587589; background: #2d4352; }
html.theme-dark body.web-menu-moderno .web-menu-tour-botao:disabled { color: #667987; border-color: #2b3b46; background: #1a252d; }
html.theme-dark body.web-menu-moderno .web-menu-tour-pular { color: #96a9b7; border-color: transparent; background: transparent; }
html.theme-dark body.web-menu-moderno .web-menu-tour-primario { color: #fff; border-color: #348fc2; background: #237eae; }
html.theme-dark body.web-menu-moderno .web-menu-tour-primario:hover { color: #fff; border-color: #55afe0; background: #2c91c5; }

/* Nenhuma regra abaixo deste ponto deve usar seletores de .b-* / Scheduler,
 * .cke / editores, canvas, svg ou iframe. */