/*
 * S2B_HISTORY_CORRECTION_FORM_STYLE_20260907
 *
 * Correctieformulier bestaande:
 * - scheepsmutaties
 * - technische wijzigingen
 */


/* ============================================================
 * BASIS
 * ============================================================ */

.s2b-history-correction-form {
  --s2b-navy:#142b42;
  --s2b-navy-2:#1b3a57;
  --s2b-navy-3:#214865;
  --s2b-gold:#c7a14a;
  --s2b-gold-dark:#b98a28;
  --s2b-text:#17283b;
  --s2b-muted:#687687;
}


/* ============================================================
 * HOOFDKAART
 * ============================================================ */

.s2b-history-correction-form
.s2b-change-request-card {
  box-sizing:border-box;

  width:100%;

  padding:24px;

  border:1px solid rgba(30,43,58,.13);
  border-radius:22px;

  background:#fff;

  box-shadow:
    0 10px 28px rgba(17,38,58,.07);
}


/* ============================================================
 * SECTIES — DETAILS
 * ============================================================ */

.s2b-history-correction-form
details {
  box-sizing:border-box;

  width:100%;

  margin:0 0 18px !important;
  padding:0 !important;

  overflow:hidden;

  border:
    1px solid rgba(30,43,58,.14)
    !important;

  border-radius:
    20px
    !important;

  background:#fff !important;

  box-shadow:
    0 9px 26px rgba(17,38,57,.07)
    !important;
}


.s2b-history-correction-form
details > summary {
  position:relative !important;

  display:flex !important;
  align-items:center !important;

  box-sizing:border-box;

  width:100% !important;
  min-height:64px !important;

  margin:0 !important;
  padding:17px 58px 17px 25px !important;

  border:0 !important;
  border-radius:0 !important;

  background:
    linear-gradient(
      135deg,
      #142b42 0%,
      #1b3a57 58%,
      #214865 100%
    )
    !important;

  color:#fff !important;

  font-size:18px !important;
  line-height:1.25 !important;
  font-weight:800 !important;

  list-style:none !important;

  cursor:pointer;
}


.s2b-history-correction-form
details > summary::-webkit-details-marker {
  display:none;
}


.s2b-history-correction-form
details > summary::before {
  content:"";

  position:absolute;

  top:0;
  bottom:0;
  left:0;

  width:5px;

  background:
    linear-gradient(
      180deg,
      #e0b64f 0%,
      #b98a28 100%
    );
}


.s2b-history-correction-form
details > summary::after {
  content:"";

  position:absolute;

  top:50%;
  right:24px;

  width:11px;
  height:11px;

  border-right:3px solid #e0b64f;
  border-bottom:3px solid #e0b64f;

  transform:
    translateY(-68%)
    rotate(45deg);

  transition:transform .18s ease;
}


.s2b-history-correction-form
details[open] > summary::after {
  transform:
    translateY(-30%)
    rotate(225deg);
}


.s2b-history-correction-form
details > .details-wrapper,

.s2b-history-correction-form
details > .accordion-collapse
> .accordion-body {
  box-sizing:border-box;

  padding:22px 24px 24px !important;

  background:#fff;
}


/* ============================================================
 * SECTIES — FIELDSETS
 * ============================================================ */

.s2b-history-correction-form
fieldset:not(.form-composite) {
  box-sizing:border-box;

  width:100%;

  margin:0 0 18px !important;
  padding:0 0 22px !important;

  overflow:hidden;

  border:
    1px solid rgba(30,43,58,.14)
    !important;

  border-radius:
    20px
    !important;

  background:#fff !important;

  box-shadow:
    0 9px 26px rgba(17,38,57,.07)
    !important;
}


.s2b-history-correction-form
fieldset:not(.form-composite)
> legend {
  position:relative;

  display:block;

  box-sizing:border-box;

  width:100%;

  margin:0 0 20px !important;
  padding:17px 24px 17px 25px !important;

  background:
    linear-gradient(
      135deg,
      #142b42 0%,
      #1b3a57 58%,
      #214865 100%
    )
    !important;

  color:#fff !important;

  font-size:18px !important;
  line-height:1.25 !important;
  font-weight:800 !important;
}


.s2b-history-correction-form
fieldset:not(.form-composite)
> legend::before {
  content:"";

  position:absolute;

  top:0;
  bottom:0;
  left:0;

  width:5px;

  background:
    linear-gradient(
      180deg,
      #e0b64f 0%,
      #b98a28 100%
    );
}


.s2b-history-correction-form
fieldset:not(.form-composite)
> .form-item,

.s2b-history-correction-form
fieldset:not(.form-composite)
> .form-wrapper {
  margin-left:24px;
  margin-right:24px;
}


/* ============================================================
 * DATUM / RADIOKEUZE
 * ============================================================ */

.s2b-history-correction-form
fieldset.form-composite {
  box-sizing:border-box;

  margin:0 0 20px;
  padding:18px 20px;

  border:1px solid rgba(199,161,74,.25);
  border-radius:17px;

  background:
    linear-gradient(
      135deg,
      #fffdf8 0%,
      #fbf7eb 100%
    );

  box-shadow:
    0 6px 18px rgba(17,38,58,.04);
}


.s2b-history-correction-form
fieldset.form-composite
> legend {
  color:#11263a !important;

  font-size:16px !important;
  line-height:1.25 !important;
  font-weight:850 !important;
}


.s2b-history-correction-form
.form-radios {
  display:grid;

  gap:8px;

  margin-top:10px;
}


.s2b-history-correction-form
.form-check,

.s2b-history-correction-form
.form-type-radio {
  margin:0 !important;
}


.s2b-history-correction-form
.form-check-label {
  color:#2d4053;

  font-weight:650;
}


/* ============================================================
 * LABELS
 * ============================================================ */

.s2b-history-correction-form
label {
  color:#11263a !important;

  font-size:15px !important;
  line-height:1.25 !important;
  font-weight:800 !important;
}


/* ============================================================
 * INPUTS
 * ============================================================ */

.s2b-history-correction-form
input[type="text"],

.s2b-history-correction-form
input[type="number"],

.s2b-history-correction-form
input[type="date"],

.s2b-history-correction-form
input[type="url"],

.s2b-history-correction-form
select,

.s2b-history-correction-form
textarea {
  box-sizing:border-box;

  width:100% !important;
  min-height:50px;

  padding:11px 14px;

  border:
    1px solid #d7dfe6
    !important;

  border-radius:
    14px
    !important;

  background:#fff !important;

  color:#17283b !important;

  font-size:15px !important;

  box-shadow:
    inset 0 1px 2px rgba(17,38,58,.025)
    !important;

  transition:
    border-color .15s ease,
    box-shadow .15s ease;
}


