/* ============================================================
   SimplexTask — tema "help desk" com detalhes verdes
   ESCURO por padrão; claro opcional (botão na barra / login).
   Bootstrap 5.3 + CSS puro, sem frameworks extras.
   ============================================================ */

:root,
[data-bs-theme="dark"] {
  /* Verdes da marca */
  --st-green-900: #0f5132;
  --st-green-800: #146643;
  --st-green-700: #198754;
  --st-green-100: #d1e7dd;

  /* Superfícies (escuro) */
  --st-bg:            #0c1210;
  --st-surface:       #141c17;
  --st-surface-2:     #1b2620;
  --st-border:        #28352c;
  --st-text:          #d9e4dd;
  --st-heading:       #ecf4ef;
  --st-muted:         #8fa79a;
  --st-link:          #57c98c;
  --st-link-hover:    #7dd8a6;
  --st-track:         #203026;
  --st-timeline-bg:   #131b16;
  --st-timeline-brd:  #243129;
  --st-resol-bg:      #10241a;
  --st-resol-brd:     #1e4a30;
  --st-coment-bg:     #262213;
  --st-coment-brd:    #4d4218;
  --st-kpi:           #6ee7a8;
  --st-chip-tipo-bg:  #1e2f26;
  --st-chip-tipo-tx:  #7fd4a4;
  --st-navbar-grad:   linear-gradient(90deg, #0b3d26, #178553);
  --st-shadow:        0 1px 3px rgba(0, 0, 0, 0.45);
  --st-code-bg:       #1b2620;
}

[data-bs-theme="light"] {
  --st-bg:            #f3f7f4;
  --st-surface:       #ffffff;
  --st-surface-2:     #eef5f0;
  --st-border:        #dbe7de;
  --st-text:          #243b2f;
  --st-heading:       #22543a;
  --st-muted:         #6c8a76;
  --st-link:          #146643;
  --st-link-hover:    #0f5132;
  --st-track:         #e9f0eb;
  --st-timeline-bg:   #f6faf7;
  --st-timeline-brd:  #e2ece5;
  --st-resol-bg:      #effaf3;
  --st-resol-brd:     #bfe6cf;
  --st-coment-bg:     #fff8e6;
  --st-coment-brd:    #f3e3ad;
  --st-kpi:           #0f5132;
  --st-chip-tipo-bg:  #eef5f0;
  --st-chip-tipo-tx:  #22543a;
  --st-navbar-grad:   linear-gradient(90deg, var(--st-green-900), var(--st-green-700));
  --st-shadow:        0 1px 3px rgba(16, 64, 41, 0.06);
  --st-code-bg:       #eef5f0;
}

html {
  height: 100%;
}

body {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  background: var(--st-bg);
  font-size: 0.95rem;
  color: var(--st-text);
}

.st-main {
  flex: 1 0 auto;
  width: 100%;
}

a { color: var(--st-link); }
a:hover { color: var(--st-link-hover); }

.text-muted { color: var(--st-muted) !important; }

/* ---------- Barra de navegação ---------- */
.st-navbar {
  background: var(--st-navbar-grad);
  box-shadow: 0 2px 12px rgba(15, 81, 50, 0.28);
}
.st-navbar .navbar-brand { color: #fff; letter-spacing: 0.3px; }
.st-navbar .nav-link {
  color: rgba(255, 255, 255, 0.85);
  border-radius: 0.5rem;
}
.st-navbar .nav-link:hover,
.st-navbar .nav-link.active {
  color: #fff;
  background: rgba(255, 255, 255, 0.14);
}
.st-nav-pill {
  border: 1px dashed rgba(255, 255, 255, 0.4);
  border-radius: 2rem;
  padding-left: 0.8rem !important;
  padding-right: 0.8rem !important;
}
#btn_tema { color: #fff; }
.st-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.24);
  color: #fff;
  font-size: 0.78rem;
  font-weight: 700;
  flex: none;
}

