/* ======================================================================
   CHAMADOS - LISTAGEM / VIEW / FILTROS / PAGINACAO
   ====================================================================== */

.table a.ch-link,
a.ch-link{
  text-decoration:none;
  color:inherit;
}

.table a.ch-link:hover{
  filter:none;
}

a.ch-link .ch-title{
  text-decoration:none;
}

a.ch-link:hover .ch-title{
  color:#86efac;
  text-decoration:none;
}

.ch-id{
  display:block;
  font-size:11px;
  color:#94a3b8;
  letter-spacing:.2px;
  margin-bottom:2px;
  font-weight:700;
}

.ch-title{
  display:block;
  font-size:15px;
  line-height:1.28;
  font-weight:700;
  color:#f8fafc;
  margin-top:1px;
}

/* Ultima coluna sticky (acoes) */
#tabelaChamados th:last-child{
  position:sticky;
  right:0;
  z-index:6;
  min-width:56px;
  width:56px;
  padding-left:0;
  padding-right:0;
  background:#0a0a0b;
  border-color:transparent;
  box-shadow:none;
}

#tabelaChamados th.ch-actions-head,
#tabelaChamados th:last-child:empty{
  position:sticky;
  right:0;
  z-index:6;
  min-width:56px;
  width:56px;
  padding:0;
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
}

#tabelaChamados td.actions{
  position:sticky;
  right:0;
  z-index:5;
  min-width:56px;
  width:56px;
  text-align:center;
  background:#11161f;
  box-shadow:-10px 0 16px -12px rgba(0,0,0,.75);
}

#tabelaChamados tbody tr:hover td.actions,
#tabelaChamados tbody tr.ch-clickable-row:hover td.actions{
  background:#18231d !important;
}

/* ======================================================================
   CHAMADOS - EXTRAS
   ====================================================================== */

.hide{ display:none !important; }

.card-empty{
  padding:16px;
  color:#94a3b8;
}

.ctr-small{
  font-size:.85rem;
  color:#94a3b8;
}

.nowrap{ white-space:nowrap; }
.col-actions{ width:60px; }

.ctr-progress{
  --pct:0%;
  --tone:#22c55e;
  height:10px;
  background:#0b0f17;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  overflow:hidden;
  position:relative;
}

.ctr-progress__bar{
  display:block;
  height:100%;
  width:var(--pct);
  background:var(--tone);
  transition:width .25s ease;
}

/* Destaque temporario */
#tabelaChamados tbody tr.row-focus td{
  background:#14351f !important;
  transition:background .6s ease;
}

/* Timer rodando */
#tabelaChamados tbody tr.timer-active td{
  background:#2a2214 !important;
  transition:background .2s ease;
}

#tabelaChamados tbody tr.timer-active:hover td{
  background:#332917 !important;
}

#tabelaChamados tbody tr.timer-active .badge{
  filter:saturate(1.05);
}
/* ======================================================================
   CHAMADOS - COMENTARIOS / IMAGENS
   ====================================================================== */
.comentario-header-actions{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  width:100%;
}

.comentario-author-block{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:3px;
}

.comentario-data{
  color:#94a3b8 !important;
  font-size:12px;
}

.comentario-delete-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:32px;
  padding:0 10px;
  margin-left:auto;
  flex:0 0 auto;

  border-radius:10px;
  border:1px solid rgba(239,68,68,.28);
  background:rgba(239,68,68,.10);
  color:#fca5a5 !important;

  font-size:12px;
  font-weight:800;
  cursor:pointer;

  transition:
    background-color .16s ease,
    border-color .16s ease,
    color .16s ease,
    transform .16s ease;
}

.comentario-delete-btn:hover{
  background:rgba(239,68,68,.18);
  border-color:rgba(239,68,68,.45);
  color:#ffffff !important;
  transform:translateY(-1px);
}

.comentario-delete-btn:disabled{
  opacity:.65;
  cursor:wait;
  transform:none;
}

@media (max-width:700px){
  .comentario-header-actions{
    align-items:flex-start;
  }

  .comentario-delete-btn span{
    display:none;
  }

  .comentario-delete-btn{
    width:34px;
    padding:0;
  }
}