.s2b-history-correction-form
textarea {
  min-height:110px;

  resize:vertical;
}


.s2b-history-correction-form
input:focus,

.s2b-history-correction-form
select:focus,

.s2b-history-correction-form
textarea:focus {
  outline:none !important;

  border-color:#c7a14a !important;

  box-shadow:
    0 0 0 3px rgba(199,161,74,.12)
    !important;
}


/* ============================================================
 * BESCHRIJVINGEN
 * ============================================================ */

.s2b-history-correction-form
.description {
  margin-top:6px;

  color:#6b7788;

  font-size:12px;
  line-height:1.45;
}


/* ============================================================
 * SPACING
 * ============================================================ */

.s2b-history-correction-form
.form-item {
  margin-bottom:18px;
}


/* ============================================================
 * SUBMIT — GOUD
 * ============================================================ */

.s2b-history-correction-form
.form-actions {
  margin-top:24px;
}


.s2b-history-correction-form
.form-actions
input[type="submit"],

.s2b-history-correction-form
.form-actions
button[type="submit"] {
  box-sizing:border-box;

  min-height:50px;

  padding:12px 24px !important;

  border:
    1px solid #b98a28
    !important;

  border-radius:
    14px
    !important;

  background:
    linear-gradient(
      135deg,
      #e7c766 0%,
      #c7a14a 58%,
      #b98a28 100%
    )
    !important;

  color:#10283f !important;

  font-size:15px !important;
  line-height:1.2 !important;
  font-weight:900 !important;

  box-shadow:
    0 7px 18px rgba(130,93,21,.18)
    !important;

  cursor:pointer;

  transition:
    transform .15s ease,
    box-shadow .15s ease,
    filter .15s ease;
}


.s2b-history-correction-form
.form-actions
input[type="submit"]:hover,

.s2b-history-correction-form
.form-actions
button[type="submit"]:hover {
  filter:brightness(1.04);

  transform:translateY(-1px);

  box-shadow:
    0 9px 22px rgba(130,93,21,.24)
    !important;
}


/* ============================================================
 * MOBILE
 * ============================================================ */

@media (max-width:767.98px) {

  .s2b-history-correction-form
  .s2b-change-request-card {
    padding:16px;

    border-radius:18px;
  }


  .s2b-history-correction-form
  details,

  .s2b-history-correction-form
  fieldset:not(.form-composite) {
    border-radius:
      17px
      !important;
  }


  .s2b-history-correction-form
  details > summary,

  .s2b-history-correction-form
  fieldset:not(.form-composite)
  > legend {
    min-height:56px !important;

    padding:
      15px 48px 15px 20px
      !important;

    font-size:
      16px
      !important;
  }


  .s2b-history-correction-form
  fieldset.form-composite {
    padding:15px 16px;

    border-radius:15px;
  }


  .s2b-history-correction-form
  fieldset:not(.form-composite)
  > .form-item,

  .s2b-history-correction-form
  fieldset:not(.form-composite)
  > .form-wrapper {
    margin-left:16px;
    margin-right:16px;
  }


  .s2b-history-correction-form
  .form-actions
  input[type="submit"],

  .s2b-history-correction-form
  .form-actions
  button[type="submit"] {
    width:100% !important;
  }

}

/* /S2B_HISTORY_CORRECTION_FORM_STYLE_20260907 */


/* ============================================================
 * S2B_HISTORY_CORRECTION_LAYOUT_FINAL_20260907
 *
 * Alleen presentatie.
 * Geldt voor bestaande scheepsmutaties én technische mutaties.
 * Geen datum-, validatie-, review- of submitlogica.
 * ============================================================ */


/* ------------------------------------------------------------
 * Legacy sectiekoppen
 *
 * Vangt o.a. oude lichtblauwe koppen zoals:
 * "Technische gegevens vóór en na".
 * ------------------------------------------------------------ */

.s2b-history-correction-form
#s2b-change-type-fields-wrapper
> h2,

.s2b-history-correction-form
#s2b-change-type-fields-wrapper
> h3,

.s2b-history-correction-form
#s2b-change-type-fields-wrapper
> h4,

.s2b-history-correction-form
#s2b-change-type-fields-wrapper
.form-wrapper > h2,

.s2b-history-correction-form
#s2b-change-type-fields-wrapper
.form-wrapper > h3,

.s2b-history-correction-form
#s2b-change-type-fields-wrapper
.form-wrapper > h4,

.s2b-history-correction-form
.card-header,

.s2b-history-correction-form
.panel-heading,

.s2b-history-correction-form
.s2b-section-heading,

.s2b-history-correction-form
.s2b-section-title,

.s2b-history-correction-form
.s2b-history-section-heading,

.s2b-history-correction-form
.s2b-history-section-title,

.s2b-history-correction-form
.s2b-technical-section-heading,

.s2b-history-correction-form
.s2b-technical-section-title,

.s2b-history-correction-form
[class*="technical"][class*="heading"],

.s2b-history-correction-form
[class*="technical"][class*="section-title"] {
  position:relative !important;

  box-sizing:border-box !important;

  display:block !important;

  width:100% !important;
  min-height:62px !important;

  margin:
    20px
    0
    22px
    !important;

  padding:
    18px
    24px
    18px
    27px
    !important;

  overflow:hidden !important;

  border:
    0
    !important;

  border-radius:
    17px
    !important;

  background:
    linear-gradient(
      135deg,
      #142b42 0%,
      #1b3a57 58%,
      #214865 100%
    )
    !important;

  color:
    #ffffff
    !important;

  font-size:
    18px
    !important;

  line-height:
    1.3
    !important;

  font-weight:
    800
    !important;

  box-shadow:
    0 7px 20px rgba(17,38,58,.08)
    !important;
}


/* Gouden linkeraccent bij legacy sectiekoppen. */

.s2b-history-correction-form
#s2b-change-type-fields-wrapper
> h2::before,

.s2b-history-correction-form
#s2b-change-type-fields-wrapper
> h3::before,

.s2b-history-correction-form
#s2b-change-type-fields-wrapper
> h4::before,

.s2b-history-correction-form
.card-header::before,

.s2b-history-correction-form
.panel-heading::before,

.s2b-history-correction-form
.s2b-section-heading::before,

.s2b-history-correction-form
.s2b-section-title::before,

.s2b-history-correction-form
[class*="technical"][class*="heading"]::before,

