/*
 * PWA UX layer
 * Carregado por último para corrigir responsividade, modais e temas no app instalado.
 */

:root {
  --pwa-topbar-h: 66px;
  --pwa-bottom-nav-h: 74px;
  --pwa-safe-top: env(safe-area-inset-top, 0px);
  --pwa-safe-right: env(safe-area-inset-right, 0px);
  --pwa-safe-bottom: env(safe-area-inset-bottom, 0px);
  --pwa-safe-left: env(safe-area-inset-left, 0px);
  --pwa-bg: #f4f6fb;
  --pwa-surface: #ffffff;
  --pwa-surface-soft: #f8fafc;
  --pwa-border: #e5eaf3;
  --pwa-text: #172033;
  --pwa-muted: #64748b;
  --pwa-primary: #5b73e8;
  --pwa-primary-soft: rgba(91, 115, 232, 0.12);
  --pwa-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);
  --pwa-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
  --pwa-radius: 14px;
  --pwa-radius-sm: 10px;
}

@media (display-mode: standalone) {
  html {
    min-height: 100%;
    background: var(--pwa-bg);
  }

  body.admin-view,
  body.team-member-view,
  body.client-view {
    min-height: 100%;
    overscroll-behavior-y: contain;
    -webkit-tap-highlight-color: transparent;
  }
}

@media (max-width: 991px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  body.admin-view,
  body.team-member-view,
  body.client-view {
    background: var(--pwa-bg) !important;
  }

  .page-container {
    width: 100% !important;
    max-width: 100vw !important;
    margin-left: 0 !important;
    padding-left: var(--pwa-safe-left);
    padding-right: var(--pwa-safe-right);
    overflow-x: hidden;
  }

  .main-scrollable-page,
  .scrollable-page {
    min-height: calc(100dvh - var(--pwa-topbar-h));
    padding-bottom: calc(var(--pwa-bottom-nav-h) + var(--pwa-safe-bottom) + 18px) !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
  }

  #page-content,
  .page-wrapper,
  .page-content {
    width: 100%;
    max-width: 100%;
    padding: 12px !important;
    box-sizing: border-box;
  }

  .navbar-custom.fixed-top {
    min-height: calc(var(--pwa-topbar-h) + var(--pwa-safe-top));
    padding-top: var(--pwa-safe-top);
    background: rgba(255, 255, 255, 0.92) !important;
    border-bottom: 1px solid rgba(226, 232, 240, 0.88);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
  }

  .navbar-custom .container-fluid,
  .navbar-custom .collapse,
  .navbar-custom .navbar-collapse {
    min-width: 0;
    max-width: 100%;
  }

  #default-navbar .navbar-nav {
    min-width: 0;
  }

  #default-navbar .nav-link {
    min-height: 44px;
    min-width: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
  }

  #default-navbar .dashboard-image {
    margin: 8px 6px !important;
    width: 34px !important;
    height: 34px;
    object-fit: contain;
  }

  .mobile-bottom-menu {
    min-height: calc(var(--pwa-bottom-nav-h) + var(--pwa-safe-bottom));
    padding-bottom: var(--pwa-safe-bottom) !important;
    background: rgba(255, 255, 255, 0.94) !important;
    border-top: 1px solid rgba(226, 232, 240, 0.92) !important;
    box-shadow: 0 -12px 32px rgba(15, 23, 42, 0.10) !important;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    z-index: 1065;
  }

  .mobile-bottom-menu__inner {
    min-height: var(--pwa-bottom-nav-h);
    display: flex !important;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0 6px;
    gap: 0;
  }

  .mobile-bottom-menu__inner > * {
    flex: 1 1 0;
    min-width: 0;
    max-width: none;
  }

  .mobile-bottom-menu .nav-link,
  .mobile-bottom-menu #mobile-function-button,
  .mobile-bottom-menu #mobile-chat-menu-button,
  .mobile-bottom-menu #mobile-quick-add-button {
    min-width: 0 !important;
    width: 100% !important;
    min-height: var(--pwa-bottom-nav-h) !important;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px;
    color: #64748b !important;
  }

  .mobile-bottom-menu .sidebar-toggle-btn,
  .mobile-bottom-menu .todo-btn,
  .mobile-bottom-menu .home-btn,
  .mobile-bottom-menu #js-init-chat-icon,
  .mobile-bottom-menu #quick-add-icon {
    padding: 0 !important;
    width: 100%;
    height: 100%;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .mobile-bottom-menu #mobile-function-button .dropdown,
  .mobile-bottom-menu #mobile-quick-add-button .dropdown {
    width: 100%;
    height: 100%;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .mobile-bottom-menu #mobile-function-button .dropdown .dropdown-toggle,
  .mobile-bottom-menu #mobile-quick-add-button .dropdown .dropdown-toggle {
    width: 100%;
    height: 100%;
    min-height: var(--pwa-bottom-nav-h);
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none;
    background: transparent;
    box-shadow: none;
  }

  .mobile-bottom-menu #mobile-function-button .dropdown-toggle::after,
  .mobile-bottom-menu #mobile-quick-add-button .dropdown-toggle::after {
    display: none;
  }

  .mobile-bottom-menu .icon,
  .mobile-bottom-menu .nav-link .icon,
  .mobile-bottom-menu svg {
    width: 22px !important;
    height: 22px !important;
    margin: 0 !important;
  }

  .mobile-bottom-menu .nav-link:active,
  .mobile-bottom-menu .nav-link:hover,
  .mobile-bottom-menu #mobile-function-button .dropdown-toggle:active,
  .mobile-bottom-menu #mobile-quick-add-button .dropdown-toggle:active {
    color: var(--pwa-primary) !important;
    background: var(--pwa-primary-soft);
  }
}