.comentario-data{
  margin-top:3px;
  color:#94a3b8;
  font-size:12px;
}

.comentario-imagens-lista{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:12px;
}

.comentario-img-btn{
  border:0;
  padding:0;
  background:transparent;
  cursor:pointer;
}

.comentario-img-btn img{
  width:104px;
  height:104px;
  object-fit:cover;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.10);
  background:#0b0f17;
  transition:transform .16s ease, border-color .16s ease;
}

.comentario-img-btn:hover img{
  transform:translateY(-1px);
  border-color:rgba(34,197,94,.30);
}

.comentario-preview-item{
  position:relative;
  width:96px;
  height:96px;
}

.comentario-preview-item img{
  width:96px;
  height:96px;
  object-fit:cover;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.10);
  background:#0b0f17;
}

.comentario-preview-item button{
  position:absolute;
  top:6px;
  right:6px;
  width:24px;
  height:24px;
  border:0;
  border-radius:999px;
  background:rgba(0,0,0,.68);
  color:#ffffff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  padding:0;
}

.comentario-dropzone.dragging{
  background:rgba(34,197,94,.11);
  border-color:rgba(34,197,94,.60);
  box-shadow:0 0 0 3px rgba(34,197,94,.12);
}
.comentarios-section{
  margin-top:30px;
}

.comentarios-section h3{
  color:#f8fafc;
  font-size:18px;
  font-weight:850;
  margin:0 0 14px;
}

.comentario-form{
  background:linear-gradient(180deg, rgba(24,28,37,.98) 0%, rgba(17,22,31,.98) 100%);
  border:1px solid rgba(255,255,255,.07);
  border-radius:16px;
  padding:16px;
  box-shadow:0 14px 30px rgba(0,0,0,.22);
}

.comentario-form textarea{
  width:100%;
  min-height:92px;
  padding:12px 14px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.10);
  background:#171c25;
  color:#f8fafc;
  resize:vertical;
  font-size:14px;
  line-height:1.45;
}

.comentario-form textarea::placeholder{
  color:#64748b;
}

.comentario-form textarea:focus{
  outline:none;
  border-color:rgba(34,197,94,.55);
  box-shadow:0 0 0 3px rgba(34,197,94,.14);
}

.comentario-imagens-wrap{
  margin-top:14px;
}

.comentario-imagens-title{
  font-weight:800;
  margin-bottom:8px;
  color:#f8fafc;
  font-size:14px;
}

.comentario-dropzone{
  border:1px dashed rgba(34,197,94,.32);
  border-radius:14px;
  padding:14px;
  background:rgba(34,197,94,.045);
  cursor:pointer;
  transition:background-color .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.comentario-dropzone:hover{
  background:rgba(34,197,94,.075);
  border-color:rgba(34,197,94,.50);
  box-shadow:0 0 0 3px rgba(34,197,94,.10);
}

.comentario-dropzone-text{
  color:#cbd5e1;
  font-size:14px;
}

.comentario-preview-list{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:10px;
}

.comentario-preview-list img,
#prevImagens img{
  width:96px;
  height:96px;
  object-fit:cover;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.10);
  background:#0b0f17;
}

.comentario-imagens-actions{
  display:flex;
  gap:10px;
  margin-top:10px;
  align-items:center;
  flex-wrap:wrap;
}

.comentario-img-status,
#imgStatus{
  color:#94a3b8 !important;
}

/* Lista */
.comentarios-lista,
#listaComentarios{
  margin-top:16px;
  display:flex;
  flex-direction:column;
  gap:12px;
}

.comentarios-lista .loading,
#listaComentarios .loading{
  color:#94a3b8;
  margin:0;
}

/* Cards dos comentários/logs */
.comentario-item,
#listaComentarios > div,
#listaComentarios > article,
#listaComentarios > .comentario,
#listaComentarios > .log-item{
  background:linear-gradient(180deg, rgba(24,28,37,.98) 0%, rgba(17,22,31,.98) 100%) !important;
  border:1px solid rgba(255,255,255,.07) !important;
  border-radius:14px !important;
  padding:14px !important;
  margin-top:0 !important;
  color:#e5e7eb !important;
  box-shadow:0 10px 24px rgba(0,0,0,.18) !important;
}

