/* Nexor 360 CRM v171 — cabeçalho, Pedidos, Leads e Carteira. */

/* Cabeçalho: pesquisa livre, perfil à direita e ações alinhadas. */
.top.top-v171 {
  display: grid !important;
  grid-template-columns: minmax(250px, .7fr) minmax(300px, 1fr) minmax(650px, 1.85fr) !important;
  grid-template-rows: auto !important;
  gap: 16px !important;
  align-items: stretch !important;
}

.top-v171 .top-heading {
  align-self: start;
}

.top-v171 .global-search-wrap {
  min-width: 0;
  align-self: stretch;
}

.top-v171 .global-search-control-v73 {
  height: 100%;
  display: grid !important;
  grid-template-columns: minmax(180px, 1fr) !important;
  grid-template-rows: 38px 38px !important;
  gap: 8px !important;
  align-content: start;
  align-items: center;
}

.top-v171 .global-search-control-v73 input {
  width: 100% !important;
  min-height: 38px !important;
  height: 38px !important;
  padding: 7px 10px !important;
  font-size: 11px !important;
  border-radius: 9px !important;
}

.top-v171 .global-search-button-v73 {
  width: 112px !important;
  min-height: 38px !important;
  height: 38px !important;
  padding: 7px 10px !important;
  font-size: 11px !important;
  border-radius: 9px !important;
}

.top-v171 .global-search-wrap .global-search-results {
  top: 84px !important;
}

.top-v171 .user-context {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  gap: 8px !important;
  min-width: 0;
  align-items: center !important;
}

.user-context-top-v171 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  min-width: 0;
  flex-wrap: nowrap;
}

.user-context-top-v171 .notification-wrap,
.user-context-top-v171 .n82-calendar-button-wrap {
  flex: 0 0 auto;
}

.user-context-top-v171 .user-profile-chip {
  flex: 0 1 auto;
  min-width: 205px;
  max-width: 280px;
}

.user-state-v171 {
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  min-width: 0;
  flex-wrap: wrap;
}

.user-state-v171 #syncStatus {
  width: 100%;
  margin: 0 !important;
  text-align: right;
  font-size: 9px !important;
}

.user-state-v171 .build-version-badge-v135 {
  margin-left: 0 !important;
}

.user-state-v171 .auto-sync-badge-v162 {
  min-height: 28px !important;
  height: 28px !important;
  padding: 0 8px !important;
  font-size: 9px !important;
}

.top-v171 #topActions {
  min-width: 0;
}

.top-v171 #topActions .remote-actions {
  display: flex !important;
  justify-content: flex-end;
  align-items: center;
  gap: 7px !important;
  flex-wrap: nowrap !important;
  width: 100%;
}

.top-v171 #topActions .remote-actions .btn {
  flex: 0 0 112px;
  width: 112px !important;
  min-width: 112px !important;
  min-height: 38px !important;
  height: 38px !important;
  padding: 7px 8px !important;
  border-radius: 9px !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
  white-space: nowrap;
}

.top-v171 #topActions .remote-actions .install-app-v164 > span {
  width: 16px;
  height: 16px;
}

body.view-ordersUnified-v171 .top-heading h1 {
  font-size: 31px !important;
}

/* Títulos e barras de ferramentas. */
.section-page-title-v171 {
  margin: 0 0 12px !important;
  font-size: 20px !important;
}

#ordersUnified .unified-orders-panel-v137 {
  gap: 10px !important;
}

#ordersUnified .unified-orders-toolbar-v137 {
  display: grid !important;
  grid-template-columns: auto minmax(320px, 1fr) auto auto !important;
  align-items: center !important;
  gap: 9px !important;
  margin-bottom: 0 !important;
}

#ordersUnified .orders-title-v171 h2 {
  margin: 0 !important;
  font-size: 20.4px !important;
  white-space: nowrap;
}

