.fx-gestao-page {
  box-sizing: border-box;
  width: 100%;
  min-height: 100%;
  padding: 22px 24px;
  background: #f4f7f6;
}

.fx-gestao-breadcrumb {
  margin: 0 0 12px;
  color: #6f7f8b;
  font-size: 12px;
  font-weight: 600;
}

.fx-gestao-heading {
  margin: 0 0 18px;
  padding: 0 0 14px;
  border-bottom: 1px solid #d9e3e1;
}

.fx-gestao-heading-inline {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.fx-gestao-heading h1 {
  margin: 0;
  color: #183d3a;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 700;
}

.fx-gestao-heading p {
  margin: 6px 0 0;
  color: #728384;
  font-size: 12px;
}

.fx-gestao-card {
  box-sizing: border-box;
  width: 100%;
  padding: 18px 20px;
  border: 1px solid #dce5e3;
  border-radius: 10px;
  background: #ffffff;
  color: #526562;
}

.fx-gestao-card strong {
  display: block;
  margin-bottom: 6px;
  color: #244441;
  font-size: 14px;
}

.fx-gestao-card p {
  margin: 0;
  line-height: 1.5;
}

.fx-gestao-home-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 16px;
}

.fx-gestao-shortcut-card {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 18px 20px;
  border: 1px solid #dce5e3;
  border-radius: 10px;
  background: #ffffff;
}

.fx-gestao-shortcut-icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: #e8f3f1;
  font-size: 20px;
}

.fx-gestao-shortcut-card strong {
  display: block;
  margin-bottom: 5px;
  color: #193d3a;
}

.fx-gestao-shortcut-card p {
  margin: 0;
  color: #607374;
  font-size: 13px;
  line-height: 1.45;
}

.fx-gestao-tarefas-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 16px;
  align-items: start;
}

.fx-gestao-tarefas-main {
  min-width: 0;
}

.fx-gestao-side-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.fx-gestao-side-btn {
  min-height: 42px;
  padding: 0 14px;
  border: 1px solid #cfdad8;
  border-radius: 8px;
  background: #ffffff;
  color: #234341;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  text-align: left;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(19, 47, 45, 0.04);
}

.fx-gestao-side-btn-primary {
  border-color: #0d7f78;
  background: linear-gradient(180deg, #0f8c84, #0a726c);
  color: #ffffff;
}

.fx-gestao-filters {
  display: grid;
  grid-template-columns: 1.4fr repeat(4, minmax(150px, 1fr));
  gap: 12px;
  padding: 16px;
  margin-bottom: 18px;
  border: 1px solid #dce5e3;
  border-radius: 10px;
  background: #ffffff;
}

.fx-gestao-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.fx-gestao-field span {
  color: #667987;
  font-size: 11px;
  font-weight: 700;
}

.fx-gestao-field input,
.fx-gestao-field select {
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid #cfdbda;
  border-radius: 8px;
  background: #ffffff;
  color: #274643;
  font: inherit;
  font-size: 13px;
}

.fx-gestao-panel {
  border: 1px solid #dce5e3;
  border-radius: 10px;
  background: #ffffff;
  overflow: hidden;
}

.fx-gestao-panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid #e7eeed;
}

.fx-gestao-panel-header h2 {
  margin: 0;
  color: #1c3d3a;
  font-size: 14px;
  font-weight: 700;
}

.fx-gestao-table-wrap {
  overflow-x: auto;
}

.fx-gestao-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}

.fx-gestao-table thead th {
  padding: 12px 14px;
  border-bottom: 1px solid #edf2f1;
  color: #6f808a;
  font-size: 11px;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
}

.fx-gestao-table tbody td {
  padding: 11px 14px;
  border-bottom: 1px solid #f0f4f3;
  color: #2d4b49;
  vertical-align: middle;
}

.fx-gestao-table tbody tr:hover {
  background: #f8fbfb;
}

.fx-gestao-table td small {
  display: block;
  color: #7a8a91;
  font-size: 11px;
}

.fx-badge {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
}

.fx-badge.is-high {
  background: #ffe4e4;
  color: #d74545;
}

.fx-badge.is-medium {
  background: #fff1d6;
  color: #c18100;
}

.fx-badge.is-low {
  background: #dff7e9;
  color: #2e9a5b;
}

.fx-badge.is-pending {
  background: #fff1cf;
  color: #b57b00;
}

.fx-badge.is-running {
  background: #e3f0ff;
  color: #1e79d8;
}

.fx-badge.is-done {
  background: #dff5e8;
  color: #23915b;
}

.fx-badge.is-late {
  background: #ffe1e1;
  color: #d03f3f;
}

.fx-deadline-today {
  color: #e44747;
  font-weight: 700;
}

.fx-deadline-late {
  color: #d43f3f;
  font-weight: 700;
}

.fx-progress {
  width: 100%;
  min-width: 80px;
  height: 8px;
  border-radius: 999px;
  background: #e6eceb;
  overflow: hidden;
  margin-bottom: 4px;
}

.fx-progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #2f8ff0, #20c37e);
}

.fx-gestao-table-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 16px;
  border-top: 1px solid #e7eeed;
  color: #6b7e84;
  font-size: 12px;
}

.fx-gestao-pagination {
  display: flex;
  align-items: center;
  gap: 16px;
}

.fx-gestao-pagination label {
  display: flex;
  align-items: center;
  gap: 8px;
}

.fx-gestao-pagination select {
  min-height: 34px;
  padding: 0 10px;
  border: 1px solid #cfdbda;
  border-radius: 8px;
  background: #ffffff;
}

.fx-gestao-page-numbers {
  display: flex;
  align-items: center;
  gap: 6px;
}

.fx-gestao-page-numbers button {
  min-width: 34px;
  height: 34px;
  border: 1px solid #cfdbda;
  border-radius: 8px;
  background: #ffffff;
  color: #284643;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.fx-gestao-page-numbers button.is-active {
  border-color: #0f8b83;
  background: #0f8b83;
  color: #ffffff;
}

@media (max-width: 1280px) {
  .fx-gestao-filters {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .fx-gestao-tarefas-layout {
    grid-template-columns: 1fr;
  }

  .fx-gestao-side-actions {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .fx-gestao-home-grid {
    grid-template-columns: 1fr;
  }

  .fx-gestao-side-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .fx-gestao-table-footer {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* ==========================================================
   GESTÃO > DEMANDAS > TAREFAS
   BARRA LATERAL DE AÇÕES — PADRÃO OFICIAL FLUXUS
   ========================================================== */

.fx-gestao-tarefas-layout {
  grid-template-columns: minmax(0, 1fr) 120px !important;
  gap: 12px !important;
  align-items: start;
}

.fx-gestao-action-panel {
  box-sizing: border-box;

  width: 120px;

  display: flex;
  flex-direction: column;
  gap: 8px;

  padding: 10px 8px;

  border: 1px solid #c6d4d6;
  border-radius: 6px;

  background: #f4f8f8;

  box-shadow:
    0 1px 3px rgba(17, 53, 58, .05);

  align-self: start;
  position: sticky;
  top: 8px;
}

.fx-gestao-action-btn {
  box-sizing: border-box;

  width: 100%;
  min-height: 43px;
  padding: 0;

  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);

  align-items: stretch;

  overflow: hidden;

  border: 1px solid #aebfc2;
  border-radius: 4px;

  background: linear-gradient(
    180deg,
    #ffffff 0%,
    #f4f8f8 100%
  );

  color: #153f49;

  font: inherit;
  font-size: 11px;
  font-weight: 700;

  text-align: left;

  cursor: pointer;

  box-shadow:
    0 1px 2px rgba(24, 61, 66, .05);

  transition:
    border-color .15s ease,
    background .15s ease,
    color .15s ease,
    box-shadow .15s ease;
}

.fx-gestao-action-icon {
  height: 100%;

  display: grid;
  place-items: center;

  border-right: 1px solid #c2d0d2;

  color: #276470;

  font-size: 15px;
  font-weight: 500;
}

.fx-gestao-action-label {
  display: flex;
  align-items: center;

  padding: 0 8px;

  white-space: nowrap;
}

.fx-gestao-action-btn:hover:not(:disabled):not(.is-primary) {
  border-color: #82a5a7;

  background: #ffffff;

  color: #075d59;
}

.fx-gestao-action-btn.is-primary {
  border-color: #05776f;

  background: linear-gradient(
    180deg,
    #0a9389 0%,
    #087c75 100%
  );

  color: #ffffff;

  box-shadow:
    0 2px 5px rgba(7, 102, 97, .16);
}

.fx-gestao-action-btn.is-primary
.fx-gestao-action-icon {
  border-right-color:
    rgba(255,255,255,.28);

  color: #ffffff;
}

.fx-gestao-action-btn.is-primary:hover {
  background: linear-gradient(
    180deg,
    #09877f 0%,
    #067169 100%
  );
}

.fx-gestao-action-btn:disabled {
  border-color: #cdd7d9;

  background: linear-gradient(
    180deg,
    #f7f9f9 0%,
    #eef2f2 100%
  );

  color: #91a0a4;

  cursor: default;

  box-shadow: none;
}

.fx-gestao-action-btn:disabled
.fx-gestao-action-icon {
  border-right-color: #d5ddde;
  color: #9aa9ac;
}

.fx-gestao-table tbody tr {
  cursor: pointer;
}

.fx-gestao-table tbody tr.is-selected {
  background: #e7f3f2;
  box-shadow:
    inset 3px 0 0 #0b8c84;
}

.fx-gestao-table tbody tr.is-selected:hover {
  background: #e1f0ef;
}

.fx-gestao-table tbody tr:focus {
  outline: 1px solid #68aaa5;
  outline-offset: -1px;
}

@media (max-width: 1100px) {
  .fx-gestao-tarefas-layout {
    grid-template-columns: minmax(0, 1fr) 112px !important;
  }

  .fx-gestao-action-panel {
    width: 112px;
  }

  .fx-gestao-action-btn {
    grid-template-columns: 31px minmax(0, 1fr);
    font-size: 10.5px;
  }
}

@media print {
  .fx-gestao-action-panel,
  .fx-gestao-filters {
    display: none !important;
  }

  .fx-gestao-tarefas-layout {
    display: block !important;
  }

  .fx-gestao-page {
    padding: 0 !important;
    background: #ffffff !important;
  }
}

/* ==========================================================
   GESTÃO > DEMANDAS > TAREFAS
   BARRA LATERAL DE AÇÕES — PADRÃO OFICIAL FLUXUS
   ========================================================== */

.fx-gestao-tarefas-layout {
  grid-template-columns: minmax(0, 1fr) 120px !important;
  gap: 12px !important;
  align-items: start;
}

.fx-gestao-action-panel {
  box-sizing: border-box;

  width: 120px;

  display: flex;
  flex-direction: column;
  gap: 8px;

  padding: 10px 8px;

  border: 1px solid #c6d4d6;
  border-radius: 6px;

  background: #f4f8f8;

  box-shadow:
    0 1px 3px rgba(17, 53, 58, .05);

  align-self: start;
  position: sticky;
  top: 8px;
}

.fx-gestao-action-btn {
  box-sizing: border-box;

  width: 100%;
  min-height: 43px;
  padding: 0;

  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);

  align-items: stretch;

  overflow: hidden;

  border: 1px solid #aebfc2;
  border-radius: 4px;

  background: linear-gradient(
    180deg,
    #ffffff 0%,
    #f4f8f8 100%
  );

  color: #153f49;

  font: inherit;
  font-size: 11px;
  font-weight: 700;

  text-align: left;

  cursor: pointer;

  box-shadow:
    0 1px 2px rgba(24, 61, 66, .05);

  transition:
    border-color .15s ease,
    background .15s ease,
    color .15s ease,
    box-shadow .15s ease;
}

.fx-gestao-action-icon {
  height: 100%;

  display: grid;
  place-items: center;

  border-right: 1px solid #c2d0d2;

  color: #276470;

  font-size: 15px;
  font-weight: 500;
}

.fx-gestao-action-label {
  display: flex;
  align-items: center;

  padding: 0 8px;

  white-space: nowrap;
}

.fx-gestao-action-btn:hover:not(:disabled):not(.is-primary) {
  border-color: #82a5a7;

  background: #ffffff;

  color: #075d59;
}

.fx-gestao-action-btn.is-primary {
  border-color: #05776f;

  background: linear-gradient(
    180deg,
    #0a9389 0%,
    #087c75 100%
  );

  color: #ffffff;

  box-shadow:
    0 2px 5px rgba(7, 102, 97, .16);
}

.fx-gestao-action-btn.is-primary
.fx-gestao-action-icon {
  border-right-color:
    rgba(255,255,255,.28);

  color: #ffffff;
}

.fx-gestao-action-btn.is-primary:hover {
  background: linear-gradient(
    180deg,
    #09877f 0%,
    #067169 100%
  );
}

.fx-gestao-action-btn:disabled {
  border-color: #cdd7d9;

  background: linear-gradient(
    180deg,
    #f7f9f9 0%,
    #eef2f2 100%
  );

  color: #91a0a4;

  cursor: default;

  box-shadow: none;
}

.fx-gestao-action-btn:disabled
.fx-gestao-action-icon {
  border-right-color: #d5ddde;
  color: #9aa9ac;
}

.fx-gestao-table tbody tr {
  cursor: pointer;
}

.fx-gestao-table tbody tr.is-selected {
  background: #e7f3f2;
  box-shadow:
    inset 3px 0 0 #0b8c84;
}

.fx-gestao-table tbody tr.is-selected:hover {
  background: #e1f0ef;
}

.fx-gestao-table tbody tr:focus {
  outline: 1px solid #68aaa5;
  outline-offset: -1px;
}

@media (max-width: 1100px) {
  .fx-gestao-tarefas-layout {
    grid-template-columns: minmax(0, 1fr) 112px !important;
  }

  .fx-gestao-action-panel {
    width: 112px;
  }

  .fx-gestao-action-btn {
    grid-template-columns: 31px minmax(0, 1fr);
    font-size: 10.5px;
  }
}

@media print {
  .fx-gestao-action-panel,
  .fx-gestao-filters {
    display: none !important;
  }

  .fx-gestao-tarefas-layout {
    display: block !important;
  }

  .fx-gestao-page {
    padding: 0 !important;
    background: #ffffff !important;
  }
}


/* === FLUXUS GESTAO TAREFAS REFINO FINAL 20260930 === */

/* ==========================================================
   WORKSPACE
   Conteúdo principal e ações são dois quadros independentes.
   ========================================================== */

#shell.fx-gestao-tarefas-mode
.fx-workspace {
    grid-template-columns:
        minmax(0, 1fr)
        100px !important;

    column-gap: 12px !important;

    padding:
        10px 12px !important;

    border: 0 !important;
    border-radius: 0 !important;

    background:
        var(--fx-work, #f4f8f8) !important;

    box-shadow: none !important;

    /*
     * A barra lateral NÃO participa
     * da rolagem do conteúdo.
     */
    overflow: hidden !important;
    scrollbar-gutter: auto !important;
}


/* ==========================================================
   QUADRO PRINCIPAL
   ========================================================== */

#shell.fx-gestao-tarefas-mode
.fx-main {
    min-width: 0;
    min-height: 0;

    overflow: hidden !important;

    border:
        1px solid
        var(--fx-line, #d2e3e5) !important;

    border-radius:
        9px !important;

    background:
        #ffffff !important;

    box-shadow:
        0 2px 8px
        rgba(20, 45, 48, .05);
}


/*
 * Cabeçalho da rotina dentro do quadro principal.
 */
#shell.fx-gestao-tarefas-mode
.fx-context {
    min-height: 42px !important;

    padding:
        0 14px !important;

    border: 0 !important;

    border-bottom:
        1px solid
        var(--fx-line, #d2e3e5) !important;

    border-radius:
        0 !important;

    background:
        #ffffff !important;
}


/*
 * Somente #content rola.
 */
#shell.fx-gestao-tarefas-mode
.fx-main > #content {
    min-width: 0;
    min-height: 0;

    overflow-x: hidden !important;
    overflow-y: auto !important;

    padding:
        8px 10px 10px !important;

    background:
        var(--fx-work, #f4f8f8) !important;

    scrollbar-gutter:
        stable !important;
}


/*
 * Rodapé pertence somente ao quadro principal.
 */
#shell.fx-gestao-tarefas-mode
.fx-content-status {
    min-height: 25px !important;

    border: 0 !important;

    border-top:
        1px solid
        var(--fx-line, #d2e3e5) !important;

    background:
        #ffffff !important;
}


/* ==========================================================
   BARRA DE AÇÕES
   Quadro próprio, separado do principal.
   ========================================================== */

#shell.fx-gestao-tarefas-mode
.fx-actions {
    width: 100% !important;
    min-width: 0 !important;

    align-self:
        stretch !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    gap:
        4px !important;

    padding:
        8px !important;

    border:
        1px solid
        var(--fx-line, #d2e3e5) !important;

    border-radius:
        6px !important;

    background:
        #f4f8f8 !important;

    box-shadow:
        0 2px 7px
        rgba(20, 45, 48, .045);

    /*
     * Sem barra de rolagem própria.
     */
    overflow:
        visible !important;

    overflow-y:
        visible !important;

    max-height:
        none !important;

    scrollbar-width:
        none !important;
}


#shell.fx-gestao-tarefas-mode
.fx-actions::-webkit-scrollbar {
    display: none !important;
}


/*
 * Botões no padrão compacto oficial.
 */
#shell.fx-gestao-tarefas-mode
.fx-actions button {
    width:
        100% !important;

    min-height:
        31px !important;

    height:
        31px !important;

    grid-template-columns:
        19px minmax(0, 1fr) !important;

    padding:
        0 7px !important;

    border-radius:
        4px !important;

    font-size:
        10.5px !important;

    line-height:
        1 !important;

    text-align:
        left !important;
}


#shell.fx-gestao-tarefas-mode
.fx-actions button > span {
    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        flex-start !important;
}


/*
 * Sair fica logo após as demais ações,
 * sem criar grande espaço vazio.
 */
#shell.fx-gestao-tarefas-mode
.fx-actions
.fx-close-action {
    margin-top:
        4px !important;
}


/* ==========================================================
   PÁGINA DE TAREFAS
   ========================================================== */

#shell.fx-gestao-tarefas-mode
.fx-gestao-tarefas-page {
    padding:
        0 !important;

    margin:
        0 !important;

    min-height:
        0 !important;
}


/*
 * Breadcrumb de dentro da página não é necessário.
 * O breadcrumb oficial já está no cabeçalho do shell.
 */
#shell.fx-gestao-tarefas-mode
.fx-gestao-breadcrumb {
    display:
        none !important;
}


/* ==========================================================
   CABEÇALHO TAREFAS
   ========================================================== */

#shell.fx-gestao-tarefas-mode
.fx-gestao-heading {
    min-height:
        37px !important;

    display:
        flex !important;

    align-items:
        baseline !important;

    gap:
        14px !important;

    margin:
        0 0 7px !important;

    padding:
        2px 4px 6px !important;

    border-bottom:
        1px solid
        #dbe6e5 !important;

    background:
        transparent !important;
}


#shell.fx-gestao-tarefas-mode
.fx-gestao-heading h1 {
    flex:
        0 0 auto;

    margin:
        0 !important;

    font-size:
        19px !important;

    line-height:
        1.1 !important;
}


#shell.fx-gestao-tarefas-mode
.fx-gestao-heading p {
    margin:
        0 !important;

    font-size:
        10.5px !important;

    line-height:
        1.2 !important;

    color:
        #718381 !important;
}


/* ==========================================================
   LAYOUT INTERNO
   Não existe mais segunda coluna de ações aqui.
   ========================================================== */

#shell.fx-gestao-tarefas-mode
.fx-gestao-tarefas-layout {
    display:
        block !important;

    width:
        100% !important;

    margin:
        0 !important;
}


#shell.fx-gestao-tarefas-mode
.fx-gestao-tarefas-main {
    width:
        100% !important;

    min-width:
        0 !important;
}


/* ==========================================================
   FILTROS — MAIS COMPACTOS
   ========================================================== */

#shell.fx-gestao-tarefas-mode
.fx-gestao-filters {
    display:
        grid !important;

    grid-template-columns:
        1.35fr
        .85fr
        .9fr
        1fr
        1.05fr !important;

    align-items:
        end !important;

    gap:
        8px !important;

    min-height:
        0 !important;

    margin:
        0 0 8px !important;

    padding:
        6px 10px 7px !important;

    border-radius:
        6px !important;
}


#shell.fx-gestao-tarefas-mode
.fx-gestao-field {
    display:
        flex !important;

    flex-direction:
        column !important;

    gap:
        3px !important;

    min-width:
        0 !important;

    margin:
        0 !important;
}


#shell.fx-gestao-tarefas-mode
.fx-gestao-field > span {
    margin:
        0 !important;

    font-size:
        9.5px !important;

    line-height:
        1 !important;

    font-weight:
        650 !important;
}


#shell.fx-gestao-tarefas-mode
.fx-gestao-field input,
#shell.fx-gestao-tarefas-mode
.fx-gestao-field select {
    box-sizing:
        border-box !important;

    width:
        100% !important;

    height:
        32px !important;

    min-height:
        32px !important;

    margin:
        0 !important;

    padding:
        0 10px !important;

    border-radius:
        6px !important;

    font-size:
        11px !important;

    line-height:
        32px !important;
}


/* ==========================================================
   TABELA
   Sobe e ganha mais área vertical.
   ========================================================== */

#shell.fx-gestao-tarefas-mode
.fx-gestao-panel {
    margin:
        0 !important;

    border-radius:
        6px !important;
}


#shell.fx-gestao-tarefas-mode
.fx-gestao-panel-header {
    min-height:
        36px !important;

    padding:
        7px 10px !important;
}


#shell.fx-gestao-tarefas-mode
.fx-gestao-panel-header h2 {
    margin:
        0 !important;

    font-size:
        12px !important;
}


#shell.fx-gestao-tarefas-mode
.fx-gestao-table thead th {
    padding:
        7px 8px !important;

    font-size:
        9.5px !important;
}


#shell.fx-gestao-tarefas-mode
.fx-gestao-table tbody td {
    padding:
        6px 8px !important;

    font-size:
        10.5px !important;
}


#shell.fx-gestao-tarefas-mode
.fx-gestao-table tbody tr.is-selected {
    background:
        #e4f1ef !important;

    box-shadow:
        inset 3px 0 0
        #0a8880;
}


/* ==========================================================
   RESPONSIVO
   ========================================================== */

@media (max-width: 980px) {

    #shell.fx-gestao-tarefas-mode
    .fx-workspace {
        grid-template-columns:
            minmax(0, 1fr)
            96px !important;
    }

    #shell.fx-gestao-tarefas-mode
    .fx-gestao-filters {
        grid-template-columns:
            repeat(
                3,
                minmax(0, 1fr)
            ) !important;
    }

    #shell.fx-gestao-tarefas-mode
    .fx-actions {
        display:
            flex !important;

        max-height:
            none !important;
    }
}


/* ==========================================================
   IMPRESSÃO
   ========================================================== */

@media print {

    #shell.fx-gestao-tarefas-mode
    .fx-actions {
        display:
            none !important;
    }

    #shell.fx-gestao-tarefas-mode
    .fx-workspace {
        display:
            block !important;

        padding:
            0 !important;
    }
}


/* FLUXUS TAREFAS MODELO REFERENCIA V1 */

#shell.fx-tasks-reference .fx-workspace {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
    padding: 10px 12px !important;
    background: #f5f8fa !important;
}

#shell.fx-tasks-reference .fx-workspace > .fx-main {
    grid-column: 1 / -1 !important;
    min-width: 0;
    border: 1px solid #e0e8ed !important;
    border-radius: 6px !important;
    background: #fff !important;
    box-shadow: none !important;
}

#shell.fx-tasks-reference aside.fx-actions {
    display: none !important;
}

#shell.fx-tasks-reference .fx-main > #content {
    padding: 12px !important;
    background: #fff !important;
    overflow: auto !important;
    scrollbar-gutter: auto !important;
}

#shell.fx-tasks-reference #content .fx-gestao-tarefas-page,
#shell.fx-tasks-reference #content .fx-gestao-tarefas-page * {
    box-sizing: border-box;
}

#shell.fx-tasks-reference #content .fx-gestao-tarefas-page {
    margin: 0 !important;
    padding: 0 !important;
    color: #28445f;
    background: #fff;
}

#shell.fx-tasks-reference #content .fx-gestao-heading {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    min-height: 54px !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    border: 0 !important;
}