.comentario-item:hover,
#listaComentarios > div:hover,
#listaComentarios > article:hover,
#listaComentarios > .comentario:hover,
#listaComentarios > .log-item:hover{
  border-color:rgba(34,197,94,.20) !important;
  background:linear-gradient(180deg, rgba(27,34,45,.98) 0%, rgba(19,27,37,.98) 100%) !important;
}

/* Textos internos */
.comentario-header,
#listaComentarios .comentario-header,
#listaComentarios .log-header,
#listaComentarios small,
#listaComentarios .text-muted{
  color:#94a3b8 !important;
}

.comentario-header strong,
#listaComentarios strong,
#listaComentarios b{
  color:#f8fafc !important;
}

#listaComentarios,
#listaComentarios *,
.comentario-item,
.comentario-item *,
.comentario-conteudo,
#listaComentarios .comentario-conteudo,
#listaComentarios .log-conteudo,
#listaComentarios p,
#listaComentarios div,
#listaComentarios span{
  color:#e5e7eb !important;
}

#listaComentarios strong,
#listaComentarios b,
.comentario-item strong,
.comentario-item b{
  color:#ffffff !important;
}

#listaComentarios small,
#listaComentarios .text-muted,
#listaComentarios .comentario-header,
#listaComentarios .log-header{
  color:#94a3b8 !important;
}
#listaComentarios [style*="color"],
.comentario-item [style*="color"]{
  color:#e5e7eb !important;
}

#listaComentarios [style*="#64748b"],
#listaComentarios [style*="#6b7280"],
#listaComentarios [style*="#555"],
#listaComentarios [style*="#333"],
#listaComentarios [style*="#111"]{
  color:#94a3b8 !important;
}
/* Data alinhada à direita, se existir */
#listaComentarios [class*="data"],
#listaComentarios [class*="date"],
#listaComentarios [class*="hora"],
#listaComentarios [class*="time"]{
  color:#94a3b8 !important;
}

/* Imagens dos comentários */
.comentario-item img,
#listaComentarios img{
  border-radius:12px;
  border:1px solid rgba(255,255,255,.10);
  background:#0b0f17;
}

#imgLightbox{
  background:rgba(0,0,0,.82) !important;
}

#imgLightboxEl{
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 24px 80px rgba(0,0,0,.70) !important;
}
/* ======================================================================
   CHAMADOS - TELA CHEIA COM SCROLL INTERNO NA TABELA
   ====================================================================== */

.ch-page{
  display:flex;
  flex-direction:column;
  gap:12px;
  flex:1;
  min-height:0;
}

.ch-table-card{
  flex:1;
  min-height:0;
  display:flex;
  flex-direction:column;
}

.ch-table-card .table-wrapper{
  flex:1;
  min-height:0;
  overflow-y:auto;
  overflow-x:auto;
}

/* FIX: dropdown fixed nao pode ficar dentro de ancestral com transform */
.ch-page .card:hover{
  transform:none !important;
}

/* ======================================================================
   CHAMADOS - MODAL ADMIN TEMPO
   ====================================================================== */

.time-admin-title{
  font-weight:800;
  color:#f8fafc;
}

.time-admin-select{
  width:100%;
  border:1px solid rgba(255,255,255,.10);
  border-radius:10px;
  padding:10px 12px;
  background:#171c25;
  color:#f8fafc;
}

.time-admin-select:focus{
  outline:none;
  border-color:rgba(34,197,94,.55);
  box-shadow:0 0 0 3px rgba(34,197,94,.14);
}

.time-admin-table-wrapper{
  max-height:380px;
  overflow:auto;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:12px !important;
  background:#0b0f17;
}

#ta-thead th{
  background:#11161f;
  color:#94a3b8;
}

#ta-tbody td{
  background:#11161f;
  color:#e5e7eb;
  border-color:rgba(255,255,255,.07);
}