.s2b-history-correction-form
[class*="technical"][class*="section-title"]::before {
  content:"";

  position:absolute;

  top:0;
  bottom:0;
  left:0;

  width:5px;

  background:
    linear-gradient(
      180deg,
      #e0b64f 0%,
      #b98a28 100%
    );
}


/* ------------------------------------------------------------
 * Technische vóór / na velden
 * ------------------------------------------------------------ */

.s2b-history-correction-form
[class*="form-item-history-spec-old-"],

.s2b-history-correction-form
[class*="form-item-history-spec-new-"] {
  box-sizing:border-box;

  margin-bottom:
    18px
    !important;
}


.s2b-history-correction-form
[class*="form-item-history-spec-old-"] label,

.s2b-history-correction-form
[class*="form-item-history-spec-new-"] label {
  margin-bottom:
    7px
    !important;

  color:
    #17283b
    !important;

  font-weight:
    800
    !important;
}


/* Eenheid / hulplabels rustiger maken. */

.s2b-history-correction-form
[class*="form-item-history-spec-old-"]
.description,

.s2b-history-correction-form
[class*="form-item-history-spec-new-"]
.description {
  margin-top:
    6px
    !important;

  color:
    #6b7788
    !important;

  font-size:
    12px
    !important;

  line-height:
    1.4
    !important;
}


/* ------------------------------------------------------------
 * Technische checkboxen
 * ------------------------------------------------------------ */

.s2b-history-correction-form
.form-checkboxes {
  display:grid;

  gap:8px;

  margin:
    8px
    0
    12px;
}


.s2b-history-correction-form
.form-type-checkbox {
  margin:
    0
    !important;
}


.s2b-history-correction-form
.form-type-checkbox label {
  color:
    #2d4053
    !important;

  font-weight:
    650
    !important;
}


/* ------------------------------------------------------------
 * Kleine informatieve blokken
 * ------------------------------------------------------------ */

.s2b-history-correction-form
.s2b-v2-single-change {
  box-sizing:border-box;

  margin:
    0
    0
    18px;

  padding:
    14px
    17px
    14px
    20px;

  border:
    1px solid rgba(199,161,74,.28);

  border-left:
    4px solid #c7a14a;

  border-radius:
    14px;

  background:
    #fbf7eb;

  color:
    #445365;

  line-height:
    1.5;
}


.s2b-history-correction-form
.s2b-v2-single-change strong {
  color:
    #17283b;

  font-weight:
    850;
}


/* ------------------------------------------------------------
 * Mobiel
 * ------------------------------------------------------------ */

@media (max-width:767.98px) {

  .s2b-history-correction-form
  #s2b-change-type-fields-wrapper
  > h2,

  .s2b-history-correction-form
  #s2b-change-type-fields-wrapper
  > h3,

  .s2b-history-correction-form
  #s2b-change-type-fields-wrapper
  > h4,

  .s2b-history-correction-form
  .card-header,

  .s2b-history-correction-form
  .panel-heading,

  .s2b-history-correction-form
  [class*="technical"][class*="heading"],

  .s2b-history-correction-form
  [class*="technical"][class*="section-title"] {
    min-height:
      54px
      !important;

    margin:
      16px
      0
      18px
      !important;

    padding:
      15px
      17px
      15px
      20px
      !important;

    border-radius:
      14px
      !important;

    font-size:
      16px
      !important;
  }

}

/* /S2B_HISTORY_CORRECTION_LAYOUT_FINAL_20260907 */


/* ============================================================
 * S2B_HISTORY_SECTION_HEADERS_NAVY_20260908
 *
 * Mooie S2B-koppen voor scheepsmutatie + technische mutatie.
 * Alleen presentatie.
 * ============================================================ */


/* ------------------------------------------------------------
 * Drupal details / accordion koppen.
 * Vangt o.a.:
 * - Wanneer?
 * - Eigenaar- of exploitantmutatie
 * - technische mutatiesecties
 * ------------------------------------------------------------ */

.s2b-history-correction-form details > summary,
.s2b-history-correction-form .details-summary,
.s2b-history-correction-form .details-title,
.s2b-history-correction-form .accordion-button,
.s2b-history-correction-form .card-header,
.s2b-history-correction-form .panel-heading {
  position:relative !important;

  box-sizing:border-box !important;

  width:100% !important;
  min-height:60px !important;

  margin:0 !important;

  padding:
    17px
    56px
    17px
    24px
    !important;

  border:
    0
    !important;

  border-radius:
    17px 17px 0 0
    !important;

  background:
    linear-gradient(
      135deg,
      #142b42 0%,
      #193650 55%,
      #20506a 100%
    )
    !important;

  color:
    #ffffff
    !important;

  font-size:
    17px
    !important;

  line-height:
    1.3
    !important;

  font-weight:
    800
    !important;

  box-shadow:
    none
    !important;

  text-decoration:
    none
    !important;
}


/*
 * Sommige Drupal/Bootstrap themes geven de binnenste titel
 * zelf een lichtblauwe achtergrond. Die expliciet neutraliseren.
 */

.s2b-history-correction-form details > summary > *,
.s2b-history-correction-form .details-summary > *,
.s2b-history-correction-form .details-title > *,
.s2b-history-correction-form .accordion-button > *,
.s2b-history-correction-form .card-header > *,
.s2b-history-correction-form .panel-heading > * {
  background:
    transparent
    !important;

  color:
    inherit
    !important;
}


/* Gouden verticale S2B-lijn. */

.s2b-history-correction-form details > summary::before,
.s2b-history-correction-form .details-summary::before,
.s2b-history-correction-form .details-title::before,
.s2b-history-correction-form .accordion-button::before,
.s2b-history-correction-form .card-header::before,
.s2b-history-correction-form .panel-heading::before {
  content:"";

  position:absolute;

  top:0;
  bottom:0;
  left:0;

  width:5px;

  border-radius:
    17px 0 0 0;

  background:
    linear-gradient(
      180deg,
      #e7c766 0%,
      #c7a14a 55%,
      #b98a28 100%
    )
    !important;
}


/* Chevron/pijl ook S2B-goud. */

.s2b-history-correction-form details > summary::after {
  border-color:
    #e3c064
    !important;
}


.s2b-history-correction-form .accordion-button::after {
  filter:
    brightness(0)
    saturate(100%)
    invert(77%)
    sepia(30%)
    saturate(850%)
    hue-rotate(359deg)
    brightness(92%)
    contrast(85%)
    !important;
}


/* Geen Bootstrap lichtblauw bij open/focus/hover. */