#shell.fx-tasks-reference #content .fx-task-title {
    min-width: 0;
}

#shell.fx-tasks-reference #content .fx-gestao-heading h1 {
    margin: 0 0 5px !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
    font-weight: 750 !important;
    color: #193c5a !important;
}

#shell.fx-tasks-reference #content .fx-gestao-heading p {
    margin: 0 !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
    color: #7890a6 !important;
}

#shell.fx-tasks-reference #content .fx-task-top-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

#shell.fx-tasks-reference #content .fx-task-top-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid #dce5ee;
    border-radius: 5px;
    background: #fff;
    color: #32506b;
    font: inherit;
    font-size: 11px;
    font-weight: 650;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(30, 65, 85, .05);
}

#shell.fx-tasks-reference #content .fx-task-top-button.is-primary {
    border-color: #00877e;
    background: linear-gradient(#009e94, #007b75);
    color: #fff;
}

#shell.fx-tasks-reference #content .fx-task-top-button:hover {
    filter: brightness(.97);
}

#shell.fx-tasks-reference #content .fx-gestao-filters {
    display: grid !important;
    grid-template-columns:
        minmax(170px, 1.7fr)
        minmax(100px, .85fr)
        minmax(100px, .9fr)
        minmax(110px, .95fr)
        minmax(145px, 1.2fr) !important;
    align-items: end !important;
    gap: 14px !important;
    margin: 0 0 12px !important;
    padding: 10px 12px !important;
    min-height: 60px !important;
    border: 1px solid #e0e8f0 !important;
    border-radius: 6px !important;
    background: #fff !important;
    box-shadow: 0 2px 6px rgba(35, 70, 95, .04);
}

#shell.fx-tasks-reference #content .fx-gestao-field {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    gap: 4px !important;
    margin: 0 !important;
}

#shell.fx-tasks-reference #content .fx-gestao-field > span {
    font-size: 10px !important;
    line-height: 1.2 !important;
    font-weight: 650 !important;
    color: #73879a;
}

#shell.fx-tasks-reference #content .fx-gestao-field-search > span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
}

#shell.fx-tasks-reference #content .fx-gestao-field input,
#shell.fx-tasks-reference #content .fx-gestao-field select {
    width: 100% !important;
    height: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 0 9px !important;
    border: 1px solid #dce5ef !important;
    border-radius: 5px !important;
    background-color: #fff !important;
    color: #536d85 !important;
    font-size: 11px !important;
    line-height: normal !important;
    box-shadow: none !important;
}

#shell.fx-tasks-reference #content .fx-gestao-field input::placeholder {
    color: #8ba0b3;
}

#shell.fx-tasks-reference #content .fx-gestao-tarefas-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 108px !important;
    align-items: stretch !important;
    gap: 14px !important;
    width: 100% !important;
    margin: 0 !important;
}

#shell.fx-tasks-reference #content .fx-gestao-tarefas-main {
    width: 100% !important;
    min-width: 0 !important;
}

#shell.fx-tasks-reference #content .fx-gestao-panel {
    margin: 0 !important;
    overflow: hidden;
    border: 1px solid #e1e9f1 !important;
    border-radius: 6px !important;
    background: #fff !important;
    box-shadow: none !important;
}

#shell.fx-tasks-reference #content .fx-gestao-panel-header {
    display: flex;
    align-items: center;
    min-height: 43px !important;
    padding: 10px 12px !important;
    border-bottom: 1px solid #e8eef4;
    background: #fff !important;
}

#shell.fx-tasks-reference #content .fx-gestao-panel-header h2 {
    margin: 0 !important;
    font-size: 14px !important;
    font-weight: 750;
    color: #244563;
}

#shell.fx-tasks-reference #content .fx-gestao-table-wrap {
    width: 100%;
    max-height: none !important;
    overflow-x: auto !important;
}

#shell.fx-tasks-reference #content .fx-gestao-table {
    width: 100% !important;
    min-width: 760px;
    border-collapse: collapse !important;
    border-spacing: 0;
    background: #fff;
}

#shell.fx-tasks-reference #content .fx-gestao-table thead th {
    padding: 10px 9px !important;
    border-bottom: 1px solid #e6edf4;
    background: #f6f9fc !important;
    color: #71869c !important;
    font-size: 10px !important;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
}

#shell.fx-tasks-reference #content .fx-gestao-table tbody td {
    height: 35px;
    padding: 7px 9px !important;
    border-bottom: 1px solid #edf1f6 !important;
    color: #35516c;
    font-size: 11px !important;
    line-height: 1.35;
    vertical-align: middle;
    white-space: nowrap;
}

#shell.fx-tasks-reference #content .fx-gestao-table tbody td:first-child {
    white-space: normal;
    min-width: 175px;
}

#shell.fx-tasks-reference #content .fx-gestao-table tbody td:nth-child(2),
#shell.fx-tasks-reference #content .fx-gestao-table tbody td:nth-child(6) {
    color: #7188a1;
}

#shell.fx-tasks-reference #content .fx-gestao-table tbody tr:hover {
    background: #f5fafb;
}

#shell.fx-tasks-reference #content .fx-gestao-table tbody tr.is-selected {
    background: #e6f4f2 !important;
    box-shadow: inset 3px 0 0 #008c82;
}

#shell.fx-tasks-reference #content .fx-gestao-table th:last-child,
#shell.fx-tasks-reference #content .fx-gestao-table td:last-child {
    width: 42px;
    text-align: center;
}

#shell.fx-tasks-reference #content .fx-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 21px;
    padding: 3px 10px;
    border: 0;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
}

#shell.fx-tasks-reference #content .fx-badge.is-high,
#shell.fx-tasks-reference #content .fx-badge.is-late {
    background: #ffe2e4;
    color: #ef414b;
}

#shell.fx-tasks-reference #content .fx-badge.is-medium,
#shell.fx-tasks-reference #content .fx-badge.is-pending {
    background: #fff3cf;
    color: #be850b;
}

#shell.fx-tasks-reference #content .fx-badge.is-low,
#shell.fx-tasks-reference #content .fx-badge.is-done {
    background: #dcf6e9;
    color: #13a16c;
}

#shell.fx-tasks-reference #content .fx-badge.is-running {
    background: #e2f0ff;
    color: #218bf0;
}

#shell.fx-tasks-reference #content .fx-deadline-today,
#shell.fx-tasks-reference #content .fx-deadline-late {
    color: #f04b55;
    font-weight: 700;
}

#shell.fx-tasks-reference #content .fx-deadline-today {
    display: block;
}

#shell.fx-tasks-reference #content .fx-gestao-table td:nth-child(6) small {
    display: block;
    color: #7b90a7;
    font-size: 10px;
}

#shell.fx-tasks-reference #content .fx-gestao-table td:nth-child(7) {
    min-width: 116px;
}

#shell.fx-tasks-reference #content .fx-progress {
    display: inline-block !important;
    width: 72px !important;
    height: 7px !important;
    margin: 0 7px 0 0 !important;
    overflow: hidden;
    border-radius: 999px;
    background: #e7e8eb !important;
    vertical-align: middle;
}

#shell.fx-tasks-reference #content .fx-progress > span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #399aff;
}

#shell.fx-tasks-reference #content tr:has(.fx-badge.is-done) .fx-progress > span {
    background: #18bd7b;
}

