/* CODSHIPX_AI_R35_R1_SETUP_STATUS_POLISH */
.codi-side-status-bar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:10px!important;
  padding:14px!important;
  border-radius:18px!important;
}
.codi-conversation-progress{
  width:100%!important;
  min-width:0!important;
  padding:0 0 11px!important;
  border-bottom:1px solid rgba(150,225,35,.16)!important;
}
.codi-conversation-progress>div{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
}
.codi-conversation-progress>div>b{
  flex:0 0 auto!important;
  font-size:28px!important;
  line-height:1!important;
}
.codi-conversation-progress>small{
  display:block!important;
  margin-top:7px!important;
  white-space:normal!important;
  line-height:1.35!important;
}
.codi-conversation-context{
  width:100%!important;
  min-width:0!important;
  padding:11px 12px!important;
  border:1px solid rgba(157,227,31,.16)!important;
  border-radius:14px!important;
  background:rgba(8,29,35,.34)!important;
}
.codi-conversation-context span{
  display:block!important;
  margin-bottom:5px!important;
  font-size:10px!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.codi-conversation-context strong{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  font-size:14px!important;
  line-height:1.3!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  hyphens:none!important;
}
.codi-products-launch{
  width:100%!important;
  min-width:0!important;
  min-height:48px!important;
  border-radius:14px!important;
}
.codi-review-launch{
  width:100%!important;
  border-radius:15px!important;
}

/* =========================================================
   CODSHIPX_AI_R36_R3_REVIEW_PROCESSING_SUCCESS_POLISH
   ========================================================= */

/* Kill the visible center/grid seams specifically on final stages. */
.codi-mandatory-gate:has(.codi-r50-final-review) > .codi-mandatory-grid,
.codi-mandatory-gate:has(.codi-r50-final-review) > .codi-mandatory-stream,
.codi-mandatory-gate:has(.codi-r50-final-review) > .codi-mandatory-node,
.codi-mandatory-gate:has(.codi-r50-final-success) > .codi-mandatory-grid,
.codi-mandatory-gate:has(.codi-r50-final-success) > .codi-mandatory-stream,
.codi-mandatory-gate:has(.codi-r50-final-success) > .codi-mandatory-node{
    display:none!important;
    visibility:hidden!important;
}

/* ---------- Final Review ---------- */
.codi-r50-final-review{
    position:relative!important;
    width:min(1220px,calc(100vw - 72px))!important;
    max-height:calc(100vh - 178px)!important;
    margin:auto!important;
    overflow:hidden!important;

    background:
        radial-gradient(
            circle at 12% 0%,
            rgba(158,255,36,.085),
            transparent 30%
        ),
        radial-gradient(
            circle at 88% 100%,
            rgba(75,211,121,.045),
            transparent 34%
        ),
        rgba(1,11,7,.965)!important;

    border:1px solid rgba(158,255,36,.25)!important;
    border-radius:25px!important;

    box-shadow:
        0 32px 90px rgba(0,0,0,.42),
        inset 0 1px 0 rgba(255,255,255,.025)!important;
}

.codi-r50-final-review::before,
.codi-r50-final-review::after{
    display:none!important;
    content:none!important;
}

.codi-r50-final-review > header{
    display:grid!important;
    grid-template-columns:78px minmax(0,1fr)!important;
    align-items:center!important;
    gap:24px!important;

    padding:34px 40px 28px!important;

    background:transparent!important;
    border:0!important;
    border-bottom:1px solid rgba(158,255,36,.13)!important;
}

.codi-r50-review-logo{
    position:relative!important;
    width:78px!important;
    height:78px!important;
    min-width:78px!important;
    margin:0!important;
}

.codi-r50-review-logo .codi-mandatory-ring{
    display:none!important;
}

.codi-r50-review-logo-inner{
    position:relative!important;
    inset:auto!important;

    display:flex!important;
    width:78px!important;
    height:78px!important;
    align-items:center!important;
    justify-content:center!important;

    overflow:hidden!important;

    border-radius:22px!important;
    border:1px solid rgba(158,255,36,.28)!important;
    background:#071129!important;

    box-shadow:
        0 16px 36px rgba(0,0,0,.36),
        0 0 32px rgba(158,255,36,.055)!important;
}

.codi-r50-review-logo-inner img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
}

.codi-r50-final-review > header > span{
    min-width:0!important;
}

.codi-r50-final-review > header small{
    display:block!important;
    margin:0 0 8px!important;

    color:#9eff24!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:900!important;
    letter-spacing:.15em!important;
}

.codi-r50-final-review > header h1{
    margin:0!important;
    max-width:900px!important;

    color:#fff!important;

    font-size:clamp(34px,4.1vw,58px)!important;
    line-height:.98!important;
    letter-spacing:-.047em!important;
    font-weight:950!important;
}

.codi-r50-final-review > header p{
    margin:13px 0 0!important;
    max-width:890px!important;

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

    font-size:15px!important;
    line-height:1.55!important;
    font-weight:600!important;
}

.codi-r50-review-body{
    padding:22px 40px 110px!important;
    overflow:auto!important;

    background:transparent!important;

    scrollbar-width:thin!important;
    scrollbar-color:rgba(158,255,36,.46) transparent!important;
}

.codi-r50-review-body::-webkit-scrollbar{
    width:7px!important;
}

.codi-r50-review-body::-webkit-scrollbar-track{
    background:transparent!important;
}

.codi-r50-review-body::-webkit-scrollbar-thumb{
    background:rgba(158,255,36,.42)!important;
    border-radius:999px!important;
}

.codi-r50-review-body > section{
    margin:0!important;
    padding:24px 0 6px!important;

    background:transparent!important;
    border:0!important;
}

.codi-r50-review-heading{
    display:block!important;
    margin:0 0 10px!important;

    color:#9eff24!important;

    font-size:12px!important;
    font-weight:900!important;
    line-height:1.2!important;
    letter-spacing:.11em!important;
}