#ordersUnified .orders-search-v147 {
  display: grid !important;
  grid-template-columns: minmax(250px, 1fr) 112px !important;
  gap: 7px !important;
  min-width: 0;
}

#ordersUnified .orders-search-v147 input,
#ordersUnified .orders-search-v147 button,
#ordersUnified .unified-new-actions-v137 .btn,
#ordersUnified .orders-view-toggle-v159,
#ordersUnified .orders-view-toggle-v159 button {
  min-height: 34px !important;
  height: 34px !important;
  font-size: 10.5px !important;
}

#ordersUnified .orders-search-v147 input {
  width: 100% !important;
  padding: 6px 9px !important;
}

#ordersUnified .orders-search-v147 button {
  width: 112px !important;
  padding: 6px 8px !important;
}

#ordersUnified .orders-view-toggle-v159 {
  display: flex;
  padding: 2px !important;
  width: 145px;
}

#ordersUnified .orders-view-toggle-v159 button {
  width: 70px;
  padding: 5px 7px !important;
}

#ordersUnified .unified-new-actions-v137 {
  display: flex;
  justify-content: flex-end;
  flex-wrap: nowrap !important;
  gap: 7px !important;
}

#ordersUnified .unified-new-actions-v137 .btn {
  width: 128px !important;
  min-width: 128px !important;
  padding: 6px 8px !important;
  white-space: nowrap;
}

#ordersUnified .unified-orders-filters-v137 {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(150px, 1fr)) !important;
  gap: 7px !important;
}

#ordersUnified .unified-orders-filters-v137 select {
  min-height: 34px !important;
  height: 34px !important;
  padding: 5px 8px !important;
  font-size: 10.5px !important;
}

/* Leads: ordem operacional solicitada. */
#leads .panel {
  display: flex;
  flex-direction: column;
}

#leads > .panel > .toolbar:first-of-type {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  margin-bottom: 10px !important;
}

#leads .logic-filter-v171,
#leads .lead-import-note,
#leads #leadDistributionBar,
#leads #leadActionBarV104 {
  display: none !important;
}

#leads #newLeadBtn {
  order: 1;
}

#leads #leadSearch {
  order: 2;
  width: min(340px, 100%) !important;
  min-width: 290px !important;
}

#leads #leadResponsibleFilter {
  order: 3;
  width: 205px !important;
}

#leads #selectLeadsByPersonV105 {
  order: 4;
}

#leads #leadTemplateBtn {
  order: 5;
}

#leads #leadImportBtn {
  order: 6;
}

#leads #leadClassificationFilter {
  order: 7;
  width: 220px !important;
  margin-left: auto;
}

#leads > .panel > .toolbar:first-of-type > div,
#leads .lead-actions {
  display: contents !important;
}

#leads > .panel > .toolbar:first-of-type input,
#leads > .panel > .toolbar:first-of-type select,
#leads > .panel > .toolbar:first-of-type .btn {
  min-height: 35px !important;
  height: 35px !important;
  padding: 6px 9px !important;
  font-size: 10.5px !important;
}

#leads #newLeadBtn,
#leads #selectLeadsByPersonV105,
#leads #leadTemplateBtn,
#leads #leadImportBtn {
  width: 118px !important;
  min-width: 118px !important;
}

/* Carteira. */
#portfolio .toolbar {
  gap: 9px !important;
  align-items: center !important;
}

#portfolio .toolbar > div:first-child {
  display: grid !important;
  grid-template-columns: minmax(330px, 1.5fr) minmax(190px, .8fr) !important;
  gap: 8px !important;
  flex: 1 1 560px;
}

#portfolio #portfolioSearch {
  width: 100% !important;
  min-width: 330px !important;
}

#portfolio .portfolio-import-actions {
  flex-wrap: nowrap !important;
  gap: 7px !important;
}

#portfolio .toolbar input,
#portfolio .toolbar select,
#portfolio .portfolio-import-actions .btn {
  min-height: 35px !important;
  height: 35px !important;
  padding: 6px 9px !important;
  font-size: 10.5px !important;
}

