/* Mix Fiscal Design System - padrao de pagina, lista e barra de ferramentas.
   Nasceu em Projetos e Tarefas e foi promovido para valer em qualquer modulo (docs/design-system-v1.md).
   :is(.management-page, *) mantem a especificidade original e tira o escopo do modulo.
   :is(.task-table-wrap, .mix-data-table-wrap--entity) faz toda MixUI.dataTable receber o visual sozinha.
   Os nomes task-* seguem como apelidos historicos; componentes novos entram aqui, nunca no CSS de um modulo. */

/* Tokens de vidro do padrao: globais, para qualquer pagina. */
html[data-mix-theme="mix-fiscal-default"] body { --task-glass: linear-gradient(135deg, rgb(255 255 255 / 72%), rgb(255 255 255 / 46%)); --task-glass-border: rgb(255 255 255 / 85%); --task-glass-shadow: 0 18px 40px -22px rgb(24 66 110 / 38%), 0 2px 6px -3px rgb(24 66 110 / 14%), inset 0 1px 0 rgb(255 255 255 / 95%); }

html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-command {
  min-width: 0;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-command-toolbar {
  margin: 0 0 12px;
}
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-command-views {
  border-color: rgb(255 255 255 / 72%);
  background: rgb(255 255 255 / 58%);
  box-shadow: 0 12px 30px rgb(23 57 92 / 10%), inset 0 1px 0 rgb(255 255 255 / 84%);
  backdrop-filter: blur(18px) saturate(135%);
}
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-list-head {
  padding: 0 2px 2px;
  color: var(--mix-ink, #0e2238);
}
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) :is(.task-table-wrap, .mix-data-table-wrap--entity) {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) :is(.task-table-wrap, .mix-data-table-wrap--entity) .mix-data-table__viewport {
  background: transparent !important;
}
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) :is(.task-table-wrap, .mix-data-table-wrap--entity) table {
  border: 0 !important;
  border-radius: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 8px !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-mix-theme="mix-fiscal-default"] body #app .template-shell .template-page--halo-module
  :is(.management-page, *) :is(.task-table-wrap, .mix-data-table-wrap--entity) table.mix-data-table {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) :is(.task-table-wrap, .mix-data-table-wrap--entity) thead th {
  border: 0 !important;
  background: transparent !important;
  color: var(--mix-muted, #6b7c91) !important;
}
html[data-mix-theme="mix-fiscal-default"] body #app .template-shell .template-page--halo-module
  :is(.management-page, *) :is(.task-table-wrap, .mix-data-table-wrap--entity) table.mix-data-table thead th {
  border: 0 !important;
  background: transparent !important;
  color: var(--mix-muted, #6b7c91) !important;
  box-shadow: none !important;
}
html[data-mix-theme="mix-fiscal-default"] body #app .template-shell .template-page--halo-module
  :is(.management-page, *) :is(.task-table-wrap, .mix-data-table-wrap--entity) table.mix-data-table thead {
  background: transparent !important;
  box-shadow: none !important;
}
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) :is(.task-table-wrap, .mix-data-table-wrap--entity) table.mix-data-table tbody {
  background: transparent !important;
}
/* Lista: cada linha e um cartao flutuante, como no Kanban. O seletor repete table.mix-data-table e
   tr > td para vencer zebra, hover e selecao do Design System (mix-fiscal-components.css). */
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) :is(.task-table-wrap, .mix-data-table-wrap--entity) table.mix-data-table tbody tr,
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) :is(.task-table-wrap, .mix-data-table-wrap--entity) table.mix-data-table tbody tr:hover,
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) :is(.task-table-wrap, .mix-data-table-wrap--entity) table.mix-data-table tbody tr.is-selected {
  background: transparent !important;
  transition: transform 160ms ease;
}
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) :is(.task-table-wrap, .mix-data-table-wrap--entity) table.mix-data-table tbody tr > td,
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) :is(.task-table-wrap, .mix-data-table-wrap--entity) table.mix-data-table tbody tr:nth-child(even) > td {
  height: 54px;
  padding: 9px 14px !important;
  vertical-align: middle !important;
  border: 0 !important;
  border-top: 1px solid rgb(255 255 255 / 88%) !important;
  border-bottom: 1px solid rgb(255 255 255 / 60%) !important;
  background: rgb(255 255 255 / 80%) !important;
  box-shadow: 0 16px 26px -16px rgb(19 55 92 / 22%) !important;
  color: var(--mix-body, #51617a);
}
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) :is(.task-table-wrap, .mix-data-table-wrap--entity) table.mix-data-table tbody tr > td:first-child {
  border-left: 2px solid var(--stage-color, var(--mix-blue, #1478c9)) !important;
  border-radius: 15px 0 0 15px;
}
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) :is(.task-table-wrap, .mix-data-table-wrap--entity) table.mix-data-table tbody tr > td:last-child {
  border-right: 1px solid rgb(255 255 255 / 88%) !important;
  border-radius: 0 15px 15px 0;
}
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) :is(.task-table-wrap, .mix-data-table-wrap--entity) table.mix-data-table tbody tr:hover {
  transform: translateY(-2px);
}
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) :is(.task-table-wrap, .mix-data-table-wrap--entity) table.mix-data-table tbody tr:hover > td,
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) :is(.task-table-wrap, .mix-data-table-wrap--entity) table.mix-data-table tbody tr:focus-within > td {
  background: rgb(255 255 255 / 96%) !important;
  box-shadow: 0 22px 32px -16px rgb(19 55 92 / 30%) !important;
  color: var(--mix-ink, #0e2238);
}
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) :is(.task-table-wrap, .mix-data-table-wrap--entity) table.mix-data-table tbody tr.is-selected > td,
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) :is(.task-table-wrap, .mix-data-table-wrap--entity) table.mix-data-table tbody tr.is-selected:hover > td {
  background: rgb(232 244 253 / 94%) !important;
}
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) :is(.task-table-wrap, .mix-data-table-wrap--entity) table.mix-data-table tbody tr.is-selected > td:first-child {
  border-left-color: var(--mix-blue, #1478c9) !important;
  box-shadow: 0 16px 26px -16px rgb(19 55 92 / 22%) !important;
}
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) :is(.task-table-wrap, .mix-data-table-wrap--entity) .task-list-title {
  display: grid;
  gap: 2px;
  min-width: 220px;
  max-width: 420px;
}
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) :is(.task-table-wrap, .mix-data-table-wrap--entity) .task-list-title strong {
  overflow: hidden;
  color: var(--mix-ink, #0e2238);
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) :is(.task-table-wrap, .mix-data-table-wrap--entity) .task-list-title small {
  color: var(--mix-muted, #6b7c91);
  font-size: 11px;
}
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) :is(.task-table-wrap, .mix-data-table-wrap--entity) .task-list-person {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 190px;
}
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) :is(.task-table-wrap, .mix-data-table-wrap--entity) .task-list-person .task-page-avatar {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  font-size: 10px;
}
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) :is(.task-table-wrap, .mix-data-table-wrap--entity) .task-list-person > span:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html[data-mix-theme="mix-fiscal-default"] body #app .template-shell .template-page--halo-module
  :is(.management-page, *) :is(.task-table-wrap, .mix-data-table-wrap--entity) table.mix-data-table thead tr {
  background: transparent !important;
}
/* backdrop-filter no invólucro viraria o bloco de referencia do position: fixed da caixa de acoes. */
html[data-mix-theme="mix-fiscal-default"] body #app .template-shell :is(.management-page, *) :is(.task-table-wrap, .mix-data-table-wrap--entity).mix-data-table-wrap {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
/* Caixa de acoes da Lista: doca de vidro fixa na base da tela enquanto ha tarefas selecionadas. */
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) :is(.task-table-wrap, .mix-data-table-wrap--entity) .mix-data-table-actions:not([hidden]) {
  position: fixed !important;
  z-index: 60;
  right: auto !important;
  bottom: 22px !important;
  /* #298: alinhada à esquerda da área da lista (posição medida pela DS em placeTableActionBars). */
  left: var(--mix-table-actions-left, 50%) !important;
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  width: max-content !important;
  max-width: var(--mix-table-actions-max, min(1120px, calc(100vw - 200px)));
  margin: 0 !important;
  padding: 10px 14px !important;
  transform: var(--mix-table-actions-shift, translateX(-50%));
  border: 1px solid rgb(255 255 255 / 82%) !important;
  border-radius: 18px !important;
  background: rgb(255 255 255 / 78%) !important;
  box-shadow: 0 26px 64px rgb(19 55 92 / 24%), inset 0 1px 0 rgb(255 255 255 / 90%) !important;
  backdrop-filter: blur(24px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(140%) !important;
}
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-list-shell {
  padding-bottom: 84px;
}
@media (max-width: 760px) {
  html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) :is(.task-table-wrap, .mix-data-table-wrap--entity) .mix-data-table-actions:not([hidden]) {
    right: 10px !important;
    left: 10px !important;
    width: auto !important;
    max-width: none;
    transform: none;
  }
}
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) :is(.task-table-wrap, .mix-data-table-wrap--entity) table.mix-data-table thead th,
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) :is(.task-table-wrap, .mix-data-table-wrap--entity) table.mix-data-table tbody td[data-mix-column="project"],
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) :is(.task-table-wrap, .mix-data-table-wrap--entity) table.mix-data-table tbody td[data-mix-column="created"],
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) :is(.task-table-wrap, .mix-data-table-wrap--entity) table.mix-data-table tbody td[data-mix-column="updated"] {
  white-space: nowrap;
}
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-more.task-list-column-options {
  grid-template-columns: repeat(3, minmax(190px, 1fr));
  gap: 1px 14px;
  width: min(680px, calc(100vw - 48px));
}
@media (max-width: 760px) {
  html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-more.task-list-column-options {
    grid-template-columns: 1fr;
    width: 300px;
  }
}
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) :is(.task-table-wrap, .mix-data-table-wrap--entity) table.mix-data-table tbody tr.is-clickable {
  cursor: pointer;
}
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) :is(.task-table-wrap, .mix-data-table-wrap--entity) table.mix-data-table tbody tr.is-clickable:hover > td:first-child {
  box-shadow: 0 22px 32px -16px rgb(19 55 92 / 30%) !important;
}
/* Ordenacao aplicada aparece acima da lista; paginacao fica no canto inferior direito. */
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) :is(.task-table-wrap, .mix-data-table-wrap--entity).mix-data-table-wrap {
  display: flex;
  flex-direction: column;
}
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) :is(.task-table-wrap, .mix-data-table-wrap--entity) .mix-data-table__sort-summary:not([hidden]) {
  order: -1;
  align-self: flex-start;
  min-height: 0;
  margin: 0 2px 4px;
  padding: 0;
  border: 0;
  background: transparent;
}
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-list-footer {
  display: flex !important;
  align-items: center;
  justify-content: flex-end !important;
  gap: 12px;
  margin-top: 6px;
  padding: 0 2px;
  font-size: 12px;
}
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-list-footer :is(.task-page-size, .mix-pagination__select) {
  width: auto;
  min-height: 30px;
  padding: 0 26px 0 10px;
  border: 1px solid rgb(255 255 255 / 80%);
  border-radius: 999px;
  background-color: rgb(255 255 255 / 62%);
  box-shadow: 0 8px 20px rgb(23 57 92 / 8%);
  color: var(--mix-ink, #0e2238);
  font-size: 12px;
}
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-list-footer .task-list-pager {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-list-footer .task-list-pager strong {
  min-width: 44px;
  color: var(--mix-ink, #0e2238);
  font-weight: 600;
  text-align: center;
}
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) :is(.task-table-wrap, .mix-data-table-wrap--entity) .task-row-actions {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 2px;
}
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .pagination-bar {
  color: var(--mix-muted, #6b7c91);
}
@media (max-width: 760px) {
  html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-command-toolbar {
    overflow-x: auto;
    padding-bottom: 2px;
  }
}
html[data-mix-theme="mix-fiscal-default"] .mix-module-page-header__tools .mix-page-toolbar.task-page-toolbar { display: inline-flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
html[data-mix-theme="mix-fiscal-default"] .task-page-toolbar .task-toolbar-group { display: inline-flex; align-items: center; gap: 2px; flex: none; }
html[data-mix-theme="mix-fiscal-default"] .task-page-toolbar .task-toolbar-sep { display: block; width: 1px; height: 18px; margin: 0 8px; flex: none; background: rgb(36 54 81 / 16%); }
html[data-mix-theme="mix-fiscal-default"] .task-page-toolbar .task-toolbar-group .mix-icon-button:not(.mix-icon-button--primary) { width: 32px !important; min-width: 32px !important; height: 32px !important; min-height: 32px !important; border: 0 !important; border-radius: 10px !important; background: transparent !important; box-shadow: none !important; color: var(--mix-ink-2) !important; }
html[data-mix-theme="mix-fiscal-default"] .task-page-toolbar .task-toolbar-group .mix-icon-button:not(.mix-icon-button--primary):hover { background: var(--mix-icon-bare-background-hover) !important; }
/* Modo ativo identificado como os filtros de escopo: pastilha clara com contorno azul. */
html[data-mix-theme="mix-fiscal-default"] .task-page-toolbar .task-toolbar-group .mix-icon-button.is-active:not(.mix-icon-button--primary) { border: 0 !important; background: rgb(255 255 255 / 85%) !important; color: var(--mix-blue-deep) !important; box-shadow: inset 0 0 0 1.5px var(--mix-blue) !important; }
html[data-mix-theme="mix-fiscal-default"] .task-page-toolbar .task-toolbar-group .mix-icon-button svg { width: 16px !important; height: 16px !important; }
html[data-mix-theme="mix-fiscal-default"] .task-page-toolbar .task-toolbar-group .mix-icon-button--primary { width: 32px !important; min-width: 32px !important; height: 32px !important; min-height: 32px !important; margin-left: 6px; border-radius: 16px !important; }
/* Escopo rapido: selecionado com borda azul, nunca preto. */
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-context-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px 14px; margin: -4px 0 16px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-scope-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-scope-chip { height: 26px !important; min-height: 26px !important; padding: 0 11px !important; border: 0 !important; border-radius: 999px !important; background: rgb(255 255 255 / 45%) !important; box-shadow: none !important; color: var(--mix-body) !important; font-size: 12px !important; font-weight: 500 !important; cursor: pointer; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-scope-chip:hover { background: rgb(255 255 255 / 70%) !important; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-scope-chip.is-active { background: rgb(255 255 255 / 85%) !important; color: var(--mix-blue-deep) !important; font-weight: 600 !important; box-shadow: inset 0 0 0 1.5px var(--mix-blue) !important; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-card-id { padding: 3px 8px; border-radius: 8px; background: rgb(20 112 184 / 10%); color: var(--mix-blue-deep); font-size: 11px; font-weight: 700; letter-spacing: .02em; font-variant-numeric: tabular-nums; }
/* Botoes gerados pelo componente iconButton (ex.: colunas da Lista) nascem "boxed"; na barra da aba seguem a anatomia bare. */
html[data-mix-theme="mix-fiscal-default"] body .task-page-toolbar .task-toolbar-group [data-mix-component="icon-button"].mix-icon-button--boxed:not(.mix-icon-button--primary):not(.is-active) { border-color: transparent !important; background: transparent !important; box-shadow: none !important; }
/* Icones de filtro: ponto azul quando o valor difere do padrao, mesmo com o segundo andar fechado. */
html[data-mix-theme="mix-fiscal-default"] .task-page-toolbar .task-toolbar-panel-toggle { position: relative; }
html[data-mix-theme="mix-fiscal-default"] .task-page-toolbar .task-toolbar-panel-toggle.has-value::after { content: ""; position: absolute; top: 5px; right: 5px; width: 6px; height: 6px; border-radius: 50%; background: var(--mix-blue); box-shadow: 0 0 0 2px rgb(255 255 255 / 90%); }
/* Icone de ferramenta ativo mantem o estado tambem sob o mouse (o hover nao pode apagar a associacao). */
html[data-mix-theme="mix-fiscal-default"] .task-page-toolbar .task-toolbar-group .mix-icon-button.is-active:not(.mix-icon-button--primary):hover,
html[data-mix-theme="mix-fiscal-default"] .task-page-toolbar .task-toolbar-group .mix-icon-button.is-active:not(.mix-icon-button--primary):focus-visible { border: 0 !important; background: rgb(255 255 255 / 92%) !important; color: var(--mix-blue-deep) !important; box-shadow: inset 0 0 0 1.5px var(--mix-blue) !important; }
/* Bandeja do segundo andar: vidro com a mesma borda azul do icone ativo e seta apontando para ele. */
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-toolbar-tray { position: relative; display: inline-flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; max-width: 100%; padding: 8px 12px; border-radius: 16px; background: linear-gradient(135deg, rgb(255 255 255 / 78%), rgb(255 255 255 / 52%)); box-shadow: inset 0 0 0 1.5px var(--mix-blue), 0 18px 40px -24px rgb(20 112 184 / 45%); backdrop-filter: blur(26px) saturate(1.6); -webkit-backdrop-filter: blur(26px) saturate(1.6); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-toolbar-tray::before { content: ""; position: absolute; top: -6px; left: var(--task-tray-caret-x, calc(100% - 24px)); width: 10px; height: 10px; margin-left: -5px; border-top: 1.5px solid var(--mix-blue); border-left: 1.5px solid var(--mix-blue); border-top-left-radius: 3px; background: rgb(255 255 255 / 92%); transform: rotate(45deg); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-toolbar-tray-label { color: var(--mix-blue-deep); font-size: 11px; font-weight: 600; letter-spacing: .01em; white-space: nowrap; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-context-row { margin-top: 2px; }
/* Nova tarefa: acao principal em pastilha com rotulo, como no prototipo. */
html[data-mix-theme="mix-fiscal-default"] .task-page-toolbar .task-toolbar-group .mix-icon-button--primary.task-new-button { display: inline-flex !important; align-items: center; gap: 6px; width: auto !important; min-width: 0 !important; height: 32px !important; min-height: 32px !important; margin-left: 8px; padding: 0 14px 0 10px !important; border-radius: 16px !important; font-size: 12.5px; font-weight: 600; box-shadow: 0 8px 18px -8px rgb(20 112 184 / 70%) !important; }
html[data-mix-theme="mix-fiscal-default"] .task-page-toolbar .task-new-button span { white-space: nowrap; }
@media (max-width: 900px) {
  html[data-mix-theme="mix-fiscal-default"] .task-page-toolbar .task-new-button span { display: none; }
  html[data-mix-theme="mix-fiscal-default"] .task-page-toolbar .task-toolbar-group .mix-icon-button--primary.task-new-button { width: 32px !important; padding: 0 !important; justify-content: center; }
}
/* Nova tarefa: rotulo sempre branco; o "+" acende em verde claro no hover/foco. */
html[data-mix-theme="mix-fiscal-default"] body .task-page-toolbar .task-toolbar-group .mix-icon-button--primary.task-new-button,
html[data-mix-theme="mix-fiscal-default"] body .task-page-toolbar .task-toolbar-group .mix-icon-button--primary.task-new-button span { color: #fff !important; }
html[data-mix-theme="mix-fiscal-default"] body .task-page-toolbar .task-new-button svg { color: #fff !important; stroke: currentColor !important; transition: color 140ms ease, filter 140ms ease; }
html[data-mix-theme="mix-fiscal-default"] body .task-page-toolbar .task-new-button:hover svg,
html[data-mix-theme="mix-fiscal-default"] body .task-page-toolbar .task-new-button:focus-visible svg { color: #9af0bd !important; filter: drop-shadow(0 0 5px rgb(154 240 189 / 75%)); }
@media (prefers-reduced-motion: reduce) {
  html[data-mix-theme="mix-fiscal-default"] body .task-page-toolbar .task-new-button svg { transition: none; }
}
/* Busca da aba Tarefas (public/task-search.js): bandeja do segundo andar, busca rapida e avancada. */
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-toolbar-tray--search { display: block; width: min(640px, 100%); padding: 12px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-toolbar-tray--search:has(.task-search.is-advanced) { width: min(920px, 100%); padding: 0; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search { display: grid; grid-template-columns: minmax(0, 1fr); text-align: left; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search.is-advanced { grid-template-columns: 220px minmax(0, 1fr); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search.is-advanced .task-search-main { padding: 12px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-main { display: grid; gap: 8px; min-width: 0; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-saved { display: flex; flex-direction: column; gap: 2px; min-width: 0; padding: 12px; border-right: 1px solid rgb(36 54 81 / 10%); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-eyebrow { display: block; margin: 4px 2px 2px; color: var(--mix-muted); font-size: 10.5px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-input { display: flex; align-items: center; gap: 10px; height: 40px; padding: 0 12px; border-radius: 12px; background: rgb(255 255 255 / 92%); box-shadow: inset 0 0 0 1px rgb(165 190 215 / 70%); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-input:focus-within { box-shadow: inset 0 0 0 1.5px var(--mix-blue); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-input svg { width: 16px; height: 16px; flex: none; fill: none; stroke: var(--mix-blue-deep); stroke-width: 1.9; stroke-linecap: round; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-input input { flex: 1; min-width: 0; height: 36px !important; min-height: 0 !important; padding: 0 !important; border: 0 !important; outline: 0 !important; background: transparent !important; box-shadow: none !important; color: var(--mix-ink); font-size: 14px; font-weight: 500; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search kbd { display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 5px; background: rgb(36 54 81 / 8%); color: var(--mix-body); font: 600 10.5px var(--mix-font-sans); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-pills { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-spacer { flex: 1; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-pill { display: inline-flex; align-items: center; gap: 6px; height: 24px; padding: 0 6px 0 10px; border: 0; border-radius: 999px; background: rgb(255 255 255 / 85%); box-shadow: inset 0 0 0 1.5px var(--mix-blue); color: var(--mix-blue-deep); font-size: 11.5px; font-weight: 600; cursor: pointer; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-pill svg, :is(.management-page, *) .task-search-remove svg { width: 11px; height: 11px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-ghost { height: 26px; padding: 0 10px; border: 1px dashed rgb(36 54 81 / 30%); border-radius: 999px; background: transparent; color: var(--mix-body); font-size: 11.5px; font-weight: 500; cursor: pointer; align-self: flex-start; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-ghost.is-plain { border-color: transparent; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-ghost.is-accent { border-style: solid; border-color: var(--mix-blue); color: var(--mix-blue-deep); font-weight: 600; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-link { padding: 0; border: 0; background: transparent; color: var(--mix-blue-deep); font-size: 11.5px; font-weight: 600; cursor: pointer; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-hint { margin: 6px 2px; color: var(--mix-muted); font-size: 12px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-hint.is-error { color: var(--mix-danger); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-results { display: grid; gap: 2px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-result { display: flex; align-items: center; gap: 10px; width: 100%; padding: 8px 10px; border: 0; border-radius: 12px; background: transparent; color: var(--mix-ink); text-align: left; cursor: pointer; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-result:hover, :is(.management-page, *) .task-search-result:focus-visible, :is(.management-page, *) .task-search-result.is-first { background: rgb(20 112 184 / 9%); box-shadow: inset 0 0 0 1px rgb(20 112 184 / 22%); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-result-body { flex: 1; min-width: 0; display: grid; gap: 2px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-result-body b { overflow: hidden; font-size: 12.5px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-result-body small { display: flex; align-items: center; gap: 6px; color: var(--mix-body); font-size: 11px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-result-body small i { width: 7px; height: 7px; flex: none; border-radius: 50%; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-result-person { flex: none; max-width: 140px; overflow: hidden; color: var(--mix-body); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-criteria { display: grid; gap: 8px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-criterion { display: grid; grid-template-columns: 140px 140px minmax(0, 1fr) 26px; gap: 8px; align-items: start; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-criterion-label { padding-top: 8px; color: var(--mix-body); font-size: 12px; font-weight: 600; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-criterion select[multiple] { height: auto !important; padding: 4px !important; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-range { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-novalue { padding-top: 8px; color: var(--mix-faint); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-remove { display: grid; place-items: center; width: 26px; height: 26px; margin-top: 3px; padding: 0; border: 0; border-radius: 8px; background: transparent; color: var(--mix-body); cursor: pointer; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-remove:hover { background: var(--mix-danger-050); color: var(--mix-danger); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-fieldbar { position: relative; display: flex; align-items: center; gap: 10px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-picker { position: absolute; z-index: 20; top: 32px; left: 0; width: min(640px, 80vw); display: grid; gap: 12px; padding: 14px 16px; border: 1px solid rgb(255 255 255 / 90%); border-radius: 14px; background: rgb(255 255 255 / 97%); box-shadow: 0 26px 60px -28px rgb(20 66 110 / 55%); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-picker-group > strong { display: block; margin-bottom: 8px; color: var(--mix-muted); font-size: 10.5px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-picker-group > div { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 8px 12px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-picker label { display: flex; align-items: center; gap: 7px; color: var(--mix-ink-2); font-size: 12px; font-weight: 400; text-transform: none; letter-spacing: 0; cursor: pointer; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-picker input[type='checkbox'] { appearance: auto; position: static; opacity: 1; width: 14px; height: 14px; min-height: 14px; margin: 0; padding: 0; accent-color: var(--mix-blue); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-saved-item { display: flex; align-items: center; gap: 2px; border-radius: 10px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-saved-item.is-active { background: rgb(255 255 255 / 90%); box-shadow: inset 0 0 0 1.5px var(--mix-blue); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-saved-item > button:first-child { flex: 1; min-width: 0; display: flex; align-items: center; gap: 8px; height: 32px; padding: 0 10px; border: 0; background: transparent; color: var(--mix-ink-2); font-size: 12.5px; text-align: left; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-saved-item.is-active > button:first-child { color: var(--mix-blue-deep); font-weight: 600; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-saved-item small { margin-left: auto; padding: 1px 7px; border-radius: 999px; background: rgb(36 54 81 / 7%); color: var(--mix-muted); font-size: 10px; font-weight: 600; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-saved-star { display: grid; place-items: center; width: 24px; height: 24px; padding: 0; border: 0; border-radius: 8px; background: transparent; cursor: pointer; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-saved-star svg { width: 12px; height: 12px; fill: none; stroke: var(--mix-muted); stroke-width: 1.6; stroke-linejoin: round; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-saved-star.is-active svg { fill: #e5a11a; stroke: #e5a11a; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-save { display: grid; gap: 6px; margin-top: 10px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-save[hidden] { display: none; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-saved .task-search-ghost { margin-top: 10px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-footer { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding-top: 10px; border-top: 1px solid rgb(36 54 81 / 10%); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-keys { color: var(--mix-body); font-size: 11px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-apply { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 14px 0 10px; border: 0; border-radius: 16px; background: var(--mix-blue); box-shadow: 0 8px 18px -8px rgb(20 112 184 / 70%); color: #fff; font-size: 12.5px; font-weight: 600; cursor: pointer; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-apply:disabled { opacity: .45; cursor: not-allowed; box-shadow: none; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-apply svg { width: 14px; height: 14px; fill: none; stroke: #fff; stroke-width: 2.2; stroke-linecap: round; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-applied { display: flex; align-items: center; justify-content: flex-end; gap: 10px; margin: 0 0 12px; color: var(--mix-blue-deep); font-size: 11.5px; font-weight: 600; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-applied button { height: 24px; padding: 0 10px; border: 0; border-radius: 999px; background: rgb(255 255 255 / 85%); box-shadow: inset 0 0 0 1.5px var(--mix-blue); color: var(--mix-blue-deep); font-size: 11.5px; font-weight: 600; cursor: pointer; }
@media (max-width: 900px) {
  html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search.is-advanced { grid-template-columns: minmax(0, 1fr); }
  html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-saved { border-right: 0; border-bottom: 1px solid rgb(36 54 81 / 10%); }
  html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-criterion { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 26px; }
  html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-criterion-label { grid-column: 1 / -1; padding-top: 0; }
}
/* Seletor com digitacao dos campos de lista (situacao, projeto, etapa, pessoas). */
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-combo { position: relative; min-width: 0; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-combo-field { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; min-height: 32px; padding: 3px 8px; border-radius: 10px; background: rgb(255 255 255 / 92%); box-shadow: inset 0 0 0 1px rgb(165 190 215 / 70%); cursor: text; box-sizing: border-box; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-combo.is-open .task-search-combo-field { box-shadow: inset 0 0 0 1.5px var(--mix-blue); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-combo-field > span { display: contents; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-combo-field input { flex: 1 1 90px; width: auto !important; min-width: 60px; min-height: 24px !important; height: 24px !important; padding: 0 2px !important; border: 0 !important; outline: 0 !important; background: transparent !important; box-shadow: none !important; font-size: 12.5px !important; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-combo-chip { display: inline-flex; align-items: center; gap: 4px; max-width: 100%; height: 22px; padding: 0 4px 0 8px; border-radius: 999px; background: rgb(20 112 184 / 10%); color: var(--mix-blue-deep); font-size: 11.5px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-combo-chip button { display: grid; place-items: center; width: 16px; height: 16px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: inherit; cursor: pointer; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-combo-chip button:hover { background: rgb(20 112 184 / 18%); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-combo-chip svg { width: 9px; height: 9px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-combo-list { position: absolute; z-index: 30; top: calc(100% + 4px); left: 0; right: 0; max-height: 220px; overflow-y: auto; display: grid; gap: 1px; padding: 6px; border: 1px solid rgb(255 255 255 / 90%); border-radius: 12px; background: rgb(255 255 255 / 98%); box-shadow: 0 22px 48px -24px rgb(20 66 110 / 55%); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-combo-list[hidden] { display: none; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-combo-option { display: flex; align-items: center; gap: 8px; width: 100%; min-height: 30px; padding: 4px 10px; border: 0; border-radius: 8px; background: transparent; color: var(--mix-ink); font-size: 12.5px; text-align: left; cursor: pointer; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-combo-option::before { content: ""; width: 14px; height: 14px; flex: none; border-radius: 4px; box-shadow: inset 0 0 0 1.5px var(--mix-faint); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-combo-option.is-selected::before { background: var(--mix-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center / 10px no-repeat; box-shadow: none; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-combo-option:hover, :is(.management-page, *) .task-search-combo-option:focus-visible { background: rgb(20 112 184 / 9%); outline: 0; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-combo-option.is-selected { color: var(--mix-blue-deep); font-weight: 600; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-pills[hidden] { display: none; }
/* Segundo andar como janela flutuante: fica por cima do conteudo, sem empurrar o quadro. */
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-command { position: relative; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) #task-toolbar-floor.task-context-row { position: absolute; z-index: 60; top: -6px; left: 0; right: 0; height: 0; margin: 0; overflow: visible; align-items: flex-start; pointer-events: none; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) #task-toolbar-floor .task-toolbar-tray { pointer-events: auto; background: linear-gradient(135deg, rgb(255 255 255 / 96%), rgb(250 253 255 / 90%)); box-shadow: inset 0 0 0 1.5px var(--mix-blue), 0 30px 70px -28px rgb(14 48 80 / 55%), 0 8px 20px -12px rgb(14 48 80 / 25%); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) #task-toolbar-floor .task-toolbar-tray--search { max-height: calc(100vh - 220px); overflow-y: auto; overscroll-behavior: contain; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) #task-toolbar-floor .task-toolbar-tray--search:has(.task-search-combo.is-open), html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) #task-toolbar-floor .task-toolbar-tray--search:has(.task-search-picker) { overflow: visible; max-height: none; }
/* Pagina da tarefa (docs/tasks-page.md): paineis de vidro, #ID copiavel e trilha das etapas reais. */
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page { display: grid; gap: 16px; min-width: 0; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-head { display: grid; gap: 12px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; color: var(--mix-body); font-size: 12px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-back { display: grid; place-items: center; width: 30px; height: 30px; padding: 0; border: 1px solid var(--task-glass-border); border-radius: 15px; background: var(--task-glass); box-shadow: var(--task-glass-shadow); color: var(--mix-ink-2); cursor: pointer; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-back svg { width: 15px; height: 15px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-crumb, :is(.management-page, *) .task-page-link { padding: 0; border: 0; background: transparent; color: var(--mix-blue-deep); font: inherit; font-weight: 600; text-decoration: none; cursor: pointer; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-id { display: inline-flex; align-items: center; gap: 7px; height: 30px; padding: 0 11px; border: 1px solid var(--task-glass-border); border-radius: 15px; background: var(--task-glass); box-shadow: var(--task-glass-shadow); color: var(--mix-blue-deep); font-size: 14px; font-weight: 700; font-variant-numeric: tabular-nums; cursor: pointer; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-id:hover { box-shadow: inset 0 0 0 1.5px var(--mix-blue), var(--task-glass-shadow); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-id svg { width: 13px; height: 13px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-copied { padding: 2px 9px; border-radius: 999px; background: var(--mix-green-050); color: var(--mix-green-deep); font-size: 11px; font-weight: 600; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-copied[hidden] { display: none; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-title { margin: 0; color: var(--mix-ink); font-size: 22px; font-weight: 600; letter-spacing: -.015em; line-height: 1.25; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-stages { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-stages small { margin-left: 8px; color: var(--mix-body); font-size: 11.5px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-stage { height: 26px; padding: 0 12px; border: 0; border-radius: 999px; background: rgb(255 255 255 / 50%); color: var(--mix-body); font-size: 11.5px; font-weight: 600; cursor: pointer; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-stage:disabled { cursor: default; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-stage:not(:disabled):hover { box-shadow: inset 0 0 0 1.5px var(--task-stage-color); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-stage.is-past { background: color-mix(in srgb, var(--task-stage-color) 14%, white); color: var(--mix-ink-2); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-stage.is-current { background: var(--task-stage-color); color: #fff; box-shadow: 0 8px 16px -8px var(--task-stage-color); opacity: 1; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-grid { display: grid; grid-template-columns: minmax(0, 74fr) minmax(240px, 26fr); gap: 18px; align-items: start; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-main, :is(.management-page, *) .task-page-side { display: grid; gap: 16px; min-width: 0; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-panel { min-width: 0; padding: 16px 18px; border: 1px solid var(--task-glass-border); border-radius: 16px; background: var(--task-glass); box-shadow: var(--task-glass-shadow); backdrop-filter: blur(26px) saturate(1.6); -webkit-backdrop-filter: blur(26px) saturate(1.6); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-panel > h3, :is(.management-page, *) .task-page-panel-head h3 { margin: 0 0 10px; color: var(--mix-body); font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-panel-head { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-panel-head h3 { margin: 0; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-panel-head small { color: var(--mix-body); font-size: 12px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-progress { flex: 1; height: 5px; border-radius: 5px; background: rgb(36 54 81 / 10%); overflow: hidden; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-progress i { display: block; height: 100%; border-radius: 5px; background: var(--mix-green); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-text { margin: 0; color: var(--mix-ink-2); font-size: 13.5px; line-height: 1.6; white-space: pre-wrap; overflow-wrap: anywhere; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-empty { margin: 0; color: var(--mix-muted); font-size: 12.5px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-checklist { display: grid; gap: 2px; margin: 0; padding: 0; list-style: none; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-checklist li { display: flex; align-items: center; gap: 10px; padding: 5px 0; color: var(--mix-ink); font-size: 13px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-checklist li.is-done { color: var(--mix-muted); text-decoration: line-through; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-check { display: grid; place-items: center; width: 16px; height: 16px; flex: none; border-radius: 5px; box-shadow: inset 0 0 0 1.5px var(--mix-faint); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-checklist li.is-done .task-page-check { background: var(--mix-green); box-shadow: none; color: #fff; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-check svg { width: 11px; height: 11px; stroke-width: 3; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-subtasks { display: grid; gap: 2px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-subtask { display: flex; align-items: center; gap: 10px; width: 100%; padding: 8px 6px; border: 0; border-radius: 10px; background: transparent; color: var(--mix-ink); font-size: 13px; text-align: left; cursor: pointer; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-subtask > span:nth-child(2) { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-subtask:hover { background: rgb(20 112 184 / 8%); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-subtask.is-done > span:nth-child(2) { color: var(--mix-muted); text-decoration: line-through; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-row { display: flex; align-items: center; gap: 10px; min-height: 28px; color: var(--mix-ink); font-size: 12.5px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-row.is-top { align-items: flex-start; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-row > span:first-child { width: 96px; flex: none; color: var(--mix-body); font-size: 12px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-person { display: flex; align-items: center; gap: 8px; min-width: 0; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-people { display: flex; align-items: center; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-people > span + span { margin-left: -8px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-avatar { display: grid; place-items: center; width: 24px; height: 24px; flex: none; border: 2px solid #fff; border-radius: 50%; background: var(--mix-navy); color: #fff; font-size: 9px; font-weight: 700; object-fit: cover; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-tags { display: flex; flex-wrap: wrap; gap: 6px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-tags em { padding: 3px 9px; border-radius: 999px; background: rgb(255 255 255 / 65%); color: var(--mix-ink-2); font-size: 11.5px; font-style: normal; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-missing { display: grid; gap: 12px; justify-items: start; padding: 24px; color: var(--mix-body); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-workspace { padding: 0; border: 0; background: transparent; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
/* Controle de tempo (MixUI.timerChip): pílula do cronômetro da página da tarefa, reaproveitada pela ilha dinâmica (#294). */
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .mix-timer-chip { display: inline-flex; align-items: center; gap: 8px; height: 32px; padding: 0 12px 0 8px; border: 0; border-radius: 16px; background: rgb(255 255 255 / 70%); color: var(--mix-ink-2); box-shadow: inset 0 0 0 1px rgb(165 190 215 / 60%); font-family: var(--mix-font-sans); font-size: 12.5px; font-weight: 700; line-height: 1; font-variant-numeric: tabular-nums; white-space: nowrap; cursor: pointer; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .mix-timer-chip svg { width: 15px; height: 15px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .mix-timer-chip:not(.is-off):hover { box-shadow: inset 0 0 0 1.5px var(--mix-green); color: var(--mix-green-deep); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .mix-timer-chip.is-running { background: rgb(20 123 52 / 12%); color: var(--mix-green-deep); box-shadow: inset 0 0 0 1.5px rgb(20 123 52 / 45%); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .mix-timer-chip.is-off { opacity: .6; cursor: default; }
html[data-mix-theme="mix-fiscal-default"] body .task-page-toolbar .task-toolbar-group .mix-icon-button--primary.task-page-complete { background: var(--mix-green) !important; border-color: var(--mix-green-deep) !important; box-shadow: 0 8px 18px -8px rgb(20 123 52 / 70%) !important; }
@media (max-width: 1100px) {
  html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-grid { grid-template-columns: minmax(0, 1fr); }
}
/* Pagina da tarefa, bloco 1: edicao no lugar, sinais, Mais opcoes e criacao rapida (public/task-page.js). */
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-signal { display: grid; place-items: center; width: 28px; height: 28px; padding: 0; border: 0; border-radius: 14px; background: rgb(255 255 255 / 50%); color: var(--mix-faint); cursor: pointer; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-signal:disabled { cursor: default; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-signal svg { width: 15px; height: 15px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-signal:not(:disabled):hover { color: var(--mix-body); background: rgb(255 255 255 / 80%); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-signal--urgente.is-active, :is(.management-page, *) .task-page-signal--urgente[aria-pressed='true'] { background: var(--mix-warning-050); color: var(--mix-warning); box-shadow: inset 0 0 0 1.5px var(--mix-warning-solid); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-signal--bug.is-active, :is(.management-page, *) .task-page-signal--bug[aria-pressed='true'] { background: var(--mix-danger-050); color: var(--mix-danger); box-shadow: inset 0 0 0 1.5px var(--mix-danger-200); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) button.task-page-check { padding: 0; border: 0; background: transparent; cursor: pointer; color: #fff; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) button.task-page-check:disabled { cursor: default; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-checklist li.is-done button.task-page-check { background: var(--mix-green); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-check-add { width: 100%; margin-top: 8px; min-height: 30px !important; height: 30px !important; padding: 0 10px !important; border: 1px dashed rgb(36 54 81 / 28%) !important; border-radius: 10px !important; background: transparent !important; box-shadow: none !important; font-size: 12.5px !important; color: var(--mix-ink) !important; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-check-add:focus { border-style: solid !important; border-color: var(--mix-blue) !important; background: rgb(255 255 255 / 80%) !important; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-more { display: grid; gap: 1px; width: 300px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-more-item { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 34px; padding: 4px 8px; border: 0; border-radius: 10px; background: transparent; color: var(--mix-ink); font-size: 12.5px; text-align: left; cursor: pointer; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-more-item:not(:disabled):hover { background: rgb(20 112 184 / 8%); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-more-item:disabled { color: var(--mix-muted); cursor: default; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-more-item > span { flex: 1; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-more-item small { color: var(--mix-muted); font-size: 11px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-more-switch { position: relative; width: 28px; height: 16px; flex: none; border-radius: 999px; background: rgb(36 54 81 / 18%); transition: background 140ms ease; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-more-switch::after { content: ""; position: absolute; top: 2px; left: 2px; width: 12px; height: 12px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgb(14 34 56 / 30%); transition: left 140ms ease; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-more-item[aria-checked='true'] .task-more-switch { background: var(--mix-green); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-more-item[aria-checked='true'] .task-more-switch::after { left: 14px; }
html[data-mix-theme="mix-fiscal-default"] body .task-page-toolbar .task-toolbar-group .mix-icon-button--primary.task-new-button.is-active { box-shadow: 0 0 0 2px rgb(255 255 255 / 90%), 0 0 0 3.5px var(--mix-blue) !important; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-card-density { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; padding: 3px; border-radius: 12px; background: rgb(36 54 81 / 7%); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-card-density button { height: 28px; border: 0; border-radius: 9px; background: transparent; color: var(--mix-body); font-size: 12px; font-weight: 500; cursor: pointer; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-card-density button.is-active { background: rgb(255 255 255 / 95%); color: var(--mix-blue-deep); font-weight: 600; box-shadow: inset 0 0 0 1.5px var(--mix-blue); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-new-option > span { display: grid; gap: 2px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-new-option b { font-size: 12.5px; font-weight: 600; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-new-option small { color: var(--mix-body); font-size: 11px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-new-menu { width: 300px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page--create .task-page-checklist li .task-search-remove { margin: 0 0 0 auto; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-tabs { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 14px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-tabs button { height: 28px; padding: 0 12px; border: 0; border-radius: 999px; background: transparent; color: var(--mix-body); font-size: 12px; font-weight: 500; cursor: pointer; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-tabs button.is-active { background: rgb(255 255 255 / 90%); color: var(--mix-blue-deep); font-weight: 600; box-shadow: inset 0 0 0 1.5px var(--mix-blue); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-comments { display: grid; gap: 14px; margin-bottom: 14px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-comments article { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 10px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-comments header { display: flex; align-items: baseline; gap: 8px; font-size: 12.5px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-comments time, :is(.management-page, *) .task-page-history time { color: var(--mix-muted); font-size: 11px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-comments p { margin: 3px 0 0; color: var(--mix-ink-2); font-size: 13px; line-height: 1.55; white-space: pre-wrap; overflow-wrap: anywhere; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-comment-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: end; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-comment-form textarea, :is(.management-page, *) .task-page-deliverable-form input:not([type='checkbox']) { width: 100%; min-height: 40px !important; padding: 9px 12px !important; border: 0 !important; border-radius: 12px !important; background: rgb(255 255 255 / 80%) !important; box-shadow: inset 0 0 0 1px rgb(165 190 215 / 60%) !important; color: var(--mix-ink) !important; font-size: 12.5px !important; resize: vertical; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-deliverable-form { display: grid; grid-template-columns: 1fr 140px; gap: 8px; margin-top: 12px; align-items: center; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-deliverable-form input[type='url'] { grid-column: 1 / -1; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-inline-check { display: inline-flex; align-items: center; gap: 6px; color: var(--mix-body); font-size: 12px; text-transform: none; letter-spacing: 0; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-deliverable-form button { justify-self: end; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-history { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; font-size: 12.5px; color: var(--mix-ink-2); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-history time { margin-left: 8px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-dot { display: inline-block; width: 8px; height: 8px; margin-right: 7px; border-radius: 50%; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-subtask[href] { text-decoration: none; }
html[data-mix-theme="mix-fiscal-default"] .task-page-toolbar .task-new-split { display: inline-flex; align-items: center; margin-left: 8px; }
html[data-mix-theme="mix-fiscal-default"] body .task-page-toolbar .task-new-split .task-new-button { margin-left: 0 !important; }
html[data-mix-theme="mix-fiscal-default"] body .task-page-toolbar .task-new-split .task-new-button:first-child { border-radius: 16px 0 0 16px !important; padding-right: 10px !important; }
html[data-mix-theme="mix-fiscal-default"] body .task-page-toolbar .task-toolbar-group .task-new-split .task-new-caret { width: 26px !important; min-width: 26px !important; padding: 0 !important; justify-content: center; border-radius: 0 16px 16px 0 !important; box-shadow: inset 1px 0 0 rgb(255 255 255 / 35%), 0 8px 18px -8px rgb(20 112 184 / 70%) !important; }
html[data-mix-theme="mix-fiscal-default"] body .task-page-toolbar .task-new-caret svg { width: 13px !important; height: 13px !important; }
/* Cartoes v2, menu de criacao, evolucao, tempo, arquivos e mais opcoes em abas. */
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) button.task-card-id { border: 0; cursor: pointer; font-family: inherit; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) button.task-card-id:hover { background: rgb(20 112 184 / 18%); box-shadow: inset 0 0 0 1px rgb(20 112 184 / 35%); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-new-menu { width: 240px; gap: 0; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-new-menu .task-new-option { min-height: 38px; border-radius: 0; gap: 10px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-new-menu .task-new-option + .task-new-option { box-shadow: inset 0 1px 0 rgb(36 54 81 / 9%); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-new-menu .task-new-option:first-child { border-radius: 10px 10px 0 0; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-new-menu .task-new-option:last-child { border-radius: 0 0 10px 10px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-new-option svg { width: 16px; height: 16px; flex: none; color: var(--mix-blue-deep); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-more-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 2px 16px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-comment-form { position: relative; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-people.is-named { display: grid; gap: 6px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-people.is-named > span + span { margin-left: 0; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-scope-rows { display: grid; gap: 8px; justify-items: end; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-panel-head kbd { display: inline-flex; align-items: center; justify-content: center; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 4px; background: rgb(36 54 81 / 8%); font: 600 10.5px var(--mix-font-sans); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-new-menu { width: 196px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-new-menu .task-new-option { min-height: 32px; font-size: 12px; padding: 4px 8px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-new-option svg { width: 14px; height: 14px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) #task-toolbar-floor.task-context-row { top: 2px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-toolbar-tray:has(.task-new-menu), html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-toolbar-tray:has(.task-card-options) { padding: 6px; }
html[data-mix-theme="mix-fiscal-default"] body .task-page-toolbar .task-toolbar-group .task-new-split .task-new-caret.is-active { box-shadow: inset 1px 0 0 rgb(255 255 255 / 35%), inset 0 0 0 99px rgb(0 0 0 / 14%) !important; }
/* Regras com a chave a esquerda e cada regra em sua propria linha; cartao de CRM; entregas; salvar modelo. */
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-more-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 8px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-more-grid .task-more-item { min-height: 40px; padding: 6px 12px; gap: 12px; border-radius: 12px; background: rgb(255 255 255 / 55%); box-shadow: inset 0 0 0 1px rgb(165 190 215 / 45%); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-more-grid .task-more-item[aria-checked='true'] { background: rgb(255 255 255 / 85%); box-shadow: inset 0 0 0 1px rgb(20 123 52 / 35%); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-more-grid .task-more-item > span { flex: 1; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-deliverable-form { display: grid; grid-template-columns: minmax(0, 1fr) 160px; gap: 8px; margin-top: 12px; align-items: center; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-deliverable-actions { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-inline-check { display: inline-flex !important; align-items: center; gap: 8px; cursor: pointer; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-inline-check input[type='checkbox'] { appearance: auto !important; position: static !important; opacity: 1 !important; width: 16px !important; height: 16px !important; min-height: 16px !important; margin: 0 !important; padding: 0 !important; flex: 0 0 16px; accent-color: var(--mix-blue); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-apply:hover:not(:disabled) { background: var(--mix-blue-deep) !important; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-search-apply svg { stroke: #fff; }
/* Colunas da lista: cada campo no seu proprio quadro, como as regras da pagina da tarefa (.task-more-grid). */
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-more.task-list-column-options { gap: 8px; padding: 4px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-list-column-options .task-more-item { min-height: 40px; padding: 6px 12px; gap: 12px; border-radius: 12px; background: rgb(255 255 255 / 55%); box-shadow: inset 0 0 0 1px rgb(165 190 215 / 45%); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-list-column-options .task-more-item[aria-checked='true'] { background: rgb(255 255 255 / 85%); box-shadow: inset 0 0 0 1px rgb(20 123 52 / 35%); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-more-grid .task-approver { cursor: default; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-more-grid .task-approver select { min-height: 30px; max-width: 220px; border: 1px solid rgb(165 190 215 / 60%); border-radius: 9px; background: #fff; font-size: 12px; }
/* Checklist como mini-tarefas */
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-checklist li { align-items: center; }
/* Aba Projetos: mesma casca e lista flutuante de Tarefas */
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .project-table-wrap .task-list-title small { display: inline-flex; align-items: center; gap: 4px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .project-table-wrap table.mix-data-table tbody tr.is-locked > td { opacity: .55; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) :is(.task-table-wrap, .mix-data-table-wrap--entity) .task-row-actions { display: inline-flex !important; flex-wrap: nowrap !important; white-space: nowrap; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-title-input { width: 100%; margin-top: 8px; padding: 8px 12px; border: 1px solid rgb(255 255 255 / 80%); border-radius: 14px; background: rgb(255 255 255 / 70%); box-shadow: 0 12px 28px -14px rgb(19 55 92 / 22%); color: var(--mix-ink, #0e2238); font-size: 20px; font-weight: 600; box-sizing: border-box; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-title-input:focus { outline: 0; box-shadow: inset 0 0 0 1.5px var(--mix-blue, #1478c9); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-list-title strong > .task-card-id { margin-right: 8px; font-size: 11px; vertical-align: 1px; }
/* Faixa dos filtros aplicados (MixUI.filterBar) nas telas de Tarefas, Projetos e Analises: a esquerda. */
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-filter-strip { display: flex; justify-content: flex-start; margin: 0 0 10px; padding: 0 2px; }
/* Projetos: atalhos de situacao/escopo no topo da bandeja unica "Buscar e filtrar". */
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .project-search-shortcuts { margin: 0 0 10px; justify-items: start !important; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .project-search-shortcuts .task-scope-chips { justify-content: flex-start !important; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-toolbar-tray--search:has(.task-search.is-advanced) .project-search-shortcuts { margin: 0 !important; padding: 12px 14px 10px; border-bottom: 1px solid rgb(36 54 81 / 8%); }

/* Resumo de registro: indicadores, barras e sinais (MixUI.statGrid / statBars / signals). */
html[data-mix-theme="mix-fiscal-default"] .mix-stat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; }
html[data-mix-theme="mix-fiscal-default"] .mix-stat { display: grid; gap: 2px; min-width: 0; padding: 12px 14px; border: 1px solid var(--task-glass-border); border-radius: 14px; background: var(--task-glass); box-shadow: var(--task-glass-shadow); font: inherit; text-align: left; color: var(--mix-body); }
html[data-mix-theme="mix-fiscal-default"] button.mix-stat { cursor: pointer; }
html[data-mix-theme="mix-fiscal-default"] button.mix-stat:hover, html[data-mix-theme="mix-fiscal-default"] button.mix-stat:focus-visible { box-shadow: inset 0 0 0 1.5px var(--mix-blue), var(--task-glass-shadow); outline: 0; }
html[data-mix-theme="mix-fiscal-default"] .mix-stat span { font-size: 11px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--mix-muted); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
html[data-mix-theme="mix-fiscal-default"] .mix-stat strong { font-size: 24px; line-height: 1.15; font-weight: 700; color: var(--mix-navy, #0e2238); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
html[data-mix-theme="mix-fiscal-default"] .mix-stat em { font-size: 11.5px; font-style: normal; color: var(--mix-muted); }
html[data-mix-theme="mix-fiscal-default"] .mix-stat.is-danger strong { color: var(--mix-danger); }
html[data-mix-theme="mix-fiscal-default"] .mix-stat.is-warning strong { color: #9a5b00; }
html[data-mix-theme="mix-fiscal-default"] .mix-stat.is-success strong { color: #0b7a4b; }
/* statGrid: ícone ao lado do valor (situação) e conteúdo da DS sob o valor (ex.: avatares expansíveis). */
html[data-mix-theme="mix-fiscal-default"] .mix-stat.has-icon strong { display: flex; align-items: center; gap: 8px; }
html[data-mix-theme="mix-fiscal-default"] .mix-stat__icon { width: 28px; height: 28px; display: inline-grid; place-items: center; flex: 0 0 28px; border-radius: 9px; background: rgb(20 112 184 / 10%); color: var(--mix-blue, #1470b8); font-style: normal; }
html[data-mix-theme="mix-fiscal-default"] .mix-stat__icon .mix-icon, html[data-mix-theme="mix-fiscal-default"] .mix-stat__icon svg { width: 16px; height: 16px; }
html[data-mix-theme="mix-fiscal-default"] .mix-stat.is-success .mix-stat__icon { background: rgb(11 122 75 / 11%); color: #0b7a4b; }
html[data-mix-theme="mix-fiscal-default"] .mix-stat.is-danger .mix-stat__icon { background: rgb(196 43 43 / 10%); color: var(--mix-danger); }
html[data-mix-theme="mix-fiscal-default"] .mix-stat.is-warning .mix-stat__icon { background: rgb(154 91 0 / 11%); color: #9a5b00; }
html[data-mix-theme="mix-fiscal-default"] .mix-stat.is-neutral .mix-stat__icon { background: rgb(14 34 56 / 7%); color: var(--mix-navy, #0e2238); }
html[data-mix-theme="mix-fiscal-default"] .mix-stat.is-live strong { color: #0b7a4b; }
html[data-mix-theme="mix-fiscal-default"] .mix-stat.is-live .mix-stat__icon { background: rgb(11 122 75 / 11%); color: #0b7a4b; animation: mix-stat-live 1.6s ease-in-out infinite; }
html[data-mix-theme="mix-fiscal-default"] .mix-stat__body { min-width: 0; margin-top: 6px; }
/* O rótulo do card (.mix-stat span) não vale para o conteúdo do body (avatares e nomes). */
html[data-mix-theme="mix-fiscal-default"] .mix-stat .mix-stat__body span { letter-spacing: normal; text-transform: none; overflow: visible; white-space: normal; text-overflow: clip; }
html[data-mix-theme="mix-fiscal-default"] .mix-stat .mix-stat__body .mix-avatar { font-size: 11px; font-weight: 800; color: #22566d; }
html[data-mix-theme="mix-fiscal-default"] .mix-stat .mix-stat__body .mix-avatar--small { font-size: 9px; }
html[data-mix-theme="mix-fiscal-default"] .mix-stat .mix-stat__body .mix-avatar--more { color: var(--mix-body); }
html[data-mix-theme="mix-fiscal-default"] .mix-stat .mix-stat__body .mix-avatar > span { font-size: inherit; font-weight: inherit; color: inherit; }
html[data-mix-theme="mix-fiscal-default"] .mix-stat .mix-stat__body .mix-avatar-list li > span:not(.mix-avatar) { font-size: 12px; font-weight: 600; color: var(--mix-ink); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
@keyframes mix-stat-live { 50% { box-shadow: 0 0 0 5px rgb(11 122 75 / 12%); } }
@media (prefers-reduced-motion: reduce) { html[data-mix-theme="mix-fiscal-default"] .mix-stat.is-live .mix-stat__icon { animation: none; } }
html[data-mix-theme="mix-fiscal-default"] .mix-bars { display: grid; gap: 7px; }
html[data-mix-theme="mix-fiscal-default"] .mix-bar { display: grid; grid-template-columns: minmax(80px, 34%) minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 3px 4px; font-size: 12.5px; color: var(--mix-body); }
html[data-mix-theme="mix-fiscal-default"] .mix-bar span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
html[data-mix-theme="mix-fiscal-default"] .mix-bar > div { height: 10px; border-radius: 999px; background: rgb(20 112 184 / 9%); }
html[data-mix-theme="mix-fiscal-default"] .mix-bar > div i { display: block; height: 100%; border-radius: inherit; background: var(--mix-blue, #1470b8); }
html[data-mix-theme="mix-fiscal-default"] .mix-bar.is-danger > div i { background: var(--mix-danger); }
html[data-mix-theme="mix-fiscal-default"] .mix-bar.is-success > div i { background: #1f9d66; }
html[data-mix-theme="mix-fiscal-default"] .mix-bar.is-muted > div i { background: #9fb2c6; }
html[data-mix-theme="mix-fiscal-default"] .mix-bar strong { min-width: 22px; font-weight: 700; text-align: right; color: var(--mix-navy, #0e2238); }
html[data-mix-theme="mix-fiscal-default"] .mix-bars-empty { margin: 0; font-size: 12.5px; color: var(--mix-muted); }
html[data-mix-theme="mix-fiscal-default"] .mix-signals { display: flex; flex-wrap: wrap; gap: 8px; }
html[data-mix-theme="mix-fiscal-default"] .mix-signal { display: inline-flex; align-items: center; gap: 8px; min-height: 34px; padding: 0 14px 0 12px; border: 1px solid transparent; border-radius: 999px; background: rgb(20 112 184 / 9%); color: var(--mix-blue-deep); font: inherit; font-size: 12.5px; }
html[data-mix-theme="mix-fiscal-default"] button.mix-signal { cursor: pointer; }
html[data-mix-theme="mix-fiscal-default"] button.mix-signal:hover, html[data-mix-theme="mix-fiscal-default"] button.mix-signal:focus-visible { border-color: currentColor; outline: 0; }
html[data-mix-theme="mix-fiscal-default"] .mix-signal i { width: 8px; height: 8px; border-radius: 50%; background: currentColor; flex: none; }
html[data-mix-theme="mix-fiscal-default"] .mix-signal b { font-weight: 700; }
html[data-mix-theme="mix-fiscal-default"] .mix-signal small { font-size: 11.5px; opacity: .8; }
html[data-mix-theme="mix-fiscal-default"] .mix-signal.is-danger { background: rgb(200 40 50 / 10%); color: #a8202c; }
html[data-mix-theme="mix-fiscal-default"] .mix-signal.is-warning { background: rgb(214 140 0 / 13%); color: #8a5200; }
html[data-mix-theme="mix-fiscal-default"] .mix-signal.is-success { background: rgb(31 157 102 / 12%); color: #0b6e43; }

/* Seta da bandeja: elemento do andar posicionado pela Design System (MixUI.placeToolbarFloor). */
/* A janela da barra de ferramentas e sempre flutuante: nunca empurra o conteudo (padrao da suite). */
html[data-mix-theme="mix-fiscal-default"] #task-toolbar-floor { position: absolute !important; z-index: 60; left: 0; right: 0; height: 0 !important; margin: 0 !important; overflow: visible; pointer-events: none; }
html[data-mix-theme="mix-fiscal-default"] #task-toolbar-floor > * { pointer-events: auto; }
html[data-mix-theme="mix-fiscal-default"] #task-toolbar-floor > .task-toolbar-caret { pointer-events: none; }
html[data-mix-theme="mix-fiscal-default"] :is(.task-command, [data-crm-360-floor]):has(> #task-toolbar-floor) { position: relative; }
html[data-mix-theme="mix-fiscal-default"] #task-toolbar-floor .task-toolbar-tray.is-caret-end { border-top-right-radius: 4px !important; }
html[data-mix-theme="mix-fiscal-default"] #task-toolbar-floor .task-toolbar-tray.is-caret-start { border-top-left-radius: 4px !important; }
html[data-mix-theme="mix-fiscal-default"] #task-toolbar-floor.has-caret .task-toolbar-tray::before { content: none !important; }
html[data-mix-theme="mix-fiscal-default"] #task-toolbar-floor > .task-toolbar-caret { position: absolute; z-index: 3; width: 12px; height: 12px; margin: -6px 0 0 -6px; border-top: 1.5px solid var(--mix-blue); border-left: 1.5px solid var(--mix-blue); border-top-left-radius: 3px; background: #fdfeff; transform: rotate(45deg); pointer-events: none; }
html[data-mix-theme="mix-fiscal-default"] #task-toolbar-floor > .task-toolbar-caret[hidden] { display: none; }

/* Marca-texto do sistema (MixUI.highlight / markText / applyMarks): o que foi digitado aparece destacado no resultado.
   Cópia para iframes (corpo HTML do e-mail): MARK_FRAME_STYLE em mix-fiscal-components.js — mudar os dois juntos. */
html[data-mix-theme="mix-fiscal-default"] mark.mix-mark { padding: 0 2px; margin: 0 -2px; border-radius: 4px; background: linear-gradient(180deg, rgb(255 226 89 / 0%) 12%, rgb(255 226 89 / 85%) 12%, rgb(255 214 64 / 85%) 88%, rgb(255 214 64 / 0%) 88%); color: inherit; font: inherit; box-decoration-break: clone; -webkit-box-decoration-break: clone; }

/* Cartão de registro (MixUI.recordCard): mesma família do cartão do Kanban. */
html[data-mix-theme="mix-fiscal-default"] .mix-record-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 14px; }
html[data-mix-theme="mix-fiscal-default"] .mix-record-card { display: grid; align-content: start; gap: 10px; min-width: 0; padding: 14px 14px 10px; border: 1.5px solid var(--task-glass-border, rgb(255 255 255 / 85%)); border-radius: 16px; background: var(--task-glass, rgb(255 255 255 / 72%)); box-shadow: var(--task-glass-shadow, 0 16px 26px -16px rgb(19 55 92 / 22%)); color: var(--mix-body); text-align: left; cursor: pointer; transition: box-shadow .16s ease, transform .16s ease, border-color .16s ease; }
html[data-mix-theme="mix-fiscal-default"] .mix-record-card:hover, html[data-mix-theme="mix-fiscal-default"] .mix-record-card:focus-visible { border-color: var(--mix-blue); box-shadow: 0 20px 30px -18px rgb(19 55 92 / 35%); transform: translateY(-1px); outline: 0; }
html[data-mix-theme="mix-fiscal-default"] .mix-record-card.has-alert { border-color: rgb(22 150 96 / 75%); box-shadow: 0 16px 28px -16px rgb(22 150 96 / 42%); }
html[data-mix-theme="mix-fiscal-default"] .mix-record-card.has-alert:hover { border-color: #12885a; }
html[data-mix-theme="mix-fiscal-default"] .mix-record-card__top { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 28px; }
html[data-mix-theme="mix-fiscal-default"] .mix-record-card__type { display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 9px; color: var(--mix-blue-deep); }
html[data-mix-theme="mix-fiscal-default"] .mix-record-card__type svg { width: 18px; height: 18px; }
html[data-mix-theme="mix-fiscal-default"] .mix-record-card__type.is-success { color: #12885a; }
html[data-mix-theme="mix-fiscal-default"] .mix-record-card__type.is-warning { color: #b56d00; }
html[data-mix-theme="mix-fiscal-default"] .mix-record-card__type.is-danger { color: #c0303c; }
html[data-mix-theme="mix-fiscal-default"] .mix-record-card__type.is-muted { color: #7c8aa0; }
html[data-mix-theme="mix-fiscal-default"] .mix-record-card__identity { display: flex; align-items: center; gap: 12px; min-width: 0; }
html[data-mix-theme="mix-fiscal-default"] .mix-record-card__identity > div { display: grid; gap: 2px; min-width: 0; }
html[data-mix-theme="mix-fiscal-default"] .mix-record-card__photo { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; flex: none; box-shadow: 0 0 0 2px #fff, 0 4px 10px -4px rgb(15 40 70 / 40%); }
html[data-mix-theme="mix-fiscal-default"] .mix-record-card__eyebrow { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12.5px; font-weight: 700; letter-spacing: .02em; font-variant-numeric: tabular-nums; color: var(--mix-blue-deep); }
html[data-mix-theme="mix-fiscal-default"] .mix-record-card__title { font-size: 14.5px; line-height: 1.25; font-weight: 700; color: var(--mix-navy, #0e2238); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
html[data-mix-theme="mix-fiscal-default"] .mix-record-card__subtitle { min-height: 16px; font-size: 12.5px; color: var(--mix-muted); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
html[data-mix-theme="mix-fiscal-default"] .mix-record-card__alert { display: flex; align-items: center; gap: 8px; min-width: 0; padding: 7px 10px; border-radius: 10px; background: linear-gradient(135deg, rgb(38 186 120 / 24%), rgb(22 150 96 / 14%)); box-shadow: inset 0 0 0 1px rgb(22 150 96 / 50%); color: #0a6a41; font-size: 12px; }
html[data-mix-theme="mix-fiscal-default"] .mix-record-card__alert svg { width: 16px; height: 16px; flex: none; }
html[data-mix-theme="mix-fiscal-default"] .mix-record-card__alert b { font-weight: 700; white-space: nowrap; }
html[data-mix-theme="mix-fiscal-default"] .mix-record-card__alert small { font-size: 11.5px; opacity: .9; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
html[data-mix-theme="mix-fiscal-default"] .mix-record-card__base { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-top: 8px; border-top: 1px solid rgb(15 40 70 / 8%); }
html[data-mix-theme="mix-fiscal-default"] .mix-record-card__group { display: flex; align-items: center; gap: 2px; }
html[data-mix-theme="mix-fiscal-default"] .mix-record-card__counter { display: inline-flex; align-items: center; gap: 4px; height: 28px; padding: 0 8px 0 4px; color: #5a6b80; font-size: 12px; }
html[data-mix-theme="mix-fiscal-default"] .mix-record-card__counter svg { width: 16px; height: 16px; }
html[data-mix-theme="mix-fiscal-default"] .mix-record-card__counter b { font-weight: 700; }
html[data-mix-theme="mix-fiscal-default"] .mix-record-card__icon { position: relative; display: inline-grid; place-items: center; width: 30px; height: 28px; padding: 0; border: 0; border-radius: 9px; background: transparent; color: #a3b0c2; text-decoration: none; }
html[data-mix-theme="mix-fiscal-default"] .mix-record-card__icon svg { width: 17px; height: 17px; }
html[data-mix-theme="mix-fiscal-default"] .mix-record-card__icon b { position: absolute; top: -3px; right: -2px; min-width: 14px; height: 14px; padding: 0 3px; border-radius: 999px; background: currentColor; font-size: 9.5px; line-height: 14px; font-weight: 700; text-align: center; }
html[data-mix-theme="mix-fiscal-default"] .mix-record-card__icon b { color: inherit; }
html[data-mix-theme="mix-fiscal-default"] .mix-record-card__icon.is-status.is-on { color: var(--mix-blue, #1470b8); background: rgb(20 112 184 / 10%); box-shadow: inset 0 0 0 1.5px var(--mix-blue, #1470b8); }
html[data-mix-theme="mix-fiscal-default"] .mix-record-card__icon.is-status.is-on.is-success { color: #12885a; background: rgb(38 186 120 / 16%); box-shadow: inset 0 0 0 1.5px #12885a; }
html[data-mix-theme="mix-fiscal-default"] .mix-record-card__icon.is-status b { background: currentColor; -webkit-text-fill-color: #fff; }
html[data-mix-theme="mix-fiscal-default"] .mix-record-card__icon.is-action { color: var(--mix-blue-deep, #0f4c81); cursor: pointer; }
html[data-mix-theme="mix-fiscal-default"] .mix-record-card__icon.is-action:hover, html[data-mix-theme="mix-fiscal-default"] .mix-record-card__icon.is-action:focus-visible { background: rgb(255 255 255 / 92%); box-shadow: inset 0 0 0 1.5px var(--mix-blue); outline: 0; }
html[data-mix-theme="mix-fiscal-default"] .mix-record-card__icon.is-action.is-off { color: #c3ccd8; cursor: default; pointer-events: none; }
html[data-mix-theme="mix-fiscal-default"] .mix-record-card__note { margin: 0; font-size: 11px; color: var(--mix-muted); text-align: left; font-variant-numeric: tabular-nums; }
html[data-mix-theme="mix-fiscal-default"] .mix-record-card { position: relative; }
html[data-mix-theme="mix-fiscal-default"] .mix-record-card__code { display: inline-flex; }
html[data-mix-theme="mix-fiscal-default"] .mix-record-card__counters { display: flex; align-items: center; gap: 4px; margin-top: -4px; }
html[data-mix-theme="mix-fiscal-default"] .mix-record-card__counters .mix-record-card__counter { padding-left: 0; height: 22px; }
/* Resumo do registro ao passar o mouse no ID ou na identidade (CNPJ, razão social, fantasia). */
html[data-mix-theme="mix-fiscal-default"] .mix-record-card__summary { position: absolute; z-index: 5; top: 118px; left: 10px; right: 10px; display: grid; gap: 6px; padding: 12px 14px; border-radius: 14px; background: linear-gradient(135deg, rgb(255 255 255 / 98%), rgb(246 251 255 / 96%)); box-shadow: inset 0 0 0 1.5px var(--mix-blue), 0 24px 50px -22px rgb(14 48 80 / 55%); opacity: 0; visibility: hidden; transform: translateY(-4px); transition: opacity .16s ease, transform .16s ease, visibility 0s linear .16s; pointer-events: none; }
html[data-mix-theme="mix-fiscal-default"] .mix-record-card:has([data-mix-card-summary-zone]:hover) .mix-record-card__summary { opacity: 1; visibility: visible; transform: none; transition: opacity .16s ease .35s, transform .16s ease .35s, visibility 0s linear .35s; }
html[data-mix-theme="mix-fiscal-default"] .mix-record-card:has([data-mix-card-summary-zone]:hover) { z-index: 6; }
html[data-mix-theme="mix-fiscal-default"] .mix-record-card__summary header { display: flex; align-items: center; gap: 6px; color: var(--mix-blue-deep); font-size: 11px; letter-spacing: .05em; text-transform: uppercase; }
html[data-mix-theme="mix-fiscal-default"] .mix-record-card__summary header svg { width: 15px; height: 15px; }
html[data-mix-theme="mix-fiscal-default"] .mix-record-card__summary p { margin: 0; font-size: 12.5px; line-height: 1.45; color: var(--mix-body); }
html[data-mix-theme="mix-fiscal-default"] .mix-record-card__summary small { font-size: 10.5px; color: var(--mix-muted); }
@media (prefers-reduced-motion: reduce) { html[data-mix-theme="mix-fiscal-default"] .mix-record-card__summary { transition: none !important; } }
/* Tipo do cadastro em linha (coluna da lista, cabeçalho da página): ícone com tamanho certo + rótulo. */
html[data-mix-theme="mix-fiscal-default"] .mix-type-tag { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; color: var(--mix-blue-deep); font-size: 12.5px; white-space: nowrap; }
html[data-mix-theme="mix-fiscal-default"] .mix-type-tag svg { width: 16px; height: 16px; flex: none; }
html[data-mix-theme="mix-fiscal-default"] .mix-type-tag.is-success { color: #12885a; }
html[data-mix-theme="mix-fiscal-default"] .mix-type-tag.is-warning { color: #b56d00; }
html[data-mix-theme="mix-fiscal-default"] .mix-type-tag.is-danger { color: #c0303c; }
html[data-mix-theme="mix-fiscal-default"] .mix-type-tag.is-muted { color: #7c8aa0; }

/* Janelinha de opções ancorada num ícone (MixUI.openActionMenu): o mesmo menu da barra, flutuante. */
html[data-mix-theme="mix-fiscal-default"] .mix-action-menu { position: fixed; z-index: 1200; min-width: 230px; max-width: min(340px, calc(100vw - 16px)); animation: task-toolbar-floor-in 140ms ease-out; }
html[data-mix-theme="mix-fiscal-default"] .mix-action-menu .task-toolbar-tray { display: block; width: 100%; padding: 8px; border-radius: 16px; background: linear-gradient(135deg, rgb(255 255 255 / 98%), rgb(250 253 255 / 94%)); box-shadow: inset 0 0 0 1.5px var(--mix-blue), 0 30px 70px -28px rgb(14 48 80 / 55%), 0 8px 20px -12px rgb(14 48 80 / 25%); }
html[data-mix-theme="mix-fiscal-default"] .mix-action-menu .task-toolbar-tray::before { content: none !important; }
html[data-mix-theme="mix-fiscal-default"] .mix-action-menu .task-more { width: 100% !important; }
html[data-mix-theme="mix-fiscal-default"] .mix-action-menu .task-more-item { width: 100%; text-decoration: none; }
html[data-mix-theme="mix-fiscal-default"] .mix-action-menu .task-more-item small { margin-left: auto; padding-left: 12px; font-variant-numeric: tabular-nums; }
html[data-mix-theme="mix-fiscal-default"] .mix-action-menu__title { display: block; padding: 4px 8px 6px; }
html[data-mix-theme="mix-fiscal-default"] .mix-action-menu__empty { margin: 0; padding: 8px; font-size: 12.5px; color: var(--mix-muted); }
html[data-mix-theme="mix-fiscal-default"] .mix-action-menu__caret { position: absolute; z-index: 1; top: 0; left: var(--mix-action-caret-x, 50%); width: 12px; height: 12px; margin: -6px 0 0 -6px; border-top: 1.5px solid var(--mix-blue); border-left: 1.5px solid var(--mix-blue); border-top-left-radius: 3px; background: #fdfeff; transform: rotate(45deg); }
html[data-mix-theme="mix-fiscal-default"] .mix-action-menu.is-above .mix-action-menu__caret { top: auto; bottom: 0; margin: 0 0 -6px -6px; transform: rotate(225deg); }
@media (prefers-reduced-motion: reduce) { html[data-mix-theme="mix-fiscal-default"] .mix-action-menu { animation: none; } }
/* Espaço do alerta reservado no cartão: os ícones da base não mudam de lugar. */
html[data-mix-theme="mix-fiscal-default"] .mix-record-card__alert.is-empty { visibility: hidden; }
html[data-mix-theme="mix-fiscal-default"] .mix-record-card__counter[aria-haspopup] { cursor: default; border-radius: 8px; }
html[data-mix-theme="mix-fiscal-default"] .mix-record-card__counter[aria-expanded="true"] { color: var(--mix-blue-deep); background: rgb(20 112 184 / 8%); }

/* Itens empilhados da janelinha (nome em negrito, cargo, telefone) e corpo livre (resumo do registro). */
html[data-mix-theme="mix-fiscal-default"] .mix-action-menu .task-more-item:has(.mix-action-menu__stack) { align-items: flex-start; height: auto !important; min-height: 0; padding-top: 8px !important; padding-bottom: 8px !important; }
html[data-mix-theme="mix-fiscal-default"] .mix-action-menu .task-more-item:has(.mix-action-menu__stack) svg { margin-top: 2px; }
html[data-mix-theme="mix-fiscal-default"] .mix-action-menu__stack { display: grid; gap: 1px; min-width: 0; text-align: left; }
html[data-mix-theme="mix-fiscal-default"] .mix-action-menu__stack b { font-size: 13px; font-weight: 700; color: var(--mix-navy, #0e2238); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
html[data-mix-theme="mix-fiscal-default"] .mix-action-menu .mix-action-menu__stack small { margin: 0 !important; padding: 0 !important; font-size: 11.5px; color: var(--mix-muted); font-variant-numeric: tabular-nums; }
html[data-mix-theme="mix-fiscal-default"] .mix-action-menu__body { display: grid !important; gap: 6px; padding: 12px 14px !important; }
html[data-mix-theme="mix-fiscal-default"] .mix-action-menu__body header { display: flex; align-items: center; gap: 6px; color: var(--mix-blue-deep); font-size: 11px; letter-spacing: .05em; text-transform: uppercase; }
html[data-mix-theme="mix-fiscal-default"] .mix-action-menu__body header svg { width: 15px; height: 15px; }
html[data-mix-theme="mix-fiscal-default"] .mix-action-menu__body p { margin: 0; font-size: 12.5px; line-height: 1.45; color: var(--mix-body); }
html[data-mix-theme="mix-fiscal-default"] .mix-action-menu__body small { font-size: 10.5px; color: var(--mix-muted); }

/* Select padrão (MixUI.enhanceSelect): campo + card branco de opções com borda leve — o mesmo card da seleção múltipla e do select digitável. */
html[data-mix-theme="mix-fiscal-default"] .mix-select { position: relative; display: block; min-width: 0; }
html[data-mix-theme="mix-fiscal-default"] .mix-select__native { position: absolute !important; inset: 0; width: 100% !important; height: 100% !important; min-height: 0 !important; margin: 0 !important; opacity: 0 !important; pointer-events: none !important; }
html[data-mix-theme="mix-fiscal-default"] .mix-select__field { display: flex; align-items: center; gap: 8px; width: 100%; min-height: 32px; padding: 4px 10px; border: 0; border-radius: 10px; background: rgb(255 255 255 / 92%); box-shadow: inset 0 0 0 1px rgb(165 190 215 / 70%); color: var(--mix-navy, #0e2238); font: inherit; font-size: 13px; text-align: left; cursor: pointer; }
html[data-mix-theme="mix-fiscal-default"] .mix-select__field:hover { box-shadow: inset 0 0 0 1px rgb(20 112 184 / 55%); }
html[data-mix-theme="mix-fiscal-default"] .mix-select__field:focus-visible, html[data-mix-theme="mix-fiscal-default"] .mix-select.is-open .mix-select__field { outline: 0; box-shadow: inset 0 0 0 1.5px var(--mix-blue, #1470b8); }
html[data-mix-theme="mix-fiscal-default"] .mix-select__field:disabled { opacity: .55; cursor: default; }
html[data-mix-theme="mix-fiscal-default"] .mix-select__label { flex: 1; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
html[data-mix-theme="mix-fiscal-default"] .mix-select__label.is-placeholder { color: #8494a8; }
html[data-mix-theme="mix-fiscal-default"] .mix-select__field svg { width: 14px; height: 14px; flex: none; opacity: .6; transition: transform .14s ease; }
html[data-mix-theme="mix-fiscal-default"] .mix-select.is-open .mix-select__field svg { transform: rotate(180deg); }
html[data-mix-theme="mix-fiscal-default"] .mix-select__list { position: fixed; z-index: 1300; display: grid; grid-template-rows: auto minmax(0, 1fr); gap: 4px; max-width: min(420px, calc(100vw - 16px)); padding: 6px; border: 1px solid rgb(20 112 184 / 22%); border-radius: 12px; background: #fff; box-shadow: 0 22px 48px -24px rgb(20 66 110 / 55%), 0 4px 12px -6px rgb(20 66 110 / 18%); overflow: hidden; animation: task-toolbar-floor-in 120ms ease-out; }
html[data-mix-theme="mix-fiscal-default"] .mix-select__options { display: grid; gap: 1px; overflow-y: auto; min-height: 0; }
html[data-mix-theme="mix-fiscal-default"] .mix-select__option { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 32px; padding: 5px 10px; border: 0; border-radius: 8px; background: transparent; color: var(--mix-body, #51617a); font: inherit; font-size: 13px; text-align: left; cursor: pointer; }
html[data-mix-theme="mix-fiscal-default"] .mix-select__option[hidden] { display: none; }
html[data-mix-theme="mix-fiscal-default"] .mix-select__option:hover, html[data-mix-theme="mix-fiscal-default"] .mix-select__option.is-active { background: rgb(20 112 184 / 8%); color: var(--mix-navy, #0e2238); }
html[data-mix-theme="mix-fiscal-default"] .mix-select__option.is-selected { color: var(--mix-blue-deep, #0f4c81); font-weight: 700; }
html[data-mix-theme="mix-fiscal-default"] .mix-select__option svg { width: 15px; height: 15px; flex: none; opacity: 0; color: var(--mix-blue, #1470b8); }
html[data-mix-theme="mix-fiscal-default"] .mix-select__option.is-selected svg { opacity: 1; }
html[data-mix-theme="mix-fiscal-default"] .mix-select__option:disabled { opacity: .45; cursor: default; }
html[data-mix-theme="mix-fiscal-default"] .mix-select__search { display: flex; align-items: center; gap: 8px; height: 34px; padding: 0 10px; border-radius: 9px; box-shadow: inset 0 0 0 1px rgb(165 190 215 / 70%); }
html[data-mix-theme="mix-fiscal-default"] .mix-select__search:focus-within { box-shadow: inset 0 0 0 1.5px var(--mix-blue, #1470b8); }
html[data-mix-theme="mix-fiscal-default"] .mix-select__search svg { width: 14px; height: 14px; opacity: .55; flex: none; }
html[data-mix-theme="mix-fiscal-default"] .mix-select__search input { flex: 1; min-width: 0; height: 30px !important; min-height: 0 !important; padding: 0 !important; border: 0 !important; outline: 0 !important; background: transparent !important; box-shadow: none !important; font: inherit; font-size: 13px; }
html[data-mix-theme="mix-fiscal-default"] .mix-select__empty { margin: 0; padding: 8px 10px; font-size: 12.5px; color: var(--mix-muted); }
/* Mesma borda leve nos outros dois cards de opções (seleção múltipla dos filtros e select digitável). */
html[data-mix-theme="mix-fiscal-default"] body .task-search-combo-list { border: 1px solid rgb(20 112 184 / 22%) !important; }
html[data-mix-theme="mix-fiscal-default"] body .mix-combobox__listbox { border: 1px solid rgb(20 112 184 / 22%) !important; border-radius: 12px !important; box-shadow: 0 22px 48px -24px rgb(20 66 110 / 55%), 0 4px 12px -6px rgb(20 66 110 / 18%) !important; }
@media (prefers-reduced-motion: reduce) { html[data-mix-theme="mix-fiscal-default"] .mix-select__list { animation: none; } }

/* Título de seção (MixUI.sectionTitle): pílula azul com ícone, encaixada na borda superior do card da seção (.mix-section-card). */
html[data-mix-theme="mix-fiscal-default"] body :is(.mix-section-card, .task-page .mix-section-card.task-page-panel) { position: relative; margin-top: 14px !important; padding-top: 30px !important; border: 1px solid rgb(20 112 184 / 38%) !important; border-radius: 18px !important; overflow: visible !important; }
html[data-mix-theme="mix-fiscal-default"] body .mix-section-card > .task-page-panel-head { min-height: 0; margin: 0 !important; }
html[data-mix-theme="mix-fiscal-default"] body .mix-section-card .mix-section-title { position: absolute; top: 0; left: 26px; z-index: 2; transform: translateY(-50%); display: inline-flex; align-items: center; gap: 7px; height: 26px; margin: 0 !important; padding: 0 13px 0 10px; border-radius: 999px; background: linear-gradient(180deg, #1b7cc6, #125f9e); box-shadow: 0 10px 22px -10px rgb(18 95 158 / 65%), inset 0 1px 0 rgb(255 255 255 / 22%); color: #fff !important; font-size: 10.5px !important; font-weight: 700 !important; letter-spacing: .08em !important; text-transform: uppercase; white-space: nowrap; }
html[data-mix-theme="mix-fiscal-default"] body .mix-section-title svg { width: 14px; height: 14px; flex: none; }
html[data-mix-theme="mix-fiscal-default"] body .mix-section-title small { min-width: 20px; padding: 1px 7px; border-radius: 999px; background: rgb(255 255 255 / 22%); color: #fff !important; font-size: 10px !important; font-weight: 700; letter-spacing: 0; text-align: center; }
html[data-mix-theme="mix-fiscal-default"] body .mix-section-card > .task-page-panel-head > :is(.crm-360-edit-controls, .mix-section-card__tools) { position: absolute; top: 12px; right: 14px; z-index: 2; }

/* Campo de tamanho fixo (CNPJ, CPF, CEP...): a caixa acompanha o tamanho do dado. Uso: class="mix-input-fit" style="--mix-fit-chars:18". */
html[data-mix-theme="mix-fiscal-default"] body input.mix-input-fit { width: calc(var(--mix-fit-chars, 14) * 1ch + 26px) !important; max-width: 100%; flex: none !important; font-variant-numeric: tabular-nums; letter-spacing: .01em; }

/* Área ocupada (MixUI.busy): véu com o carregando padrão sobre a seção/card enquanto uma consulta roda. */
html[data-mix-theme="mix-fiscal-default"] .is-mix-busy { position: relative; }
html[data-mix-theme="mix-fiscal-default"] .mix-busy-veil { position: absolute; inset: 0; z-index: 6; display: grid; place-items: center; border-radius: inherit; background: rgb(255 255 255 / 66%); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); }
html[data-mix-theme="mix-fiscal-default"] .mix-busy-veil .mix-loading { width: auto; min-height: 0; padding: 12px 18px; border: 1px solid rgb(255 255 255 / 88%); border-radius: 14px; background: rgb(255 255 255 / 95%); box-shadow: 0 18px 54px rgb(16 42 67 / 18%); }
html[data-mix-theme="mix-fiscal-default"] body .mix-section-card .mix-section-title :is(span, svg) { color: #fff !important; }

/* Notificação da plataforma (.app-toast, rodapé à direita): o tom aparece numa faixa lateral e o texto ganha contraste. */
html[data-mix-theme="mix-fiscal-default"] body .app-toast { padding: 13px 16px 13px 18px; border-radius: 12px; border-left: 4px solid var(--mix-blue, #1470b8) !important; color: var(--mix-ink, #0e2238) !important; font-size: 13px; font-weight: 700; }
html[data-mix-theme="mix-fiscal-default"] body .app-toast:is(.success, .celebrate) { border-left-color: #147b34 !important; }
html[data-mix-theme="mix-fiscal-default"] body .app-toast.warning { border-left-color: #d38a0a !important; }
html[data-mix-theme="mix-fiscal-default"] body .app-toast.error { border-left-color: #c0392f !important; }

/* Select que aceita opção nova (MixUI.combobox allowCreate): "Cadastrar ..." no fim da lista. */
html[data-mix-theme="mix-fiscal-default"] body .mix-combobox__create { display: flex; align-items: center; gap: 7px; width: 100%; padding: 8px 10px; border: 0; border-top: 1px solid rgb(15 40 70 / 8%); border-radius: 0 0 8px 8px; background: transparent; color: var(--mix-blue, #1470b8); font-size: 12.5px; font-weight: 600; text-align: left; cursor: pointer; }
html[data-mix-theme="mix-fiscal-default"] body .mix-combobox__create[hidden] { display: none; }
html[data-mix-theme="mix-fiscal-default"] body .mix-combobox__create:hover { background: rgb(20 112 184 / 8%); }
html[data-mix-theme="mix-fiscal-default"] body .mix-combobox__create strong { font-weight: 700; }

/* Jornada em chevrons (etapas de pipeline/projeto com cor): a atual acesa, as passadas em tom da cor, as próximas apagadas. */
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-stages.is-journey { gap: 0; row-gap: 6px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-stages.is-journey .task-page-stage { position: relative; height: 28px; margin-left: -7px; padding: 0 16px 0 22px; border-radius: 0; background: rgb(15 40 70 / 7%); color: #7a8ba1; font-size: 11px; font-weight: 600; letter-spacing: .01em; clip-path: polygon(0 0, calc(100% - 11px) 0, 100% 50%, calc(100% - 11px) 100%, 0 100%, 11px 50%); box-shadow: none !important; transition: background .15s ease, color .15s ease; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-stages.is-journey .task-page-stage:first-child { margin-left: 0; padding-left: 14px; border-radius: 8px 0 0 8px; clip-path: polygon(0 0, calc(100% - 11px) 0, 100% 50%, calc(100% - 11px) 100%, 0 100%); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-stages.is-journey .task-page-stage:not(:disabled):hover { background: color-mix(in srgb, var(--task-stage-color) 26%, white); color: var(--mix-ink-2); }
/* Só a etapa atual acende; as passadas e as próximas ficam no cinza-azulado do sistema (leitura imediata de onde o card está). */
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-stages.is-journey .task-page-stage.is-past { background: rgb(15 40 70 / 7%); color: #7a8ba1; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-stages.is-journey .task-page-stage.is-current { background: var(--task-stage-color); color: #fff; font-weight: 700; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-stages.is-journey .task-page-stage.is-won.is-current { background: #147b34; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-stages.is-journey .task-page-stage.is-lost.is-current { background: #c0392f; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-stages.is-journey small { margin-left: 12px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-stages.is-journey .task-page-stage > span { color: inherit !important; font: inherit; }

/* Contexto no título do módulo: "Pipelines › Nome" (estrela = favorito). */
html[data-mix-theme="mix-fiscal-default"] .mix-module-page-header__title h1 .mix-page-title-context { display: inline-flex; align-items: center; gap: 6px; margin-left: 8px; font-weight: 600; color: var(--mix-body, #51617a); }
html[data-mix-theme="mix-fiscal-default"] .mix-module-page-header__title h1 .mix-page-title-context i { font-style: normal; color: #9aa9bd; }
html[data-mix-theme="mix-fiscal-default"] .mix-module-page-header__title h1 .mix-page-title-star { width: 14px; height: 14px; color: #e5a11a; }

/* Divisor arrastável da grade principal/lateral (MixUI.mountSplitResizers): proporção salva por pessoa. */
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-grid[data-mix-split-ready] { grid-template-columns: minmax(0, 1fr) 10px minmax(240px, var(--task-side, 26%)); gap: 0 8px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-grid.is-resizing { user-select: none; cursor: col-resize; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-resizer { position: relative; align-self: stretch; display: flex; align-items: flex-start; justify-content: center; padding-top: 18px; cursor: col-resize; border-radius: 6px; outline: none; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-resizer span { display: block; width: 4px; height: 44px; border-radius: 999px; background: rgb(20 112 184 / 18%); transition: background .15s ease, height .15s ease; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) :is(.task-page-resizer:hover, .task-page-resizer:focus-visible, .task-page-grid.is-resizing .task-page-resizer) span { height: 64px; background: var(--mix-blue, #1470b8); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-resizer::after { content: attr(data-split); position: absolute; top: 90px; left: 50%; transform: translateX(-50%); padding: 3px 8px; border-radius: 999px; background: #0b1f36; color: #fff; font-size: 10.5px; font-weight: 700; letter-spacing: .04em; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity .15s ease; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) :is(.task-page-resizer:hover, .task-page-resizer:focus-visible, .task-page-grid.is-resizing .task-page-resizer)::after { opacity: 1; }
@media (max-width: 1100px) {
  html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-grid[data-mix-split-ready] { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-resizer { display: none; }
}

/* Seção livre (sem moldura): o conteúdo flutua sobre o fundo e o título é o mesmo badge azul das seções em card.
   Padrão decidido em 23/09 para a lateral das fichas (linha do tempo, produtos, resumo IA). */
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .mix-free-section { display: grid; gap: 12px; padding: 0 4px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; background-image: none !important; box-shadow: none !important; position: static !important; backdrop-filter: none !important; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .task-page-side > .mix-free-section + .mix-free-section { margin-top: 10px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .mix-free-section > :is(.task-page-panel-head, header) { display: flex; align-items: center; gap: 8px; min-height: 26px; margin: 0; padding: 0; border: 0; }
html[data-mix-theme="mix-fiscal-default"] body .mix-free-section .mix-section-title { position: static !important; transform: none !important; display: inline-flex; align-items: center; gap: 7px; height: 26px; margin: 0 !important; padding: 0 13px 0 10px; border-radius: 999px; background: linear-gradient(180deg, #1b7cc6, #125f9e); box-shadow: 0 10px 22px -10px rgb(18 95 158 / 65%), inset 0 1px 0 rgb(255 255 255 / 22%); color: #fff !important; font-size: 10.5px !important; font-weight: 700 !important; letter-spacing: .08em !important; text-transform: uppercase; white-space: nowrap; }
html[data-mix-theme="mix-fiscal-default"] body .mix-free-section .mix-section-title :is(span, svg) { color: #fff !important; }
html[data-mix-theme="mix-fiscal-default"] body .mix-free-section .mix-section-title small { min-width: 20px; padding: 1px 7px; border-radius: 999px; background: rgb(255 255 255 / 22%); color: #fff !important; font-size: 10px; }
/* Linha do tempo padrão (marcos por dia): badge de data, itens recuados, bolinhas, chevron de etapa na cor do funil. */
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .mix-timeline-feed { display: grid; gap: 14px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .mix-timeline-feed__day { display: grid; gap: 8px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .mix-timeline-feed__date { justify-self: start; padding: 3px 10px; border-radius: 999px; background: rgb(15 40 70 / 7%); color: #51617a; font-size: 10.5px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; font-variant-numeric: tabular-nums; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .mix-timeline-feed ol { display: grid; gap: 0; margin: 0 0 0 14px; padding: 0 0 0 6px; list-style: none; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .mix-timeline-feed li { position: relative; display: grid; gap: 2px; padding: 0 0 12px 22px; border-left: 1.5px solid rgb(20 112 184 / 18%); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .mix-timeline-feed li:last-child { padding-bottom: 2px; border-left-color: transparent; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .mix-timeline-feed li > i { position: absolute; top: 2px; left: -6px; width: 10px; height: 10px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 2px rgb(20 112 184 / 35%); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .mix-timeline-feed li.is-current > i { background: var(--mix-blue, #1470b8); box-shadow: 0 0 0 3px rgb(20 112 184 / 22%); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .mix-timeline-feed li.is-stage > i { background: var(--task-stage-color, #1470b8); box-shadow: 0 0 0 3px color-mix(in srgb, var(--task-stage-color, #1470b8) 22%, white); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .mix-timeline-feed li.is-activity { margin-left: -12px; padding: 8px 12px 10px 28px; border-radius: 12px; background: rgb(20 112 184 / 7%); border-left-color: transparent; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .mix-timeline-feed li.is-activity > i { left: 6px; top: 10px; background: var(--mix-blue, #1470b8); box-shadow: 0 0 0 3px rgb(20 112 184 / 22%); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .mix-timeline-feed li > strong { font-size: 12.5px; font-weight: 700; color: #0b1f36; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .mix-timeline-feed li.is-activity > strong { color: var(--mix-blue-deep, #125f9e); }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .mix-timeline-feed__fact { font-size: 12.5px; color: #33475f; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .mix-timeline-feed__meta { font-size: 10.5px; color: #7a8ba1; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .mix-timeline-feed__stage { display: inline-flex; margin: 1px 0 3px; }
html[data-mix-theme="mix-fiscal-default"] body .mix-timeline-feed__stage .task-page-stage { display: inline-flex !important; align-items: center !important; margin-left: 0 !important; height: 24px !important; padding: 0 14px 0 12px !important; border-radius: 6px 0 0 6px !important; font-size: 10.5px !important; line-height: 1 !important; clip-path: polygon(0 0, calc(100% - 9px) 0, 100% 50%, calc(100% - 9px) 100%, 0 100%) !important; cursor: default; color: #fff !important; font-weight: 700 !important; }
html[data-mix-theme="mix-fiscal-default"] body .mix-timeline-feed__stage .task-page-stage > span { color: #fff !important; line-height: 1 !important; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .mix-timeline-feed__row { display: grid; grid-template-columns: 14px 78px minmax(0, 1fr); align-items: center; gap: 8px; font-size: 12px; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .mix-timeline-feed__row svg { width: 13px; height: 13px; color: #7a8ba1; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .mix-timeline-feed__row small { font-size: 9.5px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; color: #7a8ba1; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .mix-timeline-feed__row b { font-weight: 600; color: #0b1f36; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .mix-timeline-feed .task-page-person { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; color: #0b1f36; }
html[data-mix-theme="mix-fiscal-default"] :is(.management-page, *) .mix-timeline-feed .task-page-avatar { width: 22px !important; height: 22px !important; border-radius: 50%; object-fit: cover; display: inline-flex; align-items: center; justify-content: center; background: #1470b8; color: #fff; font-size: 9px; font-weight: 700; }

/* Abas de segundo nível (discretas: texto + sublinhado), promovidas de Análises (.ta-tabs). Ficam fora de card, sobre o fundo. */
html[data-mix-theme="mix-fiscal-default"] .mix-subtabs { display: flex; flex-wrap: wrap; gap: 2px 18px; padding: 0 4px; margin: 0 0 14px; border-bottom: 1px solid rgb(19 55 92 / 10%); }
html[data-mix-theme="mix-fiscal-default"] .mix-subtabs button { position: relative; padding: 6px 0 9px; border: 0; background: transparent; font: inherit; font-size: 13px; font-weight: 500; color: var(--mix-muted, #64748b); cursor: pointer; }
html[data-mix-theme="mix-fiscal-default"] .mix-subtabs button:hover { color: var(--mix-navy, #0e2238); }
html[data-mix-theme="mix-fiscal-default"] .mix-subtabs button.is-active { font-weight: 700; color: var(--mix-navy, #0e2238); }
html[data-mix-theme="mix-fiscal-default"] .mix-subtabs button.is-active::after { content: ""; position: absolute; inset: auto 0 -1px; height: 2px; border-radius: 2px; background: var(--mix-blue, #1470b8); }
html[data-mix-theme="mix-fiscal-default"] .mix-subtabs button.is-soon:not(.is-active) { opacity: .55; }
/* Select do DS: o valor escolhido (mesmo longo, com descrição) cabe na largura do campo, em uma linha com reticências. */
html[data-mix-theme="mix-fiscal-default"] .mix-select { max-width: 100%; }
html[data-mix-theme="mix-fiscal-default"] .mix-select__field { max-width: 100%; min-width: 0; overflow: hidden; }
html[data-mix-theme="mix-fiscal-default"] .mix-select__field > svg { flex: none; }

/* Superfície padrão (.mix-std-surface): o visual de Projetos e Tarefas/Dash aplicado a páginas inteiras (Home e Workspace).
   Cartões = vidro (tokens --task-glass*), título do cartão em caixa alta pequena, abrir = ícone sem caixa,
   seções = pílula azul (MixUI.sectionTitle) sobre o fundo, indicadores = MixUI.statGrid, vazio = texto discreto. */
html[data-mix-theme="mix-fiscal-default"] body .mix-std-surface { --mix-card-outline-border: var(--task-glass-border); --mix-card-outline-background: var(--task-glass); --mix-card-outline-shadow: var(--task-glass-shadow); --mix-card-radius: 16px; --mix-card-list-border: rgb(36 54 81 / 8%); }
html[data-mix-theme="mix-fiscal-default"] body #app .mix-std-surface [data-mix-component="card"].mix-card { border: 1px solid var(--task-glass-border) !important; border-radius: 16px !important; background: var(--task-glass) !important; box-shadow: var(--task-glass-shadow) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
html[data-mix-theme="mix-fiscal-default"] body #app .mix-std-surface [data-mix-component="card"].mix-card > .mix-surface__header { min-height: 0 !important; padding: 14px 14px 2px 18px !important; border-bottom: 0 !important; background: transparent !important; }
html[data-mix-theme="mix-fiscal-default"] body #app .mix-std-surface [data-mix-component="card"].mix-card > .mix-surface__header h2 { margin: 0 !important; color: var(--mix-ink) !important; font-size: 11px !important; line-height: 1.3 !important; font-weight: 700 !important; letter-spacing: .06em !important; text-transform: uppercase; }
html[data-mix-theme="mix-fiscal-default"] body #app .mix-std-surface [data-mix-component="card"].mix-card > .mix-surface__body { padding: 8px 18px 16px !important; }
html[data-mix-theme="mix-fiscal-default"] body #app .mix-std-surface .app-card-open-action { width: 28px !important; min-width: 28px !important; height: 28px !important; border: 0 !important; background: transparent !important; box-shadow: none !important; color: var(--mix-ink-2) !important; }
html[data-mix-theme="mix-fiscal-default"] body #app .mix-std-surface .app-card-open-action:hover { background: rgb(20 112 184 / 8%) !important; color: var(--mix-blue) !important; }
/* Seções: a pílula azul fica solta sobre o fundo (mesmo desenho do título dos cards de seção). */
html[data-mix-theme="mix-fiscal-default"] body :is(.mix-free-section, .mix-section-head) .mix-section-title { position: static !important; transform: none !important; display: inline-flex; align-items: center; gap: 7px; height: 26px; margin: 0 !important; padding: 0 13px 0 10px !important; border-radius: 999px; background: linear-gradient(180deg, #1b7cc6, #125f9e) !important; box-shadow: 0 10px 22px -10px rgb(18 95 158 / 65%), inset 0 1px 0 rgb(255 255 255 / 22%); color: #fff !important; font-size: 10.5px !important; line-height: 1 !important; font-weight: 700 !important; letter-spacing: .08em !important; text-transform: uppercase; white-space: nowrap; }
html[data-mix-theme="mix-fiscal-default"] body .mix-section-head .mix-section-title :is(span, svg) { color: #fff !important; font-size: inherit !important; }
html[data-mix-theme="mix-fiscal-default"] body .mix-section-head { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px; min-height: 30px !important; padding: 0 4px !important; }
/* Indicadores dentro de um cartão: tiles mais leves que os soltos na página. */
html[data-mix-theme="mix-fiscal-default"] body .mix-std-surface .mix-card .mix-stat-grid { grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)); gap: 8px; }
html[data-mix-theme="mix-fiscal-default"] body .mix-std-surface .mix-card .mix-stat { padding: 9px 12px; background: rgb(255 255 255 / 55%); box-shadow: none; }
html[data-mix-theme="mix-fiscal-default"] body .mix-std-surface .mix-card .mix-stat strong { font-size: 20px; }
/* Vazio: texto discreto, sem caixa tracejada (como no Dash). */
html[data-mix-theme="mix-fiscal-default"] body #app .mix-std-surface :is(.mix-empty-state, .mix-empty, .soft-empty) { min-height: 0 !important; padding: 14px 8px !important; border: 0 !important; border-radius: 12px !important; background: transparent !important; box-shadow: none !important; color: var(--mix-muted) !important; font-size: 12.5px !important; }
html[data-mix-theme="mix-fiscal-default"] body #app .mix-std-surface .mix-empty-state strong { color: var(--mix-ink-2) !important; font-size: 13px !important; }
html[data-mix-theme="mix-fiscal-default"] body #app .mix-std-surface .mix-empty-state p { font-size: 12px !important; }
html[data-mix-theme="mix-fiscal-default"] body #app .mix-std-surface .mix-empty-state__icon svg { width: 20px !important; height: 20px !important; opacity: .7; }
html[data-mix-theme="mix-fiscal-default"] body #app .mix-std-surface :is(.mix-empty-state, .mix-empty) { grid-column: 1 / -1; display: grid !important; grid-template-columns: minmax(0, 1fr) !important; place-items: center; align-content: center; gap: 4px; text-align: center; }
html[data-mix-theme="mix-fiscal-default"] body #app .mix-std-surface .app-home-department-grid:has(> .mix-stat-grid) { display: block !important; }
html[data-mix-theme="mix-fiscal-default"] body .mix-std-surface .app-home-department-stats { grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); }
html[data-mix-theme="mix-fiscal-default"] body #app .mix-std-surface .mixtv-home { display: grid; gap: 12px; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
html[data-mix-theme="mix-fiscal-default"] body #app .mix-std-surface .mixtv-home__header { margin: 0 !important; }
html[data-mix-theme="mix-fiscal-default"] body #app .mix-std-surface .mixtv-home__panel { padding: 16px 18px; border: 1px solid var(--task-glass-border); border-radius: 16px; background: var(--task-glass); box-shadow: var(--task-glass-shadow); }
html[data-mix-theme="mix-fiscal-default"] body #app .mix-std-surface .mixtv-home__surface { min-width: 0; }
html[data-mix-theme="mix-fiscal-default"] body .mix-std-surface .mix-card :is(.app-email-stats, .app-whats-monitor-stats) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
html[data-mix-theme="mix-fiscal-default"] body .mix-std-surface .mix-card .mix-stat span { white-space: normal; overflow: visible; line-height: 1.25; }
/* Workspace (E-mail, Calendário, Feedbacks, Drive, Social) no mesmo padrão: qualquer .mix-card/.mix-floating-section/.app-ds-panel vira vidro. */
html[data-mix-theme="mix-fiscal-default"] body #app .mix-std-surface :is(.mix-card, .mix-floating-section, .app-ds-panel, .mail-account-settings):not(.mix-empty-state) { border: 1px solid var(--task-glass-border) !important; border-radius: 16px !important; background: var(--task-glass) !important; box-shadow: var(--task-glass-shadow) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
html[data-mix-theme="mix-fiscal-default"] body #app .mix-std-surface .mix-card > .mix-surface__header { min-height: 0 !important; padding: 14px 14px 2px 18px !important; border-bottom: 0 !important; background: transparent !important; }
html[data-mix-theme="mix-fiscal-default"] body #app .mix-std-surface :is(.mix-card > .mix-surface__header h2, .mix-card > .section-head h2, .mix-floating-section__identity h2, .mail-settings-header h2) { margin: 0 !important; color: var(--mix-ink) !important; font-size: 11px !important; line-height: 1.3 !important; font-weight: 700 !important; letter-spacing: .06em !important; text-transform: uppercase; }
html[data-mix-theme="mix-fiscal-default"] body #app .mix-std-surface :is(.mix-card > .mix-surface__header, .mix-card > .section-head) p { margin: 2px 0 0 !important; color: var(--mix-muted) !important; font-size: 12px !important; }
html[data-mix-theme="mix-fiscal-default"] body #app .mix-std-surface :is(.mix-card > .section-head, .mix-floating-section__identity) h2 small { margin-left: 6px; padding: 1px 7px; border-radius: 999px; background: rgb(20 112 184 / 10%); color: var(--mix-blue-deep); font-size: 10.5px; letter-spacing: 0; }
html[data-mix-theme="mix-fiscal-default"] body #app .mix-std-surface .mix-card > .section-head { margin: 0 0 8px !important; padding: 0 0 0 !important; border-bottom: 0 !important; }
html[data-mix-theme="mix-fiscal-default"] body #app .mix-std-surface > .mix-stat-grid { margin: 0; }
html[data-mix-theme="mix-fiscal-default"] body #app .mix-std-surface .mail-settings-header { border-bottom: 0 !important; background: transparent !important; }
html[data-mix-theme="mix-fiscal-default"] body #app .mix-std-surface .mail-settings-header span { display: none !important; }
html[data-mix-theme="mix-fiscal-default"] body #app .mix-std-surface .app-ds-panel.mix-empty-state { padding: 22px 18px !important; border: 1px solid var(--task-glass-border) !important; border-radius: 16px !important; background: var(--task-glass) !important; box-shadow: var(--task-glass-shadow) !important; }

/* Data e hora padrão (MixUI.enhanceDateTime): campo da DS + card branco com o mês (.mix-calendar) e horários. */
html[data-mix-theme="mix-fiscal-default"] .mix-datetime { position: relative; display: block; min-width: 0; }
html[data-mix-theme="mix-fiscal-default"] body .mix-datetime__native { position: absolute !important; inset: 0; width: 100% !important; height: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; opacity: 0 !important; pointer-events: none !important; }
html[data-mix-theme="mix-fiscal-default"] body .mix-datetime__field { display: flex; align-items: center; gap: 8px; width: 100%; min-height: 38px; padding: 4px 12px; border: 0 !important; border-radius: 10px; background: rgb(255 255 255 / 94%) !important; box-shadow: inset 0 0 0 1px rgb(165 190 215 / 70%) !important; color: var(--mix-navy, #0e2238) !important; font: inherit; font-size: 13px !important; font-weight: 500 !important; letter-spacing: 0 !important; text-transform: none !important; font-variant-numeric: tabular-nums; text-align: left; cursor: pointer; }
html[data-mix-theme="mix-fiscal-default"] body .mix-datetime__field:hover { box-shadow: inset 0 0 0 1px rgb(20 112 184 / 55%) !important; }
html[data-mix-theme="mix-fiscal-default"] body :is(.mix-datetime__field:focus-visible, .mix-datetime.is-open .mix-datetime__field) { outline: 0; box-shadow: inset 0 0 0 1.5px var(--mix-blue, #1470b8) !important; }
html[data-mix-theme="mix-fiscal-default"] body .mix-datetime__field:disabled { opacity: .55; cursor: default; }
html[data-mix-theme="mix-fiscal-default"] .mix-datetime__field svg { width: 15px; height: 15px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; opacity: .6; }
html[data-mix-theme="mix-fiscal-default"] body .mix-datetime .mix-datetime__label { flex: 1; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: inherit !important; font-size: 13px !important; font-weight: 500 !important; letter-spacing: 0 !important; text-transform: none !important; }
html[data-mix-theme="mix-fiscal-default"] body .mix-datetime .mix-datetime__label.is-placeholder { color: #8494a8 !important; }
/* #165: o card de data/hora nasce no <body> e flutua acima de qualquer contêiner (janela .modal-backdrop 50000, painéis do cabeçalho, segundo andar e camada de comandos 250000), abaixo só dos toasts (260000). */
html[data-mix-theme="mix-fiscal-default"] body .mix-datetime__pop { position: fixed; z-index: var(--mix-layer-picker, 255000) !important; display: grid; gap: 6px; padding: 8px; border: 1px solid rgb(20 112 184 / 22%); border-radius: 14px; background: #fff; box-shadow: 0 22px 48px -24px rgb(20 66 110 / 55%), 0 4px 12px -6px rgb(20 66 110 / 18%); }
html[data-mix-theme="mix-fiscal-default"] .mix-datetime__body { display: flex; gap: 8px; }
html[data-mix-theme="mix-fiscal-default"] .mix-datetime__pop .mix-calendar { width: 272px; padding: 6px; border: 0; background: transparent; }
html[data-mix-theme="mix-fiscal-default"] .mix-datetime__pop .mix-calendar__days button { min-height: 32px; cursor: pointer; color: var(--mix-ink, #1f2d3d); }
html[data-mix-theme="mix-fiscal-default"] .mix-datetime__pop .mix-calendar__days button:hover:not(:disabled) { background: rgb(20 112 184 / 8%); }
html[data-mix-theme="mix-fiscal-default"] .mix-datetime__pop .mix-calendar__days button[data-today="true"] { box-shadow: inset 0 0 0 1px rgb(20 112 184 / 45%); }
html[data-mix-theme="mix-fiscal-default"] body .mix-datetime__pop .mix-calendar__days button[aria-pressed="true"] { background: var(--mix-blue, #1470b8) !important; color: #fff !important; }
html[data-mix-theme="mix-fiscal-default"] body .mix-datetime__pop .mix-calendar__days button[aria-pressed="true"] span { color: #fff !important; background: transparent !important; }
html[data-mix-theme="mix-fiscal-default"] .mix-datetime__pop .mix-calendar__days button:disabled { opacity: .3; cursor: not-allowed; }
html[data-mix-theme="mix-fiscal-default"] .mix-datetime__times { display: grid; grid-template-rows: auto minmax(0, 1fr); gap: 6px; width: 104px; max-height: 300px; }
html[data-mix-theme="mix-fiscal-default"] .mix-datetime--time .mix-datetime__pop .mix-datetime__times, html[data-mix-theme="mix-fiscal-default"] .mix-datetime__pop:not(:has(.mix-calendar)) .mix-datetime__times { width: 140px; }
html[data-mix-theme="mix-fiscal-default"] .mix-datetime__time-input { display: grid; gap: 3px; font-size: 10.5px; font-weight: 700; color: var(--mix-muted); text-transform: uppercase; letter-spacing: .05em; }
html[data-mix-theme="mix-fiscal-default"] body .mix-datetime__time-input input { width: 100%; min-height: 32px !important; padding: 4px 8px !important; border: 0 !important; border-radius: 8px !important; box-shadow: inset 0 0 0 1px rgb(165 190 215 / 70%) !important; font: inherit; font-size: 13px; font-variant-numeric: tabular-nums; text-transform: none; letter-spacing: 0; color: var(--mix-navy, #0e2238); background: #fff !important; }
html[data-mix-theme="mix-fiscal-default"] .mix-datetime__time-list { display: grid; gap: 1px; overflow-y: auto; min-height: 0; max-height: 250px; }
html[data-mix-theme="mix-fiscal-default"] body .mix-datetime__time-list button { min-height: 30px; padding: 4px 8px; border: 0 !important; border-radius: 8px; background: transparent !important; box-shadow: none !important; color: var(--mix-body, #51617a) !important; font: inherit; font-size: 13px; font-variant-numeric: tabular-nums; text-align: left; cursor: pointer; }
html[data-mix-theme="mix-fiscal-default"] body .mix-datetime__time-list button:hover { background: rgb(20 112 184 / 8%) !important; color: var(--mix-navy, #0e2238) !important; }
html[data-mix-theme="mix-fiscal-default"] body .mix-datetime__time-list button[aria-selected="true"] { background: var(--mix-blue, #1470b8) !important; color: #fff !important; font-weight: 700; }
html[data-mix-theme="mix-fiscal-default"] body .mix-datetime__time-list button:disabled { opacity: .35; cursor: not-allowed; }
html[data-mix-theme="mix-fiscal-default"] .mix-datetime__pop footer { display: flex; justify-content: space-between; gap: 8px; padding: 6px 6px 2px; border-top: 1px solid rgb(36 54 81 / 8%); }
html[data-mix-theme="mix-fiscal-default"] .mix-datetime__pop footer:empty { display: none; }
html[data-mix-theme="mix-fiscal-default"] body .mix-datetime__link { min-height: 0; padding: 2px 4px; border: 0 !important; background: none !important; box-shadow: none !important; color: var(--mix-blue, #1470b8) !important; font: inherit; font-size: 12.5px; font-weight: 700; cursor: pointer; }
@media (max-width: 560px) { html[data-mix-theme="mix-fiscal-default"] .mix-datetime__body { flex-direction: column; } html[data-mix-theme="mix-fiscal-default"] .mix-datetime__times { width: 100%; max-height: 180px; } html[data-mix-theme="mix-fiscal-default"] .mix-datetime__time-list { grid-template-columns: repeat(4, 1fr); } }
/* Prazo das tarefas (data + horário): com o campo da DS a data precisa caber em dd/mm/aaaa. */
html[data-mix-theme="mix-fiscal-default"] body .task-inline-datetime:has(.mix-datetime) { grid-template-columns: repeat(auto-fit, minmax(118px, 1fr)) !important; }
html[data-mix-theme="mix-fiscal-default"] body .task-inline-datetime .mix-datetime__field { min-height: 30px; padding: 2px 8px; gap: 6px; }

/* Ação principal (#1/#6): um <button type="submit"> sem classe própria é o botão primário da DS — azul, texto branco.
   Vale também para submit com .mix-btn/.btn sem variante (ex.: Feedbacks › Registrar feedback).
   Fora da regra: variantes explícitas (secondary, danger, success...) e botões só de ícone (com aria-label/title).
   Antes a regra genérica do tema o deixava branco (ex.: Social › Publicar). */
html[data-mix-theme="mix-fiscal-default"] body :is(button[type="submit"]:not([class], [aria-label], [title]), button[type="submit"]:is(.mix-btn, .btn):not(.secondary, .tertiary, .ghost, .danger, .warning, .success, .link, .mix-button--secondary, .mix-button--tertiary, .mix-button--ghost, .mix-button--danger, .mix-icon-button)) { min-height: 36px; padding: 0 16px; border: 1px solid var(--mix-blue) !important; border-radius: var(--mix-radius-md, 10px) !important; background: var(--mix-blue) !important; box-shadow: var(--mix-shadow-blue) !important; color: var(--mix-on-blue, #fff) !important; font-weight: 700 !important; cursor: pointer; }
html[data-mix-theme="mix-fiscal-default"] body :is(button[type="submit"]:not([class], [aria-label], [title]), button[type="submit"]:is(.mix-btn, .btn):not(.secondary, .tertiary, .ghost, .danger, .warning, .success, .link, .mix-button--secondary, .mix-button--tertiary, .mix-button--ghost, .mix-button--danger, .mix-icon-button)):hover:not(:disabled) { border-color: var(--mix-blue-deep) !important; background: var(--mix-blue-deep) !important; color: var(--mix-on-blue, #fff) !important; }
html[data-mix-theme="mix-fiscal-default"] body :is(button[type="submit"]:not([class], [aria-label], [title]), button[type="submit"]:is(.mix-btn, .btn):not(.secondary, .tertiary, .ghost, .danger, .warning, .success, .link, .mix-button--secondary, .mix-button--tertiary, .mix-button--ghost, .mix-button--danger, .mix-icon-button)):disabled { opacity: .55; cursor: default; }
/* Cabeçalho único das tabelas da DS (dataTable entity/Tarefas): sem faixa escura herdada de .template-page
   em nenhuma página (antes só as páginas halo-module limpavam o thead). */
html[data-mix-theme="mix-fiscal-default"] body #app .template-shell
  :is(.task-table-wrap, .mix-data-table-wrap--entity) table.mix-data-table thead,
html[data-mix-theme="mix-fiscal-default"] body #app .template-shell
  :is(.task-table-wrap, .mix-data-table-wrap--entity) table.mix-data-table thead tr {
  background: transparent !important;
  box-shadow: none !important;
}
html[data-mix-theme="mix-fiscal-default"] body #app .template-shell
  :is(.task-table-wrap, .mix-data-table-wrap--entity) table.mix-data-table thead th {
  border: 0 !important;
  background: transparent !important;
  color: var(--mix-muted, #6b7c91) !important;
  box-shadow: none !important;
}
/* Ícone/logotipo dentro de célula de tabela: tamanho único, sem estourar a linha. */
html[data-mix-theme="mix-fiscal-default"] body #app .template-shell .mix-data-table td :is(.mix-provider-logo, .contact-channel-icon) {
  width: 28px !important;
  min-width: 28px !important;
  height: 28px !important;
  flex: 0 0 28px;
  border-radius: 8px !important;
}
html[data-mix-theme="mix-fiscal-default"] body #app .template-shell .mix-data-table td :is(.mix-provider-logo, .contact-channel-icon) svg {
  width: 16px !important;
  height: 16px !important;
}
html[data-mix-theme="mix-fiscal-default"] body #app .template-shell .mix-data-table td .contact-operational-channel-main {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 220px;
}
html[data-mix-theme="mix-fiscal-default"] body #app .template-shell .mix-data-table td .contact-operational-channel-main > span:last-child {
  display: grid;
  min-width: 0;
}
html[data-mix-theme="mix-fiscal-default"] body #app .template-shell .mix-data-table td .contact-operational-channel-main :is(strong, small) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Título de página único (#33): referência = Inbox da Central. Vale para o cabeçalho de módulo (halo, Central e demais)
   e para MixUI.pageTitle em páginas com cabeçalho próprio. #app + body garantem precedência sobre regras de módulo. */
html[data-mix-theme="mix-fiscal-default"] { --mix-page-title-size: clamp(1rem, 1.12vw, 1.15rem); --mix-page-title-weight: 720; --mix-page-title-icon: 30px; }
html[data-mix-theme="mix-fiscal-default"] body #app :is(.mix-module-page-header .mix-module-page-header__title, .mix-page-title) { display: flex !important; align-items: center !important; gap: 8px !important; min-width: 0; min-height: 46px !important; padding: 7px 2px !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
html[data-mix-theme="mix-fiscal-default"] body #app :is(.mix-module-page-header .mix-module-page-header__title, .mix-page-title) h1 { margin: 0 !important; overflow: hidden; color: var(--mix-ink, #0e2238) !important; font-size: var(--mix-page-title-size) !important; font-weight: var(--mix-page-title-weight) !important; line-height: 1.15 !important; letter-spacing: -.012em !important; text-overflow: ellipsis; white-space: nowrap; }
html[data-mix-theme="mix-fiscal-default"] body #app :is(.mix-module-page-header .mix-module-page-header__title, .mix-page-title) .mix-page-header__icon { display: inline-grid !important; place-items: center; width: var(--mix-page-title-icon) !important; height: var(--mix-page-title-icon) !important; flex: 0 0 var(--mix-page-title-icon) !important; border: 1px solid rgb(119 175 220 / 32%) !important; border-radius: 10px !important; background: rgb(239 248 255 / 32%) !important; box-shadow: inset 0 1px 0 rgb(255 255 255 / 80%) !important; color: var(--mix-body, #51617a) !important; }
html[data-mix-theme="mix-fiscal-default"] body #app :is(.mix-module-page-header .mix-module-page-header__title, .mix-page-title) .mix-page-header__icon svg { width: 14px !important; height: 14px !important; }

/* CRM › Atividades (#41): resumo do dia, destaques e lista agrupada por dia (linha de atividade com ações rápidas). */
html[data-mix-theme="mix-fiscal-default"] body #app .crm-act-page { display: grid; gap: 16px; }
html[data-mix-theme="mix-fiscal-default"] body .crm-act-stats { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
html[data-mix-theme="mix-fiscal-default"] body .crm-act-stats .mix-stat[aria-pressed="true"] { box-shadow: inset 0 0 0 1.5px var(--mix-blue), var(--task-glass-shadow); }
html[data-mix-theme="mix-fiscal-default"] body .crm-act-panel { padding: 14px 16px; border: 1px solid var(--task-glass-border); border-radius: 16px; background: var(--task-glass); box-shadow: var(--task-glass-shadow); }
html[data-mix-theme="mix-fiscal-default"] body :is(.crm-act-filters, .crm-act-new) { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 10px 12px; align-items: end; margin: 0; }
html[data-mix-theme="mix-fiscal-default"] body :is(.crm-act-filters, .crm-act-new) label { display: grid; gap: 4px; margin: 0; color: var(--mix-muted); font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
html[data-mix-theme="mix-fiscal-default"] body :is(.crm-act-filters__search, .crm-act-new__title, .crm-act-new__desc) { grid-column: 1 / -1; }
html[data-mix-theme="mix-fiscal-default"] body .crm-act-filters__actions { grid-column: 1 / -1; display: flex; justify-content: flex-end; gap: 8px; }
html[data-mix-theme="mix-fiscal-default"] body .crm-act-highlight-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 10px; }
html[data-mix-theme="mix-fiscal-default"] body .crm-act-highlight { display: grid; gap: 6px; min-width: 0; padding: 12px 14px; border: 1px solid var(--task-glass-border); border-left: 4px solid var(--mix-blue); border-radius: 14px; background: var(--task-glass); box-shadow: var(--task-glass-shadow); }
html[data-mix-theme="mix-fiscal-default"] body .crm-act-highlight.is-overdue_value { border-left-color: #c0392f; }
html[data-mix-theme="mix-fiscal-default"] body .crm-act-highlight.is-meeting_soon { border-left-color: #6d4fd8; }
html[data-mix-theme="mix-fiscal-default"] body .crm-act-highlight.is-promised_return { border-left-color: #d38a0a; }
html[data-mix-theme="mix-fiscal-default"] body .crm-act-highlight.is-awaiting_reply { border-left-color: #147b34; }
html[data-mix-theme="mix-fiscal-default"] body .crm-act-highlight__kind { display: inline-flex; align-items: center; gap: 6px; color: var(--mix-muted); font-size: 10.5px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
html[data-mix-theme="mix-fiscal-default"] body .crm-act-highlight strong { color: var(--mix-ink) !important; font-size: 13.5px; line-height: 1.3; }
html[data-mix-theme="mix-fiscal-default"] body .crm-act-highlight small { color: var(--mix-body); font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-mix-theme="mix-fiscal-default"] body .crm-act-highlight footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 2px; font-size: 12px; color: var(--mix-body); }
html[data-mix-theme="mix-fiscal-default"] body :is(.crm-act-highlight, .crm-act-row) a { color: var(--mix-blue-deep); text-decoration: none; }
html[data-mix-theme="mix-fiscal-default"] body :is(.crm-act-highlight, .crm-act-row) a:hover { text-decoration: underline; }
html[data-mix-theme="mix-fiscal-default"] body .crm-act-highlight__done { min-height: 0; padding: 0; border: 0 !important; background: none !important; box-shadow: none !important; color: var(--mix-blue) !important; font-size: 12px; font-weight: 700; cursor: pointer; }
html[data-mix-theme="mix-fiscal-default"] body :is(.crm-act-highlight time, .crm-act-row__when).is-late { color: #c0392f; font-weight: 700; }
html[data-mix-theme="mix-fiscal-default"] body .crm-act-list { display: grid; gap: 6px; }
html[data-mix-theme="mix-fiscal-default"] body .crm-act-row { display: grid; grid-template-columns: 22px 30px minmax(0, 1fr) auto auto; align-items: center; gap: 12px; min-height: 54px; padding: 8px 10px 8px 14px; border: 1px solid var(--task-glass-border); border-radius: 14px; background: var(--task-glass); box-shadow: var(--task-glass-shadow); }
html[data-mix-theme="mix-fiscal-default"] body .crm-act-row.is-priority { box-shadow: inset 3px 0 0 #d38a0a, var(--task-glass-shadow); }
html[data-mix-theme="mix-fiscal-default"] body .crm-act-row.is-overdue.is-priority { box-shadow: inset 3px 0 0 #c0392f, var(--task-glass-shadow); }
html[data-mix-theme="mix-fiscal-default"] body .crm-act-row.is-done { opacity: .7; }
html[data-mix-theme="mix-fiscal-default"] body .crm-act-row.is-done .crm-act-row__title { text-decoration: line-through; }
html[data-mix-theme="mix-fiscal-default"] body .crm-act-check { display: grid; place-items: center; width: 20px; height: 20px; min-height: 0; padding: 0; border: 1.5px solid #a9b8c8 !important; border-radius: 50%; background: #fff !important; box-shadow: none !important; cursor: pointer; }
html[data-mix-theme="mix-fiscal-default"] body button.crm-act-check:hover { border-color: #147b34 !important; background: #e8f6ee !important; }
html[data-mix-theme="mix-fiscal-default"] body .crm-act-check.is-checked { border-color: #147b34 !important; background: #147b34 !important; }
html[data-mix-theme="mix-fiscal-default"] body .crm-act-type { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 10px; background: rgb(20 112 184 / 9%); color: var(--mix-blue-deep); }
html[data-mix-theme="mix-fiscal-default"] body .crm-act-type.is-call { background: #e8f6ee; color: #147b34; }
html[data-mix-theme="mix-fiscal-default"] body .crm-act-type.is-meeting { background: #efeafd; color: #5a3fc4; }
html[data-mix-theme="mix-fiscal-default"] body .crm-act-type.is-whatsapp { background: #e6f7ef; color: #0f8a55; }
html[data-mix-theme="mix-fiscal-default"] body .crm-act-type.is-follow_up { background: #fdf2e0; color: #a86608; }
html[data-mix-theme="mix-fiscal-default"] body .crm-act-row__main { display: grid; gap: 2px; min-width: 0; }
html[data-mix-theme="mix-fiscal-default"] body .crm-act-row__title { overflow: hidden; color: var(--mix-ink) !important; font-size: 13.5px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
html[data-mix-theme="mix-fiscal-default"] body .crm-act-row__related { overflow: hidden; color: var(--mix-muted); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
html[data-mix-theme="mix-fiscal-default"] body .crm-act-row__when { color: var(--mix-body); font-size: 12.5px; font-variant-numeric: tabular-nums; white-space: nowrap; }
html[data-mix-theme="mix-fiscal-default"] body .crm-act-row__actions { display: inline-flex; align-items: center; justify-content: flex-end; gap: 2px; min-width: 128px; }
html[data-mix-theme="mix-fiscal-default"] body .crm-act-action { display: inline-grid; place-items: center; width: 30px; height: 30px; min-height: 0; padding: 0; border-radius: 9px; color: var(--mix-body) !important; }
html[data-mix-theme="mix-fiscal-default"] body .crm-act-action:hover { background: rgb(20 112 184 / 8%) !important; color: var(--mix-blue) !important; }
html[data-mix-theme="mix-fiscal-default"] body .crm-act-action svg { width: 16px; height: 16px; }
html[data-mix-theme="mix-fiscal-default"] body .crm-act-reschedule { display: flex; gap: 8px; align-items: center; padding: 8px 6px 4px; border-top: 1px solid rgb(36 54 81 / 8%); }
html[data-mix-theme="mix-fiscal-default"] body .crm-act-reschedule .mix-datetime { flex: 1; min-width: 170px; }
@media (max-width: 760px) {
  html[data-mix-theme="mix-fiscal-default"] body .crm-act-row { grid-template-columns: 22px 30px minmax(0, 1fr); }
  html[data-mix-theme="mix-fiscal-default"] body .crm-act-row__when { grid-column: 3; }
  html[data-mix-theme="mix-fiscal-default"] body .crm-act-row__actions { grid-column: 1 / -1; justify-content: flex-end; }
}
html[data-mix-theme="mix-fiscal-default"] body :is(.crm-act-filters, .crm-act-new) label :is(.mix-select__field, .mix-select__label, input, textarea, .mix-datetime__field) { color: var(--mix-ink) !important; font-size: 13px !important; font-weight: 500 !important; letter-spacing: 0 !important; text-transform: none !important; }
html[data-mix-theme="mix-fiscal-default"] body .crm-activity-table a { color: var(--mix-blue-deep); text-decoration: none; }
html[data-mix-theme="mix-fiscal-default"] body .crm-activity-table a:hover { text-decoration: underline; }

/* Carregando único (#43): toda espera usa o mesmo cartão da DS (MixUI.loadingState / MixUI.busy) — mesmo spinner,
   mesmo tamanho e mesmo cartão branco em qualquer layout (bloco, linha, tela ou véu). */
html[data-mix-theme="mix-fiscal-default"] body .mix-loading { --mix-loading-size: 22px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; width: fit-content !important; max-width: 100%; min-width: 0 !important; min-height: 0 !important; margin: 0 auto !important; padding: 12px 18px !important; flex-direction: row !important; border: 1px solid rgb(255 255 255 / 88%) !important; border-radius: 14px !important; background: rgb(255 255 255 / 95%) !important; box-shadow: 0 18px 54px rgb(16 42 67 / 18%) !important; color: var(--mix-body, #243b53) !important; }
html[data-mix-theme="mix-fiscal-default"] body .mix-loading--block { margin: 24px auto !important; }
html[data-mix-theme="mix-fiscal-default"] body .mix-loading--inline { display: inline-flex !important; margin: 6px 0 !important; }
html[data-mix-theme="mix-fiscal-default"] body .mix-loading .mix-loading__spinner { width: 22px !important; height: 22px !important; flex: 0 0 22px !important; border-width: 2.5px !important; }
html[data-mix-theme="mix-fiscal-default"] body .mix-loading .mix-loading__content { text-align: left !important; }
html[data-mix-theme="mix-fiscal-default"] body .mix-loading .mix-loading__content strong { font-size: 13px !important; font-weight: 700 !important; }
html[data-mix-theme="mix-fiscal-default"] body .mix-loading .mix-loading__content small { display: none !important; }

/* Seção de configuração (MixUI.settingsSection) — padrão único da central de Configurações
   (docs/design-system-page-header.md, "Seções de Configurações"). A seção é um painel de vidro com respiro:
   cabeçalho (título + barra: busca, colunas e a ação principal por último), formulário de criação logo abaixo
   da barra e a lista com as linhas-cartão brancas flutuando sobre o vidro — nunca coladas nas bordas nem
   "branco sobre branco". As seções antigas dentro de .system-settings (CRM › Campos, Cadastros › Campos
   personalizados) recebem a mesma superfície. */
html[data-mix-theme="mix-fiscal-default"] body .mix-settings-section,
html[data-mix-theme="mix-fiscal-default"] body .system-settings .system-settings-body :is(.crm-settings-table-section, .company-custom-fields) {
  display: grid;
  gap: 10px;
  min-width: 0;
  margin: 0 0 16px !important;
  padding: 14px 16px 10px !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, rgb(255 255 255 / 62%), rgb(255 255 255 / 34%)) !important;
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 70%), 0 18px 40px -28px rgb(14 48 80 / 35%) !important;
  overflow: visible !important;
}
html[data-mix-theme="mix-fiscal-default"] body .mix-settings-section:last-child { margin-bottom: 0 !important; }
html[data-mix-theme="mix-fiscal-default"] body :is(.mix-settings-section__head, .system-settings .system-settings-body .crm-settings-table-section > header) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 16px;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
html[data-mix-theme="mix-fiscal-default"] body :is(.mix-settings-section__title, .system-settings .system-settings-body .crm-settings-table-section > header h3, .system-settings .system-settings-body .company-custom-fields > h3) {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0 !important;
  color: var(--mix-ink, #0e2238) !important;
  font-size: var(--mix-type-section-size, 16px) !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  line-height: var(--mix-type-section-line, 1.3);
}
html[data-mix-theme="mix-fiscal-default"] body .mix-settings-section__tools {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  min-width: 0;
  margin-left: auto;
}
html[data-mix-theme="mix-fiscal-default"] body .mix-settings-section__tools .mix-settings-section__search { width: 240px; max-width: 100%; }
html[data-mix-theme="mix-fiscal-default"] body .mix-settings-section__tools .mix-settings-section__action { flex: 0 0 auto; }
html[data-mix-theme="mix-fiscal-default"] body .mix-settings-search { display: inline-flex; align-items: center; gap: 6px; min-width: 0; }
html[data-mix-theme="mix-fiscal-default"] body .mix-settings-search__field[hidden] { display: none !important; }
html[data-mix-theme="mix-fiscal-default"] body .mix-settings-search.is-open .mix-settings-search__toggle { display: none !important; }
/* Formulário de criação/edição: segundo andar da barra, numa superfície interna mais clara. */
html[data-mix-theme="mix-fiscal-default"] body .mix-settings-section__panel {
  min-width: 0;
  padding: 16px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: rgb(255 255 255 / 58%) !important;
  box-shadow: inset 0 0 0 1px rgb(36 54 81 / 8%) !important;
}
html[data-mix-theme="mix-fiscal-default"] body .mix-settings-section__panel[hidden] { display: none !important; }
html[data-mix-theme="mix-fiscal-default"] body .mix-settings-section__panel fieldset { margin: 0 !important; padding: 0 !important; border: 0 !important; }
html[data-mix-theme="mix-fiscal-default"] body .mix-settings-section__panel legend { margin: 0 0 8px; padding: 0; color: var(--mix-ink-2, #243651); font-size: 12px; font-weight: 650; }
html[data-mix-theme="mix-fiscal-default"] body .mix-settings-section__panel > form {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-mix-theme="mix-fiscal-default"] body .mix-settings-section__body { min-width: 0; }
/* Lista dentro da seção: cabeçalho em rótulos discretos e linhas-cartão com respiro. */
html[data-mix-theme="mix-fiscal-default"] body :is(.mix-settings-section__body, .system-settings .crm-settings-table-section, .system-settings .company-custom-fields) .mix-data-table-wrap {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-mix-theme="mix-fiscal-default"] body #app .template-shell :is(.mix-settings-section__body, .system-settings .crm-settings-table-section, .system-settings .company-custom-fields) table.mix-data-table thead th {
  height: 30px;
  padding: 4px 14px !important;
  color: var(--mix-muted, #6b7c91) !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  white-space: nowrap;
}
html[data-mix-theme="mix-fiscal-default"] body #app .template-shell :is(.mix-settings-section__body, .system-settings .crm-settings-table-section, .system-settings .company-custom-fields) table.mix-data-table {
  border-spacing: 0 8px !important;
}
html[data-mix-theme="mix-fiscal-default"] body #app .template-shell :is(.mix-settings-section__body, .system-settings .crm-settings-table-section, .system-settings .company-custom-fields) table.mix-data-table tbody td:last-child :is(.mix-icon-button, .mix-button) + :is(.mix-icon-button, .mix-button) { margin-left: 6px; }
html[data-mix-theme="mix-fiscal-default"] body .mix-settings-section__body > .mix-empty-state { margin: 0 !important; }
/* Seções antigas: título e ação na mesma linha (Cadastros › Campos personalizados). */
html[data-mix-theme="mix-fiscal-default"] body .system-settings .system-settings-body .company-custom-fields {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px 16px;
}
html[data-mix-theme="mix-fiscal-default"] body .system-settings .system-settings-body .company-custom-fields > .mix-button { justify-self: end; }
html[data-mix-theme="mix-fiscal-default"] body .system-settings .system-settings-body .company-custom-fields > :not(h3, .mix-button) { grid-column: 1 / -1; }
@media (max-width: 700px) {
  html[data-mix-theme="mix-fiscal-default"] body .mix-settings-section,
  html[data-mix-theme="mix-fiscal-default"] body .system-settings .system-settings-body :is(.crm-settings-table-section, .company-custom-fields) { padding: 12px 10px 8px !important; border-radius: 16px !important; }
  html[data-mix-theme="mix-fiscal-default"] body .mix-settings-section__tools { flex: 1 1 100%; flex-wrap: nowrap; justify-content: flex-end; }
  html[data-mix-theme="mix-fiscal-default"] body .mix-settings-section__tools .mix-settings-section__search { flex: 1 1 0; width: auto; min-width: 0; }
  html[data-mix-theme="mix-fiscal-default"] body .mix-settings-section__panel { padding: 12px !important; }
}

/* Seção de cadastro (MixUI.sectionCard): padrão da ficha dos Pipelines promovido à DS — card com título em pílula,
   grade de campos (.mix-record-grid), rótulo curto em caixa alta e campo compacto. Vale para qualquer página de criação/edição. */
html[data-mix-theme="mix-fiscal-default"] body .mix-section-card.mix-record-section { --mix-control-height: 32px; --mix-control-h: 32px; display: block; padding: 30px 18px 18px !important; background: var(--mix-liquid-fill-soft, rgb(255 255 255 / 62%)) !important; }
html[data-mix-theme="mix-fiscal-default"] body .mix-record-grid { display: grid; grid-template-columns: repeat(var(--mix-record-cols, 3), minmax(0, 1fr)); gap: 12px 18px; align-items: start; }
html[data-mix-theme="mix-fiscal-default"] body .mix-record-grid--1 { --mix-record-cols: 1; }
html[data-mix-theme="mix-fiscal-default"] body .mix-record-grid--2 { --mix-record-cols: 2; }
html[data-mix-theme="mix-fiscal-default"] body .mix-record-grid--3 { --mix-record-cols: 3; }
html[data-mix-theme="mix-fiscal-default"] body .mix-record-grid--4 { --mix-record-cols: 4; }
html[data-mix-theme="mix-fiscal-default"] body .mix-record-grid > .mix-record-span-all { grid-column: 1 / -1; }
html[data-mix-theme="mix-fiscal-default"] body .mix-record-section .mix-record-grid .mix-field { display: grid; gap: 5px; min-width: 0; margin: 0; }
html[data-mix-theme="mix-fiscal-default"] body .mix-record-section .mix-record-grid .mix-field__label { display: flex; align-items: center; gap: 4px; min-height: 16px; color: #7a8ba1 !important; font-size: 9.5px !important; font-weight: 600 !important; letter-spacing: .07em !important; text-transform: uppercase !important; }
html[data-mix-theme="mix-fiscal-default"] body .mix-record-section .mix-record-grid .mix-field__label b { color: var(--mix-danger, #c8283a) !important; font-weight: 700; }
html[data-mix-theme="mix-fiscal-default"] body .mix-record-section .mix-record-grid .mix-field :is(input:not([type="checkbox"]):not([type="radio"]):not(.mix-datetime__native):not(.mix-datetime__text):not([role="combobox"]), select, textarea) { width: 100%; height: auto !important; min-height: 32px !important; padding: 4px 10px !important; border: 1px solid rgb(15 40 70 / 16%) !important; border-radius: 8px !important; background: #fff !important; box-shadow: none !important; color: #0b1f36 !important; font: inherit; font-size: 12.5px !important; font-weight: 500 !important; letter-spacing: 0 !important; text-transform: none !important; }
html[data-mix-theme="mix-fiscal-default"] body .mix-record-section .mix-record-grid .mix-field :is(input:not(.mix-datetime__text), select, textarea):focus-visible { outline: 0; border-color: var(--mix-blue, #1470b8) !important; box-shadow: 0 0 0 3px rgb(20 112 184 / 14%) !important; }
html[data-mix-theme="mix-fiscal-default"] body .mix-record-section .mix-record-grid .mix-combobox__control input[role="combobox"] { height: 32px !important; min-height: 32px !important; border-color: rgb(15 40 70 / 16%) !important; border-radius: 8px !important; background: #fff !important; box-shadow: none !important; font-size: 12.5px !important; font-weight: 500 !important; }
html[data-mix-theme="mix-fiscal-default"] body .mix-record-section .mix-record-grid :is(.mix-select__field, .mix-datetime__field) { min-height: 32px; border-radius: 8px !important; background: #fff !important; box-shadow: inset 0 0 0 1px rgb(15 40 70 / 16%) !important; font-size: 12.5px !important; }
/* Seletor de pessoas da DS dentro da ficha (#384, ex.: Superior imediato): mesmo rótulo curto e campo compacto dos demais. */
html[data-mix-theme="mix-fiscal-default"] body .mix-record-section .mix-record-grid .mix-people-picker { gap: 5px; }
html[data-mix-theme="mix-fiscal-default"] body .mix-record-section .mix-record-grid .mix-people-picker__label { display: flex; align-items: center; gap: 4px; min-height: 16px; margin: 0; color: #7a8ba1 !important; font-size: 9.5px !important; font-weight: 600 !important; letter-spacing: .07em !important; line-height: 1.2; text-transform: uppercase !important; }
html[data-mix-theme="mix-fiscal-default"] body .mix-record-section .mix-record-grid .mix-people-picker__label b { color: var(--mix-danger, #c8283a) !important; font-weight: 700; }
html[data-mix-theme="mix-fiscal-default"] body .mix-record-section .mix-record-grid .mix-people-picker__control { min-height: 32px !important; padding: 2px 10px; border: 1px solid rgb(15 40 70 / 16%); border-radius: 8px; background: #fff; box-shadow: none; }
html[data-mix-theme="mix-fiscal-default"] body .mix-record-section .mix-record-grid .mix-people-picker__control:focus-within { border-color: var(--mix-blue, #1470b8); box-shadow: 0 0 0 3px rgb(20 112 184 / 14%); }
html[data-mix-theme="mix-fiscal-default"] body .mix-record-section .mix-record-grid .mix-people-picker .mix-people-picker__input { height: 26px !important; min-height: 26px !important; font-size: 12.5px; }
html[data-mix-theme="mix-fiscal-default"] .mix-people-picker--error .mix-people-picker__control { border-color: var(--mix-danger, #c8283a) !important; }
/* Erro no próprio campo (MixUI.fieldError / field({ error })): mensagem e borda em vermelho também na ficha compacta. */
html[data-mix-theme="mix-fiscal-default"] body .mix-record-section .mix-record-grid .mix-field--error :is(.mix-combobox__control, .mix-combobox__control input[role="combobox"]) { border-color: var(--mix-danger, #c8283a) !important; }
html[data-mix-theme="mix-fiscal-default"] body :is(.mix-field, .mix-people-picker, [data-collaborator-permissions-empty]) > .mix-field__message.is-error { color: var(--mix-danger, #c8283a) !important; }
html[data-mix-theme="mix-fiscal-default"] body .mix-record-section .mix-record-grid .mix-people-picker__chip { min-height: 24px; }
html[data-mix-theme="mix-fiscal-default"] body .mix-record-section .mix-toggle { display: flex !important; align-items: center; justify-content: space-between; gap: 12px; min-height: 36px; padding: 6px 12px; border: 1px solid rgb(15 40 70 / 12%); border-radius: 10px; background: #fff; }
html[data-mix-theme="mix-fiscal-default"] body .mix-record-section .mix-toggle :is(span, strong) { color: #0b1f36 !important; font-size: 12.5px !important; font-weight: 500 !important; letter-spacing: 0 !important; text-transform: none !important; }
@media (max-width: 1100px) { html[data-mix-theme="mix-fiscal-default"] body .mix-record-grid:is(.mix-record-grid--3, .mix-record-grid--4) { --mix-record-cols: 2; } }
@media (max-width: 640px) { html[data-mix-theme="mix-fiscal-default"] body .mix-record-grid { --mix-record-cols: 1 !important; } }

/* Rodapé de criação: a ação primária no fim da página, à esquerda (mesmo botão .task-search-apply da criação de tarefa/lead). */
html[data-mix-theme="mix-fiscal-default"] body .mix-create-footer { display: flex; justify-content: flex-start; align-items: center; gap: 10px; padding: 14px 0 24px; }
html[data-mix-theme="mix-fiscal-default"] body .mix-create-footer .task-search-apply { display: inline-flex; align-items: center; gap: 6px; height: 34px; min-height: 0; padding: 0 16px 0 12px !important; border: 0 !important; border-radius: 17px !important; background: var(--mix-blue, #1470b8) !important; box-shadow: 0 8px 18px -8px rgb(20 112 184 / 70%) !important; color: #fff !important; font-size: 12.5px !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: none !important; cursor: pointer; }
html[data-mix-theme="mix-fiscal-default"] body .mix-create-footer .task-search-apply:hover:not(:disabled) { background: var(--mix-blue-deep, #0f5d9b) !important; }
html[data-mix-theme="mix-fiscal-default"] body .mix-create-footer .task-search-apply:disabled { opacity: .45; cursor: not-allowed; box-shadow: none !important; }
html[data-mix-theme="mix-fiscal-default"] body .mix-create-footer .task-search-apply :is(span, svg) { color: #fff !important; }
html[data-mix-theme="mix-fiscal-default"] body .mix-create-footer .task-search-apply svg { width: 14px; height: 14px; fill: none; stroke: #fff; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }

/* Data digitável (input type=date com data-mix-date-typing): dd/mm/aaaa com máscara + ícone que abre o calendário. */
html[data-mix-theme="mix-fiscal-default"] body .mix-datetime__field--typing { padding: 0 4px 0 0 !important; cursor: text; }
html[data-mix-theme="mix-fiscal-default"] body .mix-datetime__field--typing:focus-within { box-shadow: inset 0 0 0 1.5px var(--mix-blue, #1470b8) !important; }
html[data-mix-theme="mix-fiscal-default"] body .mix-datetime .mix-datetime__text { flex: 1; min-width: 0; height: 100%; min-height: 30px !important; padding: 0 0 0 10px !important; border: 0 !important; border-radius: 8px !important; background: transparent !important; box-shadow: none !important; outline: 0; color: inherit !important; font: inherit; font-size: inherit !important; font-variant-numeric: tabular-nums; letter-spacing: .02em !important; text-transform: none !important; }
html[data-mix-theme="mix-fiscal-default"] body .mix-datetime .mix-datetime__text::placeholder { color: #8494a8; }
html[data-mix-theme="mix-fiscal-default"] body .mix-datetime__field--typing:has(.mix-datetime__text.is-invalid) { box-shadow: inset 0 0 0 1.5px var(--mix-danger, #c8283a) !important; }
html[data-mix-theme="mix-fiscal-default"] body .mix-datetime .mix-datetime__trigger { display: inline-grid; place-items: center; flex: none; width: 28px; height: 28px; min-height: 0; padding: 0; border: 0 !important; border-radius: 7px; background: transparent !important; box-shadow: none !important; color: var(--mix-navy, #0e2238) !important; cursor: pointer; }
html[data-mix-theme="mix-fiscal-default"] body .mix-datetime .mix-datetime__trigger:hover:not(:disabled) { background: rgb(20 112 184 / 8%) !important; }
html[data-mix-theme="mix-fiscal-default"] body .mix-datetime .mix-datetime__trigger:focus-visible { outline: 0; box-shadow: inset 0 0 0 1.5px var(--mix-blue, #1470b8) !important; }
html[data-mix-theme="mix-fiscal-default"] body .mix-datetime .mix-datetime__trigger:disabled { opacity: .5; cursor: default; }

/* Configurações › Projetos e Tarefas (#145, piloto do padrão visual). Título único por seção, lista em dataTable e
   edição na própria página; só tokens (--mix-type-*, --mix-space-*, cores --mix-*). A cor de cada etapa é dado do
   projeto (--stage-color), não cor fixa da interface. */
html[data-mix-theme="mix-fiscal-default"] body .system-settings .task-settings-shell {
  display: grid;
  gap: var(--mix-space-4, 16px);
  margin: 0 !important;
}
html[data-mix-theme="mix-fiscal-default"] body .system-settings .task-settings-shell .mix-settings-section { margin: 0 !important; }
html[data-mix-theme="mix-fiscal-default"] body .task-settings-stage-strip {
  display: inline-flex;
  gap: 3px;
  margin-right: var(--mix-space-2, 8px);
  vertical-align: middle;
}
html[data-mix-theme="mix-fiscal-default"] body .task-settings-stage-strip i {
  width: 18px;
  height: 6px;
  border-radius: 3px;
  background: var(--stage-color, var(--mix-border));
}
html[data-mix-theme="mix-fiscal-default"] body .task-settings-stage-count {
  color: var(--mix-muted);
  font-size: var(--mix-type-label-size);
  vertical-align: middle;
}
html[data-mix-theme="mix-fiscal-default"] body .task-settings-editor .crm-pipeline-savebar {
  display: flex;
  justify-content: flex-end;
  gap: var(--mix-space-2, 8px);
}
html[data-mix-theme="mix-fiscal-default"] body .task-settings-editor :is(.crm-pipeline-stage-group > header h4, .task-stage-live-preview h4) {
  font-size: var(--mix-type-body-size) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
html[data-mix-theme="mix-fiscal-default"] body .task-card-settings {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);
  gap: var(--mix-space-6, 24px);
  align-items: start;
}
html[data-mix-theme="mix-fiscal-default"] body .task-card-settings__fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--mix-space-2, 8px) var(--mix-space-4, 16px);
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}
html[data-mix-theme="mix-fiscal-default"] body .task-card-settings__fields .mix-checkbox {
  font-size: var(--mix-type-body-size);
}
html[data-mix-theme="mix-fiscal-default"] body .task-card-settings__preview .task-card-preview-column {
  --crm-stage-color: var(--mix-blue);
}
html[data-mix-theme="mix-fiscal-default"] body .task-custom-field-form {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--mix-space-3, 12px);
  align-items: end;
}
html[data-mix-theme="mix-fiscal-default"] body .task-custom-field-form [hidden] { display: none !important; }
@media (max-width: 900px) {
  html[data-mix-theme="mix-fiscal-default"] body .task-card-settings,
  html[data-mix-theme="mix-fiscal-default"] body .task-custom-field-form { grid-template-columns: minmax(0, 1fr); }
}
/* A prévia reaproveita o cartão real do quadro (estilos sob .management-page), sem a moldura da página. */
html[data-mix-theme="mix-fiscal-default"] body .task-card-settings__card.management-page {
  display: block !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
}
html[data-mix-theme="mix-fiscal-default"] body .system-settings :is(.task-card-settings, .task-custom-field-form) .mix-checkbox :is(span, strong) {
  color: var(--mix-ink) !important;
  font-size: var(--mix-type-body-size) !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
html[data-mix-theme="mix-fiscal-default"] body .task-settings-editor fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

/* Canto de acesso rápido (public/mix-hot-corner.js): botão redondo azul que surge por cima do botão fixo
   do canto, com entrada em escala (leve bounce) e anel em gradiente girando na borda. */
html[data-mix-theme="mix-fiscal-default"] body .mix-hot-corner { position: fixed; right: 24px; bottom: 24px; z-index: 90; isolation: isolate; display: grid; place-items: center; width: 48px; height: 48px; padding: 0; border: 0; border-radius: var(--mix-radius-pill, 999px); background: var(--mix-blue, #1470b8); color: var(--mix-on-blue, #fff); box-shadow: var(--mix-shadow-blue); cursor: pointer; opacity: 0; transform: scale(.6); transition: opacity .16s ease, transform .18s ease, background-color .15s ease; }
html[data-mix-theme="mix-fiscal-default"] body .mix-hot-corner::before { content: ""; position: absolute; inset: -4px; z-index: -1; border-radius: inherit; background: conic-gradient(var(--mix-blue-200, #a8cef0), var(--mix-blue, #1470b8), var(--mix-mint, #48b978), var(--mix-blue-100, #d4e6f7), var(--mix-blue-200, #a8cef0)); -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 2.5px)); mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 2.5px)); animation: mix-hot-corner-ring 2.4s linear infinite; }
html[data-mix-theme="mix-fiscal-default"] body .mix-hot-corner[hidden] { display: none; }
html[data-mix-theme="mix-fiscal-default"] body .mix-hot-corner.is-visible { opacity: 1; transform: none; animation: mix-hot-corner-in .42s cubic-bezier(.2, .9, .3, 1.35) both; }
html[data-mix-theme="mix-fiscal-default"] body .mix-hot-corner:hover { background: var(--mix-blue-deep, #0d5689); }
html[data-mix-theme="mix-fiscal-default"] body .mix-hot-corner:focus-visible { outline: 3px solid var(--mix-blue-200, #a8cef0); outline-offset: 4px; }
html[data-mix-theme="mix-fiscal-default"] body .mix-hot-corner svg { width: 22px; height: 22px; stroke: currentColor; }
@keyframes mix-hot-corner-in { 0% { opacity: 0; transform: scale(.35) rotate(-90deg); } 65% { opacity: 1; transform: scale(1.1) rotate(8deg); } 100% { opacity: 1; transform: none; } }
@keyframes mix-hot-corner-ring { to { transform: rotate(1turn); } }
@media (prefers-reduced-motion: reduce) {
  html[data-mix-theme="mix-fiscal-default"] body .mix-hot-corner { transform: none; transition: opacity .12s linear; }
  html[data-mix-theme="mix-fiscal-default"] body .mix-hot-corner.is-visible, html[data-mix-theme="mix-fiscal-default"] body .mix-hot-corner::before { animation: none; }
}