/*
  Final dark-theme depth layer for the authenticated application.
  This file is intentionally loaded after every view stylesheet so older
  component rules cannot bring back the medium-gray panel palette.
*/

html[data-theme="dark"] body.has-app-sidebar{
  --mhd-dark-canvas: #020202;
  --mhd-dark-panel: #030303;
  --mhd-dark-raised: #070707;
  --mhd-dark-card: #0d0d0d;
  --mhd-dark-control: #070707;
  --mhd-dark-border: #202020;
  --mhd-dark-border-strong: #292929;

  --bg: var(--mhd-dark-canvas);
  --bg2: var(--mhd-dark-canvas);
  --surface: var(--mhd-dark-panel);
  --surface2: var(--mhd-dark-raised);
  --glass: var(--mhd-dark-panel);
  --mhd-solid-bg: var(--mhd-dark-canvas);
  --mhd-solid-chrome: var(--mhd-dark-panel);
  --mhd-solid-panel: var(--mhd-dark-panel);
  --mhd-solid-panel-strong: var(--mhd-dark-raised);
  --mhd-solid-section: var(--mhd-dark-panel);
  --mhd-solid-card: var(--mhd-dark-card);
  --mhd-solid-card-inner: var(--mhd-dark-card);
  --mhd-solid-control: var(--mhd-dark-control);
  --mhd-panel-bg: var(--mhd-dark-panel);
  --mhd-panel-bg-strong: var(--mhd-dark-raised);
  --mhd-control-bg: var(--mhd-dark-control);
  --tk-panel-bg: var(--mhd-dark-panel);
  --tk-head-bg: var(--mhd-dark-panel);
  --mhd-tab-shell-bg: var(--mhd-dark-panel);
  --mhd-panel-head-bg: var(--mhd-dark-raised);
  --mhd-table-head-modern-bg: var(--mhd-dark-raised);

  background: var(--mhd-dark-canvas) !important;
  background-image: none !important;
}

html[data-theme="dark"] body.has-app-sidebar :is(.main, .content-wrap, .page){
  background: var(--mhd-dark-canvas) !important;
  background-image: none !important;
}

/* Large grouping surfaces: page heads, searches, filters and sections. */
html[data-theme="dark"] body.has-app-sidebar :is(
  .glass,
  .card.glass,
  section.card,
  details.card,
  .tk-head,
  .toolbar,
  .tk-view-tabs,
  .tabsbar,
  .seg-tabs,
  .filters,
  .tk-filters,
  .mhd-filterbar,
  .reports-panel,
  .reports-filters,
  .reports-filters-wrap,
  .form-section,
  .profile-section,
  .table-wrap,
  .docs-topbar,
  .docs-card,
  .company-tab-panel,
  .holiday-panel,
  .modal__dialog,
  .drawer__panel
){
  background: var(--mhd-dark-panel) !important;
  background-image: none !important;
  border-color: var(--mhd-dark-border) !important;
  box-shadow: none !important;
}

/* Raised content remains visible without returning to a conspicuous gray. */
html[data-theme="dark"] body.has-app-sidebar :is(
  .section-head,
  .modal__header,
  .drawer__header,
  .table thead th,
  .company-panel-head,
  .docs-editor__head,
  .docs-list-head
){
  background: var(--mhd-dark-raised) !important;
  background-image: none !important;
  border-color: var(--mhd-dark-border) !important;
  box-shadow: none !important;
}

/* High-specificity Kanban guard for the legacy #111111 rules. */
html[data-theme="dark"] body.has-app-sidebar #ticketsKanbanPage,
html[data-theme="dark"] body.has-app-sidebar #ticketsKanbanPage.page-chamados-kanban,
html[data-theme="dark"] body.has-app-sidebar #ticketsKanbanPage .tkb-shell{
  background: var(--mhd-dark-canvas) !important;
  background-image: none !important;
}