#shell.fx-tasks-reference #content .fx-gestao-table td:nth-child(7) > small {
    display: inline !important;
    color: #74869b;
    font-size: 10px;
    vertical-align: middle;
}

#shell.fx-tasks-reference #content .fx-gestao-action-panel {
    display: flex !important;
    flex-direction: column !important;
    align-self: stretch !important;
    gap: 8px !important;
    width: 108px !important;
    min-width: 0;
    height: auto !important;
    margin: 0 !important;
    padding: 10px 7px !important;
    position: static !important;
    border: 1px solid #c8d8dd !important;
    border-radius: 5px !important;
    background: linear-gradient(#f1f7f8, #edf3f5) !important;
    box-shadow: 0 1px 4px rgba(30, 65, 80, .06);
}

#shell.fx-tasks-reference #content .fx-gestao-action-btn {
    display: grid !important;
    grid-template-columns: 29px minmax(0, 1fr) !important;
    align-items: stretch !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    height: 43px !important;
    min-height: 43px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    border: 1px solid #aebfc7 !important;
    border-radius: 4px !important;
    background: linear-gradient(#fff, #eef3f5) !important;
    color: #315664 !important;
    font: inherit;
    font-size: 10.5px !important;
    font-weight: 650;
    text-align: left;
    cursor: pointer;
    box-shadow: 0 2px 3px rgba(35, 60, 70, .07);
}

#shell.fx-tasks-reference #content .fx-gestao-action-icon {
    display: grid;
    place-items: center;
    height: 100%;
    border-right: 1px solid #ccd8dd;
    color: inherit;
}

#shell.fx-tasks-reference #content .fx-gestao-action-label {
    display: flex;
    align-items: center;
    padding: 0 6px;
    white-space: nowrap;
}

#shell.fx-tasks-reference #content .fx-gestao-action-btn.is-primary {
    border-color: #087e76 !important;
    background: linear-gradient(#159d93, #047970) !important;
    color: #fff !important;
}

#shell.fx-tasks-reference #content .fx-gestao-action-btn.is-primary .fx-gestao-action-icon {
    border-right-color: rgba(255,255,255,.3);
    color: #fff;
}

#shell.fx-tasks-reference #content .fx-gestao-action-btn:disabled {
    border-color: #d0dce0 !important;
    background: #f0f4f5 !important;
    color: #99a9af !important;
    box-shadow: none;
    cursor: default;
}

#shell.fx-tasks-reference #content .fx-gestao-action-btn:disabled .fx-gestao-action-icon {
    color: inherit;
}

#shell.fx-tasks-reference #content .fx-gestao-action-btn:hover:not(:disabled) {
    filter: brightness(.97);
}

#shell.fx-tasks-reference #content .fx-gestao-table-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    min-height: 54px;
    padding: 10px 12px;
    background: #fff;
    color: #7b91a8;
    font-size: 11px;
}

#shell.fx-tasks-reference #content .fx-gestao-pagination,
#shell.fx-tasks-reference #content .fx-gestao-pagination label,
#shell.fx-tasks-reference #content .fx-gestao-page-numbers {
    display: flex;
    align-items: center;
    gap: 7px;
}

#shell.fx-tasks-reference #content .fx-gestao-pagination {
    gap: 20px;
}

#shell.fx-tasks-reference #content .fx-gestao-pagination select,
#shell.fx-tasks-reference #content .fx-gestao-page-numbers button {
    height: 32px;
    min-width: 32px;
    margin: 0;
    padding: 0 10px;
    border: 1px solid #dce6ef;
    border-radius: 5px;
    background: #fff;
    color: #5b7894;
    font: inherit;
}

#shell.fx-tasks-reference #content .fx-gestao-page-numbers button.is-active {
    border-color: #008b82;
    background: linear-gradient(#009d92, #007b74);
    color: #fff;
}

#shell.fx-tasks-reference #content .fx-gestao-tarefas-page button:focus-visible,
#shell.fx-tasks-reference #content .fx-gestao-tarefas-page input:focus-visible,
#shell.fx-tasks-reference #content .fx-gestao-tarefas-page select:focus-visible {
    outline: 2px solid #008f85;
    outline-offset: 2px;
}

@media (max-width: 1000px) {
    #shell.fx-tasks-reference #content .fx-gestao-filters {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    #shell.fx-tasks-reference #content .fx-gestao-field-search {
        grid-column: span 2;
    }
}

@media (max-width: 640px) {
    #shell.fx-tasks-reference #content .fx-gestao-heading {
        flex-wrap: wrap !important;
    }

    #shell.fx-tasks-reference #content .fx-gestao-filters {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    #shell.fx-tasks-reference #content .fx-gestao-tarefas-layout {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    #shell.fx-tasks-reference #content .fx-gestao-action-panel {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100% !important;
    }

    #shell.fx-tasks-reference #content .fx-gestao-pagination {
        flex-wrap: wrap;
    }
}

@media print {
    #shell.fx-tasks-reference #content .fx-task-top-actions,
    #shell.fx-tasks-reference #content .fx-gestao-action-panel,
    #shell.fx-tasks-reference #content .fx-gestao-filters,
    #shell.fx-tasks-reference #content .fx-gestao-pagination {
        display: none !important;
    }

    #shell.fx-tasks-reference #content .fx-gestao-tarefas-layout {
        display: block !important;
    }

    #shell.fx-tasks-reference #content .fx-gestao-table {
        min-width: 0 !important;
    }

    #shell.fx-tasks-reference #content .fx-gestao-table-wrap {
        overflow: visible !important;
    }
}

/* FIM FLUXUS TAREFAS MODELO REFERENCIA V1 */


/* FLUXUS TASK QUICK STATUS V1 */

#shell.fx-tasks-reference #content .fx-gestao-table {
    min-width: 880px !important;
}

#shell.fx-tasks-reference #content
.fx-gestao-table th.fx-task-status-actions-cell,
#shell.fx-tasks-reference #content
.fx-gestao-table td.fx-task-status-actions-cell {
    width: 326px !important;
    min-width: 326px !important;
    padding: 6px 10px !important;
    text-align: center !important;
    white-space: nowrap !important;
}

#shell.fx-tasks-reference #content
.fx-gestao-table td.fx-task-owner-cell {
    color: #35516c !important;
    min-width: 112px;
}

#shell.fx-tasks-reference #content
.fx-gestao-table td.fx-task-status-cell {
    min-width: 104px;
}

#shell.fx-tasks-reference #content
.fx-gestao-table td.fx-task-deadline-cell {
    min-width: 80px;
    color: #7188a1 !important;
}

#shell.fx-tasks-reference #content
.fx-gestao-table td.fx-task-deadline-cell small {
    display: block;
    color: #7b90a7;
    font-size: 10px;
}

#shell.fx-tasks-reference #content .fx-task-status-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

#shell.fx-tasks-reference #content .fx-task-quick-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    flex: 0 0 auto;
    min-height: 29px;
    height: 29px;
    margin: 0;
    padding: 0 9px;
    border: 1px solid;
    border-radius: 999px;
    box-shadow: none;
    font: inherit;
    font-size: 10px;
    font-weight: 650;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    transition: filter .15s ease, box-shadow .15s ease;
}

#shell.fx-tasks-reference #content .fx-task-quick-status svg {
    display: block;
    position: static;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

#shell.fx-tasks-reference #content .fx-task-quick-status.is-running {
    border-color: #cfe4ff;
    background: #eff7ff;
    color: #0876dc;
}

#shell.fx-tasks-reference #content .fx-task-quick-status.is-pending {
    border-color: #f9e7b4;
    background: #fff9e7;
    color: #bd8408;
}

#shell.fx-tasks-reference #content .fx-task-quick-status.is-done {
    border-color: #cbead5;
    background: #edf9f0;
    color: #0b9452;
}

#shell.fx-tasks-reference #content
.fx-task-quick-status[aria-pressed="true"] {
    box-shadow: inset 0 0 0 1px currentColor;
}

#shell.fx-tasks-reference #content .fx-task-quick-status:hover {
    filter: brightness(.96);
}

#shell.fx-tasks-reference #content .fx-task-quick-status:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

#shell.fx-tasks-reference #content .fx-task-local-status-note {
    margin: 0;
    padding: 8px 12px;
    border-bottom: 1px solid #eee0bd;
    background: #fffaed;
    color: #80662c;
    font-size: 11px;
    line-height: 1.4;
}

@media print {
    #shell.fx-tasks-reference #content .fx-task-status-actions,
    #shell.fx-tasks-reference #content .fx-task-local-status-note,
    #shell.fx-tasks-reference #content .fx-task-status-actions-cell {
        display: none !important;
    }

    #shell.fx-tasks-reference #content .fx-gestao-table {
        min-width: 0 !important;
    }
}

/* END FLUXUS TASK QUICK STATUS V1 */


/* === FLUXUS GESTAO DETALHES TAREFA START === */


/* ==========================================================
   ESTRUTURA
   Sem overlay, absolute ou fixed.
   ========================================================== */

#shell.fx-gestao-detalhes-mode .fx-workspace {

    

    column-gap:
        8px !important;

    align-items:
        stretch !important;

    padding:
        6px 7px !important;

    overflow:
        hidden !important;

    background:
        #eef5f6 !important;
}


#shell.fx-gestao-detalhes-mode
.fx-main {

    min-width:
        0 !important;

    min-height:
        0 !important;

    overflow:
        hidden !important;

    background:
        transparent !important;
}


#shell.fx-gestao-detalhes-mode
.fx-main > #content {

    min-width:
        0 !important;

    min-height:
        0 !important;

    height:
        100% !important;

    padding:
        5px !important;

    overflow-y:
        auto !important;

    overflow-x:
        hidden !important;

    background:
        transparent !important;
}


/* ==========================================================
   TELA
   ========================================================== */

.fxgd-screen {

    width:
        100%;

    min-width:
        0;

    margin:
        0;

    padding:
        0;

    color:
        #173d49;
}


/* ==========================================================
   CABEÇALHO
   ========================================================== */

.fxgd-summary {

    padding:
        10px 12px 9px;

    border:
        1px solid #d7e5e7;

    border-radius:
        7px;

    background:
        #ffffff;

    box-shadow:
        0 1px 4px
        rgba(17, 55, 63, .035);
}


.fxgd-title-row {

    display:
        grid;

    grid-template-columns:
        52px minmax(0,1fr);

    gap:
        12px;

    align-items:
        center;
}


.fxgd-main-icon {

    width:
        50px;

    height:
        50px;

    display:
        grid;

    place-items:
        center;

    border-radius:
        7px;

    background:
        #dff5f1;

    color:
        #087a76;
}


.fxgd-main-icon svg {

    width:
        27px;

    height:
        27px;
}


.fxgd-title-copy {

    min-width:
        0;
}


.fxgd-type {

    display:
        inline-flex;

    align-items:
        center;

    min-height:
        18px;

    padding:
        0 8px;

    margin-bottom:
        3px;

    border-radius:
        999px;

    background:
        #edf2f6;

    color:
        #49687a;

    font-size:
        8px;

    font-weight:
        600;
}


.fxgd-title-copy h1 {

    margin:
        0;

    color:
        #0f3854;

    font-size:
        18px;

    font-weight:
        750;

    line-height:
        1.15;

    white-space:
        nowrap;

    overflow:
        hidden;

    text-overflow:
        ellipsis;
}


/* ==========================================================
   METADADOS NA MESMA LINHA DO PRAZO
   ========================================================== */

.fxgd-meta-row {

    display:
        grid;

    grid-template-columns:
        1.06fr
        1.06fr
        .94fr
        .94fr
        .94fr;

    align-items:
        stretch;

    margin-top:
        9px;
}


.fxgd-meta {

    min-width:
        0;

    min-height:
        44px;

    display:
        flex;

    align-items:
        center;

    gap:
        8px;

    padding:
        2px 12px;
}


.fxgd-meta
+ .fxgd-meta {

    border-left:
        1px solid #d5e1e4;
}


.fxgd-meta > svg {

    width:
        19px;

    height:
        19px;

    flex:
        0 0 19px;

    color:
        #56769a;
}


.fxgd-meta > div {

    min-width:
        0;

    display:
        flex;

    flex-direction:
        column;

    gap:
        2px;
}


.fxgd-meta span {

    color:
        #607a92;

    font-size:
        8px;

    line-height:
        1;
}


.fxgd-meta strong {

    color:
        #0c3557;

    font-size:
        10px;

    font-weight:
        700;

    line-height:
        1.15;

    white-space:
        nowrap;

    overflow:
        hidden;

    text-overflow:
        ellipsis;
}


.fxgd-meta small {

    color:
        #6f8a9f;

    font-size:
        7.5px;
}


.fxgd-pill {

    width:
        fit-content;

    min-width:
        0;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    padding:
        4px 9px;

    border-radius:
        999px;

    font-size:
        8px !important;
}


.fxgd-pill.is-high {

    color:
        #e33d43;

    background:
        #fee4e5;
}


.fxgd-pill.is-pending {

    color:
        #e29300;

    background:
        #fff0cf;
}


/* ==========================================================
   CHECKLIST + HISTÓRICO
   ========================================================== */

.fxgd-lower-grid {

    display:
        grid;

    /*
     * Checklist ligeiramente menor,
     * Histórico ligeiramente maior.
     */
    grid-template-columns:
        minmax(0, .96fr)
        minmax(0, 1.04fr);

    gap:
        8px;

    margin-top:
        7px;
}


.fxgd-card {

    min-width:
        0;

    overflow:
        hidden;

    border:
        1px solid #d7e5e7;

    border-radius:
        7px;

    background:
        #ffffff;

    box-shadow:
        0 1px 4px
        rgba(17, 55, 63, .035);
}


.fxgd-card-title {

    min-height:
        38px;

    display:
        flex;

    align-items:
        center;

    gap:
        8px;

    padding:
        5px 10px;
}


.fxgd-card-icon {

    width:
        28px;

    height:
        28px;

    flex:
        0 0 28px;

    display:
        grid;

    place-items:
        center;

    border-radius:
        5px;

    background:
        #087b77;

    color:
        #ffffff;
}


.fxgd-card-icon svg {

    width:
        17px;

    height:
        17px;
}


.fxgd-card-title h2 {

    margin:
        0;

    color:
        #123d57;

    font-size:
        13px;

    font-weight:
        750;
}


/* ==========================================================
   TABELAS
   ========================================================== */

.fxgd-table-wrap {

    width:
        100%;

    min-width:
        0;

    overflow-x:
        auto;
}


.fxgd-table {

    width:
        100%;

    border-collapse:
        collapse;

    table-layout:
        fixed;

    color:
        #173d55;

    font-size:
        8.5px;
}


.fxgd-table thead {

    background:
        #edf4f6;
}


.fxgd-table th {

    height:
        28px;

    padding:
        0 9px;

    color:
        #36566c;

    font-size:
        8px;

    font-weight:
        700;

    text-align:
        left;
}


.fxgd-table td {

    min-height:
        33px;

    padding:
        7px 9px;

    border-bottom:
        1px solid #e4ecee;

    line-height:
        1.25;

    vertical-align:
        middle;
}


.fxgd-table tbody tr:last-child td {

    border-bottom:
        0;
}


/* CHECKLIST */

.fxgd-check-table th:first-child,
.fxgd-check-table td:first-child {

    text-align:
        center;

    padding-left:
        4px;

    padding-right:
        4px;
}


.fxgd-check-table input[type="checkbox"] {

    width:
        15px;

    height:
        15px;

    margin:
        0;

    accent-color:
        #087b77;

    cursor:
        pointer;
}


/*
 * Descrição do checklist um pouco menor,
 * exatamente como solicitado.
 */
.fxgd-check-table th:nth-child(2),
.fxgd-check-table td:nth-child(2) {

    padding-right:
        5px;
}


.fxgd-check-table th:nth-child(3),
.fxgd-check-table td:nth-child(3) {

    white-space:
        nowrap;
}