@media (max-width: 767px) {
  .card,
  .page-wrapper > .card,
  #page-content > .card,
  .page-content > .card,
  .panel,
  .box,
  .dashboard-widget,
  .custom-widget {
    max-width: 100%;
    border-radius: var(--pwa-radius) !important;
    border-color: var(--pwa-border) !important;
    box-shadow: var(--pwa-shadow-sm) !important;
    overflow: hidden;
  }

  .card-body,
  .card .card-body,
  .panel-body {
    padding: 14px !important;
  }

  .page-title,
  .page-title.clearfix,
  .ui-page-header {
    display: flex !important;
    flex-direction: column;
    align-items: stretch !important;
    gap: 12px;
    padding: 14px !important;
    border-radius: var(--pwa-radius) !important;
  }

  .page-title h1,
  .page-title h4,
  .ui-page-header__title {
    font-size: 1.15rem !important;
    line-height: 1.25 !important;
    word-break: break-word;
  }

  .title-button-group,
  .page-title .title-button-group,
  .ui-page-header__actions {
    width: 100%;
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
    gap: 8px;
  }

  .title-button-group .btn,
  .page-title .title-button-group .btn,
  .ui-page-header__actions .btn,
  .title-button-group .dropdown,
  .title-button-group .dropdown > .btn {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    justify-content: center;
  }

  .form-group .row {
    row-gap: 8px;
  }

  .form-group label,
  .general-form .form-group label[class*="col-"] {
    width: 100%;
    max-width: 100%;
    padding-bottom: 2px;
    color: var(--pwa-muted);
    font-weight: 650;
  }

  .form-control,
  .custom-select,
  select.form-control,
  textarea.form-control,
  .select2-container .select2-choice,
  .select2-container .select2-selection {
    min-height: 42px;
    border-radius: 12px !important;
    border-color: #dbe3ef !important;
    font-size: 16px !important;
    box-shadow: none !important;
  }

  textarea.form-control {
    min-height: 112px;
  }

  .btn {
    min-height: 40px;
    border-radius: 12px !important;
    font-weight: 650;
  }

  .table-responsive,
  .dataTables_wrapper,
  .list-container,
  .kanban-container {
    width: 100%;
    max-width: 100%;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  table.dataTable,
  .table {
    min-width: 680px;
  }

  .dataTables_wrapper .row,
  .datatable-tools .row {
    row-gap: 8px;
  }

  .dataTables_filter,
  .dataTables_length,
  .dt-buttons {
    width: 100%;
    float: none !important;
    text-align: left !important;
  }

  .dataTables_filter input,
  .dataTables_length select {
    width: 100% !important;
    margin: 0 !important;
  }

  .nav-tabs,
  .scrollable-tabs {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .nav-tabs::-webkit-scrollbar,
  .scrollable-tabs::-webkit-scrollbar {
    display: none;
  }

  .nav-tabs > li,
  .scrollable-tabs > li {
    flex: 0 0 auto;
  }

  .nav-tabs > li > a,
  .scrollable-tabs > li > a {
    white-space: nowrap;
    min-height: 42px;
    display: inline-flex;
    align-items: center;
  }
}

/* Modais: comportamento app-like no PWA/mobile. */
@media (max-width: 767px) {
  .modal {
    padding: 0 !important;
  }

  .modal-dialog,
  .modal-dialog.modal-lg,
  .modal-dialog.modal-xl,
  .modal-dialog.modal-dialog-centered {
    width: 100% !important;
    max-width: 100% !important;
    height: 100dvh;
    min-height: 100dvh;
    margin: 0 !important;
    padding: calc(8px + var(--pwa-safe-top)) 8px calc(var(--pwa-bottom-nav-h) + var(--pwa-safe-bottom) + 8px);
    display: flex;
    align-items: stretch;
  }

  .modal-content {
    width: 100%;
    max-height: 100%;
    border: 0 !important;
    border-radius: 20px !important;
    overflow: hidden;
    box-shadow: 0 18px 48px rgba(15, 23, 42, 0.26) !important;
    display: flex;
    flex-direction: column;
  }

  .modal-header {
    flex: 0 0 auto;
    padding: 14px 16px !important;
    border-bottom: 1px solid var(--pwa-border) !important;
  }

  .modal-title {
    font-size: 1rem !important;
    line-height: 1.25;
    font-weight: 750;
  }

  #ajaxModalContent,
  .modal-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  #ajaxModalContent .modal-body,
  .modal-body {
    padding: 14px 16px !important;
  }

  .modal-footer {
    flex: 0 0 auto;
    position: sticky;
    bottom: 0;
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 8px;
    padding: 12px 16px calc(12px + var(--pwa-safe-bottom)) !important;
    background: rgba(248, 250, 252, 0.96) !important;
    border-top: 1px solid var(--pwa-border) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }

  .modal-footer .btn {
    width: 100%;
    margin: 0 !important;
  }
}

/* Tema escuro global, cobrindo telas antigas e PWA. */
body[data-color="1E202D"],
body[data-color="1e202d"],
body.color-1E202D,
body.color-1e202d {
  --pwa-bg: #171b24;
  --pwa-surface: #232936;
  --pwa-surface-soft: #2a303d;
  --pwa-border: #394151;
  --pwa-text: #eef2f8;
  --pwa-muted: #aab4c5;
  --pwa-primary-soft: rgba(126, 148, 255, 0.18);
  background: var(--pwa-bg) !important;
  color: var(--pwa-text) !important;
  color-scheme: dark;
}

body[data-color="1E202D"] .navbar-custom.fixed-top,
body[data-color="1e202d"] .navbar-custom.fixed-top {
  background: rgba(23, 27, 36, 0.92) !important;
  border-bottom-color: #2f3747 !important;
}

body[data-color="1E202D"] .mobile-bottom-menu,
body[data-color="1e202d"] .mobile-bottom-menu {
  background: rgba(23, 27, 36, 0.94) !important;
  border-top-color: #2f3747 !important;
  box-shadow: 0 -12px 32px rgba(0, 0, 0, 0.42) !important;
}

body[data-color="1E202D"] .mobile-bottom-menu .nav-link,
body[data-color="1e202d"] .mobile-bottom-menu .nav-link {
  color: #aab4c5 !important;
}

body[data-color="1E202D"] .card,
body[data-color="1e202d"] .card,
body[data-color="1E202D"] .panel,
body[data-color="1e202d"] .panel,
body[data-color="1E202D"] .modal-content,
body[data-color="1e202d"] .modal-content,
body[data-color="1E202D"] .page-title,
body[data-color="1e202d"] .page-title,
body[data-color="1E202D"] .ui-page-header {
  background: var(--pwa-surface) !important;
  border-color: var(--pwa-border) !important;
  color: var(--pwa-text) !important;
}

body[data-color="1E202D"] .card-body,
body[data-color="1e202d"] .card-body,
body[data-color="1E202D"] .modal-body,
body[data-color="1e202d"] .modal-body {
  color: var(--pwa-text) !important;
}

body[data-color="1E202D"] .text-off,
body[data-color="1e202d"] .text-off,
body[data-color="1E202D"] .text-muted,
body[data-color="1e202d"] .text-muted,
body[data-color="1E202D"] label,
body[data-color="1e202d"] label {
  color: var(--pwa-muted) !important;
}

body[data-color="1E202D"] .form-control,
body[data-color="1e202d"] .form-control,
body[data-color="1E202D"] .custom-select,
body[data-color="1e202d"] .custom-select,
body[data-color="1E202D"] .select2-container .select2-selection,
body[data-color="1e202d"] .select2-container .select2-selection {
  background: #1d2330 !important;
  border-color: #3a4354 !important;
  color: var(--pwa-text) !important;
}

body[data-color="1E202D"] .form-control::placeholder,
body[data-color="1e202d"] .form-control::placeholder {
  color: #737f93 !important;
}

body[data-color="1E202D"] .modal-header,
body[data-color="1e202d"] .modal-header,
body[data-color="1E202D"] .modal-footer,
body[data-color="1e202d"] .modal-footer {
  background: var(--pwa-surface-soft) !important;
  border-color: var(--pwa-border) !important;
}

body[data-color="1E202D"] .table,
body[data-color="1e202d"] .table,
body[data-color="1E202D"] table.dataTable,
body[data-color="1e202d"] table.dataTable {
  color: var(--pwa-text) !important;
}

body[data-color="1E202D"] table.dataTable tbody tr,
body[data-color="1e202d"] table.dataTable tbody tr,
body[data-color="1E202D"] .table tbody tr,
body[data-color="1e202d"] .table tbody tr {
  background: var(--pwa-surface) !important;
  border-color: var(--pwa-border) !important;
}

body[data-color="1E202D"] table.dataTable tbody tr:hover,
body[data-color="1e202d"] table.dataTable tbody tr:hover,
body[data-color="1E202D"] .table tbody tr:hover,
body[data-color="1e202d"] .table tbody tr:hover {
  background: #2b3240 !important;
}

body[data-color="1E202D"] .dropdown-menu,
body[data-color="1e202d"] .dropdown-menu {
  background: var(--pwa-surface) !important;
  border-color: var(--pwa-border) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.48) !important;
}

body[data-color="1E202D"] .dropdown-item,
body[data-color="1e202d"] .dropdown-item {
  color: var(--pwa-text) !important;
}

body[data-color="1E202D"] .dropdown-item:hover,
body[data-color="1e202d"] .dropdown-item:hover {
  background: #2f3747 !important;
}

/* Dark mode hardening: legacy screens, Bootstrap widgets and plugins. */
body[data-color="1E202D"] #page-content,
body[data-color="1e202d"] #page-content,
body[data-color="1E202D"] .page-wrapper,
body[data-color="1e202d"] .page-wrapper,
body[data-color="1E202D"] .main-scrollable-page,
body[data-color="1e202d"] .main-scrollable-page,
body[data-color="1E202D"] .main-content,
body[data-color="1e202d"] .main-content,
body[data-color="1E202D"] .content,
body[data-color="1e202d"] .content {
  background: var(--pwa-bg) !important;
  color: var(--pwa-text) !important;
}

body[data-color="1E202D"] .bg-white,
body[data-color="1e202d"] .bg-white,
body[data-color="1E202D"] .white,
body[data-color="1e202d"] .white,
body[data-color="1E202D"] .bg-light,
body[data-color="1e202d"] .bg-light,
body[data-color="1E202D"] .list-group-item,
body[data-color="1e202d"] .list-group-item,
body[data-color="1E202D"] .timeline-item,
body[data-color="1e202d"] .timeline-item,
body[data-color="1E202D"] .app-modal-content-area,
body[data-color="1e202d"] .app-modal-content-area,
body[data-color="1E202D"] .box,
body[data-color="1e202d"] .box,
body[data-color="1E202D"] .well,
body[data-color="1e202d"] .well {
  background: var(--pwa-surface) !important;
  border-color: var(--pwa-border) !important;
  color: var(--pwa-text) !important;
}

body[data-color="1E202D"] .card-header,
body[data-color="1e202d"] .card-header,
body[data-color="1E202D"] .panel-heading,
body[data-color="1e202d"] .panel-heading,
body[data-color="1E202D"] .page-title,
body[data-color="1e202d"] .page-title,
body[data-color="1E202D"] .title,
body[data-color="1e202d"] .title {
  background: var(--pwa-surface-soft) !important;
  border-color: var(--pwa-border) !important;
  color: var(--pwa-text) !important;
}

body[data-color="1E202D"] h1,
body[data-color="1E202D"] h2,
body[data-color="1E202D"] h3,
body[data-color="1E202D"] h4,
body[data-color="1E202D"] h5,
body[data-color="1E202D"] h6,
body[data-color="1e202d"] h1,
body[data-color="1e202d"] h2,
body[data-color="1e202d"] h3,
body[data-color="1e202d"] h4,
body[data-color="1e202d"] h5,
body[data-color="1e202d"] h6,
body[data-color="1E202D"] .text-default,
body[data-color="1e202d"] .text-default,
body[data-color="1E202D"] .strong,
body[data-color="1e202d"] .strong,
body[data-color="1E202D"] strong,
body[data-color="1e202d"] strong {
  color: var(--pwa-text) !important;
}

body[data-color="1E202D"] a:not(.btn):not(.nav-link):not(.dropdown-item),
body[data-color="1e202d"] a:not(.btn):not(.nav-link):not(.dropdown-item) {
  color: #9db2ff;
}

body[data-color="1E202D"] a:not(.btn):not(.nav-link):not(.dropdown-item):hover,
body[data-color="1e202d"] a:not(.btn):not(.nav-link):not(.dropdown-item):hover {
  color: #c7d2fe;
}

body[data-color="1E202D"] .btn-default,
body[data-color="1e202d"] .btn-default,
body[data-color="1E202D"] .btn-light,
body[data-color="1e202d"] .btn-light,
body[data-color="1E202D"] .btn-secondary,
body[data-color="1e202d"] .btn-secondary {
  background: #2f3747 !important;
  border-color: #455065 !important;
  color: var(--pwa-text) !important;
}

body[data-color="1E202D"] .btn-default:hover,
body[data-color="1e202d"] .btn-default:hover,
body[data-color="1E202D"] .btn-light:hover,
body[data-color="1e202d"] .btn-light:hover,
body[data-color="1E202D"] .btn-secondary:hover,
body[data-color="1e202d"] .btn-secondary:hover {
  background: #384255 !important;
  border-color: #536079 !important;
  color: #fff !important;
}

body[data-color="1E202D"] .input-group-text,
body[data-color="1e202d"] .input-group-text,
body[data-color="1E202D"] .input-group-addon,
body[data-color="1e202d"] .input-group-addon {
  background: var(--pwa-surface-soft) !important;
  border-color: var(--pwa-border) !important;
  color: var(--pwa-muted) !important;
}

body[data-color="1E202D"] .select2-container .select2-choice,
body[data-color="1e202d"] .select2-container .select2-choice,
body[data-color="1E202D"] .select2-container-multi .select2-choices,
body[data-color="1e202d"] .select2-container-multi .select2-choices {
  background: #1d2330 !important;
  border-color: #3a4354 !important;
  color: var(--pwa-text) !important;
}

body[data-color="1E202D"] .select2-drop,
body[data-color="1e202d"] .select2-drop,
body[data-color="1E202D"] .select2-dropdown,
body[data-color="1e202d"] .select2-dropdown {
  background: var(--pwa-surface) !important;
  border-color: var(--pwa-border) !important;
  color: var(--pwa-text) !important;
}

body[data-color="1E202D"] .select2-results .select2-highlighted,
body[data-color="1e202d"] .select2-results .select2-highlighted,
body[data-color="1E202D"] .select2-results__option--highlighted,
body[data-color="1e202d"] .select2-results__option--highlighted {
  background: #3a465d !important;
  color: #fff !important;
}

body[data-color="1E202D"] .select2-search input,
body[data-color="1e202d"] .select2-search input,
body[data-color="1E202D"] .select2-search__field,
body[data-color="1e202d"] .select2-search__field {
  background: #171d29 !important;
  border-color: var(--pwa-border) !important;
  color: var(--pwa-text) !important;
}

body[data-color="1E202D"] .select2-container-multi .select2-choices .select2-search-choice,
body[data-color="1e202d"] .select2-container-multi .select2-choices .select2-search-choice,
body[data-color="1E202D"] .select2-selection__choice,
body[data-color="1e202d"] .select2-selection__choice {
  background: #334057 !important;
  border-color: #46536b !important;
  color: var(--pwa-text) !important;
}

body[data-color="1E202D"] .select2-container-multi .select2-choices .select2-search-choice *,
body[data-color="1e202d"] .select2-container-multi .select2-choices .select2-search-choice *,
body[data-color="1E202D"] .select2-container-multi .select2-choices .select2-search-choice div,
body[data-color="1e202d"] .select2-container-multi .select2-choices .select2-search-choice div,
body[data-color="1E202D"] .select2-selection__choice *,
body[data-color="1e202d"] .select2-selection__choice * {
  color: var(--pwa-text) !important;
}

body[data-color="1E202D"] .select2-search-choice-close,
body[data-color="1e202d"] .select2-search-choice-close,
body[data-color="1E202D"] .select2-selection__choice__remove,
body[data-color="1e202d"] .select2-selection__choice__remove {
  color: #cbd5e1 !important;
  opacity: 0.95 !important;
}

body[data-color="1E202D"] .select2-search-choice-close:hover,
body[data-color="1e202d"] .select2-search-choice-close:hover,
body[data-color="1E202D"] .select2-selection__choice__remove:hover,
body[data-color="1e202d"] .select2-selection__choice__remove:hover {
  color: #fff !important;
}

body[data-color="1E202D"] .avatar + span,
body[data-color="1e202d"] .avatar + span,
body[data-color="1E202D"] .avatar + div,
body[data-color="1e202d"] .avatar + div,
body[data-color="1E202D"] .user-name,
body[data-color="1e202d"] .user-name,
body[data-color="1E202D"] .user-name-text,
body[data-color="1e202d"] .user-name-text,
body[data-color="1E202D"] .member-name,
body[data-color="1e202d"] .member-name,
body[data-color="1E202D"] .team-member-name,
body[data-color="1e202d"] .team-member-name,
body[data-color="1E202D"] .assignee-name,
body[data-color="1e202d"] .assignee-name {
  color: var(--pwa-text) !important;
}

body[data-color="1E202D"] .filter-section-container,
body[data-color="1e202d"] .filter-section-container,
body[data-color="1E202D"] .filter-section-flex-row,
body[data-color="1e202d"] .filter-section-flex-row,
body[data-color="1E202D"] .filter-form,
body[data-color="1e202d"] .filter-form,
body[data-color="1E202D"] .datatable-tools,
body[data-color="1e202d"] .datatable-tools {
  background: var(--pwa-surface) !important;
  border-color: var(--pwa-border) !important;
  color: var(--pwa-text) !important;
}

body[data-color="1E202D"] table.dataTable thead th,
body[data-color="1e202d"] table.dataTable thead th,
body[data-color="1E202D"] .table thead th,
body[data-color="1e202d"] .table thead th,
body[data-color="1E202D"] table.dataTable tfoot th,
body[data-color="1e202d"] table.dataTable tfoot th {
  background: var(--pwa-surface-soft) !important;
  border-color: var(--pwa-border) !important;
  color: var(--pwa-muted) !important;
}

body[data-color="1E202D"] table.dataTable tbody td,
body[data-color="1e202d"] table.dataTable tbody td,
body[data-color="1E202D"] .table tbody td,
body[data-color="1e202d"] .table tbody td {
  background: var(--pwa-surface) !important;
  border-color: var(--pwa-border) !important;
  color: var(--pwa-text) !important;
}

body[data-color="1E202D"] .dataTables_info,
body[data-color="1e202d"] .dataTables_info,
body[data-color="1E202D"] .dataTables_length,
body[data-color="1e202d"] .dataTables_length,
body[data-color="1E202D"] .dataTables_filter,
body[data-color="1e202d"] .dataTables_filter,
body[data-color="1E202D"] .dataTables_paginate,
body[data-color="1e202d"] .dataTables_paginate {
  color: var(--pwa-muted) !important;
}

body[data-color="1E202D"] .dataTables_paginate .paginate_button,
body[data-color="1e202d"] .dataTables_paginate .paginate_button,
body[data-color="1E202D"] .pagination .page-link,
body[data-color="1e202d"] .pagination .page-link {
  background: #202838 !important;
  border-color: var(--pwa-border) !important;
  color: var(--pwa-text) !important;
}

body[data-color="1E202D"] .dataTables_paginate .paginate_button.current,
body[data-color="1e202d"] .dataTables_paginate .paginate_button.current,
body[data-color="1E202D"] .pagination .active .page-link,
body[data-color="1e202d"] .pagination .active .page-link {
  background: #5b73e8 !important;
  border-color: #5b73e8 !important;
  color: #fff !important;
}

body[data-color="1E202D"] .nav-tabs,
body[data-color="1e202d"] .nav-tabs,
body[data-color="1E202D"] .nav-pills,
body[data-color="1e202d"] .nav-pills {
  border-color: var(--pwa-border) !important;
}

body[data-color="1E202D"] .nav-tabs .nav-link,
body[data-color="1e202d"] .nav-tabs .nav-link,
body[data-color="1E202D"] .nav-pills .nav-link,
body[data-color="1e202d"] .nav-pills .nav-link {
  color: var(--pwa-muted) !important;
}

body[data-color="1E202D"] .nav-tabs .nav-link.active,
body[data-color="1e202d"] .nav-tabs .nav-link.active,
body[data-color="1E202D"] .nav-pills .nav-link.active,
body[data-color="1e202d"] .nav-pills .nav-link.active {
  background: var(--pwa-surface-soft) !important;
  border-color: var(--pwa-border) !important;
  color: var(--pwa-text) !important;
}

body[data-color="1E202D"] .tab-content,
body[data-color="1e202d"] .tab-content {
  background: transparent !important;
  color: var(--pwa-text) !important;
}

body[data-color="1E202D"] .datepicker,
body[data-color="1e202d"] .datepicker,
body[data-color="1E202D"] .datepicker-dropdown,
body[data-color="1e202d"] .datepicker-dropdown,
body[data-color="1E202D"] .bootstrap-timepicker-widget,
body[data-color="1e202d"] .bootstrap-timepicker-widget {
  background: var(--pwa-surface) !important;
  border-color: var(--pwa-border) !important;
  color: var(--pwa-text) !important;
}

body[data-color="1E202D"] .datepicker table tr td,
body[data-color="1E202D"] .datepicker table tr th,
body[data-color="1e202d"] .datepicker table tr td,
body[data-color="1e202d"] .datepicker table tr th {
  color: var(--pwa-text) !important;
}

body[data-color="1E202D"] .datepicker table tr td.day:hover,
body[data-color="1e202d"] .datepicker table tr td.day:hover,
body[data-color="1E202D"] .datepicker table tr td.focused,
body[data-color="1e202d"] .datepicker table tr td.focused {
  background: #2f3747 !important;
}

body[data-color="1E202D"] .datepicker table tr td.active,
body[data-color="1e202d"] .datepicker table tr td.active {
  background: #5b73e8 !important;
  color: #fff !important;
}

body[data-color="1E202D"] .note-editor,
body[data-color="1e202d"] .note-editor,
body[data-color="1E202D"] .note-toolbar,
body[data-color="1e202d"] .note-toolbar,
body[data-color="1E202D"] .note-statusbar,
body[data-color="1e202d"] .note-statusbar {
  background: var(--pwa-surface-soft) !important;
  border-color: var(--pwa-border) !important;
  color: var(--pwa-text) !important;
}

body[data-color="1E202D"] .note-editable,
body[data-color="1e202d"] .note-editable {
  background: #1d2330 !important;
  color: var(--pwa-text) !important;
}

body[data-color="1E202D"] .note-btn,
body[data-color="1e202d"] .note-btn {
  background: #2f3747 !important;
  border-color: #455065 !important;
  color: var(--pwa-text) !important;
}

body[data-color="1E202D"] .alert,
body[data-color="1e202d"] .alert {
  border-color: var(--pwa-border) !important;
}

body[data-color="1E202D"] .alert-info,
body[data-color="1e202d"] .alert-info {
  background: rgba(91, 115, 232, 0.14) !important;
  color: #c7d2fe !important;
}

body[data-color="1E202D"] .alert-warning,
body[data-color="1e202d"] .alert-warning {
  background: rgba(245, 159, 15, 0.14) !important;
  color: #fde68a !important;
}

body[data-color="1E202D"] .alert-danger,
body[data-color="1e202d"] .alert-danger {
  background: rgba(255, 61, 103, 0.14) !important;
  color: #fecdd3 !important;
}

body[data-color="1E202D"] .alert-success,
body[data-color="1e202d"] .alert-success {
  background: rgba(20, 186, 160, 0.14) !important;
  color: #99f6e4 !important;
}

body[data-color="1E202D"] hr,
body[data-color="1e202d"] hr,
body[data-color="1E202D"] .b-t,
body[data-color="1e202d"] .b-t,
body[data-color="1E202D"] .b-b,
body[data-color="1e202d"] .b-b,
body[data-color="1E202D"] .border,
body[data-color="1e202d"] .border {
  border-color: var(--pwa-border) !important;
}

body[data-color="1E202D"] .modal-backdrop.show,
body[data-color="1e202d"] .modal-backdrop.show {
  opacity: 0.68 !important;
}

body[data-color="1E202D"] ::selection,
body[data-color="1e202d"] ::selection {
  background: rgba(91, 115, 232, 0.55);
  color: #fff;
}

body[data-color="1E202D"] [style*="background:#fff"],
body[data-color="1e202d"] [style*="background:#fff"],
body[data-color="1E202D"] [style*="background: #fff"],
body[data-color="1e202d"] [style*="background: #fff"],
body[data-color="1E202D"] [style*="background-color:#fff"],
body[data-color="1e202d"] [style*="background-color:#fff"],
body[data-color="1E202D"] [style*="background-color: #fff"],
body[data-color="1e202d"] [style*="background-color: #fff"],
body[data-color="1E202D"] [style*="background: white"],
body[data-color="1e202d"] [style*="background: white"],
body[data-color="1E202D"] [style*="background-color: white"],
body[data-color="1e202d"] [style*="background-color: white"] {
  background: var(--pwa-surface) !important;
  border-color: var(--pwa-border) !important;
  color: var(--pwa-text) !important;
}

body[data-color="1E202D"] .modal-title,
body[data-color="1e202d"] .modal-title,
body[data-color="1E202D"] .close,
body[data-color="1e202d"] .close,
body[data-color="1E202D"] .btn-close,
body[data-color="1e202d"] .btn-close {
  color: var(--pwa-text) !important;
  opacity: 0.9 !important;
}

body[data-color="1E202D"] .close:hover,
body[data-color="1e202d"] .close:hover,
body[data-color="1E202D"] .btn-close:hover,
body[data-color="1e202d"] .btn-close:hover {
  color: #fff !important;
  opacity: 1 !important;
}

body[data-color="1E202D"] .fc,
body[data-color="1e202d"] .fc,
body[data-color="1E202D"] .fc-view,
body[data-color="1e202d"] .fc-view,
body[data-color="1E202D"] .fc-widget-content,
body[data-color="1e202d"] .fc-widget-content,
body[data-color="1E202D"] .fc-daygrid-day,
body[data-color="1e202d"] .fc-daygrid-day {
  background: var(--pwa-surface) !important;
  border-color: var(--pwa-border) !important;
  color: var(--pwa-text) !important;
}

body[data-color="1E202D"] .fc-widget-header,
body[data-color="1e202d"] .fc-widget-header,
body[data-color="1E202D"] .fc-col-header-cell,
body[data-color="1e202d"] .fc-col-header-cell {
  background: var(--pwa-surface-soft) !important;
  border-color: var(--pwa-border) !important;
  color: var(--pwa-muted) !important;
}

body[data-color="1E202D"] .fc-today,
body[data-color="1e202d"] .fc-today,
body[data-color="1E202D"] .fc-day-today,
body[data-color="1e202d"] .fc-day-today {
  background: rgba(91, 115, 232, 0.16) !important;
}

body[data-color="1E202D"] .fc-button,
body[data-color="1e202d"] .fc-button {
  background: #2f3747 !important;
  border-color: #455065 !important;
  color: var(--pwa-text) !important;
}

body[data-color="1E202D"] .dropzone,
body[data-color="1e202d"] .dropzone,
body[data-color="1E202D"] .post-dropzone,
body[data-color="1e202d"] .post-dropzone,
body[data-color="1E202D"] .upload-area,
body[data-color="1e202d"] .upload-area {
  background: var(--pwa-surface) !important;
  border-color: var(--pwa-border) !important;
  color: var(--pwa-text) !important;
}

body[data-color="1E202D"] .file-row,
body[data-color="1e202d"] .file-row,
body[data-color="1E202D"] .comment-row,
body[data-color="1e202d"] .comment-row,
body[data-color="1E202D"] .reply-row,
body[data-color="1e202d"] .reply-row,
body[data-color="1E202D"] .activity-row,
body[data-color="1e202d"] .activity-row,
body[data-color="1E202D"] .timeline-row,
body[data-color="1e202d"] .timeline-row {
  background: transparent !important;
  border-color: var(--pwa-border) !important;
  color: var(--pwa-text) !important;
}

body[data-color="1E202D"] .badge.bg-light,
body[data-color="1e202d"] .badge.bg-light,
body[data-color="1E202D"] .badge-light,
body[data-color="1e202d"] .badge-light {
  background: #30384a !important;
  color: var(--pwa-text) !important;
}

body[data-color="1E202D"] .progress,
body[data-color="1e202d"] .progress {
  background: #30384a !important;
}

body[data-color="1E202D"] .tooltip-inner,
body[data-color="1e202d"] .tooltip-inner,
body[data-color="1E202D"] .popover,
body[data-color="1e202d"] .popover {
  background: #111827 !important;
  border-color: var(--pwa-border) !important;
  color: var(--pwa-text) !important;
}

body[data-color="1E202D"] .popover-header,
body[data-color="1e202d"] .popover-header {
  background: #1d2330 !important;
  border-color: var(--pwa-border) !important;
  color: var(--pwa-text) !important;
}

body[data-color="1E202D"] .popover-body,
body[data-color="1e202d"] .popover-body {
  color: var(--pwa-text) !important;
}

/* Aprova Grow: tela interna do Job e timeline de aprovação. */
body[data-color="1E202D"] .ag-module,
body[data-color="1e202d"] .ag-module {
  --ag-canvas: var(--pwa-bg);
  --ag-surface: var(--pwa-surface);
  --ag-border: var(--pwa-border);
  --ag-border-strong: #4b5568;
  --ag-text: var(--pwa-text);
  --ag-muted: var(--pwa-muted);
}

body[data-color="1E202D"] .ag-module.page-wrapper,
body[data-color="1e202d"] .ag-module.page-wrapper,
body[data-color="1E202D"] .ag-job-layout,
body[data-color="1e202d"] .ag-job-layout {
  background: var(--pwa-bg) !important;
  color: var(--pwa-text) !important;
}

body[data-color="1E202D"] .ag-module .card,
body[data-color="1e202d"] .ag-module .card,
body[data-color="1E202D"] .ag-surface-card,
body[data-color="1e202d"] .ag-surface-card,
body[data-color="1E202D"] .approval-items-card,
body[data-color="1e202d"] .approval-items-card,
body[data-color="1E202D"] .approval-item-entry,
body[data-color="1e202d"] .approval-item-entry {
  background: var(--pwa-surface) !important;
  border-color: var(--pwa-border) !important;
  color: var(--pwa-text) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18) !important;
}

