/* CODSHIPX AI CRM R50 - NATIVE FINAL REVIEW + 15S PROVISIONING */

.codi-r50-final-review{
  width:min(1120px,calc(100vw - 44px)) !important;
  max-height:calc(100vh - 142px) !important;
  margin:18px auto !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
  border:1px solid rgba(166,241,59,.25) !important;
  border-radius:26px !important;
  background:
    radial-gradient(circle at 12% 6%,rgba(166,241,59,.10),transparent 24%),
    linear-gradient(180deg,#071008 0%,#020403 100%) !important;
  box-shadow:0 28px 88px rgba(0,0,0,.48) !important;
  color:#f7fbf5 !important;
}
.codi-r50-final-review,.codi-r50-final-review *{box-sizing:border-box !important;text-shadow:none !important}
.codi-r50-final-review > header{
  flex:0 0 auto !important;
  display:grid !important;
  grid-template-columns:108px minmax(0,1fr) !important;
  gap:24px !important;
  align-items:center !important;
  min-height:154px !important;
  padding:24px 28px !important;
  border-bottom:1px solid rgba(166,241,59,.16) !important;
  background:
    radial-gradient(circle at 5% 50%,rgba(166,241,59,.08),transparent 25%),
    linear-gradient(180deg,#081109,#030704) !important;
}
.codi-r50-review-logo{
  position:relative !important;
  width:98px !important;height:98px !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
  border:1px solid rgba(166,241,59,.28) !important;
  border-radius:25px !important;
  background:linear-gradient(180deg,#101842 0%,#080e26 100%) !important;
  box-shadow:0 0 34px rgba(166,241,59,.12) !important;
  overflow:hidden !important;
}
.codi-r50-review-logo .codi-mandatory-ring{display:none !important}
.codi-r50-review-logo-inner{
  position:static !important;inset:auto !important;
  width:82px !important;height:82px !important;
  display:block !important;border:0 !important;background:transparent !important;box-shadow:none !important;
}
.codi-r50-review-logo-inner img{width:100% !important;height:100% !important;display:block !important;object-fit:contain !important}
.codi-r50-final-review > header > span{
  position:static !important;display:block !important;margin:0 !important;padding:0 !important;
  background:transparent !important;border:0 !important;box-shadow:none !important;filter:none !important;
}
.codi-r50-final-review > header small{
  display:block !important;margin:0 0 9px 0 !important;padding:0 !important;
  color:#a6f13b !important;background:transparent !important;border:0 !important;box-shadow:none !important;
  font-size:11px !important;line-height:1.2 !important;font-weight:900 !important;letter-spacing:.16em !important;text-transform:uppercase !important;
}
.codi-r50-final-review > header h1{
  position:static !important;inset:auto !important;transform:none !important;width:auto !important;max-width:900px !important;
  margin:0 !important;padding:0 !important;color:#fff !important;background:transparent !important;border:0 !important;
  box-shadow:none !important;filter:none !important;
  font-size:clamp(38px,3.5vw,55px) !important;line-height:1.02 !important;font-weight:900 !important;letter-spacing:-.045em !important;
  text-transform:none !important;white-space:normal !important;
}
.codi-r50-final-review > header p{
  position:static !important;inset:auto !important;transform:none !important;width:auto !important;max-width:820px !important;
  margin:12px 0 0 0 !important;padding:0 !important;color:rgba(255,255,255,.63) !important;
  background:transparent !important;border:0 !important;box-shadow:none !important;filter:none !important;
  font-size:16px !important;line-height:1.48 !important;font-weight:500 !important;letter-spacing:0 !important;text-transform:none !important;
}
.codi-r50-review-body{
  flex:1 1 auto !important;min-height:0 !important;overflow:auto !important;
  padding:24px 28px 28px !important;background:#020403 !important;
  scrollbar-color:rgba(166,241,59,.30) transparent !important;
}
.codi-r50-review-body::-webkit-scrollbar{width:9px !important}
.codi-r50-review-body::-webkit-scrollbar-thumb{background:rgba(166,241,59,.27) !important;border-radius:999px !important}
.codi-r50-review-body > section{margin:0 0 24px 0 !important}
.codi-r50-review-heading{
  display:block !important;margin:0 0 16px 0 !important;padding:0 !important;color:#a6f13b !important;
  background:transparent !important;border:0 !important;box-shadow:none !important;
  font-size:15px !important;line-height:1.2 !important;font-weight:900 !important;letter-spacing:.11em !important;text-transform:uppercase !important;
}
.codi-r50-review-grid{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:14px !important}
.codi-r50-review-grid > article{
  position:relative !important;min-height:116px !important;padding:18px 19px 17px 21px !important;overflow:hidden !important;
  border:1px solid rgba(255,255,255,.07) !important;border-radius:18px !important;
  background:radial-gradient(circle at 100% 0,rgba(166,241,59,.035),transparent 36%),linear-gradient(160deg,#111a13,#0c130e) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 28px rgba(0,0,0,.18) !important;
}
.codi-r50-review-grid > article::before{
  content:"" !important;display:block !important;position:absolute !important;top:0 !important;bottom:0 !important;left:0 !important;width:3px !important;
  background:linear-gradient(180deg,#a6f13b,rgba(166,241,59,.16)) !important;
}
.codi-r50-review-grid > article::after,
.codi-r50-review-grid > article small::before,
.codi-r50-review-grid > article small::after,
.codi-r50-review-grid > article strong::before,
.codi-r50-review-grid > article strong::after{content:none !important;display:none !important}
.codi-r50-review-grid > article small{
  position:static !important;inset:auto !important;display:block !important;width:auto !important;min-width:0 !important;height:auto !important;min-height:0 !important;
  margin:0 0 9px 0 !important;padding:0 !important;color:#a6f13b !important;background:transparent !important;border:0 !important;border-radius:0 !important;
  box-shadow:none !important;filter:none !important;font-size:12px !important;line-height:1.25 !important;font-weight:850 !important;letter-spacing:.025em !important;
  text-transform:none !important;opacity:1 !important;
}
.codi-r50-review-grid > article strong{
  position:static !important;inset:auto !important;display:block !important;margin:0 !important;padding:0 !important;
  color:#f7fbf5 !important;background:transparent !important;border:0 !important;box-shadow:none !important;filter:none !important;
  font-size:16.5px !important;line-height:1.55 !important;font-weight:680 !important;letter-spacing:0 !important;text-transform:none !important;
  word-break:break-word !important;white-space:normal !important;
}
.codi-r50-review-products{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important}
.codi-r50-review-products > article{
  display:flex !important;align-items:center !important;justify-content:space-between !important;gap:16px !important;
  padding:15px 16px !important;border:1px solid rgba(255,255,255,.07) !important;border-radius:16px !important;
  background:linear-gradient(160deg,#111a13,#0b120d) !important;box-shadow:0 10px 24px rgba(0,0,0,.17) !important;
}
.codi-r50-review-products > article span{display:flex !important;min-width:0 !important;flex-direction:column !important;gap:4px !important}
.codi-r50-review-products > article strong{color:#f7fbf5 !important;font-size:15px !important;line-height:1.35 !important;font-weight:750 !important}
.codi-r50-review-products > article small{color:#8fa08e !important;font-size:11px !important;line-height:1.3 !important;font-weight:700 !important}
.codi-r50-review-products > article b{flex:0 0 auto !important;color:#b8f65c !important;font-size:14px !important;line-height:1.2 !important;font-weight:900 !important}
.codi-r50-no-products{padding:16px !important;border:1px dashed rgba(166,241,59,.22) !important;border-radius:16px !important;color:#aeb9ad !important;background:#0a100b !important}
.codi-r50-final-review > footer{
  flex:0 0 auto !important;display:flex !important;justify-content:flex-end !important;gap:12px !important;
  padding:17px 28px 20px !important;border-top:1px solid rgba(166,241,59,.15) !important;background:linear-gradient(180deg,#040804,#020403) !important;
}
.codi-r50-final-review > footer button{min-height:52px !important;padding:0 21px !important;border-radius:15px !important;font-size:14px !important;line-height:1 !important;font-weight:850 !important;box-shadow:none !important;text-shadow:none !important}
.codi-r50-back{color:#e7efe4 !important;border:1px solid rgba(255,255,255,.10) !important;background:#0c120e !important}
.codi-r50-setup{color:#091107 !important;border:1px solid rgba(166,241,59,.22) !important;background:linear-gradient(180deg,#c0ff67,#a6f13b) !important;box-shadow:0 12px 24px rgba(166,241,59,.17) !important}

.codi-r50-provisioning{
  position:fixed !important;inset:0 !important;z-index:2147483647 !important;
  display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;
  padding:24px !important;background:radial-gradient(circle at 50% 45%,rgba(85,137,24,.075),transparent 27%),#000 !important;
  color:#fff !important;text-align:center !important;
}
.codi-r50-provisioning-spinner{
  width:58px !important;height:58px !important;margin:0 0 26px 0 !important;
  border:2px solid rgba(255,255,255,.10) !important;border-top-color:#a6f13b !important;border-radius:50% !important;
  animation:codiR50Spin .9s linear infinite !important;
}
@keyframes codiR50Spin{to{transform:rotate(360deg)}}
.codi-r50-provisioning h1{margin:0 !important;color:#fff !important;font-size:clamp(34px,4vw,54px) !important;line-height:1.04 !important;font-weight:900 !important;letter-spacing:-.04em !important}
.codi-r50-provisioning > p{max-width:620px !important;margin:13px auto 0 !important;color:rgba(255,255,255,.56) !important;font-size:16px !important;line-height:1.5 !important}
.codi-r50-provisioning-stages{width:min(620px,88vw) !important;min-height:34px !important;margin:34px auto 0 !important;position:relative !important;color:rgba(255,255,255,.90) !important;font-size:17px !important;line-height:1.5 !important;font-weight:650 !important}
.codi-r50-provisioning-stages span{
  position:absolute !important;left:0 !important;right:0 !important;top:0 !important;opacity:0 !important;transform:translateY(6px) !important;
  animation:codiR50Stage 15s linear forwards !important;
}
.codi-r50-provisioning-stages span:nth-child(1){animation-delay:0s !important}
.codi-r50-provisioning-stages span:nth-child(2){animation-delay:2.5s !important}
.codi-r50-provisioning-stages span:nth-child(3){animation-delay:5s !important}
.codi-r50-provisioning-stages span:nth-child(4){animation-delay:7.5s !important}
.codi-r50-provisioning-stages span:nth-child(5){animation-delay:10s !important}
.codi-r50-provisioning-stages span:nth-child(6){animation-delay:12.5s !important}
@keyframes codiR50Stage{0%{opacity:0;transform:translateY(6px)}8%{opacity:1;transform:translateY(0)}72%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-5px)}}

.codi-r50-final-success{
  position:fixed !important;inset:0 !important;z-index:2147483647 !important;
  display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;
  padding:24px !important;overflow:hidden !important;background:radial-gradient(circle at 50% 46%,rgba(95,151,27,.08),transparent 26%),#000 !important;
  color:#fff !important;text-align:center !important;
}
.codi-r50-final-success .codi-success-status{color:#a6f13b !important;font-size:12px !important;font-weight:900 !important;letter-spacing:.14em !important}
.codi-r50-final-success > h1{margin:12px 0 0 !important;color:#fff !important;font-size:clamp(36px,4vw,56px) !important;line-height:1.04 !important;font-weight:900 !important;letter-spacing:-.04em !important}
.codi-r50-final-success > p{max-width:650px !important;margin:14px auto 0 !important;color:rgba(255,255,255,.58) !important;font-size:16px !important;line-height:1.52 !important}
.codi-r50-final-success .codi-launch-next,.codi-r50-final-success .codi-upsell-final{display:none !important}

@media(max-width:900px){
  .codi-r50-final-review{width:min(100vw - 18px,100%) !important;max-height:calc(100vh - 110px) !important;margin:9px auto !important;border-radius:21px !important}
  .codi-r50-final-review > header{grid-template-columns:76px minmax(0,1fr) !important;gap:15px !important;min-height:124px !important;padding:18px !important}
  .codi-r50-review-logo{width:72px !important;height:72px !important;border-radius:19px !important}
  .codi-r50-review-logo-inner{width:60px !important;height:60px !important}
  .codi-r50-final-review > header h1{font-size:clamp(28px,7.5vw,40px) !important}
  .codi-r50-final-review > header p{font-size:14px !important}
  .codi-r50-review-body{padding:19px 16px 20px !important}
  .codi-r50-review-grid,.codi-r50-review-products{grid-template-columns:1fr !important}
  .codi-r50-final-review > footer{padding:14px 16px 17px !important}
}


/* ==========================================================================
   R50.1 - SETUP CHROME CLEANUP
   Remove the faint setup grid/vertical line while preserving green arcs/nodes.
   ========================================================================== */

.codi-mandatory-grid{
  display:none !important;
  opacity:0 !important;
  background:none !important;
  background-image:none !important;
}

/* Do not allow the setup grid to bleed through the native final-review panel. */
.codi-r50-final-review{
  isolation:isolate !important;
}


/* ==========================================================================
   R50.2 - Exact first-use setup stream removal.
   The active setup source renders codi-mandatory-stream s1/s2/s3.
   These are decorative setup lines only; green background arcs/nodes remain.
   ========================================================================== */

.codi-mandatory-stream,
.codi-mandatory-stream.s1,
.codi-mandatory-stream.s2,
.codi-mandatory-stream.s3{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  animation:none !important;
}

/* R41 is authoritative for these launchers. */
[data-cx-r41-auth-badge="1"][data-cx-r41-hidden="1"]{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}


/* ==========================================================================
   R50.3 - Exact remaining setup line fix.
   The faint vertical/horizontal lines come from:
   .r7-r30r1-preshell-stage::after
   which paints an 80px x 80px grid with two linear-gradients.
   Keep ::before (black/green cinematic background); remove only ::after.
   ========================================================================== */

.r7-r30r1-preshell-stage::after,
.r7-r30r1-preshell-stage:after{
  content:none !important;
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  background:none !important;
  background-image:none !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
  animation:none !important;
  pointer-events:none !important;
}