/* HISTÓRICO */

.fxgd-history-table th:first-child,
.fxgd-history-table td:first-child {

    width:
        132px;

    white-space:
        nowrap;
}


/*
 * Todo o espaço restante vai para Descrição.
 */
.fxgd-history-table th:nth-child(2),
.fxgd-history-table td:nth-child(2) {

    width:
        auto;
}


/* ==========================================================
   BARRA LATERAL OFICIAL
   ========================================================== */




#shell.fx-gestao-detalhes-mode
.fx-actions button[hidden] {

    display:
        none !important;
}








#shell.fx-gestao-detalhes-mode
.fx-actions
[data-action="Excluir"] {

    color:
        #dc3035 !important;
}


/* ==========================================================
   RESPONSIVO — SEM SOBREPOSIÇÃO
   ========================================================== */

@media (max-width: 980px) {

    .fxgd-meta-row {

        grid-template-columns:
            repeat(
                3,
                minmax(0,1fr)
            );
    }


    .fxgd-meta
    + .fxgd-meta {

        border-left:
            0;
    }


    .fxgd-lower-grid {

        grid-template-columns:
            1fr;
    }


    
}


/* === FLUXUS GESTAO DETALHES TAREFA END === */


/* FXGD-CONTEUDO-REFERENCIA-V1 BEGIN */
/* Apenas conteúdo do acompanhamento. Não altera a barra de ações. */

.fxgd-screen .fxgd-summary {
    padding: 14px 16px;
    border: 1px solid #e5eef2;
    border-radius: 7px;
    background: #fff;
    box-shadow: 0 1px 4px rgba(25, 58, 80, .03);
}

.fxgd-screen .fxgd-title-row {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 12px;
}

.fxgd-screen .fxgd-main-icon {
    width: 44px;
    height: 44px;
    border-radius: 8px;
    background: #dff5f1;
}

.fxgd-screen .fxgd-main-icon svg {
    width: 25px;
    height: 25px;
}

.fxgd-screen .fxgd-title-copy h1 {
    margin: 0;
    font-size: 17px;
    line-height: 1.3;
    color: #153565;
    white-space: normal;
    overflow-wrap: anywhere;
}

.fxgd-screen .fxgd-meta-row {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin-top: 14px;
    align-items: stretch;
}

.fxgd-screen .fxgd-meta {
    min-width: 0;
    min-height: 36px;
    padding: 2px 10px;
    gap: 8px;
}

.fxgd-screen .fxgd-meta + .fxgd-meta {
    border-left: 1px solid #dbe5ed;
}

.fxgd-screen .fxgd-meta span {
    font-size: 10px;
    line-height: 1.25;
}

.fxgd-screen .fxgd-meta strong {
    font-size: 11px;
    line-height: 1.3;
}

.fxgd-screen .fxgd-meta small {
    font-size: 9px;
    line-height: 1.25;
}

.fxgd-screen .fxgd-lower-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 8px;
    align-items: stretch;
}

.fxgd-screen .fxgd-card {
    min-width: 0;
    border: 1px solid #e5eef2;
    border-radius: 7px;
    background: #fff;
    box-shadow: 0 1px 4px rgba(25, 58, 80, .03);
}

.fxgd-screen .fxgd-card-title {
    min-height: 36px;
    padding: 7px 10px;
    gap: 8px;
}

.fxgd-screen .fxgd-card-icon {
    width: 23px;
    height: 23px;
    flex: 0 0 23px;
    border-radius: 5px;
}

.fxgd-screen .fxgd-card-icon svg {
    width: 16px;
    height: 16px;
}

.fxgd-screen .fxgd-card-title h2 {
    font-size: 13px;
    line-height: 1.3;
    color: #153565;
}

.fxgd-screen .fxgd-table-wrap {
    box-sizing: border-box;
    width: 100%;
    padding: 0 10px 10px;
    overflow-x: auto;
}

.fxgd-screen .fxgd-table {
    width: 100%;
    font-size: 11px;
    color: #233e62;
}

.fxgd-screen .fxgd-table thead {
    background: #eaf0f5;
}

.fxgd-screen .fxgd-table th {
    height: 25px;
    padding: 4px 8px;
    font-size: 10px;
    line-height: 1.3;
    text-transform: none;
}

.fxgd-screen .fxgd-table td {
    padding: 7px 8px;
    line-height: 1.4;
    border-bottom: 1px solid #edf1f5;
}

.fxgd-screen .fxgd-table tbody tr:last-child td {
    border-bottom: 0;
}

.fxgd-screen .fxgd-history-table td:nth-child(2),
.fxgd-screen .fxgd-check-table td:nth-child(2) {
    white-space: normal;
    overflow-wrap: anywhere;
}

/* Em telas estreitas, evita espremer informações e tabelas. */
@media (max-width: 760px) {
    .fxgd-screen .fxgd-meta-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 10px;
    }

    .fxgd-screen .fxgd-meta + .fxgd-meta {
        border-left: 0;
    }

    .fxgd-screen .fxgd-lower-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* FXGD-CONTEUDO-REFERENCIA-V1 END */

/* FXGD-RESTAURA-PADRAO-ACOES-V1 */


/* FXGD-BOTOES-PADRAO-LISTA-V1 BEGIN */
/* Visual da lista de Tarefas, somente na lateral do acompanhamento. */

#shell.fx-system.fx-gestao-detalhes-mode .fx-workspace {
    grid-template-columns: minmax(0, 1fr) 108px !important;
}

#shell.fx-system.fx-gestao-detalhes-mode .fx-workspace > aside.fx-actions {
    box-sizing: border-box;
    position: static !important;
    align-self: start !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 7px !important;
    border: 1px solid #c5d8de !important;
    border-radius: 5px !important;
    background: #f2f7f8 !important;
    box-shadow: none !important;
    max-height: none !important;
    overflow: visible !important;
}

#shell.fx-system.fx-gestao-detalhes-mode .fx-actions button:not([hidden]) {
    box-sizing: border-box;
    display: grid !important;
    grid-template-columns: 28px minmax(0, 1fr) !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    gap: 0 !important;
    flex-shrink: 0;
    width: 100% !important;
    min-width: 0 !important;
    height: 43px !important;
    min-height: 43px !important;
    margin: 0 !important;
    padding: 0 7px 0 0 !important;
    border: 1px solid #b9cdd6 !important;
    border-radius: 4px !important;
    background: linear-gradient(180deg, #ffffff, #edf3f5) !important;
    color: #173d4e !important;
    font-family: "Segoe UI", Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-align: left !important;
    white-space: normal !important;
    word-break: normal !important;
    box-shadow: 0 2px 3px rgba(25, 57, 72, .06) !important;
}

/* Centraliza o texto, inclusive quando ele é um nó de texto do botão. */
#shell.fx-system.fx-gestao-detalhes-mode .fx-actions button:not([hidden]) {
    align-items: center !important;
    column-gap: 6px !important;
}

/* Mantém o ícone existente, sem trocar o HTML ou os eventos. */
#shell.fx-system.fx-gestao-detalhes-mode .fx-actions button:not([hidden]) > span:first-child {
    box-sizing: border-box;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: stretch !important;
    width: 28px !important;
    min-height: 41px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-right: 1px solid #cbdbe1 !important;
    color: #386075 !important;
    font-size: 15px !important;
}

#shell.fx-system.fx-gestao-detalhes-mode .fx-actions button > span:first-child svg {
    width: 16px !important;
    height: 16px !important;
    flex-shrink: 0;
}

/* "Adicionar item" conserva a ação Incluir e recebe o destaque verde. */
#shell.fx-system.fx-gestao-detalhes-mode .fx-actions button[data-action="Incluir"]:not([hidden]) {
    border-color: #05776f !important;
    background: linear-gradient(180deg, #109d94, #057b73) !important;
    color: #ffffff !important;
    box-shadow: 0 2px 4px rgba(7, 102, 97, .16) !important;
}

#shell.fx-system.fx-gestao-detalhes-mode .fx-actions button[data-action="Incluir"] > span:first-child {
    border-right-color: rgba(255,255,255,.28) !important;
    color: #ffffff !important;
}

#shell.fx-system.fx-gestao-detalhes-mode .fx-actions button:not([hidden]):not(:disabled):hover {
    border-color: #82a5a7 !important;
    background: #ffffff !important;
    color: #075d59 !important;
}

#shell.fx-system.fx-gestao-detalhes-mode .fx-actions button[data-action="Incluir"]:not(:disabled):hover {
    border-color: #05776f !important;
    background: linear-gradient(180deg, #09877f, #056f68) !important;
    color: #ffffff !important;
}

/* Só mostra aparência desabilitada quando o botão realmente está disabled. */
#shell.fx-system.fx-gestao-detalhes-mode .fx-actions button:disabled {
    border-color: #d0dde2 !important;
    background: #eef3f5 !important;
    color: #94a5af !important;
    box-shadow: none !important;
    opacity: 1 !important;
    cursor: not-allowed !important;
}

#shell.fx-system.fx-gestao-detalhes-mode .fx-actions button:disabled > span:first-child {
    color: #94a5af !important;
    border-right-color: #d5dfe4 !important;
}

#shell.fx-system.fx-gestao-detalhes-mode .fx-actions button[hidden] {
    display: none !important;
}

@media (max-width: 700px) {
    #shell.fx-system.fx-gestao-detalhes-mode .fx-workspace {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    #shell.fx-system.fx-gestao-detalhes-mode .fx-workspace > aside.fx-actions {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
/* FXGD-BOTOES-PADRAO-LISTA-V1 END */


/* === FLUXUS GESTAO INTERACOES TAREFA START === */


/* ==========================================================
   LINHA SELECIONÁVEL
   ========================================================== */

.fxgd-check-table tbody tr,
.fxgd-history-table tbody tr {

    cursor:
        pointer;

    transition:
        background .12s ease,
        box-shadow .12s ease;
}


.fxgd-check-table tbody tr:hover,
.fxgd-history-table tbody tr:hover {

    background:
        #f4f9f9;
}


.fxgd-check-table tbody tr.fxgd-row-selected,
.fxgd-history-table tbody tr.fxgd-row-selected {

    background:
        #e7f4f2 !important;

    box-shadow:
        inset 3px 0 0
        #087b77;
}


.fxgd-check-table tbody tr.fxgd-row-selected td,
.fxgd-history-table tbody tr.fxgd-row-selected td {

    color:
        #0c3f4c;
}


.fxgd-check-table tbody tr:focus-visible,
.fxgd-history-table tbody tr:focus-visible {

    outline:
        2px solid
        #58a9a4;

    outline-offset:
        -2px;
}


/* ==========================================================
   DIALOG NATIVO
   ========================================================== */

.fxgd-dialog {

    width:
        min(
            var(
                --fxgd-dialog-width,
                560px
            ),
            calc(
                100vw - 32px
            )
        );

    max-height:
        calc(
            100vh - 48px
        );

    margin:
        auto;

    padding:
        0;

    overflow:
        hidden;

    border:
        1px solid
        #cbdadd;

    border-radius:
        9px;

    background:
        #ffffff;

    color:
        #163b4a;

    box-shadow:
        0 14px 40px
        rgba(
            24,
            55,
            62,
            .18
        );
}


.fxgd-dialog::backdrop {

    background:
        rgba(
            20,
            41,
            46,
            .24
        );
}


.fxgd-dialog-form {

    display:
        flex;

    flex-direction:
        column;

    max-height:
        calc(
            100vh - 50px
        );

    background:
        #ffffff;
}


.fxgd-dialog-header {

    display:
        flex;

    align-items:
        flex-start;

    justify-content:
        space-between;

    gap:
        18px;

    padding:
        18px 20px 14px;

    border-bottom:
        1px solid
        #dce7e9;

    background:
        #f8fbfb;
}


.fxgd-dialog-heading h3 {

    margin:
        0;

    color:
        #103b50;

    font-size:
        17px;

    font-weight:
        750;
}


.fxgd-dialog-heading p {

    margin:
        5px 0 0;

    color:
        #6a818d;

    font-size:
        11px;

    line-height:
        1.35;
}


.fxgd-dialog-close {

    width:
        30px;

    height:
        30px;

    flex:
        0 0 30px;

    display:
        grid;

    place-items:
        center;

    padding:
        0;

    border:
        0;

    border-radius:
        5px;

    background:
        transparent;

    color:
        #617a85;

    font-size:
        21px;

    line-height:
        1;

    cursor:
        pointer;
}


.fxgd-dialog-close:hover {

    background:
        #eaf2f3;

    color:
        #214c58;
}


.fxgd-dialog-body {

    padding:
        18px 20px;

    overflow-y:
        auto;
}


.fxgd-dialog-footer {

    display:
        flex;

    align-items:
        center;

    justify-content:
        flex-end;

    gap:
        8px;

    padding:
        12px 20px;

    border-top:
        1px solid
        #dce7e9;

    background:
        #fafcfc;
}


/* ==========================================================
   CAMPOS
   ========================================================== */

.fxgd-field {

    display:
        flex;

    flex-direction:
        column;

    gap:
        6px;

    min-width:
        0;
}


.fxgd-field > span {

    color:
        #496773;

    font-size:
        11px;

    font-weight:
        650;
}


.fxgd-field input,
.fxgd-field textarea {

    width:
        100%;

    box-sizing:
        border-box;

    border:
        1px solid
        #cbdadd;

    border-radius:
        5px;

    background:
        #ffffff;

    color:
        #123e50;

    font-family:
        inherit;

    font-size:
        12px;

    outline:
        none;
}


.fxgd-field input {

    height:
        38px;

    padding:
        0 10px;
}


.fxgd-field textarea {

    min-height:
        92px;

    padding:
        10px 11px;

    line-height:
        1.45;

    resize:
        vertical;
}


.fxgd-field input:focus,
.fxgd-field textarea:focus {

    border-color:
        #4b9e99;

    box-shadow:
        0 0 0 2px
        rgba(
            8,
            123,
            119,
            .09
        );
}


.fxgd-two-fields {

    display:
        grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(0,1fr);

    gap:
        12px;

    margin-top:
        14px;
}


/* ==========================================================
   ESCOLHA CHECKLIST / HISTÓRICO
   ========================================================== */

.fxgd-choice-grid {

    display:
        grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0,1fr)
        );

    gap:
        10px;

    margin-bottom:
        18px;
}


.fxgd-choice-card {

    min-width:
        0;

    display:
        flex;

    align-items:
        flex-start;

    gap:
        9px;

    padding:
        12px;

    border:
        1px solid
        #d2dfe1;

    border-radius:
        7px;

    background:
        #ffffff;

    cursor:
        pointer;
}


.fxgd-choice-card:hover {

    border-color:
        #8dbab7;

    background:
        #f8fbfb;
}


.fxgd-choice-card.is-selected {

    border-color:
        #087b77;

    background:
        #eef8f7;

    box-shadow:
        inset 0 0 0 1px
        rgba(
            8,
            123,
            119,
            .08
        );
}


.fxgd-choice-card input {

    margin:
        2px 0 0;

    accent-color:
        #087b77;
}


.fxgd-choice-card span {

    min-width:
        0;

    display:
        flex;

    flex-direction:
        column;

    gap:
        3px;
}


.fxgd-choice-card strong {

    color:
        #173f4c;

    font-size:
        12px;

    font-weight:
        700;
}


.fxgd-choice-card small {

    color:
        #718792;

    font-size:
        10px;

    line-height:
        1.3;
}


.fxgd-form-section[hidden] {

    display:
        none !important;
}


/* ==========================================================
   BOTÕES DO DIALOG
   ========================================================== */

.fxgd-btn-primary,
.fxgd-btn-secondary {

    min-width:
        84px;

    height:
        34px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    padding:
        0 15px;

    border-radius:
        5px;

    font-family:
        inherit;

    font-size:
        11px;

    font-weight:
        650;

    cursor:
        pointer;
}