.codi-r50-review-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0 34px!important;

    background:transparent!important;
    border:0!important;
}

.codi-r50-review-grid article{
    min-height:92px!important;
    padding:20px 2px 18px!important;

    background:transparent!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
    border-radius:0!important;

    box-shadow:none!important;
}

.codi-r50-review-grid article small{
    display:block!important;
    margin-bottom:8px!important;

    color:#9eff24!important;

    font-size:11px!important;
    line-height:1.25!important;
    font-weight:850!important;
    text-transform:none!important;
}

.codi-r50-review-grid article strong{
    display:block!important;

    color:#fff!important;

    font-size:15px!important;
    line-height:1.55!important;
    font-weight:700!important;

    overflow-wrap:anywhere!important;
}

.codi-r50-review-products{
    background:transparent!important;
    border:0!important;
}

.codi-r50-review-products article{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:18px!important;

    min-height:66px!important;
    padding:14px 2px!important;

    background:transparent!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.09)!important;
    border-radius:0!important;

    box-shadow:none!important;
}

.codi-r50-review-products article strong{
    color:#fff!important;
}

.codi-r50-review-products article small{
    color:rgba(255,255,255,.48)!important;
}

.codi-r50-review-products article b{
    color:#9eff24!important;
}

.codi-r50-final-review > footer{
    background:
        linear-gradient(
            180deg,
            rgba(1,11,7,.82),
            rgba(1,11,7,.985)
        )!important;

    border-top:1px solid rgba(158,255,36,.14)!important;

    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
}

/* ---------- 30 second professional provisioning ---------- */
.codi-r50-provisioning{
    position:absolute!important;
    inset:0!important;
    z-index:100!important;

    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;

    padding:44px 40px!important;

    overflow:hidden!important;

    background:
        radial-gradient(
            circle at 50% 32%,
            rgba(158,255,36,.115),
            transparent 26%
        ),
        radial-gradient(
            circle at 50% 115%,
            rgba(0,155,93,.12),
            transparent 42%
        ),
        #010906!important;

    color:#fff!important;
}

.codi-r50-provisioning::before{
    content:""!important;

    position:absolute!important;
    width:520px!important;
    height:520px!important;

    border-radius:50%!important;

    background:
        radial-gradient(
            circle,
            rgba(158,255,36,.07),
            rgba(158,255,36,.018) 42%,
            transparent 68%
        )!important;

    animation:cx-r36-breathe 3.4s ease-in-out infinite!important;
}

.codi-r50-provisioning::after{
    content:""!important;

    position:absolute!important;
    left:0!important;
    bottom:0!important;

    width:0;
    height:3px!important;

    background:
        linear-gradient(
            90deg,
            #6ee51d,
            #b8ff4f
        )!important;

    box-shadow:0 0 22px rgba(158,255,36,.65)!important;

    animation:cx-r36-provision-progress 30s linear forwards!important;
}

.codi-r50-provisioning-spinner{
    position:relative!important;
    z-index:2!important;

    width:92px!important;
    height:92px!important;
    margin:0 0 25px!important;

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

    background:
        url("/brand/codshipx-ai-icon.jpeg")
        center/cover no-repeat!important;

    box-shadow:
        0 22px 50px rgba(0,0,0,.46),
        0 0 46px rgba(158,255,36,.09)!important;

    animation:cx-r36-logo-float 3s ease-in-out infinite!important;
}

.codi-r50-provisioning-spinner::before,
.codi-r50-provisioning-spinner::after{
    content:""!important;

    position:absolute!important;
    inset:-13px!important;

    border-radius:35px!important;
    border:1px solid rgba(158,255,36,.28)!important;

    animation:cx-r36-orbit 4.2s linear infinite!important;
}

.codi-r50-provisioning-spinner::after{
    inset:-24px!important;

    border-color:rgba(158,255,36,.10)!important;

    animation-duration:6.7s!important;
    animation-direction:reverse!important;
}

.codi-r50-provisioning h1{
    position:relative!important;
    z-index:2!important;

    margin:0!important;

    color:#fff!important;

    font-size:clamp(34px,4vw,55px)!important;
    line-height:1!important;
    letter-spacing:-.04em!important;
    font-weight:950!important;
}

.codi-r50-provisioning > p{
    position:relative!important;
    z-index:2!important;

    max-width:690px!important;
    margin:13px auto 28px!important;

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

    text-align:center!important;
    font-size:14px!important;
    line-height:1.55!important;
    font-weight:600!important;
}

.codi-r50-provisioning-stages{
    position:relative!important;
    z-index:2!important;

    display:grid!important;
    width:min(700px,92%)!important;
    gap:5px!important;

    padding:0!important;

    background:transparent!important;
    border:0!important;
}

.codi-r50-provisioning-stages span{
    position:relative!important;

    display:block!important;

    min-height:34px!important;
    padding:8px 8px 8px 31px!important;

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

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

    font-size:13px!important;
    line-height:1.4!important;
    font-weight:700!important;

    box-shadow:none!important;

    animation:
        cx-r36-stage-focus
        5s ease
        both!important;
}

.codi-r50-provisioning-stages span::before{
    content:""!important;

    position:absolute!important;
    left:7px!important;
    top:50%!important;

    width:7px!important;
    height:7px!important;

    transform:translateY(-50%)!important;

    border-radius:50%!important;

    background:#9eff24!important;

    box-shadow:0 0 15px rgba(158,255,36,.55)!important;
}

.codi-r50-provisioning-stages span:nth-child(1){
    animation-delay:0s!important;
}

.codi-r50-provisioning-stages span:nth-child(2){
    animation-delay:5s!important;
}

.codi-r50-provisioning-stages span:nth-child(3){
    animation-delay:10s!important;
}

.codi-r50-provisioning-stages span:nth-child(4){
    animation-delay:15s!important;
}

.codi-r50-provisioning-stages span:nth-child(5){
    animation-delay:20s!important;
}