body[data-color="1E202D"] .ag-job-hero,
body[data-color="1e202d"] .ag-job-hero,
body[data-color="1E202D"] .ag-job-hero__body,
body[data-color="1e202d"] .ag-job-hero__body,
body[data-color="1E202D"] .approval-items-toolbar,
body[data-color="1e202d"] .approval-items-toolbar {
  background: var(--pwa-surface-soft) !important;
  border-color: var(--pwa-border) !important;
  color: var(--pwa-text) !important;
}

body[data-color="1E202D"] .ag-job-hero__title,
body[data-color="1E202D"] .approval-job-title,
body[data-color="1E202D"] .approval-section-title,
body[data-color="1E202D"] .approval-item-title,
body[data-color="1E202D"] .approval-item-history-title,
body[data-color="1e202d"] .ag-job-hero__title,
body[data-color="1e202d"] .approval-job-title,
body[data-color="1e202d"] .approval-section-title,
body[data-color="1e202d"] .approval-item-title,
body[data-color="1e202d"] .approval-item-history-title {
  color: var(--pwa-text) !important;
}

body[data-color="1E202D"] .ag-job-hero__desc,
body[data-color="1E202D"] .approval-job-description,
body[data-color="1E202D"] .approval-item-desc,
body[data-color="1E202D"] .approval-item-desc *,
body[data-color="1E202D"] .approval-item-scheduled-at,
body[data-color="1E202D"] .approval-item-meta,
body[data-color="1E202D"] .approval-item-history-user,
body[data-color="1E202D"] .approval-item-history-date,
body[data-color="1E202D"] .approval-item-history-detail,
body[data-color="1e202d"] .ag-job-hero__desc,
body[data-color="1e202d"] .approval-job-description,
body[data-color="1e202d"] .approval-item-desc,
body[data-color="1e202d"] .approval-item-desc *,
body[data-color="1e202d"] .approval-item-scheduled-at,
body[data-color="1e202d"] .approval-item-meta,
body[data-color="1e202d"] .approval-item-history-user,
body[data-color="1e202d"] .approval-item-history-date,
body[data-color="1e202d"] .approval-item-history-detail {
  color: var(--pwa-muted) !important;
}