.fxgd-btn-primary {

    border:
        1px solid
        #087b77;

    background:
        #087b77;

    color:
        #ffffff;
}


.fxgd-btn-primary:hover {

    background:
        #066f6b;
}


.fxgd-btn-secondary {

    border:
        1px solid
        #c9d7da;

    background:
        #ffffff;

    color:
        #405f69;
}


.fxgd-btn-secondary:hover {

    background:
        #f3f7f7;
}


.fxgd-btn-primary.is-danger {

    border-color:
        #d74348;

    background:
        #d74348;
}


.fxgd-btn-primary.is-danger:hover {

    background:
        #c6363b;
}


/* ==========================================================
   EXCLUSÃO / AVISO
   ========================================================== */

.fxgd-delete-box {

    padding:
        12px 14px;

    border:
        1px solid
        #ead6d7;

    border-radius:
        6px;

    background:
        #fffafa;
}


.fxgd-delete-box strong {

    color:
        #8f3538;

    font-size:
        11px;
}


.fxgd-delete-box p {

    margin:
        6px 0 0;

    color:
        #4d6269;

    font-size:
        11px;

    line-height:
        1.4;
}


.fxgd-info-text {

    margin:
        0;

    color:
        #46616b;

    font-size:
        12px;

    line-height:
        1.5;
}


/* ==========================================================
   RESPONSIVO
   ========================================================== */

@media (max-width: 620px) {

    .fxgd-choice-grid {

        grid-template-columns:
            1fr;
    }


    .fxgd-two-fields {

        grid-template-columns:
            1fr;
    }
}


/* === FLUXUS GESTAO INTERACOES TAREFA END === */


/* === FLUXUS GESTAO STATUS TAREFAS START === */


/* ==========================================================
   STATUS DA TAREFA
   ========================================================== */

[data-fxg-task-status-badge] {

    min-width:
        86px;

    min-height:
        22px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        5px;

    padding:
        2px 9px;

    box-sizing:
        border-box;

    border:
        1px solid transparent;

    border-radius:
        999px;

    font-size:
        9px;

    font-weight:
        650;

    line-height:
        1;

    white-space:
        nowrap;
}


/* EM ANDAMENTO */

[data-fxg-task-status-badge]
[data-fxg-status="em-andamento"] {

    border-color:
        #b9dcf7;

    background:
        #edf7ff;

    color:
        #0879c9;
}


[data-fxg-task-status-badge]
[data-fxg-status="em-andamento"]::before {

    content:
        "◷";

    font-size:
        10px;
}


/* PENDENTE */

[data-fxg-task-status-badge]
[data-fxg-status="pendente"] {

    border-color:
        #f1d899;

    background:
        #fff8e8;

    color:
        #c48300;
}


[data-fxg-task-status-badge]
[data-fxg-status="pendente"]::before {

    content:
        "!";

    width:
        12px;

    height:
        12px;

    display:
        inline-grid;

    place-items:
        center;

    border:
        1px solid
        currentColor;

    border-radius:
        50%;

    font-size:
        8px;

    font-weight:
        750;
}


/* CONCLUÍDA */

[data-fxg-task-status-badge]
[data-fxg-status="concluida"] {

    border-color:
        #bfe3cf;

    background:
        #eaf8f0;

    color:
        #078c50;
}


[data-fxg-task-status-badge]
[data-fxg-status="concluida"]::before {

    content:
        "✓";

    width:
        13px;

    height:
        13px;

    display:
        inline-grid;

    place-items:
        center;

    border-radius:
        50%;

    background:
        #07965a;

    color:
        #ffffff;

    font-size:
        8px;

    font-weight:
        800;
}


/* EM ATRASO — AUTOMÁTICO */

[data-fxg-task-status-badge]
[data-fxg-status="em-atraso"] {

    border-color:
        #f2bbbb;

    background:
        #fff0f0;

    color:
        #dc3439;
}


[data-fxg-task-status-badge]
[data-fxg-status="em-atraso"]::before {

    content:
        "!";

    width:
        13px;

    height:
        13px;

    display:
        inline-grid;

    place-items:
        center;

    border-radius:
        50%;

    background:
        #e33b40;

    color:
        #ffffff;

    font-size:
        8px;

    font-weight:
        800;
}


/* ==========================================================
   BOTÃO DO STATUS SELECIONADO
   ========================================================== */

button[data-fxg-status-action] {

    transition:
        box-shadow .12s ease,
        transform .12s ease,
        background .12s ease;
}


button[data-fxg-status-action]
.is-status-selected {

    box-shadow:
        inset 0 0 0 1px
        currentColor,
        0 0 0 1px
        rgba(
            31,
            70,
            82,
            .06
        );

    font-weight:
        700;
}


button[data-fxg-status-action]
.is-status-selected:active {

    transform:
        translateY(1px);
}


/* === FLUXUS GESTAO STATUS TAREFAS END === */


/* === FLUXUS GESTAO STATUS CORES FIX START === */


/* ==========================================================
   BASE DO STATUS
   ========================================================== */

[data-fxg-task-status-badge] {

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    gap:
        5px !important;

    min-width:
        88px !important;

    min-height:
        22px !important;

    padding:
        3px 9px !important;

    box-sizing:
        border-box !important;

    border:
        1px solid transparent !important;

    border-radius:
        999px !important;

    font-size:
        9px !important;

    font-weight:
        650 !important;

    line-height:
        1 !important;

    white-space:
        nowrap !important;

    box-shadow:
        none !important;
}


/* ==========================================================
   EM ANDAMENTO — AZUL
   ========================================================== */

[data-fxg-task-status-badge][data-fxg-status="em-andamento"] {

    color:
        #087bc1 !important;

    background:
        #eaf5fe !important;

    border-color:
        #b9dbf4 !important;
}


[data-fxg-task-status-badge][data-fxg-status="em-andamento"]::before {

    content:
        "◷" !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    color:
        #0984d2 !important;

    background:
        transparent !important;

    font-size:
        11px !important;
}


/* ==========================================================
   PENDENTE — AMARELO
   ========================================================== */

[data-fxg-task-status-badge][data-fxg-status="pendente"] {

    color:
        #bb7900 !important;

    background:
        #fff5d9 !important;

    border-color:
        #f3d792 !important;
}


[data-fxg-task-status-badge][data-fxg-status="pendente"]::before {

    content:
        "!" !important;

    width:
        13px !important;

    height:
        13px !important;

    display:
        inline-grid !important;

    place-items:
        center !important;

    border:
        1px solid
        #d89500 !important;

    border-radius:
        50% !important;

    background:
        transparent !important;

    color:
        #d89500 !important;

    font-size:
        8px !important;

    font-weight:
        800 !important;
}


/* ==========================================================
   CONCLUÍDA — VERDE
   ========================================================== */

[data-fxg-task-status-badge][data-fxg-status="concluida"] {

    color:
        #07834b !important;

    background:
        #e8f7ee !important;

    border-color:
        #b8e1c9 !important;
}


[data-fxg-task-status-badge][data-fxg-status="concluida"]::before {

    content:
        "✓" !important;

    width:
        13px !important;

    height:
        13px !important;

    display:
        inline-grid !important;

    place-items:
        center !important;

    border:
        0 !important;

    border-radius:
        50% !important;

    background:
        #07955a !important;

    color:
        #ffffff !important;

    font-size:
        8px !important;

    font-weight:
        800 !important;
}


/* ==========================================================
   EM ATRASO — VERMELHO
   STATUS AUTOMÁTICO
   ========================================================== */

[data-fxg-task-status-badge][data-fxg-status="em-atraso"] {

    color:
        #d9363e !important;

    background:
        #fdebec !important;

    border-color:
        #f2b7bb !important;
}


[data-fxg-task-status-badge][data-fxg-status="em-atraso"]::before {

    content:
        "!" !important;

    width:
        13px !important;

    height:
        13px !important;

    display:
        inline-grid !important;

    place-items:
        center !important;

    border:
        0 !important;

    border-radius:
        50% !important;

    background:
        #e13c43 !important;

    color:
        #ffffff !important;

    font-size:
        8px !important;

    font-weight:
        800 !important;
}


/* ==========================================================
   GARANTIA CONTRA CORES ANTIGAS
   ========================================================== */

.fx-gestao-table
[data-fxg-task-status-badge][data-fxg-status="em-andamento"] {

    background:
        #eaf5fe !important;

    color:
        #087bc1 !important;
}


.fx-gestao-table
[data-fxg-task-status-badge][data-fxg-status="pendente"] {

    background:
        #fff5d9 !important;

    color:
        #bb7900 !important;
}


.fx-gestao-table
[data-fxg-task-status-badge][data-fxg-status="concluida"] {

    background:
        #e8f7ee !important;

    color:
        #07834b !important;
}


.fx-gestao-table
[data-fxg-task-status-badge][data-fxg-status="em-atraso"] {

    background:
        #fdebec !important;

    color:
        #d9363e !important;
}


/* === FLUXUS GESTAO STATUS CORES FIX END === */


/* === TASK FORM COMPACT 20261002 START === */

/*
 * Nova tarefa / Editar tarefa
 */
#fx-task-create-dialog {
    width:
        min(
            820px,
            calc(100vw - 48px)
        ) !important;

    max-width:
        820px !important;

    height:
        auto !important;

    max-height:
        82vh !important;

    padding:
        0 !important;

    margin:
        auto !important;

    overflow:
        hidden !important;

    border-radius:
        14px !important;
}


/*
 * Estrutura vertical:
 * cabeçalho fixo,
 * conteúdo rolável,
 * rodapé fixo.
 */
#fx-task-create-dialog
.ft-form {
    display:
        flex !important;

    flex-direction:
        column !important;

    width:
        100% !important;

    max-height:
        82vh !important;

    min-height:
        0 !important;
}


#fx-task-create-dialog
.ft-header {
    flex:
        0 0 auto;

    padding:
        14px 20px !important;
}


#fx-task-create-dialog
.ft-body {
    flex:
        1 1 auto;

    min-height:
        0 !important;

    overflow-y:
        auto !important;

    padding:
        14px 20px 18px !important;
}


#fx-task-create-dialog
.ft-footer {
    flex:
        0 0 auto;

    padding:
        12px 20px !important;
}


/*
 * Solicitante segue a aparência
 * dos demais controles.
 */
#fx-task-create-dialog
input[name="requester"] {
    width:
        100%;

    box-sizing:
        border-box;
}


/*
 * Em telas menores, mantém
 * margem mínima nas laterais.
 */
@media (max-width: 860px) {

    #fx-task-create-dialog {
        width:
            calc(100vw - 24px)
            !important;

        max-width:
            none !important;

        max-height:
            calc(100vh - 24px)
            !important;
    }


    #fx-task-create-dialog
    .ft-form {
        max-height:
            calc(100vh - 24px)
            !important;
    }
}

/* === TASK FORM COMPACT 20261002 END === */


/* === TASK FORM COMPACT FIELDS V2 START === */

/*
 * Janela mais compacta
 */
#fx-task-create-dialog {
    width: min(
        760px,
        calc(100vw - 40px)
    ) !important;

    max-width: 760px !important;

    max-height: 80vh !important;
}


/*
 * Cabeçalho
 */
#fx-task-create-dialog .ft-header {
    padding:
        10px 16px !important;
}


#fx-task-create-dialog .ft-header-icon {
    width:
        44px !important;

    height:
        44px !important;
}


#fx-task-create-dialog .ft-title h2 {
    font-size:
        24px !important;

    line-height:
        1.15 !important;
}


/*
 * Área interna
 */
#fx-task-create-dialog .ft-body {
    padding:
        10px 16px 12px !important;
}


/*
 * Menos espaço entre campos
 */
#fx-task-create-dialog .ft-grid {
    gap:
        10px 12px !important;
}


#fx-task-create-dialog .ft-section {
    margin-bottom:
        10px !important;
}


#fx-task-create-dialog .ft-section-title {
    margin-bottom:
        9px !important;

    font-size:
        13px !important;
}


/*
 * Labels
 */
#fx-task-create-dialog .ft-field label {
    margin-bottom:
        4px !important;

    font-size:
        12px !important;

    line-height:
        1.2 !important;
}


/*
 * Inputs e selects
 */
#fx-task-create-dialog .ft-field input,
#fx-task-create-dialog .ft-field select {
    height:
        35px !important;

    min-height:
        35px !important;

    padding:
        0 10px !important;

    font-size:
        12.5px !important;

    border-radius:
        6px !important;
}


/*
 * Textareas também menores
 */
#fx-task-create-dialog .ft-field textarea {
    min-height:
        64px !important;

    padding:
        8px 10px !important;

    font-size:
        12.5px !important;

    line-height:
        1.35 !important;

    border-radius:
        6px !important;
}


/*
 * Área de anexos
 */
#fx-task-create-dialog .ft-dropzone {
    min-height:
        62px !important;

    padding:
        10px 14px !important;
}


/*
 * Rodapé menor
 */
#fx-task-create-dialog .ft-footer {
    padding:
        9px 16px !important;
}


#fx-task-create-dialog .ft-button {
    min-height:
        35px !important;

    height:
        35px !important;

    padding:
        0 15px !important;

    font-size:
        12px !important;
}


/*
 * Mantém responsividade
 */
@media (max-width: 800px) {

    #fx-task-create-dialog {
        width:
            calc(100vw - 20px)
            !important;

        max-width:
            none !important;
    }
}

/* === TASK FORM COMPACT FIELDS V2 END === */


/* === GESTAO DEMANDAS DASHBOARD START === */

.fxg-demandas-page {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    height: 100%;

    min-height:
        0;

    overflow:
        hidden;

    color:
        #163b55;
}


.fxg-demandas-scroll {
    width:
        100%;

    flex: 1 1 0;
    min-height: 0;
    height: 0;

    overflow-y:
        auto;

    overflow-x:
        hidden;

    box-sizing:
        border-box;

    padding:
        18px 18px 28px 22px;

    scrollbar-gutter:
        stable;
}


.fxg-demandas-scroll::-webkit-scrollbar {
    width:
        10px;
}


.fxg-demandas-scroll::-webkit-scrollbar-track {
    background:
        #eef3f5;

    border-radius:
        8px;
}


.fxg-demandas-scroll::-webkit-scrollbar-thumb {
    background:
        #9aa9ae;

    border-radius:
        8px;

    border:
        2px solid #eef3f5;
}


.fxg-demandas-heading {
    display:
        flex;

    align-items:
        flex-end;

    justify-content:
        space-between;

    gap:
        20px;

    margin:
        14px 0 18px;
}


.fxg-demandas-heading h1 {
    margin:
        0;

    color:
        #063f46;

    font-size:
        29px;
}


.fxg-demandas-heading p {
    margin:
        4px 0 0;

    color:
        #76879a;

    font-size:
        13px;
}


.fxg-demandas-info {
    display:
        flex;

    align-items:
        center;

    gap:
        10px;

    max-width:
        380px;

    padding:
        10px 13px;

    border:
        1px solid #d6e8f8;

    border-radius:
        7px;

    background:
        #edf6ff;

    color:
        #47647e;

    font-size:
        12px;

    line-height:
        1.35;
}


.fxg-demandas-info > span:first-child {
    color:
        #1389e4;

    font-size:
        19px;
}


.fxg-demandas-grid {
    display:
        grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        );

    gap:
        18px;
}


.fxg-demand-card {
    min-width:
        0;

    min-height:
        190px;

    overflow:
        hidden;

    border:
        1.5px solid #006b70;

    border-radius:
        5px;

    background:
        #fff;

    outline:
        none;

    cursor:
        pointer;

    transition:
        box-shadow .15s ease,
        transform .15s ease,
        border-color .15s ease;
}


.fxg-demand-card:hover {
    box-shadow:
        0 7px 18px
        rgba(9, 73, 77, .10);
}


.fxg-demand-card.is-selected {
    border-color:
        #00939b;

    box-shadow:
        0 0 0 2px
        rgba(0, 147, 155, .18);
}


