/* Aviso de independência e uso nominativo das marcas — JuntaPlay
   Usado no rodapé (bloco destacado) e nas declarações ao criar/participar de grupos. */
.jp-brand-notice{display:flex;gap:14px;align-items:flex-start;margin:22px 0;padding:16px 18px;border:1px solid #bfe9e4;border-left:4px solid #00b3a8;border-radius:14px;background:#effaf8;color:#042940;text-align:left}
.jp-brand-notice__icon{flex:0 0 auto;display:inline-flex;width:36px;height:36px;border-radius:10px;align-items:center;justify-content:center;background:#00CCC0;color:#042940}
.jp-brand-notice__text{min-width:0}
.jp-brand-notice__text strong{display:block;margin:0 0 4px;font-size:13px;font-weight:700;letter-spacing:.02em;color:#042940}
.jp-brand-notice__text p{margin:2px 0;font-size:12.5px;line-height:1.6;color:#21455a;max-width:none}
.jp-brand-notice--compact{margin:16px 0 0;padding:12px 14px;gap:10px;border-radius:12px}
.jp-brand-notice--compact .jp-brand-notice__icon{width:28px;height:28px;border-radius:8px}
.jp-brand-notice--compact .jp-brand-notice__icon svg{width:16px;height:16px}
.jp-brand-notice--compact .jp-brand-notice__text strong{font-size:12px}
.jp-brand-notice--compact .jp-brand-notice__text p{font-size:11.5px;line-height:1.5}
@media (max-width:640px){
  .jp-brand-notice{padding:14px;gap:10px}
  .jp-brand-notice__icon{width:30px;height:30px}
  .jp-brand-notice__icon svg{width:17px;height:17px}
  .jp-brand-notice__text p{font-size:11.5px}
}

/* Caixa de confirmação do aviso, dentro do bloco "Declarações do grupo" (mesmo visual de "Termos e políticas") */
.jp-brand-check b{font-weight:650;color:#042940}
.jp-brand-check small{display:block;margin-top:5px;font-size:.92em;line-height:1.45;color:#4a6676}
.jp-declarations{margin-top:12px}

/* Correção: caixas de seleção dentro de formulários .admin-form não podem esticar até 100% da largura */
.admin-form .jp-check input[type=checkbox],.admin-form .legal-acceptance input[type=checkbox]{width:18px!important;min-width:18px;flex:0 0 auto}

/* Posicionamento nas telas de acesso e na página do grupo */
.jpa-notice{width:100%;max-width:560px;margin:0 auto;padding:0 20px 22px;box-sizing:border-box}
.jp-group-notice{margin-top:8px}

/* Restauração visual da barra; regras anteriores de consentimento/declarações preservadas. */
/* JuntaPlay · aviso de independência das marcas. Escopo exclusivo do componente. */
.jp-brand-notice,
:is(body.member-area, body.jp-compact) .jp-brand-notice {
  --jp-brand-notice-bg: var(--mint, #e7faf7);
  --jp-brand-notice-line: var(--line, #deebee);
  --jp-brand-notice-accent: var(--turquoise, #00ccc0);
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  align-items: start;
  gap: 16px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  padding: 18px 20px;
  box-sizing: border-box;
  border: 1px solid var(--jp-brand-notice-line);
  border-left: 3px solid var(--jp-brand-notice-accent);
  border-radius: 14px;
  background: var(--jp-brand-notice-bg);
  color: var(--ink, #042940);
  font-family: Figtree, "Segoe UI", Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  text-align: left;
  overflow: visible;
}

@supports (border-left-color: color-mix(in srgb, #00ccc0 60%, #e7faf7)) {
  .jp-brand-notice,
  :is(body.member-area, body.jp-compact) .jp-brand-notice {
    border-left-color: color-mix(in srgb, var(--turquoise, #00ccc0) 60%, var(--jp-brand-notice-bg));
  }
}

.jp-brand-notice > .jp-brand-notice__icon,
:is(body.member-area, body.jp-compact) .jp-brand-notice > .jp-brand-notice__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: start;
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  height: 40px;
  min-height: 40px;
  max-height: 40px;
  flex: 0 0 40px;
  flex-shrink: 0;
  box-sizing: border-box;
  margin: 0;
  border: 1px solid var(--jp-brand-notice-line);
  border-radius: 12px;
  background: var(--jp-brand-notice-bg);
  color: var(--teal, #007f78);
}

@supports (border-left-color: color-mix(in srgb, #00ccc0 60%, #e7faf7)) {
  .jp-brand-notice > .jp-brand-notice__icon,
  :is(body.member-area, body.jp-compact) .jp-brand-notice > .jp-brand-notice__icon {
    border-color: color-mix(in srgb, var(--jp-brand-notice-accent) 28%, var(--jp-brand-notice-bg));
    background: color-mix(in srgb, var(--jp-brand-notice-accent) 13%, var(--jp-brand-notice-bg));
  }
}

.jp-brand-notice > .jp-brand-notice__icon > svg,
:is(body.member-area, body.jp-compact) .jp-brand-notice > .jp-brand-notice__icon > svg {
  display: block;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  flex: 0 0 20px;
}

.jp-brand-notice > .jp-brand-notice__text,
:is(body.member-area, body.jp-compact) .jp-brand-notice > .jp-brand-notice__text {
  width: 100%;
  min-width: 0;
  max-width: none;
  box-sizing: border-box;
}

.jp-brand-notice > .jp-brand-notice__text > strong,
:is(body.member-area, body.jp-compact) .jp-brand-notice > .jp-brand-notice__text > strong {
  display: block;
  margin: 0 0 4px;
  color: var(--ink, #042940);
  font-family: Fredoka, Figtree, "Segoe UI", Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: normal;
}

.jp-brand-notice > .jp-brand-notice__text > p,
:is(body.member-area, body.jp-compact) .jp-brand-notice > .jp-brand-notice__text > p {
  max-width: none;
  margin: 4px 0 0;
  color: var(--muted, #5f7180);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  text-align: left;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: normal;
}

/* A variante de acesso continua compacta sem alterar a escala tipográfica. */
.jp-brand-notice.jp-brand-notice--compact,
:is(body.member-area, body.jp-compact) .jp-brand-notice.jp-brand-notice--compact {
  gap: 12px;
  padding: 14px 16px;
}

/* Evita que o texto dos campos de confirmação force uma coluna estreita. */
.jp-brand-check > span {
  min-width: 0;
}

.jp-brand-check small {
  max-width: none;
  overflow-wrap: break-word;
  word-break: normal;
}

@media (max-width: 560px) {
  .jp-brand-notice,
  :is(body.member-area, body.jp-compact) .jp-brand-notice {
    gap: 12px;
    padding: 14px 16px;
  }

  .jp-brand-notice.jp-brand-notice--compact,
  :is(body.member-area, body.jp-compact) .jp-brand-notice.jp-brand-notice--compact {
    gap: 12px;
    padding: 14px 16px;
  }
}

/* Cores do ícone da referência anterior; o modo escuro mantém sua paleta. */
.jp-brand-notice > .jp-brand-notice__icon,
:is(body.member-area, body.jp-compact) .jp-brand-notice > .jp-brand-notice__icon { background: #6fc9c0; color: #042940; }
.jp-brand-notice > .jp-brand-notice__text > strong,
:is(body.member-area, body.jp-compact) .jp-brand-notice > .jp-brand-notice__text > strong { font-family: Figtree, "Segoe UI", Arial, sans-serif; }
html[data-theme="dark"] .jp-brand-notice > .jp-brand-notice__icon,
html[data-theme="dark"] :is(body.member-area, body.jp-compact) .jp-brand-notice > .jp-brand-notice__icon { background: color-mix(in srgb, var(--turquoise, #00ccc0) 13%, var(--jp-brand-notice-bg)); color: var(--ink, #eaf4f6); }