body[data-color="1E202D"] .approval-item-thumb-wrap,
body[data-color="1E202D"] .approval-item-thumb-empty,
body[data-color="1E202D"] .approval-item-thumb-lazy,
body[data-color="1e202d"] .approval-item-thumb-wrap,
body[data-color="1e202d"] .approval-item-thumb-empty,
body[data-color="1e202d"] .approval-item-thumb-lazy {
  background: #171d29 !important;
  border-color: var(--pwa-border) !important;
  color: var(--pwa-muted) !important;
}

body[data-color="1E202D"] .approval-item-history,
body[data-color="1e202d"] .approval-item-history {
  border-left-color: #536079 !important;
}

body[data-color="1E202D"] .approval-item-timeline-scroll,
body[data-color="1e202d"] .approval-item-timeline-scroll {
  scrollbar-color: #536079 #222a3a !important;
}

body[data-color="1E202D"] .approval-item-timeline-scroll::-webkit-scrollbar-track,
body[data-color="1e202d"] .approval-item-timeline-scroll::-webkit-scrollbar-track {
  background: #222a3a !important;
}

body[data-color="1E202D"] .approval-item-timeline-scroll::-webkit-scrollbar-thumb,
body[data-color="1e202d"] .approval-item-timeline-scroll::-webkit-scrollbar-thumb {
  background: #536079 !important;
}