.s2b-history-correction-form details > summary:hover,
.s2b-history-correction-form details > summary:focus,
.s2b-history-correction-form .accordion-button:hover,
.s2b-history-correction-form .accordion-button:focus,
.s2b-history-correction-form .accordion-button:not(.collapsed) {
  background:
    linear-gradient(
      135deg,
      #10283f 0%,
      #173750 55%,
      #1d526b 100%
    )
    !important;

  color:
    #ffffff
    !important;

  box-shadow:
    none
    !important;
}


/* ------------------------------------------------------------
 * De kaart direct onder de blauwe kop blijft rustig wit.
 * ------------------------------------------------------------ */

.s2b-history-correction-form details,
.s2b-history-correction-form .accordion-item {
  overflow:hidden !important;

  border:
    1px solid rgba(20,43,66,.14)
    !important;

  border-radius:
    18px
    !important;

  background:
    #ffffff
    !important;

  box-shadow:
    0 8px 24px rgba(17,38,58,.06)
    !important;
}


/* ------------------------------------------------------------
 * Mobiel
 * ------------------------------------------------------------ */

@media (max-width:767.98px) {

  .s2b-history-correction-form details > summary,
  .s2b-history-correction-form .details-summary,
  .s2b-history-correction-form .details-title,
  .s2b-history-correction-form .accordion-button,
  .s2b-history-correction-form .card-header,
  .s2b-history-correction-form .panel-heading {
    min-height:
      56px
      !important;

    padding:
      15px
      50px
      15px
      20px
      !important;

    font-size:
      16px
      !important;
  }

}

/* /S2B_HISTORY_SECTION_HEADERS_NAVY_20260908 */



/* ============================================================
 * S2B_MUTATION_PAGE_VISUAL_FINAL_20260908
 *
 * Volledige S2B-mutatiepagina.
 * Alleen presentatie.
 * ============================================================ */


/* ============================================================
 * PAGINA
 * ============================================================ */

.s2b-mutation-page {
  --s2b-navy:#10283f;
  --s2b-navy-2:#153b57;
  --s2b-teal:#155f63;
  --s2b-gold:#c7a14a;
  --s2b-gold-light:#e7c766;
  --s2b-text:#17283b;
  --s2b-muted:#667382;

  width:100%;

  padding:
    0 0 48px;

  background:
    linear-gradient(
      180deg,
      #f7f9fa 0,
      #ffffff 500px
    );
}


/* ============================================================
 * HERO — ZELFDE FAMILIE ALS MIJN MELDINGEN
 * ============================================================ */

.s2b-mutation-shell {
  box-sizing:border-box;

  width:100%;
  max-width:892px;

  margin:0 auto;

  padding:
    20px 16px 0;
}


.s2b-mutation-hero {
  position:relative;

  box-sizing:border-box;

  min-height:270px;

  padding:
    30px 108px 31px 31px;

  overflow:hidden;

  border:
    1px solid rgba(199,161,74,.46);

  border-radius:
    28px;

  background:
    radial-gradient(
      circle at 105% 105%,
      rgba(49,183,169,.24) 0,
      rgba(49,183,169,0) 42%
    ),
    linear-gradient(
      135deg,
      #10283f 0%,
      #123853 58%,
      #125f63 100%
    );

  box-shadow:
    0 16px 38px rgba(16,40,63,.14);
}


.s2b-mutation-hero__copy {
  position:relative;

  z-index:2;
}


.s2b-mutation-hero__eyebrow {
  display:inline-flex;

  align-items:center;

  min-height:36px;

  margin:
    0 0 18px;

  padding:
    7px 17px;

  border:
    1px solid rgba(224,182,79,.60);

  border-radius:
    999px;

  background:
    rgba(199,161,74,.10);

  color:
    #e6c565;

  font-size:
    12px;

  line-height:
    1;

  font-weight:
    900;

  letter-spacing:
    .08em;
}


.s2b-mutation-hero__title {
  max-width:690px;

  margin:
    0 0 15px !important;

  padding:0 !important;

  color:
    #ffffff !important;

  font-size:
    46px !important;

  line-height:
    1.07 !important;

  font-weight:
    850 !important;

  letter-spacing:
    -.025em;
}


.s2b-mutation-hero__text {
  max-width:680px;

  margin:
    0 !important;

  color:
    rgba(255,255,255,.80) !important;

  font-size:
    18px !important;

  line-height:
    1.55 !important;
}


.s2b-mutation-hero__text strong {
  color:
    #ffffff;

  font-weight:
    850;
}


.s2b-mutation-hero__back {
  position:absolute;

  z-index:3;

  top:30px;
  right:29px;

  display:flex;

  align-items:center;
  justify-content:center;

  width:64px;
  height:64px;

  border:
    1px solid rgba(255,255,255,.70);

  border-radius:
    50%;

  background:
    rgba(255,255,255,.06);

  color:
    #ffffff !important;

  font-size:
    28px;

  line-height:
    1;

  font-weight:
    700;

  text-decoration:
    none !important;

  box-shadow:
    0 7px 20px rgba(0,0,0,.08);
}


.s2b-mutation-hero__back:hover,
.s2b-mutation-hero__back:focus {
  border-color:
    #e2bd61;

  background:
    rgba(199,161,74,.13);

  color:
    #f0ce77 !important;
}


/* ============================================================
 * FORMULIERKAART
 * ============================================================ */

.s2b-mutation-page form {
  box-sizing:border-box;

  width:
    calc(100% - 32px);

  max-width:
    860px;

  margin:
    20px auto 0 !important;

  padding:
    24px !important;

  border:
    1px solid rgba(20,43,66,.13);

  border-radius:
    24px;

  background:
    #ffffff;

  box-shadow:
    0 10px 30px rgba(17,38,58,.07);
}


/* Geen dubbele parent-kaart. */

.s2b-mutation-page
.s2b-change-request-card {
  margin:
    0 !important;

  padding:
    0 !important;

  border:
    0 !important;

  background:
    transparent !important;

  box-shadow:
    none !important;
}


/* ============================================================
 * DETAILS / SECTIEKOPPEN
 * ============================================================ */

.s2b-mutation-page details {
  box-sizing:border-box;

  width:100%;

  margin:
    0 0 19px !important;

  padding:
    0 !important;

  overflow:hidden;

  border:
    1px solid rgba(20,43,66,.14) !important;

  border-radius:
    20px !important;

  background:
    #ffffff !important;

  box-shadow:
    0 8px 24px rgba(17,38,58,.055) !important;
}