.fxg-demand-card-title {
    width:
        46%;

    min-width:
        150px;

    margin:
        6px auto 0;

    padding:
        5px 14px;

    border-radius:
        4px;

    background:
        linear-gradient(
            180deg,
            #00686d,
            #00555a
        );

    color:
        #fff;

    text-align:
        center;

    font-size:
        16px;

    font-weight:
        750;
}


.fxg-demand-card-body {
    padding:
        12px 14px 16px;
}


.fxg-demand-task {
    display:
        grid;

    grid-template-columns:
        82px minmax(0, 1fr) 112px;

    align-items:
        center;

    gap:
        9px;

    min-height:
        34px;

    border-bottom:
        1px solid #e9eef2;

    font-size:
        11.5px;
}


.fxg-demand-task:last-child {
    border-bottom:
        0;
}


.fxg-demand-task time {
    white-space:
        nowrap;

    color:
        #526071;
}


.fxg-demand-task-title {
    overflow:
        hidden;

    color:
        #3d4958;

    text-overflow:
        ellipsis;

    white-space:
        nowrap;
}


.fxg-demand-status {
    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        6px;

    min-height:
        24px;

    padding:
        0 9px;

    border-radius:
        999px;

    white-space:
        nowrap;

    font-size:
        10.5px;

    font-weight:
        700;
}


.fxg-demand-status i {
    width:
        8px;

    height:
        8px;

    border-radius:
        50%;

    background:
        currentColor;
}


.fxg-demand-status.is-running {
    background:
        #e2f2ff;

    color:
        #1387dd;
}


.fxg-demand-status.is-pending {
    background:
        #fff0c9;

    color:
        #c78100;
}


.fxg-demand-status.is-done {
    background:
        #d9f3e5;

    color:
        #108552;
}


.fxg-demand-status.is-late {
    background:
        #ffe0e2;

    color:
        #e22432;
}


.fxg-demand-empty-user {
    padding:
        28px 10px;

    color:
        #8a98a6;

    text-align:
        center;

    font-size:
        12px;
}


.fxg-demandas-empty,
.fxg-demandas-loading,
.fxg-demandas-error {
    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    justify-content:
        center;

    gap:
        6px;

    min-height:
        220px;

    border:
        1px dashed #cad9df;

    border-radius:
        7px;

    background:
        #fbfcfd;

    color:
        #758797;

    text-align:
        center;
}


.fxg-demandas-empty strong,
.fxg-demandas-error strong {
    color:
        #345467;
}


/* Dialog incluir / editar usuário */

.fxg-demand-user-dialog,
.fxg-demand-consult-dialog {
    width:
        min(
            520px,
            calc(100vw - 32px)
        );

    padding:
        0;

    border:
        0;

    border-radius:
        11px;

    background:
        #fff;

    box-shadow:
        0 20px 55px
        rgba(12, 45, 55, .22);
}


.fxg-demand-user-dialog::backdrop,
.fxg-demand-consult-dialog::backdrop {
    background:
        rgba(18, 42, 48, .28);
}


.fxg-demand-user-dialog header,
.fxg-demand-consult-head {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    padding:
        15px 18px;

    border-bottom:
        1px solid #e3eaee;
}


.fxg-demand-user-dialog h2,
.fxg-demand-consult-head h2 {
    margin:
        2px 0 0;

    color:
        #153d5e;

    font-size:
        20px;
}


.fxg-demand-user-dialog small,
.fxg-demand-consult-head small {
    color:
        #7f91a0;

    font-size:
        11px;
}


.fxg-demand-user-dialog header button,
.fxg-demand-consult-head button {
    width:
        32px;

    height:
        32px;

    border:
        0;

    background:
        transparent;

    color:
        #7e8da0;

    font-size:
        22px;

    cursor:
        pointer;
}


.fxg-demand-user-body {
    padding:
        18px;
}


.fxg-demand-user-body label {
    display:
        grid;

    gap:
        6px;

    color:
        #234562;

    font-size:
        12px;

    font-weight:
        700;
}


.fxg-demand-user-body select {
    width:
        100%;

    height:
        38px;

    padding:
        0 10px;

    border:
        1px solid #bfd0dd;

    border-radius:
        6px;

    background:
        #fff;

    color:
        #29475e;
}


.fxg-demand-user-body p {
    margin:
        12px 0 0;

    color:
        #7c8c98;

    font-size:
        11.5px;

    line-height:
        1.4;
}


.fxg-demand-user-dialog footer {
    display:
        flex;

    justify-content:
        flex-end;

    gap:
        9px;

    padding:
        12px 18px;

    border-top:
        1px solid #e3eaee;
}


.fxg-demand-user-dialog footer button {
    min-height:
        36px;

    padding:
        0 16px;

    border-radius:
        6px;

    cursor:
        pointer;
}


.fxg-demand-user-cancel {
    border:
        1px solid #ccd9e1;

    background:
        #fff;

    color:
        #496377;
}


.fxg-demand-user-save {
    border:
        1px solid #007b80;

    background:
        #008a8f;

    color:
        #fff;

    font-weight:
        700;
}


.fxg-demand-consult-body {
    display:
        grid;

    grid-template-columns:
        1fr 1fr;

    gap:
        12px;

    padding:
        18px;
}


.fxg-demand-consult-body div {
    display:
        grid;

    gap:
        4px;

    padding:
        12px;

    border:
        1px solid #e0e8ec;

    border-radius:
        7px;
}


.fxg-demand-consult-body span {
    color:
        #7d8c99;

    font-size:
        11px;
}


.fxg-demand-consult-body strong {
    color:
        #294b5f;

    font-size:
        13px;
}


/*
 * A barra oficial permanece fixa.
 * A rolagem pertence somente à área
 * imediatamente à esquerda dos botões.
 */
.fx-workspace:has(.fxg-demandas-page)
.fx-main {
    min-height:
        0;
}


.fx-workspace:has(.fxg-demandas-page)
#content {
    display: flex;
    flex-direction: column;
    min-height:
        0;

    overflow:
        hidden;
}


.fx-workspace:has(.fxg-demandas-page)
.fx-actions {
    overflow:
        visible;
}


@media (max-width: 900px) {

    .fxg-demandas-grid {
        grid-template-columns:
            1fr;
    }


    .fxg-demandas-heading {
        align-items:
            stretch;

        flex-direction:
            column;
    }


    .fxg-demandas-info {
        max-width:
            none;
    }
}


@media print {

    .fx-actions,
    .fx-menu,
    .fx-tabs-shell {
        display:
            none !important;
    }


    .fxg-demandas-page {
        height:
            auto;
    }


    .fxg-demandas-scroll {
        height:
            auto;

        overflow:
            visible;
    }
}

/* === GESTAO DEMANDAS DASHBOARD END === */


/* === DEMANDAS ACTION BAR CANONICA START === */

/*
 * Demandas utiliza somente a barra oficial
 * existente no shell.
 */
#shell.fx-system:has(.fxg-demandas-page, .fxg-demand-user-detail-page)
.fx-workspace {
    grid-template-columns:
        minmax(0, 1fr)
        116px !important;

    gap:
        10px !important;
}


#shell.fx-system:has(.fxg-demandas-page, .fxg-demand-user-detail-page)
.fx-actions {
    display:
        flex !important;

    flex-direction:
        column !important;

    justify-content:
        flex-start !important;

    gap:
        8px !important;

    width:
        116px !important;

    min-width:
        116px !important;

    padding:
        6px !important;

    box-sizing:
        border-box !important;

    background:
        #f4f8fb;
}


/*
 * Somente os cinco botões configurados
 * por Demandas recebem este layout.
 *
 * Não usamos display !important aqui.
 * Assim, comandos ocultos permanecem ocultos.
 */
#shell.fx-system:has(.fxg-demandas-page, .fxg-demand-user-detail-page)
.fx-actions >
button[data-gestao-demandas-action] {
    grid-template-columns:
        38px minmax(0, 1fr)
        !important;

    align-items:
        center !important;

    width:
        100% !important;

    min-height:
        42px !important;

    margin:
        0 !important;

    padding:
        0 !important;

    overflow:
        hidden !important;

    box-sizing:
        border-box !important;

    border:
        1px solid #bacbd5 !important;

    border-radius:
        6px !important;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f5f8fa 100%
        ) !important;

    color:
        #064d70 !important;

    box-shadow:
        0 1px 2px
        rgba(
            22,
            63,
            82,
            .06
        ) !important;
}


/*
 * Compartimento do ícone.
 */
#shell.fx-system:has(.fxg-demandas-page, .fxg-demand-user-detail-page)
.fx-actions >
button[data-gestao-demandas-action]
> span:first-child {
    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        38px !important;

    height:
        100% !important;

    min-width:
        38px !important;

    padding:
        0 !important;

    border-right:
        1px solid #d3dfe6 !important;

    box-sizing:
        border-box !important;

    color:
        inherit !important;

    font-size:
        13px !important;
}


/*
 * "Consultar" é o maior rótulo.
 *
 * A área disponível é suficiente para
 * 10,5px com 6px de folga em cada lado.
 *
 * TODOS recebem exatamente a mesma fonte.
 */
#shell.fx-system:has(.fxg-demandas-page, .fxg-demand-user-detail-page)
.fx-actions >
button[data-gestao-demandas-action]
> span:last-child {
    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        flex-start !important;

    min-width:
        0 !important;

    height:
        100% !important;

    padding:
        0 6px !important;

    margin:
        0 !important;

    box-sizing:
        border-box !important;

    color:
        inherit !important;

    font-size:
        10.5px !important;

    font-weight:
        600 !important;

    line-height:
        1 !important;

    letter-spacing:
        0 !important;

    text-align:
        left !important;

    white-space:
        nowrap !important;

    overflow:
        hidden !important;

    text-overflow:
        clip !important;
}


/*
 * Incluir é a única ação primária.
 */
#shell.fx-system:has(.fxg-demandas-page, .fxg-demand-user-detail-page)
.fx-actions >
button[data-gestao-demandas-action="incluir"] {
    border-color:
        #08787c !important;

    background:
        linear-gradient(
            180deg,
            #079294 0%,
            #007b7f 100%
        ) !important;

    color:
        #ffffff !important;
}


#shell.fx-system:has(.fxg-demandas-page, .fxg-demand-user-detail-page)
.fx-actions >
button[data-gestao-demandas-action="incluir"]
> span:first-child {
    border-right-color:
        rgba(
            255,
            255,
            255,
            .24
        ) !important;
}


/*
 * Editar e Consultar desabilitados.
 */
#shell.fx-system:has(.fxg-demandas-page, .fxg-demand-user-detail-page)
.fx-actions >
button[data-gestao-demandas-action]:disabled {
    border-color:
        #d4e0e6 !important;

    background:
        #f8fafb !important;

    color:
        #9dafba !important;

    opacity:
        1 !important;
}


/*
 * Voltar vem imediatamente depois de Imprimir.
 */
#shell.fx-system:has(.fxg-demandas-page, .fxg-demand-user-detail-page)
.fx-actions >
button[data-gestao-demandas-action="voltar"] {
    margin-top:
        0 !important;
}


/*
 * Hover somente em botões habilitados.
 */
#shell.fx-system:has(.fxg-demandas-page, .fxg-demand-user-detail-page)
.fx-actions >
button[data-gestao-demandas-action]:not(:disabled):hover {
    border-color:
        #75a4b9 !important;

    box-shadow:
        0 2px 5px
        rgba(
            22,
            63,
            82,
            .10
        ) !important;
}

/* === DEMANDAS ACTION BAR CANONICA END === */


/* === GESTAO DEMANDAS MOCKUP APROVADO V3 START === */


/* ----------------------------------------------------------
   ÁREA PRINCIPAL
   ---------------------------------------------------------- */

.fxg-demandas-page {
    color: #183746;
}


.fxg-demandas-scroll {
    padding:
        2px 18px 28px 20px;
}


/* ----------------------------------------------------------
   BREADCRUMB
   ---------------------------------------------------------- */

.fxg-demandas-page
.fx-gestao-breadcrumb {
    margin:
        0 0 7px;

    color:
        #6e8696;

    font-size:
        11px;

    line-height:
        1.2;
}


/* ----------------------------------------------------------
   CABEÇALHO COMPACTO
   ---------------------------------------------------------- */

.fxg-demandas-heading {
    display:
        block;

    margin:
        0 0 13px;

    padding:
        0 0 10px;

    border-bottom:
        1px solid #d6e3e8;
}


.fxg-demandas-heading h1 {
    margin:
        0;

    color:
        #123f49;

    font-size:
        24px;

    font-weight:
        700;

    line-height:
        1.12;

    letter-spacing:
        -.2px;
}


/*
 * Garantia visual:
 * mesmo que algum texto antigo permaneça
 * em cache, não ocupará espaço.
 */
.fxg-demandas-heading p {
    display:
        none !important;
}


/* ----------------------------------------------------------
   GRID DOS RESPONSÁVEIS
   ---------------------------------------------------------- */

.fxg-demandas-grid {
    display:
        grid;

    grid-template-columns:
        repeat(
            2,
            minmax(
                0,
                1fr
            )
        );

    align-items:
        start;

    gap:
        14px;
}


/* ----------------------------------------------------------
   CARD
   ---------------------------------------------------------- */

.fxg-demand-card {
    min-width:
        0;

    min-height:
        0;

    overflow:
        hidden;

    border:
        1px solid #cbdde3;

    border-radius:
        10px;

    background:
        #ffffff;

    box-shadow:
        0 3px 10px
        rgba(
            23,
            67,
            81,
            .055
        );

    outline:
        none;

    cursor:
        pointer;

    transition:
        border-color .15s ease,
        box-shadow .15s ease,
        transform .15s ease;
}


.fxg-demand-card:hover {
    border-color:
        #a9c7d0;

    box-shadow:
        0 6px 16px
        rgba(
            23,
            67,
            81,
            .085
        );
}


.fxg-demand-card.is-selected {
    border-color:
        #11949a;

    box-shadow:
        0 0 0 1px
        rgba(
            17,
            148,
            154,
            .12
        ),
        0 4px 12px
        rgba(
            23,
            67,
            81,
            .07
        );
}


/* ----------------------------------------------------------
   RESPONSÁVEL
   ---------------------------------------------------------- */

.fxg-demand-card-head {
    display:
        flex;

    align-items:
        center;

    gap:
        10px;

    min-height:
        54px;

    padding:
        9px 12px;

    border-bottom:
        1px solid #dfe9ed;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fbfdfd 100%
        );
}


.fxg-demand-avatar {
    display:
        inline-flex;

    flex:
        0 0 34px;

    width:
        34px;

    height:
        34px;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        50%;

    background:
        linear-gradient(
            145deg,
            #0b8589,
            #00676d
        );

    color:
        #ffffff;

    font-size:
        10px;

    font-weight:
        750;

    letter-spacing:
        .3px;

    box-shadow:
        0 2px 6px
        rgba(
            0,
            104,
            110,
            .15
        );
}


.fxg-demand-person {
    display:
        flex;

    min-width:
        0;

    flex-direction:
        column;

    gap:
        1px;
}


.fxg-demand-person strong {
    overflow:
        hidden;

    color:
        #173d4c;

    font-size:
        13px;

    font-weight:
        700;

    line-height:
        1.2;

    text-overflow:
        ellipsis;

    white-space:
        nowrap;
}


.fxg-demand-person span {
    color:
        #78909d;

    font-size:
        10px;

    line-height:
        1.2;
}


/* ----------------------------------------------------------
   CABEÇALHO DA TABELA
   ---------------------------------------------------------- */

.fxg-demand-card-body {
    padding:
        0;
}


.fxg-demand-columns {
    display:
        grid;

    grid-template-columns:
        78px
        minmax(
            0,
            1fr
        )
        110px;

    gap:
        8px;

    align-items:
        center;

    min-height:
        29px;

    padding:
        0 11px;

    border-bottom:
        1px solid #e7eef1;

    background:
        #fafcfd;

    color:
        #78909d;

    font-size:
        9px;

    font-weight:
        700;

    letter-spacing:
        .25px;

    text-transform:
        uppercase;
}


