/* NEXEI v288 - refinamento visual, datas brasileiras e icones personalizados */

/* Ícones PNG do menu lateral */
.sidebar .nav-icon{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
  line-height:1!important;
}
.sidebar .nav-icon-img{
  width:22px!important;
  height:22px!important;
  max-width:22px!important;
  max-height:22px!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  flex:0 0 22px!important;
}
.sidebar .nav-icon-fallback{
  width:22px!important;
  height:22px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:17px!important;
  line-height:1!important;
}
body.page-view .sidebar .nav-icon-img,
body.nexei-view-mode .sidebar .nav-icon-img{width:22px!important;height:22px!important;max-width:22px!important;max-height:22px!important;}

/* Busca de fornecedores */
.suppliers-page .supplier-search{max-width:780px;grid-template-columns:minmax(280px,1fr) auto auto;}

/* Filtros compactos na página de detalhe */
.supplier-filter-shell{
  width:min(1180px,100%);
  padding:14px 16px 16px;
  border:1px solid #dbe6f7;
  border-radius:18px;
  background:linear-gradient(135deg,#f8fbff,#ffffff);
}
.supplier-filter-title{display:flex;align-items:baseline;gap:10px;margin-bottom:10px;}
.supplier-filter-title b{font-size:14px;color:#10244b;}
.supplier-filter-title span{font-size:12px;color:#64748b;}
.supplier-filters{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(145px,190px)) auto!important;
  gap:10px!important;
  align-items:end!important;
  justify-content:start!important;
  width:auto!important;
  max-width:none!important;
}
.supplier-filters label{display:grid;gap:5px;font-size:11px;font-weight:800;color:#475569;}
.supplier-filters input,.supplier-filters select{height:40px!important;padding:8px 11px!important;border-radius:12px!important;font-size:13px!important;}
.supplier-filters .filter-actions{display:flex!important;gap:8px!important;align-items:center!important;white-space:nowrap!important;}
.supplier-filters .filter-actions .primary,.supplier-filters .filter-actions .secondary{height:40px!important;padding:9px 14px!important;border-radius:12px!important;font-size:12px!important;}

/* Resultados no mesmo padrão visual do Dashboard/Meus Processos */
.supplier-results-summary{display:flex;align-items:baseline;gap:10px;margin:2px 2px -2px;}
.supplier-results-summary b{font-size:14px;color:#10244b;}
.supplier-results-summary span{font-size:12px;color:#64748b;}
.supplier-doc-list{display:grid;gap:14px;}
body:not(.page-view) .supplier-doc-card{
  grid-template-columns:162px minmax(0,1fr) auto!important;
  min-height:154px!important;
  padding:16px 18px!important;
  gap:20px!important;
  border-left-width:4px!important;
}
.supplier-doc-thumb{cursor:pointer!important;}
.supplier-doc-thumb:focus-visible{outline:3px solid rgba(37,99,235,.35)!important;outline-offset:3px!important;}
.supplier-file-relation{
  position:absolute;
  left:7px;
  top:7px;
  z-index:8;
  display:inline-flex;
  align-items:center;
  min-height:22px;
  max-width:calc(100% - 14px);
  padding:4px 7px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.75);
  border-radius:999px;
  background:rgba(15,23,42,.86);
  color:#fff!important;
  font-size:9px;
  font-weight:900;
  line-height:1;
  white-space:nowrap;
  text-overflow:ellipsis;
  box-shadow:0 5px 12px rgba(15,23,42,.16);
}
.supplier-file-relation.is-main{background:rgba(37,99,235,.92);}
.supplier-file-relation.is-sub{background:rgba(124,58,237,.92);}
.supplier-file-relation.is-record{background:rgba(71,85,105,.92);}
.supplier-doc-main{min-width:0;display:grid;align-content:center;gap:9px;}
.supplier-doc-heading{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0;}
.supplier-doc-heading .doc-title{min-width:0;overflow-wrap:anywhere;}
.supplier-document-name{display:flex;align-items:center;gap:9px;min-width:0;color:#334155;}
.supplier-document-name b{font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.supplier-document-name span{display:inline-flex;padding:4px 7px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:10px;font-weight:900;white-space:nowrap;}
.supplier-doc-facts{
  display:grid;
  grid-template-columns:repeat(4,minmax(120px,1fr));
  gap:8px 14px;
  padding-top:9px;
  border-top:1px solid #e8eef8;
}
.supplier-doc-facts>div{min-width:0;display:grid;gap:2px;}
.supplier-doc-facts span{color:#64748b;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.055em;}
.supplier-doc-facts b{color:#334155;font-size:12px;font-weight:750;line-height:1.25;overflow-wrap:anywhere;}
.supplier-doc-actions{align-self:center;}
.supplier-doc-actions a{white-space:nowrap;}
.supplier-empty{border:1px dashed #cbd5e1;border-radius:18px;background:#f8fafc;}

/* A tabela geral de fornecedores continua alinhada */
.supplier-table{table-layout:fixed;}
.supplier-table th,.supplier-table td{text-align:left;vertical-align:middle;}
.supplier-table th:nth-child(1),.supplier-table td:nth-child(1){width:34%;}
.supplier-table th:nth-child(2),.supplier-table td:nth-child(2){width:16%;}
.supplier-table th:nth-child(3),.supplier-table td:nth-child(3){width:10%;text-align:center;}
.supplier-table th:nth-child(4),.supplier-table td:nth-child(4),
.supplier-table th:nth-child(5),.supplier-table td:nth-child(5){width:14%;}
.supplier-table th:nth-child(6),.supplier-table td:nth-child(6){width:12%;text-align:right;}

@media(max-width:1280px){
  .supplier-filters{grid-template-columns:repeat(3,minmax(150px,1fr))!important;width:min(860px,100%)!important;}
  .supplier-filters .filter-actions{grid-column:1/-1!important;}
  .supplier-doc-facts{grid-template-columns:repeat(3,minmax(120px,1fr));}
}
@media(max-width:1100px){
  body:not(.page-view) .supplier-doc-card{grid-template-columns:138px minmax(0,1fr)!important;}
  .supplier-doc-actions{grid-column:2;justify-self:start;}
}
@media(max-width:760px){
  .supplier-detail-page{gap:14px!important;}
  .supplier-filter-shell{padding:12px;border-radius:16px;}
  .supplier-filter-title{display:grid;gap:2px;}
  .supplier-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;}
  .supplier-filters .filter-actions{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important;}
  body:not(.page-view) .supplier-doc-card{grid-template-columns:112px minmax(0,1fr)!important;padding:12px!important;gap:12px!important;align-items:start!important;}
  .supplier-doc-heading{align-items:flex-start;}
  .supplier-doc-heading .doc-title{font-size:14px!important;line-height:1.3;}
  .supplier-doc-heading .badge{margin-left:0!important;}
  .supplier-document-name{display:grid;gap:4px;}
  .supplier-document-name b{white-space:normal;font-size:12px;}
  .supplier-document-name span{width:max-content;max-width:100%;}
  .supplier-doc-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;}
  .supplier-doc-actions{grid-column:1/-1!important;justify-self:stretch!important;display:grid!important;grid-template-columns:1fr 1fr!important;}
  .supplier-doc-actions a{text-align:center;}
  .supplier-results-summary{display:grid;gap:2px;}
  .supplier-table{table-layout:auto;}
}
@media(max-width:480px){
  .supplier-filters{grid-template-columns:1fr!important;}
  .supplier-filters .filter-actions{grid-column:auto!important;}
  body:not(.page-view) .supplier-doc-card{grid-template-columns:96px minmax(0,1fr)!important;}
  .supplier-doc-facts{grid-template-columns:1fr;}
  .supplier-file-relation{font-size:8px;padding:4px 6px;}
  .suppliers-page .supplier-search{grid-template-columns:1fr 1fr;max-width:none;}
  .suppliers-page .supplier-search input{grid-column:1/-1;}
}
@media(max-width:760px){
  .supplier-table th,.supplier-table td{width:auto!important;}
}