/* ---------- Cards e tabelas ---------- */
.card {
  background: var(--st-surface);
  border: 1px solid var(--st-border);
  box-shadow: var(--st-shadow);
}
.card-header {
  background: var(--st-surface);
  border-bottom: 1px solid var(--st-border);
  font-weight: 600;
  color: var(--st-heading);
}
.table > :not(caption) > * > * { padding: 0.55rem 0.6rem; vertical-align: middle; }
.table thead th {
  background: var(--st-surface-2);
  color: var(--st-heading);
  font-size: 0.76rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  white-space: nowrap;
  border-bottom: 1px solid var(--st-border);
}
.table td, .table th { border-color: var(--st-border); }
.st-badge { font-weight: 500; padding: 0.42em 0.68em; }
.st-nowrap { white-space: nowrap; }
.st-assunto { font-weight: 600; color: var(--st-heading); }
.st-assunto:hover { color: var(--st-link); }
.st-chip-tipo { background: var(--st-chip-tipo-bg); color: var(--st-chip-tipo-tx); }

/* Utilities do Bootstrap que precisam seguir o tema */
[data-bs-theme="dark"] .bg-light { background-color: var(--st-surface-2) !important; }
[data-bs-theme="dark"] .alert-light {
  background-color: var(--st-surface-2);
  border-color: var(--st-border);
  color: var(--st-text);
}
[data-bs-theme="dark"] .table-light {
  --bs-table-bg: var(--st-surface-2);
  --bs-table-color: var(--st-text);
  --bs-table-border-color: var(--st-border);
}
[data-bs-theme="dark"] .accordion-button { background: var(--st-surface); color: var(--st-text); }
[data-bs-theme="dark"] .accordion-button:not(.collapsed) {
  background: var(--st-surface-2);
  color: var(--st-heading);
  box-shadow: inset 0 -1px 0 var(--st-border);
}
[data-bs-theme="dark"] .accordion-button::after { filter: invert(1); }
.accordion-item { background: var(--st-surface); border-color: var(--st-border); }

/* ---------- Cartões de indicadores (KPI) ---------- */
.st-kpi {
  border-left: 4px solid var(--st-green-700);
  border-radius: 0.5rem;
}
.st-kpi .st-kpi-valor {
  font-size: 1.75rem;
  font-weight: 800;
  color: var(--st-kpi);
  line-height: 1.1;
}
.st-kpi .st-kpi-rotulo {
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  color: var(--st-muted);
}

/* ---------- Gráfico de barras (CSS puro) ---------- */
.st-bars .st-bar-row {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin-bottom: 0.45rem;
}
.st-bar-label {
  width: 34%;
  text-align: right;
  font-size: 0.82rem;
  color: var(--st-text);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.st-bar-track {
  flex: 1;
  background: var(--st-track);
  border-radius: 1rem;
  overflow: hidden;
}
.st-bar-fill {
  height: 15px;
  border-radius: 1rem;
  min-width: 2px;
  transition: width 0.5s ease;
}
.st-bar-val {
  width: 36px;
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--st-heading);
}

/* ---------- Linha do tempo (rastreabilidade) ---------- */
.st-tl { position: relative; margin: 0; padding: 0; list-style: none; }
.st-tl::before {
  content: '';
  position: absolute;
  left: 19px;
  top: 8px;
  bottom: 8px;
  width: 2px;
  background: var(--st-border);
}
.st-tl-item { position: relative; padding: 0 0 1.15rem 54px; }
.st-tl-item:last-child { padding-bottom: 0; }
.st-tl-ico {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1rem;
  box-shadow: 0 0 0 4px var(--st-surface);
}
.st-tl-meta { font-size: 0.78rem; color: var(--st-muted); }
.st-tl-titulo { font-weight: 600; color: var(--st-heading); }
.st-tl-detalhe {
  background: var(--st-timeline-bg);
  border: 1px solid var(--st-timeline-brd);
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  margin-top: 0.25rem;
  white-space: pre-wrap;
  word-break: break-word;
}
.st-tl-comentario .st-tl-detalhe { background: var(--st-coment-bg); border-color: var(--st-coment-brd); }


