/* Painel de sites — [bdmn_painel_sites] (DS do protótipo gerenciar-conta) */

/* Regra do hero (montado no Elementor) por contagem de sites do cliente.
   O time marca cada variante com a classe utilitária e a errada some:
     .bdmn-only-singular → aparece só com 1 site
     .bdmn-only-plural   → aparece só com 2+ sites */
body:not(.bdmn-sites-count-many) .bdmn-only-plural   { display: none !important; }
body:not(.bdmn-sites-count-1)    .bdmn-only-singular { display: none !important; }

.bdmn-painel-vazio {
  font-size: 14px;
  color: #878787;
  padding: 24px;
  text-align: center;
  border: 1px dashed #EBEBEB;
  border-radius: 10px;
}

/* Grid */
.bdmn-painel-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media (max-width: 640px) {
  .bdmn-painel-grid { grid-template-columns: 1fr; }
}

/* Card */
.bdmn-site-card {
  background: #fff;
  border: 1px solid #EBEBEB;
  border-radius: 12px;
  padding: 22px 24px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.04);
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.bdmn-site-host {
  font-size: 21px;
  font-weight: 700;
  color: #1A1A1A;
  line-height: 1.2;
  word-break: break-word;
}

.bdmn-site-desc {
  font-size: 12px;
  color: #878787;
  margin-top: -8px;
}

/* Badge — rótulo de saúde, fundo pastel sólido (cores derivadas do plugin) */
.bdmn-site-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  align-self: flex-start;
  padding: 5px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
}
.bdmn-site-dot { width: 7px; height: 7px; border-radius: 50%; background: currentColor; flex: none; }

.bdmn-site-badge--estavel { background: #D6F5E3; color: #157F47; } /* laranja/verde do plugin no dot */
.bdmn-site-badge--estavel .bdmn-site-dot { background: #22C55E; }
.bdmn-site-badge--atencao { background: #FDE7CE; color: #C2620C; }
.bdmn-site-badge--atencao .bdmn-site-dot { background: #F97316; }
.bdmn-site-badge--critico { background: #FBD9D4; color: #D43B28; }
.bdmn-site-badge--critico .bdmn-site-dot { background: #FF4631; }
.bdmn-site-badge--neutro  { background: #ECECEC; color: #6B7280; }
.bdmn-site-badge--neutro  .bdmn-site-dot { background: #9CA3AF; }

/* Ações — dois botões pílula lado a lado */
.bdmn-site-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 2px;
}

.bdmn-site-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 8px 16px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  border: 1.5px solid transparent;
  cursor: pointer;
  white-space: nowrap;
}

.bdmn-site-btn--ver { color: #1B41D1; border-color: #1B41D1; background: #fff; }
.bdmn-site-btn--ver:hover { background: #EEF1FF; }

.bdmn-site-btn--admin { color: #FF4632; border-color: #FF4632; background: #fff; }
.bdmn-site-btn--admin:hover { background: #FFF3F3; }

.bdmn-site-btn.is-disabled {
  color: #AEB2BC;
  border-color: #E0E2E8;
  background: #fff;
  cursor: not-allowed;
  pointer-events: none;
}

.bdmn-site-btn-ico {
  width: 14px;
  height: 14px;
  fill: currentColor;
  flex: none;
}