@import url("/css/grupos.css?v=20260831-partnership1");

/* Página isolada de cadastro e termos dos grupos. */
.group-submission-main,
.group-terms-main {
  display: grid;
  gap: 16px;
  width: min(1040px, calc(100% - 40px));
  padding: 30px 0 48px;
}

.group-submission-panel { padding: clamp(18px, 3vw, 30px); }
.group-submission-panel h1,
.group-terms-card h1 { margin: 4px 0 0; }

.group-owner-bot-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px;
  border: 1px solid rgba(88, 101, 242, .48);
  border-radius: 12px;
  background: rgba(88, 101, 242, .1);
}
.group-owner-bot-box.hidden { display: none; }
.group-owner-bot-box div { display: grid; gap: 4px; }
.group-owner-bot-box small { color: #aeb8ce; }

/* Nome do grupo: orientação curta e contador visível do limite aceito pelo servidor. */
.group-name-field { align-content: start; }
.group-name-field > span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.group-name-field > span small,
.group-name-field > small,
.group-description-field > small { color: #aeb8ce; }

/* Prévia de busca do próprio cadastro. É informativa; as opções administrativas continuam no Admin. */
.group-owner-seo-preview {
  display: grid;
  gap: 11px;
  min-width: 0;
  padding: 15px;
  border: 1px solid rgba(59, 130, 246, .32);
  border-radius: 12px;
  background: rgba(8, 14, 32, .72);
}
.group-owner-seo-preview > div:first-child { display: grid; gap: 4px; }
.group-owner-seo-preview > div:first-child > small { color: #aeb8ce; }
.group-google-preview {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 13px 14px;
  border: 1px solid #354363;
  border-radius: 8px;
  background: #080e20;
}
.group-google-preview small { color: #cbd5e1; overflow-wrap: anywhere; }
.group-google-preview strong { color: #8ab4f8; font-size: 1.08rem; overflow-wrap: anywhere; }
.group-google-preview p {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  color: #dbe5ff;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.group-terms-acceptance {
  display: grid;
  gap: 8px;
  padding: 15px;
  border: 1px solid rgba(236, 72, 153, .45);
  border-radius: 12px;
  background: rgba(131, 24, 67, .12);
}
.group-terms-acceptance.hidden { display: none; }
.group-terms-acceptance .adult-check { margin: 0; }
.group-terms-acceptance > a { width: fit-content; color: #f0abfc; font-weight: 900; text-decoration: underline; }
.group-operational-contact-note {
  margin: 3px 0 7px;
  padding: 10px 12px;
  border-left: 3px solid #38bdf8;
  border-radius: 7px;
  background: rgba(14, 116, 144, .12);
  color: #bae6fd;
  font-size: .78rem;
  line-height: 1.5;
}
.group-partnership-request-toggle { margin-top: 5px !important; padding-top: 12px; border-top: 1px solid rgba(236, 72, 153, .24); }
.group-partnership-terms-acceptance {
  display: grid;
  gap: 8px;
  margin-top: 2px;
  padding: 13px;
  border: 1px solid rgba(168, 85, 247, .48);
  border-radius: 10px;
  background: rgba(88, 28, 135, .16);
}
.group-partnership-terms-acceptance.hidden { display: none; }
.group-partnership-terms-acceptance > a { width: fit-content; color: #c4b5fd; font-weight: 900; text-decoration: underline; }
.group-partnership-terms-acceptance > p { margin: 0; color: #fcd34d; font-size: .76rem; line-height: 1.45; }

.group-terms-card { display: grid; gap: 15px; padding: clamp(20px, 4vw, 38px); }
.group-terms-content { display: grid; gap: 13px; padding: 20px; border: 1px solid rgba(139, 92, 246, .34); border-radius: 13px; background: rgba(3, 8, 22, .62); }
.group-terms-content p { margin: 0; color: #e5e7eb; line-height: 1.7; white-space: pre-line; overflow-wrap: anywhere; }
.group-terms-version { color: #94a3b8; }

@media (max-width: 760px) {
  .group-submission-main,
  .group-terms-main { width: min(100% - 18px, 620px); padding-top: 16px; }
  .group-owner-bot-box { align-items: stretch; flex-direction: column; }
  .group-owner-bot-box .btn { width: 100%; }
}