/**
 * ALLOut Security — Change Request confirmation box.
 *
 * Taken verbatim from the handoff file `change-request-success-box (1).html`,
 * v1.2, between its COPY FROM HERE and COPY TO HERE markers. Nothing has been
 * added, removed or reordered: the handoff is the single source of truth, so a
 * later diff against it has to come out clean.
 *
 * The two preview-only lines in that file (the Google Fonts link and the body
 * reset) are deliberately NOT here — WordPress already serves Poppins and
 * Mulish, and copying the link tag would only add a redundant external request.
 *
 * @package allout-gf-dynamic-relations
 * @author  ALLOut Security
 */

/* ============================================================
   COPY FROM HERE
   ALLOut — change request success box
   ============================================================ */
.aos-cr-shell {
  background: #F7F8FB;
  padding: 56px 24px 64px;
  display: flex;
  justify-content: center;
}

.aos-cr-card {
  width: 100%;
  max-width: 760px;
  box-sizing: border-box;
  background: #FFFFFF;
  border: 1px solid #E3E7EF;
  border-radius: 4px;
  box-shadow: 0 14px 40px rgba(8, 22, 52, .08);
  overflow: hidden;
  font-family: Mulish, system-ui, sans-serif;
}
.aos-cr-card * { box-sizing: border-box; }

