/* Classificação e priorização comercial */
.metrics-grid {
  margin: 1.5rem 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}

.metrics-grid .metric { min-width: 0; border-top: 3px solid #7b98aa; }
.metrics-grid .metric--hot { border-color: #e24a3b; }
.metrics-grid .metric--hot strong { color: #c33528; }
.metrics-grid .metric--priority { border-color: var(--orange); }
.metrics-grid .metric--proposal { border-color: #25725a; }
.metrics-grid .metric--proposal strong { color: #25725a; }

.toolbar { grid-template-columns: minmax(14rem, 2fr) repeat(4, minmax(8.5rem, 1fr)) auto; }
.lead-card { grid-template-columns: minmax(13rem, 1.6fr) minmax(11rem, 1.1fr) repeat(3, minmax(7rem, 1fr)) auto; }
.lead-tags { display: flex; flex-wrap: wrap; gap: .4rem; }
.lead-tag { display: inline-flex; width: max-content; padding: .3rem .55rem; border-radius: 999px; font-size: .67rem; font-weight: 800; }
.lead-tag--classification[data-value="a_qualificar"] { background: #e8f0f5; color: #31566e; }
.lead-tag--classification[data-value="quente"] { background: #fde8e5; color: #a52d22; }
.lead-tag--classification[data-value="morna"] { background: #fff2d8; color: #8b5b06; }
.lead-tag--classification[data-value="fria"] { background: #e8f2fb; color: #2e5f87; }
.lead-tag--priority { background: #f1f3f5; color: #52616b; }
.lead-tag--priority[data-value="alta"] { background: #ffead7; color: #a84c00; }

.classification-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; }
.classification-grid label { display: grid; gap: .35rem; }
.classification-grid select { width: 100%; padding: .8rem .9rem; border: 1px solid var(--line); border-radius: .7rem; background: #fbfdfe; color: var(--ink); }

@media (max-width: 1100px) {
  .metrics-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .toolbar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .toolbar .search { grid-column: 1 / -1; }
  .lead-card { grid-template-columns: 2fr 1.2fr 1fr auto; }
  .lead-card > div:nth-of-type(4), .lead-card > div:nth-of-type(5) { display: none; }
}

@media (max-width: 700px) {
  .workspace { padding: 1.25rem; }
  .overview { display: block; }
  .metrics-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
  .metrics-grid .metric { padding: .85rem; }
  .toolbar { grid-template-columns: 1fr; }
  .toolbar .search { grid-column: auto; }
  .lead-card { grid-template-columns: 1fr auto; gap: .65rem; }
  .lead-card > div:not(:first-child):not(.lead-tags) { display: none; }
  .lead-tags { grid-column: 1 / -1; }
  .classification-grid { grid-template-columns: 1fr; }
  .detail-grid { grid-template-columns: 1fr; }
  .detail-grid div:nth-child(odd) { border-right: 0; }
}