#ta-tbody tr:hover td{
  background:#18231d;
}

/* ======================================================================
   CHAMADOS - LINHA INTEIRA CLICAVEL
   ====================================================================== */

#tabelaChamados tbody tr.ch-clickable-row{
  cursor:pointer;
}

#tabelaChamados tbody tr.ch-clickable-row td{
  background-clip:padding-box;
  transition:
    background-color .16s ease,
    border-color .16s ease,
    box-shadow .16s ease;
}

#tabelaChamados tbody tr.ch-clickable-row:hover td{
  background-color:#18231d !important;
  border-top-color:rgba(34,197,94,.18);
  border-bottom-color:rgba(34,197,94,.18);
}

#tabelaChamados tbody tr.ch-clickable-row:hover td:not(:first-child){
  border-left-color:rgba(255,255,255,.07) !important;
}

#tabelaChamados tbody tr.ch-clickable-row:hover td:first-child{
  border-left-color:#22c55e !important;
}

#tabelaChamados tbody tr.ch-clickable-row:hover td.actions{
  background-color:#18231d !important;
}

#tabelaChamados tbody tr.ch-clickable-row:focus-visible td{
  background-color:#18231d !important;
}

#tabelaChamados tbody tr.ch-clickable-row:focus-visible td:first-child{
  border-left-color:#22c55e !important;
}

/* ======================================================================
   CHAMADOS - FILTRO STATUS MULTISELECT
   ====================================================================== */

.filters-grid .ms{
  position:relative;
  width:100%;
}

.filters-grid .ms-btn,
#ms-status .ms-btn{
  height:40px;
  width:100%;
  padding:0 12px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:8px;
  background:#171c25;
  color:#f8fafc;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:14px;
  line-height:1;
  cursor:pointer;
  transition:
    background-color .16s ease,
    border-color .16s ease,
    box-shadow .16s ease;
}

.filters-grid .ms-btn:hover,
#ms-status .ms-btn:hover{
  background:#1b222d;
  border-color:rgba(34,197,94,.28);
}

.filters-grid .ms.open .ms-btn,
#ms-status.ms.open .ms-btn{
  border-color:rgba(34,197,94,.55);
  box-shadow:0 0 0 3px rgba(34,197,94,.14);
}

.filters-grid .ms-btn::after{
  content:"";
  width:10px;
  height:10px;
  margin-left:10px;
  background:currentColor;
  opacity:.65;
  clip-path:polygon(0 30%, 50% 80%, 100% 30%, 100% 45%, 50% 95%, 0 45%);
}

.filters-grid .ms-menu{
  position:fixed;
  min-width:320px;
  max-width:420px;
  background:#141922;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  box-shadow:0 18px 40px rgba(0,0,0,.38);
  padding:8px;
  z-index:9999;
  display:none;
  max-height:260px;
  overflow:auto;
}

.filters-grid .ms.open .ms-menu{
  display:block;
}

.filters-grid .ms-opt{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px;
  border-radius:10px;
  cursor:pointer;
  user-select:none;
  color:#e5e7eb;
  transition:background-color .16s ease, color .16s ease;
}

.filters-grid .ms-opt:hover{
  background:rgba(34,197,94,.10);
  color:#ffffff;
}

.filters-grid .ms-opt input[type="checkbox"]{
  width:16px;
  height:16px;
  margin:0;
  flex:0 0 16px;
  accent-color:#22c55e;
}

.filters-grid .ms-sep{
  height:1px;
  background:rgba(255,255,255,.08);
  margin:6px 0;
}

/* Igualar aos selects em telas menores */
@media (max-width:1440px), (max-height:820px){
  #ms-status .ms-btn{
    height:34px;
    padding:0 10px;
    font-size:12.5px;
    line-height:34px;
  }
}

@media (max-width:1280px), (max-height:760px){
  #ms-status .ms-btn{
    height:32px;
    padding:0 8px;
    font-size:12px;
    line-height:32px;
  }
}

/* ======================================================================
   CHAMADOS - BOTAO VINCULAR IMAGENS
   ====================================================================== */