.aos-cr-card__edge { height: 3px; background: #1E9E63; }

.aos-cr-card__main {
  padding: 34px 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.aos-cr-head { display: flex; align-items: flex-start; gap: 16px; }

.aos-cr-tick {
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #E7F6EE;
  display: flex;
  align-items: center;
  justify-content: center;
}

.aos-cr-head__text { display: flex; flex-direction: column; gap: 6px; padding-top: 3px; }

.aos-cr-eyebrow {
  font: 700 11px/1 Poppins, system-ui, sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #5A6379;
}

.aos-cr-title {
  margin: 0;
  font-family: Poppins, system-ui, sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.3;
  color: #14224A;
  text-wrap: pretty;
}

.aos-cr-body {
  font-size: 15px;
  line-height: 1.65;
  color: #3E4658;
  max-width: 66ch;
  padding-left: 54px;
  text-wrap: pretty;
}
.aos-cr-body p { margin: 0; }

.aos-cr-link {
  color: #0E1C40;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px solid rgba(14, 28, 64, .35);
}
.aos-cr-link:hover { color: #0E1C40; border-bottom-color: #0E1C40; }
.aos-cr-link:focus-visible { outline: 2px solid #3D63D8; outline-offset: 2px; }

.aos-cr-foot {
  border-top: 1px solid #E3E7EF;
  background: #F7F8FB;
  padding: 18px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
}

.aos-cr-ref { display: flex; align-items: baseline; gap: 10px; }
.aos-cr-ref__label { font: 600 13px/1 Mulish, system-ui, sans-serif; color: #5A6379; }
.aos-cr-ref__value {
  font-family: Poppins, system-ui, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.01em;
  color: #14224A;
}

.aos-cr-cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 44px;
  padding: 0 20px;
  border-radius: 4px;
  background: #E8323F;
  color: #FFFFFF;
  font: 700 14px/1 Mulish, system-ui, sans-serif;
  text-decoration: none;
  transition: background-color .15s ease, transform .12s ease;
}
.aos-cr-cta:hover { background: #D11F2C; color: #FFFFFF; }
.aos-cr-cta:active { background: #AE1822; transform: translateY(1px); }
.aos-cr-cta:focus-visible { outline: 2px solid #3D63D8; outline-offset: 2px; }

/* ---- state variants ---- */
.aos-cr-card--empty .aos-cr-card__edge { background: #0E1C40; }
.aos-cr-card--empty .aos-cr-tick { background: #EEF1F8; }

/* label above the two recovery buttons (EMPTY state) */
.aos-cr-prompt {
  font: 700 15px/1.5 Mulish, system-ui, sans-serif;
  color: #14224A;
  padding-left: 54px;
}

.aos-cr-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding-left: 54px;
}

.aos-cr-btn {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  height: 44px;
  padding: 0 18px;
  border-radius: 4px;
  font: 700 14px/1 Mulish, system-ui, sans-serif;
  text-decoration: none;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease, transform .12s ease;
}
.aos-cr-btn--primary { background: #E8323F; color: #FFFFFF; border: 1px solid #E8323F; }
.aos-cr-btn--primary:hover { background: #D11F2C; border-color: #D11F2C; color: #FFFFFF; }
.aos-cr-btn--ghost { background: #FFFFFF; color: #14224A; border: 1px solid #D2D8E4; }
.aos-cr-btn--ghost:hover { background: #EFF1F6; border-color: #AAB2C4; color: #14224A; }
.aos-cr-btn:active { transform: translateY(1px); }
.aos-cr-btn:focus-visible { outline: 2px solid #3D63D8; outline-offset: 2px; }

/* footer note (EMPTY state) */
.aos-cr-note {
  font-size: 14px;
  line-height: 1.6;
  color: #3E4658;
  max-width: 70ch;
  text-wrap: pretty;
}
.aos-cr-note strong { color: #14224A; }

@media (max-width: 640px) {
  .aos-cr-shell { padding: 32px 14px 40px; }
  .aos-cr-card__main { padding: 26px 22px 24px; }
  .aos-cr-body,
  .aos-cr-prompt,
  .aos-cr-actions { padding-left: 0; }
  .aos-cr-title { font-size: 19px; }
  .aos-cr-btn { flex: 1 1 100%; justify-content: center; }
  .aos-cr-foot { padding: 18px 22px; flex-direction: column; align-items: flex-start; }
  .aos-cr-cta { width: 100%; justify-content: center; }
}
/* ============================================================
   COPY TO HERE
   ============================================================ */

/* ============================================================
   CLIENT AMENDMENTS — after the handoff, deliberately outside the
   COPY FROM/TO markers above so that block stays byte-identical to
   `change-request-success-box (1).html` v1.2 and can still be diffed
   against it. Everything below is a requested change to that design.
   Same selectors, later in the file, so they win on order alone —
   no !important, no specificity games.
   ============================================================ */

/* v1.0.20 / v1.0.21 — nothing in this card is underlined, ever.
   BeTheme's be.min.css carries a bare `a:hover { text-decoration: underline }`.
   That is (0,1,1); every text-decoration: none in the handoff above sits on a
   single class at (0,1,0), so BeTheme wins the instant you hover — links got
   a border AND an underline, and the buttons got an underline across the label.
   Scoping to .aos-cr-card lifts these to (0,2,x) and settles it without
   !important. Every interactive element in the card is listed on purpose:
   leave one out and BeTheme takes it back. */
.aos-cr-card .aos-cr-link,
.aos-cr-card .aos-cr-link:hover,
.aos-cr-card .aos-cr-link:focus,
.aos-cr-card .aos-cr-link:focus-visible,
.aos-cr-card .aos-cr-link:active,
.aos-cr-card .aos-cr-cta,
.aos-cr-card .aos-cr-cta:hover,
.aos-cr-card .aos-cr-cta:focus,
.aos-cr-card .aos-cr-cta:focus-visible,
.aos-cr-card .aos-cr-cta:active,
.aos-cr-card .aos-cr-btn,
.aos-cr-card .aos-cr-btn:hover,
.aos-cr-card .aos-cr-btn:focus,
.aos-cr-card .aos-cr-btn:focus-visible,
.aos-cr-card .aos-cr-btn:active {
  text-decoration: none;
}

/* v1.0.20 — the head reads too tight. Requested: more air under the
   eyebrow, a slightly larger eyebrow, and looser leading on the title,
   which matters most on 2AUD where the heading runs to three lines. */
.aos-cr-head__text { gap: 10px; }

.aos-cr-eyebrow {
  font-size: 12px;
  line-height: 1.35;
}

.aos-cr-title { line-height: 1.45; }

/* v1.0.22 — the empty card is now a badge and a single heading, so the head is
   centred against the 38px badge instead of hanging off its top edge. The 3px
   nudge above only made sense when an eyebrow sat over the title. Scoped to the
   empty state; the other cards still have two lines of head text. */
.aos-cr-card--empty .aos-cr-head { align-items: center; }
.aos-cr-card--empty .aos-cr-head__text { padding-top: 0; }