.s2b-mutation-page details > summary {
  position:relative !important;

  display:flex !important;

  align-items:center !important;

  box-sizing:border-box !important;

  min-height:
    64px !important;

  margin:
    0 !important;

  padding:
    17px 58px 17px 27px !important;

  border:
    0 !important;

  border-radius:
    0 !important;

  background:
    linear-gradient(
      135deg,
      #10283f 0%,
      #153b57 56%,
      #15546a 100%
    ) !important;

  color:
    #ffffff !important;

  font-size:
    18px !important;

  line-height:
    1.25 !important;

  font-weight:
    850 !important;

  list-style:
    none !important;

  box-shadow:
    none !important;
}


.s2b-mutation-page
details > summary::-webkit-details-marker {
  display:none;
}


.s2b-mutation-page
details > summary::before {
  content:"";

  position:absolute;

  top:16px;
  bottom:16px;
  left:0;

  width:5px;

  border-radius:
    0 4px 4px 0;

  background:
    linear-gradient(
      180deg,
      #e7c766 0%,
      #b98a28 100%
    ) !important;
}


.s2b-mutation-page
details > summary::after {
  content:"";

  position:absolute;

  top:50%;
  right:25px;

  width:12px;
  height:12px;

  border-right:
    3px solid #f0cf76;

  border-bottom:
    3px solid #f0cf76;

  transform:
    translateY(-68%)
    rotate(45deg);
}


.s2b-mutation-page
details[open] > summary::after {
  transform:
    translateY(-28%)
    rotate(225deg);
}


.s2b-mutation-page
details > .details-wrapper {
  box-sizing:border-box;

  padding:
    22px 24px 24px !important;

  background:
    #ffffff;
}


/* ============================================================
 * TECHNISCHE MUTATIE — BESTAANDE INLINE INTRO
 * ============================================================ */

.s2b-mutation-page--technical
[style*="background:#f7fbff"] {
  box-sizing:border-box !important;

  margin:
    0 0 22px !important;

  padding:
    18px 20px !important;

  border:
    1px solid rgba(199,161,74,.30) !important;

  border-left:
    4px solid #c7a14a !important;

  border-radius:
    17px !important;

  background:
    #fbf7eb !important;

  color:
    #647282 !important;
}


.s2b-mutation-page--technical
[style*="background:#f7fbff"]
strong {
  color:
    #17283b !important;

  font-size:
    18px !important;

  font-weight:
    850 !important;
}


.s2b-mutation-page--technical
[style*="background:#f7fbff"]
span {
  color:
    #647282 !important;
}


/* ============================================================
 * TECHNISCHE GEGEVENS VÓÓR EN NA
 *
 * Dit is het bewezen bestaande markupblok:
 * style="margin:24px 0 12px;"
 * ============================================================ */

.s2b-mutation-page--technical
[style*="margin:24px 0 12px"] {
  position:relative;

  box-sizing:border-box;

  margin:
    24px 0 18px !important;

  padding:
    17px 22px 17px 27px !important;

  overflow:hidden;

  border-radius:
    18px;

  background:
    linear-gradient(
      135deg,
      #10283f 0%,
      #153b57 56%,
      #15546a 100%
    ) !important;

  color:
    #ffffff !important;

  box-shadow:
    0 7px 20px rgba(17,38,58,.08);
}


.s2b-mutation-page--technical
[style*="margin:24px 0 12px"]::before {
  content:"";

  position:absolute;

  top:16px;
  bottom:16px;
  left:0;

  width:5px;

  background:
    linear-gradient(
      180deg,
      #e7c766 0%,
      #b98a28 100%
    );
}


.s2b-mutation-page--technical
[style*="margin:24px 0 12px"]
strong {
  display:block;

  margin:
    0 0 4px;

  color:
    #ffffff !important;

  font-size:
    18px !important;

  font-weight:
    850 !important;
}


.s2b-mutation-page--technical
[style*="margin:24px 0 12px"]
span {
  display:block;

  color:
    rgba(255,255,255,.76) !important;

  font-size:
    13px !important;

  line-height:
    1.4 !important;
}


/* ============================================================
 * RADIO / CHECKBOX KAARTEN
 * ============================================================ */

.s2b-mutation-page
fieldset.form-composite {
  box-sizing:border-box;

  margin:
    0 0 20px !important;

  padding:
    18px 20px !important;

  border:
    1px solid rgba(199,161,74,.27) !important;

  border-radius:
    18px !important;

  background:
    linear-gradient(
      135deg,
      #fffdf8 0%,
      #fbf7eb 100%
    ) !important;

  box-shadow:
    none !important;
}


.s2b-mutation-page
fieldset.form-composite legend {
  color:
    #17283b !important;

  font-weight:
    850 !important;
}


.s2b-mutation-page
.form-radios,

.s2b-mutation-page
.form-checkboxes {
  display:grid;

  gap:
    9px;
}


/* ============================================================
 * VELDEN
 * ============================================================ */

.s2b-mutation-page label {
  color:
    #17283b !important;

  font-size:
    15px !important;

  font-weight:
    800 !important;
}


.s2b-mutation-page
.form-item {
  margin-bottom:
    18px;
}


.s2b-mutation-page
input[type="text"],

.s2b-mutation-page
input[type="number"],

.s2b-mutation-page
input[type="date"],

.s2b-mutation-page
input[type="url"],

.s2b-mutation-page
select,

.s2b-mutation-page
textarea {
  box-sizing:border-box;

  width:
    100% !important;

  min-height:
    50px;

  padding:
    11px 14px;

  border:
    1px solid #d6dfe7 !important;

  border-radius:
    14px !important;

  background:
    #ffffff !important;

  color:
    #17283b !important;

  box-shadow:
    inset 0 1px 2px rgba(17,38,58,.025)
    !important;
}


.s2b-mutation-page
input:focus,

.s2b-mutation-page
select:focus,

.s2b-mutation-page
textarea:focus {
  outline:
    none !important;

  border-color:
    #c7a14a !important;

  box-shadow:
    0 0 0 3px rgba(199,161,74,.12)
    !important;
}


.s2b-mutation-page
.description {
  margin-top:
    6px;

  color:
    #6b7788 !important;

  font-size:
    12px !important;

  line-height:
    1.45 !important;
}


/* ============================================================
 * PRIMARY BUTTON
 * ============================================================ */

.s2b-mutation-page
.form-actions input[type="submit"],

.s2b-mutation-page
.form-actions button[type="submit"] {
  min-height:
    54px !important;

  border:
    1px solid #b98a28 !important;

  border-radius:
    14px !important;

  background:
    linear-gradient(
      135deg,
      #e7c766 0%,
      #c7a14a 58%,
      #b98a28 100%
    ) !important;

  color:
    #10283f !important;

  font-weight:
    900 !important;

  box-shadow:
    0 8px 20px rgba(130,93,21,.20)
    !important;
}