html[data-theme="dark"] body.has-app-sidebar #ticketsKanbanPage .tkb-shell > .card.glass,
html[data-theme="dark"] body.has-app-sidebar #ticketsKanbanPage .tk-head,
html[data-theme="dark"] body.has-app-sidebar #ticketsKanbanPage .tk-view-tabs,
html[data-theme="dark"] body.has-app-sidebar #ticketsKanbanPage .tkb-topbar,
html[data-theme="dark"] body.has-app-sidebar #ticketsKanbanPage .tk-filters,
html[data-theme="dark"] body.has-app-sidebar #ticketsKanbanPage .tkb-filters,
html[data-theme="dark"] body.has-app-sidebar #ticketsKanbanPage .tkb-column{
  background: var(--mhd-dark-panel) !important;
  background-image: none !important;
  border-color: var(--mhd-dark-border) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

html[data-theme="dark"] body.has-app-sidebar #ticketsKanbanPage :is(
  .tkb-card,
  .tkb-column-head,
  .tk-default-view-toggle,
  .tk-kpi-filter-btn,
  .tkb-check
){
  background: var(--mhd-dark-card) !important;
  background-image: none !important;
  border-color: var(--mhd-dark-border-strong) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.has-app-sidebar :is(
  input,
  select,
  textarea,
  .input,
  .ss-input,
  .search input,
  .searchbar__input,
  .mhd-filterbar__search-control
):not([type="checkbox"]):not([type="radio"]){
  background: var(--mhd-dark-control) !important;
  background-image: none !important;
  border-color: var(--mhd-dark-border-strong) !important;
}

/* Login e componentes globais que ainda herdavam o antigo azul Slate. */
html[data-theme="dark"] body.is-login{
  --bg: #020202;
  --bg2: #050505;
  --surface: #030303;
  --surface2: #070707;
  background: #020202 !important;
  background-image: none !important;
}

html[data-theme="dark"] body.is-login :is(.auth-hero, .auth-card){
  border-color: #202020 !important;
  background: #030303 !important;
  background-image: none !important;
  box-shadow: 0 24px 70px rgb(0 0 0 / .38), 0 1px 0 rgb(255 255 255 / .04) inset !important;
}

html[data-theme="dark"] body.is-login :is(.auth-input, .auth-feature, .auth-landing-link--hero, .auth-landing-pulse span){
  border-color: #292929 !important;
  background: #070707 !important;
  background-image: none !important;
}

html[data-theme="dark"] body.has-app-sidebar :is(
  .mhd-table-action-dock,
  .mhd-table-sticky-head,
  .mhd-dock-more-popover
){
  border-color: var(--mhd-dark-border-strong) !important;
  background: var(--mhd-dark-raised) !important;
  background-image: none !important;
  box-shadow: 0 24px 78px rgb(0 0 0 / .58) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-theme="dark"] body.has-app-sidebar .page-dashboard :is(
  .dash-cal-board,
  .dash-day,
  .dash-list__row,
  .dash-note-card
){
  border-color: var(--mhd-dark-border) !important;
  background: var(--mhd-dark-card) !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Camada final do monitoramento: elimina todos os fundos Slate legados. */
html[data-theme="dark"] body.is-monitoramento{
  --mon-bg: #020202;
  --mon-bg-2: #020202;
  --mon-panel: #030303;
  --mon-card: #0d0d0d;
  background: #020202 !important;
  background-image: none !important;
}

html[data-theme="dark"] body.is-monitoramento :is(.page-monitoramento, .mon-kanban){
  background: #020202 !important;
  background-image: none !important;
}

html[data-theme="dark"] body.is-monitoramento :is(.mon-top, .mon-panel, .mon-kpi){
  background: #030303 !important;
  background-image: none !important;
}

html[data-theme="dark"] body.is-monitoramento :is(
  .mon-portfolio-marquee,
  .mon-clock > div,
  .mon-return,
  .mon-attendants-chart,
  .mon-attendants-table-wrap,
  .mon-col,
  .mon-empty
){
  background: #070707 !important;
  background-image: none !important;
}

html[data-theme="dark"] body.is-monitoramento :is(
  .mon-portfolio-chip,
  .mon-attendants-table th,
  .mon-attendants-kpis span,
  .mon-attendants-kpis em,
  .mon-col header,
  .mon-ticket,
  .mon-feed__item
){
  background: #0d0d0d !important;
  background-image: none !important;
}

html[data-theme="dark"] body.is-monitoramento .mon-panel--agenda .mon-feed__item:nth-of-type(n+3){
  display: grid !important;
}