/* CODSHIPX AI CRM R49.1
   Final Review from scratch + premium dark cards + pure black provisioning
*/
#cx-r491-shell{
  --green:#a8f23d;
  --green2:#c2ff6b;
  --bg:#020403;
  --panel:#071008;
  --panel2:#0b150c;
  --line:rgba(168,242,61,.18);
  --card:#0d140f;
  --card2:#111a13;
  --cardline:rgba(255,255,255,.07);
  --text:#f7fbf5;
  --soft:#cbd6ca;
  --label:#91a08f;
  width:min(1180px,calc(100vw - 42px));
  max-height:calc(100vh - 150px);
  margin:18px auto;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(168,242,61,.27);
  border-radius:26px;
  background:
    radial-gradient(circle at 12% 5%,rgba(168,242,61,.11),transparent 24%),
    linear-gradient(180deg,#071008 0%,#020403 100%);
  box-shadow:0 28px 88px rgba(0,0,0,.48);
  color:var(--text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
#cx-r491-shell,
#cx-r491-shell *{
  box-sizing:border-box;
  text-shadow:none!important;
}
#cx-r491-shell .cx-r491-hero{
  flex:0 0 auto;
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  gap:24px;
  align-items:center;
  padding:25px 28px 23px;
  border-bottom:1px solid var(--line);
  background:
    radial-gradient(circle at 5% 50%,rgba(168,242,61,.09),transparent 25%),
    linear-gradient(180deg,rgba(8,16,9,.98),rgba(3,7,4,.99));
}
#cx-r491-shell .cx-r491-logo{
  width:104px;
  height:104px;
  border-radius:26px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:linear-gradient(180deg,#101842,#080e26);
  border:1px solid rgba(168,242,61,.30);
  box-shadow:0 0 34px rgba(168,242,61,.12);
}
#cx-r491-shell .cx-r491-logo img{
  width:100%;
  height:100%;
  object-fit:contain;
}
#cx-r491-shell .cx-r491-kicker{
  margin:0 0 9px;
  color:var(--green);
  font-size:11px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}
#cx-r491-shell .cx-r491-title{
  margin:0;
  max-width:900px;
  color:#fff;
  font-size:clamp(36px,3.5vw,54px);
  line-height:1.02;
  font-weight:900;
  letter-spacing:-.045em;
}
#cx-r491-shell .cx-r491-subtitle{
  margin:12px 0 0;
  max-width:850px;
  color:rgba(255,255,255,.62);
  font-size:16px;
  line-height:1.48;
  font-weight:500;
}
#cx-r491-shell .cx-r491-body{
  flex:1 1 auto;
  min-height:0;
  overflow:auto;
  padding:24px 28px 28px;
  scrollbar-color:rgba(168,242,61,.32) transparent;
}
#cx-r491-shell .cx-r491-body::-webkit-scrollbar{width:9px}
#cx-r491-shell .cx-r491-body::-webkit-scrollbar-thumb{
  background:rgba(168,242,61,.28);
  border-radius:999px;
}
#cx-r491-shell .cx-r491-section-title{
  margin:0 0 16px;
  color:var(--green);
  font-size:16px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
}
#cx-r491-shell .cx-r491-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
#cx-r491-shell .cx-r491-card{
  position:relative;
  min-height:118px;
  padding:18px 19px 18px;
  overflow:hidden;
  border-radius:18px;
  border:1px solid var(--cardline);
  background:
    radial-gradient(circle at 100% 0,rgba(168,242,61,.035),transparent 34%),
    linear-gradient(160deg,var(--card2),var(--card));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 12px 28px rgba(0,0,0,.20);
}
#cx-r491-shell .cx-r491-card::before{
  content:"";
  position:absolute;
  top:0;left:0;bottom:0;
  width:3px;
  background:linear-gradient(180deg,var(--green),rgba(168,242,61,.18));
}
#cx-r491-shell .cx-r491-label{
  margin:0 0 9px;
  color:var(--green);
  font-size:12px;
  line-height:1.25;
  font-weight:850;
  letter-spacing:.025em;
}
#cx-r491-shell .cx-r491-value{
  color:var(--text);
  font-size:17px;
  line-height:1.48;
  font-weight:720;
  letter-spacing:-.01em;
  word-break:break-word;
  white-space:normal;
}
#cx-r491-shell .cx-r491-value.cx-r491-long{
  color:var(--soft);
  font-size:15.5px;
  line-height:1.58;
  font-weight:600;
  letter-spacing:0;
}
#cx-r491-shell .cx-r491-actions{
  flex:0 0 auto;
  display:flex;
  justify-content:flex-end;
  gap:12px;
  padding:17px 28px 20px;
  border-top:1px solid var(--line);
  background:linear-gradient(180deg,rgba(4,8,4,.98),#020403);
}
#cx-r491-shell .cx-r491-btn{
  min-height:52px;
  padding:0 21px;
  border-radius:15px;
  border:0;
  font:800 14px/1 Inter,ui-sans-serif,system-ui,sans-serif;
  cursor:pointer;
  transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease;
}
#cx-r491-shell .cx-r491-btn:hover{transform:translateY(-1px)}
#cx-r491-shell .cx-r491-btn:active{transform:none}
#cx-r491-shell .cx-r491-back{
  color:#e8f1e5;
  border:1px solid rgba(255,255,255,.10);
  background:#0c120e;
}
#cx-r491-shell .cx-r491-setup{
  color:#0a1207;
  background:linear-gradient(180deg,var(--green2),var(--green));
  box-shadow:0 12px 25px rgba(168,242,61,.18);
}
.cx-r491-native-hidden{
  position:fixed!important;
  left:-300vw!important;
  top:0!important;
  width:2px!important;
  height:2px!important;
  opacity:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}