/* ============================================================
 * MOBILE
 * ============================================================ */

@media (max-width:767.98px) {

  .s2b-mutation-shell {
    padding:
      12px 12px 0;
  }


  .s2b-mutation-hero {
    min-height:0;

    padding:
      23px 76px 24px 22px;

    border-radius:
      23px;
  }


  .s2b-mutation-hero__eyebrow {
    min-height:
      32px;

    margin-bottom:
      15px;

    padding:
      6px 13px;

    font-size:
      11px;
  }


  .s2b-mutation-hero__title {
    font-size:
      34px !important;

    line-height:
      1.06 !important;
  }


  .s2b-mutation-hero__text {
    font-size:
      16px !important;

    line-height:
      1.5 !important;
  }


  .s2b-mutation-hero__back {
    top:
      22px;

    right:
      19px;

    width:
      54px;

    height:
      54px;

    font-size:
      24px;
  }


  .s2b-mutation-page form {
    width:
      calc(100% - 24px);

    margin-top:
      14px !important;

    padding:
      16px !important;

    border-radius:
      20px;
  }


  .s2b-mutation-page details {
    border-radius:
      17px !important;
  }


  .s2b-mutation-page
  details > summary {
    min-height:
      56px !important;

    padding:
      15px 50px 15px 21px !important;

    font-size:
      16px !important;
  }


  .s2b-mutation-page
  details > .details-wrapper {
    padding:
      18px 17px 20px !important;
  }


  .s2b-mutation-page--technical
  [style*="margin:24px 0 12px"] {
    padding:
      15px 17px 15px 21px !important;

    border-radius:
      15px;
  }


  .s2b-mutation-page
  fieldset.form-composite {
    padding:
      16px !important;

    border-radius:
      15px !important;
  }


  .s2b-mutation-page
  .form-actions input[type="submit"],

  .s2b-mutation-page
  .form-actions button[type="submit"] {
    width:
      100% !important;
  }

}

/* /S2B_MUTATION_PAGE_VISUAL_FINAL_20260908 */


/* ============================================================
 * S2B_MUTATION_HEADER_CURRENT_DATA_PARITY_20260908
 *
 * Mutatiekoppen exact dezelfde visuele familie als
 * Scheepsgegevens corrigeren:
 * - ronde navy/teal kop;
 * - volle gouden linkeraccentstrook;
 * - gouden chevron;
 * - nette open/dicht states.
 *
 * Alleen CSS.
 * ============================================================ */


/* ============================================================
 * DETAILS KAART
 * ============================================================ */

.s2b-mutation-page details {
  box-sizing:border-box !important;

  width:100% !important;

  margin:
    0 0 17px !important;

  padding:
    0 !important;

  overflow:
    hidden !important;

  border:
    1px solid rgba(23,57,81,.14) !important;

  border-radius:
    21px !important;

  background:
    #ffffff !important;

  box-shadow:
    0 8px 24px rgba(17,38,58,.055) !important;
}


/* ============================================================
 * KOP
 * ============================================================ */

.s2b-mutation-page details > summary {
  position:relative !important;

  display:flex !important;
  align-items:center !important;

  box-sizing:border-box !important;

  width:100% !important;
  min-height:64px !important;

  margin:0 !important;

  padding:
    18px 60px
    18px 39px !important;

  overflow:hidden !important;

  border:
    0 !important;

  border-radius:
    20px !important;

  background:
    linear-gradient(
      135deg,
      #17344f 0%,
      #17445e 58%,
      #125d6b 100%
    ) !important;

  color:
    #ffffff !important;

  font-size:
    18px !important;

  line-height:
    1.25 !important;

  font-weight:
    850 !important;

  list-style:
    none !important;

  box-shadow:
    0 7px 19px rgba(17,38,58,.08)
    !important;
}


/*
 * Open sectie:
 * alleen bovenste hoeken rond.
 */

.s2b-mutation-page
details[open] > summary {
  border-radius:
    20px 20px 0 0 !important;

  box-shadow:
    none !important;
}


/* Browser-marker weg. */

.s2b-mutation-page
details > summary::-webkit-details-marker {
  display:none !important;
}


/* ============================================================
 * GOUDEN LINKERSTROOK
 * ============================================================ */

.s2b-mutation-page
details > summary::before {
  content:"" !important;

  position:absolute !important;

  top:0 !important;
  bottom:0 !important;
  left:0 !important;

  width:
    8px !important;

  border-radius:
    20px 0 0 20px !important;

  background:
    linear-gradient(
      180deg,
      #e8c45d 0%,
      #c99e35 100%
    ) !important;
}


.s2b-mutation-page
details[open] > summary::before {
  border-radius:
    20px 0 0 0 !important;
}


/* ============================================================
 * GOUDEN CHEVRON
 * ============================================================ */

.s2b-mutation-page
details > summary::after {
  content:"" !important;

  position:absolute !important;

  top:50% !important;
  right:25px !important;

  width:
    15px !important;

  height:
    15px !important;

  border:
    0 !important;

  border-right:
    5px solid #e4bc53 !important;

  border-bottom:
    5px solid #e4bc53 !important;

  transform:
    translateY(-68%)
    rotate(45deg) !important;

  transition:
    transform .18s ease !important;
}


/* Open = chevron omhoog. */

.s2b-mutation-page
details[open] > summary::after {
  transform:
    translateY(-30%)
    rotate(225deg) !important;
}


/* ============================================================
 * HOVER / FOCUS
 * ============================================================ */

.s2b-mutation-page
details > summary:hover,

.s2b-mutation-page
details > summary:focus {
  background:
    linear-gradient(
      135deg,
      #143149 0%,
      #17425c 58%,
      #105965 100%
    ) !important;

  color:
    #ffffff !important;

  outline:
    none !important;
}


/* ============================================================
 * INHOUD OPEN SECTIE
 * ============================================================ */

.s2b-mutation-page
details > .details-wrapper {
  box-sizing:border-box !important;

  padding:
    23px 25px 25px !important;

  border-top:
    0 !important;

  background:
    #ffffff !important;
}


/* ============================================================
 * TECHNISCHE 'GEGEVENS VÓÓR EN NA' KOP
 *
 * Zelfde vormgeving.
 * ============================================================ */

.s2b-mutation-page
.s2b-mutation-section-heading,