.codi-r50-provisioning-stages span:nth-child(6){
    animation-delay:25s!important;
}

/* ---------- Success: no blue boxes ---------- */
.codi-r50-final-success{
    width:min(920px,calc(100vw - 72px))!important;
    margin:auto!important;
    padding:52px 54px!important;

    color:#fff!important;
    text-align:center!important;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(158,255,36,.105),
            transparent 32%
        ),
        rgba(1,11,7,.97)!important;

    border:1px solid rgba(158,255,36,.22)!important;
    border-radius:26px!important;

    box-shadow:
        0 32px 95px rgba(0,0,0,.44)!important;
}

.codi-r50-final-success h1,
.codi-r50-final-success h2,
.codi-r50-final-success p,
.codi-r50-final-success strong,
.codi-r50-final-success span,
.codi-r50-final-success small{
    color:#fff!important;
}

.codi-r50-final-success > p{
    color:rgba(255,255,255,.67)!important;
}

.codi-success-core{
    margin:0 auto 22px!important;
}

.codi-success-checks{
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    gap:10px 24px!important;

    margin:28px auto!important;
    padding:20px 0!important;

    background:transparent!important;
    border:0!important;
    border-top:1px solid rgba(255,255,255,.10)!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;

    box-shadow:none!important;
}

.codi-success-checks span{
    width:auto!important;
    min-height:0!important;
    padding:5px 0!important;

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

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

    box-shadow:none!important;
}

.codi-success-checks span b{
    margin-right:6px!important;
    color:#9eff24!important;
}

.codi-upsell-final{
    margin-top:22px!important;
    padding:22px 0 0!important;

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

    box-shadow:none!important;
}

.codi-upsell-final::before,
.codi-upsell-final::after{
    display:none!important;
    content:none!important;
}

.codi-upsell-kicker,
.codi-success-status{
    color:#9eff24!important;
}

.codi-upsell-final p{
    color:rgba(255,255,255,.64)!important;
}

@keyframes cx-r36-provision-progress{
    from{width:0}
    to{width:100%}
}

@keyframes cx-r36-breathe{
    0%,100%{
        transform:scale(.92);
        opacity:.55;
    }
    50%{
        transform:scale(1.08);
        opacity:1;
    }
}

@keyframes cx-r36-logo-float{
    0%,100%{
        transform:translateY(0);
    }
    50%{
        transform:translateY(-7px);
    }
}

@keyframes cx-r36-orbit{
    to{
        transform:rotate(360deg);
    }
}

@keyframes cx-r36-stage-focus{
    0%{
        color:rgba(255,255,255,.30);
        transform:translateX(0);
    }
    14%,
    78%{
        color:#fff;
        transform:translateX(6px);
    }
    100%{
        color:rgba(255,255,255,.55);
        transform:translateX(0);
    }
}

@media (max-width:760px){
    .codi-r50-final-review{
        width:calc(100vw - 24px)!important;
        max-height:calc(100vh - 130px)!important;
        border-radius:20px!important;
    }

    .codi-r50-final-review > header{
        grid-template-columns:58px minmax(0,1fr)!important;
        gap:15px!important;
        padding:23px 20px!important;
    }

    .codi-r50-review-logo,
    .codi-r50-review-logo-inner{
        width:58px!important;
        height:58px!important;
        min-width:58px!important;
        border-radius:17px!important;
    }

    .codi-r50-final-review > header h1{
        font-size:30px!important;
    }

    .codi-r50-review-body{
        padding:12px 20px 108px!important;
    }

    .codi-r50-review-grid{
        grid-template-columns:1fr!important;
    }

    .codi-r50-provisioning{
        padding:28px 22px!important;
    }

    .codi-r50-provisioning h1{
        font-size:34px!important;
        text-align:center!important;
    }

    .codi-r50-provisioning-stages{
        width:100%!important;
    }

    .codi-r50-final-success{
        width:calc(100vw - 24px)!important;
        padding:36px 22px!important;
    }
}

/* =========================================================
   CODSHIPX_AI_R36_R5_R2_PROGRESS_BAR_FINAL
   Percentage value remains server-authoritative.
   ========================================================= */

.codi-conversation-progress > i {
    display: block !important;
    position: relative !important;

    width: 100% !important;
    height: 8px !important;

    margin: 11px 0 9px !important;

    overflow: hidden !important;

    border: 1px solid rgba(158,255,36,.18) !important;
    border-radius: 999px !important;

    background: rgba(255,255,255,.11) !important;

    box-sizing: border-box !important;

    box-shadow:
        inset 0 1px 3px rgba(0,0,0,.32) !important;
}

.codi-conversation-progress > i > b {
    display: block !important;

    height: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

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

    background:
        linear-gradient(
            90deg,
            #83df15 0%,
            #a8f21f 58%,
            #c4ff52 100%
        ) !important;

    box-shadow:
        0 0 8px rgba(168,242,31,.85),
        0 0 18px rgba(168,242,31,.38) !important;

    transition:
        width .45s cubic-bezier(.22,.8,.2,1) !important;
}

/* Do not fake progress at 0%. */
.codi-conversation-progress > i > b[style*="width: 0%"],
.codi-conversation-progress > i > b[style*="width:0%"] {
    min-width: 0 !important;
}

/* Make percentage easier to visually compare with the fill. */
.codi-conversation-progress > div > b {
    color: #baff3f !important;
    font-size: 11px !important;
    font-weight: 900 !important;
}

/* =========================================================
   CODSHIPX_AI_R36_R6_R2_R2_CURRENT_FOCUS_UI
   ========================================================= */

.codi-side-status-bar{
    grid-template-columns:
        minmax(108px,1.2fr)
        minmax(82px,.95fr)
        minmax(72px,.8fr)!important;
}

.codi-conversation-context{
    min-width:0!important;
    padding-left:7px!important;
    padding-right:7px!important;
    overflow:visible!important;
}

.codi-conversation-context span{
    white-space:nowrap!important;
}