.btn-vincular-imagens{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  background:linear-gradient(135deg, #16a34a 0%, #22c55e 100%);
  color:#ffffff;
  padding:10px 18px;
  border-radius:8px;
  border:1px solid transparent;
  font-size:14px;
  font-weight:700;
  cursor:pointer;
  transition:all .16s ease;
  box-shadow:0 12px 24px rgba(34,197,94,.16);
}

.btn-vincular-imagens i{
  font-size:16px;
}

.btn-vincular-imagens:hover{
  background:linear-gradient(135deg, #15803d 0%, #22c55e 100%);
  transform:translateY(-1px);
}

.btn-vincular-imagens:active{
  transform:translateY(0);
}

.btn-vincular-imagens:disabled{
  opacity:.6;
  cursor:not-allowed;
  transform:none;
  box-shadow:none;
}

/* ======================================================================
   CHAMADOS - VIEW / RESUMO DO CHAMADO
   ====================================================================== */

.chd-headcard{
  background:linear-gradient(180deg, rgba(24,28,37,.98) 0%, rgba(17,22,31,.98) 100%);
  border:1px solid rgba(255,255,255,.07);
  border-radius:16px;
  padding:18px;
  box-shadow:0 14px 30px rgba(0,0,0,.26);
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}

.chd-head-top{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:16px 20px;
  align-items:start;
  width:100%;
}

.chd-titlewrap{
  min-width:0;
}

.chd-title{
  margin:0;
  font-size:22px;
  font-weight:900;
  line-height:1.2;
  color:#f8fafc;
}

.chd-meta{
  margin-top:12px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  color:#94a3b8;
  font-size:13px;
}

.chd-meta-item{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  background:#171c25;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  padding:8px 14px;
}

.chd-meta-item i{
  color:#86efac;
}

.chd-meta-item .label{
  font-weight:800;
  color:#94a3b8;
}

.chd-meta-item .value{
  font-weight:700;
  color:#f8fafc;
}

.chd-meta-sep{
  display:none;
}

.chd-badges{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  align-items:center;
  gap:10px;
  min-width:0;
}

.chd-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:42px;
  padding:8px 14px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:#171c25;
  white-space:nowrap;
}

.chd-badge .k{
  font-size:12px;
  color:#94a3b8;
  font-weight:800;
}

.chd-badge .v{
  font-size:13px;
  color:#f8fafc;
  font-weight:900;
}

.chd-desc{
  margin-top:14px;
  border-top:1px solid rgba(255,255,255,.08);
  padding-top:14px;
  width:100%;
}

.chd-desc-head{
  display:flex;
  align-items:center;
  gap:8px;
  font-weight:900;
  color:#cbd5e1;
  font-size:13px;
  margin-bottom:8px;
}

.chd-desc-head i{
  color:#86efac;
}

.chd-desc-body{
  width:100%;
  box-sizing:border-box;
  background:#171c25;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  padding:14px;
  color:#e5e7eb;
  line-height:1.5;
  white-space:pre-wrap;
}

/* Botao Anexos compacto */
.btn-anexos{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:42px;
  padding:8px 12px;
  font-size:12px;
  font-weight:700;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.08);
  background:#20242d;
  color:#e5e7eb;
  box-shadow:none;
  transition:
    background-color .16s ease,
    border-color .16s ease,
    color .16s ease,
    transform .16s ease;
}

.btn-anexos:hover{
  background:rgba(34,197,94,.10);
  border-color:rgba(34,197,94,.24);
  color:#ffffff;
  transform:translateY(-1px);
}

.btn-anexos i{
  font-size:14px;
  opacity:.85;
}

.chamado-detalhe-container > div:first-child{
  width:100%;
}

@media (max-width:1100px){
  .chd-head-top{
    grid-template-columns:1fr;
  }

  .chd-badges{
    justify-content:flex-start;
  }
}