.s2b-mutation-page--technical
[style*="margin:24px 0 12px"] {
  position:relative !important;

  box-sizing:border-box !important;

  width:100% !important;

  margin:
    22px 0
    18px !important;

  padding:
    17px 22px
    17px 39px !important;

  overflow:
    hidden !important;

  border:
    1px solid rgba(23,57,81,.14) !important;

  border-radius:
    20px !important;

  background:
    linear-gradient(
      135deg,
      #17344f 0%,
      #17445e 58%,
      #125d6b 100%
    ) !important;

  color:
    #ffffff !important;

  box-shadow:
    0 7px 19px rgba(17,38,58,.08)
    !important;
}


/* Volle gouden linkerzijde. */

.s2b-mutation-page
.s2b-mutation-section-heading::before,

.s2b-mutation-page--technical
[style*="margin:24px 0 12px"]::before {
  content:"" !important;

  position:absolute !important;

  top:0 !important;
  bottom:0 !important;
  left:0 !important;

  width:
    8px !important;

  border-radius:
    20px 0 0 20px !important;

  background:
    linear-gradient(
      180deg,
      #e8c45d 0%,
      #c99e35 100%
    ) !important;
}


.s2b-mutation-page
.s2b-mutation-section-heading strong,

.s2b-mutation-page--technical
[style*="margin:24px 0 12px"]
strong {
  display:block !important;

  margin:
    0 0 4px !important;

  color:
    #ffffff !important;

  font-size:
    18px !important;

  line-height:
    1.3 !important;

  font-weight:
    850 !important;
}


.s2b-mutation-page
.s2b-mutation-section-heading span,

.s2b-mutation-page--technical
[style*="margin:24px 0 12px"]
span {
  display:block !important;

  color:
    rgba(255,255,255,.76) !important;

  font-size:
    13px !important;

  line-height:
    1.4 !important;
}


/* ============================================================
 * MOBILE
 * ============================================================ */

@media (max-width:767.98px) {

  .s2b-mutation-page details {
    border-radius:
      19px !important;
  }


  .s2b-mutation-page
  details > summary {
    min-height:
      64px !important;

    padding:
      17px 54px
      17px 36px !important;

    border-radius:
      18px !important;

    font-size:
      17px !important;
  }


  .s2b-mutation-page
  details[open] > summary {
    border-radius:
      18px 18px 0 0 !important;
  }


  .s2b-mutation-page
  details > summary::before {
    width:
      7px !important;

    border-radius:
      18px 0 0 18px !important;
  }


  .s2b-mutation-page
  details[open] > summary::before {
    border-radius:
      18px 0 0 0 !important;
  }


  .s2b-mutation-page
  details > summary::after {
    right:
      23px !important;

    width:
      14px !important;

    height:
      14px !important;

    border-right-width:
      4px !important;

    border-bottom-width:
      4px !important;
  }


  .s2b-mutation-page
  details > .details-wrapper {
    padding:
      21px 20px 23px !important;
  }


  .s2b-mutation-page
  .s2b-mutation-section-heading,

  .s2b-mutation-page--technical
  [style*="margin:24px 0 12px"] {
    padding:
      16px 18px
      16px 36px !important;

    border-radius:
      18px !important;
  }

}

/* /S2B_MUTATION_HEADER_CURRENT_DATA_PARITY_20260908 */



/* ============================================================
 * S2B_HISTORY_CORRECTION_PAGE_STYLE_CSS_20260908
 * Historie corrigeren — canonieke S2B style.
 * ============================================================ */

.s2b-history-correction-page {
  box-sizing:border-box !important;
  width:100% !important;
  max-width:860px !important;
  margin:0 auto !important;
  padding:14px 16px 44px !important;
}


/* HERO */

.s2b-history-correction-page
.s2b-history-correction-hero {
  position:relative;
  box-sizing:border-box;

  width:100%;
  margin:0 0 20px;
  padding:29px 30px 31px;

  overflow:hidden;

  border:1px solid rgba(199,161,74,.44);
  border-radius:28px;

  background:
    radial-gradient(
      circle at 105% 110%,
      rgba(47,181,170,.24) 0%,
      rgba(47,181,170,0) 42%
    ),
    linear-gradient(
      135deg,
      #10283f 0%,
      #123853 58%,
      #125f63 100%
    );

  box-shadow:
    0 16px 38px rgba(16,40,63,.14);
}


.s2b-history-correction-page
.s2b-history-correction-hero__eyebrow {
  display:inline-flex;
  align-items:center;

  min-height:35px;
  margin:0 0 17px;
  padding:7px 16px;

  border:1px solid rgba(224,182,79,.60);
  border-radius:999px;

  background:rgba(199,161,74,.10);
  color:#e6c565;

  font-size:12px;
  line-height:1;
  font-weight:900;
  letter-spacing:.08em;
}


.s2b-history-correction-page
.s2b-history-correction-hero__title {
  margin:0 0 13px !important;
  padding:0 !important;

  color:#fff !important;

  font-size:42px !important;
  line-height:1.08 !important;
  font-weight:850 !important;
  letter-spacing:-.025em;
}


.s2b-history-correction-page
.s2b-history-correction-hero__text {
  max-width:720px;
  margin:0 !important;

  color:rgba(255,255,255,.80) !important;

  font-size:17px !important;
  line-height:1.55 !important;
}


.s2b-history-correction-page
.s2b-history-correction-hero__text strong {
  color:#fff !important;
  font-weight:850 !important;
}


/* DETAILS-KAARTEN */

.s2b-history-correction-page details {
  box-sizing:border-box !important;
  width:100% !important;

  margin:0 0 18px !important;
  padding:0 !important;

  overflow:hidden !important;

  border:1px solid rgba(23,57,81,.14) !important;
  border-radius:21px !important;

  background:#fff !important;

  box-shadow:
    0 8px 24px rgba(17,38,58,.055) !important;
}


/* Navy/teal kop zoals Basisgegevens. */

.s2b-history-correction-page
details > summary {
  position:relative !important;

  display:flex !important;
  align-items:center !important;

  box-sizing:border-box !important;

  width:100% !important;
  min-height:64px !important;

  margin:0 !important;
  padding:18px 60px 18px 39px !important;

  overflow:hidden !important;

  border:0 !important;
  border-radius:20px !important;

  background:
    linear-gradient(
      135deg,
      #17344f 0%,
      #17445e 58%,
      #125d6b 100%
    ) !important;

  color:#fff !important;

  font-size:18px !important;
  line-height:1.25 !important;
  font-weight:850 !important;

  list-style:none !important;

  box-shadow:
    0 7px 19px rgba(17,38,58,.08) !important;
}


.s2b-history-correction-page
details[open] > summary {
  border-radius:20px 20px 0 0 !important;
  box-shadow:none !important;
}


