@font-face {
  font-family: "Inter";
  src: url("/static/assets/fonts/Inter-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/static/assets/fonts/Inter-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/static/assets/fonts/Inter-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/static/assets/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* --- Auth shell (P01–P03): visibility + header + functional slots only --- */
html, body { margin: 0; padding: 0; }
body { font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; }

.app-header {
  height: 69px;
  display: flex;
  align-items: center;
  padding: 0 80px;
  border-bottom: 1px solid #cbcedc;
  background: #fff;
}
.brand-wrap img { display: block; width: 120px; height: auto; }

main.screen:not(.is-active),
section.screen:not(.is-active) { display: none !important; }

.assistive-message:not(:empty) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.field-error:empty { margin: 0; padding: 0; min-height: 0; }
.poc-helper:empty { display: none; margin: 0; padding: 0; }

[data-page="p02-enter-otp"] #otpTimer:empty { display: none; margin: 0; padding: 0; }
[data-page="p02-enter-otp"] #resendOtpButton[hidden] { display: none !important; }
[data-page="p02-enter-otp"] #resendOtpButton.text-btn {
  border: 0;
  background: transparent;
  color: #172ea1;
  font-size: 14px;
  font-weight: 600;
  padding: 0;
  cursor: pointer;
}
[data-page="p02-enter-otp"] #otpTimer {
  font-size: 14px;
  color: #53576c;
  margin: 8px 0 0;
}
[data-page="p02-enter-otp"] .poc-helper:not(:empty) {
  font-size: 14px;
  color: #53576c;
  margin: 8px 0 0;
}
[data-page="p02-enter-otp"] .field-error:not(:empty) {
  color: #c73838;
  font-size: 14px;
  margin: 8px 0 0;
}

[data-page="p01-enter-aadhaar"] .field-error:not(:empty) {
  color: #c73838;
  font-size: 14px;
  margin-top: 8px;
}
[data-page="p03-setup-account"] .field-error:not(:empty) {
  color: #c73838;
  font-size: 14px;
  margin-top: 8px;
}

@media (max-width: 767px) {
  .app-header { display: none; }
}

/* Auth placeholders P01–P03 (scoped) */

/* Source: P01_Enter Aadhaar/P01_Enter Aadhaar implementation v1/P01_Enter Aadhaar css v1.css */


[data-page="p01-enter-aadhaar"]{
  --claimify-header-height: 69px;

  --light-cobalt: #172EA1;
  --light-alice-blue: #EDF0FC;
  --light-azure: #E9FBF9;
  --light-ink: #0D1333;
  --light-body: #434965;
  --light-secondary: #53576C;
  --light-border: #CBCEDC;
  --light-disabled-text: #A1A1AA;
  --light-disabled-cta-bg: #ECECED;
  --light-disabled-field-bg: #E4E4E7;

  --radius-control: 8px;
}

[data-page="p01-enter-aadhaar"] *{
  box-sizing: border-box;
}

[data-page="p01-enter-aadhaar"], [data-page="p01-enter-aadhaar"]{
  margin: 0;
  min-height: 100%;
  font-family: "Inter", sans-serif;
  background: #FFFFFF;
  color: var(--light-ink);
}

[data-page="p01-enter-aadhaar"] button, [data-page="p01-enter-aadhaar"] input{
  font: inherit;
}



[data-page="p01-enter-aadhaar"] .p01-enter-aadhaar{
  min-height: calc(100vh - var(--claimify-header-height));
  background: #FFFFFF;
}

[data-page="p01-enter-aadhaar"] .p01-page-shell{
  min-height: calc(100vh - var(--claimify-header-height));
  display: grid;
  grid-template-columns: 511px minmax(0, 1fr);
}



[data-page="p01-enter-aadhaar"] .p01-journey-panel{
  min-height: calc(100vh - var(--claimify-header-height));
  padding: 87px 82px 0;
  background: var(--light-azure);
}

[data-page="p01-enter-aadhaar"] .p01-journey-illustration{
  display: block;
  width: 282px;
  height: 283px;
  margin: 0 0 20px -16px;
  object-fit: contain;
}

[data-page="p01-enter-aadhaar"] .p01-journey-step{
  margin: 0 0 18px;
  color: var(--light-secondary);
  font-size: 14px;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}

[data-page="p01-enter-aadhaar"] .p01-journey-title{
  margin: 0 0 13px;
  color: var(--light-cobalt);
  font-size: 24px;
  font-weight: 600;
  line-height: 160%;
}

[data-page="p01-enter-aadhaar"] .p01-journey-copy{
  width: 320px;
  margin: 0;
  color: var(--light-ink);
  font-size: 18px;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: 0.005em;
}

[data-page="p01-enter-aadhaar"] .p01-journey-progress{
  display: flex;
  gap: 9px;
  margin-top: 58px;
}

[data-page="p01-enter-aadhaar"] .p01-journey-progress span{
  display: block;
  width: 109px;
  height: 4px;
  border-radius: 12px;
  background: var(--light-border);
}

[data-page="p01-enter-aadhaar"] .p01-journey-progress .is-active{
  width: 55px;
  background: var(--light-cobalt);
}



[data-page="p01-enter-aadhaar"] .p01-form-panel{
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 105px 64px 80px;
  background: #FFFFFF;
}

[data-page="p01-enter-aadhaar"] .p01-form-wrap{
  width: min(716px, 100%);
}

[data-page="p01-enter-aadhaar"] .p01-form-step{
  margin: 0 0 8px;
  color: var(--light-secondary);
  font-size: 14px;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}

[data-page="p01-enter-aadhaar"] .p01-form-title{
  margin: 0 0 42px;
  color: var(--light-ink);
  font-size: 20px;
  font-weight: 600;
  line-height: 160%;
  text-transform: uppercase;
}

[data-page="p01-enter-aadhaar"] .p01-aadhaar-form, [data-page="p01-enter-aadhaar"] .p01-field-group{
  width: 100%;
}

[data-page="p01-enter-aadhaar"] .p01-field-label{
  display: block;
  margin: 0 0 8px;
  color: var(--light-secondary);
  font-size: 14px;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: 0.005em;
}

[data-page="p01-enter-aadhaar"] .p01-field-control{
  width: 100%;
  height: 52px;
  padding: 0 12px;
  border: 1px solid var(--light-border);
  border-radius: var(--radius-control);
  outline: none;
  background: #FFFFFF;
  color: var(--light-ink);
  font-size: 18px;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: 0.005em;
}

[data-page="p01-enter-aadhaar"] .p01-field-control:focus{
  border: 1.5px solid var(--light-cobalt);
}

[data-page="p01-enter-aadhaar"] .p01-field-control:disabled{
  border-color: transparent;
  background: var(--light-disabled-field-bg);
  color: var(--light-disabled-text);
}

[data-page="p01-enter-aadhaar"] .p01-supporting-text{
  display: flex;
  align-items: flex-start;
  gap: 6px;
  margin-top: 4px;
  color: var(--light-secondary);
  font-size: 14px;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: 0.005em;
}

[data-page="p01-enter-aadhaar"] .p01-supporting-text svg{
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  margin-top: 3px;
}

[data-page="p01-enter-aadhaar"] .p01-actions{
  display: flex;
  justify-content: flex-end;
  margin-top: 42px;
}

[data-page="p01-enter-aadhaar"] .p01-primary-button{
  width: 350px;
  height: 52px;
  padding: 11px 24px;
  border: 0;
  border-radius: var(--radius-control);
  background: var(--light-cobalt);
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 600;
  line-height: 160%;
  letter-spacing: 0.01em;
  cursor: pointer;
  transition: background 140ms ease, box-shadow 140ms ease;
}

[data-page="p01-enter-aadhaar"] .p01-primary-button:hover{
  background: #6379E9;
  box-shadow: 0 5px 10px rgba(99, 121, 233, 0.2);
}

[data-page="p01-enter-aadhaar"] .p01-primary-button:focus-visible{
  outline: 2px solid #6379E9;
  outline-offset: 2px;
}

[data-page="p01-enter-aadhaar"] .p01-primary-button:active{
  background: #6379E9;
}

[data-page="p01-enter-aadhaar"] .p01-primary-button:disabled{
  background: var(--light-disabled-cta-bg);
  color: var(--light-disabled-text);
  box-shadow: none;
  cursor: not-allowed;
}



@media (max-width: 1100px) and (min-width: 768px) {
  [data-page="p01-enter-aadhaar"] .p01-page-shell{
    grid-template-columns: 42% 58%;
  }

  [data-page="p01-enter-aadhaar"] .p01-journey-panel{
    padding-left: 42px;
    padding-right: 32px;
  }

  [data-page="p01-enter-aadhaar"] .p01-form-panel{
    padding-left: 56px;
    padding-right: 40px;
  }

  [data-page="p01-enter-aadhaar"] .p01-journey-copy{
    width: 100%;
  }

  [data-page="p01-enter-aadhaar"] .p01-journey-progress span{
    width: 82px;
  }
}



@media (max-width: 767px) {
  [data-page="p01-enter-aadhaar"] .p01-enter-aadhaar, [data-page="p01-enter-aadhaar"] .p01-page-shell{
    min-height: 100dvh;
  }

  [data-page="p01-enter-aadhaar"] .p01-page-shell{
    display: block;
  }

  [data-page="p01-enter-aadhaar"] .p01-journey-panel{
    display: none;
  }

  [data-page="p01-enter-aadhaar"] .p01-form-panel{
    min-height: 100dvh;
    padding: 16px 16px 112px;
    display: flex;
    flex-direction: column;
  }

  [data-page="p01-enter-aadhaar"] .p01-form-wrap{
    width: 100%;
  }

  [data-page="p01-enter-aadhaar"] .p01-form-step{
    margin-bottom: 8px;
    color: #53576C;
    font-size: 12px;
    font-weight: 500;
    line-height: 160%;
    letter-spacing: 0.01em;
  }

  [data-page="p01-enter-aadhaar"] .p01-form-title{
    max-width: 345px;
    margin-bottom: 24px;
    font-size: 20px;
    font-weight: 600;
    line-height: 160%;
  }

  [data-page="p01-enter-aadhaar"] .p01-field-label{
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 160%;
    letter-spacing: 0.005em;
  }

  [data-page="p01-enter-aadhaar"] .p01-field-control{
    height: 48px;
    padding: 0 12px;
    font-size: 16px;
    font-weight: 500;
    line-height: 160%;
    letter-spacing: 0.005em;
  }

  [data-page="p01-enter-aadhaar"] .p01-supporting-text{
    gap: 6px;
    margin-top: 4px;
    padding-right: 2px;
    color: #53576C;
    font-size: 12px;
    font-weight: 500;
    line-height: 160%;
    letter-spacing: 0.005em;
  }

  [data-page="p01-enter-aadhaar"] .p01-supporting-text svg{
    margin-top: 1px;
  }

  [data-page="p01-enter-aadhaar"] .p01-actions{
    position: fixed;
    left: 16px;
    right: 16px;
    bottom: 32px;
    z-index: 10;
    margin: 0;
  }

  [data-page="p01-enter-aadhaar"] .p01-primary-button{
    width: 100%;
    height: 48px;
    padding: 11px 20px;
    font-size: 16px;
    font-weight: 600;
    line-height: 160%;
    letter-spacing: 0.01em;
  }

  @media (hover: none) {
    [data-page="p01-enter-aadhaar"] .p01-primary-button:hover{
      background: var(--light-cobalt);
      box-shadow: none;
    }

    [data-page="p01-enter-aadhaar"] .p01-primary-button:active{
      background: #6379E9;
      box-shadow: 0 5px 10px rgba(99, 121, 233, 0.2);
    }
  }
}

/* Source: P02_Enter OTP/P02_Enter OTP css v1.css */
[data-page="p02-enter-otp"]{
      --cobalt: #172EA1;
      --alice-blue: #EDF0FC;
      --azure: #E9FBF9;
      --ink: #0D1333;
      --body: #434965;
      --secondary: #53576C;
      --border: #CBCEDC;
      --disabled-text: #A1A1AA;
      --disabled-bg: #E4E4E7;
      --disabled-cta-bg: #ECECED;
      --radius: 8px;
    }

    [data-page="p02-enter-otp"] *{ box-sizing: border-box; }

    [data-page="p02-enter-otp"], [data-page="p02-enter-otp"]{
      margin: 0;
      min-height: 100%;
      font-family: "Inter", sans-serif;
      background: #FFFFFF;
      color: var(--ink);
    }

    [data-page="p02-enter-otp"] button, [data-page="p02-enter-otp"] input{ font: inherit; }

    [data-page="p02-enter-otp"] .p02-enter-otp{
      min-height: 100vh;
      background: #FFFFFF;
    }

    [data-page="p02-enter-otp"] .page-shell{
      min-height: calc(100vh - 69px);
      display: grid;
      grid-template-columns: 511px minmax(0, 1fr);
    }


    [data-page="p02-enter-otp"] .journey-panel{
      min-height: calc(100vh - 69px);
      padding: 92px 84px 0;
      background: var(--azure);
    }

    [data-page="p02-enter-otp"] .journey-illustration{
      display: block;
      width: 160px;
      height: 270px;
      object-fit: contain;
      object-position: left center;
      margin: 0 0 20px -8px;
    }

    [data-page="p02-enter-otp"] .journey-step{
      margin: 0 0 14px;
      font-family: "Inter", sans-serif;
      font-weight: 500;
      font-size: 14px;
      line-height: 160%;
      letter-spacing: 0.01em;
      text-transform: uppercase;
      color: var(--secondary);
    }

    [data-page="p02-enter-otp"] .journey-title{
      margin: 0 0 12px;
      font-weight: 600;
      font-size: 24px;
      line-height: 160%;
      color: var(--cobalt);
    }

    [data-page="p02-enter-otp"] .journey-copy{
      width: 320px;
      margin: 0;
      font-weight: 500;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.005em;
      color: var(--ink);
    }

    [data-page="p02-enter-otp"] .journey-progress{
      display: flex;
      align-items: center;
      gap: 9px;
      margin-top: 38px;
    }

    [data-page="p02-enter-otp"] .journey-progress span{
      display: block;
      width: 109px;
      height: 4px;
      border-radius: 12px;
      background: var(--border);
    }

    [data-page="p02-enter-otp"] .journey-progress .step-one{
      background: var(--cobalt);
    }

    [data-page="p02-enter-otp"] .journey-progress .step-two{
      position: relative;
      overflow: hidden;
    }

    [data-page="p02-enter-otp"] .journey-progress .step-two::before{
      content: "";
      position: absolute;
      inset: 0 50% 0 0;
      background: var(--cobalt);
    }


    [data-page="p02-enter-otp"] .form-panel{
      background: #FFFFFF;
      padding: 103px 64px 80px;
      display: flex;
      justify-content: center;
      align-items: flex-start;
    }

    [data-page="p02-enter-otp"] .form-wrap{
      width: min(716px, 100%);
    }

    [data-page="p02-enter-otp"] .desktop-copy{ display: block; }
    [data-page="p02-enter-otp"] .mobile-copy{ display: none; }

    [data-page="p02-enter-otp"] .form-step{
      margin: 0 0 8px;
      font-weight: 500;
      font-size: 14px;
      line-height: 160%;
      letter-spacing: 0.01em;
      text-transform: uppercase;
      color: var(--secondary);
    }

    [data-page="p02-enter-otp"] .form-title{
      margin: 0 0 42px;
      font-weight: 600;
      font-size: 20px;
      line-height: 160%;
      text-transform: uppercase;
      color: var(--ink);
    }

    [data-page="p02-enter-otp"] .otp-label{
      display: block;
      margin: 0 0 8px;
      font-weight: 500;
      font-size: 14px;
      line-height: 160%;
      letter-spacing: 0.005em;
      color: var(--secondary);
    }

    [data-page="p02-enter-otp"] .otp-row{
      display: grid;
      grid-template-columns: repeat(6, minmax(0, 1fr));
      gap: 12px;
      width: 100%;
    }

    [data-page="p02-enter-otp"] .otp-input{
      width: 100%;
      height: 52px;
      padding: 0;
      border: 1px solid var(--border);
      border-radius: var(--radius);
      background: #FFFFFF;
      text-align: center;
      color: var(--ink);
      font-weight: 500;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.005em;
      outline: none;
    }

    [data-page="p02-enter-otp"] .otp-input:focus{
      border: 1.5px solid var(--cobalt);
    }

    [data-page="p02-enter-otp"] .desktop-actions{
      display: grid;
      grid-template-columns: 205px 1fr;
      gap: 160px;
      margin-top: 40px;
      align-items: center;
    }

    [data-page="p02-enter-otp"] .button{
      height: 52px;
      border-radius: var(--radius);
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.01em;
      cursor: pointer;
      transition: background 140ms ease, box-shadow 140ms ease;
    }

    [data-page="p02-enter-otp"] .back-button{
      border: 1px solid var(--cobalt);
      background: #FFFFFF;
      color: var(--cobalt);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
    }

    [data-page="p02-enter-otp"] .back-button:hover{
      background: var(--alice-blue);
    }

    [data-page="p02-enter-otp"] .back-button svg{
      width: 20px;
      height: 20px;
    }

    [data-page="p02-enter-otp"] .verify-button{
      width: 100%;
      border: 0;
      background: var(--cobalt);
      color: #FFFFFF;
    }

    [data-page="p02-enter-otp"] .verify-button:hover{
      background: #6379E9;
      box-shadow: 0 5px 10px rgba(99, 121, 233, 0.2);
    }

    [data-page="p02-enter-otp"] .button:focus-visible, [data-page="p02-enter-otp"] .mobile-back:focus-visible{
      outline: 2px solid #6379E9;
      outline-offset: 2px;
    }

    [data-page="p02-enter-otp"] .mobile-back, [data-page="p02-enter-otp"] .mobile-actions{
      display: none;
    }

    @media (max-width: 1100px) and (min-width: 768px) {

      [data-page="p02-enter-otp"] .page-shell{
        grid-template-columns: 42% 58%;
      }

      [data-page="p02-enter-otp"] .journey-panel{
        padding-left: 42px;
        padding-right: 32px;
      }

      [data-page="p02-enter-otp"] .journey-copy{ width: 100%; }

      [data-page="p02-enter-otp"] .form-panel{
        padding-left: 48px;
        padding-right: 48px;
      }

      [data-page="p02-enter-otp"] .desktop-actions{
        grid-template-columns: 190px 1fr;
        gap: 72px;
      }
    }


    @media (max-width: 767px) {
      [data-page="p02-enter-otp"] .journey-panel{
        display: none;
      }

      [data-page="p02-enter-otp"] .page-shell{
        display: block;
        min-height: 100dvh;
      }

      [data-page="p02-enter-otp"] .form-panel{
        min-height: 100dvh;
        padding: 60px 16px 112px;
        display: block;
      }

      [data-page="p02-enter-otp"] .form-wrap{
        width: 100%;
      }

      [data-page="p02-enter-otp"] .desktop-copy{
        display: none;
      }

      [data-page="p02-enter-otp"] .mobile-copy{
        display: block;
      }

      [data-page="p02-enter-otp"] .mobile-back{
        display: inline-grid;
        place-items: center;
        width: 40px;
        height: 40px;
        margin: 0 0 50px 0;
        padding: 0;
        border: 0;
        background: transparent;
        color: var(--cobalt);
        border-radius: var(--radius);
      }

      [data-page="p02-enter-otp"] .mobile-back svg{
        width: 24px;
        height: 24px;
      }

      [data-page="p02-enter-otp"] .form-step{
        margin-bottom: 8px;
        font-weight: 500;
        font-size: 12px;
        line-height: 160%;
        letter-spacing: 0.01em;
        text-transform: uppercase;
        color: var(--secondary);
      }

      [data-page="p02-enter-otp"] .form-title{
        margin-bottom: 24px;
        font-weight: 600;
        font-size: 20px;
        line-height: 160%;
        text-transform: uppercase;
        color: var(--ink);
      }

      [data-page="p02-enter-otp"] .otp-label{
        max-width: 330px;
        margin-bottom: 8px;
        font-weight: 500;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: 0.005em;
        color: var(--secondary);
      }

      [data-page="p02-enter-otp"] .otp-row{
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 8px;
      }

      [data-page="p02-enter-otp"] .otp-input{
        height: 48px;
        min-width: 0;
        font-weight: 500;
        font-size: 20px;
        line-height: 160%;
        letter-spacing: 0;
      }

      [data-page="p02-enter-otp"] .desktop-actions{
        display: none;
      }

      [data-page="p02-enter-otp"] .mobile-actions{
        display: block;
        position: fixed;
        left: 16px;
        right: 16px;
        bottom: 32px;
        z-index: 10;
      }

      [data-page="p02-enter-otp"] .verify-button{
        height: 48px;
        padding: 11px 20px;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: 0.01em;
      }

      @media (hover: none) {
        [data-page="p02-enter-otp"] .verify-button:hover{
          background: var(--cobalt);
          box-shadow: none;
        }

        [data-page="p02-enter-otp"] .verify-button:active{
          background: #6379E9;
          box-shadow: 0 5px 10px rgba(99, 121, 233, 0.2);
        }
      }
    }




/* Source: P03_Setup Account/P03_Setup Account css v1.css */
[data-page="p03-setup-account"]{
      --cobalt: #172EA1;
      --alice-blue: #EDF0FC;
      --azure: #E9FBF9;
      --ink: #0D1333;
      --body: #434965;
      --secondary: #53576C;
      --border: #CBCEDC;
      --disabled-text: #A1A1AA;
      --disabled-bg: #E4E4E7;
      --disabled-cta-bg: #ECECED;
      --radius: 8px;
    }

    [data-page="p03-setup-account"] *{ box-sizing: border-box; }

    [data-page="p03-setup-account"], [data-page="p03-setup-account"]{
      margin: 0;
      min-height: 100%;
      font-family: "Inter", sans-serif;
      background: #FFFFFF;
      color: var(--ink);
    }

    [data-page="p03-setup-account"] button, [data-page="p03-setup-account"] input{
      font: inherit;
    }

    [data-page="p03-setup-account"] .p03-setup-account{
      min-height: 100vh;
      background: #FFFFFF;
    }

    [data-page="p03-setup-account"] .page-shell{
      min-height: calc(100vh - 69px);
      display: grid;
      grid-template-columns: 511px minmax(0, 1fr);
    }


    [data-page="p03-setup-account"] .journey-panel{
      min-height: calc(100vh - 69px);
      padding: 100px 82px 0;
      background: var(--azure);
    }

    [data-page="p03-setup-account"] .journey-illustration{
      display: block;
      width: 281px;
      height: 244px;
      margin: 0 0 24px -8px;
    }

    [data-page="p03-setup-account"] .journey-illustration svg{
      display: block;
      width: 100%;
      height: 100%;
    }

    [data-page="p03-setup-account"] .journey-step{
      margin: 0 0 14px;
      font-weight: 500;
      font-size: 14px;
      line-height: 160%;
      letter-spacing: 0.01em;
      text-transform: uppercase;
      color: var(--secondary);
    }

    [data-page="p03-setup-account"] .journey-title{
      margin: 0 0 12px;
      font-weight: 600;
      font-size: 24px;
      line-height: 160%;
      color: var(--cobalt);
    }

    [data-page="p03-setup-account"] .journey-copy{
      width: 320px;
      margin: 0;
      font-weight: 500;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.005em;
      color: var(--ink);
    }

    [data-page="p03-setup-account"] .journey-progress{
      display: flex;
      gap: 9px;
      margin-top: 40px;
    }

    [data-page="p03-setup-account"] .journey-progress span{
      display: block;
      width: 109px;
      height: 4px;
      border-radius: 12px;
      background: var(--border);
    }

    [data-page="p03-setup-account"] .journey-progress .done{
      background: var(--cobalt);
    }

    [data-page="p03-setup-account"] .journey-progress .current{
      position: relative;
      overflow: hidden;
    }

    [data-page="p03-setup-account"] .journey-progress .current::before{
      content: "";
      position: absolute;
      inset: 0 50% 0 0;
      background: var(--cobalt);
    }


    [data-page="p03-setup-account"] .form-panel{
      background: #FFFFFF;
      padding: 103px 64px 70px;
      display: flex;
      justify-content: center;
      align-items: flex-start;
    }

    [data-page="p03-setup-account"] .form-wrap{
      width: min(716px, 100%);
    }

    [data-page="p03-setup-account"] .desktop-copy{ display: block; }
    [data-page="p03-setup-account"] .mobile-copy{ display: none; }

    [data-page="p03-setup-account"] .form-step{
      margin: 0 0 8px;
      font-weight: 500;
      font-size: 14px;
      line-height: 160%;
      letter-spacing: 0.01em;
      text-transform: uppercase;
      color: var(--secondary);
    }

    [data-page="p03-setup-account"] .form-title{
      margin: 0 0 42px;
      font-weight: 600;
      font-size: 20px;
      line-height: 160%;
      text-transform: uppercase;
      color: var(--ink);
    }

    [data-page="p03-setup-account"] .field-group{
      margin-bottom: 28px;
    }

    [data-page="p03-setup-account"] .field-label{
      display: block;
      margin-bottom: 8px;
      font-weight: 500;
      font-size: 14px;
      line-height: 160%;
      letter-spacing: 0.005em;
      color: var(--secondary);
    }

    [data-page="p03-setup-account"] .field{
      width: 100%;
      height: 52px;
      padding: 0 12px;
      border: 1px solid var(--border);
      border-radius: var(--radius);
      background: #FFFFFF;
      color: var(--ink);
      font-weight: 500;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.005em;
      outline: none;
    }

    [data-page="p03-setup-account"] .field:focus{
      border: 1.5px solid var(--cobalt);
    }

    [data-page="p03-setup-account"] .field[disabled]{
      background: var(--disabled-bg);
      color: var(--disabled-text);
      opacity: 1;
      -webkit-text-fill-color: var(--disabled-text);
    }

    [data-page="p03-setup-account"] .phone-row{
      display: grid;
      grid-template-columns: 144px 1fr;
      gap: 8px;
    }

    [data-page="p03-setup-account"] .country-code{
      height: 52px;
      padding: 0 12px;
      border: 1px solid var(--border);
      border-radius: var(--radius);
      background: var(--disabled-bg);
      display: flex;
      align-items: center;
      gap: 10px;
      color: var(--disabled-text);
      font-weight: 500;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.005em;
    }

    [data-page="p03-setup-account"] .flag{
      width: 28px;
      height: 28px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 28px;
    }

    [data-page="p03-setup-account"] .flag svg{
      display: block;
      width: 28px;
      height: 28px;
    }

    [data-page="p03-setup-account"] .checkbox-row{
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin-top: 12px;
      color: var(--secondary);
      font-weight: 500;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.005em;
      cursor: pointer;
    }

    [data-page="p03-setup-account"] .checkbox-row input{
      position: absolute;
      opacity: 0;
      pointer-events: none;
    }

    [data-page="p03-setup-account"] .checkbox-ui{
      width: 20px;
      height: 20px;
      border-radius: 2px;
      background: var(--cobalt);
      display: inline-grid;
      place-items: center;
      flex: 0 0 20px;
    }

    [data-page="p03-setup-account"] .checkbox-ui svg{
      width: 15px;
      height: 15px;
    }

    [data-page="p03-setup-account"] .supporting-text{
      display: flex;
      align-items: flex-start;
      gap: 6px;
      margin-top: 4px;
      color: var(--secondary);
      font-weight: 500;
      font-size: 14px;
      line-height: 160%;
      letter-spacing: 0.005em;
    }

    [data-page="p03-setup-account"] .supporting-text svg{
      width: 16px;
      height: 16px;
      flex: 0 0 16px;
      margin-top: 3px;
    }

    [data-page="p03-setup-account"] .desktop-actions{
      display: grid;
      grid-template-columns: 205px 1fr;
      gap: 160px;
      align-items: center;
      margin-top: 38px;
    }

    [data-page="p03-setup-account"] .button{
      height: 52px;
      border-radius: var(--radius);
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.01em;
      cursor: pointer;
      transition: background 140ms ease, box-shadow 140ms ease;
    }

    [data-page="p03-setup-account"] .back-button{
      border: 1px solid var(--cobalt);
      background: #FFFFFF;
      color: var(--cobalt);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
    }

    [data-page="p03-setup-account"] .back-button:hover{
      background: var(--alice-blue);
    }

    [data-page="p03-setup-account"] .back-button svg{
      width: 20px;
      height: 20px;
    }

    [data-page="p03-setup-account"] .login-button{
      width: 100%;
      border: 0;
      background: var(--cobalt);
      color: #FFFFFF;
    }

    [data-page="p03-setup-account"] .login-button:hover{
      background: #6379E9;
      box-shadow: 0 5px 10px rgba(99,121,233,0.2);
    }

    [data-page="p03-setup-account"] .terms{
      margin: 40px 0 0;
      text-align: center;
      font-weight: 500;
      font-size: 14px;
      line-height: 160%;
      letter-spacing: 0.005em;
      color: var(--secondary);
    }

    [data-page="p03-setup-account"] .terms a{
      color: var(--cobalt);
      text-decoration: none;
      font-weight: 600;
    }

    [data-page="p03-setup-account"] .mobile-back, [data-page="p03-setup-account"] .mobile-actions{
      display: none;
    }

    @media (max-width: 1100px) and (min-width: 768px) {

      [data-page="p03-setup-account"] .page-shell{
        grid-template-columns: 42% 58%;
      }

      [data-page="p03-setup-account"] .journey-panel{
        padding-left: 42px;
        padding-right: 32px;
      }

      [data-page="p03-setup-account"] .journey-copy{
        width: 100%;
      }

      [data-page="p03-setup-account"] .form-panel{
        padding-left: 48px;
        padding-right: 48px;
      }

      [data-page="p03-setup-account"] .desktop-actions{
        grid-template-columns: 190px 1fr;
        gap: 72px;
      }
    }


    @media (max-width: 767px) {
      [data-page="p03-setup-account"] .journey-panel{
        display: none;
      }

      [data-page="p03-setup-account"] .page-shell{
        display: block;
        min-height: 100dvh;
      }

      [data-page="p03-setup-account"] .form-panel{
        min-height: 100dvh;
        padding: 60px 16px 144px;
        display: block;
      }

      [data-page="p03-setup-account"] .form-wrap{
        width: 100%;
      }

      [data-page="p03-setup-account"] .desktop-copy{
        display: none;
      }

      [data-page="p03-setup-account"] .mobile-copy{
        display: block;
      }

      [data-page="p03-setup-account"] .mobile-back{
        display: inline-grid;
        place-items: center;
        width: 40px;
        height: 40px;
        margin: 0 0 50px 0;
        padding: 0;
        border: 0;
        background: transparent;
        color: var(--cobalt);
        border-radius: var(--radius);
      }

      [data-page="p03-setup-account"] .mobile-back svg{
        width: 24px;
        height: 24px;
      }

      [data-page="p03-setup-account"] .form-step{
        margin-bottom: 8px;
        font-size: 12px;
        line-height: 160%;
        font-weight: 500;
        letter-spacing: 0.01em;
        text-transform: uppercase;
        color: var(--secondary);
      }

      [data-page="p03-setup-account"] .form-title{
        margin-bottom: 24px;
        font-size: 20px;
        line-height: 160%;
        font-weight: 600;
        color: var(--ink);
      }

      [data-page="p03-setup-account"] .field-group{
        margin-bottom: 24px;
      }

      [data-page="p03-setup-account"] .field-label{
        margin-bottom: 8px;
        font-size: 14px;
        line-height: 160%;
        font-weight: 500;
        letter-spacing: 0.005em;
        color: var(--secondary);
      }

      [data-page="p03-setup-account"] .field{
        height: 48px;
        padding: 0 12px;
        font-size: 16px;
        line-height: 160%;
        font-weight: 500;
        letter-spacing: 0.005em;
      }

      [data-page="p03-setup-account"] .phone-row{
        grid-template-columns: 110px 1fr;
        gap: 8px;
      }

      [data-page="p03-setup-account"] .country-code{
        height: 48px;
        padding: 0 12px;
        gap: 8px;
        font-size: 16px;
        line-height: 160%;
        font-weight: 500;
        letter-spacing: 0.005em;
      }

      [data-page="p03-setup-account"] .flag{
        width: 28px;
        height: 28px;
        flex-basis: 28px;
      }

      [data-page="p03-setup-account"] .flag svg{
        width: 28px;
        height: 28px;
      }

      [data-page="p03-setup-account"] .checkbox-row{
        margin-top: 12px;
        gap: 10px;
        font-size: 16px;
        line-height: 160%;
        font-weight: 500;
        letter-spacing: 0.005em;
        color: var(--secondary);
      }

      [data-page="p03-setup-account"] .supporting-text{
        margin-top: 4px;
        font-size: 12px;
        line-height: 160%;
        font-weight: 500;
        letter-spacing: 0.005em;
        color: var(--secondary);
      }

      [data-page="p03-setup-account"] .supporting-text svg{
        margin-top: 1px;
      }

      [data-page="p03-setup-account"] .desktop-actions{
        display: none;
      }

      [data-page="p03-setup-account"] .terms{
        position: fixed;
        left: 16px;
        right: 16px;
        bottom: 94px;
        margin: 0;
        text-align: center;
        font-size: 12px;
        line-height: 160%;
        font-weight: 500;
        letter-spacing: 0.005em;
        color: var(--secondary);
        z-index: 10;
      }

      [data-page="p03-setup-account"] .mobile-actions{
        display: block;
        position: fixed;
        left: 16px;
        right: 16px;
        bottom: 32px;
        z-index: 10;
      }

      [data-page="p03-setup-account"] .login-button{
        height: 48px;
        padding: 11px 20px;
        font-size: 16px;
        line-height: 160%;
        font-weight: 600;
        letter-spacing: 0.01em;
      }

      @media (hover: none) {
        [data-page="p03-setup-account"] .login-button:hover{
          background: var(--cobalt);
          box-shadow: none;
        }

        [data-page="p03-setup-account"] .login-button:active{
          background: #6379E9;
          box-shadow: 0 5px 10px rgba(99,121,233,0.2);
        }
      }
    }

/* ===========================
   Module 03 (P04-P07)
   =========================== */
.m3-app {
  min-height: 100dvh;
  background: #f8f9ff;
  color: #0d1333;
}

.m3-app.is-loading .m3-main {
  visibility: hidden;
}

.m3-header {
  position: sticky;
  top: 0;
  z-index: 30;
  height: 68px;
  border-bottom: 0.5px solid #cbcedc;
  background: #fff;
}

.m3-header-inner {
  max-width: 1440px;
  height: 100%;
  margin: 0 auto;
  padding: 0 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}

.m3-desktop-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
  flex: 1;
  min-width: 0;
}

.m3-nav-link {
  border: 0;
  background: transparent;
  color: #53576c;
  font-size: 16px;
  font-weight: 500;
  line-height: 160%;
  cursor: pointer;
  padding: 8px 4px;
  white-space: nowrap;
}

.m3-nav-link:hover {
  color: #172ea1;
}

.m3-nav-link.is-active {
  color: #172ea1;
  font-weight: 600;
}

.m3-mobile-bottom-nav {
  display: none;
}

.m3-bottom-nav-item {
  flex: 1;
  border: 0;
  background: transparent;
  color: #53576c;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  cursor: pointer;
  padding: 8px 4px;
  text-align: center;
}

.m3-bottom-nav-item.is-active {
  color: #172ea1;
  font-weight: 600;
}

.m3-logo-wrap img {
  width: 121px;
  height: auto;
  display: block;
}

.m3-header-right {
  display: flex;
  align-items: center;
  gap: 8px;
}

.m3-icon-btn,
.m3-avatar-btn {
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #172ea1;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.m3-icon-btn svg {
  width: 24px;
  height: 24px;
}

.m3-avatar-btn {
  border-radius: 999px;
  background: #172ea1;
  color: #f8f9ff;
  font-weight: 600;
}

.m3-main {
  width: min(1280px, calc(100% - 160px));
  margin: 0 auto;
  padding: 40px 0 80px;
}

.m3-global-message {
  min-height: 20px;
  margin: 0 0 8px;
  color: #53576c;
  font-size: 14px;
}

.m3-screen {
  display: none;
}

.m3-screen.is-active {
  display: block;
}

.m3-btn {
  border-radius: 8px;
  font-weight: 600;
  border: 0;
  cursor: pointer;
}

.m3-btn-primary {
  background: #172ea1;
  color: #fff;
}

.m3-btn-primary:hover {
  background: #6379e9;
}

.m3-btn-outline {
  border: 1px solid #172ea1;
  color: #172ea1;
  background: #fff;
}

.m3-link-btn {
  border: 0;
  background: transparent;
  color: #172ea1;
  cursor: pointer;
  font-weight: 600;
  font-size: 18px;
  padding: 0;
}

.m3-link-btn svg {
  width: 24px;
  height: 24px;
}

.m3-page-shell {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.m3-hero {
  background: #0d1333;
  border-radius: 16px;
  color: #f8f9ff;
  padding: 32px;
}

.m3-greeting {
  font-size: 28px;
  font-weight: 600;
  margin: 0 0 14px;
}

.m3-hero-row {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
}

.m3-hero-title {
  font-size: 24px;
  line-height: 160%;
  margin: 0 0 4px;
}

.m3-hero-copy {
  margin: 0;
  color: #d3d8f5;
  font-size: 18px;
  line-height: 160%;
}

.m3-hero-search {
  width: 400px;
  height: 52px;
  flex: 0 0 400px;
  background: linear-gradient(180deg, #6b82f4 0%, #071c87 122.92%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 18px;
}

.m3-hero-search svg {
  width: 24px;
  height: 24px;
}

.m3-summary-rail {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.m3-summary-card {
  border: 0.5px solid #cbcedc;
  border-radius: 16px;
  background: #fff;
  padding: 20px 16px;
  min-height: 180px;
}

.m3-summary-count {
  font-size: 36px;
  margin: 0 0 4px;
  font-weight: 600;
}

.m3-summary-title {
  margin: 0 0 2px;
  font-size: 28px;
}

.m3-summary-title-danger {
  color: #c73838;
}

.m3-summary-text {
  margin: 0 0 22px;
  color: #434965;
  font-size: 16px;
}

.m3-proto-claims {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.m3-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.m3-section-head h2 {
  margin: 0;
  font-size: 28px;
  line-height: 160%;
}

.m3-proto-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.m3-proto-card {
  border: 0.5px solid #cbcedc;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 5px 10px rgb(0 0 0 / 7%);
  padding: 16px;
}

.m3-proto-top {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.m3-proto-type {
  margin: 0;
  color: #53576c;
  font-size: 14px;
}

.m3-proto-amount {
  margin: 0;
  font-size: 36px;
  font-weight: 600;
}

.m3-proto-id {
  margin: 0;
  color: #53576c;
  font-size: 12px;
}

.m3-proto-meta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 8px;
  border-bottom: 0.5px solid #cbcedc;
  margin: 10px 0;
  padding: 0 0 10px;
}

.m3-proto-meta span {
  display: block;
  color: #53576c;
  font-size: 11px;
}

.m3-proto-meta strong {
  font-size: 15px;
  font-weight: 500;
}

.m3-proto-status span {
  display: block;
  color: #53576c;
  font-size: 11px;
}

.m3-proto-status strong {
  font-size: 16px;
}

.m3-new-claim {
  width: 290px;
  height: 52px;
}

.m3-footer p {
  font-size: 40px;
  color: #cbcedc;
  margin: 0 0 20px;
  font-weight: 600;
}

.m3-footer img {
  width: 170px;
}

.m3-search-shell,
.m3-results-shell,
.m3-details-shell {
  background: #fff;
  padding-bottom: 132px;
}

.m3-screen-title {
  margin: 0 0 36px;
  font-size: 28px;
  line-height: 160%;
}

.m3-mobile-head,
.m3-results-mobile-head {
  display: none;
}

.m3-search-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px 28px;
}

.m3-field label {
  display: block;
  font-size: 16px;
  color: #53576c;
  margin: 0 0 8px;
}

.m3-field .text-input {
  font-size: 18px;
  height: 52px;
}

.m3-form-error {
  grid-column: 1 / -1;
  margin: 0;
}

.m3-search-actions {
  grid-column: 2;
  justify-self: end;
}

.m3-search-actions .m3-btn {
  width: 350px;
  height: 52px;
  font-size: 18px;
}

.m3-results-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.m3-result-card {
  border: 0.5px solid #cbcedc;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 5px 10px rgb(0 0 0 / 7%);
  padding: 20px;
}

.m3-result-top {
  display: flex;
  justify-content: space-between;
  align-items: start;
}

.m3-result-type {
  margin: 0;
  color: #53576c;
  font-size: 14px;
}

.m3-result-amount {
  margin: 4px 0 20px;
  font-size: 24px;
  font-weight: 600;
  line-height: 160%;
}

.m3-result-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  border-bottom: 0.5px solid #cbcedc;
  padding-bottom: 16px;
}

.m3-result-grid span {
  display: block;
  font-size: 12px;
  color: #53576c;
}

.m3-result-grid strong {
  font-size: 16px;
}

.m3-view-details-btn {
  margin: 16px auto 0;
  display: block;
  border: 0;
  background: transparent;
  color: #172ea1;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
}

.m3-bookmark-btn {
  width: 24px;
  height: 24px;
  border: 0;
  background: transparent;
  color: #172ea1;
  padding: 0;
}

.m3-bookmark-btn svg {
  width: 24px;
  height: 24px;
}

.m3-no-results {
  margin: 24px 0;
  border: 0.5px solid #cbcedc;
  border-radius: 16px;
  padding: 24px;
  text-align: center;
}

.m3-no-results p {
  margin: 0 0 16px;
  font-size: 18px;
  color: #434965;
}

.m3-results-footer {
  margin-top: 30px;
  border-top: 0.5px solid #cbcedc;
  padding-top: 24px;
  text-align: center;
}

.m3-results-footer p {
  color: #434965;
  font-size: 18px;
}

.m3-results-footer .m3-btn {
  width: 410px;
  height: 52px;
  font-size: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.m3-results-footer .m3-btn svg {
  width: 24px;
  height: 24px;
}

.m3-details-shell {
  background: #fff;
}

.m3-details-banner {
  background: #e9fbf9;
  border-radius: 16px;
  padding: 20px;
  margin: 0 0 20px;
}

.m3-details-banner p {
  margin: 0;
}

.m3-details-banner p:first-child {
  color: #53576c;
  font-size: 14px;
}

.m3-details-banner p:last-child {
  font-size: 28px;
  line-height: 160%;
  font-weight: 600;
}

.m3-details-sections {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.m3-details-card {
  border: 0.5px solid #cbcedc;
  border-radius: 16px;
  padding: 20px;
}

.m3-details-card h2 {
  margin: 0 0 10px;
  font-size: 24px;
}

.m3-details-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding: 11px 0;
  border-bottom: 0.5px solid #cbcedc;
}

.m3-details-row:last-child {
  border-bottom: 0;
}

.m3-details-row span {
  color: #53576c;
  font-size: 14px;
}

.m3-details-row strong {
  text-align: right;
  font-size: 16px;
  overflow-wrap: anywhere;
}

.m3-unavailable {
  color: #53576c;
  font-style: italic;
}

.m3-details-cta {
  position: sticky;
  bottom: 0;
  background: #fff;
  border-top: 0.5px solid #cbcedc;
  margin-top: 26px;
  padding: 14px 0 10px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas:
    "notice notice"
    "later start";
  column-gap: 12px;
  row-gap: 20px;
}

.m3-details-top {
  display: contents;
}

#m3DetailsBackButton {
  display: none;
}

.m3-details-cta > p {
  grid-area: notice;
}

#m3ClaimLaterButton {
  grid-area: later;
  width: 100%;
}

#m3StartClaimButton {
  grid-area: start;
}

.m3-details-cta p {
  margin: 0;
  background: #f4f5ce;
  border-radius: 8px;
  padding: 8px 12px;
  color: #434965;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.m3-details-cta .m3-btn {
  height: 52px;
  font-size: 18px;
}

.m3-details-cta-actions {
  display: contents;
}

.m3-details-cta-actions .m3-btn {
  width: 100%;
  height: 52px;
  font-size: 18px;
}

.m3-boundary-shell {
  max-width: 760px;
  margin: 0 auto;
  padding: 0 16px;
  background: transparent;
  text-align: center;
}

.m3-boundary-shell .screen-heading {
  margin-bottom: 14px;
}

.m3-boundary-actions {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  gap: 12px;
}

.m3-boundary-actions .m3-btn {
  height: 48px;
  padding: 0 20px;
}

@media (max-width: 767px) {
  .m3-header {
    display: none;
  }

  .m3-desktop-nav {
    display: none;
  }

  .m3-app[data-screen="dashboard"] .m3-mobile-bottom-nav {
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
    align-items: stretch;
    justify-content: space-around;
    gap: 4px;
    min-height: 64px;
    padding: 8px 12px calc(8px + env(safe-area-inset-bottom, 0px));
    border-top: 0.5px solid #cbcedc;
    background: #fff;
  }

  .m3-app[data-screen="dashboard"] .m3-main {
    padding-bottom: calc(30px + 64px + env(safe-area-inset-bottom, 0px));
  }

  .m3-main {
    width: 100%;
    padding: 0 0 30px;
  }

  .m3-global-message {
    margin: 0;
    padding: 0 16px;
  }

  .m3-hero {
    border-radius: 0 0 16px 16px;
    padding: 64px 16px 24px;
  }

  .m3-greeting {
    font-size: 20px;
    margin-bottom: 8px;
  }

  .m3-hero-row {
    display: block;
  }

  .m3-hero-title {
    font-size: 30px;
  }

  .m3-hero-copy {
    font-size: 16px;
    margin-bottom: 16px;
  }

  .m3-hero-search {
    width: 100%;
    height: 48px;
    font-size: 16px;
  }

  .m3-page-shell {
    gap: 24px;
  }

  .m3-summary-rail {
    display: flex;
    overflow-x: auto;
    gap: 12px;
    padding: 0 16px 4px;
  }

  .m3-summary-card {
    flex: 0 0 200px;
    min-height: 190px;
    border-radius: 14px;
    padding: 14px;
  }

  .m3-summary-count {
    font-size: 32px;
  }

  .m3-summary-title {
    font-size: 24px;
  }

  .m3-summary-text,
  .m3-link-btn {
    font-size: 14px;
  }

  .m3-proto-claims {
    padding: 0 16px;
  }

  .m3-section-head h2 {
    font-size: 32px;
  }

  .m3-proto-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .m3-proto-card {
    border-radius: 14px;
  }

  .m3-proto-amount {
    font-size: 32px;
  }

  .m3-new-claim {
    width: 100%;
    height: 48px;
    font-size: 16px;
  }

  .m3-footer {
    padding: 0 16px;
  }

  .m3-footer p {
    font-size: 28px;
  }

  .m3-mobile-head,
  .m3-results-mobile-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 16px 8px;
  }

  .m3-results-mobile-head {
    display: grid;
    grid-template-columns: 40px 1fr 40px;
  }

  .m3-results-mobile-head h1 {
    text-align: center;
  }

  .m3-details-top {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 26;
    align-items: center;
    justify-content: space-between;
    padding: 20px 32px 8px;
    background: #fff;
  }

  #m3DetailsBackButton {
    display: inline-flex;
  }

  #m3ClaimLaterButton {
    grid-area: auto;
    width: auto;
    height: auto;
    padding: 8px 0;
    border: 0;
    background: transparent;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
  }

  .m3-mobile-title {
    color: #53576c;
    font-size: 16px;
    font-weight: 600;
    display: inline-flex;
    gap: 10px;
    align-items: center;
    line-height: 160%;
    letter-spacing: 0.01em;
    text-transform: uppercase;
  }

  .m3-mobile-title svg {
    width: 24px;
    height: 24px;
  }

  .m3-screen-title {
    display: none;
  }

  .m3-search-grid {
    grid-template-columns: 1fr;
    padding: 0 16px 120px;
    gap: 18px;
  }

  .m3-field .text-input {
    height: 48px;
    font-size: 16px;
  }

  .m3-form-error {
    min-height: 0;
  }

  .m3-search-actions {
    grid-column: auto;
    position: fixed;
    left: 16px;
    right: 16px;
    bottom: 24px;
    z-index: 20;
    background: #fff;
  }

  .m3-search-actions .m3-btn {
    width: 100%;
    height: 48px;
    font-size: 16px;
  }

  .m3-results-mobile-head h1 {
    margin: 0;
    color: #53576c;
    font-size: 16px;
    font-weight: 600;
  }

  .m3-results-shell {
    padding: 0 16px;
  }

  .m3-results-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .m3-result-card {
    border-radius: 16px;
    padding: 16px;
  }

  .m3-result-amount {
    font-size: 20px;
    margin-bottom: 14px;
  }

  .m3-result-grid strong {
    font-size: 14px;
  }

  .m3-view-details-btn {
    font-size: 16px;
  }

  .m3-results-footer {
    margin-top: 24px;
    padding: 24px 0;
  }

  .m3-results-footer p {
    font-size: 16px;
  }

  .m3-results-footer .m3-btn {
    width: 100%;
    height: 48px;
    font-size: 16px;
  }

  .m3-details-shell {
    padding: 68px 16px 190px;
  }

  .m3-details-banner {
    border-radius: 8px;
    padding: 12px;
  }

  .m3-details-banner p:last-child {
    font-size: 20px;
  }

  .m3-details-sections {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .m3-details-card {
    border: 0;
    border-top: 0.5px solid #cbcedc;
    border-radius: 0;
    padding: 20px 0;
  }

  .m3-details-card h2 {
    color: #53576c;
    font-size: 16px;
    margin-bottom: 18px;
  }

  .m3-details-row {
    grid-template-columns: 1fr;
    gap: 2px;
    border: 0;
    padding: 0 0 16px;
  }

  .m3-details-row strong {
    text-align: left;
  }

  .m3-details-cta {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 25;
    padding: 14px 16px 16px;
    display: block;
  }

  .m3-details-cta-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  #m3StartClaimButton {
    grid-area: auto;
    width: 100%;
  }

  .m3-details-cta p {
    margin-bottom: 10px;
    font-size: 14px;
  }

  .m3-details-cta-actions .m3-btn {
    width: 100%;
    height: 48px;
    font-size: 16px;
  }

  .m3-boundary-shell {
    margin: 0;
    padding: 64px 16px 20px;
    text-align: left;
  }

  .m3-boundary-actions {
    display: block;
  }

  .m3-boundary-actions .m3-btn {
    width: 100%;
    margin-bottom: 10px;
  }
}

/* ===========================
   Module 04 (P08)
   =========================== */
.m4-shell {
  min-height: 100dvh;
  background: #fff;
}

.m4-header {
  height: 68px;
  background: #fff;
  border-bottom: 0.5px solid #cbcedc;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 50px 0 80px;
}

.m4-logo-wrap img {
  width: 121px;
  display: block;
}

.m4-save-exit {
  border: 0;
  background: transparent;
  color: #172ea1;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
}

.m4-progress-line,
.m4-mobile-progress-line {
  height: 2px;
  background: #cbcedc;
  position: relative;
}

.m4-progress-line {
  margin-left: 440px;
}

.m4-mobile-progress-line {
  height: 4px;
}

.m4-progress-line span,
.m4-mobile-progress-line span {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 33.33%;
  background: #172ea1;
}

.m4-mobile-top,
.m4-mobile-progress-line {
  display: none;
}

.m4-body {
  display: grid;
  grid-template-columns: 440px minmax(0, 1fr);
  min-height: calc(100dvh - 72px);
  background: #fff;
}

.m4-sidebar {
  background: #f8f9ff;
  padding: 80px 52px 0 82px;
}

.m4-sidebar-greeting {
  margin: 0 0 8px;
  font-size: 20px;
  line-height: 150%;
  font-weight: 600;
  color: #0d1333;
}

.m4-sidebar-copy {
  margin: 0 0 32px;
  color: #434965;
  font-size: 16px;
  line-height: 160%;
}

.m4-stepper {
  list-style: none;
  margin: 0;
  padding: 0 0 0 6px;
}

.m4-stepper li {
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
  color: #7b819a;
  font-size: 16px;
  margin-bottom: 18px;
}

.m4-stepper li::after {
  content: "";
  position: absolute;
  left: 16px;
  top: 48px;
  width: 1px;
  height: 14px;
  background: #d7dae6;
}

.m4-stepper li:last-child::after {
  display: none;
}

.m4-step-index {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #e8ebf5;
  color: #8f97ae;
  font-size: 20px;
  font-weight: 600;
  flex: 0 0 44px;
  margin-left: -6px;
}

.m4-step-text {
  color: #8b91a8;
  font-size: 16px;
  line-height: 160%;
  font-weight: 500;
}

.m4-stepper li.is-active {
  color: #0d1333;
}

.m4-stepper li.is-active .m4-step-index {
  background: #172ea1;
  color: #fff;
}

.m4-stepper li.is-active .m4-step-text {
  color: #0d1333;
  font-weight: 600;
}

.m4-main {
  width: min(700px, 100%);
  padding: 60px 0 132px;
  margin: 0 auto;
}

.m4-step-label {
  margin: 0 0 6px;
  color: #53576c;
  font-size: 12px;
  line-height: 160%;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}

.m4-title {
  margin: 0 0 34px;
  color: #0d1333;
  font-size: 20px;
  line-height: 160%;
  text-transform: uppercase;
}

.m4-status-message {
  min-height: 0;
  margin: 0;
  color: #434965;
  font-size: 13px;
}

.m4-error-message {
  min-height: 0;
  margin: 0;
}

.m4-status-message:empty,
.m4-error-message:empty {
  display: none;
}

.m4-deposit-card {
  background: #e9fbf9;
  border-radius: 8px;
  min-height: 94px;
  padding: 14px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 2px 0 36px;
  gap: 12px;
}

.m4-deposit-type {
  margin: 0;
  color: #53576c;
  font-size: 14px;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

.m4-deposit-amount {
  margin: 4px 0 0;
  color: #0d1333;
  font-size: 30px;
  font-weight: 600;
  overflow-wrap: anywhere;
}

.m4-view-details {
  border: 0;
  background: transparent;
  color: #172ea1;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  padding: 0;
}

.m4-field {
  margin-bottom: 38px;
}

.m4-field label {
  display: block;
  margin-bottom: 10px;
  color: #53576c;
  font-size: 14px;
  line-height: 160%;
}

#m4ClaimantTypeSelect {
  height: 53px;
  font-size: 16px;
  border-radius: 8px;
  border-color: #cbcedc;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10' fill='none'%3E%3Cpath d='M2 2L8 8L14 2' stroke='%23172EA1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 16px 10px;
  padding-right: 40px;
}

.m4-notice {
  margin: 0;
  background: #f4f5ce;
  border-radius: 8px;
  min-height: 43px;
  padding: 8px 12px;
  color: #434965;
  font-size: 14px;
  line-height: 150%;
  display: flex;
  align-items: center;
  gap: 8px;
}

.m4-notice .info-icon {
  border-color: #172ea1;
  color: #172ea1;
}

.m4-actions {
  position: fixed;
  left: 440px;
  right: 0;
  bottom: 0;
  background: #fff;
  border-top: 0.5px solid #cbcedc;
  padding: 20px 80px 40px;
  display: flex;
  justify-content: space-between;
  gap: 16px;
}

.m4-btn {
  height: 52px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
}

.m4-btn-outline {
  width: 200px;
  border: 1px solid #172ea1;
  color: #172ea1;
  background: #fff;
}

.m4-btn-primary {
  width: 360px;
  border: 0;
  color: #fff;
  background: #172ea1;
}

.m4-details-overlay {
  position: fixed;
  inset: 0;
  background: rgba(13, 19, 51, 0.28);
  backdrop-filter: blur(2px);
  display: none;
  justify-content: flex-end;
  z-index: 50;
}

.m4-details-overlay:not([hidden]) {
  display: flex;
}

.m4-details-overlay[hidden] {
  display: none !important;
}

.m4-details-drawer {
  width: min(68vw, 980px);
  height: 100dvh;
  background: #fff;
  border-radius: 16px 0 0 16px;
  overflow-y: auto;
}

.m4-details-header {
  display: flex;
  align-items: center;
  gap: 12px;
  border-bottom: 0.5px solid #cbcedc;
  padding: 14px 22px;
}

.m4-details-header h2 {
  margin: 0;
  flex: 1;
  text-align: center;
  color: #0d1333;
  font-size: 24px;
}

.m4-details-back {
  border: 0;
  background: transparent;
  color: #172ea1;
  font-size: 24px;
  cursor: pointer;
}

.m4-details-banner {
  margin: 18px 22px;
  background: #e9fbf9;
  border-radius: 12px;
  padding: 14px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.m4-details-banner-type {
  margin: 0;
  color: #53576c;
  font-size: 14px;
  text-transform: uppercase;
}

.m4-details-banner-amount {
  margin: 0;
  font-size: 30px;
  font-weight: 600;
  color: #0d1333;
}

.m4-details-card {
  margin: 0 22px 20px;
  border: 0.5px solid #cbcedc;
  border-radius: 12px;
  padding: 14px 16px;
}

.m4-details-section-toggle {
  width: 100%;
  margin: 0 0 14px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #172ea1;
  font-size: 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-transform: uppercase;
  font-weight: 700;
  cursor: pointer;
}

.m4-detail-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  border-bottom: 0.5px solid #cbcedc;
  padding: 9px 0;
}

.m4-detail-row:last-child {
  border-bottom: 0;
}

.m4-detail-row span {
  color: #53576c;
  font-size: 13px;
}

.m4-detail-row strong {
  color: #0d1333;
  text-align: right;
  font-size: 16px;
  overflow-wrap: anywhere;
}

.m4-mobile-details {
  min-height: 100dvh;
  background: #fff;
  padding: 50px 16px 60px;
}

.m4-mobile-details-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 26px;
}

.m4-mobile-details-header h1 {
  margin: 0;
  color: #53576c;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0.005em;
}

.m4-mobile-details-header button {
  border: 0;
  background: transparent;
  color: #172ea1;
  font-weight: 600;
  font-size: 24px;
  line-height: 1;
  padding: 0;
}

.m4-mobile-details .m4-details-banner {
  margin: 0 0 24px;
  min-height: 76px;
  border-radius: 8px;
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 3px;
}

.m4-mobile-details .m4-details-banner-type {
  font-size: 14px;
}

.m4-mobile-details .m4-details-banner-amount {
  font-size: 29px;
  line-height: 130%;
}

.m4-mobile-divider {
  height: 1px;
  background: #cbcedc;
  margin: 0 0 24px;
}

.m4-mobile-section-toggle {
  width: 100%;
  margin: 0 0 18px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #53576c;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.01em;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-transform: uppercase;
  cursor: pointer;
}

.m4-mobile-section-toggle span:last-child {
  color: #172ea1;
  font-size: 18px;
  line-height: 1;
}

.m4-mobile-detail-rows .m4-detail-row {
  grid-template-columns: 1fr;
  border-bottom: 0;
  padding: 0;
  margin-bottom: 22px;
}

.m4-mobile-detail-rows .m4-detail-row:last-child {
  margin-bottom: 0;
}

.m4-mobile-detail-rows .m4-detail-row span {
  display: block;
  margin-bottom: 6px;
  color: #53576c;
  font-size: 13px;
  line-height: 150%;
  text-transform: uppercase;
  letter-spacing: 0.01em;
}

.m4-mobile-detail-rows .m4-detail-row strong {
  text-align: left;
  font-size: 17px;
  line-height: 150%;
  font-weight: 600;
  overflow-wrap: anywhere;
}

#m4Module05BoundaryScreen .m3-boundary-shell {
  margin-top: 0;
}

#m4Module05BoundaryScreen {
  min-height: 100dvh;
  background: #f8f9ff;
  box-sizing: border-box;
  padding: 140px 0 40px;
}

@media (max-width: 767px) {
  #m4Module05BoundaryScreen {
    padding: 88px 0 32px;
  }
}

.m3-app[data-screen="claimant"] .m3-global-message,
.m3-app[data-screen="claimDetailsMobile"] .m3-global-message,
.m3-app[data-screen="uploadBoundary"] .m3-global-message,
.m3-app[data-screen="uploadDocuments"] .m3-global-message,
.m3-app[data-screen="documentDetail"] .m3-global-message,
.m3-app[data-screen="documentVerification"] .m3-global-message,
.m3-app[data-screen="claimFiled"] .m3-global-message {
  display: none;
}

.m3-app[data-screen="claimant"] > .m3-header,
.m3-app[data-screen="claimDetailsMobile"] > .m3-header,
.m3-app[data-screen="uploadBoundary"] > .m3-header,
.m3-app[data-screen="uploadDocuments"] > .m3-header,
.m3-app[data-screen="documentDetail"] > .m3-header,
.m3-app[data-screen="documentVerification"] > .m3-header,
.m3-app[data-screen="claimFiled"] > .m3-header {
  display: none;
}

.m3-app[data-screen="claimant"] .m3-main,
.m3-app[data-screen="claimDetailsMobile"] .m3-main,
.m3-app[data-screen="uploadBoundary"] .m3-main,
.m3-app[data-screen="uploadDocuments"] .m3-main,
.m3-app[data-screen="documentDetail"] .m3-main,
.m3-app[data-screen="documentVerification"] .m3-main,
.m3-app[data-screen="claimFiled"] .m3-main {
  width: 100%;
  margin: 0;
  padding: 0;
}

@media (max-width: 1100px) and (min-width: 768px) {
  .m4-progress-line {
    margin-left: 340px;
  }

  .m4-body {
    grid-template-columns: 340px minmax(0, 1fr);
  }

  .m4-sidebar {
    padding: 44px 28px 0;
  }

  .m4-main {
    width: min(640px, calc(100% - 48px));
    padding: 42px 0 126px;
    margin: 0 auto;
  }

  .m4-deposit-card {
    margin-top: 0;
    margin-bottom: 30px;
  }

  .m4-field {
    margin-bottom: 29px;
  }

  .m4-actions {
    left: 340px;
    padding: 16px 36px;
  }

  .m4-btn-outline {
    width: min(180px, 34%);
  }

  .m4-btn-primary {
    width: min(280px, 56%);
  }
}

@media (max-width: 767px) {
  .m4-header,
  .m4-progress-line,
  .m4-sidebar,
  .m4-details-overlay {
    display: none;
  }

  .m4-mobile-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 62px 16px 22px;
  }

  .m4-mobile-progress-line {
    display: block;
  }

  .m4-mobile-icon,
  .m4-mobile-save {
    border: 0;
    background: transparent;
    color: #172ea1;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
  }

  .m4-mobile-icon {
    font-size: 24px;
    line-height: 1;
    padding: 0;
  }

  .m4-body {
    display: block;
    min-height: auto;
  }

  .m4-main {
    max-width: none;
    padding: 8px 16px 148px;
    margin: 0;
  }

  .m4-step-label {
    font-size: 12px;
  }

  .m4-title {
    font-size: 18px;
    line-height: 140%;
    font-weight: 700;
    margin-bottom: 24px;
  }

  .m4-deposit-card {
    border-radius: 8px;
    min-height: 65px;
    padding: 9px 12px;
    margin-top: 0;
    margin-bottom: 32px;
  }

  .m4-field {
    margin-bottom: 25px;
  }

  .m4-deposit-type {
    font-size: 13px;
  }

  .m4-deposit-amount {
    font-size: 20px;
  }

  .m4-view-details {
    font-size: 16px;
  }

  .m4-field .text-input {
    height: 53px;
    font-size: 16px;
  }

  .m4-notice {
    font-size: 14px;
    min-height: 53px;
    line-height: 145%;
  }

  .m4-actions {
    display: block;
    position: fixed;
    left: 16px;
    right: 16px;
    bottom: 31px;
    background: transparent;
    border-top: 0;
    padding: 0;
  }

  .m4-btn-outline {
    display: none;
  }

  .m4-btn-primary {
    position: static;
    left: auto;
    right: auto;
    bottom: auto;
    width: auto;
    min-width: 100%;
    height: 50px;
    font-size: 16px;
    z-index: 30;
  }
}

/* ===========================
   Module 07 (P25-P27)
   =========================== */
.m7-otp-copy {
  margin: 0 0 12px;
  color: #53576c;
  font-size: 16px;
  line-height: 160%;
}

.m7-otp-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
}

.m7-otp-input {
  height: 52px;
  border: 1px solid #cbcedc;
  border-radius: 8px;
  font-size: 32px;
  text-align: center;
  color: #1b2447;
}

.m7-otp-support {
  margin-top: 8px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.m7-link-btn {
  font-size: 14px;
}

.m7-otp-timer {
  margin: 0;
  color: #53576c;
  font-size: 12px;
}

.m7-success-shell {
  min-height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  padding: 32px 16px;
}

.m7-success-content {
  width: min(704px, 100%);
  text-align: center;
}

.m7-success-content h1 {
  margin: 0 0 14px;
  font-size: 44px;
  line-height: 120%;
  color: #1b2447;
}

.m7-success-content p {
  margin: 0 auto 16px;
  width: min(544px, 100%);
  color: #465076;
  font-size: 18px;
  line-height: 150%;
}

.m7-success-btn,
.m7-dashboard-btn,
.m7-documents-btn,
.m7-support-btn {
  width: 100%;
  height: 52px;
  border-radius: 8px;
  border: 1px solid #2746c2;
  background: #fff;
  color: #2746c2;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
}

.m7-success-btn {
  margin-top: 8px;
}

.m7-dashboard-btn,
.m7-support-btn {
  margin-top: 12px;
}

.m7-success-close {
  display: none;
}

@media (min-width: 768px) {
  .m7-success-content h1 {
    white-space: nowrap;
  }
}

.m7-tracking-shell {
  max-width: 1360px;
  margin: 0 auto;
  padding: 46px 56px 66px;
}

.m7-tracking-summary-card {
  background: #e9fbf9;
  border-radius: 12px;
  min-height: 112px;
  padding: 18px 22px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.m7-tracking-summary-label {
  margin: 0;
  color: #586078;
  font-size: 16px;
}

.m7-tracking-summary-amount {
  margin: 4px 0 0;
  font-size: 42px;
  font-weight: 600;
  color: #1b2447;
  line-height: 1.1;
}

.m7-tracking-summary-id {
  margin: 2px 0 0;
  color: #1b2447;
  font-size: 24px;
  font-weight: 600;
}

.m7-tracking-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 420px;
  gap: 28px;
}

.m7-tracking-main-col {
  display: grid;
  gap: 16px;
  align-content: start;
}

.m7-tracking-side-col {
  display: grid;
  gap: 14px;
  align-content: start;
}

.m7-tracking-card {
  border: 0.5px solid #cbcedc;
  border-radius: 16px;
  background: #fff;
  padding: 14px 16px 0;
}

.m7-tracking-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.m7-tracking-card-header h2,
.m7-tracking-status-card h2 {
  margin: 0 0 12px;
  font-size: 16px;
  color: #1b2447;
}

.m7-tracking-chevron {
  color: #2746c2;
  font-size: 18px;
  line-height: 1;
  margin-top: -4px;
}

.m7-tracking-rows {
  display: grid;
}

.m7-tracking-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  padding: 11px 0;
  border-bottom: 0.5px solid #e3e6f1;
}

.m7-tracking-row:last-child {
  border-bottom: 0;
}

.m7-tracking-row span {
  color: #59607a;
  font-size: 13px;
}

.m7-tracking-row strong {
  text-align: right;
  color: #1b2447;
  font-size: 16px;
  overflow-wrap: anywhere;
}

.m7-tracking-row .m7-unclaimed-badge {
  justify-self: end;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 12px;
  border-radius: 8px;
  border: 1px solid #f8caca;
  background: #fff1f1;
  color: #dc4a4a;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
}

.m7-tracking-timeline {
  display: grid;
  gap: 10px;
}

.m7-timeline-item {
  display: grid;
  grid-template-columns: 14px 1fr;
  gap: 10px;
}

.m7-timeline-marker {
  width: 12px;
  height: 12px;
  border-radius: 999px;
  margin-top: 4px;
  background: #eceff8;
  border: 1px solid #d9deec;
}

.m7-timeline-item + .m7-timeline-item {
  position: relative;
}

.m7-timeline-item + .m7-timeline-item::before {
  content: "";
  position: absolute;
  left: 6px;
  top: -13px;
  width: 1px;
  height: 12px;
  background: #dde2f0;
}

.m7-timeline-item.is-complete .m7-timeline-marker,
.m7-timeline-item.is-current .m7-timeline-marker {
  background: #15966d;
  border-color: #15966d;
}

.m7-timeline-item.is-current .m7-timeline-marker {
  background: #b48a1f;
  border-color: #b48a1f;
}

.m7-timeline-item.is-exception .m7-timeline-marker {
  background: #b42318;
  border-color: #b42318;
}

.m7-timeline-item p {
  margin: 0;
  color: #1b2447;
  font-size: 16px;
  line-height: 1.35;
}

.m7-timeline-item.is-future p {
  color: #a1a6ba;
}

.m7-timeline-item small {
  color: #59607a;
  font-size: 11px;
  line-height: 1.3;
}

.m7-action-required {
  margin-top: 0;
  border: 1px solid #f5caca;
  border-radius: 8px;
  background: #fff2f2;
  padding: 10px;
}

.m7-action-required p {
  margin: 0 0 10px;
  color: #8f2f2f;
  font-size: 14px;
}

.m7-doc-overlay {
  position: fixed;
  inset: 0;
  z-index: 70;
  background: rgb(13 19 51 / 36%);
  display: flex;
  justify-content: flex-end;
}

.m7-doc-overlay[hidden] {
  display: none !important;
}

.m7-doc-drawer {
  width: min(560px, 100%);
  height: 100dvh;
  background: #fff;
  display: grid;
  grid-template-rows: auto 1fr auto;
  box-shadow: -8px 0 28px rgb(9 19 57 / 25%);
}

.m7-doc-drawer-header {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 16px;
  border-bottom: 0.5px solid #cbcedc;
}

.m7-doc-drawer-header h2 {
  margin: 0;
  font-size: 18px;
  color: #1b2447;
}

.m7-doc-drawer-back,
.m7-doc-drawer-close {
  border: 0;
  background: transparent;
  color: #172ea1;
  font-size: 22px;
  cursor: pointer;
  line-height: 1;
}

.m7-doc-drawer-body {
  overflow-y: auto;
  padding: 14px 16px;
  display: grid;
  gap: 10px;
}

.m7-doc-drawer-footer {
  border-top: 0.5px solid #cbcedc;
  padding: 12px 16px 16px;
}

.m7-doc-drawer-footer .m7-documents-btn {
  margin-top: 0;
}

.m7-doc-item {
  text-align: left;
  border: 1px solid #cfd6ea;
  border-radius: 8px;
  background: #fff;
  padding: 10px 12px;
  cursor: pointer;
}

.m7-doc-item-static {
  cursor: default;
}

.m7-doc-item span {
  display: block;
  color: #1b2447;
  font-weight: 600;
}

.m7-doc-item small,
.m7-doc-empty {
  color: #59607a;
  font-size: 12px;
}

.m7-doc-empty {
  margin: 0;
}

.m7-doc-view-shell {
  display: grid;
  gap: 12px;
}

.m7-doc-view-frame-wrap {
  border: 1px solid #d8deef;
  border-radius: 8px;
  min-height: 320px;
  background: #f8faff;
  overflow: hidden;
}

.m7-doc-view-frame,
.m7-doc-view-image {
  width: 100%;
  height: 100%;
  min-height: 320px;
  border: 0;
}

.m7-doc-view-image {
  object-fit: contain;
  background: #fff;
}

.m7-doc-view-note {
  margin: 0;
  padding: 10px 12px;
  border: 1px solid #e6e9f4;
  border-radius: 8px;
  color: #59607a;
  font-size: 13px;
  background: #fafbff;
}

.m7-tracking-mobile-head {
  display: none;
}

@media (max-width: 767px) {
  .m7-otp-copy {
    font-size: 16px;
    line-height: 1.35;
    margin-bottom: 14px;
  }

  .m7-otp-grid {
    gap: 8px;
  }

  .m7-otp-input {
    height: 60px;
    font-size: 24px;
  }

  .m7-success-shell {
    padding-top: 90px;
  }

  .m7-success-close {
    position: fixed;
    top: 26px;
    right: 16px;
    display: inline-flex;
    border: 0;
    background: transparent;
    color: #2746c2;
    font-size: 26px;
  }

  .m7-success-content h1 {
    font-size: 42px;
  }

  .m7-success-content p {
    font-size: 16px;
  }

  .m7-success-btn,
  .m7-dashboard-btn,
  .m7-documents-btn,
  .m7-support-btn {
    height: 50px;
    font-size: 18px;
  }

  .m7-tracking-mobile-head {
    display: none;
  }

  .m7-tracking-nav-btn {
    border: 0;
    background: transparent;
    color: #2746c2;
    font-size: 14px;
    font-weight: 600;
  }

  .m7-tracking-shell {
    padding: 14px 10px 40px;
  }

  .m7-tracking-summary-id {
    font-size: 24px;
  }

  .m7-tracking-summary-amount {
    font-size: 36px;
  }

  .m7-tracking-layout {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .m7-tracking-main-col,
  .m7-tracking-side-col {
    display: contents;
  }

  .m7-tracking-summary-card {
    order: 1;
  }

  .m7-tracking-status-card {
    order: 2;
  }

  #m7ViewSubmittedDocumentsButton {
    order: 3;
  }

  .m7-tracking-main-col > .m7-tracking-card {
    order: 4;
  }

  #m7TrackingDashboardButton {
    order: 5;
  }

  #m7TrackingActionRequired {
    order: 6;
  }

  .m7-tracking-row {
    grid-template-columns: 1fr;
  }

  .m7-tracking-row strong {
    text-align: left;
  }

  .m7-doc-overlay {
    justify-content: center;
    align-items: flex-end;
  }

  .m7-doc-drawer {
    width: 100%;
    height: min(86dvh, 760px);
    border-radius: 16px 16px 0 0;
  }

  .m7-doc-drawer-body {
    padding-bottom: 22px;
  }
}

/* ===========================
   Module 05 (P09-P24)
   =========================== */
.m5-shell {
  min-height: 100dvh;
  background: #fff;
}

.m5-header {
  height: 68px;
  background: #fff;
  border-bottom: 0.5px solid #cbcedc;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 50px 0 80px;
}

.m5-progress-line,
.m5-mobile-progress-line {
  height: 2px;
  background: #cbcedc;
  position: relative;
}

.m5-progress-line {
  margin-left: 440px;
}

.m5-mobile-progress-line {
  display: none;
  height: 4px;
}

.m5-progress-line span,
.m5-mobile-progress-line span {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 33.33%;
  background: #172ea1;
}

.m5-progress-sign span {
  width: 66.66%;
}

.m5-mobile-top {
  display: none;
}

.m5-body {
  display: grid;
  grid-template-columns: 440px minmax(0, 1fr);
  min-height: calc(100dvh - 72px);
}

.m5-sidebar {
  background: #f8f9ff;
  padding: 80px 52px 40px 82px;
  display: flex;
  flex-direction: column;
}

.m5-stepper {
  list-style: none;
  margin: 0;
  padding: 0 0 0 6px;
}

.m5-stepper li {
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
  color: #7b819a;
  font-size: 16px;
  margin-bottom: 18px;
}

.m5-stepper li::after {
  content: "";
  position: absolute;
  left: 16px;
  top: 48px;
  width: 1px;
  height: 14px;
  background: #d7dae6;
}

.m5-stepper li:last-child::after {
  display: none;
}

.m5-step-index {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #e8ebf5;
  color: #8f97ae;
  font-size: 20px;
  font-weight: 600;
  flex: 0 0 44px;
  margin-left: -6px;
}

.m5-step-index.is-complete {
  background: #15966d;
  color: #fff;
}

.m5-step-text {
  color: #8b91a8;
  font-size: 16px;
  line-height: 160%;
  font-weight: 500;
}

.m5-stepper li.is-active .m5-step-index {
  background: #172ea1;
  color: #fff;
}

.m5-stepper li.is-active .m5-step-text,
.m5-stepper li.is-complete .m5-step-text {
  color: #0d1333;
  font-weight: 600;
}

.m5-sidebar-support {
  margin-top: auto;
  border-top: 1px solid #dfe2ef;
  padding-top: 28px;
}

.m5-sidebar-support p,
.m5-mobile-support p {
  margin: 0 0 10px;
  color: #434965;
  font-size: 16px;
  line-height: 150%;
  font-weight: 400;
}

.m5-mobile-support {
  display: none;
}

.m5-support-btn {
  width: 100%;
  height: 52px;
  border: 1px solid #172ea1;
  border-radius: 8px;
  background: #fff;
  color: #172ea1;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
}

.m5-main {
  width: min(700px, 100%);
  padding: 60px 0 166px;
  margin: 0 auto;
}

.m5-estimate {
  color: #53576c;
  font-size: 16px;
  font-weight: 500;
  text-transform: none;
}

.m5-progress-text {
  margin: -16px 0 18px;
  color: #53576c;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
}

.m5-checklist {
  display: grid;
  gap: 10px;
}

.m5-row {
  border: 1px solid #dce1f1;
  border-radius: 8px;
  background: #fff;
  min-height: 84px;
  padding: 14px 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  cursor: pointer;
}

.m5-row.is-disabled {
  background: #efeff2;
  color: #a1a1aa;
  cursor: not-allowed;
}

.m5-row.is-supplied {
  border-color: #48c2a3;
}

.m5-row.is-error {
  border-color: #ef9a9a;
  background: #fff2f2;
}

.m5-row-main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}

.m5-row-main h3 {
  margin: 0;
  color: #0d1333;
  font-size: 16px;
  line-height: 140%;
  font-weight: 500;
}

.m5-row.is-disabled .m5-row-main h3 {
  color: #a1a1aa;
}

.m5-row-main p {
  margin: 4px 0 0;
  color: #59607a;
  font-size: 16px;
}

.m5-row.is-disabled .m5-row-main p {
  color: #b5b8c4;
}

.m5-row-status {
  margin-top: 8px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: #15966d;
}

.m5-row-status-icon {
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 16px;
}

.m5-row-status-icon svg {
  width: 16px;
  height: 16px;
  display: block;
}

.m5-row-status.error {
  color: #cf3434;
}

.m5-chevron {
  color: #172ea1;
  font-size: 24px;
}

.m5-row.is-disabled .m5-chevron {
  color: #bcbec8;
}

.m5-actions {
  position: fixed;
  left: 440px;
  right: 0;
  bottom: 0;
  background: #fff;
  border-top: 0.5px solid #cbcedc;
  padding: 14px 80px 26px;
  display: flex;
  justify-content: space-between;
  gap: 16px;
}

.m5-submit-wrap {
  width: 360px;
}

.m5-submit-hint {
  margin: 0 0 8px;
  min-height: 22px;
  border-radius: 8px;
  background: #f4f5ce;
  color: #434965;
  font-size: 14px;
  padding: 8px 10px;
}

#m5SubmitButton[disabled],
#m5BoundarySignButton[disabled] {
  background: #ececed;
  color: #a1a1aa;
  cursor: not-allowed;
}

.m5-detail-overlay {
  position: fixed;
  inset: 0;
  background: rgba(13, 19, 51, 0.4);
  backdrop-filter: blur(2.2px);
  -webkit-backdrop-filter: blur(2.2px);
  display: none;
  justify-content: flex-end;
  z-index: 70;
}

.m5-detail-overlay:not([hidden]) {
  display: flex;
}

.m5-detail-panel {
  width: min(966px, calc(100vw - 478px));
  height: 100dvh;
  background: #fff;
  border-radius: 16px 0 0 16px;
  display: flex;
  flex-direction: column;
  box-shadow: -8px 0 22px rgba(13, 19, 51, 0.08);
}

.m5-detail-header {
  display: flex;
  align-items: center;
  gap: 12px;
  border-bottom: 0.5px solid #cbcedc;
  padding: 14px 22px;
}

.m5-detail-header h2 {
  margin: 0;
  flex: 1;
  text-align: center;
  color: #0d1333;
  font-size: 34px;
}

.m5-edit-btn {
  border: 0;
  background: transparent;
  color: #172ea1;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
}

.m5-detail-body {
  overflow: auto;
  padding: 24px 56px 20px;
  color: #1f2b4d;
}

.m5-detail-footer {
  margin-top: auto;
  border-top: 0.5px solid #cbcedc;
  padding: 12px 22px 20px;
}

.m5-detail-footer .m4-btn-primary {
  width: 360px;
  float: right;
}

.m5-detail-panel[data-doc-code="application_form"][data-app-form-layout="input"] .m5-detail-header {
  height: 80px;
  padding: 0 28px;
  display: grid;
  grid-template-columns: 40px 1fr 40px;
  align-items: center;
  border-radius: 16px 0 0 0;
}

.m5-detail-panel[data-doc-code="application_form"][data-app-form-layout="input"] .m5-detail-header::after {
  content: "";
  width: 40px;
  height: 40px;
}

.m5-detail-panel[data-doc-code="application_form"][data-app-form-layout="input"] .m4-details-back {
  width: 40px;
  height: 40px;
  padding: 8px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: start;
  font-size: 24px;
  line-height: 1;
}

.m5-detail-panel[data-doc-code="application_form"][data-app-form-layout="input"] .m5-detail-header h2 {
  font-size: 24px;
  line-height: 160%;
}

.m5-detail-panel[data-doc-code="application_form"][data-app-form-layout="input"] .m5-detail-body {
  padding: 0;
  color: #0d1333;
}

.m5-detail-panel[data-doc-code="application_form"][data-app-form-layout="input"] .m5-app-form {
  width: min(700px, calc(100% - 120px));
  margin: 0 auto;
  padding: 78px 0 56px;
}

.m5-detail-panel[data-doc-code="application_form"][data-app-form-layout="input"] .m5-app-form-field {
  margin-bottom: 28px;
}

.m5-detail-panel[data-doc-code="application_form"][data-app-form-layout="input"] .m5-app-form-field:last-child {
  margin-bottom: 0;
}

.m5-detail-panel[data-doc-code="application_form"][data-app-form-layout="input"] .m5-app-form-field label {
  display: block;
  margin: 0 0 8px;
  color: #53576c;
  font-weight: 500;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0.005em;
}

.m5-detail-panel[data-doc-code="application_form"][data-app-form-layout="input"] .m5-app-form-select-wrap {
  position: relative;
}

.m5-detail-panel[data-doc-code="application_form"][data-app-form-layout="input"] .m5-app-form-select-input {
  appearance: none;
  -webkit-appearance: none;
  padding-right: 46px;
  font-weight: 500;
}

.m5-detail-panel[data-doc-code="application_form"][data-app-form-layout="input"] .m5-app-form-select-chevron {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  color: #172ea1;
  pointer-events: none;
  font-size: 16px;
  line-height: 1;
}

.m5-detail-panel[data-doc-code="application_form"][data-app-form-layout="input"] .m5-app-form .m5-input {
  border: 1px solid #cbcedc;
}

.m5-detail-panel[data-doc-code="application_form"][data-app-form-layout="input"] .m5-app-form .m5-input::placeholder {
  color: #a1a1aa;
  opacity: 1;
}

.m5-detail-panel[data-doc-code="application_form"][data-app-form-layout="input"] .m5-app-form-section {
  margin: 0 0 14px;
  color: #434965;
  font-weight: 600;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.01em;
}

.m5-detail-panel[data-doc-code="application_form"][data-app-form-layout="input"] .m5-app-form-address-grid {
  display: grid;
  grid-template-columns: 1fr 0.7fr;
  gap: 16px 20px;
}

.m5-detail-panel[data-doc-code="application_form"][data-app-form-layout="input"] .m5-app-form-address-grid .m5-app-form-field {
  margin-bottom: 0;
}

.m5-detail-panel[data-doc-code="application_form"][data-app-form-layout="input"] .m5-app-form-full-span {
  grid-column: 1 / -1;
}

.m5-detail-panel[data-doc-code="application_form"][data-app-form-layout="input"] .m5-detail-footer {
  padding: 20px 80px 40px;
  min-height: 112px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.m5-detail-panel[data-doc-code="application_form"][data-app-form-layout="input"] .m5-detail-footer .m4-btn-primary {
  width: 400px;
  float: none;
}

.m5-detail-panel[data-doc-code="application_form"][data-app-form-layout="review"] {
  width: min(900px, calc(100vw - 420px));
}

.m5-detail-panel[data-doc-code="application_form"][data-app-form-layout="review"] .m5-detail-header {
  min-height: 78px;
  padding: 0 26px 0 20px;
  border-bottom: 0.5px solid #dde1ef;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.m5-detail-panel[data-doc-code="application_form"][data-app-form-layout="review"] .m5-detail-header h2 {
  margin: 0;
  flex: 0 1 auto;
  text-align: left;
  font-size: 24px;
  line-height: 140%;
  font-weight: 600;
}

.m5-detail-panel[data-doc-code="application_form"][data-app-form-layout="review"] .m5-detail-body {
  padding: 0;
  overflow: auto;
}

.m5-p11-review {
  width: min(760px, calc(100% - 96px));
  margin: 0 auto;
  padding: 34px 0 30px;
  color: #2f3a5c;
}

.m5-p11-letter {
  padding-bottom: 18px;
  border-bottom: 0.5px solid #dde1ef;
}

.m5-p11-date,
.m5-p11-address-line,
.m5-p11-salutation,
.m5-p11-body-copy {
  margin: 0;
}

.m5-p11-date {
  color: #5a6078;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.01em;
  margin-bottom: 18px;
}

.m5-p11-date span {
  font-weight: 700;
}

.m5-p11-address-line,
.m5-p11-salutation,
.m5-p11-body-copy {
  font-size: 17px;
  line-height: 160%;
}

.m5-p11-salutation {
  margin-top: 12px;
}

.m5-p11-body-copy {
  margin-top: 14px;
}

.m5-p11-section {
  padding: 18px 0 14px;
  border-bottom: 0.5px solid #dde1ef;
}

.m5-p11-section h3 {
  margin: 0 0 12px;
  color: #5a6078;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.01em;
}

.m5-p11-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 32px;
}

.m5-p11-item span {
  display: block;
  color: #5a6078;
  font-size: 13px;
  line-height: 140%;
}

.m5-p11-item strong {
  display: block;
  margin-top: 2px;
  color: #0d1333;
  font-size: 16px;
  line-height: 150%;
  font-weight: 500;
  overflow-wrap: anywhere;
}

.m5-p11-item-full {
  grid-column: 1 / -1;
}

.m5-p11-declaration {
  border-bottom: 0;
  padding-bottom: 0;
}

.m5-p11-declaration ul {
  margin: 0;
  padding-left: 18px;
  display: grid;
  gap: 10px;
}

.m5-p11-declaration li {
  color: #2f3a5c;
  font-size: 16px;
  line-height: 160%;
}

.m5-p11-edit-icon {
  width: 12px;
  height: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

.m5-p11-edit-icon svg {
  width: 12px;
  height: 12px;
  display: block;
}

.m5-detail-panel[data-doc-code="application_form"][data-app-form-layout="review"] .m5-edit-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
}

.m5-detail-panel[data-doc-code="application_form"][data-app-form-layout="review"] .m5-detail-footer {
  border-top: 0.5px solid #dde1ef;
  padding: 14px 22px 18px;
  min-height: 86px;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  column-gap: 18px;
}

.m5-detail-panel[data-doc-code="application_form"][data-app-form-layout="review"] #m5DetailError {
  display: none;
}

.m5-detail-panel[data-doc-code="application_form"][data-app-form-layout="review"] .m5-detail-action-hint {
  grid-column: 1;
  justify-self: start;
}

.m5-p11-footer-confirm {
  display: inline-flex;
  align-items: flex-start;
  gap: 10px;
  max-width: 340px;
  color: #1f2b4d;
  font-size: 17px;
  line-height: 150%;
}

.m5-p11-footer-confirm input {
  margin-top: 4px;
  width: 14px;
  height: 14px;
}

.m5-p11-footer-confirm.is-invalid input {
  outline: 1px solid #d03b37;
  outline-offset: 1px;
}

.m5-p11-confirm-error {
  margin: 4px 0 0 24px;
  min-height: 18px;
  color: #d03b37;
  font-size: 13px;
  line-height: 140%;
}

.m5-detail-panel[data-doc-code="application_form"][data-app-form-layout="review"] .m5-detail-footer .m4-btn-primary {
  grid-column: 2;
  justify-self: end;
  width: 460px;
  height: 52px;
  float: none;
}

.m5-detail-panel[data-doc-code="written_request_to_bank"] {
  width: min(900px, calc(100vw - 420px));
}

.m5-detail-panel[data-doc-code="written_request_to_bank"] .m5-detail-header {
  min-height: 78px;
  padding: 0 22px;
  border-bottom: 0.5px solid #dde1ef;
  display: grid;
  grid-template-columns: 40px 1fr 40px;
  align-items: center;
}

.m5-detail-panel[data-doc-code="written_request_to_bank"] .m5-detail-header::after {
  content: "";
  width: 40px;
  height: 40px;
}

.m5-detail-panel[data-doc-code="written_request_to_bank"] .m4-details-back {
  width: 40px;
  height: 40px;
  padding: 8px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: start;
  font-size: 24px;
  line-height: 1;
}

.m5-detail-panel[data-doc-code="written_request_to_bank"] .m5-detail-header h2 {
  margin: 0;
  text-align: center;
  font-size: 24px;
  line-height: 140%;
  font-weight: 600;
}

.m5-detail-panel[data-doc-code="written_request_to_bank"] .m5-detail-body {
  padding: 0;
  overflow: auto;
}

.m5-p13-request {
  width: min(760px, calc(100% - 96px));
  margin: 0 auto;
  padding: 34px 0 30px;
  color: #2f3a5c;
}

.m5-p13-letter {
  padding-bottom: 18px;
  border-bottom: 0.5px solid #dde1ef;
}

.m5-p13-date,
.m5-p13-line,
.m5-p13-subject,
.m5-p13-copy,
.m5-p13-closing,
.m5-p13-signature {
  margin: 0;
}

.m5-p13-date {
  color: #5a6078;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.01em;
  margin-bottom: 16px;
}

.m5-p13-date span {
  font-weight: 700;
}

.m5-p13-line,
.m5-p13-subject,
.m5-p13-copy,
.m5-p13-closing,
.m5-p13-signature {
  font-size: 17px;
  line-height: 160%;
}

.m5-p13-subject {
  margin-top: 14px;
}

.m5-p13-copy {
  margin-top: 14px;
}

.m5-p13-account-section {
  padding: 18px 0 14px;
  border-bottom: 0.5px solid #dde1ef;
}

.m5-p13-account-section h3 {
  margin: 0 0 12px;
  color: #5a6078;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.01em;
}

.m5-p13-account-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 32px;
}

.m5-p13-item span {
  display: block;
  color: #5a6078;
  font-size: 13px;
  line-height: 140%;
}

.m5-p13-item strong {
  display: block;
  margin-top: 2px;
  color: #0d1333;
  font-size: 16px;
  line-height: 150%;
  font-weight: 500;
  overflow-wrap: anywhere;
}

.m5-p13-request-body {
  padding: 18px 0 46px;
}

.m5-p13-closing {
  margin-top: 16px;
}

.m5-p13-signature {
  margin-top: 4px;
  font-weight: 600;
}

.m5-detail-panel[data-doc-code="written_request_to_bank"] .m5-detail-footer {
  border-top: 0.5px solid #dde1ef;
  padding: 14px 22px 18px;
  min-height: 86px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.m5-detail-panel[data-doc-code="written_request_to_bank"] .m5-detail-footer .m4-btn-primary {
  width: 460px;
  height: 52px;
  float: none;
}

@media (min-width: 768px) {
  .m5-detail-panel[data-doc-code="proof_of_identity"],
  .m5-detail-panel[data-doc-code="proof_of_address"],
  .m5-detail-panel[data-doc-code="latest_photograph"],
  .m5-detail-panel[data-doc-code="declaration"] {
  width: min(960px, calc(100vw - 478px));
  }

  .m5-detail-panel[data-doc-code="proof_of_identity"] .m5-detail-header,
  .m5-detail-panel[data-doc-code="proof_of_address"] .m5-detail-header,
  .m5-detail-panel[data-doc-code="latest_photograph"] .m5-detail-header,
  .m5-detail-panel[data-doc-code="declaration"] .m5-detail-header {
  min-height: 80px;
  padding: 0 28px;
  border-bottom: 0.5px solid #cbcedc;
  display: grid;
  grid-template-columns: 40px 1fr 40px;
  align-items: center;
  border-radius: 16px 0 0 0;
  }

  .m5-detail-panel[data-doc-code="proof_of_identity"] .m5-detail-header::after,
  .m5-detail-panel[data-doc-code="proof_of_address"] .m5-detail-header::after,
  .m5-detail-panel[data-doc-code="latest_photograph"] .m5-detail-header::after,
  .m5-detail-panel[data-doc-code="declaration"] .m5-detail-header::after {
  content: "";
  width: 40px;
  height: 40px;
  }

  .m5-detail-panel[data-doc-code="proof_of_identity"] .m4-details-back,
  .m5-detail-panel[data-doc-code="proof_of_address"] .m4-details-back,
  .m5-detail-panel[data-doc-code="latest_photograph"] .m4-details-back,
  .m5-detail-panel[data-doc-code="declaration"] .m4-details-back {
  width: 40px;
  height: 40px;
  padding: 8px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: start;
  font-size: 24px;
  line-height: 1;
  }

  .m5-detail-panel[data-doc-code="proof_of_identity"] .m5-detail-header h2,
  .m5-detail-panel[data-doc-code="proof_of_address"] .m5-detail-header h2,
  .m5-detail-panel[data-doc-code="latest_photograph"] .m5-detail-header h2,
  .m5-detail-panel[data-doc-code="declaration"] .m5-detail-header h2 {
  margin: 0;
  text-align: center;
  color: #0d1333;
  font-size: 24px;
  line-height: 160%;
  font-weight: 600;
  }

  .m5-detail-panel[data-doc-code="proof_of_identity"] .m5-detail-body,
  .m5-detail-panel[data-doc-code="proof_of_address"] .m5-detail-body {
  overflow: auto;
  padding: 84px 60px 56px;
  }

  .m5-detail-panel[data-doc-code="latest_photograph"] .m5-detail-body {
  overflow: auto;
  padding: 66px 60px 56px;
  }

  .m5-detail-panel[data-doc-code="declaration"] .m5-detail-body {
  overflow: auto;
  padding: 58px 56px 32px;
  }

  .m5-declaration-review {
  width: min(720px, 100%);
  margin: 0 auto;
  color: #434965;
  font-size: 18px;
  line-height: 160%;
  }

  .m5-declaration-intro {
  margin: 0 0 26px;
  color: #434965;
  font-size: 18px;
  line-height: 160%;
  font-weight: 500;
  }

  .m5-declaration-list {
  margin: 0;
  padding: 0 0 0 20px;
  color: #434965;
  font-size: 18px;
  line-height: 160%;
  }

  .m5-declaration-list li {
  margin: 0 0 18px;
  padding-left: 2px;
  }

  .m5-declaration-list li:last-child {
  margin-bottom: 0;
  }

  .m5-p15-upload {
  width: min(700px, 100%);
  margin: 0 auto;
  }

  .m5-p19-upload {
  width: min(700px, 100%);
  margin: 0 auto;
  }

  .m5-p19-upload-zone {
  margin: 0;
  }

  .m5-p15-upload .m5-field {
  margin-bottom: 0;
  }

  .m5-p15-upload .m5-field label {
  margin-bottom: 8px;
  color: #53576c;
  font-size: 14px;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: 0.005em;
  }

  .m5-p15-upload .m5-input {
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid #cbcedc;
  border-radius: 8px;
  height: 52px;
  padding: 0 46px 0 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%23172EA1' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px 16px;
  color: #0d1333;
  font-size: 18px;
  font-weight: 500;
  line-height: 160%;
  }

  .m5-p15-divider {
  height: 0;
  border-top: 0.5px solid #cbcedc;
  margin: 38px 0 30px;
  }

  .m5-p15-upload-zone {
  margin: 0 0 18px;
  min-height: 126px;
  border: 1.5px dashed #6379e9;
  border-radius: 8px;
  background: #edf0fc;
  padding: 18px 20px;
  }

  .m5-p15-upload-plus {
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-bottom: 10px;
  }

  .m5-p15-upload-plus svg {
  width: 100%;
  height: 100%;
  display: block;
  }

  .m5-p15-upload-zone h4 {
  margin: 0 0 4px;
  color: #0d1333;
  font-size: 18px;
  font-weight: 600;
  line-height: 160%;
  }

  .m5-p15-upload-zone p {
  margin: 0;
  color: #53576c;
  font-size: 16px;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: 0.005em;
  }

  .m5-p15-or-divider {
  margin: 18px 0;
  color: #434965;
  font-size: 16px;
  font-weight: 600;
  line-height: 160%;
  letter-spacing: 0.01em;
  }

  .m5-p15-digilocker-btn {
  height: 52px;
  border: 1px solid #172ea1;
  border-radius: 8px;
  background: #fff;
  color: #172ea1;
  font-size: 18px;
  font-weight: 600;
  line-height: 160%;
  letter-spacing: 0.01em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  }

  .m5-p15-digilocker-logo {
  width: 114px;
  height: 28px;
  display: inline-flex;
  }

  .m5-p15-digilocker-logo img {
  width: 100%;
  height: 100%;
  display: block;
  }

  .m5-detail-panel[data-doc-code="proof_of_identity"] .m5-detail-footer,
  .m5-detail-panel[data-doc-code="proof_of_address"] .m5-detail-footer,
  .m5-detail-panel[data-doc-code="latest_photograph"] .m5-detail-footer {
  border-top: 0.5px solid #cbcedc;
  padding: 20px 80px 40px;
  min-height: 112px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  }

  .m5-detail-panel[data-doc-code="declaration"] .m5-detail-footer {
  border-top: 0.5px solid #cbcedc;
  padding: 20px 80px 24px 56px;
  min-height: 112px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto auto;
  align-items: center;
  column-gap: 20px;
  }

  .m5-detail-panel[data-doc-code="proof_of_identity"] .m5-detail-footer .m4-btn-primary,
  .m5-detail-panel[data-doc-code="proof_of_address"] .m5-detail-footer .m4-btn-primary,
  .m5-detail-panel[data-doc-code="latest_photograph"] .m5-detail-footer .m4-btn-primary {
  width: 400px;
  height: 52px;
  float: none;
  }

  .m5-detail-panel[data-doc-code="declaration"] .m5-detail-footer .m4-btn-primary {
  width: 400px;
  height: 52px;
  float: none;
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
  justify-self: end;
  }

  .m5-detail-panel[data-doc-code="declaration"] .m5-detail-footer .m5-detail-action-hint {
  grid-column: 1;
  grid-row: 1;
  min-height: 0;
  margin: 0;
  }

  .m5-detail-panel[data-doc-code="declaration"] .m5-detail-footer #m5DetailError {
  grid-column: 1;
  grid-row: 2;
  margin: 4px 0 0 24px;
  }

  .m5-declaration-checkbox {
  margin: 0;
  align-items: flex-start;
  color: #0d1333;
  font-size: 16px;
  line-height: 160%;
  }

  .m5-declaration-checkbox input {
  margin-top: 4px;
  }
}

.m5-detail-action-hint {
  min-height: 0;
  color: #53576c;
  font-size: 14px;
}

.m5-field {
  margin-bottom: 18px;
}

.m5-field label {
  display: block;
  color: #53576c;
  margin-bottom: 8px;
  font-size: 14px;
}

.m5-input {
  width: 100%;
  height: 52px;
  border: 1px solid #cad0e5;
  border-radius: 8px;
  font-size: 18px;
  color: #0d1333;
  padding: 0 12px;
}

.m5-form-section {
  margin-top: 24px;
  color: #53576c;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
}

.m5-review-block {
  color: #2f3a5c;
  font-size: 16px;
  line-height: 170%;
}

.m5-review-block h4 {
  margin: 26px 0 8px;
  color: #55607c;
  font-size: 20px;
}

.m5-review-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 22px;
  border-top: 0.5px solid #d5d9e8;
  border-bottom: 0.5px solid #d5d9e8;
  padding: 12px 0;
}

.m5-kv span {
  display: block;
  color: #626b84;
  font-size: 12px;
  text-transform: uppercase;
}

.m5-kv strong {
  font-size: 16px;
}

.m5-checkbox {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 14px;
  font-size: 16px;
  color: #1f2b4d;
}

.m5-upload-zone {
  margin: 18px 0 12px;
  border: 1px dashed #5f7be8;
  border-radius: 10px;
  background: #edf1ff;
  min-height: 116px;
  display: grid;
  place-items: center;
  text-align: center;
  padding: 16px;
}

.m5-upload-zone h4 {
  margin: 8px 0 4px;
  font-size: 20px;
}

.m5-upload-zone p {
  margin: 0;
  color: #59607a;
}

.m5-upload-divider {
  margin: 8px 0;
  text-align: center;
  color: #59607a;
}

.m5-digilocker-btn {
  width: 100%;
  height: 50px;
  border: 1px solid #4161d8;
  border-radius: 8px;
  background: #fff;
  color: #2746c2;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
}

.m5-file-row {
  margin-top: 10px;
  border: 1px solid #d8dced;
  border-radius: 8px;
  padding: 10px 12px;
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
}

.m5-link-btn {
  border: 0;
  background: transparent;
  color: #172ea1;
  font-weight: 600;
  cursor: pointer;
}

.m5-review-list {
  display: grid;
  gap: 10px;
}

.m5-review-list .m5-row {
  min-height: 78px;
}

.m5-review-list .m5-row-main p {
  margin-top: 2px;
}

@media (min-width: 768px) {
  #m5UploadScreen .m5-shell {
    --m5-actions-height: 116px;
    --m5-actions-height-ready: 136px;
    height: 100dvh;
    overflow: hidden;
  }

  #m5UploadScreen .m5-shell.is-ready-for-review {
    --m5-actions-height: var(--m5-actions-height-ready);
  }

  #m5UploadScreen .m5-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 40;
  }

  #m5UploadScreen .m5-progress-line {
    position: fixed;
    left: 440px;
    right: 0;
    top: 68px;
    z-index: 39;
    margin-left: 0;
  }

  #m5UploadScreen .m5-body {
    display: block;
    min-height: 100dvh;
  }

  #m5UploadScreen .m5-sidebar {
    position: fixed;
    left: 0;
    top: 70px;
    bottom: 0;
    width: 440px;
    padding-bottom: 132px;
    overflow: hidden;
  }

  #m5UploadScreen .m5-sidebar-support {
    position: absolute;
    left: 82px;
    right: 52px;
    bottom: 26px;
    margin-top: 0;
    border-top: 0;
    padding-top: 0;
  }

  #m5VerificationBoundaryScreen .m5-sidebar-support {
    margin-top: auto;
    border-top: 0;
    padding-top: 0;
  }

  #m5UploadScreen .m5-main {
    position: fixed;
    left: 440px;
    right: 0;
    top: 70px;
    bottom: var(--m5-actions-height);
    width: auto;
    margin: 0;
    overflow-y: auto;
    padding: 60px 80px 48px;
  }

  #m5UploadScreen .m5-main > * {
    width: min(700px, 100%);
    margin-left: auto;
    margin-right: auto;
  }

  #m5UploadScreen .m5-actions {
    position: fixed;
    left: 440px;
    right: 0;
    bottom: 0;
    z-index: 35;
    min-height: var(--m5-actions-height);
    height: auto;
    border-top: 0;
    background: #fff;
    box-shadow: 0 -8px 18px rgba(13, 19, 51, 0.04);
    padding: 12px 80px 26px;
    display: grid;
    grid-template-columns: 205px 1fr;
    align-items: end;
    gap: 16px;
  }

  #m5UploadScreen .m5-submit-wrap {
    justify-self: end;
    width: 360px;
  }
}

@media (max-width: 1100px) and (min-width: 768px) {
  .m5-progress-line {
    margin-left: 340px;
  }

  .m5-body {
    grid-template-columns: 340px minmax(0, 1fr);
  }

  .m5-sidebar {
    padding: 44px 28px 24px;
  }

  .m5-main {
    width: min(640px, calc(100% - 48px));
    padding: 42px 0 146px;
  }

  .m5-actions {
    left: 340px;
    padding: 16px 36px;
  }

  .m5-detail-panel {
    width: 72vw;
  }

  .m5-detail-panel[data-doc-code="written_request_to_bank"] {
    width: 72vw;
  }

  .m5-detail-panel[data-doc-code="proof_of_identity"] .m5-detail-body,
  .m5-detail-panel[data-doc-code="proof_of_address"] .m5-detail-body,
  .m5-detail-panel[data-doc-code="latest_photograph"] .m5-detail-body {
    padding-left: 48px;
    padding-right: 48px;
  }

  .m5-detail-panel[data-doc-code="declaration"] .m5-detail-body {
    padding-left: 44px;
    padding-right: 44px;
  }

  .m5-detail-panel[data-doc-code="proof_of_identity"] .m5-detail-footer,
  .m5-detail-panel[data-doc-code="proof_of_address"] .m5-detail-footer,
  .m5-detail-panel[data-doc-code="latest_photograph"] .m5-detail-footer {
    padding: 12px 36px 24px;
  }

  .m5-detail-panel[data-doc-code="declaration"] .m5-detail-footer {
    padding: 12px 36px 24px 44px;
  }

  .m5-detail-panel[data-doc-code="proof_of_identity"] .m5-detail-footer .m4-btn-primary,
  .m5-detail-panel[data-doc-code="proof_of_address"] .m5-detail-footer .m4-btn-primary,
  .m5-detail-panel[data-doc-code="latest_photograph"] .m5-detail-footer .m4-btn-primary {
    width: 320px;
  }

  .m5-detail-panel[data-doc-code="declaration"] .m5-detail-footer .m4-btn-primary {
    width: 320px;
  }

  .m5-detail-panel[data-doc-code="application_form"][data-app-form-layout="input"] .m5-app-form {
    width: calc(100% - 96px);
  }

  .m5-detail-panel[data-doc-code="application_form"][data-app-form-layout="input"] .m5-detail-footer {
    padding-left: 48px;
    padding-right: 48px;
  }

  #m5UploadScreen .m5-progress-line {
    left: 340px;
  }

  #m5UploadScreen .m5-sidebar {
    width: 340px;
    top: 70px;
    padding-bottom: 124px;
  }

  #m5UploadScreen .m5-sidebar-support {
    left: 28px;
    right: 28px;
    bottom: 24px;
  }

  #m5VerificationBoundaryScreen .m5-sidebar-support {
    padding-top: 0;
  }

  #m5UploadScreen .m5-main {
    left: 340px;
    bottom: var(--m5-actions-height);
    padding: 42px 36px 40px;
  }

  #m5UploadScreen .m5-main > * {
    width: min(640px, 100%);
  }

  #m5UploadScreen .m5-shell {
    --m5-actions-height: 112px;
    --m5-actions-height-ready: 132px;
  }

  #m5UploadScreen .m5-actions {
    left: 340px;
    min-height: var(--m5-actions-height);
    height: auto;
    padding: 12px 36px 24px;
    grid-template-columns: 190px 1fr;
  }

  #m5UploadScreen .m5-submit-wrap {
    width: 320px;
  }
}

@media (min-width: 768px) {
  #m3App[data-screen="documentDetail"] #m5UploadScreen {
    display: block;
    pointer-events: none;
  }
}

@media (max-width: 767px) {
  .m5-header,
  .m5-progress-line,
  .m5-sidebar {
    display: none;
  }

  .m5-mobile-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 62px 16px 22px;
  }

  .m5-mobile-progress-line {
    display: block;
  }

  .m5-body {
    display: block;
    min-height: auto;
  }

  .m5-main {
    width: 100%;
    padding: 12px 16px 178px;
    margin: 0;
  }

  .m5-estimate {
    font-size: 16px;
  }

  .m5-progress-text {
    margin: -12px 0 12px;
    font-size: 16px;
  }

  .m5-row {
    min-height: 74px;
    padding: 12px 12px;
  }

  .m5-row-main h3 {
    font-size: 16px;
  }

  .m5-row-main p {
    font-size: 16px;
  }

  .m5-row-status {
    font-size: 14px;
  }

  .m5-mobile-support {
    display: block;
    margin-top: 26px;
    border-top: 1px solid #dde1ef;
    padding-top: 24px;
  }

  .m5-mobile-support p {
    font-size: 16px;
  }

  .m5-actions {
    display: block;
    position: fixed;
    left: 16px;
    right: 16px;
    bottom: 31px;
    background: #fff;
    border-top: 0;
    padding: 0;
  }

  #m5BackButton,
  #m5BoundaryBackButton {
    display: none;
  }

  .m5-submit-wrap {
    width: 100%;
  }

  .m5-submit-hint {
    margin-bottom: 10px;
  }

  #m5SubmitButton,
  #m5BoundarySignButton {
    width: 100%;
    min-width: 100%;
    height: 50px;
    font-size: 16px;
  }

  .m5-detail-overlay {
    background: #fff;
    display: block;
  }

  .m5-detail-panel {
    width: 100%;
    border-radius: 0;
    height: 100dvh;
  }

  .m5-detail-header {
    padding: 28px 16px 12px;
  }

  .m5-detail-header h2 {
    font-size: 17px;
    color: #53576c;
    text-transform: uppercase;
  }

  .m5-detail-body {
    padding: 14px 16px 120px;
  }

  .m5-detail-footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    padding: 10px 16px 20px;
  }

  .m5-detail-footer .m4-btn-primary {
    float: none;
    width: 100%;
  }

  .m5-input {
    height: 48px;
    font-size: 16px;
  }

  .m5-review-grid {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .m5-detail-panel[data-doc-code="application_form"][data-app-form-layout="input"] {
    display: flex;
    flex-direction: column;
    height: 100dvh;
    overflow: hidden;
  }

  .m5-detail-panel[data-doc-code="application_form"][data-app-form-layout="input"] .m5-detail-header,
  .m5-detail-panel[data-doc-code="application_form"][data-app-form-layout="input"] .m5-detail-footer {
    flex-shrink: 0;
  }

  .m5-detail-panel[data-doc-code="application_form"][data-app-form-layout="input"] .m5-detail-body {
    flex: 1;
    min-height: 0;
    overflow: auto;
    padding: 0;
    scroll-padding-bottom: 32px;
  }

  .m5-detail-panel[data-doc-code="application_form"][data-app-form-layout="input"] .m5-detail-footer {
    position: static;
  }

  .m5-detail-panel[data-doc-code="application_form"][data-app-form-layout="input"] #m5PinInput {
    scroll-margin-bottom: 32px;
  }

  .m5-detail-panel[data-doc-code="application_form"][data-app-form-layout="input"] .m5-app-form {
    width: 100%;
    margin: 0;
    padding: 20px 16px 32px;
  }

  .m5-detail-panel[data-doc-code="application_form"][data-app-form-layout="input"] .m5-app-form-field {
    margin-bottom: 28px;
  }

  .m5-detail-panel[data-doc-code="application_form"][data-app-form-layout="input"] .m5-app-form-address-grid {
    display: block;
  }

  .m5-detail-panel[data-doc-code="application_form"][data-app-form-layout="input"] .m5-app-form-address-grid .m5-app-form-field {
    margin-bottom: 28px;
  }

  .m5-detail-panel[data-doc-code="application_form"][data-app-form-layout="input"] .m5-app-form-section {
    margin: 44px 0 22px;
    font-weight: 500;
  }

  .m5-detail-panel[data-doc-code="application_form"][data-app-form-layout="input"] .m5-detail-footer {
    padding: 10px 16px 20px;
    min-height: 0;
    display: block;
  }

  .m5-detail-panel[data-doc-code="application_form"][data-app-form-layout="input"] .m5-detail-footer .m4-btn-primary {
    width: 100%;
  }

  .m5-detail-panel[data-doc-code="application_form"][data-app-form-layout="review"] {
    width: 100%;
  }

  .m5-detail-panel[data-doc-code="application_form"][data-app-form-layout="review"] .m5-detail-header h2 {
    font-size: 22px;
  }

  .m5-p11-review {
    width: 100%;
    padding: 18px 16px 20px;
  }

  .m5-p11-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .m5-detail-panel[data-doc-code="application_form"][data-app-form-layout="review"] .m5-detail-footer {
    padding: 10px 16px 20px;
    min-height: 0;
    display: block;
  }

  .m5-p11-footer-confirm {
    display: flex;
    max-width: none;
    margin-bottom: 12px;
    font-size: 16px;
  }

  .m5-detail-panel[data-doc-code="application_form"][data-app-form-layout="review"] .m5-detail-footer .m4-btn-primary {
    width: 100%;
  }

  .m5-detail-panel[data-doc-code="written_request_to_bank"] {
    width: 100%;
  }

  .m5-detail-panel[data-doc-code="written_request_to_bank"] .m5-detail-header h2 {
    font-size: 22px;
  }

  .m5-p13-request {
    width: 100%;
    padding: 18px 16px 20px;
  }

  .m5-p13-account-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .m5-detail-panel[data-doc-code="written_request_to_bank"] .m5-detail-footer {
    padding: 10px 16px 20px;
    min-height: 0;
    display: block;
  }

  .m5-detail-panel[data-doc-code="written_request_to_bank"] .m5-detail-footer .m4-btn-primary {
    width: 100%;
  }
}

/* --- CMP-008 P04–P08 scoped placeholder CSS --- */

/* Source: P04_Homepage/P04_Homepage css.css */
[data-page="p04-homepage"]{
      --page-bg: #F8F9FF;
      --white: #FFFFFF;
      --navy: #0D1333;
      --cobalt: #172EA1;
      --logo-text: #1C223C;
      --body-text: #434965;
      --secondary-text: #53576C;
      --dark-body: #D3D8F5;
      --border: #CBCEDC;
      --error: #C73838;
      --header-height: 68px;
      --content-width: 1280px;
      --radius-card: 16px;
      --radius-button: 8px;
      --claim-shadow: 0 5px 10px rgba(0, 0, 0, 0.07);
      --cta-shadow: 0 10px 15px rgba(24, 28, 48, 0.20);
    }

    [data-page="p04-homepage"] *{ box-sizing: border-box; }

    [data-page="p04-homepage"], [data-page="p04-homepage"]{
      margin: 0;
      min-height: 100%;
      background: var(--page-bg);
      color: var(--navy);
      font-family: "Inter", sans-serif;
      -webkit-font-smoothing: antialiased;
      text-rendering: geometricPrecision;
    }

    [data-page="p04-homepage"]{ min-width: 320px; }

    [data-page="p04-homepage"] a{ color: inherit; text-decoration: none; }
    [data-page="p04-homepage"] button, [data-page="p04-homepage"] a{ -webkit-tap-highlight-color: transparent; }

    [data-page="p04-homepage"] .app-header__inner{
      width: 100%;
      height: 100%;
      max-width: 1440px;
      margin: 0 auto;
      padding: 0 80px;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    [data-page="p04-homepage"] .claimify-logo{ display: block; flex: 0 0 auto; }
    [data-page="p04-homepage"] .header-logo{ width: 120px; height: 28px; }

    [data-page="p04-homepage"] .header-right{
      display: flex;
      align-items: center;
      gap: 40px;
      height: 48px;
    }

    [data-page="p04-homepage"] .header-nav{
      display: flex;
      align-items: center;
      gap: 28px;
      height: 26px;
      white-space: nowrap;
    }

    [data-page="p04-homepage"] .header-nav a{
      font-weight: 500;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: 0.005em;
      color: var(--secondary-text);
    }

    [data-page="p04-homepage"] .header-controls{
      display: flex;
      align-items: center;
      gap: 8px;
      height: 48px;
    }

    [data-page="p04-homepage"] .notification-button{
      width: 48px;
      height: 48px;
      border: 0;
      padding: 0;
      display: grid;
      place-items: center;
      background: transparent;
      cursor: pointer;
      border-radius: 8px;
    }

    [data-page="p04-homepage"] .notification-button svg{ width: 48px; height: 48px; display: block; }

    [data-page="p04-homepage"] .profile-control{
      display: flex;
      align-items: center;
      gap: 4px;
      height: 48px;
    }

    [data-page="p04-homepage"] .avatar{
      width: 48px;
      height: 48px;
      border-radius: 50%;
      background: var(--cobalt);
      color: var(--page-bg);
      display: grid;
      place-items: center;
      font-weight: 600;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: 0.01em;
    }

    [data-page="p04-homepage"] .profile-chevron{ width: 24px; height: 24px; display: block; }

    [data-page="p04-homepage"] .dashboard-container{
      width: min(var(--content-width), calc(100% - 160px));
      margin: 0 auto;
      padding-top: 104px;
      padding-bottom: 85px;
    }

    [data-page="p04-homepage"] .dashboard-stack{
      display: flex;
      flex-direction: column;
      gap: 80px;
    }

    [data-page="p04-homepage"] .overview-block{
      display: flex;
      flex-direction: column;
      gap: 40px;
    }

    [data-page="p04-homepage"] .welcome-panel{
      width: 100%;
      height: 224px;
      padding: 40px;
      border-radius: var(--radius-card);
      background: var(--navy);
      color: var(--page-bg);
      display: flex;
      flex-direction: column;
      align-items: stretch;
      gap: 24px;
    }

    [data-page="p04-homepage"] .welcome-kicker{
      margin: 0;
      font-weight: 600;
      font-size: 28px;
      line-height: 160%;
      color: var(--page-bg);
    }

    [data-page="p04-homepage"] .welcome-row{
      width: 100%;
      height: 75px;
      display: flex;
      align-items: center;
      gap: 20px;
    }

    [data-page="p04-homepage"] .welcome-copy{
      width: 780px;
      min-width: 0;
      flex: 1 1 780px;
      display: flex;
      flex-direction: column;
      gap: 8px;
    }

    [data-page="p04-homepage"] .welcome-title{
      margin: 0;
      font-weight: 600;
      font-size: 24px;
      line-height: 160%;
      color: var(--page-bg);
    }

    [data-page="p04-homepage"] .welcome-description{
      margin: 0;
      font-weight: 500;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.005em;
      color: var(--dark-body);
    }

    [data-page="p04-homepage"] .primary-search{
      flex: 0 0 400px;
      width: 400px;
      height: 52px;
      padding: 13px 28px;
      border: 0;
      border-radius: var(--radius-button);
      background: linear-gradient(180deg, #6B82F4 0%, #071C87 122.92%);
      box-shadow: var(--cta-shadow);
      color: var(--white);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      font-family: inherit;
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.01em;
      cursor: pointer;
      white-space: nowrap;
    }

    [data-page="p04-homepage"] .primary-search svg{ width: 24px; height: 24px; flex: 0 0 24px; }

    [data-page="p04-homepage"] .summary-grid{
      width: 100%;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 20px;
    }

    [data-page="p04-homepage"] .summary-card{
      height: 216px;
      padding: 20px;
      border: 0.5px solid var(--border);
      border-radius: var(--radius-card);
      background: var(--white);
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      gap: 12px;
    }

    [data-page="p04-homepage"] .summary-count{
      margin: 0;
      font-weight: 600;
      font-size: 28px;
      line-height: 160%;
      color: #000000;
    }

    [data-page="p04-homepage"] .summary-copy{
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 4px;
      min-width: 0;
    }

    [data-page="p04-homepage"] .summary-heading{
      margin: 0;
      font-weight: 600;
      font-size: 20px;
      line-height: 160%;
      color: var(--navy);
    }

    [data-page="p04-homepage"] .summary-heading.is-error{ color: var(--error); }

    [data-page="p04-homepage"] .summary-description, [data-page="p04-homepage"] .summary-recovery{
      margin: 0;
      font-weight: 500;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: 0.005em;
      color: var(--body-text);
      white-space: nowrap;
    }

    [data-page="p04-homepage"] .summary-recovery strong{
      font-weight: 600;
      color: var(--navy);
    }

    [data-page="p04-homepage"] .text-link{
      height: 45px;
      padding: 8px;
      margin-left: -8px;
      display: inline-flex;
      align-items: center;
      justify-content: flex-start;
      gap: 8px;
      color: var(--cobalt);
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.01em;
      border-radius: var(--radius-button);
    }

    [data-page="p04-homepage"] .text-link svg{ width: 12px; height: 12px; flex: 0 0 12px; }

    [data-page="p04-homepage"] .claims-section{
      display: flex;
      flex-direction: column;
      gap: 28px;
      width: 100%;
    }

    [data-page="p04-homepage"] .claims-header{
      height: 45px;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    [data-page="p04-homepage"] .claims-header h2{
      margin: 0;
      font-weight: 600;
      font-size: 28px;
      line-height: 160%;
      color: var(--navy);
    }

    [data-page="p04-homepage"] .claims-header .text-link{
      width: 139px;
      justify-content: center;
      padding: 8px;
      margin-left: 0;
      margin-right: -8px;
    }

    [data-page="p04-homepage"] .claims-grid{
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 20px;
      width: 100%;
    }

    [data-page="p04-homepage"] .claim-card{
      height: 354px;
      padding: 20px;
      border: 0.5px solid var(--border);
      border-radius: var(--radius-card);
      background: var(--white);
      box-shadow: var(--claim-shadow);
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: stretch;
      gap: 28px;
      min-width: 0;
    }

    [data-page="p04-homepage"] .claim-top{
      height: 64px;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 4px;
    }

    [data-page="p04-homepage"] .claim-top__amount{
      width: 170px;
      min-width: 0;
      display: flex;
      flex-direction: column;
      gap: 4px;
    }

    [data-page="p04-homepage"] .claim-type{
      font-weight: 500;
      font-size: 14px;
      line-height: 160%;
      letter-spacing: 0.01em;
      text-transform: uppercase;
      color: var(--secondary-text);
      white-space: nowrap;
    }

    [data-page="p04-homepage"] .claim-amount{
      font-weight: 600;
      font-size: 24px;
      line-height: 160%;
      color: var(--navy);
      white-space: nowrap;
    }

    [data-page="p04-homepage"] .claim-id{
      margin-top: 0;
      font-weight: 600;
      font-size: 14px;
      line-height: 160%;
      letter-spacing: 0.01em;
      color: var(--secondary-text);
      white-space: nowrap;
    }

    [data-page="p04-homepage"] .claim-meta{
      height: 114px;
      display: flex;
      flex-direction: column;
      gap: 20px;
    }

    [data-page="p04-homepage"] .claim-meta-row{
      height: 47px;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 20px;
    }

    [data-page="p04-homepage"] .claim-meta-item{
      width: 140px;
      min-width: 0;
      display: flex;
      flex-direction: column;
      gap: 2px;
    }

    [data-page="p04-homepage"] .claim-meta-label, [data-page="p04-homepage"] .claim-status-label{
      font-weight: 500;
      font-size: 12px;
      line-height: 160%;
      letter-spacing: 0.01em;
      text-transform: uppercase;
      color: var(--secondary-text);
      white-space: nowrap;
    }

    [data-page="p04-homepage"] .claim-meta-value{
      font-weight: 500;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: 0.005em;
      color: var(--navy);
      white-space: nowrap;
    }

    [data-page="p04-homepage"] .claim-divider{
      height: 0;
      border-top: 0.5px solid var(--border);
      width: 100%;
    }

    [data-page="p04-homepage"] .claim-status{
      height: 52px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
    }

    [data-page="p04-homepage"] .claim-status-copy{
      min-width: 0;
      flex: 1 1 auto;
      display: flex;
      flex-direction: column;
      gap: 4px;
    }

    [data-page="p04-homepage"] .claim-status-value{
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.01em;
      color: var(--navy);
      white-space: nowrap;
    }

    [data-page="p04-homepage"] .claim-chevron{ width: 16px; height: 16px; flex: 0 0 16px; }

    [data-page="p04-homepage"] .secondary-action{
      width: calc((100% - 40px) / 3);
      height: 52px;
      padding: 14px 60px;
      border: 1px solid var(--cobalt);
      border-radius: var(--radius-button);
      background: var(--white);
      color: var(--cobalt);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.01em;
      white-space: nowrap;
    }

    [data-page="p04-homepage"] .secondary-action svg{ width: 18px; height: 18px; flex: 0 0 18px; }

    [data-page="p04-homepage"] .dashboard-footer{
      height: 128px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 40px;
    }

    [data-page="p04-homepage"] .footer-tagline{
      margin: 0;
      width: 809px;
      max-width: 100%;
      height: 48px;
      font-weight: 600;
      font-size: 40px;
      line-height: 120%;
      letter-spacing: -0.24px;
      color: var(--border);
      white-space: nowrap;
    }

    [data-page="p04-homepage"] .footer-logo{ width: 170.96px; height: 40px; }

    [data-page="p04-homepage"] .header-nav a:focus-visible, [data-page="p04-homepage"] .text-link:focus-visible, [data-page="p04-homepage"] .primary-search:focus-visible, [data-page="p04-homepage"] .secondary-action:focus-visible, [data-page="p04-homepage"] .notification-button:focus-visible{
      outline: 2px solid #6379E9;
      outline-offset: 2px;
    }



    [data-page="p04-homepage"] .header-nav a, [data-page="p04-homepage"] .notification-button, [data-page="p04-homepage"] .primary-search, [data-page="p04-homepage"] .text-link, [data-page="p04-homepage"] .secondary-action{
      transition: background-color 140ms ease, background 140ms ease, box-shadow 140ms ease;
    }

    @media (hover: hover) and (pointer: fine) {

      [data-page="p04-homepage"] .primary-search:hover{
        background: linear-gradient(180deg, #ACB9FA 6.5%, #6B82F4 33.09%, #071C87 98.69%);
        box-shadow: 0 10px 15px rgba(24, 28, 48, 0.20);
      }


      [data-page="p04-homepage"] .secondary-action:hover{
        background: #EDF0FC;
        border-color: var(--cobalt);
      }


      [data-page="p04-homepage"] .text-link:hover{
        background: #EDF0FC;
      }


    }

    [data-page="p04-homepage"] .header-nav a:focus-visible, [data-page="p04-homepage"] .text-link:focus-visible, [data-page="p04-homepage"] .primary-search:focus-visible, [data-page="p04-homepage"] .secondary-action:focus-visible, [data-page="p04-homepage"] .notification-button:focus-visible{
      outline: 2px solid #6379E9;
      outline-offset: 2px;
    }

    @media (max-width: 1180px) {
      [data-page="p04-homepage"] .app-header__inner{ padding: 0 40px; }
      [data-page="p04-homepage"] .dashboard-container{ width: calc(100% - 80px); }
      [data-page="p04-homepage"] .welcome-copy{ flex-basis: auto; width: auto; }
      [data-page="p04-homepage"] .primary-search{ flex-basis: 340px; width: 340px; }
      [data-page="p04-homepage"] .summary-description, [data-page="p04-homepage"] .summary-recovery{ white-space: normal; }
      [data-page="p04-homepage"] .claim-status-value{ white-space: normal; }
      [data-page="p04-homepage"] .claim-meta-item{ width: 46%; }
    }

    @media (max-width: 1023px) {
      [data-page="p04-homepage"] .header-right{ gap: 24px; }
      [data-page="p04-homepage"] .header-nav{ gap: 18px; }
      [data-page="p04-homepage"] .dashboard-container{ padding-top: 32px; padding-bottom: 64px; }
      [data-page="p04-homepage"] .dashboard-stack{ gap: 64px; }
      [data-page="p04-homepage"] .welcome-panel{ height: auto; min-height: 224px; }
      [data-page="p04-homepage"] .welcome-row{ height: auto; align-items: flex-start; flex-direction: column; }
      [data-page="p04-homepage"] .primary-search{ width: 100%; flex-basis: auto; }
      [data-page="p04-homepage"] .summary-grid, [data-page="p04-homepage"] .claims-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
      [data-page="p04-homepage"] .summary-card{ height: 216px; }
      [data-page="p04-homepage"] .secondary-action{ width: calc((100% - 20px) / 2); }
      [data-page="p04-homepage"] .dashboard-footer{ height: auto; }
    }

    @media (max-width: 767px) {
      [data-page="p04-homepage"] .dashboard-container{
        width: 100%;
        margin: 0;
        padding-top: 0;
        padding-bottom: 48px;
        overflow-x: hidden;
      }

      [data-page="p04-homepage"] .dashboard-stack{
        gap: 72px;
      }

      [data-page="p04-homepage"] .overview-block{
        gap: 28px;
      }

      [data-page="p04-homepage"] .welcome-panel{
        width: 100%;
        height: auto;
        min-height: 337px;
        padding: 76px 16px 24px;
        border-radius: 0 0 16px 16px;
        gap: 44px;
      }

      [data-page="p04-homepage"] .welcome-kicker{
        font-weight: 600;
        font-size: 20px;
        line-height: 160%;
      }

      [data-page="p04-homepage"] .welcome-row{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 18px;
      }

      [data-page="p04-homepage"] .welcome-copy{
        width: 100%;
        flex: none;
        gap: 4px;
      }

      [data-page="p04-homepage"] .welcome-title{
        font-weight: 600;
        font-size: 20px;
        line-height: 160%;
      }

      [data-page="p04-homepage"] .welcome-description{
        max-width: 343px;
        font-weight: 500;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: 0.005em;
      }

      [data-page="p04-homepage"] .primary-search{
        width: 100%;
        flex: none;
        height: 48px;
        padding: 11px 20px;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: 0.01em;
      }

      [data-page="p04-homepage"] .primary-search svg{
        width: 24px;
        height: 24px;
        flex: 0 0 24px;
      }


      [data-page="p04-homepage"] .summary-grid{
        width: 100%;
        display: flex;
        gap: 12px;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 0 16px 8px;
        scroll-padding-left: 16px;
        scrollbar-width: none;
        -ms-overflow-style: none;
        -webkit-overflow-scrolling: touch;
      }

      [data-page="p04-homepage"] .summary-grid::-webkit-scrollbar{
        display: none;
      }

      [data-page="p04-homepage"] .summary-card{
        flex: 0 0 199px;
        width: 199px;
        height: 198px;
        min-height: 198px;
        padding: 16px 12px;
        border: 0.5px solid var(--border);
        border-radius: 14px;
        justify-content: flex-start;
        gap: 8px;
      }

      [data-page="p04-homepage"] .summary-count{
        font-weight: 600;
        font-size: 24px;
        line-height: 160%;
      }

      [data-page="p04-homepage"] .summary-copy{
        gap: 4px;
      }

      [data-page="p04-homepage"] .summary-heading{
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
        color: var(--navy);
      }

      [data-page="p04-homepage"] .summary-heading.is-error{
        color: var(--error);
      }

      [data-page="p04-homepage"] .summary-description, [data-page="p04-homepage"] .summary-recovery{
        font-weight: 500;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0.005em;
        white-space: normal;
        color: var(--body-text);
      }

      [data-page="p04-homepage"] .summary-recovery strong{
        font-weight: 600;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0.01em;
        color: var(--navy);
      }

      [data-page="p04-homepage"] .text-link{
        height: 42px;
        padding: 8px;
        margin-left: -8px;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: 0.01em;
      }

      [data-page="p04-homepage"] .summary-card .text-link{
        margin-top: auto;
      }

      [data-page="p04-homepage"] .claims-section{
        width: calc(100% - 32px);
        margin: 0 16px;
        gap: 20px;
      }

      [data-page="p04-homepage"] .claims-header{
        height: auto;
        min-height: 32px;
        gap: 12px;
      }

      [data-page="p04-homepage"] .claims-header h2{
        font-weight: 600;
        font-size: 20px;
        line-height: 160%;
      }

      [data-page="p04-homepage"] .claims-header .text-link{
        width: auto;
        height: 38px;
        padding: 6px 8px;
        margin-left: 0;
        margin-right: -8px;
        font-size: 14px;
      }

      [data-page="p04-homepage"] .claims-grid{
        display: flex;
        flex-direction: column;
        gap: 16px;
        width: 100%;
      }

      [data-page="p04-homepage"] .claim-card{
        width: 100%;
        height: auto;
        min-height: 302px;
        padding: 16px;
        border-radius: 14px;
        gap: 16px;
      }

      [data-page="p04-homepage"] .claim-top{
        height: 61px;
      }

      [data-page="p04-homepage"] .claim-top__amount{
        width: 170px;
        gap: 2px;
      }

      [data-page="p04-homepage"] .claim-type{
        font-weight: 500;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0.01em;
        text-transform: uppercase;
        color: var(--secondary-text);
      }

      [data-page="p04-homepage"] .claim-amount{
        font-weight: 600;
        font-size: 20px;
        line-height: 160%;
      }

      [data-page="p04-homepage"] .claim-id{
        font-weight: 600;
        font-size: 12px;
        line-height: 160%;
        letter-spacing: 0.01em;
      }

      [data-page="p04-homepage"] .claim-meta{
        height: auto;
        gap: 14px;
      }

      [data-page="p04-homepage"] .claim-meta-row{
        height: auto;
        gap: 16px;
      }

      [data-page="p04-homepage"] .claim-meta-item{
        width: 48%;
        gap: 2px;
      }

      [data-page="p04-homepage"] .claim-meta-label, [data-page="p04-homepage"] .claim-status-label{
        font-weight: 500;
        font-size: 12px;
        line-height: 160%;
        letter-spacing: 0.01em;
        text-transform: uppercase;
        color: var(--secondary-text);
      }

      [data-page="p04-homepage"] .claim-meta-value{
        font-weight: 500;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: 0.005em;
        color: var(--navy);
      }

      [data-page="p04-homepage"] .claim-status{
        height: auto;
        min-height: 48px;
      }

      [data-page="p04-homepage"] .claim-status-copy{
        gap: 2px;
      }

      [data-page="p04-homepage"] .claim-status-value{
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: 0.01em;
        white-space: normal;
        color: var(--navy);
      }

      [data-page="p04-homepage"] .secondary-action{
        width: 100%;
        height: 48px;
        padding: 11px 20px;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: 0.01em;
      }

      [data-page="p04-homepage"] .dashboard-footer{
        width: calc(100% - 32px);
        height: auto;
        margin: 0 16px;
        gap: 28px;
      }

      [data-page="p04-homepage"] .footer-tagline{
        width: 100%;
        height: auto;
        max-width: 335px;
        font-weight: 600;
        font-size: 28px;
        line-height: 160%;
        letter-spacing: 0;
        white-space: normal;
      }

      [data-page="p04-homepage"] .footer-logo{
        width: 170.96px;
        height: 40px;
      }

      @media (hover: none) {
        [data-page="p04-homepage"] .primary-search:hover{
          background: linear-gradient(180deg, #6B82F4 0%, #071C87 122.92%);
        }

        [data-page="p04-homepage"] .primary-search:active{
          background: linear-gradient(180deg, #ACB9FA 6.5%, #6B82F4 33.09%, #071C87 98.69%);
        }

        [data-page="p04-homepage"] .text-link:hover, [data-page="p04-homepage"] .secondary-action:hover{
          background: transparent;
        }

        [data-page="p04-homepage"] .text-link:active, [data-page="p04-homepage"] .secondary-action:active{
          background: #EDF0FC;
        }
      }
    }





/* Source: P05_Find Bank Accounts/P05_Find Bank Accounts css.css */
[data-page="p05-find-bank-accounts"]{
      --white: #FFFFFF;
      --ink: #0D1333;
      --body: #434965;
      --secondary: #53576C;
      --cobalt: #172EA1;
      --cornflower: #6379E9;
      --alice-blue: #EDF0FC;
      --border: #CBCEDC;
      --radius: 8px;
    }

    [data-page="p05-find-bank-accounts"] *{ box-sizing: border-box; }

    [data-page="p05-find-bank-accounts"], [data-page="p05-find-bank-accounts"]{
      margin: 0;
      min-height: 100%;
      background: var(--white);
      color: var(--ink);
      font-family: "Inter", sans-serif;
      -webkit-font-smoothing: antialiased;
      text-rendering: geometricPrecision;
    }

    [data-page="p05-find-bank-accounts"] button, [data-page="p05-find-bank-accounts"] input, [data-page="p05-find-bank-accounts"] select{
      font: inherit;
    }

    [data-page="p05-find-bank-accounts"]{
      min-width: 320px;
    }

    [data-page="p05-find-bank-accounts"] .page{
      min-height: 100vh;
      background: var(--white);
    }

    [data-page="p05-find-bank-accounts"] .search-shell{
      width: min(1280px, calc(100% - 160px));
      margin: 0 auto;
      padding-top: 122px;
      padding-bottom: 80px;
    }

    [data-page="p05-find-bank-accounts"] .mobile-header{
      display: none;
    }

    [data-page="p05-find-bank-accounts"] .page-title{
      margin: 0 0 44px;
      color: var(--ink);
      font-weight: 600;
      font-size: 28px;
      line-height: 160%;
    }

    [data-page="p05-find-bank-accounts"] .form-grid{
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      column-gap: 40px;
      row-gap: 38px;
    }

    [data-page="p05-find-bank-accounts"] .field-group{
      min-width: 0;
    }

    [data-page="p05-find-bank-accounts"] .field-label{
      display: block;
      margin: 0 0 8px;
      color: var(--secondary);
      font-weight: 500;
      font-size: 14px;
      line-height: 160%;
      letter-spacing: 0.005em;
    }

    [data-page="p05-find-bank-accounts"] .field-wrap{
      position: relative;
    }

    [data-page="p05-find-bank-accounts"] .field{
      width: 100%;
      height: 52px;
      padding: 0 12px;
      border: 1px solid var(--border);
      border-radius: var(--radius);
      background: var(--white);
      color: var(--ink);
      outline: none;

      font-weight: 500;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.005em;
    }

    [data-page="p05-find-bank-accounts"] .field.has-trailing{
      padding-right: 48px;
    }

    [data-page="p05-find-bank-accounts"] .field:focus{
      border: 1.5px solid var(--cobalt);
    }

    [data-page="p05-find-bank-accounts"] .trailing-icon{
      position: absolute;
      right: 12px;
      top: 50%;
      transform: translateY(-50%);
      width: 24px;
      height: 24px;
      display: grid;
      place-items: center;
      color: var(--cobalt);
      pointer-events: none;
    }

    [data-page="p05-find-bank-accounts"] .trailing-icon.small{
      width: 16px;
      height: 16px;
    }

    [data-page="p05-find-bank-accounts"] .trailing-icon svg{
      display: block;
      width: 100%;
      height: 100%;
    }

    [data-page="p05-find-bank-accounts"] .native-date-picker{
      position: absolute;
      right: 4px;
      top: 50%;
      z-index: 2;
      width: 40px;
      height: 40px;
      padding: 0;
      border: 0;
      transform: translateY(-50%);
      opacity: 0;
      cursor: pointer;
    }

    [data-page="p05-find-bank-accounts"] .actions{
      display: flex;
      justify-content: flex-end;
      margin-top: 40px;
    }

    [data-page="p05-find-bank-accounts"] .primary-button{
      width: 350px;
      height: 52px;
      padding: 11px 24px;
      border: 0;
      border-radius: var(--radius);
      background: var(--cobalt);
      color: var(--white);
      cursor: pointer;

      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.01em;

      transition: background 140ms ease, box-shadow 140ms ease;
    }

    @media (hover: hover) and (pointer: fine) {
      [data-page="p05-find-bank-accounts"] .primary-button:hover{
        background: var(--cornflower);
        box-shadow: 0 5px 10px rgba(99, 121, 233, 0.2);
      }
    }

    [data-page="p05-find-bank-accounts"] .primary-button:focus-visible{
      outline: 2px solid var(--cornflower);
      outline-offset: 2px;
    }

    @media (max-width: 1023px) and (min-width: 768px) {
      [data-page="p05-find-bank-accounts"] .search-shell{
        width: calc(100% - 80px);
        padding-top: 88px;
      }

      [data-page="p05-find-bank-accounts"] .form-grid{
        column-gap: 28px;
      }
    }

    @media (max-width: 767px) {
      [data-page="p05-find-bank-accounts"] .page{
        min-height: 100dvh;
        padding-bottom: 112px;
      }

      [data-page="p05-find-bank-accounts"] .search-shell{
        width: 100%;
        margin: 0;
        padding: 64px 16px 130px;
      }

      [data-page="p05-find-bank-accounts"] .page-title{
        display: none;
      }

      [data-page="p05-find-bank-accounts"] .mobile-header{
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 32px;
        margin-bottom: 36px;
      }

      [data-page="p05-find-bank-accounts"] .mobile-title{
        display: inline-flex;
        align-items: center;
        gap: 12px;
        min-width: 0;
        height: 32px;
      }

      [data-page="p05-find-bank-accounts"] .mobile-title svg{
        display: block;
        width: 24px;
        height: 24px;
        flex: 0 0 24px;
        color: var(--cobalt);
      }

      [data-page="p05-find-bank-accounts"] .mobile-title span{
        display: inline-flex;
        align-items: center;
        height: 32px;
        color: var(--secondary);
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: 0.01em;
        text-transform: uppercase;
      }

      [data-page="p05-find-bank-accounts"] .close-button{
        width: 32px;
        height: 32px;
        padding: 4px;
        border: 0;
        background: transparent;
        color: var(--cobalt);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: var(--radius);
        cursor: pointer;
      }

      [data-page="p05-find-bank-accounts"] .close-button svg{
        width: 24px;
        height: 24px;
      }

      [data-page="p05-find-bank-accounts"] .form-grid{
        display: flex;
        flex-direction: column;
        gap: 24px;
      }

      [data-page="p05-find-bank-accounts"] .field-label{
        margin-bottom: 8px;
        color: var(--secondary);
        font-weight: 500;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0.005em;
      }

      [data-page="p05-find-bank-accounts"] .field{
        height: 48px;
        padding: 0 12px;
        color: var(--ink);
        font-weight: 500;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: 0.005em;
      }

      [data-page="p05-find-bank-accounts"] .field.has-trailing{
        padding-right: 48px;
      }

      [data-page="p05-find-bank-accounts"] .trailing-icon{
        right: 12px;
        width: 24px;
        height: 24px;
      }

      [data-page="p05-find-bank-accounts"] .trailing-icon.small{
        width: 16px;
        height: 16px;
      }

      [data-page="p05-find-bank-accounts"] .actions{
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 20;
        margin: 0;
        padding: 24px 16px 24px;
        background: #FFFFFF;
      }

      [data-page="p05-find-bank-accounts"] .primary-button{
        width: 100%;
        height: 48px;
        padding: 11px 20px;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: 0.01em;
      }

      @media (hover: none) {
        [data-page="p05-find-bank-accounts"] .primary-button:hover{
          background: var(--cobalt);
          box-shadow: none;
        }

        [data-page="p05-find-bank-accounts"] .primary-button:active{
          background: var(--cornflower);
          box-shadow: 0 5px 10px rgba(99, 121, 233, 0.2);
        }
      }
    }




/* Source: P06_Search Results/P06_Search Results css.css */
[data-page="p06-search-results"]{
      --page-bg: #F8F9FF;
      --white: #FFFFFF;
      --ink: #0D1333;
      --body: #434965;
      --secondary: #53576C;
      --cobalt: #172EA1;
      --alice-blue: #EDF0FC;
      --border: #CBCEDC;
      --card-shadow: 0 5px 10px rgba(0,0,0,.07);
      --radius-card: 16px;
      --radius-button: 8px;
    }

    [data-page="p06-search-results"] *{ box-sizing: border-box; }

    [data-page="p06-search-results"], [data-page="p06-search-results"]{
      margin: 0;
      min-height: 100%;
      font-family: "Inter", sans-serif;
      background: var(--page-bg);
      color: var(--ink);
      -webkit-font-smoothing: antialiased;
      text-rendering: geometricPrecision;
    }

    [data-page="p06-search-results"]{ min-width: 320px; }

    [data-page="p06-search-results"] a, [data-page="p06-search-results"] button{
      font: inherit;
      -webkit-tap-highlight-color: transparent;
    }

    [data-page="p06-search-results"] a{ text-decoration: none; }

    [data-page="p06-search-results"] .page{
      min-height: 100vh;
      background: var(--page-bg);
    }

    [data-page="p06-search-results"] .results-shell{
      width: calc(100% - 160px);
      margin: 0 auto;
      padding-top: 123px;
      padding-bottom: 80px;
    }

    [data-page="p06-search-results"] .mobile-header{
      display: none;
    }

    [data-page="p06-search-results"] .page-title{
      margin: 0 0 44px;
      font-weight: 600;
      font-size: 28px;
      line-height: 160%;
      color: var(--ink);
    }

    [data-page="p06-search-results"] .results-grid{
      display: flex;
      gap: 20px;
      align-items: flex-start;
      flex-wrap: wrap;
    }

    [data-page="p06-search-results"] .result-card{
      width: 422px;
      height: 362px;
      padding: 20px;
      border: 0.5px solid var(--border);
      border-radius: var(--radius-card);
      background: var(--white);
      box-shadow: var(--card-shadow);
      display: flex;
      flex-direction: column;
    }

    [data-page="p06-search-results"] .card-top{
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 16px;
    }

    [data-page="p06-search-results"] .account-type{
      margin: 0;
      font-weight: 500;
      font-size: 14px;
      line-height: 160%;
      letter-spacing: 0.01em;
      text-transform: uppercase;
      color: var(--secondary);
    }

    [data-page="p06-search-results"] .bookmark{
      width: 24px;
      height: 24px;
      padding: 0;
      border: 0;
      background: transparent;
      color: var(--cobalt);
      display: grid;
      place-items: center;
      cursor: pointer;
      border-radius: var(--radius-button);
    }

    [data-page="p06-search-results"] .bookmark svg{
      width: 24px;
      height: 24px;
      display: block;
    }

    [data-page="p06-search-results"] .bookmark path{
      transition: fill 140ms ease;
    }

    [data-page="p06-search-results"] .bookmark:not(.is-saved) path{
      fill: none;
    }

    [data-page="p06-search-results"] .bookmark.is-saved path{
      fill: currentColor;
    }

    [data-page="p06-search-results"] .amount{
      margin: 6px 0 28px;
      font-weight: 600;
      font-size: 24px;
      line-height: 160%;
      color: var(--ink);
    }

    [data-page="p06-search-results"] .details-grid{
      display: grid;
      grid-template-columns: 1fr 1fr;
      column-gap: 34px;
      row-gap: 20px;
    }

    [data-page="p06-search-results"] .detail-label{
      margin: 0 0 2px;
      font-weight: 500;
      font-size: 14px;
      line-height: 160%;
      letter-spacing: 0.01em;
      text-transform: uppercase;
      color: var(--secondary);
    }

    [data-page="p06-search-results"] .detail-value{
      margin: 0;
      font-weight: 500;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: 0.005em;
      color: var(--ink);
      white-space: nowrap;
    }

    [data-page="p06-search-results"] .card-divider{
      height: 0;
      border-top: 0.5px solid var(--border);
      margin-top: 28px;
    }

    [data-page="p06-search-results"] .details-link{
      height: 45px;
      margin: auto auto 0;
      padding: 8px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      border-radius: var(--radius-button);
      color: var(--cobalt);
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.01em;
      transition: background-color 140ms ease;
    }

    [data-page="p06-search-results"] .details-link svg{
      width: 12px;
      height: 12px;
      display: block;
      flex: 0 0 12px;
    }

    [data-page="p06-search-results"] .search-again{
      width: 100%;
      margin-top: 40px;
      padding-top: 40px;
      border-top: 0.5px solid var(--border);
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 16px;
    }

    [data-page="p06-search-results"] .search-again p{
      margin: 0;
      font-weight: 500;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.005em;
      color: var(--body);
    }

    [data-page="p06-search-results"] .new-search{
      width: 410px;
      height: 52px;
      padding: 11px 24px;
      border: 1px solid var(--cobalt);
      border-radius: var(--radius-button);
      background: var(--white);
      color: var(--cobalt);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      cursor: pointer;

      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.01em;

      transition: background-color 140ms ease;
    }

    [data-page="p06-search-results"] .new-search svg{
      width: 24px;
      height: 24px;
      display: block;
      flex: 0 0 24px;
    }

    @media (hover: hover) and (pointer: fine) {
      [data-page="p06-search-results"] .details-link:hover{
        background: var(--alice-blue);
      }

      [data-page="p06-search-results"] .new-search:hover{
        background: var(--alice-blue);
      }

      [data-page="p06-search-results"] .bookmark:hover{
        background: var(--alice-blue);
      }
    }

    [data-page="p06-search-results"] .details-link:focus-visible, [data-page="p06-search-results"] .new-search:focus-visible, [data-page="p06-search-results"] .bookmark:focus-visible, [data-page="p06-search-results"] .back-button:focus-visible, [data-page="p06-search-results"] .close-button:focus-visible{
      outline: 2px solid #6379E9;
      outline-offset: 2px;
    }

    @media (max-width: 1023px) and (min-width: 768px) {
      [data-page="p06-search-results"] .results-shell{
        width: calc(100% - 80px);
        padding-top: 88px;
      }

      [data-page="p06-search-results"] .result-card{
        width: calc((100% - 20px) / 2);
      }
    }

    @media (max-width: 767px) {
      [data-page="p06-search-results"] .results-shell{
        width: 100%;
        margin: 0;
        padding: 66px 16px 56px;
      }

      [data-page="p06-search-results"] .page-title{
        display: none;
      }

      [data-page="p06-search-results"] .mobile-header{
        display: grid;
        grid-template-columns: 40px 1fr 40px;
        align-items: center;
        margin-bottom: 34px;
      }

      [data-page="p06-search-results"] .mobile-header-title{
        margin: 0;
        text-align: center;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: 0.01em;
        text-transform: uppercase;
        color: var(--secondary);
      }

      [data-page="p06-search-results"] .back-button, [data-page="p06-search-results"] .close-button{
        width: 40px;
        height: 40px;
        padding: 8px;
        border: 0;
        background: transparent;
        color: var(--cobalt);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: var(--radius-button);
        cursor: pointer;
      }

      [data-page="p06-search-results"] .back-button{ justify-self: start; }
      [data-page="p06-search-results"] .close-button{ justify-self: end; }

      [data-page="p06-search-results"] .back-button svg, [data-page="p06-search-results"] .close-button svg{
        width: 24px;
        height: 24px;
        display: block;
      }

      [data-page="p06-search-results"] .results-grid{
        display: flex;
        flex-direction: column;
        gap: 16px;
        width: 100%;
      }

      [data-page="p06-search-results"] .result-card{
        width: 100%;
        height: auto;
        min-height: 294px;
        padding: 16px;
        border-radius: 16px;
      }

      [data-page="p06-search-results"] .account-type{
        font-weight: 500;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0.01em;
        text-transform: uppercase;
        color: var(--secondary);
      }

      [data-page="p06-search-results"] .bookmark{
        width: 24px;
        height: 24px;
      }

      [data-page="p06-search-results"] .amount{
        margin: 6px 0 20px;
        font-weight: 600;
        font-size: 20px;
        line-height: 160%;
        color: var(--ink);
      }

      [data-page="p06-search-results"] .details-grid{
        column-gap: 20px;
        row-gap: 14px;
      }

      [data-page="p06-search-results"] .detail-label{
        margin-bottom: 2px;
        font-weight: 500;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0.01em;
        text-transform: uppercase;
        color: var(--secondary);
      }

      [data-page="p06-search-results"] .detail-value{
        font-weight: 500;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: 0.005em;
        color: var(--ink);
      }

      [data-page="p06-search-results"] .card-divider{
        margin-top: 16px;
      }

      [data-page="p06-search-results"] .details-link{
        height: 42px;
        margin: 16px auto 0;
        padding: 8px;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: 0.01em;
      }

      [data-page="p06-search-results"] .search-again{
        margin-top: 32px;
        padding-top: 32px;
        gap: 16px;
      }

      [data-page="p06-search-results"] .search-again p{
        text-align: center;
        font-weight: 500;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: 0.005em;
        color: var(--body);
      }

      [data-page="p06-search-results"] .new-search{
        width: 100%;
        height: 48px;
        padding: 11px 20px;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: 0.01em;
      }

      [data-page="p06-search-results"] .new-search svg{
        width: 24px;
        height: 24px;
      }

      @media (hover: none) {
        [data-page="p06-search-results"] .details-link:hover, [data-page="p06-search-results"] .new-search:hover, [data-page="p06-search-results"] .bookmark:hover{
          background: transparent;
        }

        [data-page="p06-search-results"] .details-link:active, [data-page="p06-search-results"] .new-search:active, [data-page="p06-search-results"] .bookmark:active{
          background: var(--alice-blue);
        }
      }
    }




/* Source: P07_View Details/P07_View Details css.css */
[data-page="p07-view-details"]{
      --white: #FFFFFF;
      --page-bg: #F8F9FF;
      --ink: #0D1333;
      --body: #434965;
      --secondary: #53576C;
      --cobalt: #172EA1;
      --cornflower: #6379E9;
      --azure: #E9FBF9;
      --alice-blue: #EDF0FC;
      --border: #CBCEDC;
      --error: #C73838;
      --error-bg: #F9EBEB;
      --caution-bg: #F4F5CE;
      --radius: 8px;
      --card-radius: 16px;
    }

    [data-page="p07-view-details"] *{ box-sizing: border-box; }

    [data-page="p07-view-details"], [data-page="p07-view-details"]{
      margin: 0;
      min-height: 100%;
      font-family: "Inter", sans-serif;
      background: var(--white);
      color: var(--ink);
      -webkit-font-smoothing: antialiased;
      text-rendering: geometricPrecision;
    }

    [data-page="p07-view-details"]{ min-width: 320px; }
    [data-page="p07-view-details"] button{ font: inherit; }

    [data-page="p07-view-details"] .page{
      min-height: 100vh;
      background: var(--white);
    }

    [data-page="p07-view-details"] .content-shell{
      width: calc(100% - 160px);
      margin: 0 auto;
      padding-top: 116px;
      padding-bottom: 150px;
    }

    [data-page="p07-view-details"] .desktop-summary{
      min-height: 122px;
      padding: 24px 20px;
      border-radius: 16px;
      background: var(--azure);
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 32px;
    }

    [data-page="p07-view-details"] .summary-copy{
      min-width: 0;
    }

    [data-page="p07-view-details"] .deposit-type{
      margin: 0 0 4px;
      color: var(--secondary);
      font-weight: 500;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.01em;
      text-transform: uppercase;
    }

    [data-page="p07-view-details"] .deposit-amount{
      margin: 0;
      color: var(--ink);
      font-weight: 600;
      font-size: 28px;
      line-height: 160%;
    }

    [data-page="p07-view-details"] .claim-later{
      height: 45px;
      padding: 8px;
      border: 0;
      border-radius: var(--radius);
      background: transparent;
      color: var(--cobalt);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      cursor: pointer;
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.01em;
      transition: background-color 140ms ease;
    }

    [data-page="p07-view-details"] .claim-later svg{
      width: 24px;
      height: 24px;
      display: block;
      flex: 0 0 24px;
    }

    [data-page="p07-view-details"] .desktop-panels{
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 28px;
      margin-top: 40px;
    }

    [data-page="p07-view-details"] .details-card{
      border: 0.5px solid var(--border);
      border-radius: 16px;
      background: var(--white);
      padding: 20px;
    }

    [data-page="p07-view-details"] .details-card h2{
      margin: 0 0 14px;
      color: var(--ink);
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      text-transform: uppercase;
    }

    [data-page="p07-view-details"] .detail-row{
      min-height: 62px;
      padding: 16px 0;
      border-bottom: 0.5px solid var(--border);
      display: grid;
      grid-template-columns: minmax(150px, 1fr) minmax(0, 1.5fr);
      gap: 24px;
      align-items: center;
    }

    [data-page="p07-view-details"] .detail-row:last-child{
      border-bottom: 0;
      padding-bottom: 0;
    }

    [data-page="p07-view-details"] .detail-label{
      color: var(--secondary);
      font-weight: 500;
      font-size: 14px;
      line-height: 160%;
      letter-spacing: 0.01em;
      text-transform: uppercase;
    }

    [data-page="p07-view-details"] .detail-value{
      text-align: right;
      color: var(--ink);
      font-weight: 500;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.005em;
      overflow-wrap: anywhere;
    }

    [data-page="p07-view-details"] .status-pill{
      justify-self: end;
      display: inline-flex;
      align-items: center;
      min-height: 34px;
      padding: 4px 12px;
      border-radius: 4px;
      background: var(--error-bg);
      color: var(--error);
      font-weight: 600;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: 0.01em;
      text-transform: uppercase;
    }

    [data-page="p07-view-details"] .action-bar{
      position: fixed;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 20;
      min-height: 92px;
      padding: 20px 80px;
      border-top: 0.5px solid var(--border);
      background: rgba(255,255,255,.98);
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 40px;
    }

    [data-page="p07-view-details"] .ownership-note{
      min-height: 44px;
      padding: 8px 16px;
      border-radius: 8px;
      background: var(--caution-bg);
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: var(--body);
      font-weight: 500;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: 0.005em;
    }

    [data-page="p07-view-details"] .ownership-note svg{
      width: 18px;
      height: 18px;
      flex: 0 0 18px;
      color: var(--cobalt);
    }

    [data-page="p07-view-details"] .start-claim{
      width: 410px;
      height: 52px;
      padding: 11px 24px;
      border: 0;
      border-radius: var(--radius);
      background: var(--cobalt);
      color: var(--white);
      cursor: pointer;
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.01em;
      transition: background-color 140ms ease, box-shadow 140ms ease;
    }

    [data-page="p07-view-details"] .mobile-topbar, [data-page="p07-view-details"] .mobile-details{
      display: none;
    }

    @media (hover: hover) and (pointer: fine) {
      [data-page="p07-view-details"] .claim-later:hover{
        background: var(--alice-blue);
      }

      [data-page="p07-view-details"] .start-claim:hover{
        background: var(--cornflower);
        box-shadow: 0 5px 10px rgba(99,121,233,.2);
      }
    }

    [data-page="p07-view-details"] .claim-later:focus-visible, [data-page="p07-view-details"] .start-claim:focus-visible, [data-page="p07-view-details"] .mobile-back:focus-visible{
      outline: 2px solid var(--cornflower);
      outline-offset: 2px;
    }

    @media (max-width: 1023px) and (min-width: 768px) {
      [data-page="p07-view-details"] .content-shell{
        width: calc(100% - 80px);
        padding-top: 88px;
      }

      [data-page="p07-view-details"] .desktop-panels{
        gap: 20px;
      }

      [data-page="p07-view-details"] .action-bar{
        padding-left: 40px;
        padding-right: 40px;
      }

      [data-page="p07-view-details"] .start-claim{
        width: 340px;
      }
    }

    @media (max-width: 767px) {
      [data-page="p07-view-details"] .page{
        min-height: 100dvh;
        padding-bottom: 224px;
      }

      [data-page="p07-view-details"] .content-shell{
        width: 100%;
        margin: 0;
        padding: 64px 16px 40px;
      }

      [data-page="p07-view-details"] .desktop-summary, [data-page="p07-view-details"] .desktop-panels{
        display: none;
      }

      [data-page="p07-view-details"] .mobile-topbar{
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 40px;
        margin-bottom: 54px;
      }

      [data-page="p07-view-details"] .mobile-back{
        width: 40px;
        height: 40px;
        padding: 8px;
        border: 0;
        border-radius: var(--radius);
        background: transparent;
        color: var(--cobalt);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
      }

      [data-page="p07-view-details"] .mobile-back svg{
        width: 24px;
        height: 24px;
        display: block;
      }

      [data-page="p07-view-details"] .mobile-topbar .claim-later{
        height: 40px;
        padding: 4px 0;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: 0.01em;
      }

      [data-page="p07-view-details"] .mobile-topbar .claim-later svg{
        width: 24px;
        height: 24px;
      }

      [data-page="p07-view-details"] .mobile-details{
        display: block;
      }

      [data-page="p07-view-details"] .mobile-summary{
        padding: 16px 20px;
        margin-bottom: 28px;
        border: 0;
        border-radius: 16px;
        background: var(--azure);
      }

      [data-page="p07-view-details"] .mobile-summary .deposit-type{
        margin-bottom: 4px;
        font-weight: 500;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0.01em;
        color: var(--secondary);
      }

      [data-page="p07-view-details"] .mobile-summary .deposit-amount{
        font-weight: 600;
        font-size: 28px;
        line-height: 160%;
        color: var(--ink);
      }

      [data-page="p07-view-details"] .mobile-section{
        padding: 28px 0;
        border-top: 0.5px solid var(--border);
        border-bottom: 0.5px solid var(--border);
      }

      [data-page="p07-view-details"] .mobile-section + .mobile-section{
        border-top: 0;
      }

      [data-page="p07-view-details"] .mobile-section:last-child{
        border-bottom: 0;
      }

      [data-page="p07-view-details"] .mobile-section h2{
        margin: 0 0 18px;
        color: var(--secondary);
        font-weight: 500;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: 0.01em;
        text-transform: uppercase;
      }

      [data-page="p07-view-details"] .mobile-field{
        margin-bottom: 20px;
      }

      [data-page="p07-view-details"] .mobile-field:last-child{
        margin-bottom: 0;
      }

      [data-page="p07-view-details"] .mobile-field-label{
        margin: 0 0 4px;
        color: var(--secondary);
        font-weight: 500;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0.01em;
        text-transform: uppercase;
      }

      [data-page="p07-view-details"] .mobile-field-value{
        margin: 0;
        color: var(--ink);
        font-weight: 500;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: 0.005em;
        overflow-wrap: anywhere;
      }

      [data-page="p07-view-details"] .mobile-status-pill{
        display: inline-flex;
        align-items: center;
        min-height: 38px;
        padding: 4px 12px;
        border-radius: 4px;
        background: var(--error-bg);
        color: var(--error);
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: 0.01em;
        text-transform: uppercase;
      }

      [data-page="p07-view-details"] .action-bar{
        min-height: 214px;
        padding: 20px 16px 22px;
        border-top: 0.5px solid var(--border);
        background: var(--white);
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-end;
        gap: 18px;
      }

      [data-page="p07-view-details"] .ownership-note{
        width: 100%;
        min-height: 88px;
        padding: 10px 12px;
        align-items: flex-start;
        gap: 8px;
        font-weight: 500;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: 0.005em;
      }

      [data-page="p07-view-details"] .ownership-note svg{
        width: 18px;
        height: 18px;
        margin-top: 4px;
      }

      [data-page="p07-view-details"] .start-claim{
        width: 100%;
        height: 48px;
        padding: 11px 20px;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: 0.01em;
      }

      @media (hover: none) {
        [data-page="p07-view-details"] .claim-later:hover{
          background: transparent;
        }

        [data-page="p07-view-details"] .claim-later:active{
          background: var(--alice-blue);
        }

        [data-page="p07-view-details"] .start-claim:hover{
          background: var(--cobalt);
          box-shadow: none;
        }

        [data-page="p07-view-details"] .start-claim:active{
          background: var(--cornflower);
          box-shadow: 0 5px 10px rgba(99,121,233,.2);
        }
      }
    }




/* Source: P08_Claimant Details_Self/P08_Claimant Details_Self css.css */
[data-page="p08-claimant-details-self"]{
      --white: #FFFFFF;
      --page-bg: #F8F9FF;
      --ink: #0D1333;
      --body: #434965;
      --secondary: #53576C;
      --cobalt: #172EA1;
      --cornflower: #6379E9;
      --alice-blue: #EDF0FC;
      --azure: #E9FBF9;
      --border: #CBCEDC;
      --disabled-text: #A1A1AA;
      --disabled-cta: #ECECED;
      --caution-bg: #F4F5CE;
      --radius: 8px;
    }

    [data-page="p08-claimant-details-self"] *{ box-sizing: border-box; }

    [data-page="p08-claimant-details-self"], [data-page="p08-claimant-details-self"]{
      margin: 0;
      min-height: 100%;
      font-family: "Inter", sans-serif;
      background: var(--white);
      color: var(--ink);
      -webkit-font-smoothing: antialiased;
      text-rendering: geometricPrecision;
    }

    [data-page="p08-claimant-details-self"]{ min-width: 320px; }
    [data-page="p08-claimant-details-self"] button, [data-page="p08-claimant-details-self"] select{ font: inherit; }

    [data-page="p08-claimant-details-self"] .page{
      min-height: 100vh;
      background: var(--white);
    }



    [data-page="p08-claimant-details-self"] .header-logo{
      display: block;
      width: 120px;
      height: 28px;
    }

    [data-page="p08-claimant-details-self"] .save-exit{
      height: 45px;
      padding: 8px;
      border: 0;
      border-radius: var(--radius);
      background: transparent;
      color: var(--cobalt);
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.01em;
      cursor: pointer;
      transition: background-color 140ms ease;
    }

    [data-page="p08-claimant-details-self"] .progress-line{
      position: absolute;
      left: 450px;
      right: 0;
      bottom: -1px;
      height: 3px;
      background: var(--border);
    }

    [data-page="p08-claimant-details-self"] .progress-line::before{
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 33.333%;
      height: 100%;
      background: var(--cobalt);
    }


    [data-page="p08-claimant-details-self"] .desktop-shell{
      min-height: calc(100vh - 68px);
      display: grid;
      grid-template-columns: 450px minmax(0, 1fr);
    }

    [data-page="p08-claimant-details-self"] .step-sidebar{
      background: var(--page-bg);
      padding: 84px 82px 60px;
    }

    [data-page="p08-claimant-details-self"] .sidebar-greeting{
      margin: 0 0 4px;
      font-weight: 600;
      font-size: 20px;
      line-height: 160%;
      color: var(--ink);
    }

    [data-page="p08-claimant-details-self"] .sidebar-copy{
      margin: 0 0 46px;
      font-weight: 500;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.005em;
      color: var(--body);
    }

    [data-page="p08-claimant-details-self"] .stepper{
      display: flex;
      flex-direction: column;
    }

    [data-page="p08-claimant-details-self"] .step{
      display: grid;
      grid-template-columns: 44px 1fr;
      gap: 20px;
      align-items: center;
      position: relative;
    }

    [data-page="p08-claimant-details-self"] .step + .step{
      margin-top: 32px;
    }

    [data-page="p08-claimant-details-self"] .step:not(:last-child)::after{
      content: "";
      position: absolute;
      width: 1px;
      height: 24px;
      left: 22px;
      top: 48px;
      background: var(--border);
    }

    [data-page="p08-claimant-details-self"] .step-number{
      width: 44px;
      height: 44px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: var(--disabled-cta);
      color: var(--disabled-text);
      font-weight: 500;
      font-size: 18px;
      line-height: 160%;
    }

    [data-page="p08-claimant-details-self"] .step.active .step-number{
      background: var(--cobalt);
      color: var(--white);
      font-weight: 600;
    }

    [data-page="p08-claimant-details-self"] .step-label{
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.01em;
      color: var(--disabled-text);
    }

    [data-page="p08-claimant-details-self"] .step.active .step-label{
      color: var(--ink);
    }


    [data-page="p08-claimant-details-self"] .content-panel{
      position: relative;
      min-height: calc(100vh - 68px);
      padding: 62px 90px 130px;
      background: var(--white);
    }

    [data-page="p08-claimant-details-self"] .content-wrap{
      width: min(716px, 100%);
      margin: 0 auto;
    }

    [data-page="p08-claimant-details-self"] .step-kicker{
      margin: 0 0 4px;
      color: var(--secondary);
      font-weight: 500;
      font-size: 14px;
      line-height: 160%;
      letter-spacing: 0.01em;
      text-transform: uppercase;
    }

    [data-page="p08-claimant-details-self"] .page-title{
      margin: 0 0 42px;
      color: var(--ink);
      font-weight: 600;
      font-size: 20px;
      line-height: 160%;
      text-transform: uppercase;
    }

    [data-page="p08-claimant-details-self"] .asset-card{
      min-height: 94px;
      padding: 16px 20px;
      border-radius: var(--radius);
      background: var(--azure);
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
    }

    [data-page="p08-claimant-details-self"] .asset-type{
      margin: 0 0 2px;
      color: var(--secondary);
      font-weight: 500;
      font-size: 14px;
      line-height: 160%;
      letter-spacing: 0.01em;
      text-transform: uppercase;
    }

    [data-page="p08-claimant-details-self"] .asset-amount{
      margin: 0;
      color: var(--ink);
      font-weight: 600;
      font-size: 24px;
      line-height: 160%;
    }

    [data-page="p08-claimant-details-self"] .view-details{
      height: 45px;
      padding: 8px;
      border: 0;
      border-radius: var(--radius);
      background: transparent;
      color: var(--cobalt);
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.01em;
      cursor: pointer;
      transition: background-color 140ms ease;
      white-space: nowrap;
    }

    [data-page="p08-claimant-details-self"] .form-group{
      margin-top: 42px;
    }

    [data-page="p08-claimant-details-self"] .field-label{
      display: block;
      margin: 0 0 8px;
      color: var(--secondary);
      font-weight: 500;
      font-size: 14px;
      line-height: 160%;
      letter-spacing: 0.005em;
    }

    [data-page="p08-claimant-details-self"] .select-wrap{
      position: relative;
    }

    [data-page="p08-claimant-details-self"] .relationship-select{
      width: 100%;
      height: 52px;
      appearance: none;
      -webkit-appearance: none;
      padding: 0 46px 0 12px;
      border: 1px solid var(--border);
      border-radius: var(--radius);
      background: var(--white);
      color: var(--ink);
      font-weight: 500;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.005em;
      outline: none;
    }

    [data-page="p08-claimant-details-self"] .relationship-select:focus{
      border: 1.5px solid var(--cobalt);
    }

    [data-page="p08-claimant-details-self"] .select-chevron{
      position: absolute;
      right: 12px;
      top: 50%;
      transform: translateY(-50%);
      width: 16px;
      height: 16px;
      color: var(--cobalt);
      pointer-events: none;
    }

    [data-page="p08-claimant-details-self"] .select-chevron svg{
      display: block;
      width: 100%;
      height: 100%;
    }

    [data-page="p08-claimant-details-self"] .info-note{
      margin-top: 40px;
      min-height: 44px;
      padding: 8px 16px;
      border-radius: var(--radius);
      background: var(--caution-bg);
      display: flex;
      align-items: center;
      gap: 8px;
      color: var(--body);
      font-weight: 500;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: 0.005em;
    }

    [data-page="p08-claimant-details-self"] .info-note svg{
      width: 18px;
      height: 18px;
      flex: 0 0 18px;
      color: var(--cobalt);
    }

    [data-page="p08-claimant-details-self"] .desktop-actions{
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 116px;
      border-top: 0.5px solid var(--border);
      background: var(--white);
      padding: 20px 80px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 40px;
    }

    [data-page="p08-claimant-details-self"] .back-button, [data-page="p08-claimant-details-self"] .next-button{
      height: 52px;
      border-radius: var(--radius);
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.01em;
      cursor: pointer;
    }

    [data-page="p08-claimant-details-self"] .back-button{
      width: 205px;
      border: 1px solid var(--cobalt);
      background: var(--white);
      color: var(--cobalt);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      transition: background-color 140ms ease;
    }

    [data-page="p08-claimant-details-self"] .next-button{
      width: 370px;
      border: 0;
      background: var(--cobalt);
      color: var(--white);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      transition: background-color 140ms ease, box-shadow 140ms ease;
    }

    [data-page="p08-claimant-details-self"] .back-button svg, [data-page="p08-claimant-details-self"] .next-button svg{
      width: 18px;
      height: 18px;
      display: block;
      flex: 0 0 18px;
    }

    [data-page="p08-claimant-details-self"] .mobile-shell{
      display: none;
    }

    @media (hover:hover) and (pointer:fine) {
      [data-page="p08-claimant-details-self"] .save-exit:hover, [data-page="p08-claimant-details-self"] .view-details:hover{
        background: var(--alice-blue);
      }

      [data-page="p08-claimant-details-self"] .back-button:hover{
        background: var(--alice-blue);
      }

      [data-page="p08-claimant-details-self"] .next-button:hover{
        background: var(--cornflower);
        box-shadow: 0 5px 10px rgba(99,121,233,.2);
      }
    }

    [data-page="p08-claimant-details-self"] .save-exit:focus-visible, [data-page="p08-claimant-details-self"] .view-details:focus-visible, [data-page="p08-claimant-details-self"] .back-button:focus-visible, [data-page="p08-claimant-details-self"] .next-button:focus-visible, [data-page="p08-claimant-details-self"] .mobile-back:focus-visible{
      outline: 2px solid var(--cornflower);
      outline-offset: 2px;
    }

    @media (max-width: 1100px) and (min-width: 768px) {

      [data-page="p08-claimant-details-self"] .progress-line{
        left: 36%;
      }

      [data-page="p08-claimant-details-self"] .desktop-shell{
        grid-template-columns: 36% 64%;
      }

      [data-page="p08-claimant-details-self"] .step-sidebar{
        padding-left: 42px;
        padding-right: 32px;
      }

      [data-page="p08-claimant-details-self"] .content-panel{
        padding-left: 48px;
        padding-right: 48px;
      }

      [data-page="p08-claimant-details-self"] .desktop-actions{
        padding-left: 40px;
        padding-right: 40px;
      }

      [data-page="p08-claimant-details-self"] .next-button{
        width: 320px;
      }
    }


    @media (max-width: 767px) {
      [data-page="p08-claimant-details-self"] .app-header, [data-page="p08-claimant-details-self"] .desktop-shell{
        display: none;
      }

      [data-page="p08-claimant-details-self"] .mobile-shell{
        display: block;
        min-height: 100dvh;
        background: var(--white);
        padding-bottom: 112px;
      }

      [data-page="p08-claimant-details-self"] .mobile-topbar{
        position: relative;
        height: 104px;
        padding: 60px 16px 0;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        border-bottom: 0.5px solid var(--border);
      }

      [data-page="p08-claimant-details-self"] .mobile-topbar::after{
        content: "";
        position: absolute;
        left: 0;
        bottom: -1px;
        width: 33.333%;
        height: 3px;
        background: var(--cobalt);
      }

      [data-page="p08-claimant-details-self"] .mobile-back{
        width: 40px;
        height: 40px;
        margin-top: -4px;
        margin-left: -8px;
        padding: 8px;
        border: 0;
        border-radius: var(--radius);
        background: transparent;
        color: var(--cobalt);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
      }

      [data-page="p08-claimant-details-self"] .mobile-back svg{
        width: 24px;
        height: 24px;
      }

      [data-page="p08-claimant-details-self"] .mobile-save{
        height: 40px;
        margin-top: -4px;
        padding: 4px 0;
        border: 0;
        background: transparent;
        color: var(--cobalt);
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: 0.01em;
      }

      [data-page="p08-claimant-details-self"] .mobile-content{
        padding: 24px 16px 40px;
      }

      [data-page="p08-claimant-details-self"] .step-kicker{
        margin-bottom: 4px;
        font-weight: 500;
        font-size: 12px;
        line-height: 160%;
        letter-spacing: 0.01em;
        color: var(--secondary);
      }

      [data-page="p08-claimant-details-self"] .page-title{
        margin-bottom: 24px;
        font-weight: 600;
        font-size: 20px;
        line-height: 160%;
      }

      [data-page="p08-claimant-details-self"] .asset-card{
        min-height: 65px;
        padding: 8px 16px;
        border-radius: 8px;
      }

      [data-page="p08-claimant-details-self"] .asset-type{
        margin-bottom: 4px;
        font-weight: 500;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0.01em;
      }

      [data-page="p08-claimant-details-self"] .asset-amount{
        font-weight: 600;
        font-size: 20px;
        line-height: 160%;
      }

      [data-page="p08-claimant-details-self"] .view-details{
        height: 42px;
        padding: 8px;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: 0.01em;
      }

      [data-page="p08-claimant-details-self"] .form-group{
        margin-top: 28px;
      }

      [data-page="p08-claimant-details-self"] .field-label{
        margin-bottom: 8px;
        font-weight: 500;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0.005em;
      }

      [data-page="p08-claimant-details-self"] .relationship-select{
        height: 48px;
        padding: 0 46px 0 12px;
        font-weight: 500;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: 0.005em;
      }

      [data-page="p08-claimant-details-self"] .select-chevron{
        right: 12px;
        width: 16px;
        height: 16px;
      }

      [data-page="p08-claimant-details-self"] .info-note{
        margin-top: 28px;
        min-height: 52px;
        padding: 8px 12px;
        align-items: flex-start;
        border-radius: 8px;
        font-weight: 500;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0.005em;
      }

      [data-page="p08-claimant-details-self"] .info-note svg{
        width: 18px;
        height: 18px;
        margin-top: 4px;
      }

      [data-page="p08-claimant-details-self"] .mobile-action-bar{
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 20;
        padding: 20px 16px 24px;
        background: var(--white);
      }

      [data-page="p08-claimant-details-self"] .next-button{
        width: 100%;
        height: 48px;
        padding: 11px 20px;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: 0.01em;
      }

      [data-page="p08-claimant-details-self"] .next-button svg{
        width: 18px;
        height: 18px;
      }

      @media (hover:none) {
        [data-page="p08-claimant-details-self"] .view-details:hover, [data-page="p08-claimant-details-self"] .mobile-back:hover, [data-page="p08-claimant-details-self"] .mobile-save:hover{
          background: transparent;
        }

        [data-page="p08-claimant-details-self"] .view-details:active, [data-page="p08-claimant-details-self"] .mobile-back:active, [data-page="p08-claimant-details-self"] .mobile-save:active{
          background: var(--alice-blue);
        }

        [data-page="p08-claimant-details-self"] .next-button:hover{
          background: var(--cobalt);
          box-shadow: none;
        }

        [data-page="p08-claimant-details-self"] .next-button:active{
          background: var(--cornflower);
          box-shadow: 0 5px 10px rgba(99,121,233,.2);
        }
      }
    }




/* Source: P08_3_View Details/P08_3_View Details css.css */
#m4DetailsDrawerOverlay[data-page="p08-3-view-details"]{
      --white: #FFFFFF;
      --page-bg: #F8F9FF;
      --ink: #0D1333;
      --body: #434965;
      --secondary: #53576C;
      --cobalt: #172EA1;
      --azure: #E9FBF9;
      --border: #CBCEDC;
      --error: #C73838;
      --error-bg: #F9EBEB;
      --radius: 8px;
      --card-radius: 16px;
    }

    #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] *{ box-sizing: border-box; }

    #m4DetailsDrawerOverlay[data-page="p08-3-view-details"], #m4DetailsDrawerOverlay[data-page="p08-3-view-details"]{
      margin: 0;
      min-height: 100%;
      font-family: "Inter", sans-serif;
      background: var(--page-bg);
      color: var(--ink);
      -webkit-font-smoothing: antialiased;
      text-rendering: geometricPrecision;
    }

    #m4DetailsDrawerOverlay[data-page="p08-3-view-details"]{ min-width: 320px; }

    #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] button{ font: inherit; }




    #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .underlay{
      position: fixed;
      inset: 0;
      overflow: hidden;
      background: #FFFFFF;
      pointer-events: none;
    }

    #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .underlay-frame{
      width: 100%;
      height: 100%;
      border: 0;
      display: block;
      pointer-events: none;
    }

    #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .scrim{
      position: fixed;
      inset: 0;
      background: rgba(13, 19, 51, .30);
      backdrop-filter: blur(1.5px);
      -webkit-backdrop-filter: blur(1.5px);
    }


    #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .details-drawer{
      position: fixed;
      top: 0;
      right: 0;
      width: min(967px, calc(100vw - 472px));
      height: 100vh;
      background: var(--white);
      border-radius: 16px 0 0 16px;
      overflow-y: auto;
      box-shadow: -8px 0 22px rgba(13, 19, 51, .08);
    }

    #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .drawer-header{
      height: 78px;
      padding: 0 30px;
      border-bottom: 0.5px solid var(--border);
      display: grid;
      grid-template-columns: 40px 1fr 40px;
      align-items: center;
      position: sticky;
      top: 0;
      z-index: 5;
      background: var(--white);
      border-radius: 16px 0 0 0;
    }

    #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .back-button, #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .close-button{
      width: 40px;
      height: 40px;
      padding: 8px;
      border: 0;
      background: transparent;
      color: var(--cobalt);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: var(--radius);
      cursor: pointer;
    }

    #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .back-button{ justify-self: start; }
    #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .close-button{ display: none; }

    #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .back-button svg, #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .close-button svg{
      width: 24px;
      height: 24px;
      display: block;
    }

    #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .drawer-title{
      margin: 0;
      text-align: center;
      font-weight: 600;
      font-size: 24px;
      line-height: 160%;
      color: var(--ink);
    }

    #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .drawer-content{
      padding: 18px 78px 44px;
    }

    #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .asset-banner{
      min-height: 84px;
      padding: 16px 20px;
      border-radius: 16px;
      background: var(--azure);
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
    }

    #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .asset-type{
      margin: 0;
      color: var(--secondary);
      font-weight: 600;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: .01em;
      text-transform: uppercase;
    }

    #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .asset-amount{
      margin: 0;
      color: var(--ink);
      font-weight: 600;
      font-size: 28px;
      line-height: 160%;
    }

    #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .details-panel{
      margin-top: 38px;
      padding: 20px;
      border: 0.5px solid var(--border);
      border-radius: 16px;
      background: var(--white);
    }

    #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .panel-header{
      min-height: 28px;
      margin-bottom: 10px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
    }

    #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .panel-title{
      margin: 0;
      color: var(--ink);
      font-weight: 600;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: .01em;
      text-transform: uppercase;
    }

    #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .collapse-icon{
      width: 24px;
      height: 24px;
      color: var(--cobalt);
      flex: 0 0 24px;
    }

    #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .collapse-icon svg{
      width: 100%;
      height: 100%;
      display: block;
    }

    #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .detail-row{
      min-height: 61px;
      padding: 16px 0;
      border-bottom: 0.5px solid var(--border);
      display: grid;
      grid-template-columns: 1fr 1.45fr;
      gap: 24px;
      align-items: center;
    }

    #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .detail-row:last-child{
      border-bottom: 0;
      padding-bottom: 0;
    }

    #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .detail-label{
      color: var(--secondary);
      font-weight: 500;
      font-size: 14px;
      line-height: 160%;
      letter-spacing: .01em;
      text-transform: uppercase;
    }

    #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .detail-value{
      justify-self: end;
      text-align: right;
      color: var(--ink);
      font-weight: 500;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: .005em;
      overflow-wrap: anywhere;
    }

    #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .status-pill{
      justify-self: end;
      min-height: 32px;
      padding: 3px 12px;
      border-radius: 4px;
      background: var(--error-bg);
      color: var(--error);
      display: inline-flex;
      align-items: center;
      font-weight: 600;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: .01em;
      text-transform: uppercase;
    }

    @media (max-width: 1180px) and (min-width: 768px) {
      #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .details-drawer{
        width: 72vw;
      }

      #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .drawer-content{
        padding-left: 48px;
        padding-right: 48px;
      }
    }


    @media (max-width: 767px) {

      #m4DetailsDrawerOverlay[data-page="p08-3-view-details"]{
        overflow-y: auto;
        overscroll-behavior-y: contain;
        -webkit-overflow-scrolling: touch;
      }

      #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .underlay, #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .scrim{
        display: none;
      }

      #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .details-drawer{
        position: static;
        width: 100%;
        height: auto;
        min-height: 100dvh;
        border-radius: 0;
        box-shadow: none;
        overflow: visible;
      }

      #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .drawer-header{
        height: auto;
        min-height: 96px;
        padding: 60px 16px 12px;
        border-bottom: 0;
        grid-template-columns: 1fr 40px;
        position: static;
        border-radius: 0;
      }

      #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .back-button{
        display: none;
      }

      #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .close-button{
        display: inline-flex;
        justify-self: end;
      }

      #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .drawer-title{
        text-align: left;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .01em;
        text-transform: uppercase;
        color: var(--secondary);
      }

      #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .drawer-content{
        padding: 20px 16px 48px;
      }

      #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .asset-banner{
        min-height: 73px;
        padding: 12px 12px;
        border-radius: 8px;
        display: block;
      }

      #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .asset-type{
        margin-bottom: 4px;
        font-weight: 500;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: .01em;
      }

      #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .asset-amount{
        font-weight: 600;
        font-size: 28px;
        line-height: 160%;
      }

      #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .details-panel{
        margin-top: 24px;
        padding: 28px 0;
        border: 0;
        border-top: 0.5px solid var(--border);
        border-radius: 0;
      }

      #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .details-panel + .details-panel{
        margin-top: 0;
      }

      #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .panel-header{
        min-height: 26px;
        margin-bottom: 20px;
      }

      #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .panel-title{
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .01em;
        color: var(--secondary);
      }

      #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .collapse-icon{
        width: 24px;
        height: 24px;
      }

      #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .detail-row{
        display: block;
        min-height: 0;
        padding: 0;
        border: 0;
        margin-bottom: 20px;
      }

      #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .detail-row:last-child{
        margin-bottom: 0;
      }

      #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .details-panel .detail-row{
        padding-bottom: 0;
        margin-bottom: 20px;
        border-bottom: 0;
      }

      #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .details-panel .detail-row:last-child{
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: 0;
      }

      #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .detail-label{
        display: block;
        margin-bottom: 4px;
        font-weight: 500;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: .01em;
        color: var(--secondary);
      }

      #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .detail-value{
        display: block;
        width: 100%;
        justify-self: start;
        text-align: left;
        font-weight: 500;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .005em;
        color: var(--ink);
      }

      #m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .status-pill{
        justify-self: auto;
        min-height: 38px;
        padding: 4px 12px;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
      }
    }




/* --- CMP-008 SPA integration (non-visual) --- */
[data-page="p04-homepage"] #m3ClaimsLoadMessage:empty,
[data-page="p04-homepage"] #m3ClaimsEmptyState[hidden] { display: none; }
[data-page="p04-homepage"] .text-link { border: 0; background: transparent; cursor: pointer; font: inherit; padding: 0; }
[data-page="p04-homepage"] .primary-search { border: 0; cursor: pointer; font: inherit; }
[data-page="p04-homepage"] .secondary-action { border: 0; cursor: pointer; font: inherit; text-align: inherit; width: 100%; }
[data-page="p05-find-bank-accounts"] .field-error:not(:empty),
[data-page="p06-search-results"] .field-error:not(:empty),
[data-page="p07-view-details"] .field-error:not(:empty),
[data-page="p08-claimant-details-self"] .field-error:not(:empty),
[data-page="p08-claimant-details-self"] .assistive-message:not(:empty) {
  color: #c73838;
  font-size: 14px;
  margin: 8px 0;
}
[data-page="p08-claimant-details-self"] .assistive-message:not(:empty) { color: #434965; }
#m4DetailsDrawerOverlay[hidden] { display: none !important; }
#m4DetailsDrawerOverlay:not([hidden]) {
  display: block;
  position: fixed;
  inset: 0;
  z-index: 40;
}
#m4DetailsDrawerOverlay:not([hidden]) .scrim {
  position: fixed;
  inset: 0;
}
#m4DetailsDrawerOverlay[data-page="p08-3-view-details"] .page {
  min-height: 0;
  background: transparent;
}
#m4DetailsDrawerOverlay .underlay { display: none !important; }
#m4DetailsDrawerOverlay .panel-header {
  width: 100%;
  border: 0;
  background: transparent;
  cursor: pointer;
  text-align: left;
  font: inherit;
  padding: 0;
}
#m4DetailsDrawerOverlay [hidden] { display: none !important; }
#m4DetailsDrawerOverlay .collapse-icon.is-collapsed svg { transform: rotate(180deg); }
[data-page="p06-search-results"] .details-link { border: 0; background: transparent; cursor: pointer; font: inherit; text-align: left; padding: 0; width: 100%; }
.m3-app.m4-details-open [data-page="p08-claimant-details-self"] .desktop-shell,
.m3-app.m4-details-open [data-page="p08-claimant-details-self"] .mobile-shell {
  pointer-events: none;
}
/* --- END CMP-008 P04–P08 scoped placeholder CSS --- */

/* --- CMP-010 P09–P23 scoped placeholder CSS --- */
/* p09-upload-documents-application-form */
#m5UploadMain[data-page="p09-upload-documents-application-form"]{
      --white: #FFFFFF;
      --page-bg: #F8F9FF;
      --ink: #0D1333;
      --body: #434965;
      --secondary: #53576C;
      --cobalt: #172EA1;
      --cornflower: #6379E9;
      --alice-blue: #EDF0FC;
      --border: #CBCEDC;
      --disabled-text: #A1A1AA;
      --disabled-surface: #ECECED;
      --caution-bg: #F4F5CE;
      --radius: 8px;
      --header-h: 68px;
      --dock-h: 116px;
      --sidebar-w: 450px;
    }

    #m5UploadMain[data-page="p09-upload-documents-application-form"] *{ box-sizing: border-box; }

    #m5UploadMain[data-page="p09-upload-documents-application-form"], #m5UploadMain[data-page="p09-upload-documents-application-form"]{
      margin: 0;
      height: 100%;
      font-family: "Inter", sans-serif;
      background: var(--white);
      color: var(--ink);
      -webkit-font-smoothing: antialiased;
      text-rendering: geometricPrecision;
      overflow: hidden;
    }

    #m5UploadMain[data-page="p09-upload-documents-application-form"]{ min-width: 320px; }
    #m5UploadMain[data-page="p09-upload-documents-application-form"] button{ font: inherit; }

    #m5UploadMain[data-page="p09-upload-documents-application-form"] .page{
      height: 100dvh;
      background: var(--white);
    }

    #m5UploadMain[data-page="p09-upload-documents-application-form"] .app-header{
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 40;
      height: var(--header-h);
      padding: 0 80px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      background: var(--white);
      border-bottom: 0.5px solid var(--border);
    }

    #m5UploadMain[data-page="p09-upload-documents-application-form"] .header-logo{
      width: 120px;
      height: 28px;
      display: block;
    }

    #m5UploadMain[data-page="p09-upload-documents-application-form"] .save-exit{
      height: 45px;
      padding: 8px;
      border: 0;
      border-radius: var(--radius);
      background: transparent;
      color: var(--cobalt);
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.01em;
      cursor: pointer;
      transition: background-color 140ms ease;
    }

    #m5UploadMain[data-page="p09-upload-documents-application-form"] .progress-line{
      position: absolute;
      left: var(--sidebar-w);
      right: 0;
      bottom: -1px;
      height: 3px;
      background: var(--border);
    }

    #m5UploadMain[data-page="p09-upload-documents-application-form"] .progress-line::before{
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 40%;
      height: 100%;
      background: var(--cobalt);
    }


    #m5UploadMain[data-page="p09-upload-documents-application-form"] .step-sidebar{
      position: fixed;
      top: var(--header-h);
      left: 0;
      bottom: 0;
      width: var(--sidebar-w);
      z-index: 20;
      background: var(--page-bg);
      padding: 84px 80px 40px;
      display: flex;
      flex-direction: column;
    }

    #m5UploadMain[data-page="p09-upload-documents-application-form"] .sidebar-greeting{
      margin: 0 0 4px;
      font-weight: 600;
      font-size: 20px;
      line-height: 160%;
      color: var(--ink);
    }

    #m5UploadMain[data-page="p09-upload-documents-application-form"] .sidebar-copy{
      margin: 0 0 46px;
      font-weight: 500;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.005em;
      color: var(--body);
    }

    #m5UploadMain[data-page="p09-upload-documents-application-form"] .stepper{
      display: flex;
      flex-direction: column;
    }

    #m5UploadMain[data-page="p09-upload-documents-application-form"] .step{
      display: grid;
      grid-template-columns: 44px 1fr;
      gap: 20px;
      align-items: center;
      position: relative;
    }

    #m5UploadMain[data-page="p09-upload-documents-application-form"] .step + .step{ margin-top: 32px; }

    #m5UploadMain[data-page="p09-upload-documents-application-form"] .step:not(:last-child)::after{
      content: "";
      position: absolute;
      width: 1px;
      height: 24px;
      left: 22px;
      top: 48px;
      background: var(--border);
    }

    #m5UploadMain[data-page="p09-upload-documents-application-form"] .step-number{
      width: 44px;
      height: 44px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: var(--disabled-surface);
      color: var(--disabled-text);
      font-weight: 500;
      font-size: 18px;
      line-height: 160%;
    }

    #m5UploadMain[data-page="p09-upload-documents-application-form"] .step.done .step-number{
      background: #15966D;
      color: #fff;
    }

    #m5UploadMain[data-page="p09-upload-documents-application-form"] .step.active .step-number{
      background: var(--cobalt);
      color: #fff;
      font-weight: 600;
    }

    #m5UploadMain[data-page="p09-upload-documents-application-form"] .step-label{
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.01em;
      color: var(--disabled-text);
    }

    #m5UploadMain[data-page="p09-upload-documents-application-form"] .step.done .step-label{ color: var(--body); }
    #m5UploadMain[data-page="p09-upload-documents-application-form"] .step.active .step-label{ color: var(--ink); }

    #m5UploadMain[data-page="p09-upload-documents-application-form"] .sidebar-support{
      margin-top: auto;
    }

    #m5UploadMain[data-page="p09-upload-documents-application-form"] .support-question{
      margin: 0 0 14px;
      text-align: center;
      font-weight: 500;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: 0.005em;
      color: var(--body);
    }

    #m5UploadMain[data-page="p09-upload-documents-application-form"] .support-button{
      width: 100%;
      height: 52px;
      border: 1px solid var(--cobalt);
      border-radius: var(--radius);
      background: #fff;
      color: var(--cobalt);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: .01em;
      cursor: pointer;
    }

    #m5UploadMain[data-page="p09-upload-documents-application-form"] .support-button svg{
      width: 20px;
      height: 20px;
      flex: 0 0 20px;
    }


    #m5UploadMain[data-page="p09-upload-documents-application-form"] .content-viewport{
      position: fixed;
      top: var(--header-h);
      left: var(--sidebar-w);
      right: 0;
      bottom: var(--dock-h);
      overflow-y: auto;
      overflow-x: hidden;
      background: var(--white);
    }

    #m5UploadMain[data-page="p09-upload-documents-application-form"] .content-inner{
      width: min(700px, calc(100% - 160px));
      margin: 0 auto;
      padding: 58px 0 48px;
    }

    #m5UploadMain[data-page="p09-upload-documents-application-form"] .step-kicker{
      margin: 0 0 4px;
      color: var(--secondary);
      font-weight: 500;
      font-size: 14px;
      line-height: 160%;
      letter-spacing: .01em;
      text-transform: uppercase;
    }

    #m5UploadMain[data-page="p09-upload-documents-application-form"] .title-row{
      display: flex;
      align-items: baseline;
      gap: 10px;
      margin-bottom: 40px;
    }

    #m5UploadMain[data-page="p09-upload-documents-application-form"] .page-title{
      margin: 0;
      color: var(--ink);
      font-weight: 600;
      font-size: 20px;
      line-height: 160%;
      text-transform: uppercase;
    }

    #m5UploadMain[data-page="p09-upload-documents-application-form"] .time-note{
      display: none;
    }

    #m5UploadMain[data-page="p09-upload-documents-application-form"] .checklist{
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    #m5UploadMain[data-page="p09-upload-documents-application-form"] .checklist-card{
      min-height: 100px;
      padding: 18px 20px;
      border: 1px solid var(--border);
      border-radius: var(--radius);
      background: var(--white);
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
    }

    #m5UploadMain[data-page="p09-upload-documents-application-form"] .checklist-card.disabled{
      background: var(--disabled-surface);
      color: var(--disabled-text);
    }

    #m5UploadMain[data-page="p09-upload-documents-application-form"] .checklist-copy{
      min-width: 0;
    }

    #m5UploadMain[data-page="p09-upload-documents-application-form"] .checklist-title{
      margin: 0 0 4px;
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      color: var(--ink);
    }

    #m5UploadMain[data-page="p09-upload-documents-application-form"] .checklist-subtext{
      margin: 0;
      font-weight: 500;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: .005em;
      color: var(--body);
    }

    #m5UploadMain[data-page="p09-upload-documents-application-form"] .checklist-card.disabled .checklist-title, #m5UploadMain[data-page="p09-upload-documents-application-form"] .checklist-card.disabled .checklist-subtext{
      color: var(--disabled-text);
    }

    #m5UploadMain[data-page="p09-upload-documents-application-form"] .card-chevron{
      width: 24px;
      height: 24px;
      flex: 0 0 24px;
      color: var(--cobalt);
    }

    #m5UploadMain[data-page="p09-upload-documents-application-form"] .checklist-card.disabled .card-chevron{
      color: var(--disabled-text);
    }

    #m5UploadMain[data-page="p09-upload-documents-application-form"] .card-chevron svg{
      width: 100%;
      height: 100%;
      display: block;
    }


    #m5UploadMain[data-page="p09-upload-documents-application-form"] .bottom-dock{
      position: fixed;
      left: var(--sidebar-w);
      right: 0;
      bottom: 0;
      z-index: 35;
      height: var(--dock-h);
      border-top: 0.5px solid var(--border);
      background: rgba(255,255,255,.98);
      padding: 12px 80px 40px;
      display: grid;
      grid-template-columns: 205px 1fr;
      align-items: end;
      gap: 40px;
    }

    #m5UploadMain[data-page="p09-upload-documents-application-form"] .back-button{
      width: 205px;
      height: 52px;
      border: 1px solid var(--cobalt);
      border-radius: var(--radius);
      background: #fff;
      color: var(--cobalt);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: .01em;
      cursor: pointer;
    }

    #m5UploadMain[data-page="p09-upload-documents-application-form"] .back-button svg{
      width: 18px;
      height: 18px;
    }

    #m5UploadMain[data-page="p09-upload-documents-application-form"] .dock-right{
      justify-self: end;
      align-self: end;
      width: min(410px, 100%);
    }

    #m5UploadMain[data-page="p09-upload-documents-application-form"] .dock-note{
      min-height: 42px;
      padding: 7px 12px;
      margin-bottom: 12px;
      border-radius: var(--radius);
      background: var(--caution-bg);
      display: flex;
      align-items: center;
      gap: 8px;
      color: var(--body);
      font-weight: 500;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: .005em;
    }

    #m5UploadMain[data-page="p09-upload-documents-application-form"] .dock-note svg{
      width: 18px;
      height: 18px;
      flex: 0 0 18px;
      color: var(--cobalt);
    }

    #m5UploadMain[data-page="p09-upload-documents-application-form"] .submit-button{
      width: 100%;
      height: 52px;
      border: 0;
      border-radius: var(--radius);
      background: var(--disabled-surface);
      color: var(--disabled-text);
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: .01em;
      cursor: not-allowed;
    }

    @media (hover:hover) and (pointer:fine) {
      #m5UploadMain[data-page="p09-upload-documents-application-form"] .save-exit:hover, #m5UploadMain[data-page="p09-upload-documents-application-form"] .support-button:hover, #m5UploadMain[data-page="p09-upload-documents-application-form"] .back-button:hover{
        background: var(--alice-blue);
      }
    }


    @media (max-width: 1100px) and (min-width: 768px) {
      #m5UploadMain[data-page="p09-upload-documents-application-form"]{ --sidebar-w: 36vw; }

      #m5UploadMain[data-page="p09-upload-documents-application-form"] .step-sidebar{
        padding-left: 42px;
        padding-right: 32px;
      }

      #m5UploadMain[data-page="p09-upload-documents-application-form"] .content-inner{
        width: calc(100% - 96px);
      }

      #m5UploadMain[data-page="p09-upload-documents-application-form"] .bottom-dock{
        padding-left: 40px;
        padding-right: 40px;
      }
    }


    @media (max-width: 767px) {
      #m5UploadMain[data-page="p09-upload-documents-application-form"]{
        --header-h: 104px;
        --dock-h: 204px;
      }

      #m5UploadMain[data-page="p09-upload-documents-application-form"], #m5UploadMain[data-page="p09-upload-documents-application-form"]{
        overflow: hidden;
      }

      #m5UploadMain[data-page="p09-upload-documents-application-form"] .app-header{
        display: flex;
        height: var(--header-h);
        padding: 60px 16px 0;
        align-items: flex-start;
        border-bottom: 0.5px solid var(--border);
      }

      #m5UploadMain[data-page="p09-upload-documents-application-form"] .header-logo{
        display: none;
      }

      #m5UploadMain[data-page="p09-upload-documents-application-form"] .save-exit{
        height: 40px;
        margin-top: -4px;
        padding: 4px 0;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .01em;
      }

      #m5UploadMain[data-page="p09-upload-documents-application-form"] .mobile-back{
        display: inline-flex;
        width: 40px;
        height: 40px;
        margin-top: -4px;
        margin-left: -8px;
        padding: 8px;
        border: 0;
        border-radius: var(--radius);
        background: transparent;
        color: var(--cobalt);
        align-items: center;
        justify-content: center;
      }

      #m5UploadMain[data-page="p09-upload-documents-application-form"] .mobile-back svg{
        width: 24px;
        height: 24px;
      }

      #m5UploadMain[data-page="p09-upload-documents-application-form"] .progress-line{
        left: 0;
      }

      #m5UploadMain[data-page="p09-upload-documents-application-form"] .progress-line::before{
        width: 33.333%;
      }

      #m5UploadMain[data-page="p09-upload-documents-application-form"] .step-sidebar{
        display: none;
      }

      #m5UploadMain[data-page="p09-upload-documents-application-form"] .content-viewport{
        top: var(--header-h);
        left: 0;
        bottom: var(--dock-h);
      }

      #m5UploadMain[data-page="p09-upload-documents-application-form"] .content-inner{
        width: 100%;
        padding: 24px 16px 32px;
      }

      #m5UploadMain[data-page="p09-upload-documents-application-form"] .step-kicker{
        font-weight: 500;
        font-size: 12px;
        line-height: 160%;
        letter-spacing: .01em;
      }

      #m5UploadMain[data-page="p09-upload-documents-application-form"] .title-row{
        align-items: baseline;
        gap: 8px;
        margin-bottom: 24px;
      }

      #m5UploadMain[data-page="p09-upload-documents-application-form"] .page-title{
        font-weight: 600;
        font-size: 20px;
        line-height: 160%;
      }

      #m5UploadMain[data-page="p09-upload-documents-application-form"] .time-note{
        display: inline;
        color: var(--secondary);
        font-weight: 500;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: .005em;
      }

      #m5UploadMain[data-page="p09-upload-documents-application-form"] .checklist{
        gap: 12px;
      }

      #m5UploadMain[data-page="p09-upload-documents-application-form"] .checklist-card{
        min-height: 70px;
        padding: 12px 12px;
        border-radius: 8px;
      }

      #m5UploadMain[data-page="p09-upload-documents-application-form"] .checklist-title{
        margin-bottom: 4px;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
      }

      #m5UploadMain[data-page="p09-upload-documents-application-form"] .checklist-subtext{
        font-weight: 500;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: .005em;
      }

      #m5UploadMain[data-page="p09-upload-documents-application-form"] .card-chevron{
        width: 24px;
        height: 24px;
      }

      #m5UploadMain[data-page="p09-upload-documents-application-form"] .mobile-support{
        display: block;
        margin-top: 52px;
        padding-top: 36px;
        border-top: 0.5px solid var(--border);
      }

      #m5UploadMain[data-page="p09-upload-documents-application-form"] .support-question{
        margin-bottom: 16px;
        font-weight: 500;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .005em;
      }

      #m5UploadMain[data-page="p09-upload-documents-application-form"] .support-button{
        height: 48px;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .01em;
      }

      #m5UploadMain[data-page="p09-upload-documents-application-form"] .support-button svg{
        width: 20px;
        height: 20px;
      }

      #m5UploadMain[data-page="p09-upload-documents-application-form"] .bottom-dock{
        left: 0;
        height: var(--dock-h);
        padding: 16px 16px 16px;
        display: block;
      }

      #m5UploadMain[data-page="p09-upload-documents-application-form"] .back-button{
        display: none;
      }

      #m5UploadMain[data-page="p09-upload-documents-application-form"] .dock-right{
        width: 100%;
      }

      #m5UploadMain[data-page="p09-upload-documents-application-form"] .dock-note{
        min-height: 76px;
        padding: 10px 12px;
        margin-bottom: 16px;
        align-items: flex-start;
        font-weight: 500;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .005em;
      }

      #m5UploadMain[data-page="p09-upload-documents-application-form"] .dock-note svg{
        margin-top: 4px;
      }

      #m5UploadMain[data-page="p09-upload-documents-application-form"] .submit-button{
        height: 48px;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .01em;
      }
    }

    @media (min-width: 768px) {
      #m5UploadMain[data-page="p09-upload-documents-application-form"] .mobile-back, #m5UploadMain[data-page="p09-upload-documents-application-form"] .mobile-support{
        display: none;
      }
    }




/* p10-application-form */
#m5DetailOverlay[data-page="p10-application-form"]{
      --white: #FFFFFF;
      --page-bg: #F8F9FF;
      --ink: #0D1333;
      --body: #434965;
      --secondary: #53576C;
      --cobalt: #172EA1;
      --cornflower: #6379E9;
      --alice-blue: #EDF0FC;
      --border: #CBCEDC;
      --placeholder: #A1A1AA;
      --radius: 8px;
      --drawer-w: min(966px, calc(100vw - 478px));
      --drawer-header-h: 80px;
      --drawer-dock-h: 112px;
    }

    #m5DetailOverlay[data-page="p10-application-form"] *{
      box-sizing: border-box;
    }

    #m5DetailOverlay[data-page="p10-application-form"], #m5DetailOverlay[data-page="p10-application-form"]{
      margin: 0;
      min-height: 100%;
      font-family: "Inter", sans-serif;
      background: transparent;
      color: var(--ink);
      -webkit-font-smoothing: antialiased;
      text-rendering: geometricPrecision;
    }

    #m5DetailOverlay[data-page="p10-application-form"]{
      min-width: 320px;
      overflow: hidden;
    }

    #m5DetailOverlay[data-page="p10-application-form"] button, #m5DetailOverlay[data-page="p10-application-form"] input, #m5DetailOverlay[data-page="p10-application-form"] select{
      font: inherit;
    }




    #m5DetailOverlay[data-page="p10-application-form"] .underlay{
      position: fixed;
      inset: 0;
      overflow: hidden;
      pointer-events: none;
      background: #FFFFFF;
    }

    #m5DetailOverlay[data-page="p10-application-form"] .underlay-frame{
      width: 100%;
      height: 100%;
      border: 0;
      display: block;
      pointer-events: none;
    }

    #m5DetailOverlay[data-page="p10-application-form"] .scrim{
      position: fixed;
      inset: 0;
      background: rgba(13, 19, 51, .40);
      backdrop-filter: blur(2.2px);
      -webkit-backdrop-filter: blur(2.2px);
    }


    #m5DetailOverlay[data-page="p10-application-form"] .form-drawer{
      position: fixed;
      top: 0;
      right: 0;
      width: var(--drawer-w);
      height: 100dvh;
      background: var(--white);
      border-radius: 16px 0 0 16px;
      box-shadow: -8px 0 22px rgba(13, 19, 51, .08);
      overflow: hidden;
    }

    #m5DetailOverlay[data-page="p10-application-form"] .drawer-header{
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      z-index: 10;
      height: var(--drawer-header-h);
      padding: 0 28px;
      display: grid;
      grid-template-columns: 40px 1fr 40px;
      align-items: center;
      background: var(--white);
      border-bottom: 0.5px solid var(--border);
      border-radius: 16px 0 0 0;
    }

    #m5DetailOverlay[data-page="p10-application-form"] .back-button{
      width: 40px;
      height: 40px;
      padding: 8px;
      border: 0;
      border-radius: var(--radius);
      background: transparent;
      color: var(--cobalt);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      justify-self: start;
    }

    #m5DetailOverlay[data-page="p10-application-form"] .back-button svg{
      width: 24px;
      height: 24px;
      display: block;
    }

    #m5DetailOverlay[data-page="p10-application-form"] .drawer-title{
      margin: 0;
      text-align: center;
      color: var(--ink);
      font-weight: 600;
      font-size: 24px;
      line-height: 160%;
    }

    #m5DetailOverlay[data-page="p10-application-form"] .drawer-scroll{
      position: absolute;
      top: var(--drawer-header-h);
      bottom: var(--drawer-dock-h);
      left: 0;
      right: 0;
      overflow-y: auto;
      overflow-x: hidden;
      background: var(--white);
    }

    #m5DetailOverlay[data-page="p10-application-form"] .form-content{
      width: min(700px, calc(100% - 120px));
      margin: 0 auto;
      padding: 78px 0 56px;
    }

    #m5DetailOverlay[data-page="p10-application-form"] .field-group{
      margin-bottom: 40px;
    }

    #m5DetailOverlay[data-page="p10-application-form"] .field-group:last-child{
      margin-bottom: 0;
    }

    #m5DetailOverlay[data-page="p10-application-form"] .field-label{
      display: block;
      margin: 0 0 8px;
      color: var(--secondary);
      font-weight: 500;
      font-size: 14px;
      line-height: 160%;
      letter-spacing: .005em;
    }

    #m5DetailOverlay[data-page="p10-application-form"] .field-wrap{
      position: relative;
    }

    #m5DetailOverlay[data-page="p10-application-form"] .field{
      width: 100%;
      height: 52px;
      padding: 0 12px;
      border: 1px solid var(--border);
      border-radius: var(--radius);
      background: var(--white);
      color: var(--ink);
      outline: none;
      font-weight: 500;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: .005em;
    }

    #m5DetailOverlay[data-page="p10-application-form"] .field::placeholder{
      color: var(--placeholder);
      opacity: 1;
    }

    #m5DetailOverlay[data-page="p10-application-form"] .field:focus{
      border: 1.5px solid var(--cobalt);
    }

    #m5DetailOverlay[data-page="p10-application-form"] .field.has-trailing{
      padding-right: 46px;
    }

    #m5DetailOverlay[data-page="p10-application-form"] .select-chevron{
      position: absolute;
      right: 12px;
      top: 50%;
      transform: translateY(-50%);
      width: 16px;
      height: 16px;
      pointer-events: none;
      color: var(--cobalt);
    }

    #m5DetailOverlay[data-page="p10-application-form"] .select-chevron svg{
      width: 100%;
      height: 100%;
      display: block;
    }

    #m5DetailOverlay[data-page="p10-application-form"] .section-title{
      margin: 0 0 22px;
      color: var(--body);
      font-weight: 600;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: .01em;
      text-transform: uppercase;
    }

    #m5DetailOverlay[data-page="p10-application-form"] .address-grid{
      display: grid;
      grid-template-columns: 1fr 0.7fr;
      gap: 20px;
    }

    #m5DetailOverlay[data-page="p10-application-form"] .full-span{
      grid-column: 1 / -1;
    }

    #m5DetailOverlay[data-page="p10-application-form"] .drawer-dock{
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 10;
      height: var(--drawer-dock-h);
      padding: 20px 80px 40px;
      background: var(--white);
      border-top: 0.5px solid var(--border);
      display: flex;
      align-items: flex-end;
      justify-content: flex-end;
    }

    #m5DetailOverlay[data-page="p10-application-form"] .submit-button{
      width: 400px;
      height: 52px;
      padding: 11px 24px;
      border: 0;
      border-radius: var(--radius);
      background: var(--cobalt);
      color: var(--white);
      cursor: pointer;
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: .01em;
      transition: background-color 140ms ease, box-shadow 140ms ease;
    }

    @media (hover: hover) and (pointer: fine) {
      #m5DetailOverlay[data-page="p10-application-form"] .back-button:hover{
        background: var(--alice-blue);
      }

      #m5DetailOverlay[data-page="p10-application-form"] .submit-button:hover{
        background: var(--cornflower);
        box-shadow: 0 5px 10px rgba(99,121,233,.2);
      }
    }

    #m5DetailOverlay[data-page="p10-application-form"] .back-button:focus-visible, #m5DetailOverlay[data-page="p10-application-form"] .submit-button:focus-visible{
      outline: 2px solid var(--cornflower);
      outline-offset: 2px;
    }


    @media (max-width: 1180px) and (min-width: 768px) {
      #m5DetailOverlay[data-page="p10-application-form"]{
        --drawer-w: 72vw;
      }

      #m5DetailOverlay[data-page="p10-application-form"] .form-content{
        width: calc(100% - 96px);
      }

      #m5DetailOverlay[data-page="p10-application-form"] .drawer-dock{
        padding-left: 48px;
        padding-right: 48px;
      }
    }


    @media (max-width: 767px) {
      #m5DetailOverlay[data-page="p10-application-form"]{
        --drawer-header-h: 118px;
        --drawer-dock-h: 128px;
      }

      #m5DetailOverlay[data-page="p10-application-form"] .underlay, #m5DetailOverlay[data-page="p10-application-form"] .scrim{
        display: none;
      }

      #m5DetailOverlay[data-page="p10-application-form"] .form-drawer{
        position: fixed;
        inset: 0;
        width: 100%;
        height: 100dvh;
        border-radius: 0;
        box-shadow: none;
      }

      #m5DetailOverlay[data-page="p10-application-form"] .drawer-header{
        height: var(--drawer-header-h);
        padding: 60px 16px 18px;
        grid-template-columns: 40px 1fr 40px;
        border-bottom: 0;
        border-radius: 0;
      }

      #m5DetailOverlay[data-page="p10-application-form"] .back-button{
        width: 40px;
        height: 40px;
        padding: 8px;
        margin-left: -8px;
      }

      #m5DetailOverlay[data-page="p10-application-form"] .drawer-title{
        text-align: center;
        color: var(--secondary);
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .01em;
        text-transform: uppercase;
      }

      #m5DetailOverlay[data-page="p10-application-form"] .drawer-scroll{
        top: var(--drawer-header-h);
        bottom: var(--drawer-dock-h);
      }

      #m5DetailOverlay[data-page="p10-application-form"] .form-content{
        width: 100%;
        margin: 0;
        padding: 20px 16px 48px;
      }

      #m5DetailOverlay[data-page="p10-application-form"] .field-group{
        margin-bottom: 28px;
      }

      #m5DetailOverlay[data-page="p10-application-form"] .field-label{
        margin-bottom: 8px;
        color: var(--secondary);
        font-weight: 500;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: .005em;
      }

      #m5DetailOverlay[data-page="p10-application-form"] .field{
        height: 48px;
        padding: 0 12px;
        color: var(--ink);
        font-weight: 500;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .005em;
      }

      #m5DetailOverlay[data-page="p10-application-form"] .field.has-trailing{
        padding-right: 46px;
      }

      #m5DetailOverlay[data-page="p10-application-form"] .section-title{
        margin: 44px 0 22px;
        color: var(--body);
        font-weight: 500;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .01em;
        text-transform: uppercase;
      }

      #m5DetailOverlay[data-page="p10-application-form"] .address-grid{
        display: block;
      }

      #m5DetailOverlay[data-page="p10-application-form"] .address-grid .field-group{
        margin-bottom: 28px;
      }

      #m5DetailOverlay[data-page="p10-application-form"] .drawer-dock{
        height: var(--drawer-dock-h);
        padding: 20px 16px 32px;
        display: flex;
        align-items: flex-end;
      }

      #m5DetailOverlay[data-page="p10-application-form"] .submit-button{
        width: 100%;
        height: 48px;
        padding: 11px 20px;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .01em;
      }

      @media (hover: none) {
        #m5DetailOverlay[data-page="p10-application-form"] .back-button:hover{
          background: transparent;
        }

        #m5DetailOverlay[data-page="p10-application-form"] .back-button:active{
          background: var(--alice-blue);
        }

        #m5DetailOverlay[data-page="p10-application-form"] .submit-button:hover{
          background: var(--cobalt);
          box-shadow: none;
        }

        #m5DetailOverlay[data-page="p10-application-form"] .submit-button:active{
          background: var(--cornflower);
          box-shadow: 0 5px 10px rgba(99,121,233,.2);
        }
      }
    }




/* p11-claim-form */
#m5DetailOverlay[data-page="p11-claim-form"]{
      --white:#FFFFFF;
      --page-bg:#F8F9FF;
      --ink:#0D1333;
      --body:#434965;
      --secondary:#53576C;
      --cobalt:#172EA1;
      --cornflower:#6379E9;
      --alice-blue:#EDF0FC;
      --border:#CBCEDC;
      --radius:8px;
      --drawer-w:min(966px, calc(100vw - 478px));
      --header-h:80px;
      --dock-h:90px;
    }

    #m5DetailOverlay[data-page="p11-claim-form"] *{ box-sizing:border-box; }

    #m5DetailOverlay[data-page="p11-claim-form"], #m5DetailOverlay[data-page="p11-claim-form"]{
      margin:0;
      min-height:100%;
      font-family:"Inter",sans-serif;
      background:var(--page-bg);
      color:var(--ink);
      -webkit-font-smoothing:antialiased;
      text-rendering:geometricPrecision;
    }

    #m5DetailOverlay[data-page="p11-claim-form"]{
      min-width:320px;
      overflow:hidden;
    }

    #m5DetailOverlay[data-page="p11-claim-form"] button, #m5DetailOverlay[data-page="p11-claim-form"] input{ font:inherit; }




    #m5DetailOverlay[data-page="p11-claim-form"] .underlay{
      position:fixed;
      inset:0;
      overflow:hidden;
      pointer-events:none;
      background:#fff;
    }

    #m5DetailOverlay[data-page="p11-claim-form"] .underlay-frame{
      width:100%;
      height:100%;
      border:0;
      display:block;
      pointer-events:none;
    }

    #m5DetailOverlay[data-page="p11-claim-form"] .scrim{
      position:fixed;
      inset:0;
      background:rgba(13,19,51,.42);
      backdrop-filter:blur(2.2px);
      -webkit-backdrop-filter:blur(2.2px);
    }


    #m5DetailOverlay[data-page="p11-claim-form"] .claim-drawer{
      position:fixed;
      top:0;
      right:0;
      width:var(--drawer-w);
      height:100dvh;
      background:var(--white);
      border-radius:16px 0 0 16px;
      box-shadow:-8px 0 22px rgba(13,19,51,.08);
      overflow:hidden;
    }

    #m5DetailOverlay[data-page="p11-claim-form"] .drawer-header{
      position:absolute;
      top:0;
      left:0;
      right:0;
      z-index:10;
      height:var(--header-h);
      padding:0 28px;
      border-bottom:.5px solid var(--border);
      background:var(--white);
      display:grid;
      grid-template-columns:1fr auto;
      align-items:center;
      gap:24px;
      border-radius:16px 0 0 0;
    }

    #m5DetailOverlay[data-page="p11-claim-form"] .drawer-header .back-button{
      display:none;
    }

    #m5DetailOverlay[data-page="p11-claim-form"] .drawer-title{
      margin:0;
      color:var(--ink);
      font-weight:600;
      font-size:24px;
      line-height:160%;
    }

    #m5DetailOverlay[data-page="p11-claim-form"] .edit-button{
      height:45px;
      padding:8px;
      border:0;
      border-radius:var(--radius);
      background:transparent;
      color:var(--cobalt);
      display:inline-flex;
      align-items:center;
      gap:8px;
      justify-self:end;
      font-weight:600;
      font-size:18px;
      line-height:160%;
      letter-spacing:.01em;
      cursor:pointer;
      transition:background-color 140ms ease;
    }

    #m5DetailOverlay[data-page="p11-claim-form"] .edit-button svg{
      width:20px;
      height:20px;
      flex:0 0 20px;
    }

    #m5DetailOverlay[data-page="p11-claim-form"] .drawer-scroll{
      position:absolute;
      top:var(--header-h);
      bottom:var(--dock-h);
      left:0;
      right:0;
      overflow-y:auto;
      overflow-x:hidden;
      background:var(--white);
    }

    #m5DetailOverlay[data-page="p11-claim-form"] .claim-content{
      width:min(760px, calc(100% - 110px));
      margin:0 auto;
      padding:46px 0 54px;
    }

    #m5DetailOverlay[data-page="p11-claim-form"] .date-line{
      margin:0 0 26px;
      color:var(--secondary);
      font-weight:500;
      font-size:16px;
      line-height:160%;
      letter-spacing:.005em;
    }

    #m5DetailOverlay[data-page="p11-claim-form"] .date-line strong{
      color:var(--ink);
      font-weight:600;
    }

    #m5DetailOverlay[data-page="p11-claim-form"] .letter-copy{
      margin:0 0 24px;
      color:var(--body);
      font-weight:500;
      font-size:18px;
      line-height:160%;
      letter-spacing:.005em;
    }

    #m5DetailOverlay[data-page="p11-claim-form"] .letter-copy strong{
      color:var(--ink);
      font-weight:600;
    }

    #m5DetailOverlay[data-page="p11-claim-form"] .section-divider{
      height:0;
      border-top:.5px solid var(--border);
      margin:24px 0 22px;
    }

    #m5DetailOverlay[data-page="p11-claim-form"] .section-title{
      margin:0 0 18px;
      color:var(--secondary);
      font-weight:600;
      font-size:16px;
      line-height:160%;
      letter-spacing:.01em;
      text-transform:uppercase;
    }

    #m5DetailOverlay[data-page="p11-claim-form"] .details-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      column-gap:70px;
      row-gap:20px;
    }

    #m5DetailOverlay[data-page="p11-claim-form"] .detail-item.full{
      grid-column:1 / -1;
    }

    #m5DetailOverlay[data-page="p11-claim-form"] .detail-label{
      margin:0 0 2px;
      color:var(--secondary);
      font-weight:500;
      font-size:14px;
      line-height:160%;
      letter-spacing:.01em;
      text-transform:uppercase;
    }

    #m5DetailOverlay[data-page="p11-claim-form"] .detail-value{
      margin:0;
      color:var(--ink);
      font-weight:500;
      font-size:16px;
      line-height:160%;
      letter-spacing:.005em;
      overflow-wrap:anywhere;
    }

    #m5DetailOverlay[data-page="p11-claim-form"] .declaration-list{
      margin:0;
      padding-left:22px;
      color:var(--body);
    }

    #m5DetailOverlay[data-page="p11-claim-form"] .declaration-list li{
      margin-bottom:24px;
      padding-left:2px;
      font-weight:500;
      font-size:16px;
      line-height:160%;
      letter-spacing:.005em;
    }

    #m5DetailOverlay[data-page="p11-claim-form"] .declaration-list li:last-child{
      margin-bottom:0;
    }

    #m5DetailOverlay[data-page="p11-claim-form"] .drawer-dock{
      position:absolute;
      left:0;
      right:0;
      bottom:0;
      z-index:10;
      height:var(--dock-h);
      padding:16px 54px 24px;
      border-top:.5px solid var(--border);
      background:rgba(255,255,255,.98);
      display:grid;
      grid-template-columns:minmax(260px,1fr) 400px;
      gap:36px;
      align-items:center;
    }

    #m5DetailOverlay[data-page="p11-claim-form"] .agree-label{
      display:flex;
      align-items:flex-start;
      gap:10px;
      color:var(--ink);
      font-weight:500;
      font-size:16px;
      line-height:160%;
      letter-spacing:.005em;
      cursor:pointer;
    }

    #m5DetailOverlay[data-page="p11-claim-form"] .agree-label input{
      position:absolute;
      width:18px;
      height:18px;
      margin-top:4px;
      opacity:0;
    }

    #m5DetailOverlay[data-page="p11-claim-form"] .checkbox-ui{
      width:18px;
      height:18px;
      margin-top:4px;
      border:1px solid var(--border);
      border-radius:2px;
      background:var(--white);
      display:grid;
      place-items:center;
      flex:0 0 18px;
      transition:background-color 140ms ease,border-color 140ms ease;
    }

    #m5DetailOverlay[data-page="p11-claim-form"] .checkbox-ui svg{
      width:14px;
      height:14px;
      opacity:0;
    }

    #m5DetailOverlay[data-page="p11-claim-form"] .agree-label input:checked + .checkbox-ui{
      border-color:var(--cobalt);
      background:var(--cobalt);
    }

    #m5DetailOverlay[data-page="p11-claim-form"] .agree-label input:checked + .checkbox-ui svg{
      opacity:1;
    }

    #m5DetailOverlay[data-page="p11-claim-form"] .agree-label input:focus-visible + .checkbox-ui{
      outline:2px solid var(--cornflower);
      outline-offset:2px;
    }

    #m5DetailOverlay[data-page="p11-claim-form"] .agree-label.is-invalid .checkbox-ui{
      border-color:#C73838;
      outline:1px solid #C73838;
      outline-offset:1px;
    }

    #m5DetailOverlay[data-page="p11-claim-form"] .upload-button{
      width:100%;
      height:52px;
      padding:11px 24px;
      border:0;
      border-radius:var(--radius);
      background:var(--cobalt);
      color:var(--white);
      font-weight:600;
      font-size:18px;
      line-height:160%;
      letter-spacing:.01em;
      cursor:pointer;
      transition:background-color 140ms ease,box-shadow 140ms ease;
    }

    #m5DetailOverlay[data-page="p11-claim-form"] .upload-button:disabled{
      background:#ECECED;
      color:#A1A1AA;
      cursor:not-allowed;
      box-shadow:none;
    }

    @media (hover:hover) and (pointer:fine) {
      #m5DetailOverlay[data-page="p11-claim-form"] .edit-button:hover{
        background:var(--alice-blue);
      }

      #m5DetailOverlay[data-page="p11-claim-form"] .upload-button:not(:disabled):hover{
        background:var(--cornflower);
        box-shadow:0 5px 10px rgba(99,121,233,.2);
      }
    }


    @media (max-width:767px) {
      #m5DetailOverlay[data-page="p11-claim-form"]{
        --header-h:112px;
        --dock-h:190px;
      }

      #m5DetailOverlay[data-page="p11-claim-form"] .underlay, #m5DetailOverlay[data-page="p11-claim-form"] .scrim{
        display:none;
      }

      #m5DetailOverlay[data-page="p11-claim-form"] .claim-drawer{
        position:fixed;
        inset:0;
        width:100%;
        height:100dvh;
        border-radius:0;
        box-shadow:none;
      }

      #m5DetailOverlay[data-page="p11-claim-form"] .drawer-header{
        height:var(--header-h);
        padding:60px 16px 12px;
        border-bottom:0;
        grid-template-columns:40px 1fr auto;
        gap:8px;
        border-radius:0;
      }

      #m5DetailOverlay[data-page="p11-claim-form"] .drawer-header .back-button{
        display:inline-flex;
        width:40px;
        height:40px;
        padding:8px;
        margin-left:-8px;
        border:0;
        border-radius:var(--radius);
        background:transparent;
        color:var(--cobalt);
        align-items:center;
        justify-content:center;
      }

      #m5DetailOverlay[data-page="p11-claim-form"] .drawer-header .back-button svg{
        width:24px;
        height:24px;
      }

      #m5DetailOverlay[data-page="p11-claim-form"] .drawer-title{
        display:none;
      }

      #m5DetailOverlay[data-page="p11-claim-form"] .edit-button{
        height:40px;
        padding:4px 0;
        font-weight:600;
        font-size:16px;
        line-height:160%;
        letter-spacing:.01em;
      }

      #m5DetailOverlay[data-page="p11-claim-form"] .edit-button svg{
        width:20px;
        height:20px;
      }

      #m5DetailOverlay[data-page="p11-claim-form"] .drawer-scroll{
        top:var(--header-h);
        bottom:var(--dock-h);
      }

      #m5DetailOverlay[data-page="p11-claim-form"] .claim-content{
        width:100%;
        margin:0;
        padding:8px 16px 44px;
      }

      #m5DetailOverlay[data-page="p11-claim-form"] .mobile-form-title{
        display:block;
        margin:0 0 28px;
        text-align:center;
        color:var(--ink);
        font-weight:600;
        font-size:16px;
        line-height:160%;
        letter-spacing:.01em;
        text-transform:uppercase;
      }

      #m5DetailOverlay[data-page="p11-claim-form"] .date-line{
        margin-bottom:26px;
        font-weight:500;
        font-size:14px;
        line-height:160%;
        letter-spacing:.005em;
      }

      #m5DetailOverlay[data-page="p11-claim-form"] .letter-copy{
        margin-bottom:24px;
        font-weight:500;
        font-size:16px;
        line-height:160%;
        letter-spacing:.005em;
      }

      #m5DetailOverlay[data-page="p11-claim-form"] .section-divider{
        margin:24px 0 24px;
      }

      #m5DetailOverlay[data-page="p11-claim-form"] .section-title{
        margin-bottom:18px;
        font-weight:500;
        font-size:16px;
        line-height:160%;
        letter-spacing:.01em;
      }

      #m5DetailOverlay[data-page="p11-claim-form"] .details-grid{
        display:block;
      }

      #m5DetailOverlay[data-page="p11-claim-form"] .detail-item{
        margin-bottom:18px;
      }

      #m5DetailOverlay[data-page="p11-claim-form"] .detail-item:last-child{
        margin-bottom:0;
      }

      #m5DetailOverlay[data-page="p11-claim-form"] .detail-label{
        margin-bottom:2px;
        font-weight:500;
        font-size:12px;
        line-height:160%;
        letter-spacing:.01em;
      }

      #m5DetailOverlay[data-page="p11-claim-form"] .detail-value{
        font-weight:500;
        font-size:16px;
        line-height:160%;
        letter-spacing:.005em;
      }

      #m5DetailOverlay[data-page="p11-claim-form"] .declaration-list{
        padding-left:22px;
      }

      #m5DetailOverlay[data-page="p11-claim-form"] .declaration-list li{
        margin-bottom:24px;
        padding-left:0;
        font-weight:500;
        font-size:14px;
        line-height:160%;
        letter-spacing:.005em;
      }

      #m5DetailOverlay[data-page="p11-claim-form"] .drawer-dock{
        height:var(--dock-h);
        padding:16px 16px 32px;
        display:flex;
        flex-direction:column;
        align-items:stretch;
        justify-content:flex-end;
        gap:20px;
        box-shadow:0 -6px 18px rgba(13,19,51,.06);
      }

      #m5DetailOverlay[data-page="p11-claim-form"] .agree-label{
        gap:10px;
        font-weight:500;
        font-size:16px;
        line-height:160%;
        letter-spacing:.005em;
      }

      #m5DetailOverlay[data-page="p11-claim-form"] .checkbox-ui{
        width:18px;
        height:18px;
        flex-basis:18px;
      }

      #m5DetailOverlay[data-page="p11-claim-form"] .upload-button{
        height:48px;
        padding:11px 20px;
        font-weight:600;
        font-size:16px;
        line-height:160%;
        letter-spacing:.01em;
      }

      @media (hover:none) {
        #m5DetailOverlay[data-page="p11-claim-form"] .edit-button:hover{
          background:transparent;
        }

        #m5DetailOverlay[data-page="p11-claim-form"] .edit-button:active{
          background:var(--alice-blue);
        }

        #m5DetailOverlay[data-page="p11-claim-form"] .upload-button:not(:disabled):hover{
          background:var(--cobalt);
          box-shadow:none;
        }

        #m5DetailOverlay[data-page="p11-claim-form"] .upload-button:not(:disabled):active{
          background:var(--cornflower);
          box-shadow:0 5px 10px rgba(99,121,233,.2);
        }
      }
    }

    @media (min-width:768px) {
      #m5DetailOverlay[data-page="p11-claim-form"] .mobile-back, #m5DetailOverlay[data-page="p11-claim-form"] .mobile-form-title{
        display:none;
      }
    }




/* p12-upload-documents-written-request */
#m5UploadMain[data-page="p12-upload-documents-written-request"]{
      --white: #FFFFFF;
      --page-bg: #F8F9FF;
      --ink: #0D1333;
      --body: #434965;
      --secondary: #53576C;
      --cobalt: #172EA1;
      --cornflower: #6379E9;
      --alice-blue: #EDF0FC;
      --border: #CBCEDC;
      --disabled-text: #A1A1AA;
      --disabled-surface: #ECECED;
      --caution-bg: #F4F5CE;
      --radius: 8px;
      --header-h: 68px;
      --dock-h: 116px;
      --sidebar-w: 450px;
    }

    #m5UploadMain[data-page="p12-upload-documents-written-request"] *{ box-sizing: border-box; }

    #m5UploadMain[data-page="p12-upload-documents-written-request"], #m5UploadMain[data-page="p12-upload-documents-written-request"]{
      margin: 0;
      height: 100%;
      font-family: "Inter", sans-serif;
      background: var(--white);
      color: var(--ink);
      -webkit-font-smoothing: antialiased;
      text-rendering: geometricPrecision;
      overflow: hidden;
    }

    #m5UploadMain[data-page="p12-upload-documents-written-request"]{ min-width: 320px; }
    #m5UploadMain[data-page="p12-upload-documents-written-request"] button{ font: inherit; }

    #m5UploadMain[data-page="p12-upload-documents-written-request"] .page{
      height: 100dvh;
      background: var(--white);
    }



    #m5UploadMain[data-page="p12-upload-documents-written-request"] .header-logo{
      width: 120px;
      height: 28px;
      display: block;
    }

    #m5UploadMain[data-page="p12-upload-documents-written-request"] .save-exit{
      height: 45px;
      padding: 8px;
      border: 0;
      border-radius: var(--radius);
      background: transparent;
      color: var(--cobalt);
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.01em;
      cursor: pointer;
      transition: background-color 140ms ease;
    }

    #m5UploadMain[data-page="p12-upload-documents-written-request"] .progress-line{
      position: absolute;
      left: var(--sidebar-w);
      right: 0;
      bottom: -1px;
      height: 3px;
      background: var(--border);
    }

    #m5UploadMain[data-page="p12-upload-documents-written-request"] .progress-line::before{
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 40%;
      height: 100%;
      background: var(--cobalt);
    }


    #m5UploadMain[data-page="p12-upload-documents-written-request"] .step-sidebar{
      position: fixed;
      top: var(--header-h);
      left: 0;
      bottom: 0;
      width: var(--sidebar-w);
      z-index: 20;
      background: var(--page-bg);
      padding: 84px 80px 40px;
      display: flex;
      flex-direction: column;
    }

    #m5UploadMain[data-page="p12-upload-documents-written-request"] .sidebar-greeting{
      margin: 0 0 4px;
      font-weight: 600;
      font-size: 20px;
      line-height: 160%;
      color: var(--ink);
    }

    #m5UploadMain[data-page="p12-upload-documents-written-request"] .sidebar-copy{
      margin: 0 0 46px;
      font-weight: 500;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.005em;
      color: var(--body);
    }

    #m5UploadMain[data-page="p12-upload-documents-written-request"] .stepper{
      display: flex;
      flex-direction: column;
    }

    #m5UploadMain[data-page="p12-upload-documents-written-request"] .step{
      display: grid;
      grid-template-columns: 44px 1fr;
      gap: 20px;
      align-items: center;
      position: relative;
    }

    #m5UploadMain[data-page="p12-upload-documents-written-request"] .step + .step{ margin-top: 32px; }

    #m5UploadMain[data-page="p12-upload-documents-written-request"] .step:not(:last-child)::after{
      content: "";
      position: absolute;
      width: 1px;
      height: 24px;
      left: 22px;
      top: 48px;
      background: var(--border);
    }

    #m5UploadMain[data-page="p12-upload-documents-written-request"] .step-number{
      width: 44px;
      height: 44px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: var(--disabled-surface);
      color: var(--disabled-text);
      font-weight: 500;
      font-size: 18px;
      line-height: 160%;
    }

    #m5UploadMain[data-page="p12-upload-documents-written-request"] .step.done .step-number{
      background: #15966D;
      color: #fff;
    }

    #m5UploadMain[data-page="p12-upload-documents-written-request"] .step.active .step-number{
      background: var(--cobalt);
      color: #fff;
      font-weight: 600;
    }

    #m5UploadMain[data-page="p12-upload-documents-written-request"] .step-label{
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.01em;
      color: var(--disabled-text);
    }

    #m5UploadMain[data-page="p12-upload-documents-written-request"] .step.done .step-label{ color: var(--body); }
    #m5UploadMain[data-page="p12-upload-documents-written-request"] .step.active .step-label{ color: var(--ink); }

    #m5UploadMain[data-page="p12-upload-documents-written-request"] .sidebar-support{
      margin-top: auto;
    }

    #m5UploadMain[data-page="p12-upload-documents-written-request"] .support-question{
      margin: 0 0 14px;
      text-align: center;
      font-weight: 500;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: 0.005em;
      color: var(--body);
    }

    #m5UploadMain[data-page="p12-upload-documents-written-request"] .support-button{
      width: 100%;
      height: 52px;
      border: 1px solid var(--cobalt);
      border-radius: var(--radius);
      background: #fff;
      color: var(--cobalt);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: .01em;
      cursor: pointer;
    }

    #m5UploadMain[data-page="p12-upload-documents-written-request"] .support-button svg{
      width: 20px;
      height: 20px;
      flex: 0 0 20px;
    }


    #m5UploadMain[data-page="p12-upload-documents-written-request"] .content-viewport{
      position: fixed;
      top: var(--header-h);
      left: var(--sidebar-w);
      right: 0;
      bottom: var(--dock-h);
      overflow-y: auto;
      overflow-x: hidden;
      background: var(--white);
    }

    #m5UploadMain[data-page="p12-upload-documents-written-request"] .content-inner{
      width: min(700px, calc(100% - 160px));
      margin: 0 auto;
      padding: 58px 0 48px;
    }

    #m5UploadMain[data-page="p12-upload-documents-written-request"] .step-kicker{
      margin: 0 0 4px;
      color: var(--secondary);
      font-weight: 500;
      font-size: 14px;
      line-height: 160%;
      letter-spacing: .01em;
      text-transform: uppercase;
    }

    #m5UploadMain[data-page="p12-upload-documents-written-request"] .title-row{
      display: flex;
      align-items: baseline;
      gap: 10px;
      margin-bottom: 40px;
    }

    #m5UploadMain[data-page="p12-upload-documents-written-request"] .page-title{
      margin: 0;
      color: var(--ink);
      font-weight: 600;
      font-size: 20px;
      line-height: 160%;
      text-transform: uppercase;
    }

    #m5UploadMain[data-page="p12-upload-documents-written-request"] .upload-count{
      margin: 2px 0 0;
      color: var(--body);
      font-weight: 500;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: .005em;
      text-transform: uppercase;
    }

    #m5UploadMain[data-page="p12-upload-documents-written-request"] .time-note{
      display: none;
    }

    #m5UploadMain[data-page="p12-upload-documents-written-request"] .checklist{
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    #m5UploadMain[data-page="p12-upload-documents-written-request"] .checklist-card{
      min-height: 100px;
      padding: 18px 20px;
      border: 1px solid var(--border);
      border-radius: var(--radius);
      background: var(--white);
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
    }

    #m5UploadMain[data-page="p12-upload-documents-written-request"] .checklist-card.disabled{
      background: var(--disabled-surface);
      color: var(--disabled-text);
    }

    #m5UploadMain[data-page="p12-upload-documents-written-request"] .checklist-card.uploaded{
      border-color: #15966D;
      background: var(--white);
    }

    #m5UploadMain[data-page="p12-upload-documents-written-request"] .uploaded-state{
      display: inline-flex;
      align-items: center;
      gap: 8px;
    }

    #m5UploadMain[data-page="p12-upload-documents-written-request"] .uploaded-icon{
      width: 20px;
      height: 20px;
      flex: 0 0 20px;
      display: inline-flex;
    }

    #m5UploadMain[data-page="p12-upload-documents-written-request"] .uploaded-icon svg{
      width: 20px;
      height: 20px;
      display: block;
    }

    #m5UploadMain[data-page="p12-upload-documents-written-request"] .checklist-copy{
      min-width: 0;
    }

    #m5UploadMain[data-page="p12-upload-documents-written-request"] .checklist-title{
      margin: 0 0 4px;
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      color: var(--ink);
    }

    #m5UploadMain[data-page="p12-upload-documents-written-request"] .checklist-subtext{
      margin: 0;
      font-weight: 500;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: .005em;
      color: var(--body);
    }

    #m5UploadMain[data-page="p12-upload-documents-written-request"] .checklist-card.disabled .checklist-title, #m5UploadMain[data-page="p12-upload-documents-written-request"] .checklist-card.disabled .checklist-subtext{
      color: var(--disabled-text);
    }

    #m5UploadMain[data-page="p12-upload-documents-written-request"] .card-chevron{
      width: 24px;
      height: 24px;
      flex: 0 0 24px;
      color: var(--cobalt);
    }

    #m5UploadMain[data-page="p12-upload-documents-written-request"] .checklist-card.disabled .card-chevron{
      color: var(--disabled-text);
    }

    #m5UploadMain[data-page="p12-upload-documents-written-request"] .card-chevron svg{
      width: 100%;
      height: 100%;
      display: block;
    }


    #m5UploadMain[data-page="p12-upload-documents-written-request"] .bottom-dock{
      position: fixed;
      left: var(--sidebar-w);
      right: 0;
      bottom: 0;
      z-index: 35;
      height: var(--dock-h);
      border-top: 0.5px solid var(--border);
      background: rgba(255,255,255,.98);
      padding: 12px 80px 40px;
      display: grid;
      grid-template-columns: 205px 1fr;
      align-items: end;
      gap: 40px;
    }

    #m5UploadMain[data-page="p12-upload-documents-written-request"] .back-button{
      width: 205px;
      height: 52px;
      border: 1px solid var(--cobalt);
      border-radius: var(--radius);
      background: #fff;
      color: var(--cobalt);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: .01em;
      cursor: pointer;
    }

    #m5UploadMain[data-page="p12-upload-documents-written-request"] .back-button svg{
      width: 18px;
      height: 18px;
    }

    #m5UploadMain[data-page="p12-upload-documents-written-request"] .dock-right{
      justify-self: end;
      align-self: end;
      width: min(410px, 100%);
    }

    #m5UploadMain[data-page="p12-upload-documents-written-request"] .dock-note{
      min-height: 42px;
      padding: 7px 12px;
      margin-bottom: 12px;
      border-radius: var(--radius);
      background: var(--caution-bg);
      display: flex;
      align-items: center;
      gap: 8px;
      color: var(--body);
      font-weight: 500;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: .005em;
    }

    #m5UploadMain[data-page="p12-upload-documents-written-request"] .dock-note svg{
      width: 18px;
      height: 18px;
      flex: 0 0 18px;
      color: var(--cobalt);
    }

    #m5UploadMain[data-page="p12-upload-documents-written-request"] .submit-button{
      width: 100%;
      height: 52px;
      border: 0;
      border-radius: var(--radius);
      background: var(--disabled-surface);
      color: var(--disabled-text);
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: .01em;
      cursor: not-allowed;
    }

    @media (hover:hover) and (pointer:fine) {
      #m5UploadMain[data-page="p12-upload-documents-written-request"] .save-exit:hover, #m5UploadMain[data-page="p12-upload-documents-written-request"] .support-button:hover, #m5UploadMain[data-page="p12-upload-documents-written-request"] .back-button:hover{
        background: var(--alice-blue);
      }
    }


    @media (max-width: 1100px) and (min-width: 768px) {
      #m5UploadMain[data-page="p12-upload-documents-written-request"]{ --sidebar-w: 36vw; }

      #m5UploadMain[data-page="p12-upload-documents-written-request"] .step-sidebar{
        padding-left: 42px;
        padding-right: 32px;
      }

      #m5UploadMain[data-page="p12-upload-documents-written-request"] .content-inner{
        width: calc(100% - 96px);
      }

      #m5UploadMain[data-page="p12-upload-documents-written-request"] .bottom-dock{
        padding-left: 40px;
        padding-right: 40px;
      }
    }


    @media (max-width: 767px) {
      #m5UploadMain[data-page="p12-upload-documents-written-request"]{
        --header-h: 104px;
        --dock-h: 244px;
      }

      #m5UploadMain[data-page="p12-upload-documents-written-request"], #m5UploadMain[data-page="p12-upload-documents-written-request"]{
        overflow: hidden;
      }

      #m5UploadMain[data-page="p12-upload-documents-written-request"] .header-logo{
        display: none;
      }

      #m5UploadMain[data-page="p12-upload-documents-written-request"] .save-exit{
        height: 40px;
        margin-top: -4px;
        padding: 4px 0;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .01em;
      }

      #m5UploadMain[data-page="p12-upload-documents-written-request"] .mobile-back{
        display: inline-flex;
        width: 40px;
        height: 40px;
        margin-top: -4px;
        margin-left: -8px;
        padding: 8px;
        border: 0;
        border-radius: var(--radius);
        background: transparent;
        color: var(--cobalt);
        align-items: center;
        justify-content: center;
      }

      #m5UploadMain[data-page="p12-upload-documents-written-request"] .mobile-back svg{
        width: 24px;
        height: 24px;
      }

      #m5UploadMain[data-page="p12-upload-documents-written-request"] .progress-line{
        left: 0;
      }

      #m5UploadMain[data-page="p12-upload-documents-written-request"] .progress-line::before{
        width: 33.333%;
      }

      #m5UploadMain[data-page="p12-upload-documents-written-request"] .step-sidebar{
        display: none;
      }

      #m5UploadMain[data-page="p12-upload-documents-written-request"] .content-viewport{
        top: var(--header-h);
        left: 0;
        bottom: var(--dock-h);
      }

      #m5UploadMain[data-page="p12-upload-documents-written-request"] .content-inner{
        width: 100%;
        padding: 24px 16px 32px;
      }

      #m5UploadMain[data-page="p12-upload-documents-written-request"] .step-kicker{
        font-weight: 500;
        font-size: 12px;
        line-height: 160%;
        letter-spacing: .01em;
      }

      #m5UploadMain[data-page="p12-upload-documents-written-request"] .title-row{
        align-items: baseline;
        gap: 8px;
        margin-bottom: 24px;
      }

      #m5UploadMain[data-page="p12-upload-documents-written-request"] .page-title{
        font-weight: 600;
        font-size: 20px;
        line-height: 160%;
      }

      #m5UploadMain[data-page="p12-upload-documents-written-request"] .upload-count{
        margin-top: 2px;
        font-weight: 500;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .005em;
      }

      #m5UploadMain[data-page="p12-upload-documents-written-request"] .time-note{
        display: inline;
        color: var(--secondary);
        font-weight: 500;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: .005em;
      }

      #m5UploadMain[data-page="p12-upload-documents-written-request"] .checklist{
        gap: 12px;
      }

      #m5UploadMain[data-page="p12-upload-documents-written-request"] .checklist-card{
        min-height: 70px;
        padding: 12px 12px;
        border-radius: 8px;
      }

      #m5UploadMain[data-page="p12-upload-documents-written-request"] .checklist-title{
        margin-bottom: 4px;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
      }

      #m5UploadMain[data-page="p12-upload-documents-written-request"] .checklist-subtext{
        font-weight: 500;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: .005em;
      }

      #m5UploadMain[data-page="p12-upload-documents-written-request"] .card-chevron{
        width: 24px;
        height: 24px;
      }

      #m5UploadMain[data-page="p12-upload-documents-written-request"] .mobile-support{
        display: block;
        margin-top: 52px;
        padding-top: 36px;
        border-top: 0.5px solid var(--border);
      }

      #m5UploadMain[data-page="p12-upload-documents-written-request"] .support-question{
        margin-bottom: 16px;
        font-weight: 500;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .005em;
      }

      #m5UploadMain[data-page="p12-upload-documents-written-request"] .support-button{
        height: 48px;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .01em;
      }

      #m5UploadMain[data-page="p12-upload-documents-written-request"] .support-button svg{
        width: 20px;
        height: 20px;
      }

      #m5UploadMain[data-page="p12-upload-documents-written-request"] .bottom-dock{
        left: 0;
        height: var(--dock-h);
        padding: 16px 16px 32px;
        display: block;
      }

      #m5UploadMain[data-page="p12-upload-documents-written-request"] .back-button{
        display: none;
      }

      #m5UploadMain[data-page="p12-upload-documents-written-request"] .dock-right{
        width: 100%;
      }

      #m5UploadMain[data-page="p12-upload-documents-written-request"] .dock-note{
        min-height: 76px;
        padding: 10px 12px;
        margin-bottom: 16px;
        align-items: flex-start;
        font-weight: 500;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .005em;
      }

      #m5UploadMain[data-page="p12-upload-documents-written-request"] .dock-note svg{
        margin-top: 4px;
      }

      #m5UploadMain[data-page="p12-upload-documents-written-request"] .submit-button{
        height: 48px;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .01em;
      }
    }

    @media (min-width: 768px) {
      #m5UploadMain[data-page="p12-upload-documents-written-request"] .mobile-back, #m5UploadMain[data-page="p12-upload-documents-written-request"] .mobile-support{
        display: none;
      }
    }




/* p13-written-request */
#m5DetailOverlay[data-page="p13-written-request"]{
      --white:#FFFFFF;
      --page-bg:#F8F9FF;
      --ink:#0D1333;
      --body:#434965;
      --secondary:#53576C;
      --cobalt:#172EA1;
      --cornflower:#6379E9;
      --alice-blue:#EDF0FC;
      --border:#CBCEDC;
      --radius:8px;
      --drawer-w:min(968px, calc(100vw - 448px));
      --header-h:74px;
      --dock-h:100px;
    }

    #m5DetailOverlay[data-page="p13-written-request"] *{ box-sizing:border-box; }

    #m5DetailOverlay[data-page="p13-written-request"], #m5DetailOverlay[data-page="p13-written-request"]{
      margin:0;
      height:100%;
      font-family:"Inter",sans-serif;
      background:var(--page-bg);
      color:var(--ink);
      -webkit-font-smoothing:antialiased;
      text-rendering:geometricPrecision;
      overflow:hidden;
    }

    #m5DetailOverlay[data-page="p13-written-request"]{ min-width:320px; }
    #m5DetailOverlay[data-page="p13-written-request"] button{ font:inherit; }



    #m5DetailOverlay[data-page="p13-written-request"] .underlay{
      position:fixed;
      inset:0;
      overflow:hidden;
      pointer-events:none;
      background:#fff;
    }

    #m5DetailOverlay[data-page="p13-written-request"] .underlay-frame{
      width:100%;
      height:100%;
      border:0;
      display:block;
      pointer-events:none;
    }

    #m5DetailOverlay[data-page="p13-written-request"] .scrim{
      position:fixed;
      inset:0;
      background:rgba(13,19,51,.42);
      backdrop-filter:blur(2px);
      -webkit-backdrop-filter:blur(2px);
    }

    #m5DetailOverlay[data-page="p13-written-request"] .request-drawer{
      position:fixed;
      top:0;
      right:0;
      width:var(--drawer-w);
      height:100dvh;
      background:var(--white);
      border-radius:16px 0 0 16px;
      box-shadow:-8px 0 22px rgba(13,19,51,.08);
      overflow:hidden;
    }

    #m5DetailOverlay[data-page="p13-written-request"] .drawer-header{
      position:absolute;
      top:0;
      left:0;
      right:0;
      z-index:10;
      height:var(--header-h);
      padding:0 28px;
      display:grid;
      grid-template-columns:40px 1fr 40px;
      align-items:center;
      background:var(--white);
      border-bottom:.5px solid var(--border);
      border-radius:16px 0 0 0;
    }

    #m5DetailOverlay[data-page="p13-written-request"] .back-button{
      width:40px;
      height:40px;
      padding:8px;
      border:0;
      border-radius:var(--radius);
      background:transparent;
      color:var(--cobalt);
      display:inline-flex;
      align-items:center;
      justify-content:center;
      cursor:pointer;
    }

    #m5DetailOverlay[data-page="p13-written-request"] .back-button svg{
      width:24px;
      height:24px;
      display:block;
    }

    #m5DetailOverlay[data-page="p13-written-request"] .drawer-title{
      margin:0;
      text-align:center;
      color:var(--ink);
      font-weight:600;
      font-size:24px;
      line-height:160%;
    }

    #m5DetailOverlay[data-page="p13-written-request"] .drawer-scroll{
      position:absolute;
      top:var(--header-h);
      left:0;
      right:0;
      bottom:var(--dock-h);
      overflow-y:auto;
      overflow-x:hidden;
      background:var(--white);
    }

    #m5DetailOverlay[data-page="p13-written-request"] .letter{
      width:min(760px, calc(100% - 120px));
      margin:0 auto;
      padding:48px 0 56px;
    }

    #m5DetailOverlay[data-page="p13-written-request"] .date-line, #m5DetailOverlay[data-page="p13-written-request"] .letter-copy{
      margin:0 0 24px;
      color:var(--body);
      font-weight:500;
      font-size:18px;
      line-height:160%;
      letter-spacing:.005em;
    }

    #m5DetailOverlay[data-page="p13-written-request"] .date-line{
      color:var(--secondary);
      font-size:16px;
    }

    #m5DetailOverlay[data-page="p13-written-request"] .date-line strong, #m5DetailOverlay[data-page="p13-written-request"] .letter-copy strong{
      color:var(--ink);
      font-weight:600;
    }

    #m5DetailOverlay[data-page="p13-written-request"] .account-heading{
      margin:0 0 14px;
      color:var(--secondary);
      font-weight:600;
      font-size:16px;
      line-height:160%;
      letter-spacing:.01em;
      text-transform:uppercase;
    }

    #m5DetailOverlay[data-page="p13-written-request"] .account-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      column-gap:76px;
      row-gap:14px;
      margin-bottom:26px;
    }

    #m5DetailOverlay[data-page="p13-written-request"] .field-label{
      margin:0 0 2px;
      color:var(--secondary);
      font-weight:500;
      font-size:14px;
      line-height:160%;
      letter-spacing:.01em;
      text-transform:uppercase;
    }

    #m5DetailOverlay[data-page="p13-written-request"] .field-value{
      margin:0;
      color:var(--ink);
      font-weight:500;
      font-size:16px;
      line-height:160%;
      letter-spacing:.005em;
      overflow-wrap:anywhere;
    }

    #m5DetailOverlay[data-page="p13-written-request"] .drawer-dock{
      position:absolute;
      left:0;
      right:0;
      bottom:0;
      z-index:10;
      height:var(--dock-h);
      padding:16px 80px 32px;
      border-top:.5px solid var(--border);
      background:rgba(255,255,255,.98);
      display:flex;
      align-items:flex-end;
      justify-content:flex-end;
    }

    #m5DetailOverlay[data-page="p13-written-request"] .upload-button{
      width:400px;
      height:52px;
      border:0;
      border-radius:var(--radius);
      background:var(--cobalt);
      color:var(--white);
      font-weight:600;
      font-size:18px;
      line-height:160%;
      letter-spacing:.01em;
      cursor:pointer;
      transition:background-color 140ms ease,box-shadow 140ms ease;
    }

    @media (hover:hover) and (pointer:fine) {
      #m5DetailOverlay[data-page="p13-written-request"] .back-button:hover{
        background:var(--alice-blue);
      }

      #m5DetailOverlay[data-page="p13-written-request"] .upload-button:hover{
        background:var(--cornflower);
        box-shadow:0 5px 10px rgba(99,121,233,.2);
      }
    }

    @media (max-width:767px) {
      #m5DetailOverlay[data-page="p13-written-request"]{
        --header-h:150px;
        --dock-h:100px;
      }

      #m5DetailOverlay[data-page="p13-written-request"] .underlay, #m5DetailOverlay[data-page="p13-written-request"] .scrim{
        display:none;
      }

      #m5DetailOverlay[data-page="p13-written-request"] .request-drawer{
        position:fixed;
        inset:0;
        width:100%;
        height:100dvh;
        border-radius:0;
        box-shadow:none;
      }

      #m5DetailOverlay[data-page="p13-written-request"] .drawer-header{
        height:var(--header-h);
        padding:76px 16px 20px;
        grid-template-columns:40px 1fr;
        gap:14px;
        border-bottom:0;
        border-radius:0;
      }

      #m5DetailOverlay[data-page="p13-written-request"] .back-button{
        width:40px;
        height:40px;
        margin-left:-8px;
        padding:8px;
        align-self:start;
      }

      #m5DetailOverlay[data-page="p13-written-request"] .drawer-title{
        text-align:left;
        color:var(--secondary);
        font-weight:600;
        font-size:16px;
        line-height:160%;
        letter-spacing:.01em;
        text-transform:uppercase;
        align-self:start;
        padding-top:7px;
      }

      #m5DetailOverlay[data-page="p13-written-request"] .drawer-scroll{
        top:var(--header-h);
        bottom:var(--dock-h);
      }

      #m5DetailOverlay[data-page="p13-written-request"] .letter{
        width:100%;
        margin:0;
        padding:8px 16px 60px;
      }

      #m5DetailOverlay[data-page="p13-written-request"] .date-line{
        margin-bottom:32px;
        color:var(--secondary);
        font-weight:500;
        font-size:14px;
        line-height:160%;
        letter-spacing:.005em;
      }

      #m5DetailOverlay[data-page="p13-written-request"] .letter-copy{
        margin-bottom:28px;
        color:var(--body);
        font-weight:500;
        font-size:16px;
        line-height:160%;
        letter-spacing:.005em;
      }

      #m5DetailOverlay[data-page="p13-written-request"] .account-heading{
        margin:0 0 20px;
        color:var(--secondary);
        font-weight:500;
        font-size:16px;
        line-height:160%;
        letter-spacing:.01em;
        text-transform:uppercase;
      }

      #m5DetailOverlay[data-page="p13-written-request"] .account-grid{
        display:block;
        margin-bottom:28px;
      }

      #m5DetailOverlay[data-page="p13-written-request"] .account-item{
        margin-bottom:20px;
      }

      #m5DetailOverlay[data-page="p13-written-request"] .account-item:last-child{
        margin-bottom:0;
      }

      #m5DetailOverlay[data-page="p13-written-request"] .field-label{
        margin-bottom:4px;
        font-weight:500;
        font-size:12px;
        line-height:160%;
        letter-spacing:.01em;
      }

      #m5DetailOverlay[data-page="p13-written-request"] .field-value{
        font-weight:500;
        font-size:16px;
        line-height:160%;
        letter-spacing:.005em;
      }

      #m5DetailOverlay[data-page="p13-written-request"] .drawer-dock{
        height:var(--dock-h);
        padding:16px 16px 32px;
        display:flex;
        align-items:flex-end;
        background:rgba(255,255,255,.98);
        box-shadow:0 -6px 18px rgba(13,19,51,.06);
      }

      #m5DetailOverlay[data-page="p13-written-request"] .upload-button{
        width:100%;
        height:48px;
        padding:11px 20px;
        font-weight:600;
        font-size:16px;
        line-height:160%;
        letter-spacing:.01em;
      }

      @media (hover:none) {
        #m5DetailOverlay[data-page="p13-written-request"] .back-button:hover{
          background:transparent;
        }
        #m5DetailOverlay[data-page="p13-written-request"] .back-button:active{
          background:var(--alice-blue);
        }
        #m5DetailOverlay[data-page="p13-written-request"] .upload-button:hover{
          background:var(--cobalt);
          box-shadow:none;
        }
        #m5DetailOverlay[data-page="p13-written-request"] .upload-button:active{
          background:var(--cornflower);
          box-shadow:0 5px 10px rgba(99,121,233,.2);
        }
      }
    }




/* p14-upload-documents-identity */
#m5UploadMain[data-page="p14-upload-documents-identity"]{
      --white: #FFFFFF;
      --page-bg: #F8F9FF;
      --ink: #0D1333;
      --body: #434965;
      --secondary: #53576C;
      --cobalt: #172EA1;
      --cornflower: #6379E9;
      --alice-blue: #EDF0FC;
      --border: #CBCEDC;
      --disabled-text: #A1A1AA;
      --disabled-surface: #ECECED;
      --caution-bg: #F4F5CE;
      --radius: 8px;
      --header-h: 68px;
      --dock-h: 116px;
      --sidebar-w: 450px;
    }

    #m5UploadMain[data-page="p14-upload-documents-identity"] *{ box-sizing: border-box; }

    #m5UploadMain[data-page="p14-upload-documents-identity"], #m5UploadMain[data-page="p14-upload-documents-identity"]{
      margin: 0;
      height: 100%;
      font-family: "Inter", sans-serif;
      background: var(--white);
      color: var(--ink);
      -webkit-font-smoothing: antialiased;
      text-rendering: geometricPrecision;
      overflow: hidden;
    }

    #m5UploadMain[data-page="p14-upload-documents-identity"]{ min-width: 320px; }
    #m5UploadMain[data-page="p14-upload-documents-identity"] button{ font: inherit; }

    #m5UploadMain[data-page="p14-upload-documents-identity"] .page{
      height: 100dvh;
      background: var(--white);
    }



    #m5UploadMain[data-page="p14-upload-documents-identity"] .header-logo{
      width: 120px;
      height: 28px;
      display: block;
    }

    #m5UploadMain[data-page="p14-upload-documents-identity"] .save-exit{
      height: 45px;
      padding: 8px;
      border: 0;
      border-radius: var(--radius);
      background: transparent;
      color: var(--cobalt);
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.01em;
      cursor: pointer;
      transition: background-color 140ms ease;
    }

    #m5UploadMain[data-page="p14-upload-documents-identity"] .progress-line{
      position: absolute;
      left: var(--sidebar-w);
      right: 0;
      bottom: -1px;
      height: 3px;
      background: var(--border);
    }

    #m5UploadMain[data-page="p14-upload-documents-identity"] .progress-line::before{
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 40%;
      height: 100%;
      background: var(--cobalt);
    }


    #m5UploadMain[data-page="p14-upload-documents-identity"] .step-sidebar{
      position: fixed;
      top: var(--header-h);
      left: 0;
      bottom: 0;
      width: var(--sidebar-w);
      z-index: 20;
      background: var(--page-bg);
      padding: 84px 80px 40px;
      display: flex;
      flex-direction: column;
    }

    #m5UploadMain[data-page="p14-upload-documents-identity"] .sidebar-greeting{
      margin: 0 0 4px;
      font-weight: 600;
      font-size: 20px;
      line-height: 160%;
      color: var(--ink);
    }

    #m5UploadMain[data-page="p14-upload-documents-identity"] .sidebar-copy{
      margin: 0 0 46px;
      font-weight: 500;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.005em;
      color: var(--body);
    }

    #m5UploadMain[data-page="p14-upload-documents-identity"] .stepper{
      display: flex;
      flex-direction: column;
    }

    #m5UploadMain[data-page="p14-upload-documents-identity"] .step{
      display: grid;
      grid-template-columns: 44px 1fr;
      gap: 20px;
      align-items: center;
      position: relative;
    }

    #m5UploadMain[data-page="p14-upload-documents-identity"] .step + .step{ margin-top: 32px; }

    #m5UploadMain[data-page="p14-upload-documents-identity"] .step:not(:last-child)::after{
      content: "";
      position: absolute;
      width: 1px;
      height: 24px;
      left: 22px;
      top: 48px;
      background: var(--border);
    }

    #m5UploadMain[data-page="p14-upload-documents-identity"] .step-number{
      width: 44px;
      height: 44px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: var(--disabled-surface);
      color: var(--disabled-text);
      font-weight: 500;
      font-size: 18px;
      line-height: 160%;
    }

    #m5UploadMain[data-page="p14-upload-documents-identity"] .step.done .step-number{
      background: #15966D;
      color: #fff;
    }

    #m5UploadMain[data-page="p14-upload-documents-identity"] .step.active .step-number{
      background: var(--cobalt);
      color: #fff;
      font-weight: 600;
    }

    #m5UploadMain[data-page="p14-upload-documents-identity"] .step-label{
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.01em;
      color: var(--disabled-text);
    }

    #m5UploadMain[data-page="p14-upload-documents-identity"] .step.done .step-label{ color: var(--body); }
    #m5UploadMain[data-page="p14-upload-documents-identity"] .step.active .step-label{ color: var(--ink); }

    #m5UploadMain[data-page="p14-upload-documents-identity"] .sidebar-support{
      margin-top: auto;
    }

    #m5UploadMain[data-page="p14-upload-documents-identity"] .support-question{
      margin: 0 0 14px;
      text-align: center;
      font-weight: 500;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: 0.005em;
      color: var(--body);
    }

    #m5UploadMain[data-page="p14-upload-documents-identity"] .support-button{
      width: 100%;
      height: 52px;
      border: 1px solid var(--cobalt);
      border-radius: var(--radius);
      background: #fff;
      color: var(--cobalt);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: .01em;
      cursor: pointer;
    }

    #m5UploadMain[data-page="p14-upload-documents-identity"] .support-button svg{
      width: 20px;
      height: 20px;
      flex: 0 0 20px;
    }


    #m5UploadMain[data-page="p14-upload-documents-identity"] .content-viewport{
      position: fixed;
      top: var(--header-h);
      left: var(--sidebar-w);
      right: 0;
      bottom: var(--dock-h);
      overflow-y: auto;
      overflow-x: hidden;
      background: var(--white);
    }

    #m5UploadMain[data-page="p14-upload-documents-identity"] .content-inner{
      width: min(700px, calc(100% - 160px));
      margin: 0 auto;
      padding: 58px 0 48px;
    }

    #m5UploadMain[data-page="p14-upload-documents-identity"] .step-kicker{
      margin: 0 0 4px;
      color: var(--secondary);
      font-weight: 500;
      font-size: 14px;
      line-height: 160%;
      letter-spacing: .01em;
      text-transform: uppercase;
    }

    #m5UploadMain[data-page="p14-upload-documents-identity"] .title-row{
      display: flex;
      align-items: baseline;
      gap: 10px;
      margin-bottom: 40px;
    }

    #m5UploadMain[data-page="p14-upload-documents-identity"] .page-title{
      margin: 0;
      color: var(--ink);
      font-weight: 600;
      font-size: 20px;
      line-height: 160%;
      text-transform: uppercase;
    }

    #m5UploadMain[data-page="p14-upload-documents-identity"] .upload-count{
      margin: 2px 0 0;
      color: var(--body);
      font-weight: 500;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: .005em;
      text-transform: uppercase;
    }

    #m5UploadMain[data-page="p14-upload-documents-identity"] .time-note{
      display: none;
    }

    #m5UploadMain[data-page="p14-upload-documents-identity"] .checklist{
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    #m5UploadMain[data-page="p14-upload-documents-identity"] .checklist-card{
      min-height: 100px;
      padding: 18px 20px;
      border: 1px solid var(--border);
      border-radius: var(--radius);
      background: var(--white);
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
    }

    #m5UploadMain[data-page="p14-upload-documents-identity"] .checklist-card.disabled{
      background: var(--disabled-surface);
      color: var(--disabled-text);
    }

    #m5UploadMain[data-page="p14-upload-documents-identity"] .checklist-card.uploaded{
      border-color: #15966D;
      background: var(--white);
    }

    #m5UploadMain[data-page="p14-upload-documents-identity"] .uploaded-state{
      display: inline-flex;
      align-items: center;
      gap: 8px;
    }

    #m5UploadMain[data-page="p14-upload-documents-identity"] .uploaded-icon{
      width: 20px;
      height: 20px;
      flex: 0 0 20px;
      display: inline-flex;
    }

    #m5UploadMain[data-page="p14-upload-documents-identity"] .uploaded-icon svg{
      width: 20px;
      height: 20px;
      display: block;
    }

    #m5UploadMain[data-page="p14-upload-documents-identity"] .checklist-copy{
      min-width: 0;
    }

    #m5UploadMain[data-page="p14-upload-documents-identity"] .checklist-title{
      margin: 0 0 4px;
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      color: var(--ink);
    }

    #m5UploadMain[data-page="p14-upload-documents-identity"] .checklist-subtext{
      margin: 0;
      font-weight: 500;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: .005em;
      color: var(--body);
    }

    #m5UploadMain[data-page="p14-upload-documents-identity"] .checklist-card.disabled .checklist-title, #m5UploadMain[data-page="p14-upload-documents-identity"] .checklist-card.disabled .checklist-subtext{
      color: var(--disabled-text);
    }

    #m5UploadMain[data-page="p14-upload-documents-identity"] .card-chevron{
      width: 24px;
      height: 24px;
      flex: 0 0 24px;
      color: var(--cobalt);
    }

    #m5UploadMain[data-page="p14-upload-documents-identity"] .checklist-card.disabled .card-chevron{
      color: var(--disabled-text);
    }

    #m5UploadMain[data-page="p14-upload-documents-identity"] .card-chevron svg{
      width: 100%;
      height: 100%;
      display: block;
    }


    #m5UploadMain[data-page="p14-upload-documents-identity"] .bottom-dock{
      position: fixed;
      left: var(--sidebar-w);
      right: 0;
      bottom: 0;
      z-index: 35;
      height: var(--dock-h);
      border-top: 0.5px solid var(--border);
      background: rgba(255,255,255,.98);
      padding: 12px 80px 40px;
      display: grid;
      grid-template-columns: 205px 1fr;
      align-items: end;
      gap: 40px;
    }

    #m5UploadMain[data-page="p14-upload-documents-identity"] .back-button{
      width: 205px;
      height: 52px;
      border: 1px solid var(--cobalt);
      border-radius: var(--radius);
      background: #fff;
      color: var(--cobalt);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: .01em;
      cursor: pointer;
    }

    #m5UploadMain[data-page="p14-upload-documents-identity"] .back-button svg{
      width: 18px;
      height: 18px;
    }

    #m5UploadMain[data-page="p14-upload-documents-identity"] .dock-right{
      justify-self: end;
      align-self: end;
      width: min(410px, 100%);
    }

    #m5UploadMain[data-page="p14-upload-documents-identity"] .dock-note{
      min-height: 42px;
      padding: 7px 12px;
      margin-bottom: 12px;
      border-radius: var(--radius);
      background: var(--caution-bg);
      display: flex;
      align-items: center;
      gap: 8px;
      color: var(--body);
      font-weight: 500;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: .005em;
    }

    #m5UploadMain[data-page="p14-upload-documents-identity"] .dock-note svg{
      width: 18px;
      height: 18px;
      flex: 0 0 18px;
      color: var(--cobalt);
    }

    #m5UploadMain[data-page="p14-upload-documents-identity"] .submit-button{
      width: 100%;
      height: 52px;
      border: 0;
      border-radius: var(--radius);
      background: var(--disabled-surface);
      color: var(--disabled-text);
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: .01em;
      cursor: not-allowed;
    }

    @media (hover:hover) and (pointer:fine) {
      #m5UploadMain[data-page="p14-upload-documents-identity"] .save-exit:hover, #m5UploadMain[data-page="p14-upload-documents-identity"] .support-button:hover, #m5UploadMain[data-page="p14-upload-documents-identity"] .back-button:hover{
        background: var(--alice-blue);
      }
    }


    @media (max-width: 1100px) and (min-width: 768px) {
      #m5UploadMain[data-page="p14-upload-documents-identity"]{ --sidebar-w: 36vw; }

      #m5UploadMain[data-page="p14-upload-documents-identity"] .step-sidebar{
        padding-left: 42px;
        padding-right: 32px;
      }

      #m5UploadMain[data-page="p14-upload-documents-identity"] .content-inner{
        width: calc(100% - 96px);
      }

      #m5UploadMain[data-page="p14-upload-documents-identity"] .bottom-dock{
        padding-left: 40px;
        padding-right: 40px;
      }
    }


    @media (max-width: 767px) {
      #m5UploadMain[data-page="p14-upload-documents-identity"]{
        --header-h: 104px;
        --dock-h: 244px;
      }

      #m5UploadMain[data-page="p14-upload-documents-identity"], #m5UploadMain[data-page="p14-upload-documents-identity"]{
        overflow: hidden;
      }

      #m5UploadMain[data-page="p14-upload-documents-identity"] .header-logo{
        display: none;
      }

      #m5UploadMain[data-page="p14-upload-documents-identity"] .save-exit{
        height: 40px;
        margin-top: -4px;
        padding: 4px 0;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .01em;
      }

      #m5UploadMain[data-page="p14-upload-documents-identity"] .mobile-back{
        display: inline-flex;
        width: 40px;
        height: 40px;
        margin-top: -4px;
        margin-left: -8px;
        padding: 8px;
        border: 0;
        border-radius: var(--radius);
        background: transparent;
        color: var(--cobalt);
        align-items: center;
        justify-content: center;
      }

      #m5UploadMain[data-page="p14-upload-documents-identity"] .mobile-back svg{
        width: 24px;
        height: 24px;
      }

      #m5UploadMain[data-page="p14-upload-documents-identity"] .progress-line{
        left: 0;
      }

      #m5UploadMain[data-page="p14-upload-documents-identity"] .progress-line::before{
        width: 33.333%;
      }

      #m5UploadMain[data-page="p14-upload-documents-identity"] .step-sidebar{
        display: none;
      }

      #m5UploadMain[data-page="p14-upload-documents-identity"] .content-viewport{
        top: var(--header-h);
        left: 0;
        bottom: var(--dock-h);
      }

      #m5UploadMain[data-page="p14-upload-documents-identity"] .content-inner{
        width: 100%;
        padding: 24px 16px 32px;
      }

      #m5UploadMain[data-page="p14-upload-documents-identity"] .step-kicker{
        font-weight: 500;
        font-size: 12px;
        line-height: 160%;
        letter-spacing: .01em;
      }

      #m5UploadMain[data-page="p14-upload-documents-identity"] .title-row{
        align-items: baseline;
        gap: 8px;
        margin-bottom: 24px;
      }

      #m5UploadMain[data-page="p14-upload-documents-identity"] .page-title{
        font-weight: 600;
        font-size: 20px;
        line-height: 160%;
      }

      #m5UploadMain[data-page="p14-upload-documents-identity"] .upload-count{
        margin-top: 2px;
        font-weight: 500;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .005em;
      }

      #m5UploadMain[data-page="p14-upload-documents-identity"] .time-note{
        display: inline;
        color: var(--secondary);
        font-weight: 500;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: .005em;
      }

      #m5UploadMain[data-page="p14-upload-documents-identity"] .checklist{
        gap: 12px;
      }

      #m5UploadMain[data-page="p14-upload-documents-identity"] .checklist-card{
        min-height: 70px;
        padding: 12px 12px;
        border-radius: 8px;
      }

      #m5UploadMain[data-page="p14-upload-documents-identity"] .checklist-title{
        margin-bottom: 4px;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
      }

      #m5UploadMain[data-page="p14-upload-documents-identity"] .checklist-subtext{
        font-weight: 500;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: .005em;
      }

      #m5UploadMain[data-page="p14-upload-documents-identity"] .card-chevron{
        width: 24px;
        height: 24px;
      }

      #m5UploadMain[data-page="p14-upload-documents-identity"] .mobile-support{
        display: block;
        margin-top: 52px;
        padding-top: 36px;
        border-top: 0.5px solid var(--border);
      }

      #m5UploadMain[data-page="p14-upload-documents-identity"] .support-question{
        margin-bottom: 16px;
        font-weight: 500;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .005em;
      }

      #m5UploadMain[data-page="p14-upload-documents-identity"] .support-button{
        height: 48px;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .01em;
      }

      #m5UploadMain[data-page="p14-upload-documents-identity"] .support-button svg{
        width: 20px;
        height: 20px;
      }

      #m5UploadMain[data-page="p14-upload-documents-identity"] .bottom-dock{
        left: 0;
        height: var(--dock-h);
        padding: 16px 16px 32px;
        display: block;
      }

      #m5UploadMain[data-page="p14-upload-documents-identity"] .back-button{
        display: none;
      }

      #m5UploadMain[data-page="p14-upload-documents-identity"] .dock-right{
        width: 100%;
      }

      #m5UploadMain[data-page="p14-upload-documents-identity"] .dock-note{
        min-height: 76px;
        padding: 10px 12px;
        margin-bottom: 16px;
        align-items: flex-start;
        font-weight: 500;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .005em;
      }

      #m5UploadMain[data-page="p14-upload-documents-identity"] .dock-note svg{
        margin-top: 4px;
      }

      #m5UploadMain[data-page="p14-upload-documents-identity"] .submit-button{
        height: 48px;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .01em;
      }
    }

    @media (min-width: 768px) {
      #m5UploadMain[data-page="p14-upload-documents-identity"] .mobile-back, #m5UploadMain[data-page="p14-upload-documents-identity"] .mobile-support{
        display: none;
      }
    }




/* p15-upload-identity */
#m5DetailOverlay[data-page="p15-upload-identity"]{
      --white:#FFFFFF;
      --page-bg:#F8F9FF;
      --ink:#0D1333;
      --body:#434965;
      --secondary:#53576C;
      --cobalt:#172EA1;
      --cornflower:#6379E9;
      --alice-blue:#EDF0FC;
      --border:#CBCEDC;
      --upload-bg:#EDF0FC;
      --radius:8px;
      --drawer-w:min(960px, calc(100vw - 478px));
      --header-h:80px;
      --dock-h:112px;
    }

    #m5DetailOverlay[data-page="p15-upload-identity"] *{ box-sizing:border-box; }

    #m5DetailOverlay[data-page="p15-upload-identity"], #m5DetailOverlay[data-page="p15-upload-identity"]{
      margin:0;
      height:100%;
      font-family:"Inter",sans-serif;
      background:var(--page-bg);
      color:var(--ink);
      -webkit-font-smoothing:antialiased;
      text-rendering:geometricPrecision;
      overflow:hidden;
    }

    #m5DetailOverlay[data-page="p15-upload-identity"]{ min-width:320px; }
    #m5DetailOverlay[data-page="p15-upload-identity"] button, #m5DetailOverlay[data-page="p15-upload-identity"] input, #m5DetailOverlay[data-page="p15-upload-identity"] select{ font:inherit; }



    #m5DetailOverlay[data-page="p15-upload-identity"] .underlay{
      position:fixed;
      inset:0;
      overflow:hidden;
      pointer-events:none;
      background:#fff;
    }

    #m5DetailOverlay[data-page="p15-upload-identity"] .underlay-frame{
      width:100%;
      height:100%;
      border:0;
      display:block;
      pointer-events:none;
    }

    #m5DetailOverlay[data-page="p15-upload-identity"] .scrim{
      position:fixed;
      inset:0;
      background:rgba(13,19,51,.42);
      backdrop-filter:blur(2.2px);
      -webkit-backdrop-filter:blur(2.2px);
    }

    #m5DetailOverlay[data-page="p15-upload-identity"] .identity-drawer{
      position:fixed;
      top:0;
      right:0;
      width:var(--drawer-w);
      height:100dvh;
      background:var(--white);
      border-radius:16px 0 0 16px;
      box-shadow:-8px 0 22px rgba(13,19,51,.08);
      overflow:hidden;
    }

    #m5DetailOverlay[data-page="p15-upload-identity"] .drawer-header{
      position:absolute;
      top:0;
      left:0;
      right:0;
      z-index:10;
      height:var(--header-h);
      padding:0 28px;
      display:grid;
      grid-template-columns:40px 1fr 40px;
      align-items:center;
      background:var(--white);
      border-bottom:.5px solid var(--border);
      border-radius:16px 0 0 0;
    }

    #m5DetailOverlay[data-page="p15-upload-identity"] .back-button{
      width:40px;
      height:40px;
      padding:8px;
      border:0;
      border-radius:var(--radius);
      background:transparent;
      color:var(--cobalt);
      display:inline-flex;
      align-items:center;
      justify-content:center;
      cursor:pointer;
    }

    #m5DetailOverlay[data-page="p15-upload-identity"] .back-button svg{
      width:24px;
      height:24px;
      display:block;
    }

    #m5DetailOverlay[data-page="p15-upload-identity"] .drawer-title{
      margin:0;
      text-align:center;
      color:var(--ink);
      font-weight:600;
      font-size:24px;
      line-height:160%;
    }

    #m5DetailOverlay[data-page="p15-upload-identity"] .drawer-scroll{
      position:absolute;
      top:var(--header-h);
      bottom:var(--dock-h);
      left:0;
      right:0;
      overflow-y:auto;
      overflow-x:hidden;
      background:var(--white);
    }

    #m5DetailOverlay[data-page="p15-upload-identity"] .content{
      width:min(700px, calc(100% - 120px));
      margin:0 auto;
      padding:84px 0 56px;
    }

    #m5DetailOverlay[data-page="p15-upload-identity"] .field-label{
      display:block;
      margin:0 0 8px;
      color:var(--secondary);
      font-weight:500;
      font-size:14px;
      line-height:160%;
      letter-spacing:.005em;
    }

    #m5DetailOverlay[data-page="p15-upload-identity"] .select-wrap{
      position:relative;
    }

    #m5DetailOverlay[data-page="p15-upload-identity"] .select-control{
      width:100%;
      height:52px;
      appearance:none;
      -webkit-appearance:none;
      padding:0 46px 0 12px;
      border:1px solid var(--border);
      border-radius:var(--radius);
      background:#fff;
      color:var(--ink);
      font-weight:500;
      font-size:18px;
      line-height:160%;
      letter-spacing:.005em;
      outline:none;
    }

    #m5DetailOverlay[data-page="p15-upload-identity"] .select-control:focus{
      border:1.5px solid var(--cobalt);
    }

    #m5DetailOverlay[data-page="p15-upload-identity"] .select-chevron{
      position:absolute;
      top:50%;
      right:12px;
      transform:translateY(-50%);
      width:16px;
      height:16px;
      color:var(--cobalt);
      pointer-events:none;
    }

    #m5DetailOverlay[data-page="p15-upload-identity"] .select-chevron svg{
      width:100%;
      height:100%;
      display:block;
    }

    #m5DetailOverlay[data-page="p15-upload-identity"] .divider{
      height:0;
      border-top:.5px solid var(--border);
      margin:38px 0 40px;
    }

    #m5DetailOverlay[data-page="p15-upload-identity"] .upload-zone{
      width:100%;
      min-height:126px;
      border:1.5px dashed var(--cobalt);
      border-radius:var(--radius);
      background:var(--upload-bg);
      padding:18px 20px;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      text-align:center;
    }

    #m5DetailOverlay[data-page="p15-upload-identity"] .upload-plus{
      width:24px;
      height:24px;
      margin-bottom:10px;
      color:var(--cobalt);
    }

    #m5DetailOverlay[data-page="p15-upload-identity"] .upload-plus svg{
      width:100%;
      height:100%;
      display:block;
    }

    #m5DetailOverlay[data-page="p15-upload-identity"] .upload-title{
      margin:0 0 4px;
      color:var(--ink);
      font-weight:600;
      font-size:18px;
      line-height:160%;
    }

    #m5DetailOverlay[data-page="p15-upload-identity"] .upload-subtext{
      margin:0;
      color:var(--secondary);
      font-weight:500;
      font-size:16px;
      line-height:160%;
      letter-spacing:.005em;
    }

    #m5DetailOverlay[data-page="p15-upload-identity"] .or{
      margin:18px 0;
      text-align:center;
      color:var(--body);
      font-weight:600;
      font-size:16px;
      line-height:160%;
      letter-spacing:.01em;
    }

    #m5DetailOverlay[data-page="p15-upload-identity"] .digilocker-button{
      width:100%;
      height:52px;
      padding:11px 24px;
      border:1px solid var(--cobalt);
      border-radius:var(--radius);
      background:#fff;
      color:var(--cobalt);
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      cursor:pointer;
      font-weight:600;
      font-size:18px;
      line-height:160%;
      letter-spacing:.01em;
    }

    #m5DetailOverlay[data-page="p15-upload-identity"] .digilocker-logo{
      display:block;
      width:114px;
      height:28px;
      flex:0 0 114px;
    }

    #m5DetailOverlay[data-page="p15-upload-identity"] .drawer-dock{
      position:absolute;
      left:0;
      right:0;
      bottom:0;
      z-index:10;
      height:var(--dock-h);
      padding:20px 80px 40px;
      border-top:.5px solid var(--border);
      background:rgba(255,255,255,.98);
      display:flex;
      align-items:flex-end;
      justify-content:flex-end;
    }

    #m5DetailOverlay[data-page="p15-upload-identity"] .submit-button{
      width:400px;
      height:52px;
      padding:11px 24px;
      border:0;
      border-radius:var(--radius);
      background:var(--cobalt);
      color:#fff;
      font-weight:600;
      font-size:18px;
      line-height:160%;
      letter-spacing:.01em;
      cursor:pointer;
      transition:background-color 140ms ease,box-shadow 140ms ease;
    }

    @media (hover:hover) and (pointer:fine) {
      #m5DetailOverlay[data-page="p15-upload-identity"] .back-button:hover, #m5DetailOverlay[data-page="p15-upload-identity"] .digilocker-button:hover{
        background:var(--alice-blue);
      }

      #m5DetailOverlay[data-page="p15-upload-identity"] .submit-button:hover{
        background:var(--cornflower);
        box-shadow:0 5px 10px rgba(99,121,233,.2);
      }
    }

    @media (max-width:767px) {
      #m5DetailOverlay[data-page="p15-upload-identity"]{
        --header-h:118px;
        --dock-h:128px;
      }

      #m5DetailOverlay[data-page="p15-upload-identity"] .underlay, #m5DetailOverlay[data-page="p15-upload-identity"] .scrim{
        display:none;
      }

      #m5DetailOverlay[data-page="p15-upload-identity"] .identity-drawer{
        position:fixed;
        inset:0;
        width:100%;
        height:100dvh;
        border-radius:0;
        box-shadow:none;
      }

      #m5DetailOverlay[data-page="p15-upload-identity"] .drawer-header{
        height:var(--header-h);
        padding:60px 16px 18px;
        grid-template-columns:40px 1fr 40px;
        border-bottom:0;
        border-radius:0;
      }

      #m5DetailOverlay[data-page="p15-upload-identity"] .back-button{
        width:40px;
        height:40px;
        margin-left:-8px;
      }

      #m5DetailOverlay[data-page="p15-upload-identity"] .drawer-title{
        color:var(--secondary);
        font-weight:600;
        font-size:16px;
        line-height:160%;
        letter-spacing:.01em;
        text-transform:uppercase;
      }

      #m5DetailOverlay[data-page="p15-upload-identity"] .drawer-scroll{
        top:var(--header-h);
        bottom:var(--dock-h);
      }

      #m5DetailOverlay[data-page="p15-upload-identity"] .content{
        width:100%;
        margin:0;
        padding:28px 16px 54px;
      }

      #m5DetailOverlay[data-page="p15-upload-identity"] .field-label{
        margin-bottom:8px;
        font-weight:500;
        font-size:14px;
        line-height:160%;
        letter-spacing:.005em;
      }

      #m5DetailOverlay[data-page="p15-upload-identity"] .select-control{
        height:48px;
        padding:0 46px 0 12px;
        font-weight:500;
        font-size:16px;
        line-height:160%;
        letter-spacing:.005em;
      }

      #m5DetailOverlay[data-page="p15-upload-identity"] .divider{
        margin:40px 0 40px;
      }

      #m5DetailOverlay[data-page="p15-upload-identity"] .upload-zone{
        min-height:120px;
        padding:18px 16px;
        border-radius:8px;
      }

      #m5DetailOverlay[data-page="p15-upload-identity"] .upload-plus{
        width:24px;
        height:24px;
        margin-bottom:10px;
      }

      #m5DetailOverlay[data-page="p15-upload-identity"] .upload-title{
        margin-bottom:4px;
        font-weight:600;
        font-size:16px;
        line-height:160%;
      }

      #m5DetailOverlay[data-page="p15-upload-identity"] .upload-subtext{
        font-weight:500;
        font-size:14px;
        line-height:160%;
        letter-spacing:.005em;
      }

      #m5DetailOverlay[data-page="p15-upload-identity"] .or{
        margin:18px 0;
        font-weight:500;
        font-size:16px;
        line-height:160%;
        letter-spacing:.005em;
      }

      #m5DetailOverlay[data-page="p15-upload-identity"] .digilocker-button{
        height:48px;
        padding:11px 20px;
        font-weight:600;
        font-size:16px;
        line-height:160%;
        letter-spacing:.01em;
      }

      #m5DetailOverlay[data-page="p15-upload-identity"] .digilocker-logo{
        width:114px;
        height:28px;
        flex-basis:114px;
      }

      #m5DetailOverlay[data-page="p15-upload-identity"] .drawer-dock{
        height:var(--dock-h);
        padding:20px 16px 32px;
        display:flex;
        align-items:flex-end;
      }

      #m5DetailOverlay[data-page="p15-upload-identity"] #m5DetailError:not(:empty){
        position:absolute;
        left:16px;
        right:16px;
        bottom:calc(var(--dock-h) + 8px);
        z-index:11;
        margin:0;
        padding:8px 12px;
        border:1px solid #C73838;
        border-radius:var(--radius);
        background:var(--white);
      }

      #m5DetailOverlay[data-page="p15-upload-identity"] .submit-button{
        width:100%;
        height:48px;
        padding:11px 20px;
        font-weight:600;
        font-size:16px;
        line-height:160%;
        letter-spacing:.01em;
      }

      @media (hover:none) {
        #m5DetailOverlay[data-page="p15-upload-identity"] .back-button:hover, #m5DetailOverlay[data-page="p15-upload-identity"] .digilocker-button:hover{
          background:transparent;
        }

        #m5DetailOverlay[data-page="p15-upload-identity"] .back-button:active, #m5DetailOverlay[data-page="p15-upload-identity"] .digilocker-button:active{
          background:var(--alice-blue);
        }

        #m5DetailOverlay[data-page="p15-upload-identity"] .submit-button:hover{
          background:var(--cobalt);
          box-shadow:none;
        }

        #m5DetailOverlay[data-page="p15-upload-identity"] .submit-button:active{
          background:var(--cornflower);
          box-shadow:0 5px 10px rgba(99,121,233,.2);
        }
      }
    }




/* p16-upload-documents-address */
#m5UploadMain[data-page="p16-upload-documents-address"]{
      --white: #FFFFFF;
      --page-bg: #F8F9FF;
      --ink: #0D1333;
      --body: #434965;
      --secondary: #53576C;
      --cobalt: #172EA1;
      --cornflower: #6379E9;
      --alice-blue: #EDF0FC;
      --border: #CBCEDC;
      --disabled-text: #A1A1AA;
      --disabled-surface: #ECECED;
      --caution-bg: #F4F5CE;
      --radius: 8px;
      --header-h: 68px;
      --dock-h: 116px;
      --sidebar-w: 450px;
    }

    #m5UploadMain[data-page="p16-upload-documents-address"] *{ box-sizing: border-box; }

    #m5UploadMain[data-page="p16-upload-documents-address"], #m5UploadMain[data-page="p16-upload-documents-address"]{
      margin: 0;
      height: 100%;
      font-family: "Inter", sans-serif;
      background: var(--white);
      color: var(--ink);
      -webkit-font-smoothing: antialiased;
      text-rendering: geometricPrecision;
      overflow: hidden;
    }

    #m5UploadMain[data-page="p16-upload-documents-address"]{ min-width: 320px; }
    #m5UploadMain[data-page="p16-upload-documents-address"] button{ font: inherit; }

    #m5UploadMain[data-page="p16-upload-documents-address"] .page{
      height: 100dvh;
      background: var(--white);
    }



    #m5UploadMain[data-page="p16-upload-documents-address"] .header-logo{
      width: 120px;
      height: 28px;
      display: block;
    }

    #m5UploadMain[data-page="p16-upload-documents-address"] .save-exit{
      height: 45px;
      padding: 8px;
      border: 0;
      border-radius: var(--radius);
      background: transparent;
      color: var(--cobalt);
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.01em;
      cursor: pointer;
      transition: background-color 140ms ease;
    }

    #m5UploadMain[data-page="p16-upload-documents-address"] .progress-line{
      position: absolute;
      left: var(--sidebar-w);
      right: 0;
      bottom: -1px;
      height: 3px;
      background: var(--border);
    }

    #m5UploadMain[data-page="p16-upload-documents-address"] .progress-line::before{
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 40%;
      height: 100%;
      background: var(--cobalt);
    }


    #m5UploadMain[data-page="p16-upload-documents-address"] .step-sidebar{
      position: fixed;
      top: var(--header-h);
      left: 0;
      bottom: 0;
      width: var(--sidebar-w);
      z-index: 20;
      background: var(--page-bg);
      padding: 84px 80px 40px;
      display: flex;
      flex-direction: column;
    }

    #m5UploadMain[data-page="p16-upload-documents-address"] .sidebar-greeting{
      margin: 0 0 4px;
      font-weight: 600;
      font-size: 20px;
      line-height: 160%;
      color: var(--ink);
    }

    #m5UploadMain[data-page="p16-upload-documents-address"] .sidebar-copy{
      margin: 0 0 46px;
      font-weight: 500;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.005em;
      color: var(--body);
    }

    #m5UploadMain[data-page="p16-upload-documents-address"] .stepper{
      display: flex;
      flex-direction: column;
    }

    #m5UploadMain[data-page="p16-upload-documents-address"] .step{
      display: grid;
      grid-template-columns: 44px 1fr;
      gap: 20px;
      align-items: center;
      position: relative;
    }

    #m5UploadMain[data-page="p16-upload-documents-address"] .step + .step{ margin-top: 32px; }

    #m5UploadMain[data-page="p16-upload-documents-address"] .step:not(:last-child)::after{
      content: "";
      position: absolute;
      width: 1px;
      height: 24px;
      left: 22px;
      top: 48px;
      background: var(--border);
    }

    #m5UploadMain[data-page="p16-upload-documents-address"] .step-number{
      width: 44px;
      height: 44px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: var(--disabled-surface);
      color: var(--disabled-text);
      font-weight: 500;
      font-size: 18px;
      line-height: 160%;
    }

    #m5UploadMain[data-page="p16-upload-documents-address"] .step.done .step-number{
      background: #15966D;
      color: #fff;
    }

    #m5UploadMain[data-page="p16-upload-documents-address"] .step.active .step-number{
      background: var(--cobalt);
      color: #fff;
      font-weight: 600;
    }

    #m5UploadMain[data-page="p16-upload-documents-address"] .step-label{
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.01em;
      color: var(--disabled-text);
    }

    #m5UploadMain[data-page="p16-upload-documents-address"] .step.done .step-label{ color: var(--body); }
    #m5UploadMain[data-page="p16-upload-documents-address"] .step.active .step-label{ color: var(--ink); }

    #m5UploadMain[data-page="p16-upload-documents-address"] .sidebar-support{
      margin-top: auto;
    }

    #m5UploadMain[data-page="p16-upload-documents-address"] .support-question{
      margin: 0 0 14px;
      text-align: center;
      font-weight: 500;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: 0.005em;
      color: var(--body);
    }

    #m5UploadMain[data-page="p16-upload-documents-address"] .support-button{
      width: 100%;
      height: 52px;
      border: 1px solid var(--cobalt);
      border-radius: var(--radius);
      background: #fff;
      color: var(--cobalt);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: .01em;
      cursor: pointer;
    }

    #m5UploadMain[data-page="p16-upload-documents-address"] .support-button svg{
      width: 20px;
      height: 20px;
      flex: 0 0 20px;
    }


    #m5UploadMain[data-page="p16-upload-documents-address"] .content-viewport{
      position: fixed;
      top: var(--header-h);
      left: var(--sidebar-w);
      right: 0;
      bottom: var(--dock-h);
      overflow-y: auto;
      overflow-x: hidden;
      background: var(--white);
    }

    #m5UploadMain[data-page="p16-upload-documents-address"] .content-inner{
      width: min(700px, calc(100% - 160px));
      margin: 0 auto;
      padding: 58px 0 48px;
    }

    #m5UploadMain[data-page="p16-upload-documents-address"] .step-kicker{
      margin: 0 0 4px;
      color: var(--secondary);
      font-weight: 500;
      font-size: 14px;
      line-height: 160%;
      letter-spacing: .01em;
      text-transform: uppercase;
    }

    #m5UploadMain[data-page="p16-upload-documents-address"] .title-row{
      display: flex;
      align-items: baseline;
      gap: 10px;
      margin-bottom: 40px;
    }

    #m5UploadMain[data-page="p16-upload-documents-address"] .page-title{
      margin: 0;
      color: var(--ink);
      font-weight: 600;
      font-size: 20px;
      line-height: 160%;
      text-transform: uppercase;
    }

    #m5UploadMain[data-page="p16-upload-documents-address"] .upload-count{
      margin: 2px 0 0;
      color: var(--body);
      font-weight: 500;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: .005em;
      text-transform: uppercase;
    }

    #m5UploadMain[data-page="p16-upload-documents-address"] .time-note{
      display: none;
    }

    #m5UploadMain[data-page="p16-upload-documents-address"] .checklist{
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    #m5UploadMain[data-page="p16-upload-documents-address"] .checklist-card{
      min-height: 100px;
      padding: 18px 20px;
      border: 1px solid var(--border);
      border-radius: var(--radius);
      background: var(--white);
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
    }

    #m5UploadMain[data-page="p16-upload-documents-address"] .checklist-card.disabled{
      background: var(--disabled-surface);
      color: var(--disabled-text);
    }

    #m5UploadMain[data-page="p16-upload-documents-address"] .checklist-card.uploaded{
      border-color: #15966D;
      background: var(--white);
    }

    #m5UploadMain[data-page="p16-upload-documents-address"] .uploaded-state{
      display: inline-flex;
      align-items: center;
      gap: 8px;
    }

    #m5UploadMain[data-page="p16-upload-documents-address"] .uploaded-icon{
      width: 20px;
      height: 20px;
      flex: 0 0 20px;
      display: inline-flex;
    }

    #m5UploadMain[data-page="p16-upload-documents-address"] .uploaded-icon svg{
      width: 20px;
      height: 20px;
      display: block;
    }

    #m5UploadMain[data-page="p16-upload-documents-address"] .checklist-copy{
      min-width: 0;
    }

    #m5UploadMain[data-page="p16-upload-documents-address"] .checklist-title{
      margin: 0 0 4px;
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      color: var(--ink);
    }

    #m5UploadMain[data-page="p16-upload-documents-address"] .checklist-subtext{
      margin: 0;
      font-weight: 500;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: .005em;
      color: var(--body);
    }

    #m5UploadMain[data-page="p16-upload-documents-address"] .checklist-card.disabled .checklist-title, #m5UploadMain[data-page="p16-upload-documents-address"] .checklist-card.disabled .checklist-subtext{
      color: var(--disabled-text);
    }

    #m5UploadMain[data-page="p16-upload-documents-address"] .card-chevron{
      width: 24px;
      height: 24px;
      flex: 0 0 24px;
      color: var(--cobalt);
    }

    #m5UploadMain[data-page="p16-upload-documents-address"] .checklist-card.disabled .card-chevron{
      color: var(--disabled-text);
    }

    #m5UploadMain[data-page="p16-upload-documents-address"] .card-chevron svg{
      width: 100%;
      height: 100%;
      display: block;
    }


    #m5UploadMain[data-page="p16-upload-documents-address"] .bottom-dock{
      position: fixed;
      left: var(--sidebar-w);
      right: 0;
      bottom: 0;
      z-index: 35;
      height: var(--dock-h);
      border-top: 0.5px solid var(--border);
      background: rgba(255,255,255,.98);
      padding: 12px 80px 40px;
      display: grid;
      grid-template-columns: 205px 1fr;
      align-items: end;
      gap: 40px;
    }

    #m5UploadMain[data-page="p16-upload-documents-address"] .back-button{
      width: 205px;
      height: 52px;
      border: 1px solid var(--cobalt);
      border-radius: var(--radius);
      background: #fff;
      color: var(--cobalt);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: .01em;
      cursor: pointer;
    }

    #m5UploadMain[data-page="p16-upload-documents-address"] .back-button svg{
      width: 18px;
      height: 18px;
    }

    #m5UploadMain[data-page="p16-upload-documents-address"] .dock-right{
      justify-self: end;
      align-self: end;
      width: min(410px, 100%);
    }

    #m5UploadMain[data-page="p16-upload-documents-address"] .dock-note{
      min-height: 42px;
      padding: 7px 12px;
      margin-bottom: 12px;
      border-radius: var(--radius);
      background: var(--caution-bg);
      display: flex;
      align-items: center;
      gap: 8px;
      color: var(--body);
      font-weight: 500;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: .005em;
    }

    #m5UploadMain[data-page="p16-upload-documents-address"] .dock-note svg{
      width: 18px;
      height: 18px;
      flex: 0 0 18px;
      color: var(--cobalt);
    }

    #m5UploadMain[data-page="p16-upload-documents-address"] .submit-button{
      width: 100%;
      height: 52px;
      border: 0;
      border-radius: var(--radius);
      background: var(--disabled-surface);
      color: var(--disabled-text);
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: .01em;
      cursor: not-allowed;
    }

    @media (hover:hover) and (pointer:fine) {
      #m5UploadMain[data-page="p16-upload-documents-address"] .save-exit:hover, #m5UploadMain[data-page="p16-upload-documents-address"] .support-button:hover, #m5UploadMain[data-page="p16-upload-documents-address"] .back-button:hover{
        background: var(--alice-blue);
      }
    }


    @media (max-width: 1100px) and (min-width: 768px) {
      #m5UploadMain[data-page="p16-upload-documents-address"]{ --sidebar-w: 36vw; }

      #m5UploadMain[data-page="p16-upload-documents-address"] .step-sidebar{
        padding-left: 42px;
        padding-right: 32px;
      }

      #m5UploadMain[data-page="p16-upload-documents-address"] .content-inner{
        width: calc(100% - 96px);
      }

      #m5UploadMain[data-page="p16-upload-documents-address"] .bottom-dock{
        padding-left: 40px;
        padding-right: 40px;
      }
    }


    @media (max-width: 767px) {
      #m5UploadMain[data-page="p16-upload-documents-address"]{
        --header-h: 104px;
        --dock-h: 244px;
      }

      #m5UploadMain[data-page="p16-upload-documents-address"], #m5UploadMain[data-page="p16-upload-documents-address"]{
        overflow: hidden;
      }

      #m5UploadMain[data-page="p16-upload-documents-address"] .header-logo{
        display: none;
      }

      #m5UploadMain[data-page="p16-upload-documents-address"] .save-exit{
        height: 40px;
        margin-top: -4px;
        padding: 4px 0;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .01em;
      }

      #m5UploadMain[data-page="p16-upload-documents-address"] .mobile-back{
        display: inline-flex;
        width: 40px;
        height: 40px;
        margin-top: -4px;
        margin-left: -8px;
        padding: 8px;
        border: 0;
        border-radius: var(--radius);
        background: transparent;
        color: var(--cobalt);
        align-items: center;
        justify-content: center;
      }

      #m5UploadMain[data-page="p16-upload-documents-address"] .mobile-back svg{
        width: 24px;
        height: 24px;
      }

      #m5UploadMain[data-page="p16-upload-documents-address"] .progress-line{
        left: 0;
      }

      #m5UploadMain[data-page="p16-upload-documents-address"] .progress-line::before{
        width: 33.333%;
      }

      #m5UploadMain[data-page="p16-upload-documents-address"] .step-sidebar{
        display: none;
      }

      #m5UploadMain[data-page="p16-upload-documents-address"] .content-viewport{
        top: var(--header-h);
        left: 0;
        bottom: var(--dock-h);
      }

      #m5UploadMain[data-page="p16-upload-documents-address"] .content-inner{
        width: 100%;
        padding: 24px 16px 32px;
      }

      #m5UploadMain[data-page="p16-upload-documents-address"] .step-kicker{
        font-weight: 500;
        font-size: 12px;
        line-height: 160%;
        letter-spacing: .01em;
      }

      #m5UploadMain[data-page="p16-upload-documents-address"] .title-row{
        align-items: baseline;
        gap: 8px;
        margin-bottom: 24px;
      }

      #m5UploadMain[data-page="p16-upload-documents-address"] .page-title{
        font-weight: 600;
        font-size: 20px;
        line-height: 160%;
      }

      #m5UploadMain[data-page="p16-upload-documents-address"] .upload-count{
        margin-top: 2px;
        font-weight: 500;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .005em;
      }

      #m5UploadMain[data-page="p16-upload-documents-address"] .time-note{
        display: inline;
        color: var(--secondary);
        font-weight: 500;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: .005em;
      }

      #m5UploadMain[data-page="p16-upload-documents-address"] .checklist{
        gap: 12px;
      }

      #m5UploadMain[data-page="p16-upload-documents-address"] .checklist-card{
        min-height: 70px;
        padding: 12px 12px;
        border-radius: 8px;
      }

      #m5UploadMain[data-page="p16-upload-documents-address"] .checklist-title{
        margin-bottom: 4px;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
      }

      #m5UploadMain[data-page="p16-upload-documents-address"] .checklist-subtext{
        font-weight: 500;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: .005em;
      }

      #m5UploadMain[data-page="p16-upload-documents-address"] .card-chevron{
        width: 24px;
        height: 24px;
      }

      #m5UploadMain[data-page="p16-upload-documents-address"] .mobile-support{
        display: block;
        margin-top: 52px;
        padding-top: 36px;
        border-top: 0.5px solid var(--border);
      }

      #m5UploadMain[data-page="p16-upload-documents-address"] .support-question{
        margin-bottom: 16px;
        font-weight: 500;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .005em;
      }

      #m5UploadMain[data-page="p16-upload-documents-address"] .support-button{
        height: 48px;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .01em;
      }

      #m5UploadMain[data-page="p16-upload-documents-address"] .support-button svg{
        width: 20px;
        height: 20px;
      }

      #m5UploadMain[data-page="p16-upload-documents-address"] .bottom-dock{
        left: 0;
        height: var(--dock-h);
        padding: 16px 16px 32px;
        display: block;
      }

      #m5UploadMain[data-page="p16-upload-documents-address"] .back-button{
        display: none;
      }

      #m5UploadMain[data-page="p16-upload-documents-address"] .dock-right{
        width: 100%;
      }

      #m5UploadMain[data-page="p16-upload-documents-address"] .dock-note{
        min-height: 76px;
        padding: 10px 12px;
        margin-bottom: 16px;
        align-items: flex-start;
        font-weight: 500;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .005em;
      }

      #m5UploadMain[data-page="p16-upload-documents-address"] .dock-note svg{
        margin-top: 4px;
      }

      #m5UploadMain[data-page="p16-upload-documents-address"] .submit-button{
        height: 48px;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .01em;
      }
    }

    @media (min-width: 768px) {
      #m5UploadMain[data-page="p16-upload-documents-address"] .mobile-back, #m5UploadMain[data-page="p16-upload-documents-address"] .mobile-support{
        display: none;
      }
    }




/* p17-upload-address */
#m5DetailOverlay[data-page="p17-upload-address"]{
      --white:#FFFFFF;
      --page-bg:#F8F9FF;
      --ink:#0D1333;
      --body:#434965;
      --secondary:#53576C;
      --cobalt:#172EA1;
      --cornflower:#6379E9;
      --alice-blue:#EDF0FC;
      --border:#CBCEDC;
      --upload-bg:#EDF0FC;
      --radius:8px;
      --drawer-w:min(960px, calc(100vw - 478px));
      --header-h:80px;
      --dock-h:112px;
    }

    #m5DetailOverlay[data-page="p17-upload-address"] *{ box-sizing:border-box; }

    #m5DetailOverlay[data-page="p17-upload-address"], #m5DetailOverlay[data-page="p17-upload-address"]{
      margin:0;
      height:100%;
      font-family:"Inter",sans-serif;
      background:var(--page-bg);
      color:var(--ink);
      -webkit-font-smoothing:antialiased;
      text-rendering:geometricPrecision;
      overflow:hidden;
    }

    #m5DetailOverlay[data-page="p17-upload-address"]{ min-width:320px; }
    #m5DetailOverlay[data-page="p17-upload-address"] button, #m5DetailOverlay[data-page="p17-upload-address"] input, #m5DetailOverlay[data-page="p17-upload-address"] select{ font:inherit; }



    #m5DetailOverlay[data-page="p17-upload-address"] .underlay{
      position:fixed;
      inset:0;
      overflow:hidden;
      pointer-events:none;
      background:#fff;
    }

    #m5DetailOverlay[data-page="p17-upload-address"] .underlay-frame{
      width:100%;
      height:100%;
      border:0;
      display:block;
      pointer-events:none;
    }

    #m5DetailOverlay[data-page="p17-upload-address"] .scrim{
      position:fixed;
      inset:0;
      background:rgba(13,19,51,.42);
      backdrop-filter:blur(2.2px);
      -webkit-backdrop-filter:blur(2.2px);
    }

    #m5DetailOverlay[data-page="p17-upload-address"] .identity-drawer{
      position:fixed;
      top:0;
      right:0;
      width:var(--drawer-w);
      height:100dvh;
      background:var(--white);
      border-radius:16px 0 0 16px;
      box-shadow:-8px 0 22px rgba(13,19,51,.08);
      overflow:hidden;
    }

    #m5DetailOverlay[data-page="p17-upload-address"] .drawer-header{
      position:absolute;
      top:0;
      left:0;
      right:0;
      z-index:10;
      height:var(--header-h);
      padding:0 28px;
      display:grid;
      grid-template-columns:40px 1fr 40px;
      align-items:center;
      background:var(--white);
      border-bottom:.5px solid var(--border);
      border-radius:16px 0 0 0;
    }

    #m5DetailOverlay[data-page="p17-upload-address"] .back-button{
      width:40px;
      height:40px;
      padding:8px;
      border:0;
      border-radius:var(--radius);
      background:transparent;
      color:var(--cobalt);
      display:inline-flex;
      align-items:center;
      justify-content:center;
      cursor:pointer;
    }

    #m5DetailOverlay[data-page="p17-upload-address"] .back-button svg{
      width:24px;
      height:24px;
      display:block;
    }

    #m5DetailOverlay[data-page="p17-upload-address"] .drawer-title{
      margin:0;
      text-align:center;
      color:var(--ink);
      font-weight:600;
      font-size:24px;
      line-height:160%;
    }

    #m5DetailOverlay[data-page="p17-upload-address"] .drawer-scroll{
      position:absolute;
      top:var(--header-h);
      bottom:var(--dock-h);
      left:0;
      right:0;
      overflow-y:auto;
      overflow-x:hidden;
      background:var(--white);
    }

    #m5DetailOverlay[data-page="p17-upload-address"] .content{
      width:min(700px, calc(100% - 120px));
      margin:0 auto;
      padding:84px 0 56px;
    }

    #m5DetailOverlay[data-page="p17-upload-address"] .field-label{
      display:block;
      margin:0 0 8px;
      color:var(--secondary);
      font-weight:500;
      font-size:14px;
      line-height:160%;
      letter-spacing:.005em;
    }

    #m5DetailOverlay[data-page="p17-upload-address"] .select-wrap{
      position:relative;
    }

    #m5DetailOverlay[data-page="p17-upload-address"] .select-control{
      width:100%;
      height:52px;
      appearance:none;
      -webkit-appearance:none;
      padding:0 46px 0 12px;
      border:1px solid var(--border);
      border-radius:var(--radius);
      background:#fff;
      color:var(--ink);
      font-weight:500;
      font-size:18px;
      line-height:160%;
      letter-spacing:.005em;
      outline:none;
    }

    #m5DetailOverlay[data-page="p17-upload-address"] .select-control:focus{
      border:1.5px solid var(--cobalt);
    }

    #m5DetailOverlay[data-page="p17-upload-address"] .select-chevron{
      position:absolute;
      top:50%;
      right:12px;
      transform:translateY(-50%);
      width:16px;
      height:16px;
      color:var(--cobalt);
      pointer-events:none;
    }

    #m5DetailOverlay[data-page="p17-upload-address"] .select-chevron svg{
      width:100%;
      height:100%;
      display:block;
    }

    #m5DetailOverlay[data-page="p17-upload-address"] .divider{
      height:0;
      border-top:.5px solid var(--border);
      margin:38px 0 40px;
    }

    #m5DetailOverlay[data-page="p17-upload-address"] .upload-zone{
      width:100%;
      min-height:126px;
      border:1.5px dashed var(--cobalt);
      border-radius:var(--radius);
      background:var(--upload-bg);
      padding:18px 20px;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      text-align:center;
    }

    #m5DetailOverlay[data-page="p17-upload-address"] .upload-plus{
      width:24px;
      height:24px;
      margin-bottom:10px;
      color:var(--cobalt);
    }

    #m5DetailOverlay[data-page="p17-upload-address"] .upload-plus svg{
      width:100%;
      height:100%;
      display:block;
    }

    #m5DetailOverlay[data-page="p17-upload-address"] .upload-title{
      margin:0 0 4px;
      color:var(--ink);
      font-weight:600;
      font-size:18px;
      line-height:160%;
    }

    #m5DetailOverlay[data-page="p17-upload-address"] .upload-subtext{
      margin:0;
      color:var(--secondary);
      font-weight:500;
      font-size:16px;
      line-height:160%;
      letter-spacing:.005em;
    }

    #m5DetailOverlay[data-page="p17-upload-address"] .or{
      margin:18px 0;
      text-align:center;
      color:var(--body);
      font-weight:600;
      font-size:16px;
      line-height:160%;
      letter-spacing:.01em;
    }

    #m5DetailOverlay[data-page="p17-upload-address"] .digilocker-button{
      width:100%;
      height:52px;
      padding:11px 24px;
      border:1px solid var(--cobalt);
      border-radius:var(--radius);
      background:#fff;
      color:var(--cobalt);
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      cursor:pointer;
      font-weight:600;
      font-size:18px;
      line-height:160%;
      letter-spacing:.01em;
    }

    #m5DetailOverlay[data-page="p17-upload-address"] .digilocker-logo{
      display:block;
      width:114px;
      height:28px;
      flex:0 0 114px;
    }

    #m5DetailOverlay[data-page="p17-upload-address"] .drawer-dock{
      position:absolute;
      left:0;
      right:0;
      bottom:0;
      z-index:10;
      height:var(--dock-h);
      padding:20px 80px 40px;
      border-top:.5px solid var(--border);
      background:rgba(255,255,255,.98);
      display:flex;
      align-items:flex-end;
      justify-content:flex-end;
    }

    #m5DetailOverlay[data-page="p17-upload-address"] .submit-button{
      width:400px;
      height:52px;
      padding:11px 24px;
      border:0;
      border-radius:var(--radius);
      background:var(--cobalt);
      color:#fff;
      font-weight:600;
      font-size:18px;
      line-height:160%;
      letter-spacing:.01em;
      cursor:pointer;
      transition:background-color 140ms ease,box-shadow 140ms ease;
    }

    @media (hover:hover) and (pointer:fine) {
      #m5DetailOverlay[data-page="p17-upload-address"] .back-button:hover, #m5DetailOverlay[data-page="p17-upload-address"] .digilocker-button:hover{
        background:var(--alice-blue);
      }

      #m5DetailOverlay[data-page="p17-upload-address"] .submit-button:hover{
        background:var(--cornflower);
        box-shadow:0 5px 10px rgba(99,121,233,.2);
      }
    }

    @media (max-width:767px) {
      #m5DetailOverlay[data-page="p17-upload-address"]{
        --header-h:118px;
        --dock-h:128px;
      }

      #m5DetailOverlay[data-page="p17-upload-address"] .underlay, #m5DetailOverlay[data-page="p17-upload-address"] .scrim{
        display:none;
      }

      #m5DetailOverlay[data-page="p17-upload-address"] .identity-drawer{
        position:fixed;
        inset:0;
        width:100%;
        height:100dvh;
        border-radius:0;
        box-shadow:none;
      }

      #m5DetailOverlay[data-page="p17-upload-address"] .drawer-header{
        height:var(--header-h);
        padding:60px 16px 18px;
        grid-template-columns:40px 1fr 40px;
        border-bottom:0;
        border-radius:0;
      }

      #m5DetailOverlay[data-page="p17-upload-address"] .back-button{
        width:40px;
        height:40px;
        margin-left:-8px;
      }

      #m5DetailOverlay[data-page="p17-upload-address"] .drawer-title{
        color:var(--secondary);
        font-weight:600;
        font-size:16px;
        line-height:160%;
        letter-spacing:.01em;
        text-transform:uppercase;
      }

      #m5DetailOverlay[data-page="p17-upload-address"] .drawer-scroll{
        top:var(--header-h);
        bottom:var(--dock-h);
      }

      #m5DetailOverlay[data-page="p17-upload-address"] .content{
        width:100%;
        margin:0;
        padding:28px 16px 54px;
      }

      #m5DetailOverlay[data-page="p17-upload-address"] .field-label{
        margin-bottom:8px;
        font-weight:500;
        font-size:14px;
        line-height:160%;
        letter-spacing:.005em;
      }

      #m5DetailOverlay[data-page="p17-upload-address"] .select-control{
        height:48px;
        padding:0 46px 0 12px;
        font-weight:500;
        font-size:16px;
        line-height:160%;
        letter-spacing:.005em;
      }

      #m5DetailOverlay[data-page="p17-upload-address"] .divider{
        margin:40px 0 40px;
      }

      #m5DetailOverlay[data-page="p17-upload-address"] .upload-zone{
        min-height:120px;
        padding:18px 16px;
        border-radius:8px;
      }

      #m5DetailOverlay[data-page="p17-upload-address"] .upload-plus{
        width:24px;
        height:24px;
        margin-bottom:10px;
      }

      #m5DetailOverlay[data-page="p17-upload-address"] .upload-title{
        margin-bottom:4px;
        font-weight:600;
        font-size:16px;
        line-height:160%;
      }

      #m5DetailOverlay[data-page="p17-upload-address"] .upload-subtext{
        font-weight:500;
        font-size:14px;
        line-height:160%;
        letter-spacing:.005em;
      }

      #m5DetailOverlay[data-page="p17-upload-address"] .or{
        margin:18px 0;
        font-weight:500;
        font-size:16px;
        line-height:160%;
        letter-spacing:.005em;
      }

      #m5DetailOverlay[data-page="p17-upload-address"] .digilocker-button{
        height:48px;
        padding:11px 20px;
        font-weight:600;
        font-size:16px;
        line-height:160%;
        letter-spacing:.01em;
      }

      #m5DetailOverlay[data-page="p17-upload-address"] .digilocker-logo{
        width:114px;
        height:28px;
        flex-basis:114px;
      }

      #m5DetailOverlay[data-page="p17-upload-address"] .drawer-dock{
        height:var(--dock-h);
        padding:20px 16px 32px;
        display:flex;
        align-items:flex-end;
      }

      #m5DetailOverlay[data-page="p17-upload-address"] .submit-button{
        width:100%;
        height:48px;
        padding:11px 20px;
        font-weight:600;
        font-size:16px;
        line-height:160%;
        letter-spacing:.01em;
      }

      @media (hover:none) {
        #m5DetailOverlay[data-page="p17-upload-address"] .back-button:hover, #m5DetailOverlay[data-page="p17-upload-address"] .digilocker-button:hover{
          background:transparent;
        }

        #m5DetailOverlay[data-page="p17-upload-address"] .back-button:active, #m5DetailOverlay[data-page="p17-upload-address"] .digilocker-button:active{
          background:var(--alice-blue);
        }

        #m5DetailOverlay[data-page="p17-upload-address"] .submit-button:hover{
          background:var(--cobalt);
          box-shadow:none;
        }

        #m5DetailOverlay[data-page="p17-upload-address"] .submit-button:active{
          background:var(--cornflower);
          box-shadow:0 5px 10px rgba(99,121,233,.2);
        }
      }
    }




/* p18-upload-documents-photograph */
#m5UploadMain[data-page="p18-upload-documents-photograph"]{
      --white: #FFFFFF;
      --page-bg: #F8F9FF;
      --ink: #0D1333;
      --body: #434965;
      --secondary: #53576C;
      --cobalt: #172EA1;
      --cornflower: #6379E9;
      --alice-blue: #EDF0FC;
      --border: #CBCEDC;
      --disabled-text: #A1A1AA;
      --disabled-surface: #ECECED;
      --caution-bg: #F4F5CE;
      --radius: 8px;
      --header-h: 68px;
      --dock-h: 116px;
      --sidebar-w: 450px;
    }

    #m5UploadMain[data-page="p18-upload-documents-photograph"] *{ box-sizing: border-box; }

    #m5UploadMain[data-page="p18-upload-documents-photograph"], #m5UploadMain[data-page="p18-upload-documents-photograph"]{
      margin: 0;
      height: 100%;
      font-family: "Inter", sans-serif;
      background: var(--white);
      color: var(--ink);
      -webkit-font-smoothing: antialiased;
      text-rendering: geometricPrecision;
      overflow: hidden;
    }

    #m5UploadMain[data-page="p18-upload-documents-photograph"]{ min-width: 320px; }
    #m5UploadMain[data-page="p18-upload-documents-photograph"] button{ font: inherit; }

    #m5UploadMain[data-page="p18-upload-documents-photograph"] .page{
      height: 100dvh;
      background: var(--white);
    }



    #m5UploadMain[data-page="p18-upload-documents-photograph"] .header-logo{
      width: 120px;
      height: 28px;
      display: block;
    }

    #m5UploadMain[data-page="p18-upload-documents-photograph"] .save-exit{
      height: 45px;
      padding: 8px;
      border: 0;
      border-radius: var(--radius);
      background: transparent;
      color: var(--cobalt);
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.01em;
      cursor: pointer;
      transition: background-color 140ms ease;
    }

    #m5UploadMain[data-page="p18-upload-documents-photograph"] .progress-line{
      position: absolute;
      left: var(--sidebar-w);
      right: 0;
      bottom: -1px;
      height: 3px;
      background: var(--border);
    }

    #m5UploadMain[data-page="p18-upload-documents-photograph"] .progress-line::before{
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 40%;
      height: 100%;
      background: var(--cobalt);
    }


    #m5UploadMain[data-page="p18-upload-documents-photograph"] .step-sidebar{
      position: fixed;
      top: var(--header-h);
      left: 0;
      bottom: 0;
      width: var(--sidebar-w);
      z-index: 20;
      background: var(--page-bg);
      padding: 84px 80px 40px;
      display: flex;
      flex-direction: column;
    }

    #m5UploadMain[data-page="p18-upload-documents-photograph"] .sidebar-greeting{
      margin: 0 0 4px;
      font-weight: 600;
      font-size: 20px;
      line-height: 160%;
      color: var(--ink);
    }

    #m5UploadMain[data-page="p18-upload-documents-photograph"] .sidebar-copy{
      margin: 0 0 46px;
      font-weight: 500;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.005em;
      color: var(--body);
    }

    #m5UploadMain[data-page="p18-upload-documents-photograph"] .stepper{
      display: flex;
      flex-direction: column;
    }

    #m5UploadMain[data-page="p18-upload-documents-photograph"] .step{
      display: grid;
      grid-template-columns: 44px 1fr;
      gap: 20px;
      align-items: center;
      position: relative;
    }

    #m5UploadMain[data-page="p18-upload-documents-photograph"] .step + .step{ margin-top: 32px; }

    #m5UploadMain[data-page="p18-upload-documents-photograph"] .step:not(:last-child)::after{
      content: "";
      position: absolute;
      width: 1px;
      height: 24px;
      left: 22px;
      top: 48px;
      background: var(--border);
    }

    #m5UploadMain[data-page="p18-upload-documents-photograph"] .step-number{
      width: 44px;
      height: 44px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: var(--disabled-surface);
      color: var(--disabled-text);
      font-weight: 500;
      font-size: 18px;
      line-height: 160%;
    }

    #m5UploadMain[data-page="p18-upload-documents-photograph"] .step.done .step-number{
      background: #15966D;
      color: #fff;
    }

    #m5UploadMain[data-page="p18-upload-documents-photograph"] .step.active .step-number{
      background: var(--cobalt);
      color: #fff;
      font-weight: 600;
    }

    #m5UploadMain[data-page="p18-upload-documents-photograph"] .step-label{
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.01em;
      color: var(--disabled-text);
    }

    #m5UploadMain[data-page="p18-upload-documents-photograph"] .step.done .step-label{ color: var(--body); }
    #m5UploadMain[data-page="p18-upload-documents-photograph"] .step.active .step-label{ color: var(--ink); }

    #m5UploadMain[data-page="p18-upload-documents-photograph"] .sidebar-support{
      margin-top: auto;
    }

    #m5UploadMain[data-page="p18-upload-documents-photograph"] .support-question{
      margin: 0 0 14px;
      text-align: center;
      font-weight: 500;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: 0.005em;
      color: var(--body);
    }

    #m5UploadMain[data-page="p18-upload-documents-photograph"] .support-button{
      width: 100%;
      height: 52px;
      border: 1px solid var(--cobalt);
      border-radius: var(--radius);
      background: #fff;
      color: var(--cobalt);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: .01em;
      cursor: pointer;
    }

    #m5UploadMain[data-page="p18-upload-documents-photograph"] .support-button svg{
      width: 20px;
      height: 20px;
      flex: 0 0 20px;
    }


    #m5UploadMain[data-page="p18-upload-documents-photograph"] .content-viewport{
      position: fixed;
      top: var(--header-h);
      left: var(--sidebar-w);
      right: 0;
      bottom: var(--dock-h);
      overflow-y: auto;
      overflow-x: hidden;
      background: var(--white);
    }

    #m5UploadMain[data-page="p18-upload-documents-photograph"] .content-inner{
      width: min(700px, calc(100% - 160px));
      margin: 0 auto;
      padding: 58px 0 48px;
    }

    #m5UploadMain[data-page="p18-upload-documents-photograph"] .step-kicker{
      margin: 0 0 4px;
      color: var(--secondary);
      font-weight: 500;
      font-size: 14px;
      line-height: 160%;
      letter-spacing: .01em;
      text-transform: uppercase;
    }

    #m5UploadMain[data-page="p18-upload-documents-photograph"] .title-row{
      display: flex;
      align-items: baseline;
      gap: 10px;
      margin-bottom: 40px;
    }

    #m5UploadMain[data-page="p18-upload-documents-photograph"] .page-title{
      margin: 0;
      color: var(--ink);
      font-weight: 600;
      font-size: 20px;
      line-height: 160%;
      text-transform: uppercase;
    }

    #m5UploadMain[data-page="p18-upload-documents-photograph"] .upload-count{
      margin: 2px 0 0;
      color: var(--body);
      font-weight: 500;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: .005em;
      text-transform: uppercase;
    }

    #m5UploadMain[data-page="p18-upload-documents-photograph"] .time-note{
      display: none;
    }

    #m5UploadMain[data-page="p18-upload-documents-photograph"] .checklist{
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    #m5UploadMain[data-page="p18-upload-documents-photograph"] .checklist-card{
      min-height: 100px;
      padding: 18px 20px;
      border: 1px solid var(--border);
      border-radius: var(--radius);
      background: var(--white);
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
    }

    #m5UploadMain[data-page="p18-upload-documents-photograph"] .checklist-card.disabled{
      background: var(--disabled-surface);
      color: var(--disabled-text);
    }

    #m5UploadMain[data-page="p18-upload-documents-photograph"] .checklist-card.uploaded{
      border-color: #15966D;
      background: var(--white);
    }

    #m5UploadMain[data-page="p18-upload-documents-photograph"] .uploaded-state{
      display: inline-flex;
      align-items: center;
      gap: 8px;
    }

    #m5UploadMain[data-page="p18-upload-documents-photograph"] .uploaded-icon{
      width: 20px;
      height: 20px;
      flex: 0 0 20px;
      display: inline-flex;
    }

    #m5UploadMain[data-page="p18-upload-documents-photograph"] .uploaded-icon svg{
      width: 20px;
      height: 20px;
      display: block;
    }

    #m5UploadMain[data-page="p18-upload-documents-photograph"] .checklist-copy{
      min-width: 0;
    }

    #m5UploadMain[data-page="p18-upload-documents-photograph"] .checklist-title{
      margin: 0 0 4px;
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      color: var(--ink);
    }

    #m5UploadMain[data-page="p18-upload-documents-photograph"] .checklist-subtext{
      margin: 0;
      font-weight: 500;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: .005em;
      color: var(--body);
    }

    #m5UploadMain[data-page="p18-upload-documents-photograph"] .checklist-card.disabled .checklist-title, #m5UploadMain[data-page="p18-upload-documents-photograph"] .checklist-card.disabled .checklist-subtext{
      color: var(--disabled-text);
    }

    #m5UploadMain[data-page="p18-upload-documents-photograph"] .card-chevron{
      width: 24px;
      height: 24px;
      flex: 0 0 24px;
      color: var(--cobalt);
    }

    #m5UploadMain[data-page="p18-upload-documents-photograph"] .checklist-card.disabled .card-chevron{
      color: var(--disabled-text);
    }

    #m5UploadMain[data-page="p18-upload-documents-photograph"] .card-chevron svg{
      width: 100%;
      height: 100%;
      display: block;
    }


    #m5UploadMain[data-page="p18-upload-documents-photograph"] .bottom-dock{
      position: fixed;
      left: var(--sidebar-w);
      right: 0;
      bottom: 0;
      z-index: 35;
      height: var(--dock-h);
      border-top: 0.5px solid var(--border);
      background: rgba(255,255,255,.98);
      padding: 12px 80px 40px;
      display: grid;
      grid-template-columns: 205px 1fr;
      align-items: end;
      gap: 40px;
    }

    #m5UploadMain[data-page="p18-upload-documents-photograph"] .back-button{
      width: 205px;
      height: 52px;
      border: 1px solid var(--cobalt);
      border-radius: var(--radius);
      background: #fff;
      color: var(--cobalt);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: .01em;
      cursor: pointer;
    }

    #m5UploadMain[data-page="p18-upload-documents-photograph"] .back-button svg{
      width: 18px;
      height: 18px;
    }

    #m5UploadMain[data-page="p18-upload-documents-photograph"] .dock-right{
      justify-self: end;
      align-self: end;
      width: min(410px, 100%);
    }

    #m5UploadMain[data-page="p18-upload-documents-photograph"] .dock-note{
      min-height: 42px;
      padding: 7px 12px;
      margin-bottom: 12px;
      border-radius: var(--radius);
      background: var(--caution-bg);
      display: flex;
      align-items: center;
      gap: 8px;
      color: var(--body);
      font-weight: 500;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: .005em;
    }

    #m5UploadMain[data-page="p18-upload-documents-photograph"] .dock-note svg{
      width: 18px;
      height: 18px;
      flex: 0 0 18px;
      color: var(--cobalt);
    }

    #m5UploadMain[data-page="p18-upload-documents-photograph"] .submit-button{
      width: 100%;
      height: 52px;
      border: 0;
      border-radius: var(--radius);
      background: var(--disabled-surface);
      color: var(--disabled-text);
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: .01em;
      cursor: not-allowed;
    }

    @media (hover:hover) and (pointer:fine) {
      #m5UploadMain[data-page="p18-upload-documents-photograph"] .save-exit:hover, #m5UploadMain[data-page="p18-upload-documents-photograph"] .support-button:hover, #m5UploadMain[data-page="p18-upload-documents-photograph"] .back-button:hover{
        background: var(--alice-blue);
      }
    }


    @media (max-width: 1100px) and (min-width: 768px) {
      #m5UploadMain[data-page="p18-upload-documents-photograph"]{ --sidebar-w: 36vw; }

      #m5UploadMain[data-page="p18-upload-documents-photograph"] .step-sidebar{
        padding-left: 42px;
        padding-right: 32px;
      }

      #m5UploadMain[data-page="p18-upload-documents-photograph"] .content-inner{
        width: calc(100% - 96px);
      }

      #m5UploadMain[data-page="p18-upload-documents-photograph"] .bottom-dock{
        padding-left: 40px;
        padding-right: 40px;
      }
    }


    @media (max-width: 767px) {
      #m5UploadMain[data-page="p18-upload-documents-photograph"]{
        --header-h: 104px;
        --dock-h: 244px;
      }

      #m5UploadMain[data-page="p18-upload-documents-photograph"], #m5UploadMain[data-page="p18-upload-documents-photograph"]{
        overflow: hidden;
      }

      #m5UploadMain[data-page="p18-upload-documents-photograph"] .header-logo{
        display: none;
      }

      #m5UploadMain[data-page="p18-upload-documents-photograph"] .save-exit{
        height: 40px;
        margin-top: -4px;
        padding: 4px 0;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .01em;
      }

      #m5UploadMain[data-page="p18-upload-documents-photograph"] .mobile-back{
        display: inline-flex;
        width: 40px;
        height: 40px;
        margin-top: -4px;
        margin-left: -8px;
        padding: 8px;
        border: 0;
        border-radius: var(--radius);
        background: transparent;
        color: var(--cobalt);
        align-items: center;
        justify-content: center;
      }

      #m5UploadMain[data-page="p18-upload-documents-photograph"] .mobile-back svg{
        width: 24px;
        height: 24px;
      }

      #m5UploadMain[data-page="p18-upload-documents-photograph"] .progress-line{
        left: 0;
      }

      #m5UploadMain[data-page="p18-upload-documents-photograph"] .progress-line::before{
        width: 33.333%;
      }

      #m5UploadMain[data-page="p18-upload-documents-photograph"] .step-sidebar{
        display: none;
      }

      #m5UploadMain[data-page="p18-upload-documents-photograph"] .content-viewport{
        top: var(--header-h);
        left: 0;
        bottom: var(--dock-h);
      }

      #m5UploadMain[data-page="p18-upload-documents-photograph"] .content-inner{
        width: 100%;
        padding: 24px 16px 32px;
      }

      #m5UploadMain[data-page="p18-upload-documents-photograph"] .step-kicker{
        font-weight: 500;
        font-size: 12px;
        line-height: 160%;
        letter-spacing: .01em;
      }

      #m5UploadMain[data-page="p18-upload-documents-photograph"] .title-row{
        align-items: baseline;
        gap: 8px;
        margin-bottom: 24px;
      }

      #m5UploadMain[data-page="p18-upload-documents-photograph"] .page-title{
        font-weight: 600;
        font-size: 20px;
        line-height: 160%;
      }

      #m5UploadMain[data-page="p18-upload-documents-photograph"] .upload-count{
        margin-top: 2px;
        font-weight: 500;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .005em;
      }

      #m5UploadMain[data-page="p18-upload-documents-photograph"] .time-note{
        display: inline;
        color: var(--secondary);
        font-weight: 500;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: .005em;
      }

      #m5UploadMain[data-page="p18-upload-documents-photograph"] .checklist{
        gap: 12px;
      }

      #m5UploadMain[data-page="p18-upload-documents-photograph"] .checklist-card{
        min-height: 70px;
        padding: 12px 12px;
        border-radius: 8px;
      }

      #m5UploadMain[data-page="p18-upload-documents-photograph"] .checklist-title{
        margin-bottom: 4px;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
      }

      #m5UploadMain[data-page="p18-upload-documents-photograph"] .checklist-subtext{
        font-weight: 500;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: .005em;
      }

      #m5UploadMain[data-page="p18-upload-documents-photograph"] .card-chevron{
        width: 24px;
        height: 24px;
      }

      #m5UploadMain[data-page="p18-upload-documents-photograph"] .mobile-support{
        display: block;
        margin-top: 52px;
        padding-top: 36px;
        border-top: 0.5px solid var(--border);
      }

      #m5UploadMain[data-page="p18-upload-documents-photograph"] .support-question{
        margin-bottom: 16px;
        font-weight: 500;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .005em;
      }

      #m5UploadMain[data-page="p18-upload-documents-photograph"] .support-button{
        height: 48px;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .01em;
      }

      #m5UploadMain[data-page="p18-upload-documents-photograph"] .support-button svg{
        width: 20px;
        height: 20px;
      }

      #m5UploadMain[data-page="p18-upload-documents-photograph"] .bottom-dock{
        left: 0;
        height: var(--dock-h);
        padding: 16px 16px 32px;
        display: block;
      }

      #m5UploadMain[data-page="p18-upload-documents-photograph"] .back-button{
        display: none;
      }

      #m5UploadMain[data-page="p18-upload-documents-photograph"] .dock-right{
        width: 100%;
      }

      #m5UploadMain[data-page="p18-upload-documents-photograph"] .dock-note{
        min-height: 76px;
        padding: 10px 12px;
        margin-bottom: 16px;
        align-items: flex-start;
        font-weight: 500;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .005em;
      }

      #m5UploadMain[data-page="p18-upload-documents-photograph"] .dock-note svg{
        margin-top: 4px;
      }

      #m5UploadMain[data-page="p18-upload-documents-photograph"] .submit-button{
        height: 48px;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .01em;
      }
    }

    @media (min-width: 768px) {
      #m5UploadMain[data-page="p18-upload-documents-photograph"] .mobile-back, #m5UploadMain[data-page="p18-upload-documents-photograph"] .mobile-support{
        display: none;
      }
    }




/* p19-upload-photograph */
#m5DetailOverlay[data-page="p19-upload-photograph"]{
      --white:#FFFFFF;
      --page-bg:#F8F9FF;
      --ink:#0D1333;
      --body:#434965;
      --secondary:#53576C;
      --cobalt:#172EA1;
      --cornflower:#6379E9;
      --alice-blue:#EDF0FC;
      --border:#CBCEDC;
      --upload-bg:#EDF0FC;
      --radius:8px;
      --drawer-w:min(960px, calc(100vw - 478px));
      --header-h:80px;
      --dock-h:112px;
    }

    #m5DetailOverlay[data-page="p19-upload-photograph"] *{ box-sizing:border-box; }

    #m5DetailOverlay[data-page="p19-upload-photograph"], #m5DetailOverlay[data-page="p19-upload-photograph"]{
      margin:0;
      height:100%;
      font-family:"Inter",sans-serif;
      background:var(--page-bg);
      color:var(--ink);
      -webkit-font-smoothing:antialiased;
      text-rendering:geometricPrecision;
      overflow:hidden;
    }

    #m5DetailOverlay[data-page="p19-upload-photograph"]{ min-width:320px; }
    #m5DetailOverlay[data-page="p19-upload-photograph"] button, #m5DetailOverlay[data-page="p19-upload-photograph"] input, #m5DetailOverlay[data-page="p19-upload-photograph"] select{ font:inherit; }



    #m5DetailOverlay[data-page="p19-upload-photograph"] .underlay{
      position:fixed;
      inset:0;
      overflow:hidden;
      pointer-events:none;
      background:#fff;
    }

    #m5DetailOverlay[data-page="p19-upload-photograph"] .underlay-frame{
      width:100%;
      height:100%;
      border:0;
      display:block;
      pointer-events:none;
    }

    #m5DetailOverlay[data-page="p19-upload-photograph"] .scrim{
      position:fixed;
      inset:0;
      background:rgba(13,19,51,.42);
      backdrop-filter:blur(2.2px);
      -webkit-backdrop-filter:blur(2.2px);
    }

    #m5DetailOverlay[data-page="p19-upload-photograph"] .identity-drawer{
      position:fixed;
      top:0;
      right:0;
      width:var(--drawer-w);
      height:100dvh;
      background:var(--white);
      border-radius:16px 0 0 16px;
      box-shadow:-8px 0 22px rgba(13,19,51,.08);
      overflow:hidden;
    }

    #m5DetailOverlay[data-page="p19-upload-photograph"] .drawer-header{
      position:absolute;
      top:0;
      left:0;
      right:0;
      z-index:10;
      height:var(--header-h);
      padding:0 28px;
      display:grid;
      grid-template-columns:40px 1fr 40px;
      align-items:center;
      background:var(--white);
      border-bottom:.5px solid var(--border);
      border-radius:16px 0 0 0;
    }

    #m5DetailOverlay[data-page="p19-upload-photograph"] .back-button{
      width:40px;
      height:40px;
      padding:8px;
      border:0;
      border-radius:var(--radius);
      background:transparent;
      color:var(--cobalt);
      display:inline-flex;
      align-items:center;
      justify-content:center;
      cursor:pointer;
    }

    #m5DetailOverlay[data-page="p19-upload-photograph"] .back-button svg{
      width:24px;
      height:24px;
      display:block;
    }

    #m5DetailOverlay[data-page="p19-upload-photograph"] .drawer-title{
      margin:0;
      text-align:center;
      color:var(--ink);
      font-weight:600;
      font-size:24px;
      line-height:160%;
    }

    #m5DetailOverlay[data-page="p19-upload-photograph"] .drawer-scroll{
      position:absolute;
      top:var(--header-h);
      bottom:var(--dock-h);
      left:0;
      right:0;
      overflow-y:auto;
      overflow-x:hidden;
      background:var(--white);
    }

    #m5DetailOverlay[data-page="p19-upload-photograph"] .content{
      width:min(700px, calc(100% - 120px));
      margin:0 auto;
      padding:80px 0 56px;
    }

    #m5DetailOverlay[data-page="p19-upload-photograph"] .web-cta-copy{ display:inline; }
    #m5DetailOverlay[data-page="p19-upload-photograph"] .mobile-cta-copy{ display:none; }

    #m5DetailOverlay[data-page="p19-upload-photograph"] .field-label{
      display:block;
      margin:0 0 8px;
      color:var(--secondary);
      font-weight:500;
      font-size:14px;
      line-height:160%;
      letter-spacing:.005em;
    }

    #m5DetailOverlay[data-page="p19-upload-photograph"] .select-wrap{
      position:relative;
    }

    #m5DetailOverlay[data-page="p19-upload-photograph"] .select-control{
      width:100%;
      height:52px;
      appearance:none;
      -webkit-appearance:none;
      padding:0 46px 0 12px;
      border:1px solid var(--border);
      border-radius:var(--radius);
      background:#fff;
      color:var(--ink);
      font-weight:500;
      font-size:18px;
      line-height:160%;
      letter-spacing:.005em;
      outline:none;
    }

    #m5DetailOverlay[data-page="p19-upload-photograph"] .select-control:focus{
      border:1.5px solid var(--cobalt);
    }

    #m5DetailOverlay[data-page="p19-upload-photograph"] .select-chevron{
      position:absolute;
      top:50%;
      right:12px;
      transform:translateY(-50%);
      width:16px;
      height:16px;
      color:var(--cobalt);
      pointer-events:none;
    }

    #m5DetailOverlay[data-page="p19-upload-photograph"] .select-chevron svg{
      width:100%;
      height:100%;
      display:block;
    }

    #m5DetailOverlay[data-page="p19-upload-photograph"] .divider{
      height:0;
      border-top:.5px solid var(--border);
      margin:38px 0 40px;
    }

    #m5DetailOverlay[data-page="p19-upload-photograph"] .upload-zone{
      width:100%;
      min-height:126px;
      border:1.5px dashed var(--cobalt);
      border-radius:var(--radius);
      background:var(--upload-bg);
      padding:18px 20px;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      text-align:center;
    }

    #m5DetailOverlay[data-page="p19-upload-photograph"] .upload-plus{
      width:24px;
      height:24px;
      margin-bottom:10px;
      color:var(--cobalt);
    }

    #m5DetailOverlay[data-page="p19-upload-photograph"] .upload-plus svg{
      width:100%;
      height:100%;
      display:block;
    }

    #m5DetailOverlay[data-page="p19-upload-photograph"] .upload-title{
      margin:0 0 4px;
      color:var(--ink);
      font-weight:600;
      font-size:18px;
      line-height:160%;
    }

    #m5DetailOverlay[data-page="p19-upload-photograph"] .upload-subtext{
      margin:0;
      color:var(--secondary);
      font-weight:500;
      font-size:16px;
      line-height:160%;
      letter-spacing:.005em;
    }

    #m5DetailOverlay[data-page="p19-upload-photograph"] .or{
      margin:18px 0;
      text-align:center;
      color:var(--body);
      font-weight:600;
      font-size:16px;
      line-height:160%;
      letter-spacing:.01em;
    }

    #m5DetailOverlay[data-page="p19-upload-photograph"] .digilocker-button{
      width:100%;
      height:52px;
      padding:11px 24px;
      border:1px solid var(--cobalt);
      border-radius:var(--radius);
      background:#fff;
      color:var(--cobalt);
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      cursor:pointer;
      font-weight:600;
      font-size:18px;
      line-height:160%;
      letter-spacing:.01em;
    }

    #m5DetailOverlay[data-page="p19-upload-photograph"] .digilocker-logo{
      display:block;
      width:114px;
      height:28px;
      flex:0 0 114px;
    }

    #m5DetailOverlay[data-page="p19-upload-photograph"] .drawer-dock{
      position:absolute;
      left:0;
      right:0;
      bottom:0;
      z-index:10;
      height:var(--dock-h);
      padding:20px 80px 40px;
      border-top:.5px solid var(--border);
      background:rgba(255,255,255,.98);
      display:flex;
      align-items:flex-end;
      justify-content:flex-end;
    }

    #m5DetailOverlay[data-page="p19-upload-photograph"] .submit-button{
      width:400px;
      height:52px;
      padding:11px 24px;
      border:0;
      border-radius:var(--radius);
      background:var(--cobalt);
      color:#fff;
      font-weight:600;
      font-size:18px;
      line-height:160%;
      letter-spacing:.01em;
      cursor:pointer;
      transition:background-color 140ms ease,box-shadow 140ms ease;
    }

    @media (hover:hover) and (pointer:fine) {
      #m5DetailOverlay[data-page="p19-upload-photograph"] .back-button:hover, #m5DetailOverlay[data-page="p19-upload-photograph"] .digilocker-button:hover{
        background:var(--alice-blue);
      }

      #m5DetailOverlay[data-page="p19-upload-photograph"] .submit-button:hover{
        background:var(--cornflower);
        box-shadow:0 5px 10px rgba(99,121,233,.2);
      }
    }

    @media (max-width:767px) {
      #m5DetailOverlay[data-page="p19-upload-photograph"]{
        --header-h:118px;
        --dock-h:128px;
      }

      #m5DetailOverlay[data-page="p19-upload-photograph"] .underlay, #m5DetailOverlay[data-page="p19-upload-photograph"] .scrim{
        display:none;
      }

      #m5DetailOverlay[data-page="p19-upload-photograph"] .identity-drawer{
        position:fixed;
        inset:0;
        width:100%;
        height:100dvh;
        border-radius:0;
        box-shadow:none;
      }

      #m5DetailOverlay[data-page="p19-upload-photograph"] .drawer-header{
        height:var(--header-h);
        padding:60px 16px 18px;
        grid-template-columns:40px 1fr 40px;
        border-bottom:0;
        border-radius:0;
      }

      #m5DetailOverlay[data-page="p19-upload-photograph"] .back-button{
        width:40px;
        height:40px;
        margin-left:-8px;
      }

      #m5DetailOverlay[data-page="p19-upload-photograph"] .drawer-title{
        color:var(--secondary);
        font-weight:600;
        font-size:16px;
        line-height:160%;
        letter-spacing:.01em;
        text-transform:uppercase;
      }

      #m5DetailOverlay[data-page="p19-upload-photograph"] .drawer-scroll{
        top:var(--header-h);
        bottom:var(--dock-h);
      }

      #m5DetailOverlay[data-page="p19-upload-photograph"] .content{
        width:100%;
        margin:0;
        padding:26px 16px 54px;
      }

      #m5DetailOverlay[data-page="p19-upload-photograph"] .web-cta-copy{ display:none; }
      #m5DetailOverlay[data-page="p19-upload-photograph"] .mobile-cta-copy{ display:inline; }

      #m5DetailOverlay[data-page="p19-upload-photograph"] .field-label{
        margin-bottom:8px;
        font-weight:500;
        font-size:14px;
        line-height:160%;
        letter-spacing:.005em;
      }

      #m5DetailOverlay[data-page="p19-upload-photograph"] .select-control{
        height:48px;
        padding:0 46px 0 12px;
        font-weight:500;
        font-size:16px;
        line-height:160%;
        letter-spacing:.005em;
      }

      #m5DetailOverlay[data-page="p19-upload-photograph"] .divider{
        margin:40px 0 40px;
      }

      #m5DetailOverlay[data-page="p19-upload-photograph"] .upload-zone{
        min-height:120px;
        padding:18px 16px;
        border-radius:8px;
      }

      #m5DetailOverlay[data-page="p19-upload-photograph"] .upload-plus{
        width:24px;
        height:24px;
        margin-bottom:10px;
      }

      #m5DetailOverlay[data-page="p19-upload-photograph"] .upload-title{
        margin-bottom:4px;
        font-weight:600;
        font-size:16px;
        line-height:160%;
      }

      #m5DetailOverlay[data-page="p19-upload-photograph"] .upload-subtext{
        font-weight:500;
        font-size:14px;
        line-height:160%;
        letter-spacing:.005em;
      }

      #m5DetailOverlay[data-page="p19-upload-photograph"] .or{
        margin:18px 0;
        font-weight:500;
        font-size:16px;
        line-height:160%;
        letter-spacing:.005em;
      }

      #m5DetailOverlay[data-page="p19-upload-photograph"] .digilocker-button{
        height:48px;
        padding:11px 20px;
        font-weight:600;
        font-size:16px;
        line-height:160%;
        letter-spacing:.01em;
      }

      #m5DetailOverlay[data-page="p19-upload-photograph"] .digilocker-logo{
        width:114px;
        height:28px;
        flex-basis:114px;
      }

      #m5DetailOverlay[data-page="p19-upload-photograph"] .drawer-dock{
        height:var(--dock-h);
        padding:20px 16px 32px;
        display:flex;
        align-items:flex-end;
      }

      #m5DetailOverlay[data-page="p19-upload-photograph"] .submit-button{
        width:100%;
        height:48px;
        padding:11px 20px;
        font-weight:600;
        font-size:16px;
        line-height:160%;
        letter-spacing:.01em;
      }

      @media (hover:none) {
        #m5DetailOverlay[data-page="p19-upload-photograph"] .back-button:hover, #m5DetailOverlay[data-page="p19-upload-photograph"] .digilocker-button:hover{
          background:transparent;
        }

        #m5DetailOverlay[data-page="p19-upload-photograph"] .back-button:active, #m5DetailOverlay[data-page="p19-upload-photograph"] .digilocker-button:active{
          background:var(--alice-blue);
        }

        #m5DetailOverlay[data-page="p19-upload-photograph"] .submit-button:hover{
          background:var(--cobalt);
          box-shadow:none;
        }

        #m5DetailOverlay[data-page="p19-upload-photograph"] .submit-button:active{
          background:var(--cornflower);
          box-shadow:0 5px 10px rgba(99,121,233,.2);
        }
      }
    }




/* p20-upload-documents-declaration */
#m5UploadMain[data-page="p20-upload-documents-declaration"]{
      --white: #FFFFFF;
      --page-bg: #F8F9FF;
      --ink: #0D1333;
      --body: #434965;
      --secondary: #53576C;
      --cobalt: #172EA1;
      --cornflower: #6379E9;
      --alice-blue: #EDF0FC;
      --border: #CBCEDC;
      --disabled-text: #A1A1AA;
      --disabled-surface: #ECECED;
      --caution-bg: #F4F5CE;
      --radius: 8px;
      --header-h: 68px;
      --dock-h: 116px;
      --sidebar-w: 450px;
    }

    #m5UploadMain[data-page="p20-upload-documents-declaration"] *{ box-sizing: border-box; }

    #m5UploadMain[data-page="p20-upload-documents-declaration"], #m5UploadMain[data-page="p20-upload-documents-declaration"]{
      margin: 0;
      height: 100%;
      font-family: "Inter", sans-serif;
      background: var(--white);
      color: var(--ink);
      -webkit-font-smoothing: antialiased;
      text-rendering: geometricPrecision;
      overflow: hidden;
    }

    #m5UploadMain[data-page="p20-upload-documents-declaration"]{ min-width: 320px; }
    #m5UploadMain[data-page="p20-upload-documents-declaration"] button{ font: inherit; }

    #m5UploadMain[data-page="p20-upload-documents-declaration"] .page{
      height: 100dvh;
      background: var(--white);
    }



    #m5UploadMain[data-page="p20-upload-documents-declaration"] .header-logo{
      width: 120px;
      height: 28px;
      display: block;
    }

    #m5UploadMain[data-page="p20-upload-documents-declaration"] .save-exit{
      height: 45px;
      padding: 8px;
      border: 0;
      border-radius: var(--radius);
      background: transparent;
      color: var(--cobalt);
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.01em;
      cursor: pointer;
      transition: background-color 140ms ease;
    }

    #m5UploadMain[data-page="p20-upload-documents-declaration"] .progress-line{
      position: absolute;
      left: var(--sidebar-w);
      right: 0;
      bottom: -1px;
      height: 3px;
      background: var(--border);
    }

    #m5UploadMain[data-page="p20-upload-documents-declaration"] .progress-line::before{
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 40%;
      height: 100%;
      background: var(--cobalt);
    }


    #m5UploadMain[data-page="p20-upload-documents-declaration"] .step-sidebar{
      position: fixed;
      top: var(--header-h);
      left: 0;
      bottom: 0;
      width: var(--sidebar-w);
      z-index: 20;
      background: var(--page-bg);
      padding: 84px 80px 40px;
      display: flex;
      flex-direction: column;
    }

    #m5UploadMain[data-page="p20-upload-documents-declaration"] .sidebar-greeting{
      margin: 0 0 4px;
      font-weight: 600;
      font-size: 20px;
      line-height: 160%;
      color: var(--ink);
    }

    #m5UploadMain[data-page="p20-upload-documents-declaration"] .sidebar-copy{
      margin: 0 0 46px;
      font-weight: 500;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.005em;
      color: var(--body);
    }

    #m5UploadMain[data-page="p20-upload-documents-declaration"] .stepper{
      display: flex;
      flex-direction: column;
    }

    #m5UploadMain[data-page="p20-upload-documents-declaration"] .step{
      display: grid;
      grid-template-columns: 44px 1fr;
      gap: 20px;
      align-items: center;
      position: relative;
    }

    #m5UploadMain[data-page="p20-upload-documents-declaration"] .step + .step{ margin-top: 32px; }

    #m5UploadMain[data-page="p20-upload-documents-declaration"] .step:not(:last-child)::after{
      content: "";
      position: absolute;
      width: 1px;
      height: 24px;
      left: 22px;
      top: 48px;
      background: var(--border);
    }

    #m5UploadMain[data-page="p20-upload-documents-declaration"] .step-number{
      width: 44px;
      height: 44px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: var(--disabled-surface);
      color: var(--disabled-text);
      font-weight: 500;
      font-size: 18px;
      line-height: 160%;
    }

    #m5UploadMain[data-page="p20-upload-documents-declaration"] .step.done .step-number{
      background: #15966D;
      color: #fff;
    }

    #m5UploadMain[data-page="p20-upload-documents-declaration"] .step.active .step-number{
      background: var(--cobalt);
      color: #fff;
      font-weight: 600;
    }

    #m5UploadMain[data-page="p20-upload-documents-declaration"] .step-label{
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.01em;
      color: var(--disabled-text);
    }

    #m5UploadMain[data-page="p20-upload-documents-declaration"] .step.done .step-label{ color: var(--body); }
    #m5UploadMain[data-page="p20-upload-documents-declaration"] .step.active .step-label{ color: var(--ink); }

    #m5UploadMain[data-page="p20-upload-documents-declaration"] .sidebar-support{
      margin-top: auto;
    }

    #m5UploadMain[data-page="p20-upload-documents-declaration"] .support-question{
      margin: 0 0 14px;
      text-align: center;
      font-weight: 500;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: 0.005em;
      color: var(--body);
    }

    #m5UploadMain[data-page="p20-upload-documents-declaration"] .support-button{
      width: 100%;
      height: 52px;
      border: 1px solid var(--cobalt);
      border-radius: var(--radius);
      background: #fff;
      color: var(--cobalt);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: .01em;
      cursor: pointer;
    }

    #m5UploadMain[data-page="p20-upload-documents-declaration"] .support-button svg{
      width: 20px;
      height: 20px;
      flex: 0 0 20px;
    }


    #m5UploadMain[data-page="p20-upload-documents-declaration"] .content-viewport{
      position: fixed;
      top: var(--header-h);
      left: var(--sidebar-w);
      right: 0;
      bottom: var(--dock-h);
      overflow-y: auto;
      overflow-x: hidden;
      background: var(--white);
    }

    #m5UploadMain[data-page="p20-upload-documents-declaration"] .content-inner{
      width: min(700px, calc(100% - 160px));
      margin: 0 auto;
      padding: 58px 0 48px;
    }

    #m5UploadMain[data-page="p20-upload-documents-declaration"] .step-kicker{
      margin: 0 0 4px;
      color: var(--secondary);
      font-weight: 500;
      font-size: 14px;
      line-height: 160%;
      letter-spacing: .01em;
      text-transform: uppercase;
    }

    #m5UploadMain[data-page="p20-upload-documents-declaration"] .title-row{
      display: flex;
      align-items: baseline;
      gap: 10px;
      margin-bottom: 40px;
    }

    #m5UploadMain[data-page="p20-upload-documents-declaration"] .page-title{
      margin: 0;
      color: var(--ink);
      font-weight: 600;
      font-size: 20px;
      line-height: 160%;
      text-transform: uppercase;
    }

    #m5UploadMain[data-page="p20-upload-documents-declaration"] .upload-count{
      margin: 2px 0 0;
      color: var(--body);
      font-weight: 500;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: .005em;
      text-transform: uppercase;
    }

    #m5UploadMain[data-page="p20-upload-documents-declaration"] .time-note{
      display: none;
    }

    #m5UploadMain[data-page="p20-upload-documents-declaration"] .checklist{
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    #m5UploadMain[data-page="p20-upload-documents-declaration"] .checklist-card{
      min-height: 100px;
      padding: 18px 20px;
      border: 1px solid var(--border);
      border-radius: var(--radius);
      background: var(--white);
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
    }

    #m5UploadMain[data-page="p20-upload-documents-declaration"] .checklist-card.disabled{
      background: var(--disabled-surface);
      color: var(--disabled-text);
    }

    #m5UploadMain[data-page="p20-upload-documents-declaration"] .checklist-card.uploaded{
      border-color: #15966D;
      background: var(--white);
    }

    #m5UploadMain[data-page="p20-upload-documents-declaration"] .uploaded-state{
      display: inline-flex;
      align-items: center;
      gap: 8px;
    }

    #m5UploadMain[data-page="p20-upload-documents-declaration"] .uploaded-icon{
      width: 20px;
      height: 20px;
      flex: 0 0 20px;
      display: inline-flex;
    }

    #m5UploadMain[data-page="p20-upload-documents-declaration"] .uploaded-icon svg{
      width: 20px;
      height: 20px;
      display: block;
    }

    #m5UploadMain[data-page="p20-upload-documents-declaration"] .checklist-copy{
      min-width: 0;
    }

    #m5UploadMain[data-page="p20-upload-documents-declaration"] .checklist-title{
      margin: 0 0 4px;
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      color: var(--ink);
    }

    #m5UploadMain[data-page="p20-upload-documents-declaration"] .checklist-subtext{
      margin: 0;
      font-weight: 500;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: .005em;
      color: var(--body);
    }

    #m5UploadMain[data-page="p20-upload-documents-declaration"] .checklist-card.disabled .checklist-title, #m5UploadMain[data-page="p20-upload-documents-declaration"] .checklist-card.disabled .checklist-subtext{
      color: var(--disabled-text);
    }

    #m5UploadMain[data-page="p20-upload-documents-declaration"] .card-chevron{
      width: 24px;
      height: 24px;
      flex: 0 0 24px;
      color: var(--cobalt);
    }

    #m5UploadMain[data-page="p20-upload-documents-declaration"] .checklist-card.disabled .card-chevron{
      color: var(--disabled-text);
    }

    #m5UploadMain[data-page="p20-upload-documents-declaration"] .card-chevron svg{
      width: 100%;
      height: 100%;
      display: block;
    }


    #m5UploadMain[data-page="p20-upload-documents-declaration"] .bottom-dock{
      position: fixed;
      left: var(--sidebar-w);
      right: 0;
      bottom: 0;
      z-index: 35;
      height: var(--dock-h);
      border-top: 0.5px solid var(--border);
      background: rgba(255,255,255,.98);
      padding: 12px 80px 40px;
      display: grid;
      grid-template-columns: 205px 1fr;
      align-items: end;
      gap: 40px;
    }

    #m5UploadMain[data-page="p20-upload-documents-declaration"] .back-button{
      width: 205px;
      height: 52px;
      border: 1px solid var(--cobalt);
      border-radius: var(--radius);
      background: #fff;
      color: var(--cobalt);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: .01em;
      cursor: pointer;
    }

    #m5UploadMain[data-page="p20-upload-documents-declaration"] .back-button svg{
      width: 18px;
      height: 18px;
    }

    #m5UploadMain[data-page="p20-upload-documents-declaration"] .dock-right{
      justify-self: end;
      align-self: end;
      width: min(410px, 100%);
    }

    #m5UploadMain[data-page="p20-upload-documents-declaration"] .dock-note{
      min-height: 42px;
      padding: 7px 12px;
      margin-bottom: 12px;
      border-radius: var(--radius);
      background: var(--caution-bg);
      display: flex;
      align-items: center;
      gap: 8px;
      color: var(--body);
      font-weight: 500;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: .005em;
    }

    #m5UploadMain[data-page="p20-upload-documents-declaration"] .dock-note svg{
      width: 18px;
      height: 18px;
      flex: 0 0 18px;
      color: var(--cobalt);
    }

    #m5UploadMain[data-page="p20-upload-documents-declaration"] .submit-button{
      width: 100%;
      height: 52px;
      border: 0;
      border-radius: var(--radius);
      background: var(--disabled-surface);
      color: var(--disabled-text);
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: .01em;
      cursor: not-allowed;
    }

    @media (hover:hover) and (pointer:fine) {
      #m5UploadMain[data-page="p20-upload-documents-declaration"] .save-exit:hover, #m5UploadMain[data-page="p20-upload-documents-declaration"] .support-button:hover, #m5UploadMain[data-page="p20-upload-documents-declaration"] .back-button:hover{
        background: var(--alice-blue);
      }
    }


    @media (max-width: 1100px) and (min-width: 768px) {
      #m5UploadMain[data-page="p20-upload-documents-declaration"]{ --sidebar-w: 36vw; }

      #m5UploadMain[data-page="p20-upload-documents-declaration"] .step-sidebar{
        padding-left: 42px;
        padding-right: 32px;
      }

      #m5UploadMain[data-page="p20-upload-documents-declaration"] .content-inner{
        width: calc(100% - 96px);
      }

      #m5UploadMain[data-page="p20-upload-documents-declaration"] .bottom-dock{
        padding-left: 40px;
        padding-right: 40px;
      }
    }


    @media (max-width: 767px) {
      #m5UploadMain[data-page="p20-upload-documents-declaration"]{
        --header-h: 104px;
        --dock-h: 244px;
      }

      #m5UploadMain[data-page="p20-upload-documents-declaration"], #m5UploadMain[data-page="p20-upload-documents-declaration"]{
        overflow: hidden;
      }

      #m5UploadMain[data-page="p20-upload-documents-declaration"] .header-logo{
        display: none;
      }

      #m5UploadMain[data-page="p20-upload-documents-declaration"] .save-exit{
        height: 40px;
        margin-top: -4px;
        padding: 4px 0;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .01em;
      }

      #m5UploadMain[data-page="p20-upload-documents-declaration"] .mobile-back{
        display: inline-flex;
        width: 40px;
        height: 40px;
        margin-top: -4px;
        margin-left: -8px;
        padding: 8px;
        border: 0;
        border-radius: var(--radius);
        background: transparent;
        color: var(--cobalt);
        align-items: center;
        justify-content: center;
      }

      #m5UploadMain[data-page="p20-upload-documents-declaration"] .mobile-back svg{
        width: 24px;
        height: 24px;
      }

      #m5UploadMain[data-page="p20-upload-documents-declaration"] .progress-line{
        left: 0;
      }

      #m5UploadMain[data-page="p20-upload-documents-declaration"] .progress-line::before{
        width: 33.333%;
      }

      #m5UploadMain[data-page="p20-upload-documents-declaration"] .step-sidebar{
        display: none;
      }

      #m5UploadMain[data-page="p20-upload-documents-declaration"] .content-viewport{
        top: var(--header-h);
        left: 0;
        bottom: var(--dock-h);
      }

      #m5UploadMain[data-page="p20-upload-documents-declaration"] .content-inner{
        width: 100%;
        padding: 24px 16px 32px;
      }

      #m5UploadMain[data-page="p20-upload-documents-declaration"] .step-kicker{
        font-weight: 500;
        font-size: 12px;
        line-height: 160%;
        letter-spacing: .01em;
      }

      #m5UploadMain[data-page="p20-upload-documents-declaration"] .title-row{
        align-items: baseline;
        gap: 8px;
        margin-bottom: 24px;
      }

      #m5UploadMain[data-page="p20-upload-documents-declaration"] .page-title{
        font-weight: 600;
        font-size: 20px;
        line-height: 160%;
      }

      #m5UploadMain[data-page="p20-upload-documents-declaration"] .upload-count{
        margin-top: 2px;
        font-weight: 500;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .005em;
      }

      #m5UploadMain[data-page="p20-upload-documents-declaration"] .time-note{
        display: inline;
        color: var(--secondary);
        font-weight: 500;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: .005em;
      }

      #m5UploadMain[data-page="p20-upload-documents-declaration"] .checklist{
        gap: 12px;
      }

      #m5UploadMain[data-page="p20-upload-documents-declaration"] .checklist-card{
        min-height: 70px;
        padding: 12px 12px;
        border-radius: 8px;
      }

      #m5UploadMain[data-page="p20-upload-documents-declaration"] .checklist-title{
        margin-bottom: 4px;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
      }

      #m5UploadMain[data-page="p20-upload-documents-declaration"] .checklist-subtext{
        font-weight: 500;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: .005em;
      }

      #m5UploadMain[data-page="p20-upload-documents-declaration"] .card-chevron{
        width: 24px;
        height: 24px;
      }

      #m5UploadMain[data-page="p20-upload-documents-declaration"] .mobile-support{
        display: block;
        margin-top: 52px;
        padding-top: 36px;
        border-top: 0.5px solid var(--border);
      }

      #m5UploadMain[data-page="p20-upload-documents-declaration"] .support-question{
        margin-bottom: 16px;
        font-weight: 500;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .005em;
      }

      #m5UploadMain[data-page="p20-upload-documents-declaration"] .support-button{
        height: 48px;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .01em;
      }

      #m5UploadMain[data-page="p20-upload-documents-declaration"] .support-button svg{
        width: 20px;
        height: 20px;
      }

      #m5UploadMain[data-page="p20-upload-documents-declaration"] .bottom-dock{
        left: 0;
        height: var(--dock-h);
        padding: 16px 16px 32px;
        display: block;
      }

      #m5UploadMain[data-page="p20-upload-documents-declaration"] .back-button{
        display: none;
      }

      #m5UploadMain[data-page="p20-upload-documents-declaration"] .dock-right{
        width: 100%;
      }

      #m5UploadMain[data-page="p20-upload-documents-declaration"] .dock-note{
        min-height: 76px;
        padding: 10px 12px;
        margin-bottom: 16px;
        align-items: flex-start;
        font-weight: 500;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .005em;
      }

      #m5UploadMain[data-page="p20-upload-documents-declaration"] .dock-note svg{
        margin-top: 4px;
      }

      #m5UploadMain[data-page="p20-upload-documents-declaration"] .submit-button{
        height: 48px;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .01em;
      }
    }

    @media (min-width: 768px) {
      #m5UploadMain[data-page="p20-upload-documents-declaration"] .mobile-back, #m5UploadMain[data-page="p20-upload-documents-declaration"] .mobile-support{
        display: none;
      }
    }




/* p21-upload-declaration */
#m5DetailOverlay[data-page="p21-upload-declaration"]{
  --white:#fff; --ink:#0D1333; --body:#434965; --secondary:#53576C;
  --cobalt:#172EA1; --cornflower:#6379E9; --alice-blue:#EDF0FC;
  --border:#CBCEDC; --radius:8px; --drawer-w:min(966px,calc(100vw - 478px));
  --header-h:80px; --dock-h:112px;
}
#m5DetailOverlay[data-page="p21-upload-declaration"] *{box-sizing:border-box}
#m5DetailOverlay[data-page="p21-upload-declaration"], #m5DetailOverlay[data-page="p21-upload-declaration"]{margin:0;height:100%;font-family:"Inter",sans-serif;background:#F8F9FF;color:var(--ink);overflow:hidden;-webkit-font-smoothing:antialiased}
#m5DetailOverlay[data-page="p21-upload-declaration"] button, #m5DetailOverlay[data-page="p21-upload-declaration"] input{font:inherit}
#m5DetailOverlay[data-page="p21-upload-declaration"] .underlay{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:#fff}
#m5DetailOverlay[data-page="p21-upload-declaration"] .underlay-frame{width:100%;height:100%;border:0;display:block;pointer-events:none}
#m5DetailOverlay[data-page="p21-upload-declaration"] .scrim{position:fixed;inset:0;background:rgba(13,19,51,.42);backdrop-filter:blur(2.2px);-webkit-backdrop-filter:blur(2.2px)}
#m5DetailOverlay[data-page="p21-upload-declaration"] .drawer{position:fixed;top:0;right:0;width:var(--drawer-w);height:100dvh;background:#fff;border-radius:16px 0 0 16px;box-shadow:-8px 0 22px rgba(13,19,51,.08);overflow:hidden}
#m5DetailOverlay[data-page="p21-upload-declaration"] .header{position:absolute;top:0;left:0;right:0;z-index:10;height:var(--header-h);padding:0 28px;display:grid;grid-template-columns:40px 1fr 40px;align-items:center;background:#fff;border-bottom:.5px solid var(--border);border-radius:16px 0 0 0}
#m5DetailOverlay[data-page="p21-upload-declaration"] .back{width:40px;height:40px;padding:8px;border:0;border-radius:var(--radius);background:transparent;color:var(--cobalt);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
#m5DetailOverlay[data-page="p21-upload-declaration"] .back svg{width:24px;height:24px}
#m5DetailOverlay[data-page="p21-upload-declaration"] .title{margin:0;text-align:center;font-weight:600;font-size:24px;line-height:160%;color:var(--ink)}
#m5DetailOverlay[data-page="p21-upload-declaration"] .scroll{position:absolute;top:var(--header-h);left:0;right:0;bottom:var(--dock-h);overflow-y:auto;background:#fff}
#m5DetailOverlay[data-page="p21-upload-declaration"] .content{width:min(760px,calc(100% - 110px));margin:0 auto;padding:46px 0 50px}
#m5DetailOverlay[data-page="p21-upload-declaration"] .intro{margin:0 0 24px;font-weight:500;font-size:18px;line-height:160%;letter-spacing:.005em;color:var(--body)}
#m5DetailOverlay[data-page="p21-upload-declaration"] .list{margin:0;padding-left:28px;color:var(--body)}
#m5DetailOverlay[data-page="p21-upload-declaration"] .list li{margin-bottom:26px;padding-left:2px;font-weight:500;font-size:18px;line-height:160%;letter-spacing:.005em}
#m5DetailOverlay[data-page="p21-upload-declaration"] .list li:last-child{margin-bottom:0}
#m5DetailOverlay[data-page="p21-upload-declaration"] .dock{position:absolute;left:0;right:0;bottom:0;z-index:10;height:var(--dock-h);padding:16px 54px 24px;border-top:.5px solid var(--border);background:rgba(255,255,255,.98);display:grid;grid-template-columns:minmax(290px,1fr) 400px;gap:36px;align-items:center}
#m5DetailOverlay[data-page="p21-upload-declaration"] .agree{display:flex;align-items:flex-start;gap:10px;color:var(--ink);font-weight:500;font-size:16px;line-height:160%;letter-spacing:.005em;cursor:pointer}
#m5DetailOverlay[data-page="p21-upload-declaration"] .agree input{position:absolute;width:18px;height:18px;margin-top:4px;opacity:0}
#m5DetailOverlay[data-page="p21-upload-declaration"] .check{width:18px;height:18px;margin-top:4px;border:1px solid var(--border);border-radius:2px;background:var(--white);display:grid;place-items:center;flex:0 0 18px;transition:background-color 140ms ease,border-color 140ms ease}
#m5DetailOverlay[data-page="p21-upload-declaration"] .check svg{width:14px;height:14px;opacity:0}
#m5DetailOverlay[data-page="p21-upload-declaration"] .agree input:checked + .check{border-color:var(--cobalt);background:var(--cobalt)}
#m5DetailOverlay[data-page="p21-upload-declaration"] .agree input:checked + .check svg{opacity:1}
#m5DetailOverlay[data-page="p21-upload-declaration"] .agree input:focus-visible + .check{outline:2px solid var(--cornflower);outline-offset:2px}
#m5DetailOverlay[data-page="p21-upload-declaration"] .cta{width:100%;height:52px;border:0;border-radius:var(--radius);background:var(--cobalt);color:#fff;font-weight:600;font-size:18px;line-height:160%;letter-spacing:.01em;cursor:pointer;transition:.14s}
#m5DetailOverlay[data-page="p21-upload-declaration"] .cta:disabled{background:#ECECED;color:#A1A1AA;cursor:not-allowed;box-shadow:none}
@media(hover:hover) and (pointer:fine){#m5DetailOverlay[data-page="p21-upload-declaration"] .back:hover{background:var(--alice-blue)}#m5DetailOverlay[data-page="p21-upload-declaration"] .cta:not(:disabled):hover{background:var(--cornflower);box-shadow:0 5px 10px rgba(99,121,233,.2)}}
@media(max-width:767px){
  #m5DetailOverlay[data-page="p21-upload-declaration"]{--header-h:118px;--dock-h:220px}
  #m5DetailOverlay[data-page="p21-upload-declaration"] .underlay, #m5DetailOverlay[data-page="p21-upload-declaration"] .scrim{display:none}
  #m5DetailOverlay[data-page="p21-upload-declaration"] .drawer{inset:0;width:100%;height:100dvh;border-radius:0;box-shadow:none}
  #m5DetailOverlay[data-page="p21-upload-declaration"] .header{height:var(--header-h);padding:60px 16px 18px;grid-template-columns:40px 1fr 40px;border-bottom:0;border-radius:0}
  #m5DetailOverlay[data-page="p21-upload-declaration"] .back{margin-left:-8px}
  #m5DetailOverlay[data-page="p21-upload-declaration"] .title{font-size:16px;line-height:160%;letter-spacing:.01em;text-transform:uppercase;color:var(--secondary)}
  #m5DetailOverlay[data-page="p21-upload-declaration"] .scroll{top:var(--header-h);bottom:var(--dock-h)}
  #m5DetailOverlay[data-page="p21-upload-declaration"] .content{width:100%;padding:22px 28px 52px}
  #m5DetailOverlay[data-page="p21-upload-declaration"] .intro{margin-bottom:24px;font-size:16px;line-height:160%;letter-spacing:.005em}
  #m5DetailOverlay[data-page="p21-upload-declaration"] .list{padding-left:26px}
  #m5DetailOverlay[data-page="p21-upload-declaration"] .list li{margin-bottom:26px;padding-left:0;font-size:16px;line-height:160%;letter-spacing:.005em}
  #m5DetailOverlay[data-page="p21-upload-declaration"] .dock{height:var(--dock-h);padding:16px 16px 32px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;gap:20px;box-shadow:0 -6px 18px rgba(13,19,51,.06)}
  #m5DetailOverlay[data-page="p21-upload-declaration"] .agree{font-size:16px;line-height:160%}
  #m5DetailOverlay[data-page="p21-upload-declaration"] .cta{height:48px;font-size:16px}
}




/* p22-upload-documents-submit-for-review */
#m5UploadMain[data-page="p22-upload-documents-submit-for-review"]{
      --white: #FFFFFF;
      --page-bg: #F8F9FF;
      --ink: #0D1333;
      --body: #434965;
      --secondary: #53576C;
      --cobalt: #172EA1;
      --cornflower: #6379E9;
      --alice-blue: #EDF0FC;
      --border: #CBCEDC;
      --disabled-text: #A1A1AA;
      --disabled-surface: #ECECED;
      --caution-bg: #F4F5CE;
      --radius: 8px;
      --header-h: 68px;
      --dock-h: 116px;
      --sidebar-w: 450px;
    }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] *{ box-sizing: border-box; }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"], #m5UploadMain[data-page="p22-upload-documents-submit-for-review"]{
      margin: 0;
      height: 100%;
      font-family: "Inter", sans-serif;
      background: var(--white);
      color: var(--ink);
      -webkit-font-smoothing: antialiased;
      text-rendering: geometricPrecision;
      overflow: hidden;
    }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"]{ min-width: 320px; }
    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] button{ font: inherit; }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .page{
      height: 100dvh;
      background: var(--white);
    }



    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .header-logo{
      width: 120px;
      height: 28px;
      display: block;
    }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .save-exit{
      height: 45px;
      padding: 8px;
      border: 0;
      border-radius: var(--radius);
      background: transparent;
      color: var(--cobalt);
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.01em;
      cursor: pointer;
      transition: background-color 140ms ease;
    }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .progress-line{
      position: absolute;
      left: var(--sidebar-w);
      right: 0;
      bottom: -1px;
      height: 3px;
      background: var(--border);
    }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .progress-line::before{
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 40%;
      height: 100%;
      background: var(--cobalt);
    }


    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .step-sidebar{
      position: fixed;
      top: var(--header-h);
      left: 0;
      bottom: 0;
      width: var(--sidebar-w);
      z-index: 20;
      background: var(--page-bg);
      padding: 84px 80px 40px;
      display: flex;
      flex-direction: column;
    }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .sidebar-greeting{
      margin: 0 0 4px;
      font-weight: 600;
      font-size: 20px;
      line-height: 160%;
      color: var(--ink);
    }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .sidebar-copy{
      margin: 0 0 46px;
      font-weight: 500;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.005em;
      color: var(--body);
    }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .stepper{
      display: flex;
      flex-direction: column;
    }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .step{
      display: grid;
      grid-template-columns: 44px 1fr;
      gap: 20px;
      align-items: center;
      position: relative;
    }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .step + .step{ margin-top: 32px; }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .step:not(:last-child)::after{
      content: "";
      position: absolute;
      width: 1px;
      height: 24px;
      left: 22px;
      top: 48px;
      background: var(--border);
    }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .step-number{
      width: 44px;
      height: 44px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: var(--disabled-surface);
      color: var(--disabled-text);
      font-weight: 500;
      font-size: 18px;
      line-height: 160%;
    }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .step.done .step-number{
      background: #15966D;
      color: #fff;
    }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .step.active .step-number{
      background: var(--cobalt);
      color: #fff;
      font-weight: 600;
    }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .step-label{
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.01em;
      color: var(--disabled-text);
    }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .step.done .step-label{ color: var(--body); }
    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .step.active .step-label{ color: var(--ink); }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .sidebar-support{
      margin-top: auto;
    }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .support-question{
      margin: 0 0 14px;
      text-align: center;
      font-weight: 500;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: 0.005em;
      color: var(--body);
    }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .support-button{
      width: 100%;
      height: 52px;
      border: 1px solid var(--cobalt);
      border-radius: var(--radius);
      background: #fff;
      color: var(--cobalt);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: .01em;
      cursor: pointer;
    }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .support-button svg{
      width: 20px;
      height: 20px;
      flex: 0 0 20px;
    }


    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .content-viewport{
      position: fixed;
      top: var(--header-h);
      left: var(--sidebar-w);
      right: 0;
      bottom: var(--dock-h);
      overflow-y: auto;
      overflow-x: hidden;
      background: var(--white);
    }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .content-inner{
      width: min(700px, calc(100% - 160px));
      margin: 0 auto;
      padding: 58px 0 48px;
    }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .step-kicker{
      margin: 0 0 4px;
      color: var(--secondary);
      font-weight: 500;
      font-size: 14px;
      line-height: 160%;
      letter-spacing: .01em;
      text-transform: uppercase;
    }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .title-row{
      display: flex;
      align-items: baseline;
      gap: 10px;
      margin-bottom: 40px;
    }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .page-title{
      margin: 0;
      color: var(--ink);
      font-weight: 600;
      font-size: 20px;
      line-height: 160%;
      text-transform: uppercase;
    }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .upload-count{
      margin: 2px 0 0;
      color: var(--body);
      font-weight: 500;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: .005em;
      text-transform: uppercase;
    }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .time-note{
      display: none;
    }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .checklist{
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .checklist-card{
      min-height: 100px;
      padding: 18px 20px;
      border: 1px solid var(--border);
      border-radius: var(--radius);
      background: var(--white);
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
    }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .checklist-card.disabled{
      background: var(--disabled-surface);
      color: var(--disabled-text);
    }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .checklist-card.uploaded{
      border-color: #15966D;
      background: var(--white);
    }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .uploaded-state{
      display: inline-flex;
      align-items: center;
      gap: 8px;
    }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .uploaded-icon{
      width: 20px;
      height: 20px;
      flex: 0 0 20px;
      display: inline-flex;
    }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .uploaded-icon svg{
      width: 20px;
      height: 20px;
      display: block;
    }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .checklist-copy{
      min-width: 0;
    }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .checklist-title{
      margin: 0 0 4px;
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      color: var(--ink);
    }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .checklist-subtext{
      margin: 0;
      font-weight: 500;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: .005em;
      color: var(--body);
    }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .checklist-card.disabled .checklist-title, #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .checklist-card.disabled .checklist-subtext{
      color: var(--disabled-text);
    }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .card-chevron{
      width: 24px;
      height: 24px;
      flex: 0 0 24px;
      color: var(--cobalt);
    }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .checklist-card.disabled .card-chevron{
      color: var(--disabled-text);
    }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .card-chevron svg{
      width: 100%;
      height: 100%;
      display: block;
    }


    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .bottom-dock{
      position: fixed;
      left: var(--sidebar-w);
      right: 0;
      bottom: 0;
      z-index: 35;
      height: var(--dock-h);
      border-top: 0.5px solid var(--border);
      background: rgba(255,255,255,.98);
      padding: 12px 80px 40px;
      display: grid;
      grid-template-columns: 205px 1fr;
      align-items: end;
      gap: 40px;
    }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .back-button{
      width: 205px;
      height: 52px;
      border: 1px solid var(--cobalt);
      border-radius: var(--radius);
      background: #fff;
      color: var(--cobalt);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: .01em;
      cursor: pointer;
    }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .back-button svg{
      width: 18px;
      height: 18px;
    }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .dock-right{
      justify-self: end;
      align-self: end;
      width: min(410px, 100%);
    }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .dock-note{
      min-height: 42px;
      padding: 7px 12px;
      margin-bottom: 12px;
      border-radius: var(--radius);
      background: var(--caution-bg);
      display: flex;
      align-items: center;
      gap: 8px;
      color: var(--body);
      font-weight: 500;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: .005em;
    }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .dock-note svg{
      width: 18px;
      height: 18px;
      flex: 0 0 18px;
      color: var(--cobalt);
    }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .dock-note:has(#m5SubmitHint[hidden]) {
      display: none !important;
    }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .submit-button{
      width: 100%;
      height: 52px;
      border: 0;
      border-radius: var(--radius);
      background: var(--disabled-surface);
      color: var(--disabled-text);
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: .01em;
      cursor: not-allowed;
    }

    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .submit-button.ready,
    #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .submit-button:not(:disabled){
      background: var(--cobalt);
      color: var(--white);
      cursor: pointer;
    }

    @media (hover:hover) and (pointer:fine) {
      #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .submit-button.ready:hover,
      #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .submit-button:not(:disabled):hover{
        background: var(--cornflower);
        box-shadow: 0 5px 10px rgba(99,121,233,.2);
      }
    }

    @media (hover:hover) and (pointer:fine) {
      #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .save-exit:hover, #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .support-button:hover, #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .back-button:hover{
        background: var(--alice-blue);
      }
    }


    @media (max-width: 1100px) and (min-width: 768px) {
      #m5UploadMain[data-page="p22-upload-documents-submit-for-review"]{ --sidebar-w: 36vw; }

      #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .step-sidebar{
        padding-left: 42px;
        padding-right: 32px;
      }

      #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .content-inner{
        width: calc(100% - 96px);
      }

      #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .bottom-dock{
        padding-left: 40px;
        padding-right: 40px;
      }
    }


    @media (max-width: 767px) {
      #m5UploadMain[data-page="p22-upload-documents-submit-for-review"]{
        --header-h: 104px;
        --dock-content-h: 220px;
        --dock-h: calc(var(--dock-content-h) + env(safe-area-inset-bottom, 0px));
      }

      #m5UploadMain[data-page="p22-upload-documents-submit-for-review"], #m5UploadMain[data-page="p22-upload-documents-submit-for-review"]{
        overflow: hidden;
      }

      #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .header-logo{
        display: none;
      }

      #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .save-exit{
        height: 40px;
        margin-top: -4px;
        padding: 4px 0;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .01em;
      }

      #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .mobile-back{
        display: inline-flex;
        width: 40px;
        height: 40px;
        margin-top: -4px;
        margin-left: -8px;
        padding: 8px;
        border: 0;
        border-radius: var(--radius);
        background: transparent;
        color: var(--cobalt);
        align-items: center;
        justify-content: center;
      }

      #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .mobile-back svg{
        width: 24px;
        height: 24px;
      }

      #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .progress-line{
        left: 0;
      }

      #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .progress-line::before{
        width: 33.333%;
      }

      #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .step-sidebar{
        display: none;
      }

      #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .content-viewport{
        top: var(--header-h);
        left: 0;
        bottom: var(--dock-h);
      }

      #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .content-inner{
        width: 100%;
        padding: 24px 16px 32px;
      }

      #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .step-kicker{
        font-weight: 500;
        font-size: 12px;
        line-height: 160%;
        letter-spacing: .01em;
      }

      #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .title-row{
        align-items: baseline;
        gap: 8px;
        margin-bottom: 24px;
      }

      #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .page-title{
        font-weight: 600;
        font-size: 20px;
        line-height: 160%;
      }

      #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .upload-count{
        margin-top: 2px;
        font-weight: 500;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .005em;
      }

      #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .time-note{
        display: inline;
        color: var(--secondary);
        font-weight: 500;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: .005em;
      }

      #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .checklist{
        gap: 12px;
      }

      #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .checklist-card{
        min-height: 70px;
        padding: 12px 12px;
        border-radius: 8px;
      }

      #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .checklist-title{
        margin-bottom: 4px;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
      }

      #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .checklist-subtext{
        font-weight: 500;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: .005em;
      }

      #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .card-chevron{
        width: 24px;
        height: 24px;
      }

      #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .mobile-support{
        display: block;
        margin-top: 52px;
        padding-top: 36px;
        border-top: 0.5px solid var(--border);
      }

      #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .support-question{
        margin-bottom: 16px;
        font-weight: 500;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .005em;
      }

      #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .support-button{
        height: 48px;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .01em;
      }

      #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .support-button svg{
        width: 20px;
        height: 20px;
      }

      #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .bottom-dock{
        left: 0;
        height: auto;
        min-height: var(--dock-h);
        padding: 16px 16px calc(32px + env(safe-area-inset-bottom, 0px));
        display: block;
      }

      #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .back-button{
        display: none;
      }

      #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .dock-right{
        width: 100%;
      }

      #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .dock-note{
        min-height: 76px;
        padding: 10px 12px;
        margin-bottom: 16px;
        align-items: flex-start;
        font-weight: 500;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .005em;
      }

      #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .dock-note svg{
        margin-top: 4px;
      }

      #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .submit-button{
        height: 48px;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .01em;
      }
    }

    @media (min-width: 768px) {
      #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .mobile-back, #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .mobile-support{
        display: none;
      }
    }




/* p23-upload-documents-error */
#m5UploadMain[data-page="p23-upload-documents-error"]{
      --white: #FFFFFF;
      --page-bg: #F8F9FF;
      --ink: #0D1333;
      --body: #434965;
      --secondary: #53576C;
      --cobalt: #172EA1;
      --cornflower: #6379E9;
      --alice-blue: #EDF0FC;
      --border: #CBCEDC;
      --disabled-text: #A1A1AA;
      --disabled-surface: #ECECED;
      --caution-bg: #F4F5CE;
      --error: #C73838;
      --error-bg: #F9EBEB;
      --radius: 8px;
      --header-h: 68px;
      --dock-h: 116px;
      --sidebar-w: 450px;
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] *{ box-sizing: border-box; }

    #m5UploadMain[data-page="p23-upload-documents-error"], #m5UploadMain[data-page="p23-upload-documents-error"]{
      margin: 0;
      height: 100%;
      font-family: "Inter", sans-serif;
      background: var(--white);
      color: var(--ink);
      -webkit-font-smoothing: antialiased;
      text-rendering: geometricPrecision;
      overflow: hidden;
    }

    #m5UploadMain[data-page="p23-upload-documents-error"]{ min-width: 320px; }
    #m5UploadMain[data-page="p23-upload-documents-error"] button{ font: inherit; }

    #m5UploadMain[data-page="p23-upload-documents-error"] .page{
      height: 100dvh;
      background: var(--white);
    }



    #m5UploadMain[data-page="p23-upload-documents-error"] .header-logo{
      width: 120px;
      height: 28px;
      display: block;
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] .save-exit{
      height: 45px;
      padding: 8px;
      border: 0;
      border-radius: var(--radius);
      background: transparent;
      color: var(--cobalt);
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.01em;
      cursor: pointer;
      transition: background-color 140ms ease;
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] .progress-line{
      position: absolute;
      left: var(--sidebar-w);
      right: 0;
      bottom: -1px;
      height: 3px;
      background: var(--border);
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] .progress-line::before{
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 40%;
      height: 100%;
      background: var(--cobalt);
    }


    #m5UploadMain[data-page="p23-upload-documents-error"] .step-sidebar{
      position: fixed;
      top: var(--header-h);
      left: 0;
      bottom: 0;
      width: var(--sidebar-w);
      z-index: 20;
      background: var(--page-bg);
      padding: 84px 80px 40px;
      display: flex;
      flex-direction: column;
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] .sidebar-greeting{
      margin: 0 0 4px;
      font-weight: 600;
      font-size: 20px;
      line-height: 160%;
      color: var(--ink);
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] .sidebar-copy{
      margin: 0 0 46px;
      font-weight: 500;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.005em;
      color: var(--body);
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] .stepper{
      display: flex;
      flex-direction: column;
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] .step{
      display: grid;
      grid-template-columns: 44px 1fr;
      gap: 20px;
      align-items: center;
      position: relative;
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] .step + .step{ margin-top: 32px; }

    #m5UploadMain[data-page="p23-upload-documents-error"] .step:not(:last-child)::after{
      content: "";
      position: absolute;
      width: 1px;
      height: 24px;
      left: 22px;
      top: 48px;
      background: var(--border);
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] .step-number{
      width: 44px;
      height: 44px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: var(--disabled-surface);
      color: var(--disabled-text);
      font-weight: 500;
      font-size: 18px;
      line-height: 160%;
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] .step.done .step-number{
      background: #15966D;
      color: #fff;
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] .step.active .step-number{
      background: var(--cobalt);
      color: #fff;
      font-weight: 600;
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] .step-label{
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.01em;
      color: var(--disabled-text);
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] .step.done .step-label{ color: var(--body); }
    #m5UploadMain[data-page="p23-upload-documents-error"] .step.active .step-label{ color: var(--ink); }

    #m5UploadMain[data-page="p23-upload-documents-error"] .sidebar-support{
      margin-top: auto;
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] .support-question{
      margin: 0 0 14px;
      text-align: center;
      font-weight: 500;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: 0.005em;
      color: var(--body);
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] .support-button{
      width: 100%;
      height: 52px;
      border: 1px solid var(--cobalt);
      border-radius: var(--radius);
      background: #fff;
      color: var(--cobalt);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: .01em;
      cursor: pointer;
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] .support-button svg{
      width: 20px;
      height: 20px;
      flex: 0 0 20px;
    }


    #m5UploadMain[data-page="p23-upload-documents-error"] .content-viewport{
      position: fixed;
      top: var(--header-h);
      left: var(--sidebar-w);
      right: 0;
      bottom: var(--dock-h);
      overflow-y: auto;
      overflow-x: hidden;
      background: var(--white);
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] .content-inner{
      width: min(700px, calc(100% - 160px));
      margin: 0 auto;
      padding: 58px 0 48px;
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] .step-kicker{
      margin: 0 0 4px;
      color: var(--secondary);
      font-weight: 500;
      font-size: 14px;
      line-height: 160%;
      letter-spacing: .01em;
      text-transform: uppercase;
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] .title-row{
      display: flex;
      align-items: baseline;
      gap: 10px;
      margin-bottom: 40px;
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] .page-title{
      margin: 0;
      color: var(--ink);
      font-weight: 600;
      font-size: 20px;
      line-height: 160%;
      text-transform: uppercase;
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] .web-count{ display:inline; }
    #m5UploadMain[data-page="p23-upload-documents-error"] .mobile-error-copy{ display:none; }

    #m5UploadMain[data-page="p23-upload-documents-error"] .upload-count{
      margin: 2px 0 0;
      color: var(--body);
      font-weight: 500;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: .005em;
      text-transform: uppercase;
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] .time-note{
      display: none;
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] .checklist{
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] .checklist-card{
      min-height: 100px;
      padding: 18px 20px;
      border: 1px solid var(--border);
      border-radius: var(--radius);
      background: var(--white);
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] .checklist-card.disabled{
      background: var(--disabled-surface);
      color: var(--disabled-text);
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] .checklist-card.uploaded{
      border-color: #15966D;
      background: var(--white);
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] .checklist-card.review-ok{
      border-color: #15966D;
      background: var(--white);
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] .checklist-card.error{
      border-color: var(--error);
      background: var(--error-bg);
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] .error-icon, #m5UploadMain[data-page="p23-upload-documents-error"] .ok-icon{
      width: 20px;
      height: 20px;
      flex: 0 0 20px;
      display: inline-flex;
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] .error-icon svg, #m5UploadMain[data-page="p23-upload-documents-error"] .ok-icon svg{
      width: 20px;
      height: 20px;
      display: block;
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] .review-title-row{
      display:flex;
      align-items:center;
      gap:8px;
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] .review-subtext{
      margin:4px 0 0;
      font-weight:500;
      font-size:16px;
      line-height:160%;
      letter-spacing:.005em;
      color:var(--body);
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] .uploaded-state{
      display: inline-flex;
      align-items: center;
      gap: 8px;
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] .uploaded-icon{
      width: 20px;
      height: 20px;
      flex: 0 0 20px;
      display: inline-flex;
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] .uploaded-icon svg{
      width: 20px;
      height: 20px;
      display: block;
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] .checklist-copy{
      min-width: 0;
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] .checklist-title{
      margin: 0 0 4px;
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      color: var(--ink);
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] .checklist-subtext{
      margin: 0;
      font-weight: 500;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: .005em;
      color: var(--body);
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] .checklist-card.disabled .checklist-title, #m5UploadMain[data-page="p23-upload-documents-error"] .checklist-card.disabled .checklist-subtext{
      color: var(--disabled-text);
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] .card-chevron{
      width: 24px;
      height: 24px;
      flex: 0 0 24px;
      color: var(--cobalt);
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] .checklist-card.disabled .card-chevron{
      color: var(--disabled-text);
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] .card-chevron svg{
      width: 100%;
      height: 100%;
      display: block;
    }


    #m5UploadMain[data-page="p23-upload-documents-error"] .bottom-dock{
      position: fixed;
      left: var(--sidebar-w);
      right: 0;
      bottom: 0;
      z-index: 35;
      height: var(--dock-h);
      border-top: 0.5px solid var(--border);
      background: rgba(255,255,255,.98);
      padding: 12px 80px 40px;
      display: grid;
      grid-template-columns: 205px 1fr;
      align-items: end;
      gap: 40px;
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] .back-button{
      width: 205px;
      height: 52px;
      border: 1px solid var(--cobalt);
      border-radius: var(--radius);
      background: #fff;
      color: var(--cobalt);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: .01em;
      cursor: pointer;
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] .back-button svg{
      width: 18px;
      height: 18px;
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] .dock-right{
      justify-self: end;
      align-self: end;
      width: min(410px, 100%);
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] .dock-note{
      min-height: 42px;
      padding: 7px 12px;
      margin-bottom: 12px;
      border-radius: var(--radius);
      background: var(--caution-bg);
      display: flex;
      align-items: center;
      gap: 8px;
      color: var(--body);
      font-weight: 500;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: .005em;
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] .dock-note svg{
      width: 18px;
      height: 18px;
      flex: 0 0 18px;
      color: var(--cobalt);
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] .submit-button{
      width: 100%;
      height: 52px;
      border: 0;
      border-radius: var(--radius);
      background: var(--disabled-surface);
      color: var(--disabled-text);
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: .01em;
      cursor: not-allowed;
    }

    #m5UploadMain[data-page="p23-upload-documents-error"] .submit-button.ready{
      background: var(--cobalt);
      color: var(--white);
      cursor: pointer;
    }

    @media (hover:hover) and (pointer:fine) {
      #m5UploadMain[data-page="p23-upload-documents-error"] .submit-button.ready:hover{
        background: var(--cornflower);
        box-shadow: 0 5px 10px rgba(99,121,233,.2);
      }
    }

    @media (hover:hover) and (pointer:fine) {
      #m5UploadMain[data-page="p23-upload-documents-error"] .save-exit:hover, #m5UploadMain[data-page="p23-upload-documents-error"] .support-button:hover, #m5UploadMain[data-page="p23-upload-documents-error"] .back-button:hover{
        background: var(--alice-blue);
      }
    }


    @media (max-width: 1100px) and (min-width: 768px) {
      #m5UploadMain[data-page="p23-upload-documents-error"]{ --sidebar-w: 36vw; }

      #m5UploadMain[data-page="p23-upload-documents-error"] .step-sidebar{
        padding-left: 42px;
        padding-right: 32px;
      }

      #m5UploadMain[data-page="p23-upload-documents-error"] .content-inner{
        width: calc(100% - 96px);
      }

      #m5UploadMain[data-page="p23-upload-documents-error"] .bottom-dock{
        padding-left: 40px;
        padding-right: 40px;
      }
    }


    @media (max-width: 767px) {
      #m5UploadMain[data-page="p23-upload-documents-error"]{
        --header-h: 104px;
        --dock-h: 244px;
      }

      #m5UploadMain[data-page="p23-upload-documents-error"], #m5UploadMain[data-page="p23-upload-documents-error"]{
        overflow: hidden;
      }

      #m5UploadMain[data-page="p23-upload-documents-error"] .header-logo{
        display: none;
      }

      #m5UploadMain[data-page="p23-upload-documents-error"] .save-exit{
        height: 40px;
        margin-top: -4px;
        padding: 4px 0;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .01em;
      }

      #m5UploadMain[data-page="p23-upload-documents-error"] .mobile-back{
        display: inline-flex;
        width: 40px;
        height: 40px;
        margin-top: -4px;
        margin-left: -8px;
        padding: 8px;
        border: 0;
        border-radius: var(--radius);
        background: transparent;
        color: var(--cobalt);
        align-items: center;
        justify-content: center;
      }

      #m5UploadMain[data-page="p23-upload-documents-error"] .mobile-back svg{
        width: 24px;
        height: 24px;
      }

      #m5UploadMain[data-page="p23-upload-documents-error"] .progress-line{
        left: 0;
      }

      #m5UploadMain[data-page="p23-upload-documents-error"] .progress-line::before{
        width: 33.333%;
      }

      #m5UploadMain[data-page="p23-upload-documents-error"] .step-sidebar{
        display: none;
      }

      #m5UploadMain[data-page="p23-upload-documents-error"] .content-viewport{
        top: var(--header-h);
        left: 0;
        bottom: var(--dock-h);
      }

      #m5UploadMain[data-page="p23-upload-documents-error"] .content-inner{
        width: 100%;
        padding: 24px 16px 32px;
      }

      #m5UploadMain[data-page="p23-upload-documents-error"] .step-kicker{
        font-weight: 500;
        font-size: 12px;
        line-height: 160%;
        letter-spacing: .01em;
      }

      #m5UploadMain[data-page="p23-upload-documents-error"] .title-row{
        align-items: baseline;
        gap: 8px;
        margin-bottom: 24px;
      }

      #m5UploadMain[data-page="p23-upload-documents-error"] .page-title{
        font-weight: 600;
        font-size: 20px;
        line-height: 160%;
      }

      #m5UploadMain[data-page="p23-upload-documents-error"] .upload-count{
        margin-top: 2px;
        font-weight: 500;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .005em;
      }

      #m5UploadMain[data-page="p23-upload-documents-error"] .mobile-error-copy{ display:inline; }
      #m5UploadMain[data-page="p23-upload-documents-error"] .web-count{ display:none; }

      #m5UploadMain[data-page="p23-upload-documents-error"] .time-note{
        display: inline;
        color: var(--secondary);
        font-weight: 500;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: .005em;
      }

      #m5UploadMain[data-page="p23-upload-documents-error"] .checklist{
        gap: 12px;
      }

      #m5UploadMain[data-page="p23-upload-documents-error"] .checklist-card{
        min-height: 70px;
        padding: 12px 12px;
        border-radius: 8px;
      }

      #m5UploadMain[data-page="p23-upload-documents-error"] .checklist-card.error, #m5UploadMain[data-page="p23-upload-documents-error"] .checklist-card.review-ok{
        min-height: 86px;
        padding: 14px 12px;
      }

      #m5UploadMain[data-page="p23-upload-documents-error"] .review-subtext{
        font-size:14px;
        line-height:160%;
      }

      #m5UploadMain[data-page="p23-upload-documents-error"] .checklist-title{
        margin-bottom: 4px;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
      }

      #m5UploadMain[data-page="p23-upload-documents-error"] .checklist-subtext{
        font-weight: 500;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: .005em;
      }

      #m5UploadMain[data-page="p23-upload-documents-error"] .card-chevron{
        width: 24px;
        height: 24px;
      }

      #m5UploadMain[data-page="p23-upload-documents-error"] .mobile-support{
        display: block;
        margin-top: 52px;
        padding-top: 36px;
        border-top: 0.5px solid var(--border);
      }

      #m5UploadMain[data-page="p23-upload-documents-error"] .support-question{
        margin-bottom: 16px;
        font-weight: 500;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .005em;
      }

      #m5UploadMain[data-page="p23-upload-documents-error"] .support-button{
        height: 48px;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .01em;
      }

      #m5UploadMain[data-page="p23-upload-documents-error"] .support-button svg{
        width: 20px;
        height: 20px;
      }

      #m5UploadMain[data-page="p23-upload-documents-error"] .bottom-dock{
        left: 0;
        height: var(--dock-h);
        padding: 16px 16px 32px;
        display: block;
      }

      #m5UploadMain[data-page="p23-upload-documents-error"] .back-button{
        display: none;
      }

      #m5UploadMain[data-page="p23-upload-documents-error"] .dock-right{
        width: 100%;
      }

      #m5UploadMain[data-page="p23-upload-documents-error"] .dock-note{
        min-height: 76px;
        padding: 10px 12px;
        margin-bottom: 16px;
        align-items: flex-start;
        font-weight: 500;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .005em;
      }

      #m5UploadMain[data-page="p23-upload-documents-error"] .dock-note svg{
        margin-top: 4px;
      }

      #m5UploadMain[data-page="p23-upload-documents-error"] .submit-button{
        height: 48px;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .01em;
      }
    }

    @media (min-width: 768px) {
      #m5UploadMain[data-page="p23-upload-documents-error"] .mobile-back, #m5UploadMain[data-page="p23-upload-documents-error"] .mobile-support{
        display: none;
      }
    }





/* --- CMP-010 SPA integration (non-visual) --- */
#m5UploadScreen .field-error:not(:empty),
#m5DetailOverlay .field-error:not(:empty) {
  color: #c73838;
  font-size: 14px;
  margin: 8px 16px;
}
#m5DetailOverlay[hidden] { display: none !important; }
#m5DetailOverlay:not([hidden]) {
  display: block;
  position: fixed;
  inset: 0;
  z-index: 50;
  pointer-events: auto;
}
#m5DetailOverlay .underlay { display: none !important; }
#m5DetailOverlay .scrim {
  position: fixed;
  inset: 0;
}
#m5UploadScreen .progress-line::before {
  width: var(--m5-progress-width, 40%);
}
#m5UploadScreen .upload-count[hidden],
#m5UploadScreen #m5ProgressText[hidden] { display: none !important; }
#m5UploadScreen .support-button,
#m5UploadScreen .back-button,
#m5UploadScreen .submit-button { cursor: pointer; }
#m5UploadScreen .header-logo-wrap { display: inline-flex; }
#m5UploadScreen .header-logo { width: 120px; height: 28px; }
#m5UploadScreen .checklist-card { cursor: pointer; border: 0; background: transparent; text-align: left; width: 100%; font: inherit; }
#m5UploadScreen .checklist-card:disabled { cursor: default; }
#m5UploadScreen .checklist-card.is-disabled { pointer-events: none; }
#m5DetailOverlay button { cursor: pointer; }
#m5DetailOverlay .upload-zone { cursor: pointer; }
#m5DetailOverlay [hidden] { display: none !important; }
#m3App[data-screen="documentDetail"] #m5UploadScreen {
  display: block !important;
}
#m3App[data-screen="documentDetail"] #m5UploadScreen .page {
  pointer-events: none;
}
#m3App[data-screen="documentDetail"] #m5DocumentDetailScreen {
  display: block !important;
  position: fixed;
  inset: 0;
  z-index: 50;
  pointer-events: none;
  background: transparent;
}
#m3App[data-screen="documentDetail"] #m5DetailOverlay {
  pointer-events: auto;
}
#m3App[data-screen="search"] {
  background: #ffffff;
}
#m3App[data-screen="search"] .m3-main,
#m3App[data-screen="search"] #m3SearchScreen,
#m3App[data-screen="search"] [data-page="p05-find-bank-accounts"],
#m3App[data-screen="search"] [data-page="p05-find-bank-accounts"] .page,
#m3App[data-screen="search"] [data-page="p05-find-bank-accounts"] .search-shell {
  background: #ffffff;
}
#m3App[data-screen="search"] #m5UploadScreen,
#m3App[data-screen="search"] #m5DocumentDetailScreen,
#m3App[data-screen="search"] #m5VerificationBoundaryScreen,
#m3App[data-screen="search"] #m7TrackingScreen,
#m3App[data-screen="results"] #m5UploadScreen,
#m3App[data-screen="results"] #m5DocumentDetailScreen,
#m3App[data-screen="results"] #m5VerificationBoundaryScreen,
#m3App[data-screen="results"] #m7TrackingScreen,
#m3App[data-screen="details"] #m5UploadScreen,
#m3App[data-screen="details"] #m5DocumentDetailScreen,
#m3App[data-screen="details"] #m5VerificationBoundaryScreen,
#m3App[data-screen="details"] #m7TrackingScreen {
  display: none !important;
}
@media (max-width: 767px) {
  #m3App[data-screen="documentDetail"] #m5DocumentDetailScreen {
    display: block !important;
  }
}
/* Retire legacy m5 upload visuals inside P09–P23 host */
#m5UploadScreen .m5-shell,
#m5UploadScreen .m5-row,
#m5UploadScreen .m5-checklist,
#m5DetailOverlay .m5-detail-panel,
#m5DetailOverlay .m5-detail-overlay {
  all: unset;
}


/* --- CMP-010 neutralize legacy m5 checklist/detail visuals (P09–P23 flow) --- */
#m5UploadScreen .m5-shell { display: none !important; }
#m5DocumentDetailScreen .m5-detail-overlay,
#m5DocumentDetailScreen .m5-detail-panel { display: none !important; }
@media (max-width: 767px) {
  #m5DetailOverlay[data-page="p10-application-form"] .form-drawer {
    display: flex;
    flex-direction: column;
    height: 100dvh;
    overflow: hidden;
  }
  #m5DetailOverlay[data-page="p10-application-form"] .drawer-header {
    position: static;
    flex-shrink: 0;
  }
  #m5DetailOverlay[data-page="p10-application-form"] .drawer-scroll {
    flex: 1;
    min-height: 0;
    overflow: auto;
    scroll-padding-bottom: 32px;
    position: static;
    top: auto;
    bottom: auto;
  }
  #m5DetailOverlay[data-page="p10-application-form"] .drawer-dock {
    position: static;
    flex-shrink: 0;
  }
  #m5DetailOverlay[data-page="p10-application-form"] #m5PinInput {
    scroll-margin-bottom: 32px;
  }
  #m5DetailOverlay[data-page="p10-application-form"] #m5ReasonSelect {
    appearance: none;
    -webkit-appearance: none;
  }
}

/* --- END CMP-010 P09–P23 scoped placeholder CSS --- */

/* --- CMP-012 P24–P27 scoped placeholder CSS --- */
/* p24-upload-documents-sign */
#m7BoundaryP24Root main[data-page="p24-upload-documents-sign"]{
      --white: #FFFFFF;
      --page-bg: #F8F9FF;
      --ink: #0D1333;
      --body: #434965;
      --secondary: #53576C;
      --cobalt: #172EA1;
      --cornflower: #6379E9;
      --alice-blue: #EDF0FC;
      --border: #CBCEDC;
      --disabled-text: #A1A1AA;
      --disabled-surface: #ECECED;
      --caution-bg: #F4F5CE;
      --error: #C73838;
      --error-bg: #F9EBEB;
      --radius: 8px;
      --header-h: 68px;
      --dock-h: 116px;
      --sidebar-w: 450px;
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] *{ box-sizing: border-box; }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"], #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"]{
      margin: 0;
      height: 100%;
      font-family: "Inter", sans-serif;
      background: var(--white);
      color: var(--ink);
      -webkit-font-smoothing: antialiased;
      text-rendering: geometricPrecision;
      overflow: hidden;
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"]{ min-width: 320px; }
    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] button{ font: inherit; }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .page{
      height: 100dvh;
      background: var(--white);
    }



    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .header-logo{
      width: 120px;
      height: 28px;
      display: block;
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .save-exit{
      height: 45px;
      padding: 8px;
      border: 0;
      border-radius: var(--radius);
      background: transparent;
      color: var(--cobalt);
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.01em;
      cursor: pointer;
      transition: background-color 140ms ease;
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .progress-line{
      position: absolute;
      left: var(--sidebar-w);
      right: 0;
      bottom: -1px;
      height: 3px;
      background: var(--border);
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .progress-line::before{
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 40%;
      height: 100%;
      background: var(--cobalt);
    }


    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .step-sidebar{
      position: fixed;
      top: var(--header-h);
      left: 0;
      bottom: 0;
      width: var(--sidebar-w);
      z-index: 20;
      background: var(--page-bg);
      padding: 84px 80px 40px;
      display: flex;
      flex-direction: column;
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .sidebar-greeting{
      margin: 0 0 4px;
      font-weight: 600;
      font-size: 20px;
      line-height: 160%;
      color: var(--ink);
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .sidebar-copy{
      margin: 0 0 46px;
      font-weight: 500;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.005em;
      color: var(--body);
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .stepper{
      display: flex;
      flex-direction: column;
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .step{
      display: grid;
      grid-template-columns: 44px 1fr;
      gap: 20px;
      align-items: center;
      position: relative;
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .step + .step{ margin-top: 32px; }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .step:not(:last-child)::after{
      content: "";
      position: absolute;
      width: 1px;
      height: 24px;
      left: 22px;
      top: 48px;
      background: var(--border);
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .step-number{
      width: 44px;
      height: 44px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: var(--disabled-surface);
      color: var(--disabled-text);
      font-weight: 500;
      font-size: 18px;
      line-height: 160%;
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .step.done .step-number{
      background: #15966D;
      color: #fff;
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .step.active .step-number{
      background: var(--cobalt);
      color: #fff;
      font-weight: 600;
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .step-label{
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.01em;
      color: var(--disabled-text);
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .step.done .step-label{ color: var(--body); }
    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .step.active .step-label{ color: var(--ink); }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .sidebar-support{
      margin-top: auto;
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .support-question{
      margin: 0 0 14px;
      text-align: center;
      font-weight: 500;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: 0.005em;
      color: var(--body);
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .support-button{
      width: 100%;
      height: 52px;
      border: 1px solid var(--cobalt);
      border-radius: var(--radius);
      background: #fff;
      color: var(--cobalt);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: .01em;
      cursor: pointer;
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .support-button svg{
      width: 20px;
      height: 20px;
      flex: 0 0 20px;
    }


    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .content-viewport{
      position: fixed;
      top: var(--header-h);
      left: var(--sidebar-w);
      right: 0;
      bottom: var(--dock-h);
      overflow-y: auto;
      overflow-x: hidden;
      background: var(--white);
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .content-inner{
      width: min(700px, calc(100% - 160px));
      margin: 0 auto;
      padding: 58px 0 48px;
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .step-kicker{
      margin: 0 0 4px;
      color: var(--secondary);
      font-weight: 500;
      font-size: 14px;
      line-height: 160%;
      letter-spacing: .01em;
      text-transform: uppercase;
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .title-row{
      display: flex;
      align-items: baseline;
      gap: 10px;
      margin-bottom: 40px;
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .page-title{
      margin: 0;
      color: var(--ink);
      font-weight: 600;
      font-size: 20px;
      line-height: 160%;
      text-transform: uppercase;
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .web-count{ display:inline; }
    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .mobile-error-copy{ display:none; }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .upload-count{
      margin: 2px 0 0;
      color: var(--body);
      font-weight: 500;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: .005em;
      text-transform: uppercase;
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .time-note{
      display: none;
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .checklist{
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .checklist-card{
      min-height: 100px;
      padding: 18px 20px;
      border: 1px solid var(--border);
      border-radius: var(--radius);
      background: var(--white);
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .checklist-card.disabled{
      background: var(--disabled-surface);
      color: var(--disabled-text);
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .checklist-card.uploaded{
      border-color: #15966D;
      background: var(--white);
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .checklist-card.review-ok{
      border-color: #15966D;
      background: var(--white);
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .checklist-card.error{
      border-color: var(--error);
      background: var(--error-bg);
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .error-icon, #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .ok-icon{
      width: 20px;
      height: 20px;
      flex: 0 0 20px;
      display: inline-flex;
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .error-icon svg, #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .ok-icon svg{
      width: 20px;
      height: 20px;
      display: block;
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .review-title-row{
      display:flex;
      align-items:center;
      gap:8px;
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .review-subtext{
      margin:4px 0 0;
      font-weight:500;
      font-size:16px;
      line-height:160%;
      letter-spacing:.005em;
      color:var(--body);
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .uploaded-state{
      display: inline-flex;
      align-items: center;
      gap: 8px;
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .uploaded-icon{
      width: 20px;
      height: 20px;
      flex: 0 0 20px;
      display: inline-flex;
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .uploaded-icon svg{
      width: 20px;
      height: 20px;
      display: block;
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .checklist-copy{
      min-width: 0;
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .checklist-title{
      margin: 0 0 4px;
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      color: var(--ink);
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .checklist-subtext{
      margin: 0;
      font-weight: 500;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: .005em;
      color: var(--body);
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .checklist-card.disabled .checklist-title, #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .checklist-card.disabled .checklist-subtext{
      color: var(--disabled-text);
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .card-chevron{
      width: 24px;
      height: 24px;
      flex: 0 0 24px;
      color: var(--cobalt);
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .checklist-card.disabled .card-chevron{
      color: var(--disabled-text);
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .card-chevron svg{
      width: 100%;
      height: 100%;
      display: block;
    }


    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .bottom-dock{
      position: fixed;
      left: var(--sidebar-w);
      right: 0;
      bottom: 0;
      z-index: 35;
      height: var(--dock-h);
      border-top: 0.5px solid var(--border);
      background: rgba(255,255,255,.98);
      padding: 12px 80px 40px;
      display: grid;
      grid-template-columns: 205px 1fr;
      align-items: end;
      gap: 40px;
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .back-button{
      width: 205px;
      height: 52px;
      border: 1px solid var(--cobalt);
      border-radius: var(--radius);
      background: #fff;
      color: var(--cobalt);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: .01em;
      cursor: pointer;
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .back-button svg{
      width: 18px;
      height: 18px;
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .dock-right{
      justify-self: end;
      align-self: end;
      width: min(410px, 100%);
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .dock-note{
      min-height: 42px;
      padding: 7px 12px;
      margin-bottom: 12px;
      border-radius: var(--radius);
      background: var(--caution-bg);
      display: flex;
      align-items: center;
      gap: 8px;
      color: var(--body);
      font-weight: 500;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: .005em;
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .dock-note svg{
      width: 18px;
      height: 18px;
      flex: 0 0 18px;
      color: var(--cobalt);
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .submit-button{
      width: 100%;
      height: 52px;
      border: 0;
      border-radius: var(--radius);
      background: var(--disabled-surface);
      color: var(--disabled-text);
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: .01em;
      cursor: not-allowed;
    }

    #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .submit-button.ready{
      background: var(--cobalt);
      color: var(--white);
      cursor: pointer;
    }

    @media (hover:hover) and (pointer:fine) {
      #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .submit-button.ready:hover{
        background: var(--cornflower);
        box-shadow: 0 5px 10px rgba(99,121,233,.2);
      }
    }

    @media (hover:hover) and (pointer:fine) {
      #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .save-exit:hover, #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .support-button:hover, #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .back-button:hover{
        background: var(--alice-blue);
      }
    }


    @media (max-width: 1100px) and (min-width: 768px) {
      #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"]{ --sidebar-w: 36vw; }

      #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .step-sidebar{
        padding-left: 42px;
        padding-right: 32px;
      }

      #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .content-inner{
        width: calc(100% - 96px);
      }

      #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .bottom-dock{
        padding-left: 40px;
        padding-right: 40px;
      }
    }


    @media (max-width: 767px) {
      #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"]{
        --header-h: 104px;
        --dock-h: 112px;
      }

      #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"], #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"]{
        overflow: hidden;
      }

      #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .header-logo{
        display: none;
      }

      #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .save-exit{
        height: 40px;
        margin-top: -4px;
        padding: 4px 0;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .01em;
      }

      #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .mobile-back{
        display: inline-flex;
        width: 40px;
        height: 40px;
        margin-top: -4px;
        margin-left: -8px;
        padding: 8px;
        border: 0;
        border-radius: var(--radius);
        background: transparent;
        color: var(--cobalt);
        align-items: center;
        justify-content: center;
      }

      #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .mobile-back svg{
        width: 24px;
        height: 24px;
      }

      #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .progress-line{
        left: 0;
      }

      #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .progress-line::before{
        width: 33.333%;
      }

      #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .step-sidebar{
        display: none;
      }

      #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .content-viewport{
        top: var(--header-h);
        left: 0;
        bottom: var(--dock-h);
      }

      #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .content-inner{
        width: 100%;
        padding: 24px 16px 32px;
      }

      #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .step-kicker{
        font-weight: 500;
        font-size: 12px;
        line-height: 160%;
        letter-spacing: .01em;
      }

      #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .title-row{
        align-items: baseline;
        gap: 8px;
        margin-bottom: 24px;
      }

      #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .page-title{
        font-weight: 600;
        font-size: 20px;
        line-height: 160%;
      }

      #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .upload-count{
        margin-top: 2px;
        font-weight: 500;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .005em;
      }

      #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .mobile-error-copy{ display:inline; }
      #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .web-count{ display:none; }

      #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .time-note{
        display: inline;
        color: var(--secondary);
        font-weight: 500;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: .005em;
      }

      #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .checklist{
        gap: 12px;
      }

      #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .checklist-card{
        min-height: 70px;
        padding: 12px 12px;
        border-radius: 8px;
      }

      #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .checklist-card.error, #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .checklist-card.review-ok{
        min-height: 86px;
        padding: 14px 12px;
      }

      #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .review-subtext{
        font-size:14px;
        line-height:160%;
      }

      #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .checklist-title{
        margin-bottom: 4px;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
      }

      #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .checklist-subtext{
        font-weight: 500;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: .005em;
      }

      #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .card-chevron{
        width: 24px;
        height: 24px;
      }

      #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .mobile-support{
        display: block;
        margin-top: 52px;
        padding-top: 36px;
        border-top: 0.5px solid var(--border);
      }

      #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .support-question{
        margin-bottom: 16px;
        font-weight: 500;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .005em;
      }

      #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .support-button{
        height: 48px;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .01em;
      }

      #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .support-button svg{
        width: 20px;
        height: 20px;
      }

      #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .bottom-dock{
        left: 0;
        height: var(--dock-h);
        padding: 16px 16px 32px;
        display: flex;
        align-items: flex-end;
      }

      #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .back-button{
        display: none;
      }

      #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .dock-right{
        width: 100%;
      }

      #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .dock-note{
        min-height: 76px;
        padding: 10px 12px;
        margin-bottom: 16px;
        align-items: flex-start;
        font-weight: 500;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .005em;
      }

      #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .dock-note svg{
        margin-top: 4px;
      }

      #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .submit-button{
        height: 48px;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: .01em;
      }
    }

    @media (min-width: 768px) {
      #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .mobile-back, #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] .mobile-support{
        display: none;
      }
    }



/* p25-otp */
#m7BoundaryP25Root{
 --white:#fff;--page:#F8F9FF;--ink:#0D1333;--body:#434965;--secondary:#53576C;
 --cobalt:#172EA1;--cornflower:#6379E9;--alice:#EDF0FC;--border:#CBCEDC;
 --disabled:#ECECED;--disabled-text:#A1A1AA;--green:#15966D;
 --header-h:68px;--sidebar-w:450px;--dock-h:116px;--r:8px
}
#m7BoundaryP25Root *{box-sizing:border-box}#m7BoundaryP25Root, #m7BoundaryP25Root{margin:0;height:100%;font-family:Inter,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
#m7BoundaryP25Root{min-width:320px;overflow:hidden}#m7BoundaryP25Root button, #m7BoundaryP25Root input{font:inherit}
#m7BoundaryP25Root .header{position:fixed;top:0;left:0;right:0;height:var(--header-h);background:#fff;border-bottom:.5px solid var(--border);z-index:20;padding:0 80px;display:flex;align-items:center;justify-content:space-between}
#m7BoundaryP25Root .desktop-logo{display:block}
#m7BoundaryP25Root .header-logo{width:120px;height:28px;display:block}
#m7BoundaryP25Root .progress{position:absolute;left:var(--sidebar-w);right:0;bottom:-1px;height:3px;background:var(--border)}
#m7BoundaryP25Root .progress:before{content:"";position:absolute;inset:0 0 0 0;width:100%;background:var(--cobalt)}
#m7BoundaryP25Root .sidebar{position:fixed;top:var(--header-h);left:0;bottom:0;width:var(--sidebar-w);background:var(--page);padding:84px 82px 42px;display:flex;flex-direction:column}
#m7BoundaryP25Root .greet{margin:0 0 4px;font-size:20px;line-height:160%;font-weight:600}#m7BoundaryP25Root .sidecopy{margin:0 0 46px;color:var(--body);font-size:18px;line-height:160%;font-weight:500}
#m7BoundaryP25Root .stepper{display:flex;flex-direction:column}#m7BoundaryP25Root .step{display:grid;grid-template-columns:44px 1fr;gap:20px;align-items:center;position:relative}#m7BoundaryP25Root .step+.step{margin-top:32px}
#m7BoundaryP25Root .step:not(:last-child):after{content:"";position:absolute;left:22px;top:48px;width:1px;height:24px;background:var(--border)}
#m7BoundaryP25Root .num{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--cobalt);color:#fff;font-size:18px;font-weight:600}
#m7BoundaryP25Root .done .num{background:var(--green)}#m7BoundaryP25Root .done .num svg{width:24px;height:24px;display:block}#m7BoundaryP25Root .label{font-size:18px;line-height:160%;font-weight:600;color:var(--ink)}
#m7BoundaryP25Root .support{margin-top:auto}#m7BoundaryP25Root .support p{margin:0 0 14px;text-align:center;color:var(--body);font-size:16px;line-height:160%}
#m7BoundaryP25Root .support button, #m7BoundaryP25Root .back{height:52px;border:1px solid var(--cobalt);border-radius:var(--r);background:#fff;color:var(--cobalt);font-size:18px;font-weight:600;letter-spacing:.01em}#m7BoundaryP25Root .back{display:inline-flex;align-items:center;justify-content:center;gap:8px}#m7BoundaryP25Root .back svg{width:24px;height:24px;flex:0 0 24px}
#m7BoundaryP25Root .support button{width:100%}
#m7BoundaryP25Root .main{position:fixed;top:var(--header-h);left:var(--sidebar-w);right:0;bottom:var(--dock-h);overflow:auto;background:#fff}
#m7BoundaryP25Root .content{width:min(760px,calc(100% - 160px));margin:0 auto;padding:60px 0}
#m7BoundaryP25Root .kicker{margin:0 0 4px;color:var(--secondary);font-size:14px;font-weight:500;line-height:160%;letter-spacing:.01em;text-transform:uppercase}
#m7BoundaryP25Root h1{margin:0 0 22px;font-size:20px;line-height:160%;font-weight:600;text-transform:uppercase}
#m7BoundaryP25Root .desc{margin:0 0 18px;color:var(--body);font-size:18px;line-height:160%;font-weight:500}
#m7BoundaryP25Root .otp{width:100%}
#m7BoundaryP25Root #m7OtpForm{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;width:100%}
#m7BoundaryP25Root .otp input{min-width:0;width:100%;height:54px;border:1px solid var(--border);border-radius:8px;background:#fff;text-align:center;color:var(--ink);font-size:18px;font-weight:500;outline:none}
#m7BoundaryP25Root .otp input:focus{border:1.5px solid var(--cobalt)}
#m7BoundaryP25Root .dock{position:fixed;left:var(--sidebar-w);right:0;bottom:0;height:var(--dock-h);border-top:.5px solid var(--border);background:#fff;padding:20px 80px 40px;display:grid;grid-template-columns:205px 1fr;gap:40px;align-items:end}
#m7BoundaryP25Root .back{width:205px}#m7BoundaryP25Root .primary{justify-self:end;width:410px;height:52px;border:0;border-radius:8px;background:var(--cobalt);color:#fff;font-size:18px;font-weight:600;letter-spacing:.01em}
#m7BoundaryP25Root .mobile-back{display:none}
#m7BoundaryP25Root .save{display:block;height:45px;padding:8px;border:0;border-radius:var(--r);background:transparent;color:var(--cobalt);font-size:18px;font-weight:600;line-height:160%;letter-spacing:.01em;cursor:pointer}
@media(hover:hover) and (pointer:fine){#m7BoundaryP25Root .support button:hover, #m7BoundaryP25Root .back:hover, #m7BoundaryP25Root .save:hover{background:var(--alice)}#m7BoundaryP25Root .primary:hover{background:var(--cornflower)}}
@media(max-width:767px){
 #m7BoundaryP25Root{--header-h:104px;--dock-h:112px}
 #m7BoundaryP25Root .header{height:var(--header-h);padding:60px 16px 0;display:flex;align-items:flex-start;justify-content:space-between}
 #m7BoundaryP25Root .desktop-logo{display:none}
 #m7BoundaryP25Root .mobile-back{display:inline-flex;width:40px;height:40px;margin:-4px 0 0 -8px;padding:8px;border:0;background:transparent;color:var(--cobalt)}
 #m7BoundaryP25Root .mobile-back svg{width:24px;height:24px}#m7BoundaryP25Root .save{display:block;height:40px;margin-top:-4px;padding:4px 0;border:0;background:transparent;color:var(--cobalt);font-size:16px;font-weight:600;line-height:160%;letter-spacing:.01em}
 #m7BoundaryP25Root .progress{left:0}#m7BoundaryP25Root .sidebar{display:none}#m7BoundaryP25Root .main{left:0;top:var(--header-h);bottom:var(--dock-h)}
 #m7BoundaryP25Root .content{width:100%;padding:42px 16px}
 #m7BoundaryP25Root .kicker{font-size:12px}#m7BoundaryP25Root .content h1{font-size:20px;margin-bottom:44px}#m7BoundaryP25Root .desc{font-size:16px;line-height:160%;margin-bottom:18px}
 #m7BoundaryP25Root #m7OtpForm{gap:8px}#m7BoundaryP25Root .otp input{min-width:0;width:100%;height:48px;font-size:20px}
 #m7BoundaryP25Root .dock{left:0;height:var(--dock-h);padding:16px 32px 32px;display:block}#m7BoundaryP25Root .back{display:none}#m7BoundaryP25Root .primary{width:100%;height:48px;font-size:16px}
}



/* p26-claim-filed */
#m7ClaimFiledScreen main[data-page="p26-claim-filed"]{
      --white: #FFFFFF;
      --ink: #0D1333;
      --body: #434965;
      --cobalt: #172EA1;
      --alice-blue: #EDF0FC;
      --radius: 8px;
    }

    #m7ClaimFiledScreen main[data-page="p26-claim-filed"] *{ box-sizing: border-box; }

    #m7ClaimFiledScreen main[data-page="p26-claim-filed"], #m7ClaimFiledScreen main[data-page="p26-claim-filed"]{
      margin: 0;
      min-height: 100%;
      font-family: "Inter", sans-serif;
      background: var(--white);
      color: var(--ink);
      -webkit-font-smoothing: antialiased;
      text-rendering: geometricPrecision;
    }

    #m7ClaimFiledScreen main[data-page="p26-claim-filed"]{
      min-width: 320px;
    }

    #m7ClaimFiledScreen main[data-page="p26-claim-filed"] button{
      font: inherit;
    }



    #m7ClaimFiledScreen main[data-page="p26-claim-filed"] .success-wrap{
      width: 584px;
      max-width: calc(100% - 48px);
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      transform: translateY(-8px);
    }

    #m7ClaimFiledScreen main[data-page="p26-claim-filed"] .lottie-wrap{
      width: 200px;
      height: 200px;
      margin-bottom: 12px;
      flex: 0 0 200px;
    }

    #m7ClaimFiledScreen main[data-page="p26-claim-filed"] #success-lottie{
      width: 100%;
      height: 100%;
    }

    #m7ClaimFiledScreen main[data-page="p26-claim-filed"] .title{
      margin: 0 0 16px;
      color: var(--ink);
      font-weight: 600;
      font-size: 28px;
      line-height: 160%;
    }

    #m7ClaimFiledScreen main[data-page="p26-claim-filed"] .body-copy{
      margin: 0;
      color: var(--body);
      font-weight: 500;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.005em;
    }

    #m7ClaimFiledScreen main[data-page="p26-claim-filed"] .body-copy + .body-copy{
      margin-top: 24px;
    }

    #m7ClaimFiledScreen main[data-page="p26-claim-filed"] .cta{
      width: 100%;
      height: 52px;
      margin-top: 28px;
      border: 1px solid var(--cobalt);
      border-radius: var(--radius);
      background: var(--white);
      color: var(--cobalt);
      font-weight: 600;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.01em;
      cursor: pointer;
      transition: background-color 140ms ease;
    }

    #m7ClaimFiledScreen main[data-page="p26-claim-filed"] .close-button{
      display: none;
    }

    @media (min-width: 768px) {
      #m7ClaimFiledScreen main[data-page="p26-claim-filed"] {
        position: relative;
        width: 100%;
        min-height: 100dvh;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--white);
      }
    }

    @media (hover:hover) and (pointer:fine) {
      #m7ClaimFiledScreen main[data-page="p26-claim-filed"] .cta:hover{
        background: var(--alice-blue);
      }
    }

    @media (max-width: 767px) {


      #m7ClaimFiledScreen main[data-page="p26-claim-filed"] .close-button{
        position: absolute;
        top: 60px;
        right: 16px;
        width: 40px;
        height: 40px;
        padding: 8px;
        border: 0;
        border-radius: var(--radius);
        background: transparent;
        color: var(--cobalt);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
      }

      #m7ClaimFiledScreen main[data-page="p26-claim-filed"] .close-button svg{
        width: 24px;
        height: 24px;
        display: block;
      }

      #m7ClaimFiledScreen main[data-page="p26-claim-filed"] .success-wrap{
        width: 100%;
        max-width: none;
        transform: none;
        padding-top: 192px;
      }

      #m7ClaimFiledScreen main[data-page="p26-claim-filed"] .lottie-wrap{
        width: 120px;
        height: 120px;
        flex-basis: 120px;
        margin-bottom: 22px;
      }

      #m7ClaimFiledScreen main[data-page="p26-claim-filed"] .title{
        margin-bottom: 20px;
        font-weight: 600;
        font-size: 20px;
        line-height: 160%;
      }

      #m7ClaimFiledScreen main[data-page="p26-claim-filed"] .body-copy{
        font-weight: 500;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: 0.005em;
      }

      #m7ClaimFiledScreen main[data-page="p26-claim-filed"] .body-copy + .body-copy{
        margin-top: 28px;
      }

      #m7ClaimFiledScreen main[data-page="p26-claim-filed"] .cta{
        width: 100%;
        height: 48px;
        margin-top: 28px;
        font-weight: 600;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: 0.01em;
      }

      @media (hover:none) {
        #m7ClaimFiledScreen main[data-page="p26-claim-filed"] .cta:hover{
          background: var(--white);
        }

        #m7ClaimFiledScreen main[data-page="p26-claim-filed"] .cta:active{
          background: var(--alice-blue);
        }
      }
    }



/* p27-claim-details */
#m7TrackingScreen main[data-page="p27-claim-details"]{--white:#fff;--ink:#0D1333;--body:#434965;--secondary:#53576C;--cobalt:#172EA1;--azure:#E9FBF9;--border:#CBCEDC;--error:#C73838;--error-bg:#F9EBEB;--green:#15966D;--gold:#B58A17;--muted:#A1A1AA;--r:8px}
#m7TrackingScreen main[data-page="p27-claim-details"] *{box-sizing:border-box}#m7TrackingScreen main[data-page="p27-claim-details"], #m7TrackingScreen main[data-page="p27-claim-details"]{margin:0;min-height:100%;font-family:Inter,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
#m7TrackingScreen main[data-page="p27-claim-details"] button{font:inherit}
#m7TrackingScreen main[data-page="p27-claim-details"] .grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(320px,1fr);gap:36px;height:calc(100vh - 198px)}
#m7TrackingScreen main[data-page="p27-claim-details"] .left{overflow-y:auto;overflow-x:hidden;padding-right:8px}
#m7TrackingScreen main[data-page="p27-claim-details"] .right{position:sticky;top:0;align-self:start;height:max-content}
#m7TrackingScreen main[data-page="p27-claim-details"] .summary{grid-column:1;background:var(--azure);border-radius:16px;min-height:108px;padding:20px;display:flex;justify-content:space-between;align-items:flex-start}
#m7TrackingScreen main[data-page="p27-claim-details"] .summary .type{margin:0 0 4px;color:var(--secondary);font-size:18px;font-weight:600;line-height:160%;text-transform:uppercase}#m7TrackingScreen main[data-page="p27-claim-details"] .amount{margin:0;font-size:28px;font-weight:600;line-height:160%}#m7TrackingScreen main[data-page="p27-claim-details"] .id{font-size:16px;font-weight:500}
#m7TrackingScreen main[data-page="p27-claim-details"] .panel{border:.5px solid var(--border);border-radius:16px;background:#fff;padding:20px;margin-top:36px}#m7TrackingScreen main[data-page="p27-claim-details"] .panel h2, #m7TrackingScreen main[data-page="p27-claim-details"] .status h2{margin:0 0 18px;font-size:16px;font-weight:600;line-height:160%;text-transform:uppercase}
#m7TrackingScreen main[data-page="p27-claim-details"] .row{display:grid;grid-template-columns:1fr 1.35fr;gap:24px;align-items:center;padding:16px 0;border-bottom:.5px solid var(--border)}#m7TrackingScreen main[data-page="p27-claim-details"] .row:last-child{border-bottom:0;padding-bottom:0}
#m7TrackingScreen main[data-page="p27-claim-details"] .label{font-size:14px;font-weight:500;line-height:160%;letter-spacing:.01em;text-transform:uppercase;color:var(--secondary)}#m7TrackingScreen main[data-page="p27-claim-details"] .value{text-align:right;font-size:18px;font-weight:500;line-height:160%;overflow-wrap:anywhere}#m7TrackingScreen main[data-page="p27-claim-details"] .pill{justify-self:end;background:var(--error-bg);color:var(--error);padding:3px 12px;border-radius:4px;font-size:16px;font-weight:600;text-transform:uppercase}
#m7TrackingScreen main[data-page="p27-claim-details"] .right{}#m7TrackingScreen main[data-page="p27-claim-details"] .status{border:.5px solid var(--border);border-radius:16px;padding:20px;background:#fff}#m7TrackingScreen main[data-page="p27-claim-details"] .timeline{position:relative}#m7TrackingScreen main[data-page="p27-claim-details"] .timeline:before{content:"";position:absolute;left:10px;top:14px;bottom:16px;width:1px;background:var(--border)}
#m7TrackingScreen main[data-page="p27-claim-details"] .item{display:grid;grid-template-columns:24px 1fr;gap:12px;position:relative;margin-bottom:20px}#m7TrackingScreen main[data-page="p27-claim-details"] .item:last-child{margin-bottom:0}#m7TrackingScreen main[data-page="p27-claim-details"] .dot{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:11px;z-index:1;margin-top:1px;background:#E8E9ED}
#m7TrackingScreen main[data-page="p27-claim-details"] .dot .check-svg{width:15px;height:15px;display:block}
#m7TrackingScreen main[data-page="p27-claim-details"] .dot .hourglass-svg{width:12px;height:12px;display:block}
#m7TrackingScreen main[data-page="p27-claim-details"] .item.done .dot{background:var(--green)}#m7TrackingScreen main[data-page="p27-claim-details"] .item.current .dot{background:var(--gold)}
#m7TrackingScreen main[data-page="p27-claim-details"] .item-title{font-size:18px;font-weight:500;line-height:150%}#m7TrackingScreen main[data-page="p27-claim-details"] .item-date{margin-top:2px;font-size:14px;color:var(--body);font-weight:500;line-height:160%;text-transform:uppercase}#m7TrackingScreen main[data-page="p27-claim-details"] .item.future .item-title{color:var(--muted)}#m7TrackingScreen main[data-page="p27-claim-details"] .item.future .item-date{color:var(--body)}
#m7TrackingScreen main[data-page="p27-claim-details"] .actions{margin-top:36px;display:flex;flex-direction:column;gap:18px}#m7TrackingScreen main[data-page="p27-claim-details"] .action{height:52px;border:1px solid var(--cobalt);border-radius:8px;background:#fff;color:var(--cobalt);font-size:18px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}
#m7TrackingScreen main[data-page="p27-claim-details"] .support-svg{width:24px;height:24px;flex:0 0 24px}#m7TrackingScreen main[data-page="p27-claim-details"] .top-mobile{display:none}
@media(hover:hover) and (pointer:fine){#m7TrackingScreen main[data-page="p27-claim-details"] .action:hover{background:#EDF0FC}}
@media(max-width:767px){

 #m7TrackingScreen main[data-page="p27-claim-details"] .grid{display:grid;height:auto;grid-template-columns:1fr;grid-template-areas:"left-summary" "right-status" "left-details"}
 #m7TrackingScreen main[data-page="p27-claim-details"] .left{display:contents}
 #m7TrackingScreen main[data-page="p27-claim-details"] .left .summary{grid-area:left-summary}
 #m7TrackingScreen main[data-page="p27-claim-details"] .right{grid-area:right-status;position:static;height:auto}
 #m7TrackingScreen main[data-page="p27-claim-details"] .left .panel{grid-area:left-details}
 #m7TrackingScreen main[data-page="p27-claim-details"] .left .panel + .panel{grid-area:auto}
 #m7TrackingScreen main[data-page="p27-claim-details"] .page{padding-left:16px;padding-right:16px}
 #m7TrackingScreen main[data-page="p27-claim-details"] .left{overflow:visible;padding-right:0}#m7TrackingScreen main[data-page="p27-claim-details"] .top-mobile{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}#m7TrackingScreen main[data-page="p27-claim-details"] .top-mobile button{border:0;background:transparent;color:var(--cobalt);font-size:16px;font-weight:600;display:inline-flex;align-items:center;gap:8px;padding:0}
 #m7TrackingScreen main[data-page="p27-claim-details"] .summary{min-height:0;padding:12px 16px 10px;border-radius:8px;align-items:flex-start}#m7TrackingScreen main[data-page="p27-claim-details"] .summary .type{font-size:14px;font-weight:500;margin-bottom:2px}#m7TrackingScreen main[data-page="p27-claim-details"] .amount{font-size:20px;line-height:150%}#m7TrackingScreen main[data-page="p27-claim-details"] .id{font-size:16px;line-height:150%}
 #m7TrackingScreen main[data-page="p27-claim-details"] .right{margin-top:28px;padding-top:28px;border-top:.5px solid var(--border)}#m7TrackingScreen main[data-page="p27-claim-details"] .status{border:0;border-radius:0;padding:0}#m7TrackingScreen main[data-page="p27-claim-details"] .status h2{color:var(--secondary);font-size:16px;font-weight:500;margin-bottom:22px}#m7TrackingScreen main[data-page="p27-claim-details"] .item{grid-template-columns:28px 1fr;gap:12px;margin-bottom:22px}#m7TrackingScreen main[data-page="p27-claim-details"] .timeline:before{left:10px}#m7TrackingScreen main[data-page="p27-claim-details"] .item-title{font-size:16px;font-weight:600}#m7TrackingScreen main[data-page="p27-claim-details"] .item.future .item-title{font-weight:500}#m7TrackingScreen main[data-page="p27-claim-details"] .item-date{font-size:14px}#m7TrackingScreen main[data-page="p27-claim-details"] .actions{margin-top:30px}#m7TrackingScreen main[data-page="p27-claim-details"] .action{height:48px;font-size:16px}#m7TrackingScreen main[data-page="p27-claim-details"] .actions .support{display:none}
 #m7TrackingScreen main[data-page="p27-claim-details"] .left .panel{margin-top:28px;padding:28px 0 0;border:0;border-top:.5px solid var(--border);border-radius:0}
 #m7TrackingScreen main[data-page="p27-claim-details"] .left .panel:nth-of-type(2){grid-row:3}
 #m7TrackingScreen main[data-page="p27-claim-details"] .left .panel:nth-of-type(3){grid-row:4}
 #m7TrackingScreen main[data-page="p27-claim-details"] .left .panel h2{display:flex;justify-content:space-between;color:var(--secondary);font-size:16px;font-weight:500;margin-bottom:22px}#m7TrackingScreen main[data-page="p27-claim-details"] .left .panel h2:after{content:"⌃";color:var(--cobalt);font-size:22px}
 #m7TrackingScreen main[data-page="p27-claim-details"] .row{display:block;padding:0;border:0;margin-bottom:20px}#m7TrackingScreen main[data-page="p27-claim-details"] .row:last-child{margin-bottom:0}#m7TrackingScreen main[data-page="p27-claim-details"] .label{margin-bottom:4px;font-size:14px}#m7TrackingScreen main[data-page="p27-claim-details"] .value{text-align:left;font-size:16px}#m7TrackingScreen main[data-page="p27-claim-details"] .pill{display:inline-block;font-size:14px;padding:3px 12px}
}




/* --- CMP-012 SPA integration (non-visual) --- */
#m5VerificationBoundaryScreen .cmp-boundary-hint:not(:empty),
#m5VerificationBoundaryScreen .field-error:not(:empty) {
  color: #c73838;
  font-size: 14px;
  margin: 8px 16px;
}
#m5VerificationBoundaryScreen .cmp-boundary-hint:empty,
#m5VerificationBoundaryScreen .field-error:empty {
  display: none;
}
#m7BoundaryP24Root[hidden],
#m7BoundaryP25Root[hidden] {
  display: none !important;
}
#m5VerificationBoundaryScreen .cmp-otp-meta:empty {
  display: none;
  margin: 0;
  padding: 0;
  border: 0;
  height: 0;
  overflow: hidden;
}
#m5VerificationBoundaryScreen #m7ResendOtpButton.cmp-otp-meta:not(:empty) {
  display: inline;
}
#m5VerificationBoundaryScreen .checklist-card {
  cursor: pointer;
  border: 0;
  background: transparent;
  text-align: left;
  width: 100%;
  font: inherit;
}
#m7ClaimFiledScreen .field-error:empty,
#m7TrackingScreen .field-error:empty {
  display: none;
}
#m7TrackingScreen #m7TrackingActionRequired[hidden] {
  display: none !important;
}
#m7DocumentsDrawerOverlay[hidden] {
  display: none !important;
}
#m7TrackingScreen .value .pill,
#m7TrackingScreen .value.m7-unclaimed-badge {
  display: inline-flex;
}


/* --- CMP-012 neutralize legacy m5/m7 boundary/success/tracking visuals --- */
#m5VerificationBoundaryScreen .m5-shell,
#m5VerificationBoundaryScreen .m7-otp-panel,
#m7ClaimFiledScreen .m7-success-shell,
#m7TrackingScreen .m7-tracking-shell,
#m7TrackingScreen .m7-tracking-mobile-head,
#m7TrackingScreen .m7-tracking-layout {
  display: none !important;
}

/* --- END CMP-012 P24–P27 scoped placeholder CSS --- */

/* CF-UI-001: keep the claim-flow header stable across dynamic document pages. */
#m5UploadMain > .app-header,
#m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] > .app-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 40;
  height: 68px;
  padding: 0 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  background: #fff;
  border-bottom: 0.5px solid #cbcedc;
}

@media (min-width: 768px) {
  #m5UploadMain > .app-header .mobile-back,
  #m5UploadMain > .app-header .mobile-support {
    display: none;
  }

  #m5UploadMain > .app-header .progress-line {
    position: absolute;
    left: var(--sidebar-w, 450px);
    right: 0;
    bottom: -1px;
    height: 3px;
  }
}

@media (max-width: 767px) {
  #m5UploadMain > .app-header,
  #m7BoundaryP24Root main[data-page="p24-upload-documents-sign"] > .app-header {
    display: flex;
    height: 104px;
    padding: 60px 16px 0;
    align-items: flex-start;
  }

  #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] {
    --dock-h: 120px;
  }

  #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .content-viewport {
    bottom: var(--dock-h);
  }

  #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .bottom-dock {
    width: 100%;
    max-width: 100vw;
    height: var(--dock-h);
    min-height: 0;
    max-height: 120px;
    padding: 6px 16px max(6px, env(safe-area-inset-bottom, 0px));
    box-sizing: border-box;
    overflow: hidden;
  }

  #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .dock-right {
    width: 100%;
    min-width: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .dock-note {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 28px;
    max-height: none;
    margin: 0;
    padding: 4px 8px;
    overflow: hidden;
    font-size: 12px;
    line-height: 1.2;
  }

  #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .dock-note svg {
    width: 14px;
    height: 14px;
    flex-basis: 14px;
    margin-top: 0;
  }

  #m5UploadMain[data-page="p22-upload-documents-submit-for-review"] .submit-button {
    flex: 0 0 44px;
    width: 100%;
    min-width: 0;
    height: 44px;
  }
}

@media (min-width: 768px) {
  #m5UploadScreen #m5UploadMain {
    --dock-h: 158px;
  }

  #m5UploadScreen #m5UploadMain .bottom-dock {
    height: auto;
    min-height: var(--dock-h);
  }
}