#portfolio .portfolio-import-actions .btn {
  min-width: 125px;
}

#portfolio #portfolioResetColumnsV134 {
  display: none !important;
}

/* Ações selecionadas no fim da página. */
.bulk-bar.bulk-end-v171 {
  order: 99;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 9px !important;
  min-height: 48px;
  margin: 10px 0 0 !important;
  padding: 8px 11px !important;
}

.bulk-bar.bulk-end-v171 label,
.bulk-bar.bulk-end-v171 .btn,
.bulk-bar.bulk-end-v171 .hint {
  margin: 0 !important;
}

.bulk-bar.bulk-end-v171 .btn {
  min-height: 34px !important;
  height: 34px !important;
  padding: 6px 10px !important;
  font-size: 10.5px !important;
}

/* Paginação em blocos de 20. */
.pagination-v171 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 2px 2px;
  color: var(--brand-muted);
  font-size: 10.5px;
}

.pagination-v171[hidden] {
  display: none !important;
}

.pagination-buttons-v171 {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}

.pagination-v171 button {
  min-width: 32px;
  height: 32px;
  border: 1px solid var(--brand-line);
  border-radius: 8px;
  padding: 0 8px;
  background: var(--brand-panel);
  color: var(--brand-text);
  font-size: 10px;
  font-weight: 800;
}

.pagination-v171 button.active {
  border-color: var(--brand-red);
  background: var(--brand-red);
  color: #fff;
}

.pagination-v171 button:disabled {
  opacity: .45;
  cursor: default;
}

tr[data-v171-page-hidden="true"] {
  display: none !important;
}

@media (max-width: 1550px) {
  .top.top-v171 {
    grid-template-columns: minmax(220px, .7fr) minmax(280px, .95fr) minmax(540px, 1.55fr) !important;
  }
  .top-v171 #topActions .remote-actions {
    flex-wrap: wrap !important;
  }
  #ordersUnified .unified-orders-toolbar-v137 {
    grid-template-columns: auto minmax(300px, 1fr) auto !important;
  }
  #ordersUnified .unified-new-actions-v137 {
    grid-column: 1 / -1;
  }
}

@media (max-width: 1180px) {
  .top.top-v171 {
    grid-template-columns: 1fr !important;
  }
  .top-v171 #topActions .remote-actions,
  .user-context-top-v171 {
    justify-content: flex-start;
    flex-wrap: wrap !important;
  }
  #ordersUnified .unified-orders-toolbar-v137 {
    grid-template-columns: 1fr !important;
  }
  #ordersUnified .unified-new-actions-v137 {
    justify-content: flex-start;
    flex-wrap: wrap !important;
  }
  #ordersUnified .unified-orders-filters-v137 {
    grid-template-columns: repeat(2, minmax(170px, 1fr)) !important;
  }
  #leads #leadClassificationFilter {
    margin-left: 0;
  }
}

@media (max-width: 720px) {
  .top-v171 .global-search-control-v73,
  #ordersUnified .orders-search-v147,
  #ordersUnified .unified-orders-filters-v137,
  #portfolio .toolbar > div:first-child {
    grid-template-columns: 1fr !important;
  }
  .top-v171 .global-search-control-v73 {
    grid-template-rows: auto !important;
  }
  .top-v171 .global-search-button-v73,
  #ordersUnified .orders-search-v147 button,
  #ordersUnified .unified-new-actions-v137 .btn,
  #leads #newLeadBtn,
  #leads #selectLeadsByPersonV105,
  #leads #leadTemplateBtn,
  #leads #leadImportBtn {
    width: 100% !important;
  }
  #portfolio #portfolioSearch,
  #leads #leadSearch {
    min-width: 0 !important;
  }
  .pagination-v171 {
    align-items: flex-start;
    flex-direction: column;
  }
}