/* ==========================================================================
   Oxton Journals — janela de confirmação (substitui o confirm() do navegador)
   Independente do tema: valores próprios com reserva nas variáveis da revista.
   Padrão Oxton: Inter · azul · âmbar · cinza; sem sombras, transições ou animações.
   ========================================================================== */

.oxj-confirm {
  --c-primary: var(--oxj-primary, #1A3AF0);
  --c-accent: var(--oxj-accent, #F59E0B);
  --c-danger: var(--oxj-danger, #B42318);
  --c-text: #1F2430;
  --c-muted: #6B7180;
  --c-border: #E4E2DE;
  width: min(460px, calc(100vw - 32px));
  max-width: none;
  padding: 0;
  margin: auto;
  border: 1px solid var(--c-border);
  border-radius: 14px;
  background: #fff;
  color: var(--c-text);
  font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  overflow: hidden;
}
.oxj-confirm::backdrop { background: rgba(20, 24, 36, .5); }
.oxj-confirm *, .oxj-confirm *::before, .oxj-confirm *::after { box-sizing: border-box; }

.oxj-confirm__box { margin: 0; }

/* Faixa de identidade: marca, nome da revista e e-ISSN, filete âmbar. */
.oxj-confirm__head {
  display: flex; align-items: center; gap: 10px;
  padding: 12px 14px 12px 18px;
  background: #F6F5F4;
  border-bottom: 2px solid var(--c-accent);
}
.oxj-confirm__mark { flex: 0 0 auto; display: inline-flex; align-items: center; color: var(--c-primary); }
.oxj-confirm__mark img { height: 26px; width: auto; display: block; }
.oxj-confirm__journal { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.25; }
.oxj-confirm__journal strong { font-size: 13px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.oxj-confirm__journal small { font-size: 11px; color: var(--c-muted); letter-spacing: .02em; }
.oxj-confirm__x {
  flex: 0 0 auto; width: 30px; height: 30px; padding: 0;
  border: 0; border-radius: 8px; background: transparent;
  color: var(--c-muted); font-family: inherit; font-size: 22px; font-weight: 400; line-height: 1; cursor: pointer;
}
.oxj-confirm__x:hover { background: #ECEAE6; color: var(--c-text); }

.oxj-confirm__body { padding: 20px 22px 6px; }
.oxj-confirm__kicker {
  display: block; margin: 0 0 6px;
  font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase;
  color: var(--c-primary);
}
.oxj-confirm__title { margin: 0 0 8px; font-size: 18px; font-weight: 600; line-height: 1.3; color: var(--c-text); }
.oxj-confirm__msg { margin: 0; font-size: 14px; line-height: 1.6; color: #4A5060; }

.oxj-confirm__foot { display: flex; justify-content: flex-end; gap: 8px; padding: 18px 22px 20px; }
.oxj-confirm__btn {
  display: inline-flex; align-items: center; justify-content: center;
  height: 36px; padding: 0 16px;
  border: 1px solid #D5D2CC; border-radius: 9px;
  background: #fff; color: var(--c-text);
  font-family: inherit; font-size: 14px; font-weight: 500; line-height: 1; cursor: pointer; white-space: nowrap;
}
.oxj-confirm__btn:hover { border-color: var(--c-primary); color: var(--c-primary); }
.oxj-confirm__btn--ok { background: var(--c-primary); border-color: var(--c-primary); color: #fff; }
.oxj-confirm__btn--ok:hover { background: #1530cf; border-color: #1530cf; color: #fff; }
.oxj-confirm__btn:focus-visible, .oxj-confirm__x:focus-visible { outline: 2px solid var(--c-accent); outline-offset: 2px; }

/* Ação destrutiva (excluir, cancelar avaliação…). */
.oxj-confirm--danger .oxj-confirm__kicker { color: var(--c-danger); }
.oxj-confirm--danger .oxj-confirm__btn--ok { background: var(--c-danger); border-color: var(--c-danger); }
.oxj-confirm--danger .oxj-confirm__btn--ok:hover { background: #912018; border-color: #912018; }

@media (max-width: 480px) {
  .oxj-confirm__foot { flex-direction: column-reverse; }
  .oxj-confirm__btn { width: 100%; }
}