/* pure black provisioning */
#cx-r491-provision{
  position:fixed;
  inset:0;
  z-index:2147483647;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:
    radial-gradient(circle at 50% 45%,rgba(96,150,29,.08),transparent 26%),
    #000;
  color:#fff;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
#cx-r491-provision.cx-r491-show{display:flex}
#cx-r491-provision .cx-r491-center{
  width:min(720px,92vw);
  text-align:center;
}
#cx-r491-provision .cx-r491-spinner{
  width:58px;height:58px;
  margin:0 auto 26px;
  border:2px solid rgba(255,255,255,.10);
  border-top-color:var(--green,#a8f23d);
  border-radius:50%;
  animation:cxR491Spin .9s linear infinite;
}
@keyframes cxR491Spin{to{transform:rotate(360deg)}}
#cx-r491-provision .cx-r491-p-title{
  margin:0;
  color:#fff;
  font-size:clamp(32px,4vw,52px);
  line-height:1.04;
  font-weight:900;
  letter-spacing:-.04em;
}
#cx-r491-provision .cx-r491-p-sub{
  margin:13px auto 0;
  max-width:620px;
  color:rgba(255,255,255,.56);
  font-size:16px;
  line-height:1.5;
}
#cx-r491-provision .cx-r491-stage{
  min-height:28px;
  margin:34px auto 0;
  color:rgba(255,255,255,.90);
  font-size:17px;
  line-height:1.5;
  font-weight:650;
}
#cx-r491-provision .cx-r491-dots::after{
  content:"";
  animation:cxR491Dots 1.35s steps(4,end) infinite;
}
@keyframes cxR491Dots{
  0%{content:""}25%{content:"."}50%{content:".."}75%,100%{content:"..."}
}
#cx-r491-provision .cx-r491-progress{
  width:min(430px,75vw);
  height:3px;
  margin:25px auto 0;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.075);
}
#cx-r491-provision .cx-r491-progress span{
  display:block;
  width:8%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#5f941d,#a8f23d);
  transition:width .65s ease;
}
#cx-r491-provision.cx-r491-success .cx-r491-spinner{
  animation:none;
  position:relative;
  border-color:rgba(168,242,61,.35);
  background:rgba(168,242,61,.07);
}
#cx-r491-provision.cx-r491-success .cx-r491-spinner::after{
  content:"✓";
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#bfff68;
  font-size:27px;
  font-weight:900;
}
#cx-r491-provision.cx-r491-success .cx-r491-progress span{width:100%!important}

@media(max-width:900px){
  #cx-r491-shell{
    width:min(100vw - 18px,100%);
    max-height:calc(100vh - 110px);
    margin:9px auto;
    border-radius:21px;
  }
  #cx-r491-shell .cx-r491-hero{
    grid-template-columns:78px minmax(0,1fr);
    gap:15px;
    padding:19px 18px;
  }
  #cx-r491-shell .cx-r491-logo{width:74px;height:74px;border-radius:20px}
  #cx-r491-shell .cx-r491-title{font-size:clamp(27px,7.5vw,40px)}
  #cx-r491-shell .cx-r491-subtitle{font-size:14px}
  #cx-r491-shell .cx-r491-body{padding:19px 16px 20px}
  #cx-r491-shell .cx-r491-grid{grid-template-columns:1fr}
  #cx-r491-shell .cx-r491-actions{padding:14px 16px 17px}
}