/* ---------- Anexos (v1.2) ---------- */
.st-anexo {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  max-width: 100%;
  border: 1px solid var(--st-border);
  background: var(--st-surface-2);
  border-radius: 0.45rem;
  padding: 0.28rem 0.6rem;
  font-size: 0.82rem;
  color: var(--st-link);
  text-decoration: none;
  word-break: break-all;
}
.st-anexo:hover { border-color: var(--st-link); color: var(--st-link-hover); }
.st-anexo .st-anexo-tam {
  font-size: 0.72rem;
  color: var(--st-muted);
  white-space: nowrap;
}
.st-tl-anexos { padding-left: 0; }

/* ---------- Bloco "decorrência do atendimento" ---------- */
.st-resolucao {
  background: var(--st-resol-bg);
  border: 1px solid var(--st-resol-brd);
  border-radius: 0.5rem;
  white-space: pre-wrap;
  word-break: break-word;
}
.st-descricao {
  white-space: pre-wrap;
  word-break: break-word;
}

/* ---------- Blocos de código (documentação da API) ---------- */
.st-code {
  background: var(--st-code-bg);
  border: 1px solid var(--st-border);
  border-radius: 0.4rem;
  padding: 0.6rem 0.8rem;
  color: var(--st-heading);
  font-size: 0.78rem;
  overflow-x: auto;
  white-space: pre;
}
code { background: var(--st-code-bg); color: var(--st-heading); padding: 0.1em 0.35em; border-radius: 0.25rem; }
.st-code code { background: transparent; padding: 0; }

/* ---------- Tela de login ---------- */
.st-login-bg {
  position: relative;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1.5rem 1rem;
  background: linear-gradient(140deg, #071711 0%, #0e4a2d 45%, #1d7a4c 80%, #57c68c 100%);
}
.st-login-footer {
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.82rem;
  margin-top: 1.5rem;
}
.st-btn-tema-login {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 5;
}
.st-login-card {
  width: 100%;
  max-width: 430px;
  border: 0;
  border-radius: 1rem;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.55);
}
.st-login-brand {
  width: 68px;
  height: 68px;
  border-radius: 1rem;
  background: linear-gradient(135deg, #0f5132, #2fb46e);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  margin: -34px auto 0.9rem;
  box-shadow: 0 8px 20px rgba(15, 81, 50, 0.35);
}

/* ---------- Rodapé ---------- */
.st-footer {
  flex-shrink: 0;
  margin-top: auto;
  padding: 0.9rem 0;
  color: var(--st-muted);
  font-size: 0.82rem;
  border-top: 1px solid var(--st-border);
  background: var(--st-surface);
}

/* ---------- Scroll responsivo para tabelas e painéis do sistema ---------- */
.st-card-scroll,
.st-table-scroll,
.st-table-scroll-sm,
.st-table-scroll-lg,
.st-timeline-scroll {
  overflow-y: auto;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: inherit;
}
.st-card-scroll,
.st-table-scroll-sm {
  max-height: 380px;
}
.st-card-scroll-lg,
.st-table-scroll {
  max-height: 490px;
}
.st-table-scroll-lg {
  max-height: 560px;
}
.st-timeline-scroll {
  max-height: 520px;
}

.st-card-scroll::-webkit-scrollbar,
.st-card-scroll-lg::-webkit-scrollbar,
.st-table-scroll::-webkit-scrollbar,
.st-table-scroll-sm::-webkit-scrollbar,
.st-table-scroll-lg::-webkit-scrollbar,
.st-timeline-scroll::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.st-card-scroll::-webkit-scrollbar-track,
.st-card-scroll-lg::-webkit-scrollbar-track,
.st-table-scroll::-webkit-scrollbar-track,
.st-table-scroll-sm::-webkit-scrollbar-track,
.st-table-scroll-lg::-webkit-scrollbar-track,
.st-timeline-scroll::-webkit-scrollbar-track {
  background: var(--st-track);
}
.st-card-scroll::-webkit-scrollbar-thumb,
.st-card-scroll-lg::-webkit-scrollbar-thumb,
.st-table-scroll::-webkit-scrollbar-thumb,
.st-table-scroll-sm::-webkit-scrollbar-thumb,
.st-table-scroll-lg::-webkit-scrollbar-thumb,
.st-timeline-scroll::-webkit-scrollbar-thumb {
  background: var(--st-border);
  border-radius: 4px;
}
.st-card-scroll::-webkit-scrollbar-thumb:hover,
.st-card-scroll-lg::-webkit-scrollbar-thumb:hover,
.st-table-scroll::-webkit-scrollbar-thumb:hover,
.st-table-scroll-sm::-webkit-scrollbar-thumb:hover,
.st-table-scroll-lg::-webkit-scrollbar-thumb:hover,
.st-timeline-scroll::-webkit-scrollbar-thumb:hover {
  background: var(--st-muted);
}
.st-card-scroll table thead th,
.st-card-scroll-lg table thead th,
.st-table-scroll table thead th,
.st-table-scroll-sm table thead th,
.st-table-scroll-lg table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: var(--st-surface-2) !important;
  color: var(--st-heading) !important;
  box-shadow: 0 1px 0 var(--st-border);
}