@media (max-width:900px){
  .chd-headcard{
    padding:14px;
  }

  .chd-title{
    font-size:20px;
  }

  .chd-meta,
  .chd-badges{
    gap:8px;
  }

  .chd-meta-item,
  .chd-badge,
  .btn-anexos{
    width:100%;
    justify-content:flex-start;
    border-radius:12px;
  }
}
/* ======================================================================
   CHAMADOS - CONFIRMACAO ESTILIZADA DE EXCLUSAO DE COMENTARIO
   ====================================================================== */

.comentario-confirm-modal{
  position:fixed;
  inset:0;
  z-index:100000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:20px;
}

.comentario-confirm-modal.show{
  display:flex;
}

.comentario-confirm-backdrop{
  position:absolute;
  inset:0;
  background:rgba(2,6,23,.72);
  backdrop-filter:blur(2px);
}

.comentario-confirm-dialog{
  position:relative;
  z-index:1;
  width:min(460px, 100%);
  background:linear-gradient(180deg, #1b2028 0%, #11161f 100%);
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  padding:20px;
  color:#f8fafc;
  box-shadow:0 28px 80px rgba(0,0,0,.58);
  transform:translateY(8px) scale(.98);
  opacity:0;
  transition:opacity .14s ease, transform .14s ease;
}

.comentario-confirm-modal.show .comentario-confirm-dialog{
  opacity:1;
  transform:translateY(0) scale(1);
}

.comentario-confirm-icon{
  width:46px;
  height:46px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(239,68,68,.12);
  border:1px solid rgba(239,68,68,.28);
  color:#fca5a5;
  font-size:20px;
  margin-bottom:14px;
}

.comentario-confirm-title{
  font-size:18px;
  font-weight:900;
  color:#ffffff;
  margin-bottom:6px;
}

.comentario-confirm-text{
  color:#cbd5e1;
  line-height:1.55;
  font-size:14px;
}

.comentario-confirm-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin-top:20px;
  flex-wrap:wrap;
}

.comentario-confirm-actions .btn{
  min-height:40px;
}

@media (max-width:560px){
  .comentario-confirm-actions{
    flex-direction:column-reverse;
  }

  .comentario-confirm-actions .btn{
    width:100%;
    justify-content:center;
  }
}
/* ======================================================================
   CHAMADOS - PAGINACAO
   ====================================================================== */

.ch-pagination{
  margin-top:0;
  background:transparent;
}

.ch-pagination a,
.ch-pagination a:visited,
.ch-pagination a:hover,
.ch-pagination a:active{
  text-decoration:none !important;
  color:inherit;
}

.ch-pagination .btn.small{
  min-width:38px;
  height:38px;
  padding:0 14px;
  border-radius:10px;
  font-size:14px;
  font-weight:700;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1;
  transition:
    background-color .16s ease,
    border-color .16s ease,
    color .16s ease,
    transform .16s ease;
}

.ch-pagination .btn.ghost.small{
  background:#20242d;
  border:1px solid rgba(255,255,255,.08);
  color:#e5e7eb;
}

.ch-pagination .btn.ghost.small:hover{
  background:rgba(34,197,94,.10);
  border-color:rgba(34,197,94,.24);
  color:#ffffff;
  transform:translateY(-1px);
}

.ch-pagination .btn.primary.small{
  background:linear-gradient(135deg, #16a34a 0%, #22c55e 100%);
  border:1px solid transparent;
  color:#ffffff;
  box-shadow:0 8px 18px rgba(34,197,94,.16);
}

.ch-pagination .btn.primary.small:hover{
  background:linear-gradient(135deg, #15803d 0%, #22c55e 100%);
  color:#ffffff;
}

.ch-pagination .btn[style*="pointer-events:none"],
.ch-pagination span.btn.ghost.small{
  background:#171c25;
  border-color:rgba(255,255,255,.08);
  color:#64748b;
  box-shadow:none;
  transform:none;
}

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

@media (max-width:900px){
  #tabelaChamados th:last-child,
  #tabelaChamados td.actions{
    min-width:64px;
    width:64px;
  }

  .filters-grid .ms-menu{
    min-width:min(320px, calc(100vw - 32px));
    max-width:calc(100vw - 32px);
  }
}