/* ----------------------------------------------------------
   LINHAS
   ---------------------------------------------------------- */

.fxg-demand-task {
    display:
        grid;

    grid-template-columns:
        78px
        minmax(
            0,
            1fr
        )
        110px;

    align-items:
        center;

    gap:
        8px;

    min-height:
        39px;

    padding:
        5px 11px;

    border-bottom:
        1px solid #edf2f4;

    background:
        #ffffff;

    font-size:
        10.5px;
}


.fxg-demand-task:last-child {
    border-bottom:
        0;
}


.fxg-demand-task:hover {
    background:
        #fbfdfd;
}


.fxg-demand-task time {
    color:
        #557080;

    font-size:
        10px;

    white-space:
        nowrap;
}


.fxg-demand-task-title {
    overflow:
        hidden;

    color:
        #284756;

    font-size:
        10.5px;

    font-weight:
        500;

    text-overflow:
        ellipsis;

    white-space:
        nowrap;
}


/* ----------------------------------------------------------
   STATUS
   ---------------------------------------------------------- */

.fxg-demand-status {
    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        5px;

    min-height:
        22px;

    padding:
        0 8px;

    border-radius:
        999px;

    font-size:
        9px;

    font-weight:
        700;

    line-height:
        1;

    white-space:
        nowrap;
}


.fxg-demand-status i {
    width:
        6px;

    height:
        6px;

    border-radius:
        50%;

    background:
        currentColor;
}


.fxg-demand-status.is-running {
    background:
        #e4f2ff;

    color:
        #087fd0;
}


.fxg-demand-status.is-pending {
    background:
        #fff2ce;

    color:
        #b97500;
}


.fxg-demand-status.is-done {
    background:
        #def4e8;

    color:
        #078250;
}


.fxg-demand-status.is-late {
    background:
        #fde5e7;

    color:
        #d53740;
}


/* ----------------------------------------------------------
   SEM SOLICITAÇÕES
   ---------------------------------------------------------- */

.fxg-demand-empty-user {
    display:
        flex;

    min-height:
        64px;

    align-items:
        center;

    justify-content:
        center;

    padding:
        12px;

    color:
        #91a1aa;

    font-size:
        10.5px;

    text-align:
        center;
}


/* ----------------------------------------------------------
   RESPONSIVO
   ---------------------------------------------------------- */

@media (max-width: 920px) {

    .fxg-demandas-grid {
        grid-template-columns:
            1fr;
    }
}


/* === GESTAO DEMANDAS MOCKUP APROVADO V3 END === */


/* === DEMANDAS CONSULTA RESPONSAVEL START === */

.fxg-demand-user-detail-page {
    height:
        100%;

    min-height:
        0;

    overflow:
        hidden;

    color:
        #183746;
}


.fxg-demand-user-detail-scroll {
    height:
        100%;

    overflow-y:
        auto;

    box-sizing:
        border-box;

    padding:
        2px 18px 28px 20px;
}


/* breadcrumb */
.fxg-demand-user-detail-page
.fx-gestao-breadcrumb {
    margin:
        0 0 8px;

    color:
        #6e8696;

    font-size:
        11px;
}


/* responsável */
.fxg-demand-user-detail-head {
    display:
        flex;

    align-items:
        center;

    gap:
        11px;

    padding:
        0 0 11px;

    margin:
        0 0 13px;

    border-bottom:
        1px solid #d6e3e8;
}


.fxg-demand-user-detail-avatar {
    display:
        flex;

    flex:
        0 0 38px;

    width:
        38px;

    height:
        38px;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        50%;

    background:
        linear-gradient(
            145deg,
            #0b8589,
            #00676d
        );

    color:
        #fff;

    font-size:
        11px;

    font-weight:
        750;

    letter-spacing:
        .3px;
}


.fxg-demand-user-detail-head h1 {
    margin:
        0;

    color:
        #123f49;

    font-size:
        20px;

    font-weight:
        700;

    line-height:
        1.15;
}


.fxg-demand-user-detail-head
div > span {
    display:
        block;

    margin-top:
        2px;

    color:
        #78909d;

    font-size:
        10.5px;
}


/* tabela */
.fxg-demand-user-detail-table {
    overflow:
        hidden;

    border:
        1px solid #cbdde3;

    border-radius:
        9px;

    background:
        #fff;

    box-shadow:
        0 3px 10px
        rgba(
            23,
            67,
            81,
            .05
        );
}


.fxg-demand-user-detail-columns,
.fxg-demand-user-detail-row {
    display:
        grid;

    grid-template-columns:
        110px
        minmax(0, 1fr)
        130px;

    gap:
        12px;

    align-items:
        center;
}


.fxg-demand-user-detail-columns {
    min-height:
        32px;

    padding:
        0 14px;

    border-bottom:
        1px solid #e3ecef;

    background:
        #f8fbfc;

    color:
        #78909d;

    font-size:
        9px;

    font-weight:
        700;

    letter-spacing:
        .25px;

    text-transform:
        uppercase;
}


.fxg-demand-user-detail-row {
    min-height:
        42px;

    padding:
        5px 14px;

    border-bottom:
        1px solid #edf2f4;

    background:
        #fff;
}


.fxg-demand-user-detail-row:last-child {
    border-bottom:
        0;
}


.fxg-demand-user-detail-row:hover {
    background:
        #fbfdfd;
}


.fxg-demand-user-detail-row time {
    color:
        #557080;

    font-size:
        10.5px;
}


.fxg-demand-user-detail-title {
    overflow:
        hidden;

    color:
        #284756;

    font-size:
        11px;

    font-weight:
        500;

    text-overflow:
        ellipsis;

    white-space:
        nowrap;
}


.fxg-demand-user-detail-empty {
    display:
        flex;

    min-height:
        90px;

    align-items:
        center;

    justify-content:
        center;

    padding:
        16px;

    color:
        #91a1aa;

    font-size:
        11px;

    text-align:
        center;
}


@media (max-width: 760px) {

    .fxg-demand-user-detail-columns,
    .fxg-demand-user-detail-row {
        grid-template-columns:
            86px
            minmax(0, 1fr)
            108px;
    }
}

/* === DEMANDAS CONSULTA RESPONSAVEL END === */


/* === DEMANDAS PRINT REPORT START === */

/*
 * Nunca aparece na tela normal.
 */
.fxg-demand-print-report {
    display: none;
}


@media print {

    @page {
        size: A4 portrait;
        margin: 12mm;
    }


    /*
     * Na impressão, somente o relatório
     * criado especificamente para este fim
     * permanece visível.
     */
    body > * {
        display: none !important;
    }


    body >
    .fxg-demand-print-report {
        display: block !important;
    }


    .fxg-demand-print-report {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;

        background: #fff !important;

        color: #233f4d !important;

        font-family:
            Arial,
            Helvetica,
            sans-serif !important;

        -webkit-print-color-adjust:
            exact !important;

        print-color-adjust:
            exact !important;
    }


    .fxg-demand-print-head {
        display: flex;

        align-items: flex-end;

        justify-content: space-between;

        gap: 20px;

        margin: 0 0 16px;

        padding: 0 0 11px;

        border-bottom:
            1px solid #bfcfd6;
    }


    .fxg-demand-print-head small {
        display: block;

        margin-bottom: 3px;

        color: #718692;

        font-size: 9px;
    }


    .fxg-demand-print-head h1 {
        margin: 0 0 5px;

        color: #123f49;

        font-size: 22px;

        line-height: 1;
    }


    .fxg-demand-print-head strong {
        color: #183f4d;

        font-size: 13px;
    }


    .fxg-demand-print-head > span {
        color: #718692;

        font-size: 10px;
    }


    .fxg-demand-print-table {
        width: 100%;

        border-collapse: collapse;

        table-layout: fixed;

        border:
            1px solid #cbd9df;

        font-size: 10px;
    }


    .fxg-demand-print-table th {
        padding: 8px 10px;

        border-bottom:
            1px solid #d8e3e7;

        background: #f5f8fa !important;

        color: #6c8491;

        font-size: 9px;

        font-weight: 700;

        text-align: left;

        text-transform: uppercase;
    }


    .fxg-demand-print-table th:nth-child(1) {
        width: 24mm;
    }


    .fxg-demand-print-table th:nth-child(3) {
        width: 34mm;
    }


    .fxg-demand-print-table td {
        padding: 9px 10px;

        border-bottom:
            1px solid #e6edef;

        color: #294754;

        vertical-align: middle;
    }


    .fxg-demand-print-table tr {
        break-inside: avoid;
        page-break-inside: avoid;
    }


    .fxg-demand-print-table tbody
    tr:last-child td {
        border-bottom: 0;
    }


    .fxg-demand-print-status {
        display: inline-flex;

        align-items: center;

        justify-content: center;

        gap: 5px;

        min-width: 26mm;

        min-height: 20px;

        padding: 0 7px;

        box-sizing: border-box;

        border-radius: 999px;

        font-size: 8.5px;

        font-weight: 700;

        white-space: nowrap;
    }


    .fxg-demand-print-status i {
        width: 5px;
        height: 5px;

        border-radius: 50%;

        background: currentColor;
    }


    .fxg-demand-print-status.is-running {
        background: #e4f2ff !important;
        color: #087fd0 !important;
    }


    .fxg-demand-print-status.is-pending {
        background: #fff2ce !important;
        color: #b97500 !important;
    }


    .fxg-demand-print-status.is-done {
        background: #def4e8 !important;
        color: #078250 !important;
    }


    .fxg-demand-print-status.is-late {
        background: #fde5e7 !important;
        color: #d53740 !important;
    }


    .fxg-demand-print-empty {
        padding: 24px !important;

        color: #81939d !important;

        text-align: center;
    }
}

/* === DEMANDAS PRINT REPORT END === */


/* === GESTAO MENU FILHO NATIVO START === */

/*
 * Tarefas agora pertence de verdade ao #fx-menu.
 * Não depende mais de #fx-cascade.
 */

#shell.fx-system
#fx-menu
.fx-gestao-native-children {
    display:
        flex;

    flex-direction:
        column;

    gap:
        2px;

    margin:
        -2px 8px 6px 42px;

    padding:
        2px 0 2px 10px;

    border-left:
        1px solid
        rgba(
            129,
            169,
            190,
            .28
        );
}


#shell.fx-system
#fx-menu
.fx-gestao-native-child {
    display:
        grid;

    grid-template-columns:
        14px minmax(0, 1fr);

    align-items:
        center;

    gap:
        7px;

    width:
        100%;

    min-height:
        30px;

    padding:
        5px 8px;

    border:
        0;

    border-radius:
        5px;

    background:
        transparent;

    color:
        inherit;

    font:
        inherit;

    font-size:
        11px;

    text-align:
        left;

    cursor:
        pointer;
}


#shell.fx-system
#fx-menu
.fx-gestao-native-child:hover {
    background:
        rgba(
            53,
            132,
            158,
            .10
        );
}


#shell.fx-system
#fx-menu
.fx-gestao-native-child.is-active {
    background:
        rgba(
            7,
            139,
            145,
            .13
        );

    color:
        #ffffff;

    box-shadow:
        inset 2px 0 0
        #11a1a5;
}


#shell.fx-system
#fx-menu
.fx-gestao-native-child-icon {
    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    opacity:
        .72;

    font-size:
        9px;
}


#shell.fx-system
#fx-menu
.fx-gestao-native-child-label {
    overflow:
        hidden;

    text-overflow:
        ellipsis;

    white-space:
        nowrap;
}

/* === GESTAO MENU FILHO NATIVO END === */