/* ---------- Wizard de instalação ---------- */
.st-inst-step {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.82rem;
  color: #7d9787;
}
.st-inst-step .num {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #e3ebe5;
  color: #4c6b58;
  font-weight: 700;
  flex: none;
}
.st-inst-step.atual { color: #0f5132; font-weight: 700; }
.st-inst-step.atual .num { background: #198754; color: #fff; }
.st-inst-step.ok .num { background: #d1e7dd; color: #0f5132; }
.st-inst-sep { flex: 1; height: 1px; background: #dbe7de; }

/* ---------- Protocolo de impressão (retrato A4) ---------- */
/* A folha é declarada como A4 RETRATO; o layout é dimensionado para a
   largura útil da folha (≈ 188 mm) para sair perfeito na impressão. */
@page {
  size: A4 portrait;
  margin: 12mm 11mm;
}
.st-protocolo { max-width: 800px; margin: 0 auto; }
.st-print-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 3px solid #198754;
  padding-bottom: 0.75rem;
  margin-bottom: 1rem;
}
.st-print-titulo { font-size: 0.95rem; color: #22543a; }
.st-assinatura {
  border-top: 1px dotted #666;
  margin-top: 4.5rem;
  padding-top: 0.3rem;
  text-align: center;
  font-size: 0.85rem;
  color: #444;
}

/* Tabela de relatório e notificações */
.st-report-table { font-size: 0.86rem; }
.st-notif-dropdown { max-height: 480px; }

/* ---------- Impressão (sempre em claro, RETRATO, mesmo no tema escuro) ---------- */
@page {
  size: A4 portrait;
  margin: 8mm 8mm 10mm 8mm;
}

@media print {
  @page {
    size: A4 portrait;
    margin: 8mm 8mm 10mm 8mm;
  }

  .no-print, nav, footer, .btn, .alert, .st-flash { display: none !important; }
  body {
    background: #fff !important;
    color: #000 !important;
    font-size: 11px;
    width: 100%;
  }
  .st-main { padding: 0 !important; }

  /* Protocolo da OS: ocupa a largura útil da folha retrato */
  .st-protocolo {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .st-print-header { break-inside: avoid; }

  /* Tabelas compactas, sem estourar a largura da folha */
  .card, .card-header, .accordion-item {
    background: #fff !important;
    color: #000 !important;
    border-color: #bbb !important;
    box-shadow: none !important;
    break-inside: avoid;
  }
  table { width: 100% !important; }
  .table { font-size: 10px; }
  .table thead th { background: #e8eee9 !important; color: #000 !important; }
  .table td, .table th {
    border-color: #bbb !important;
    color: #000 !important;
    overflow-wrap: break-word;
    word-break: break-word;
  }
  .table thead th, tr { break-inside: avoid; }
  .text-break, .st-descricao, .st-resolucao { overflow-wrap: anywhere; word-break: break-word; }

  /* Blocos do protocolo não se dividem entre páginas (exceto o histórico) */
  .st-print-bloco { break-inside: avoid; }
  .st-print-historico { break-inside: auto; }

  /* Linha do tempo da tela (quando impressa pela própria OS) */
  .st-tl::before { background: #bbb !important; }
  .st-tl-ico { box-shadow: 0 0 0 4px #fff !important; }
  .st-tl-meta, .st-tl-titulo { color: #000 !important; }
  .st-tl-detalhe, .st-resolucao, .st-code {
    background: #fff !important;
    border-color: #bbb !important;
    color: #000 !important;
  }
  .st-tl-comentario .st-tl-detalhe { background: #fffbea !important; }

  /* Chips de anexo: aparecem como texto simples no papel */
  .st-anexo {
    border: 1px solid #bbb !important;
    background: #fff !important;
    color: #000 !important;
    padding: 0.1rem 0.4rem !important;
    font-size: 9.5px !important;
  }
  .st-anexo .st-anexo-tam { color: #333 !important; }

  /* Assinaturas juntas no fim, sem página órfã */
  .st-print-assinaturas { break-inside: avoid; }
  .st-assinatura { margin-top: 3rem; }
  .st-print-rodape { color: #444 !important; }

  /* ============================================================
     Relatório de OS: 100% perfeitamente ajustado em RETRATO (A4)
     ============================================================ */
  .st-report-print-header {
    display: block !important;
    break-inside: avoid;
    margin-bottom: 0.6rem !important;
  }

  /* Indicadores / KPIs em 6 colunas ajustadas à largura retrato */
  .st-report-kpis {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    gap: 5px !important;
    margin-bottom: 0.6rem !important;
    break-inside: avoid;
    page-break-inside: avoid;
  }
  .st-report-kpis > div {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }
  .st-report-kpis .st-kpi {
    border: 1px solid #bbb !important;
    border-radius: 4px !important;
    height: auto !important;
    box-shadow: none !important;
  }
  .st-report-kpis .st-kpi .card-body {
    padding: 3px 4px !important;
    text-align: center;
  }
  .st-report-kpis .st-kpi-rotulo {
    font-size: 7.5px !important;
    text-transform: uppercase;
    color: #444 !important;
    margin-bottom: 2px !important;
    line-height: 1.1;
  }
  .st-report-kpis .st-kpi-valor {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #111 !important;
    line-height: 1.1;
  }
  .st-report-kpis small {
    font-size: 7px !important;
    display: block;
    line-height: 1;
    color: #555 !important;
  }

  /* Gráficos em 3 colunas compactas lado a lado em retrato */
  .st-report-graficos {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 6px !important;
    margin-bottom: 0.6rem !important;
    break-inside: avoid;
    page-break-inside: avoid;
  }
  .st-report-graficos > div {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }
  .st-report-graficos .card {
    border: 1px solid #bbb !important;
    margin-bottom: 0 !important;
    height: auto !important;
    box-shadow: none !important;
  }
  .st-report-graficos .card-header {
    font-size: 8.5px !important;
    font-weight: 700 !important;
    padding: 3px 6px !important;
    background: #e8eee9 !important;
    border-bottom: 1px solid #bbb !important;
  }
  .st-report-graficos .card-body {
    padding: 4px 6px !important;
  }
  .st-report-graficos .st-bars {
    margin: 0 !important;
  }
  .st-report-graficos .st-bars .st-bar-row {
    margin-bottom: 2px !important;
  }
  .st-report-graficos .st-bars .st-bar-label {
    width: 38% !important;
    font-size: 8px !important;
    padding-right: 3px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .st-report-graficos .st-bars .st-bar-track {
    height: 8px !important;
    background: #e9ecef !important;
  }
  .st-report-graficos .st-bars .st-bar-fill {
    height: 8px !important;
    print-color-adjust: exact !important;
    -webkit-print-color-adjust: exact !important;
  }
  .st-report-graficos .st-bars .st-bar-val {
    font-size: 7.5px !important;
    padding-left: 3px !important;
  }

  /* Card da tabela pode quebrar entre páginas */
  .st-report-tabela-card {
    break-inside: auto !important;
    page-break-inside: auto !important;
    border: 1px solid #bbb !important;
    box-shadow: none !important;
  }
  .st-report-tabela-card .card-header {
    font-size: 9px !important;
    font-weight: 700 !important;
    padding: 4px 6px !important;
    background: #e8eee9 !important;
    border-bottom: 1px solid #bbb !important;
    break-inside: avoid;
  }

  /* Remove restrições de overflow do table-responsive no papel */
  .st-card-scroll,
  .st-card-scroll-lg,
  .st-table-scroll,
  .st-table-scroll-sm,
  .st-table-scroll-lg,
  .st-timeline-scroll {
    max-height: none !important;
    overflow: visible !important;
  }
  .st-table-scroll table thead th,
  .st-table-scroll-sm table thead th,
  .st-table-scroll-lg table thead th {
    position: static !important;
    box-shadow: none !important;
  }

  .st-report-table-responsive {
    overflow: visible !important;
    display: block !important;
    width: 100% !important;
  }

  /* Tabela de detalhamento perfeitamente ajustada na largura A4 retrato */
  .st-report-table {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    font-size: 7.5px !important;
    border-collapse: collapse !important;
    margin: 0 !important;
  }
  .st-report-table thead {
    display: table-header-group !important;
    break-inside: avoid;
  }
  .st-report-table thead th {
    background: #e8eee9 !important;
    color: #000 !important;
    font-size: 7.5px !important;
    font-weight: 700 !important;
    padding: 3px 2px !important;
    border: 1px solid #bbb !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .st-report-table tbody tr {
    break-inside: avoid !important;
    page-break-inside: avoid !important;
  }
  .st-report-table tbody td {
    padding: 2.5px 2px !important;
    font-size: 7.5px !important;
    line-height: 1.15 !important;
    border: 1px solid #ddd !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
    vertical-align: middle !important;
  }

  /* Força exibição de colunas que em telas menores ficam d-none */
  .st-report-table .d-none.d-lg-table-cell,
  .st-report-table .d-none.d-md-table-cell {
    display: table-cell !important;
  }

  /* Larguras proporcionais exatas das 11 colunas para largura 100% retrato */
  .st-report-table th:nth-child(1), .st-report-table td:nth-child(1) { width: 7%; }   /* OS */
  .st-report-table th:nth-child(2), .st-report-table td:nth-child(2) { width: 20%; }  /* Assunto */
  .st-report-table th:nth-child(3), .st-report-table td:nth-child(3) { width: 9%; }   /* Setor */
  .st-report-table th:nth-child(4), .st-report-table td:nth-child(4) { width: 9%; }   /* Tipo */
  .st-report-table th:nth-child(5), .st-report-table td:nth-child(5) { width: 8%; }   /* Prioridade */
  .st-report-table th:nth-child(6), .st-report-table td:nth-child(6) { width: 9%; }   /* Status */
  .st-report-table th:nth-child(7), .st-report-table td:nth-child(7) { width: 9%; }   /* Designado */
  .st-report-table th:nth-child(8), .st-report-table td:nth-child(8) { width: 10%; }  /* Abertura */
  .st-report-table th:nth-child(9), .st-report-table td:nth-child(9) { width: 10%; }  /* Fechamento */
  .st-report-table th:nth-child(10), .st-report-table td:nth-child(10) { width: 4.5%; }/* Tempo */
  .st-report-table th:nth-child(11), .st-report-table td:nth-child(11) { width: 4.5%; }/* SLA */

  .st-report-table .st-badge,
  .st-report-table .badge {
    font-size: 7px !important;
    padding: 1px 2px !important;
    display: inline-block !important;
    line-height: 1 !important;
    border-radius: 2px !important;
    white-space: normal !important;
    print-color-adjust: exact !important;
    -webkit-print-color-adjust: exact !important;
  }

  .st-report-table .st-nowrap {
    white-space: normal !important;
  }
  .st-report-table td.text-truncate {
    white-space: normal !important;
    max-width: none !important;
    text-overflow: clip !important;
    overflow: visible !important;
  }

  a { text-decoration: none; color: #000; }
}


.st-tl-detalhe-linha {
  white-space: normal !important;
  padding: 0.35rem 0.75rem !important;
  min-height: 36px;
}