.s2b-history-correction-page
details > summary::-webkit-details-marker {
  display:none !important;
}


/* Gouden linkeraccent. */

.s2b-history-correction-page
details > summary::before {
  content:"" !important;

  position:absolute !important;

  top:0 !important;
  bottom:0 !important;
  left:0 !important;

  width:8px !important;

  border-radius:20px 0 0 20px !important;

  background:
    linear-gradient(
      180deg,
      #e8c45d 0%,
      #c99e35 100%
    ) !important;
}


.s2b-history-correction-page
details[open] > summary::before {
  border-radius:20px 0 0 0 !important;
}


/* Gouden chevron. */

.s2b-history-correction-page
details > summary::after {
  content:"" !important;

  position:absolute !important;

  top:50% !important;
  right:25px !important;

  width:15px !important;
  height:15px !important;

  border:0 !important;
  border-right:5px solid #e4bc53 !important;
  border-bottom:5px solid #e4bc53 !important;

  transform:
    translateY(-68%)
    rotate(45deg) !important;
}


.s2b-history-correction-page
details[open] > summary::after {
  transform:
    translateY(-30%)
    rotate(225deg) !important;
}


.s2b-history-correction-page
details > .details-wrapper {
  box-sizing:border-box !important;

  padding:23px 25px 25px !important;

  background:#fff !important;
}


/* RADIO'S / CHECKBOXES */

.s2b-history-correction-page
fieldset.form-composite {
  box-sizing:border-box !important;

  margin:0 0 20px !important;
  padding:17px 19px !important;

  border:1px solid rgba(199,161,74,.25) !important;
  border-radius:17px !important;

  background:
    linear-gradient(
      135deg,
      #fffdf8 0%,
      #fbf7eb 100%
    ) !important;
}


.s2b-history-correction-page
fieldset.form-composite legend {
  color:#17283b !important;
  font-weight:850 !important;
}


/* VELDEN */

.s2b-history-correction-page
.form-item {
  margin-bottom:18px;
}


.s2b-history-correction-page label {
  color:#17283b !important;

  font-size:15px !important;
  font-weight:800 !important;
}


.s2b-history-correction-page
input[type="text"],
.s2b-history-correction-page
input[type="number"],
.s2b-history-correction-page
input[type="date"],
.s2b-history-correction-page
input[type="url"],
.s2b-history-correction-page
select,
.s2b-history-correction-page
textarea {
  box-sizing:border-box !important;

  width:100% !important;
  min-height:50px;

  padding:11px 14px !important;

  border:1px solid #d6dfe7 !important;
  border-radius:14px !important;

  background:#fff !important;
  color:#17283b !important;
}


.s2b-history-correction-page
input:focus,
.s2b-history-correction-page
select:focus,
.s2b-history-correction-page
textarea:focus {
  outline:none !important;

  border-color:#c7a14a !important;

  box-shadow:
    0 0 0 3px rgba(199,161,74,.12) !important;
}


.s2b-history-correction-page
.description {
  margin-top:6px;

  color:#6b7788 !important;

  font-size:12px !important;
  line-height:1.45 !important;
}


/* SUBMIT GOUD */

.s2b-history-correction-page
.form-actions input[type="submit"],
.s2b-history-correction-page
.form-actions button[type="submit"] {
  width:100% !important;
  min-height:54px !important;

  padding:13px 22px !important;

  border:1px solid #b98a28 !important;
  border-radius:14px !important;

  background:
    linear-gradient(
      135deg,
      #e7c766 0%,
      #c7a14a 58%,
      #b98a28 100%
    ) !important;

  color:#10283f !important;

  font-size:16px !important;
  font-weight:900 !important;

  box-shadow:
    0 8px 20px rgba(130,93,21,.20) !important;
}


/* MOBILE */

@media (max-width:767.98px) {

  .s2b-history-correction-page {
    padding:12px 12px 40px !important;
  }

  .s2b-history-correction-page
  .s2b-history-correction-hero {
    padding:23px 22px 25px;
    border-radius:23px;
  }

  .s2b-history-correction-page
  .s2b-history-correction-hero__eyebrow {
    min-height:32px;
    margin-bottom:15px;
    padding:6px 13px;
    font-size:11px;
  }

  .s2b-history-correction-page
  .s2b-history-correction-hero__title {
    font-size:34px !important;
    line-height:1.06 !important;
  }

  .s2b-history-correction-page
  .s2b-history-correction-hero__text {
    font-size:16px !important;
    line-height:1.5 !important;
  }

  .s2b-history-correction-page details {
    border-radius:19px !important;
  }

  .s2b-history-correction-page
  details > summary {
    min-height:62px !important;

    padding:
      17px 54px 17px 36px !important;

    border-radius:18px !important;

    font-size:17px !important;
  }

  .s2b-history-correction-page
  details[open] > summary {
    border-radius:
      18px 18px 0 0 !important;
  }

  .s2b-history-correction-page
  details > summary::before {
    width:7px !important;
  }

  .s2b-history-correction-page
  details > summary::after {
    right:23px !important;

    width:14px !important;
    height:14px !important;

    border-right-width:4px !important;
    border-bottom-width:4px !important;
  }

  .s2b-history-correction-page
  details > .details-wrapper {
    padding:
      20px 18px 22px !important;
  }
}

/* /S2B_HISTORY_CORRECTION_PAGE_STYLE_CSS_20260908 */

/* ============================================================
 * S2B_HISTORY_CORRECTION_DRUPAL_STATES_AUTHORITY_20260909
 *
 * Drupal #states is leidend voor conditionele formulieronderdelen.
 * Oude presentation CSS mag een door Drupal verborgen form-item
 * nooit opnieuw zichtbaar forceren.
 * ============================================================ */

.s2b-history-correction-page
.js-form-item[style*="display: none"],

.s2b-history-correction-page
.js-form-wrapper[style*="display: none"],

.s2b-history-correction-page
fieldset[style*="display: none"] {
  display: none !important;
}

/* Ook HTML hidden altijd respecteren. */
.s2b-history-correction-page
[hidden] {
  display: none !important;
}

/* /S2B_HISTORY_CORRECTION_DRUPAL_STATES_AUTHORITY_20260909 */

/* S2B_SHIP_HISTORY_HIDE_ROUND_BACK_20260909 */
/* S2B_TECHNICAL_HIDE_ROUND_BACK_20260910 */
.s2b-mutation-page--ship .s2b-mutation-hero__back,
.s2b-mutation-page--technical .s2b-mutation-hero__back {
  display: none !important;
}
/* /S2B_SHIP_HISTORY_HIDE_ROUND_BACK_20260909 */