.codi-conversation-context strong{
    display:block!important;

    width:100%!important;
    min-width:0!important;

    font-size:11px!important;
    line-height:1.25!important;
    letter-spacing:-.015em!important;

    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
}

/* =========================================================
   CODSHIPX_AI_R36_R9_R2_CURRENT_FOCUS_FINAL
   Keep Current Focus readable without ugly label wrapping.
   ========================================================= */

.codi-side-status-bar{
    grid-template-columns:
        minmax(94px,1.05fr)
        minmax(118px,1.15fr)
        minmax(62px,.62fr)!important;

    column-gap:8px!important;
}

.codi-conversation-context{
    min-width:118px!important;

    padding-left:9px!important;
    padding-right:9px!important;

    overflow:hidden!important;
}

.codi-conversation-context span{
    display:block!important;

    margin-bottom:6px!important;

    white-space:nowrap!important;

    font-size:9px!important;
    line-height:1.15!important;

    letter-spacing:.055em!important;
}

.codi-conversation-context strong{
    display:block!important;

    width:100%!important;
    min-width:0!important;
    max-width:100%!important;

    white-space:nowrap!important;

    word-break:keep-all!important;
    overflow-wrap:normal!important;
    hyphens:none!important;

    overflow:hidden!important;
    text-overflow:clip!important;

    font-size:10.5px!important;
    line-height:1.2!important;
    letter-spacing:-.02em!important;
}


