/* =====================================================
   AGRO INSIGHT — CORREÇÃO DOS CARDS DE CLIENTES
   Quadro/Kanban no desktop
   ===================================================== */

#panel-clientes
.client-list-stack:not(.client-list-stack-flat)
.client-card {
  width: 100%;
  min-width: 0;
}


/* -----------------------------------------
   CABEÇALHO DO CARD
   ----------------------------------------- */

#panel-clientes
.client-list-stack:not(.client-list-stack-flat)
.client-card-head {
  width: 100% !important;

  display: grid !important;

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

  grid-template-areas:
    "identity"
    "facts"
    "chips"
    "controls" !important;

  align-items: stretch !important;

  gap: 9px !important;

  padding:
    11px 10px 10px 12px !important;

  box-sizing: border-box;
}


/* -----------------------------------------
   NOME / IDENTIDADE
   ----------------------------------------- */

#panel-clientes
.client-list-stack:not(.client-list-stack-flat)
.client-name-row {
  grid-area: identity !important;

  width: 100% !important;
  min-width: 0 !important;

  display: flex !important;
  align-items: center !important;

  gap: 8px !important;
}


#panel-clientes
.client-list-stack:not(.client-list-stack-flat)
.client-avatar {
  flex: 0 0 38px !important;

  width: 38px !important;
  height: 38px !important;
}


#panel-clientes
.client-list-stack:not(.client-list-stack-flat)
.client-name-copy {
  flex: 1 1 auto !important;

  width: auto !important;
  min-width: 0 !important;

  display: grid !important;
}


/* NÃO quebrar mais uma letra por linha */

#panel-clientes
.client-list-stack:not(.client-list-stack-flat)
.client-name {
  width: 100% !important;

  white-space: normal !important;

  word-break: normal !important;

  overflow-wrap: break-word !important;

  line-height: 1.3 !important;
}


#panel-clientes
.client-list-stack:not(.client-list-stack-flat)
.client-reference-line {
  width: 100% !important;
  min-width: 0 !important;

  display: flex !important;
  flex-wrap: wrap !important;

  gap: 3px 6px !important;
}


#panel-clientes
.client-list-stack:not(.client-list-stack-flat)
.client-reference-line span {
  min-width: 0 !important;

  word-break: normal !important;
  overflow-wrap: break-word !important;
}


/* -----------------------------------------
   INFORMAÇÕES DO CLIENTE
   ----------------------------------------- */

#panel-clientes
.client-list-stack:not(.client-list-stack-flat)
.client-card-facts {
  grid-area: facts !important;

  width: 100% !important;

  display: grid !important;

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

  gap: 6px !important;

  overflow: visible !important;

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

  background: transparent !important;
}


#panel-clientes
.client-list-stack:not(.client-list-stack-flat)
.client-card-fact {
  width: 100% !important;
  min-width: 0 !important;

  min-height: 48px !important;

  padding: 7px 9px !important;

  border:
    1px solid var(--premium-border) !important;

  border-radius: 10px !important;

  background:
    var(--surface-muted) !important;

  box-sizing: border-box;
}


#panel-clientes
.client-list-stack:not(.client-list-stack-flat)
.client-card-fact +
.client-card-fact {
  border-left:
    1px solid var(--premium-border) !important;
}


#panel-clientes
.client-list-stack:not(.client-list-stack-flat)
.client-card-fact strong {
  word-break: normal !important;

  overflow-wrap:
    break-word !important;
}


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

#panel-clientes
.client-list-stack:not(.client-list-stack-flat)
.client-pipeline-strip.client-essential-strip {
  grid-area: chips !important;

  width: 100% !important;

  min-width: 0 !important;
}


#panel-clientes
.client-list-stack:not(.client-list-stack-flat)
.client-card-actions {
  grid-area: controls !important;

  width: 100% !important;
  min-width: 0 !important;
}


#panel-clientes
.client-list-stack:not(.client-list-stack-flat)
.client-card-status-row {
  width: 100% !important;

  display: grid !important;

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

  gap: 6px !important;
}


/* -----------------------------------------
   PRÓXIMO PASSO / BOTÕES
   ----------------------------------------- */

#panel-clientes
.client-list-stack:not(.client-list-stack-flat)
.client-card-operation {
  width: 100% !important;

  display: grid !important;

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

  gap: 9px !important;

  padding:
    9px 10px 11px 12px !important;

  box-sizing: border-box;
}


#panel-clientes
.client-list-stack:not(.client-list-stack-flat)
.client-card-quick-actions {
  width: 100% !important;

  display: grid !important;

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

  gap: 6px !important;
}


/* Telas muito estreitas */

@media (max-width: 500px) {
  #panel-clientes
  .client-list-stack:not(.client-list-stack-flat)
  .client-card-quick-actions {
    grid-template-columns:
      minmax(0, 1fr) !important;
  }
}


/* =====================================================
   MODAIS DE CLIENTES — ORDEM CORRETA DAS CAMADAS
   ===================================================== */

/* Ficha "Ver detalhes" */
.client-detail-overlay {
  z-index: 1600 !important;
}

/* Registrar contato SEMPRE na frente da ficha */
.client-contact-modal-overlay {
  position: fixed !important;
  inset: 0 !important;

  z-index: 2100 !important;

  isolation: isolate;
}

/* Conteúdo do Registrar contato */
.client-contact-modal-card {
  position: relative !important;

  z-index: 2101 !important;
}

/* Outros pads que também podem nascer sobre a ficha */
.client-whatsapp-modal-overlay {
  z-index: 2200 !important;
}

.client-activity-modal-overlay {
  z-index: 2300 !important;
}

/* No celular continua acima de tudo */
@media (max-width: 760px) {
  .client-contact-modal-overlay {
    z-index: 2100 !important;
  }

  .client-contact-modal-card {
    z-index: 2101 !important;
  }
}