body[data-color="1E202D"] .approval-item-timeline:before,
body[data-color="1e202d"] .approval-item-timeline:before {
  border-left-color: #536079 !important;
}

body[data-color="1E202D"] .approval-item-timeline-dot,
body[data-color="1e202d"] .approval-item-timeline-dot {
  border-color: #252b38 !important;
}

body[data-color="1E202D"] .approval-item-timeline-card,
body[data-color="1e202d"] .approval-item-timeline-card {
  background: #252b38 !important;
  border-color: #44506a !important;
  color: var(--pwa-text) !important;
}

body[data-color="1E202D"] .approval-item-timeline-event-success .approval-item-timeline-card,
body[data-color="1e202d"] .approval-item-timeline-event-success .approval-item-timeline-card {
  background: rgba(20, 186, 160, 0.12) !important;
  border-color: rgba(20, 186, 160, 0.35) !important;
}

body[data-color="1E202D"] .approval-item-timeline-event-warning .approval-item-timeline-card,
body[data-color="1e202d"] .approval-item-timeline-event-warning .approval-item-timeline-card {
  background: rgba(245, 159, 15, 0.12) !important;
  border-color: rgba(245, 159, 15, 0.36) !important;
}

body[data-color="1E202D"] .approval-toolbar-search,
body[data-color="1e202d"] .approval-toolbar-search,
body[data-color="1E202D"] .approval-toolbar-date-field .form-control,
body[data-color="1e202d"] .approval-toolbar-date-field .form-control,
body[data-color="1E202D"] .approval-toolbar-sort .form-control,
body[data-color="1e202d"] .approval-toolbar-sort .form-control {
  background: #1d2330 !important;
  border-color: #3a4354 !important;
  color: var(--pwa-text) !important;
}

body[data-color="1E202D"] .approval-status-chip,
body[data-color="1e202d"] .approval-status-chip {
  background: #252b38 !important;
  border-color: #3a4354 !important;
  color: var(--pwa-muted) !important;
}

body[data-color="1E202D"] .approval-status-chip.is-active,
body[data-color="1e202d"] .approval-status-chip.is-active {
  background: #5b73e8 !important;
  border-color: #5b73e8 !important;
  color: #fff !important;
}

body[data-color="1E202D"] .approval-item-action-icon,
body[data-color="1e202d"] .approval-item-action-icon {
  background: #252b38 !important;
  border-color: #3a4354 !important;
  color: #c7d2fe !important;
}

body[data-color="1E202D"] .approval-item-action-icon--status,
body[data-color="1e202d"] .approval-item-action-icon--status {
  color: #99f6e4 !important;
}

body[data-color="1E202D"] .approval-item-action-icon--delete,
body[data-color="1e202d"] .approval-item-action-icon--delete {
  color: #fecdd3 !important;
}