/* === DEMANDAS LAYOUT ELEGANTE V2 START === */
#shell.fx-system #content:has(.fxg-demandas-page) { background: #f2f5f8 !important; }
.fxg-demandas-page { color: #193d50; }
.fxg-demandas-page .fxg-demandas-scroll { padding: 4px 18px 24px; scrollbar-gutter: stable; }
.fxg-demandas-page .fxg-demandas-heading { margin: 0 0 10px; padding: 0; border: 0; background: transparent !important; }
.fxg-demandas-page .fxg-demandas-heading h1 { font-size: 21px; line-height: 1.2; letter-spacing: -.3px; color: #18394a; font-weight: 700; }
.fxg-demandas-subtitle { display: block; margin-top: 3px; color: #81909a; font-size: 11px; }
.fxg-demand-dashboard-toolbar { display: grid; grid-template-columns: minmax(180px,1fr) minmax(160px,1fr) auto; gap: 10px; align-items: end; margin-bottom: 12px; padding: 10px 12px; border: 1px solid #e5ebf0; border-radius: 8px; background: white; box-shadow: none; }
.fxg-demand-dashboard-toolbar label { display: grid; gap: 4px; min-width: 0; color: #718491; font-size: 10px; font-weight: 600; }
.fxg-demand-dashboard-toolbar input, .fxg-demand-dashboard-toolbar select { width: 100%; min-width: 0; box-sizing: border-box; height: 32px; padding: 0 12px; border: 1px solid #d4dee6; border-radius: 7px; background: #fcfdfe; color: #334f61; font: inherit; font-size: 12px; }
.fxg-demand-dashboard-toolbar input::placeholder { color: #8a9ba7; }
.fxg-demand-dashboard-toolbar button { height: 32px; padding: 0 20px; border: 1px solid #0c626d; border-radius: 7px; background: #0c626d; color: white; font: inherit; font-size: 12px; font-weight: 600; cursor: pointer; }
.fxg-demand-dashboard-toolbar button:hover { background: #084f59; }
.fxg-demand-dashboard-toolbar :focus-visible { outline: 3px solid #9acbd4; outline-offset: 2px; }
.fxg-demand-dashboard-caption { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 2px 12px; }
.fxg-demand-dashboard-caption h2 { margin: 0; font-size: 14px; color: #234555; }
.fxg-demand-dashboard-caption > span { font-size: 11px; color: #8495a0; }
.fxg-demandas-page .fxg-demandas-grid { gap: 16px; align-items: start; }
.fxg-demandas-page .fxg-demand-card { min-width: 0; overflow: hidden; border: 1px solid #e0e7ed; border-radius: 12px; background: #fff; box-shadow: 0 3px 12px rgba(23,53,71,.025); transition: border-color .15s, box-shadow .15s; }
.fxg-demandas-page .fxg-demand-card:hover { border-color: #a9c7ce; box-shadow: 0 4px 15px rgba(23,53,71,.05); }
.fxg-demandas-page .fxg-demand-card.is-selected { border-color: #398e9b; box-shadow: 0 0 0 2px rgba(57,142,155,.15); }
.fxg-demandas-page .fxg-demand-card:focus-visible { outline: 3px solid #9acbd4; outline-offset: 2px; }
.fxg-demandas-page .fxg-demand-card-head { display: flex; align-items: center; gap: 12px; padding: 16px 18px 12px; border: 0; background: white; }
.fxg-demandas-page .fxg-demand-avatar { width: 40px; height: 40px; flex: 0 0 40px; background: #276f78; color: white; font-size: 12px; box-shadow: none; }
.fxg-demandas-page .fxg-demand-person { flex: 1; min-width: 0; }
.fxg-demandas-page .fxg-demand-person strong { display: block; font-size: 14px; color: #203e50; white-space: normal; overflow-wrap: anywhere; }
.fxg-demand-card-total { display: flex; align-items: baseline; justify-content: flex-end; gap: 4px; flex-wrap: wrap; max-width: 120px; text-align: right; }
.fxg-demand-card-total strong { color: #425f70; font-size: 12px; font-weight: 600; }
.fxg-demand-card-total span { color: #7a8e9c; font-size: 10px; }
.fxg-demand-card-summary { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; margin: 0 18px 8px; border: 1px solid #edf1f4; border-radius: 7px; background: #fbfcfd; overflow: hidden; }
.fxg-demand-card-summary > span { display: flex; flex-direction: column; gap: 2px; padding: 5px 8px; min-width: 0; border-right: 1px solid #edf1f4; }
.fxg-demand-card-summary > span:last-child { border-right: 0; }
.fxg-demand-card-summary b { display: flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 500; color: #365162; }
.fxg-demand-card-summary i { width: 6px; height: 6px; border-radius: 50%; flex: 0 0 6px; background: #909ba5; }
.fxg-demand-card-summary small { font-size: 9px; line-height: 1.2; color: #80919e; }
.fxg-demand-card-summary .is-running i { background: #2886bf; }
.fxg-demand-card-summary .is-late i { background: #d56976; }
.fxg-demandas-page .fxg-demand-card-body { padding: 0 18px; }
.fxg-demandas-page .fxg-demand-columns { grid-template-columns: 72px minmax(0,1fr) 104px; background: #f4f7f9; padding: 8px; border-radius: 4px; border: 0; font-size: 10px; color: #607887; text-transform: none; letter-spacing: 0; }
.fxg-demandas-page .fxg-demand-task { grid-template-columns: 72px minmax(0,1fr) 104px; padding: 10px 8px; border-bottom: 1px solid #edf2f5; gap: 8px; }
.fxg-demandas-page .fxg-demand-task time { color: #718491; font-size: 10px; }
.fxg-demandas-page .fxg-demand-task-title { color: #3b5667; overflow-wrap: anywhere; font-size: 11px; }
.fxg-demandas-page .fxg-demand-status { display: inline-flex; align-items: center; justify-self: start; gap: 6px; padding: 4px 7px; border-radius: 12px; font-size: 9px; background: #f0f2f5; color: #687b89; white-space: nowrap; }
.fxg-demandas-page .fxg-demand-status i { background: #909ba5; width: 6px; height: 6px; }
.fxg-demandas-page .fxg-demand-status.is-running { background: #eef6fc; color: #3478a4; }
.fxg-demandas-page .fxg-demand-status.is-running i { background: #2886bf; }
.fxg-demandas-page .fxg-demand-status.is-late { background: #fceff1; color: #b25b69; }
.fxg-demandas-page .fxg-demand-status.is-late i { background: #d56976; }
.fxg-demandas-page .fxg-demand-empty-user { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; min-height: 110px; padding: 16px; color: #8a9ca9; font-size: 12px; }
.fxg-demand-empty-user > span { font-size: 26px; color: #b4c2cb; }
.fxg-demand-card-footer { padding: 11px 18px; color: #95a4ae; background: #fff; border-top: 1px solid #f0f3f5; font-size: 10px; }
.fxg-demandas-page .fxg-demandas-empty { grid-column: 1 / -1; background: white; border-radius: 12px; }
@media (max-width: 1050px) { .fxg-demandas-page .fxg-demandas-grid { grid-template-columns: minmax(0,1fr); } }
@media (max-width: 720px) {
  .fxg-demand-dashboard-toolbar { grid-template-columns: 1fr; padding: 12px; }
  .fxg-demandas-page .fxg-demandas-scroll { padding-left: 8px; padding-right: 8px; }
  .fxg-demandas-page .fxg-demand-card-body { padding: 0 10px; }
  .fxg-demand-card-summary { margin-left: 10px; margin-right: 10px; }
}
@media print {
  .fxg-demand-dashboard-toolbar, .fxg-demand-card-footer { display: none; }
  .fxg-demandas-page { display: block; height: auto; overflow: visible; }
  .fxg-demandas-page .fxg-demandas-scroll { height: auto; overflow: visible; }
}
/* === DEMANDAS LAYOUT ELEGANTE V2 END === */

/* === TASK FORM — MOCKUP APROVADO 20261005 START === */

#fx-task-create-dialog{
  width:min(680px,calc(100vw - 24px))!important;
  max-width:680px!important;
  max-height:calc(100vh - 24px)!important;
  height:auto!important;
  padding:0!important;
  margin:auto!important;
  overflow:hidden!important;
  border:1px solid #d8e2dd!important;
  border-radius:16px!important;
  background:#fff!important;
  color:#1d3028!important;
  box-shadow:0 28px 70px rgba(22,43,35,.18)!important;
}

#fx-task-create-dialog::backdrop{
  background:rgba(26,44,39,.36)!important;
  backdrop-filter:blur(3px);
}

#fx-task-create-dialog .ft-approved-form{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  max-height:calc(100vh - 24px)!important;
  min-height:0!important;
  background:#fff!important;
}

#fx-task-create-dialog .ft-header{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  flex:0 0 auto!important;
  min-height:55px!important;
  padding:10px 14px!important;
  border-bottom:1px solid #e7eeea!important;
}

#fx-task-create-dialog .ft-header-icon{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:11px!important;
  background:#eef6f0!important;
  color:#285b35!important;
}

#fx-task-create-dialog .ft-header-icon svg{
  width:18px!important;
  height:18px!important;
}

#fx-task-create-dialog .ft-title{
  min-width:0!important;
}

#fx-task-create-dialog .ft-title h2{
  margin:0!important;
  color:#1d3028!important;
  font-size:20px!important;
  line-height:1.05!important;
  font-weight:700!important;
}

#fx-task-create-dialog .ft-title small{
  display:block!important;
  margin-top:2px!important;
  color:#6e8177!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:400!important;
}

#fx-task-create-dialog .ft-close{
  margin-left:auto!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#687a73!important;
  font-size:20px!important;
}

#fx-task-create-dialog .ft-approved-body{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:11px 14px 12px!important;
}

#fx-task-create-dialog .ft-approved-grid{
  display:grid!important;
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
  gap:8px 10px!important;
  width:100%!important;
}

#fx-task-create-dialog .ft-approved-title,
#fx-task-create-dialog .ft-approved-pair,
#fx-task-create-dialog .ft-approved-triple,
#fx-task-create-dialog .ft-approved-description,
#fx-task-create-dialog .ft-approved-recurrence,
#fx-task-create-dialog .ft-feedback{
  grid-column:span 8!important;
  min-width:0!important;
}

#fx-task-create-dialog .ft-approved-pair{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}

#fx-task-create-dialog .ft-approved-triple{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:10px!important;
}

#fx-task-create-dialog .ft-approved-line{
  grid-column:span 8!important;
  height:1px!important;
  margin:1px 0 0!important;
  background:#e9efec!important;
}

#fx-task-create-dialog .ft-approved-group-title{
  grid-column:span 8!important;
  margin:1px 0 0!important;
  color:#65776e!important;
  font-size:10px!important;
  line-height:1.1!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:.45px!important;
}

#fx-task-create-dialog .ft-field{
  min-width:0!important;
  margin:0!important;
}

#fx-task-create-dialog .ft-field label{
  display:block!important;
  margin:0 0 4px!important;
  color:#2b3d35!important;
  font-size:10.5px!important;
  line-height:1.1!important;
  font-weight:700!important;
}

#fx-task-create-dialog .ft-optional{
  color:#7d8d85!important;
  font-weight:500!important;
}

#fx-task-create-dialog .ft-required{
  color:#d83a3a!important;
}

#fx-task-create-dialog input,
#fx-task-create-dialog select,
#fx-task-create-dialog textarea{
  box-sizing:border-box!important;
  width:100%!important;
  border:1px solid #cfd9d4!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#22372e!important;
  font-family:inherit!important;
  font-size:10.5px!important;
  outline:none!important;
}

#fx-task-create-dialog input,
#fx-task-create-dialog select{
  height:31px!important;
  min-height:31px!important;
  padding:0 8px!important;
}

#fx-task-create-dialog textarea{
  height:52px!important;
  min-height:52px!important;
  max-height:52px!important;
  padding:7px 8px!important;
  resize:none!important;
}

#fx-task-create-dialog input:focus,
#fx-task-create-dialog select:focus,
#fx-task-create-dialog textarea:focus{
  border-color:#4f825d!important;
  box-shadow:0 0 0 3px rgba(79,130,93,.12)!important;
}

#fx-task-create-dialog .ft-approved-recurrence{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}

#fx-task-create-dialog .ft-approved-agenda{
  display:flex!important;
  align-items:center!important;
  gap:24px!important;
  min-height:36px!important;
  padding:7px 9px!important;
  border:1px solid #dce7e1!important;
  border-radius:10px!important;
  background:#f8faf9!important;
}

#fx-task-create-dialog .ft-approved-agenda .ft-check{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;
  color:#2b3d35!important;
  font-size:10.5px!important;
  font-weight:700!important;
}

#fx-task-create-dialog input[type="checkbox"],
#fx-task-create-dialog input[type="radio"]{
  width:14px!important;
  height:14px!important;
  min-height:14px!important;
  margin:0!important;
  padding:0!important;
  accent-color:#285b35!important;
}

#fx-task-create-dialog .ft-approved-repeat{
  margin:0!important;
  padding:8px 10px!important;
  border:1px solid #dbe5e0!important;
  border-radius:11px!important;
  background:#fbfcfb!important;
}

#fx-task-create-dialog .ft-approved-repeat.is-disabled{
  opacity:.45!important;
}

#fx-task-create-dialog .ft-approved-repeat legend{
  padding:0!important;
  margin:0 0 6px!important;
  color:#263a31!important;
  font-size:10.5px!important;
  line-height:1.1!important;
  font-weight:800!important;
}

#fx-task-create-dialog .ft-approved-repeat-row{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  padding:5px 0!important;
  border-bottom:1px solid #e7eeea!important;
}

#fx-task-create-dialog .ft-approved-repeat-last{
  grid-template-columns:1fr!important;
  border-bottom:0!important;
  padding-bottom:0!important;
}

#fx-task-create-dialog .ft-approved-repeat-cell{
  min-width:0!important;
}

#fx-task-create-dialog .ft-approved-inline{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:29px!important;
  margin:0!important;
  font-size:10px!important;
  font-weight:400!important;
}

#fx-task-create-dialog .ft-approved-inline strong,
#fx-task-create-dialog .ft-approved-inline span{
  font-size:10px!important;
  white-space:nowrap!important;
}

#fx-task-create-dialog .ft-approved-inline .ft-approved-mini{
  width:48px!important;
  min-width:48px!important;
  max-width:48px!important;
  height:29px!important;
  min-height:29px!important;
  padding:0 5px!important;
  text-align:center!important;
}

#fx-task-create-dialog .ft-approved-vline{
  padding-left:14px!important;
  border-left:1px solid #e2e9e5!important;
}

#fx-task-create-dialog .ft-approved-endgrid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  width:100%!important;
}

#fx-task-create-dialog .ft-approved-endgrid label{
  font-size:10px!important;
  margin-bottom:4px!important;
}

#fx-task-create-dialog .ft-approved-endgrid input,
#fx-task-create-dialog .ft-approved-endgrid select{
  height:31px!important;
}

#fx-task-create-dialog .ft-approved-hidden{
  display:none!important;
}

#fx-task-create-dialog .ft-feedback:empty{
  display:none!important;
}

#fx-task-create-dialog .ft-feedback{
  margin:0!important;
  font-size:10px!important;
}

#fx-task-create-dialog .ft-approved-footer{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  flex:0 0 auto!important;
  min-height:49px!important;
  padding:8px 14px!important;
  border-top:1px solid #e7eeea!important;
  background:#fbfcfb!important;
}

#fx-task-create-dialog .ft-approved-create-another{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;
  color:#53675e!important;
  font-size:12px!important;
  font-weight:400!important;
}

#fx-task-create-dialog .ft-approved-create-another input{
  width:14px!important;
  height:14px!important;
  min-height:14px!important;
}

#fx-task-create-dialog .ft-approved-actions{
  display:flex!important;
  gap:9px!important;
  margin-left:auto!important;
}

#fx-task-create-dialog .ft-button{
  height:32px!important;
  min-height:32px!important;
  padding:0 12px!important;
  border-radius:8px!important;
  font-size:10.5px!important;
  font-weight:700!important;
}

#fx-task-create-dialog .ft-button-primary{
  min-width:118px!important;
  border-color:#285b35!important;
  background:#285b35!important;
  color:#fff!important;
}

@media(max-width:620px){
  #fx-task-create-dialog{
    width:calc(100vw - 14px)!important;
    max-width:none!important;
    max-height:calc(100vh - 14px)!important;
  }
  #fx-task-create-dialog .ft-approved-pair,
  #fx-task-create-dialog .ft-approved-triple,
  #fx-task-create-dialog .ft-approved-repeat-row,
  #fx-task-create-dialog .ft-approved-endgrid{
    grid-template-columns:1fr!important;
  }
  #fx-task-create-dialog .ft-approved-agenda{
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:8px!important;
  }
  #fx-task-create-dialog .ft-approved-vline{
    padding-left:0!important;
    border-left:0!important;
  }
  #fx-task-create-dialog .ft-approved-footer{
    flex-direction:column!important;
    align-items:stretch!important;
  }
  #fx-task-create-dialog .ft-approved-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    margin-left:0!important;
  }
}

/* === TASK FORM — MOCKUP APROVADO 20261005 END === */


/* === TASK REPETICAO INLINE FIX V2 20261006 START === */

/*
 * Primeira linha da repetição:
 * cada opção vira um bloco flex de largura natural.
 * Isso impede que "dias" e "Data fixa" se sobreponham.
 */
#fx-task-create-dialog
.ft-approved-repeat
> .ft-approved-repeat-row:first-of-type{
  display:flex!important;
  grid-template-columns:none!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:28px!important;
  width:100%!important;
}

/* As duas células não ocupam colunas artificiais. */
#fx-task-create-dialog
.ft-approved-repeat
> .ft-approved-repeat-row:first-of-type
> .ft-approved-repeat-cell{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  padding:0!important;
  border-left:0!important;
}

/* Cada conjunto fica inteiro em UMA linha. */
#fx-task-create-dialog
.ft-approved-repeat
> .ft-approved-repeat-row:first-of-type
> .ft-approved-repeat-cell
> label.ft-approved-inline{
  display:inline-flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  white-space:nowrap!important;
  line-height:29px!important;
}

/* Radio não pode crescer. */
#fx-task-create-dialog
.ft-approved-repeat
> .ft-approved-repeat-row:first-of-type
label.ft-approved-inline
> input[type="radio"]{
  flex:0 0 14px!important;
  width:14px!important;
  min-width:14px!important;
  max-width:14px!important;
  height:14px!important;
  min-height:14px!important;
}

/* Número pequeno e fixo. */
#fx-task-create-dialog
.ft-approved-repeat
> .ft-approved-repeat-row:first-of-type
label.ft-approved-inline
> input.ft-approved-mini{
  flex:0 0 48px!important;
  width:48px!important;
  min-width:48px!important;
  max-width:48px!important;
  height:29px!important;
  min-height:29px!important;
  padding:0 5px!important;
  margin:0!important;
}

/* Textos não quebram nem invadem o próximo conjunto. */
#fx-task-create-dialog
.ft-approved-repeat
> .ft-approved-repeat-row:first-of-type
label.ft-approved-inline
> strong,
#fx-task-create-dialog
.ft-approved-repeat
> .ft-approved-repeat-row:first-of-type
label.ft-approved-inline
> span{
  flex:0 0 auto!important;
  display:inline-block!important;
  white-space:nowrap!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
}

/* Segunda opção ganha apenas um pequeno separador visual. */
#fx-task-create-dialog
.ft-approved-repeat
> .ft-approved-repeat-row:first-of-type
> .ft-approved-repeat-cell:nth-child(2){
  position:relative!important;
  padding-left:28px!important;
}

#fx-task-create-dialog
.ft-approved-repeat
> .ft-approved-repeat-row:first-of-type
> .ft-approved-repeat-cell:nth-child(2)::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:1px!important;
  bottom:1px!important;
  width:1px!important;
  background:#e2e9e5!important;
}

/* === TASK REPETICAO INLINE FIX V2 20261006 END === */