/* CODSHIPX_AI_R36_R10_R4_STATUS_CARD_TEXT_CUT_FIX */
@media (min-width: 0px) {
  /* give the mini status card a little more usable height */
  [class*="setup-status"] [class*="card"],
  [class*="setup-status"] [class*="panel"],
  [class*="setup-status"] [class*="summary"] {
    min-height: 176px !important;
  }

  /* make internal status columns less cramped */
  [class*="setup-status"] [class*="grid"],
  [class*="setup-status"] [class*="stats"],
  [class*="setup-status"] [class*="meta"] {
    align-items: stretch !important;
  }

  [class*="setup-status"] * {
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  /* current focus column/value */
  [class*="setup-status"] [class*="focus"],
  [class*="setup-status"] [class*="current"] {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  [class*="setup-status"] [class*="focus"] strong,
  [class*="setup-status"] [class*="focus"] b,
  [class*="setup-status"] [class*="current"] strong,
  [class*="setup-status"] [class*="current"] b,
  [class*="setup-status"] [class*="focus-value"],
  [class*="setup-status"] [class*="current-step"],
  [class*="setup-status"] [class*="current-stage"] {
    display: block !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    line-height: 1.16 !important;
    max-width: none !important;
  }

  /* progress caption under the bar */
  [class*="setup-status"] [class*="progress"] small,
  [class*="setup-status"] [class*="progress"] span,
  [class*="setup-status"] [class*="stage"] small,
  [class*="setup-status"] [class*="stage"] span,
  [class*="setup-status"] [class*="steps"] small,
  [class*="setup-status"] [class*="steps"] span {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    line-height: 1.18 !important;
    max-width: none !important;
  }

  /* specifically help the bottom progress caption fit */
  [class*="setup-status"] [class*="progress"] {
    padding-bottom: 8px !important;
  }

  [class*="setup-status"] [class*="progress"] small,
  [class*="setup-status"] [class*="progress"] span {
    font-size: 11px !important;
  }

  [class*="setup-status"] [class*="track"] {
    width: 100% !important;
    max-width: none !important;
  }
}


/* =========================================================
   CODSHIPX_AI_R36_R10_R4_R1_STATUS_CARD_EXACT_UI
   Exact fix:
   - Current Focus header/value must never clip
   - setup stages caption must remain fully visible
   - status card must grow instead of cutting bottom content
   ========================================================= */

.codi-side-status-bar{
    height:auto!important;
    min-height:176px!important;

    overflow:visible!important;

    align-items:stretch!important;

    grid-template-columns:
        minmax(104px,1.08fr)
        minmax(105px,1fr)
        minmax(72px,.72fr)!important;

    column-gap:0!important;

    padding-bottom:10px!important;

    box-sizing:border-box!important;
}

/* ---------- Setup Progress ---------- */

.codi-conversation-progress{
    min-width:0!important;
    height:auto!important;
    min-height:156px!important;

    overflow:visible!important;

    padding:
        12px 10px
        14px 12px!important;

    box-sizing:border-box!important;
}

.codi-conversation-progress > div{
    width:100%!important;
    min-width:0!important;
}

.codi-conversation-progress > i{
    width:100%!important;
    max-width:100%!important;
}

.codi-conversation-progress > small{
    display:block!important;

    width:100%!important;
    max-width:100%!important;

    margin-top:10px!important;

    padding:0!important;

    overflow:visible!important;

    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;

    font-size:9.5px!important;
    line-height:1.28!important;

    box-sizing:border-box!important;
}

/* ---------- Current Focus ---------- */

.codi-conversation-context{
    min-width:0!important;
    height:auto!important;
    min-height:156px!important;

    overflow:visible!important;

    padding:
        12px 8px
        12px 10px!important;

    box-sizing:border-box!important;
}

.codi-conversation-context span{
    display:block!important;

    width:100%!important;

    margin:0 0 12px!important;

    overflow:visible!important;

    white-space:nowrap!important;

    font-size:8.5px!important;
    line-height:1!important;
    letter-spacing:.045em!important;

    text-overflow:clip!important;
}

.codi-conversation-context strong{
    display:block!important;

    width:100%!important;
    max-width:100%!important;
    min-width:0!important;

    overflow:visible!important;

    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;

    text-overflow:clip!important;

    font-size:11px!important;
    line-height:1.25!important;
    letter-spacing:-.015em!important;
}

/* Business Basics can use two clean lines,
   but neither line may be clipped. */
.codi-conversation-context strong br{
    display:initial!important;
}

/* ---------- Products column ---------- */

.codi-products-launch{
    min-width:0!important;
    height:auto!important;

    overflow:visible!important;

    box-sizing:border-box!important;
}

/* Do not allow descendants to force the card to clip. */
.codi-side-status-bar > *{
    min-width:0!important;
    overflow:visible!important;
}

/* protect the full bottom edge of the card */
.codi-side-status-bar::after{
    content:""!important;
    display:block!important;
    min-height:1px!important;
}

/* =========================================================
   CODSHIPX_AI_R36_R12_MOBILE_STATUS_CARD_RESPONSIVE
   MOBILE ONLY
   ========================================================= */

@media (max-width: 720px){

  /*
   * Replace desktop 3-column status bar on mobile.
   *
   * Row 1:
   * Setup Progress | Products
   *
   * Row 2:
   * Current Focus full width
   */

  .codi-side-status-bar{
    display:grid!important;

    grid-template-columns:
      minmax(0,1fr)
      minmax(92px,.72fr)!important;

    grid-template-areas:
      "progress products"
      "focus focus"!important;

    width:100%!important;
    max-width:100%!important;

    height:auto!important;
    min-height:0!important;

    padding:0!important;
    margin:0!important;

    gap:0!important;

    overflow:hidden!important;

    align-items:stretch!important;

    box-sizing:border-box!important;
  }


  /* ==========================
     SETUP PROGRESS
     ========================== */

  .codi-conversation-progress{
    grid-area:progress!important;

    width:100%!important;
    min-width:0!important;

    height:auto!important;
    min-height:132px!important;

    padding:
      14px 14px
      15px!important;

    overflow:visible!important;

    box-sizing:border-box!important;
  }

  .codi-conversation-progress > div{
    width:100%!important;
    min-width:0!important;
  }

  .codi-conversation-progress > div > span{
    display:block!important;

    white-space:nowrap!important;

    font-size:8px!important;
    line-height:1.15!important;

    letter-spacing:.055em!important;
  }

  .codi-conversation-progress > div > b{
    display:block!important;

    margin-top:8px!important;

    font-size:27px!important;
    line-height:1!important;
  }

  .codi-conversation-progress > i{
    display:block!important;

    width:100%!important;
    max-width:100%!important;

    margin-top:17px!important;
  }

  .codi-conversation-progress > small{
    display:block!important;

    width:100%!important;
    max-width:100%!important;

    margin-top:14px!important;
    margin-bottom:0!important;

    padding:0!important;

    font-size:8.5px!important;
    line-height:1.28!important;

    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;

    overflow:visible!important;

    box-sizing:border-box!important;
  }


  /* ==========================
     PRODUCTS
     ========================== */

  .codi-products-launch{
    grid-area:products!important;

    width:100%!important;
    min-width:0!important;
    max-width:100%!important;

    height:auto!important;
    min-height:132px!important;

    padding:
      12px 8px!important;

    overflow:hidden!important;

    border-left:
      1px solid rgba(255,255,255,.12)!important;

    box-sizing:border-box!important;
  }

  .codi-products-launch > span{
    width:100%!important;
    min-width:0!important;
  }

  .codi-products-launch strong{
    max-width:100%!important;

    font-size:9px!important;
    line-height:1.2!important;

    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }

  .codi-products-launch small{
    display:none!important;
  }


  /* ==========================
     CURRENT FOCUS
     ========================== */

  .codi-conversation-context{
    grid-area:focus!important;

    display:grid!important;

    grid-template-columns:
      auto
      minmax(0,1fr)
      auto!important;

    align-items:center!important;

    width:100%!important;
    min-width:0!important;
    max-width:100%!important;

    min-height:64px!important;
    height:auto!important;

    padding:
      11px 14px!important;

    border-top:
      1px solid rgba(255,255,255,.12)!important;

    border-left:0!important;
    border-right:0!important;

    overflow:hidden!important;

    box-sizing:border-box!important;
  }

  .codi-conversation-context span{
    display:block!important;

    width:auto!important;

    margin:0 12px 0 0!important;

    font-size:8px!important;
    line-height:1!important;

    letter-spacing:.055em!important;

    white-space:nowrap!important;

    overflow:visible!important;
  }

  .codi-conversation-context strong{
    display:block!important;

    width:auto!important;
    min-width:0!important;
    max-width:100%!important;

    margin:0!important;

    font-size:11px!important;
    line-height:1.2!important;

    white-space:nowrap!important;

    overflow:hidden!important;
    text-overflow:ellipsis!important;

    word-break:normal!important;
    overflow-wrap:normal!important;
  }


  /*
   * Desktop patches previously used fixed minimum
   * heights. Reset descendants on mobile so nothing
   * can force content below the card boundary.
   */

  .codi-side-status-bar > *{
    box-sizing:border-box!important;
  }

}


/* extra-small phones */

@media (max-width: 390px){

  .codi-side-status-bar{
    grid-template-columns:
      minmax(0,1fr)
      82px!important;
  }

  .codi-conversation-progress{
    padding:
      13px 11px
      14px!important;
  }

  .codi-conversation-context{
    padding:
      11px!important;
  }

  .codi-conversation-context span{
    font-size:7.5px!important;
    margin-right:9px!important;
  }

  .codi-conversation-context strong{
    font-size:10.5px!important;
  }

  .codi-products-launch{
    padding-left:6px!important;
    padding-right:6px!important;
  }

}


/* =========================================================
   CODSHIPX_AI_R36_R16_PROGRESS_STATUS_CLARITY
   STATUS CARD VISUAL FIT ONLY
   ========================================================= */

@media (min-width:721px){

  .codi-side-status-bar{
    height:auto!important;
    min-height:184px!important;
    overflow:visible!important;
  }

  .codi-conversation-progress{
    height:auto!important;
    min-height:164px!important;

    padding-bottom:17px!important;

    overflow:visible!important;
  }

  .codi-conversation-progress > small{
    display:block!important;

    width:100%!important;
    max-width:100%!important;

    margin-top:12px!important;

    font-size:7.6px!important;
    line-height:1.22!important;

    white-space:normal!important;

    word-break:normal!important;
    overflow-wrap:normal!important;

    overflow:visible!important;
  }

}


/*
 * Keep compact milestone wording readable on phones.
 */

@media (max-width:720px){

  .codi-conversation-progress > small{
    display:block!important;

    width:100%!important;

    font-size:8px!important;
    line-height:1.28!important;

    white-space:normal!important;

    overflow:visible!important;
  }

}


/* =========================================================
   CODSHIPX_AI_R36_R18_R2_DESKTOP_STATUS_CARD_SAFE_REBASE
   Desktop status card visual correction only.
   ========================================================= */

@media (min-width:721px){

  /*
   * More useful space for all three status sections.
   */
  .codi-side-status-bar{
    display:grid!important;

    grid-template-columns:
      minmax(112px,1.08fr)
      minmax(112px,1.04fr)
      minmax(78px,.74fr)!important;

    width:100%!important;
    max-width:100%!important;

    height:auto!important;
    min-height:202px!important;

    overflow:visible!important;
    align-items:stretch!important;

    box-sizing:border-box!important;
  }


  /* OVERALL PROGRESS */

  .codi-conversation-progress{
    width:100%!important;
    min-width:0!important;

    height:auto!important;
    min-height:180px!important;

    padding:14px 11px 22px!important;

    overflow:visible!important;
    box-sizing:border-box!important;
  }

  .codi-conversation-progress > div{
    width:100%!important;
    min-width:0!important;
  }

  .codi-conversation-progress > div > span{
    display:block!important;

    font-size:7.5px!important;
    line-height:1.15!important;

    letter-spacing:.035em!important;
    white-space:nowrap!important;
  }

  .codi-conversation-progress > div > b{
    display:block!important;

    margin-top:8px!important;

    font-size:25px!important;
    line-height:1!important;
  }

  .codi-conversation-progress > i{
    display:block!important;

    width:100%!important;
    max-width:100%!important;

    margin-top:15px!important;
  }

  .codi-conversation-progress > small{
    display:block!important;

    position:static!important;

    width:100%!important;
    max-width:100%!important;

    height:auto!important;
    min-height:28px!important;
    max-height:none!important;

    margin:13px 0 0!important;
    padding:0 1px 4px!important;

    font-size:7.4px!important;
    line-height:1.4!important;

    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;

    overflow:visible!important;

    box-sizing:border-box!important;
  }


  /* CURRENT FOCUS */

  .codi-conversation-context{
    width:100%!important;
    min-width:0!important;

    height:auto!important;
    min-height:180px!important;

    padding:14px 10px 20px!important;

    overflow:visible!important;

    box-sizing:border-box!important;
  }

  .codi-conversation-context span{
    display:block!important;

    width:100%!important;

    font-size:7.2px!important;
    line-height:1.15!important;
    letter-spacing:.035em!important;

    white-space:nowrap!important;

    overflow:visible!important;
  }

  .codi-conversation-context strong{
    display:block!important;

    width:100%!important;
    min-width:0!important;
    max-width:none!important;

    margin-top:13px!important;

    font-size:10.5px!important;
    line-height:1.2!important;

    white-space:nowrap!important;

    word-break:keep-all!important;
    overflow-wrap:normal!important;

    overflow:visible!important;
    text-overflow:clip!important;
  }


  /* PRODUCTS */

  .codi-products-launch{
    width:100%!important;
    min-width:0!important;

    height:auto!important;
    min-height:180px!important;

    padding:13px 7px 20px!important;

    overflow:visible!important;

    box-sizing:border-box!important;
  }

  .codi-products-launch strong{
    display:block!important;

    width:100%!important;
    max-width:100%!important;

    font-size:9px!important;
    line-height:1.2!important;

    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }


  /*
   * Retire earlier clipping constraints.
   */
  .codi-side-status-bar > *{
    max-height:none!important;
    box-sizing:border-box!important;
  }

}


/* =========================================================
   CODSHIPX_AI_R36_R19_STATUS_CARD_TWO_ROW_LAYOUT

   Desktop narrow sidebar layout:

   +----------------------+----------+
   | Overall Progress     | Products |
   +---------------------------------+
   | Current Focus: Payments         |
   +---------------------------------+

   This avoids forcing three text-heavy columns into the
   narrow left setup panel.
   ========================================================= */

@media (min-width:721px){

  .codi-side-status-bar{
    display:grid!important;

    grid-template-columns:
      minmax(0,1fr)
      86px!important;

    grid-template-areas:
      "progress products"
      "focus focus"!important;

    width:100%!important;
    max-width:100%!important;

    height:auto!important;
    min-height:190px!important;

    padding:0!important;
    gap:0!important;

    align-items:stretch!important;

    overflow:hidden!important;

    box-sizing:border-box!important;
  }


  .codi-conversation-progress{
    grid-area:progress!important;

    width:100%!important;
    min-width:0!important;

    height:auto!important;
    min-height:122px!important;

    padding:
      14px 14px
      12px!important;

    overflow:visible!important;

    box-sizing:border-box!important;
  }

  .codi-conversation-progress > div > span{
    display:block!important;

    width:100%!important;

    font-size:7.4px!important;
    line-height:1.15!important;

    letter-spacing:.04em!important;

    white-space:nowrap!important;

    overflow:visible!important;
  }

  .codi-conversation-progress > div > b{
    display:block!important;

    margin-top:8px!important;

    font-size:25px!important;
    line-height:1!important;
  }

  .codi-conversation-progress > i{
    display:block!important;

    width:100%!important;
    max-width:100%!important;

    margin-top:14px!important;
  }

  .codi-conversation-progress > small{
    display:block!important;

    width:100%!important;
    max-width:100%!important;

    height:auto!important;
    min-height:0!important;

    margin:
      10px 0
      0!important;

    padding:0!important;

    font-size:7.4px!important;
    line-height:1.2!important;

    white-space:normal!important;

    overflow:visible!important;

    box-sizing:border-box!important;
  }


  .codi-products-launch{
    grid-area:products!important;

    width:100%!important;
    min-width:0!important;

    height:auto!important;
    min-height:122px!important;

    padding:
      12px 7px!important;

    border-left:
      1px solid rgba(255,255,255,.12)!important;

    overflow:visible!important;

    box-sizing:border-box!important;
  }

  .codi-products-launch strong{
    display:block!important;

    width:100%!important;
    max-width:100%!important;

    font-size:9px!important;
    line-height:1.15!important;

    text-align:center!important;

    white-space:normal!important;

    word-break:normal!important;
    overflow-wrap:normal!important;
  }


  .codi-conversation-context{
    grid-area:focus!important;

    display:grid!important;

    grid-template-columns:
      auto
      minmax(0,1fr)
      auto!important;

    align-items:center!important;

    width:100%!important;
    min-width:0!important;
    max-width:100%!important;

    height:auto!important;
    min-height:66px!important;

    padding:
      11px 14px!important;

    border-top:
      1px solid rgba(255,255,255,.12)!important;

    border-left:0!important;
    border-right:0!important;

    overflow:hidden!important;

    box-sizing:border-box!important;
  }

  .codi-conversation-context span{
    display:block!important;

    width:auto!important;
    max-width:none!important;

    margin:
      0 12px
      0 0!important;

    font-size:7.4px!important;
    line-height:1!important;

    letter-spacing:.04em!important;

    white-space:nowrap!important;

    overflow:visible!important;
  }

  .codi-conversation-context strong{
    display:block!important;

    width:auto!important;
    min-width:0!important;
    max-width:100%!important;

    margin:0!important;

    font-size:11px!important;
    line-height:1.15!important;

    white-space:nowrap!important;

    word-break:keep-all!important;
    overflow-wrap:normal!important;

    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

}


/* =========================================================
   CODSHIPX_AI_R36_R20_R3_STATUS_CARD_FINAL_LAYOUT
   ========================================================= */

/*
 * Desktop sidebar status:
 *
 * +----------------------+----------+
 * | OVERALL PROGRESS     | Products |
 * | 100%                 |   150    |
 * +---------------------------------+
 * | CURRENT FOCUS   Final Review    |
 * +---------------------------------+
 */

@media (min-width:721px){

  .codi-side-status-bar{
    display:grid!important;

    grid-template-columns:
      minmax(0,1fr)
      96px!important;

    grid-template-areas:
      "progress products"
      "focus focus"!important;

    width:100%!important;
    max-width:100%!important;
    min-width:0!important;

    height:auto!important;
    min-height:198px!important;

    margin:0!important;
    padding:0!important;

    gap:0!important;

    align-items:stretch!important;

    overflow:hidden!important;

    box-sizing:border-box!important;
  }


  /* --------------------------
     OVERALL PROGRESS
     -------------------------- */

  .codi-conversation-progress{
    grid-area:progress!important;

    width:100%!important;
    min-width:0!important;

    height:auto!important;
    min-height:130px!important;

    padding:
      16px 15px
      13px!important;

    overflow:visible!important;

    box-sizing:border-box!important;
  }

  .codi-conversation-progress > div{
    width:100%!important;
    min-width:0!important;
  }

  .codi-conversation-progress > div > span{
    display:block!important;

    width:100%!important;

    font-size:7.7px!important;
    line-height:1.15!important;

    letter-spacing:.02em!important;

    white-space:nowrap!important;

    overflow:visible!important;
  }

  .codi-conversation-progress > div > b{
    display:block!important;

    margin-top:8px!important;

    font-size:28px!important;
    line-height:1!important;
  }

  .codi-conversation-progress > i{
    display:block!important;

    width:100%!important;
    max-width:100%!important;

    margin-top:15px!important;
  }

  .codi-conversation-progress > small{
    display:block!important;

    width:100%!important;
    max-width:100%!important;

    height:auto!important;
    min-height:0!important;
    max-height:none!important;

    margin:
      11px 0
      0!important;

    padding:0!important;

    font-size:7.6px!important;
    line-height:1.28!important;

    white-space:normal!important;

    word-break:normal!important;
    overflow-wrap:normal!important;

    overflow:visible!important;

    box-sizing:border-box!important;
  }


  /* --------------------------
     PRODUCTS
     -------------------------- */

  .codi-products-launch{
    grid-area:products!important;

    width:100%!important;
    min-width:0!important;

    height:auto!important;
    min-height:130px!important;

    padding:
      13px 7px!important;

    border-left:
      1px solid rgba(255,255,255,.12)!important;

    overflow:visible!important;

    box-sizing:border-box!important;
  }

  .codi-products-launch strong{
    font-size:9px!important;
    line-height:1.15!important;

    white-space:normal!important;
  }

  .codi-products-launch small{
    display:none!important;
  }


  /* --------------------------
     CURRENT FOCUS
     -------------------------- */

  .codi-conversation-context{
    grid-area:focus!important;

    display:flex!important;
    flex-direction:row!important;

    align-items:center!important;

    width:100%!important;
    min-width:0!important;
    max-width:100%!important;

    height:auto!important;
    min-height:68px!important;

    padding:
      12px 15px!important;

    border-top:
      1px solid rgba(255,255,255,.12)!important;

    border-left:0!important;
    border-right:0!important;

    overflow:hidden!important;

    box-sizing:border-box!important;
  }

  .codi-conversation-context span{
    display:block!important;

    flex:0 0 auto!important;

    width:auto!important;
    max-width:none!important;

    margin:
      0 14px
      0 0!important;

    font-size:7.7px!important;
    line-height:1!important;

    letter-spacing:.02em!important;

    white-space:nowrap!important;

    overflow:visible!important;
  }

  .codi-conversation-context strong{
    display:block!important;

    flex:1 1 auto!important;

    width:auto!important;
    min-width:0!important;
    max-width:100%!important;

    margin:0!important;

    font-size:12px!important;
    line-height:1.2!important;

    white-space:nowrap!important;

    word-break:keep-all!important;
    overflow-wrap:normal!important;

    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }


  /*
   * Sidebar can scroll if readiness cards grow taller
   * than the available viewport.
   */

  .codi-conversation-side{
    min-height:0!important;

    overflow-y:auto!important;
    overflow-x:hidden!important;

    overscroll-behavior:contain!important;

    scrollbar-width:thin!important;

    padding-bottom:18px!important;

    box-sizing:border-box!important;
  }

}


/* =========================================================
   MAIN FINAL REVIEW CTA

   Rendered inside the white conversation area whenever the
   existing ready flag `eu` is true.

   It reuses the existing eA(!0) Final Review action.
   ========================================================= */

.codi-review-main-cta{
  position:sticky!important;

  top:12px!important;
  z-index:100!important;

  display:flex!important;

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

  gap:10px!important;

  width:calc(100% - 40px)!important;
  max-width:760px!important;

  min-height:58px!important;

  margin:
    12px auto
    18px!important;

  padding:
    0 24px!important;

  border:
    1px solid rgba(96,158,15,.38)!important;

  border-radius:17px!important;

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

  color:#173700!important;

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

  line-height:1!important;

  cursor:pointer!important;

  box-shadow:
    0 14px 34px
    rgba(67,113,10,.18)!important;

  box-sizing:border-box!important;
}

.codi-review-main-cta:hover{
  transform:translateY(-1px)!important;
}

.codi-review-main-cta span{
  font-size:18px!important;
  line-height:1!important;
}


/* Mobile */

@media (max-width:720px){

  .codi-review-main-cta{
    top:8px!important;

    width:calc(100% - 24px)!important;

    min-height:54px!important;

    margin:
      10px auto
      14px!important;

    padding:
      0 16px!important;

    font-size:13px!important;
  }

}


/*
 * CODSHIPX_AI_R36_R53_R5_R46_R1_CANONICAL_FINALIZATION_UI
 *
 * Unique canonical classes only.
 * No legacy provisioning override.
 */

.codi-r46-finalizing{
    position:absolute;
    inset:0;
    z-index:60;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    padding:40px 28px;
    overflow:hidden;
    text-align:center;
    background:
        radial-gradient(
            circle at 50% 32%,
            rgba(163,235,46,.12),
            transparent 32%
        ),
        linear-gradient(
            150deg,
            #080d12 0%,
            #0c131a 46%,
            #080c11 100%
        );
    color:#f7faf5;
}

.codi-r46-finalizing::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.18;
    background-image:
        linear-gradient(
            rgba(255,255,255,.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.035) 1px,
            transparent 1px
        );
    background-size:42px 42px;
    mask-image:
        linear-gradient(
            to bottom,
            transparent,
            #000 22%,
            #000 78%,
            transparent
        );
}

.codi-r46-finalizing > *{
    position:relative;
    z-index:1;
}

.codi-r46-finalizing-orb{
    position:relative;
    width:92px;
    height:92px;
    margin-bottom:22px;
    display:grid;
    place-items:center;
}

.codi-r46-finalizing-orb img{
    width:56px;
    height:56px;
    border-radius:18px;
    object-fit:cover;
    box-shadow:
        0 0 0 1px rgba(255,255,255,.12),
        0 18px 48px rgba(0,0,0,.46);
}

.codi-r46-finalizing-orb .ring-one,
.codi-r46-finalizing-orb .ring-two{
    position:absolute;
    inset:0;
    border-radius:999px;
    border:1px solid rgba(164,235,48,.32);
    animation:
        cxR46FinalRing 2.6s linear infinite;
}

.codi-r46-finalizing-orb .ring-two{
    inset:10px;
    border-color:rgba(122,170,255,.30);
    animation-direction:reverse;
    animation-duration:3.4s;
}

@keyframes cxR46FinalRing{
    to{
        transform:rotate(360deg);
    }
}

.codi-r46-finalizing-kicker{
    margin-bottom:8px;
    font-size:10px;
    line-height:1.3;
    font-weight:900;
    letter-spacing:.18em;
    color:#a8ed34;
}

.codi-r46-finalizing-percent{
    display:block;
    margin:0;
    font-size:clamp(46px,7vw,78px);
    line-height:1;
    font-weight:900;
    letter-spacing:-.055em;
    color:#fff;
}

.codi-r46-finalizing h1{
    max-width:660px;
    margin:15px 0 8px;
    color:#f7faf5;
    font-size:clamp(21px,3vw,31px);
    line-height:1.18;
    font-weight:850;
    letter-spacing:-.025em;
}

.codi-r46-finalizing p{
    max-width:610px;
    margin:0;
    color:#9ca9b4;
    font-size:13px;
    line-height:1.65;
}

.codi-r46-finalizing-progress{
    width:min(520px,80vw);
    height:8px;
    margin-top:25px;
    overflow:hidden;
    border-radius:999px;
    background:rgba(255,255,255,.08);
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.045);
}

.codi-r46-finalizing-progress i{
    display:block;
    height:100%;
    min-width:4%;
    border-radius:inherit;
    background:
        linear-gradient(
            90deg,
            #80c91d,
            #b7f342
        );
    box-shadow:
        0 0 24px rgba(163,235,46,.34);
    transition:
        width .4s ease;
}

.codi-r46-finalizing small{
    margin-top:12px;
    color:#657481;
    font-size:10.5px;
    line-height:1.5;
}

@media (max-width:640px){
    .codi-r46-finalizing{
        padding:30px 18px;
    }

    .codi-r46-finalizing-orb{
        width:78px;
        height:78px;
        margin-bottom:18px;
    }

    .codi-r46-finalizing-orb img{
        width:48px;
        height:48px;
        border-radius:15px;
    }

    .codi-r46-finalizing-progress{
        width:min(420px,88vw);
    }
}