/* ICODE R107.0 - Three-system choice UI */
#icode-option1-root .o1-hero{display:none!important}
#icode-option1-root .o1-shell{margin-top:24px!important}
#icode-option1-root:not([data-r1070-ready="1"]) [data-panel="1"] .o1-step1,
#icode-option1-root:not([data-r1070-ready="1"]) [data-panel="1"] .o1-footer{visibility:hidden!important}

#icode-option1-root .o1-stepper{
  margin-bottom:34px!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid #dfe7ec!important;
  border-radius:0!important;
  padding:0!important;
  overflow:visible!important;
}
#icode-option1-root .o1-step{
  padding:14px 12px 16px!important;
  min-height:76px!important;
  position:relative!important;
}
#icode-option1-root .o1-step.on:after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:-2px!important;
  height:3px!important;
  border-radius:3px!important;
  background:#f36b21!important;
}
#icode-option1-root .o1-step b{font-size:14px!important}
#icode-option1-root .o1-step small{font-size:12px!important;color:#6f8592!important}

#icode-option1-root [data-panel="1"] .o1-step1{
  padding:0!important;
}
#icode-option1-root .r1070-intro{
  text-align:center;
  margin:0 auto 26px;
  max-width:760px;
}
#icode-option1-root .r1070-intro h2{
  margin:0 0 8px;
  color:#063849;
  font-size:34px;
  line-height:1.05;
  letter-spacing:-.035em;
  font-weight:900;
}
#icode-option1-root .r1070-intro h2 span{color:#f36b21}
#icode-option1-root .r1070-intro p{
  margin:0;
  color:#6f8794;
  font-size:15px;
  line-height:1.5;
}
#icode-option1-root .o1-system-grid{
  display:none!important;
}
#icode-option1-root .r1070-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  width:100%;
}
#icode-option1-root .r1070-card{
  appearance:none;
  -webkit-appearance:none;
  position:relative;
  display:flex;
  flex-direction:column;
  width:100%;
  min-width:0;
  min-height:356px;
  padding:17px;
  background:#fff;
  border:1px solid #dce5e9;
  border-radius:18px;
  box-shadow:0 12px 28px rgba(7,55,71,.055);
  text-align:left;
  cursor:pointer;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease;
}
#icode-option1-root .r1070-card:hover{
  border-color:#bcd8d6;
  box-shadow:0 16px 34px rgba(7,55,71,.085);
  transform:translateY(-1px);
}
#icode-option1-root .r1070-card.on{
  border-color:#14b995;
  background:linear-gradient(180deg,#fbfffe 0%,#f4fcfa 100%);
  box-shadow:0 16px 36px rgba(20,185,149,.12);
}
#icode-option1-root .r1070-radio{
  position:absolute;
  top:17px;
  right:17px;
  width:23px;
  height:23px;
  border:2px solid #9fb5c0;
  border-radius:50%;
  background:#fff;
}
#icode-option1-root .r1070-card.on .r1070-radio{
  border-color:#14b995;
  box-shadow:inset 0 0 0 5px #fff;
  background:#14b995;
}
#icode-option1-root .r1070-head{
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  gap:14px;
  align-items:start;
  min-height:102px;
  padding-right:28px;
}
#icode-option1-root .r1070-icon{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:14px;
  font-size:28px;
  font-weight:900;
  background:#eef8fb;
  color:#073747;
}
#icode-option1-root .r1070-card[data-choice="erp-flow"] .r1070-icon{
  background:#e8faf5;
  color:#10b792;
}
#icode-option1-root .r1070-card[data-choice="crm-enterprise"] .r1070-icon{
  background:#eef0ff;
  color:#173f63;
}
#icode-option1-root .r1070-head h3{
  margin:1px 0 5px;
  color:#082f41;
  font-size:19px;
  line-height:1.15;
  font-weight:900;
}
#icode-option1-root .r1070-familiar{
  display:block;
  margin-bottom:4px;
  color:#082f41;
  font-size:13px;
  line-height:1.3;
  font-weight:850;
}
#icode-option1-root .r1070-copy{
  margin:0;
  color:#6e8390;
  font-size:12.5px;
  line-height:1.45;
}
#icode-option1-root .r1070-preview{
  flex:1;
  min-height:210px;
  margin-top:13px;
  overflow:hidden;
  border:1px solid #e2eaed;
  border-radius:14px;
  background:#f9fbfc;
  position:relative;
}

/* Enterprise mini workspace */
#icode-option1-root .r1070-enterprise{
  display:grid;
  grid-template-columns:84px 1fr;
  height:100%;
  min-height:210px;
}
#icode-option1-root .r1070-side{
  padding:12px 8px;
  background:#073c4b;
  color:#fff;
}
#icode-option1-root .r1070-side b{
  display:block;
  margin-bottom:12px;
  font-size:9px;
  letter-spacing:.03em;
}
#icode-option1-root .r1070-side i{
  display:block;
  height:9px;
  margin:9px 0;
  border-radius:5px;
  background:rgba(255,255,255,.30);
}
#icode-option1-root .r1070-side i:nth-child(3){width:75%;background:#fff}
#icode-option1-root .r1070-dash{padding:12px}
#icode-option1-root .r1070-topline{
  height:12px;
  width:55%;
  border-radius:6px;
  background:#edf2f4;
  margin-bottom:12px;
}
#icode-option1-root .r1070-kpis{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:8px;
}
#icode-option1-root .r1070-kpi{
  height:55px;
  padding:9px;
  border:1px solid #e6ecef;
  border-radius:9px;
  background:#fff;
}
#icode-option1-root .r1070-kpi strong{
  display:block;
  color:#082f41;
  font-size:16px;
}
#icode-option1-root .r1070-bars{margin-top:10px}
#icode-option1-root .r1070-bars i{
  display:block;
  height:8px;
  margin:8px 0;
  border-radius:4px;
  background:linear-gradient(90deg,#dce9ef 0 65%,#f1f5f7 65%);
}
#icode-option1-root .r1070-bars i:nth-child(2){background:linear-gradient(90deg,#86b8ff 0 52%,#eef3f6 52%)}
#icode-option1-root .r1070-bars i:nth-child(3){background:linear-gradient(90deg,#a6dbc9 0 72%,#eef3f6 72%)}

/* Flow app launcher */
#icode-option1-root .r1070-launcher{
  display:grid;
  grid-template-columns:48px 1fr;
  min-height:210px;
  height:100%;
  background:#fff;
}
#icode-option1-root .r1070-launcher-rail{
  padding:10px 7px;
  border-right:1px solid #edf1f3;
  background:#fbfcfd;
}
#icode-option1-root .r1070-launcher-rail i{
  display:block;
  width:25px;
  height:25px;
  margin:0 auto 10px;
  border-radius:8px;
  background:#e9eef1;
}
#icode-option1-root .r1070-launcher-rail i:first-child{background:#d9f6ee}
#icode-option1-root .r1070-app-area{padding:10px}
#icode-option1-root .r1070-search{
  height:23px;
  margin-bottom:10px;
  border-radius:8px;
  background:#f0f4f6;
}
#icode-option1-root .r1070-app-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
}
#icode-option1-root .r1070-app{
  position:relative;
  display:grid;
  place-items:center;
  aspect-ratio:1/1;
  border:1px solid #edf1f3;
  border-radius:12px;
  background:#fff;
  overflow:hidden;
}
#icode-option1-root .r1070-app span{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:8px;
  color:#fff;
  font-size:13px;
  font-weight:900;
  animation:r1070AppPulse 4.8s ease-in-out infinite;
}
#icode-option1-root .r1070-app:nth-child(1) span{background:#3e82f7}
#icode-option1-root .r1070-app:nth-child(2) span{background:#f29a38;animation-delay:.6s}
#icode-option1-root .r1070-app:nth-child(3) span{background:#7954da;animation-delay:1.2s}
#icode-option1-root .r1070-app:nth-child(4) span{background:#26b994;animation-delay:1.8s}
#icode-option1-root .r1070-app:nth-child(5) span{background:#ed5b9d;animation-delay:2.4s}
#icode-option1-root .r1070-app:nth-child(6) span{background:#347cf1;animation-delay:3s}
#icode-option1-root .r1070-app:nth-child(7) span{background:#f08b39;animation-delay:3.6s}
#icode-option1-root .r1070-app:nth-child(8) span{background:#75909e;animation-delay:4.2s}
@keyframes r1070AppPulse{
  0%,78%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(20,185,149,0)}
  85%{transform:scale(1.08);box-shadow:0 0 0 5px rgba(20,185,149,.10)}
}

/* CRM mini pipeline */
#icode-option1-root .r1070-crm{
  display:grid;
  grid-template-columns:82px 1fr;
  min-height:210px;
  height:100%;
  background:#fff;
}
#icode-option1-root .r1070-crm-side{
  padding:11px 8px;
  background:#f7f9fb;
  border-right:1px solid #edf1f3;
}
#icode-option1-root .r1070-crm-side b{
  display:block;
  margin-bottom:10px;
  color:#0a3344;
  font-size:10px;
}
#icode-option1-root .r1070-crm-side i{
  display:block;
  height:9px;
  margin:9px 0;
  border-radius:5px;
  background:#dce6eb;
}
#icode-option1-root .r1070-crm-side i:nth-child(2){background:#cdd8ff}
#icode-option1-root .r1070-pipe{padding:12px}
#icode-option1-root .r1070-pipe-title{
  height:12px;
  width:42%;
  margin-bottom:12px;
  border-radius:6px;
  background:#dbe4e8;
}
#icode-option1-root .r1070-cols{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
}
#icode-option1-root .r1070-col{
  min-height:150px;
  padding:7px;
  border:1px solid #e8edef;
  border-radius:10px;
  background:#fbfcfd;
}
#icode-option1-root .r1070-col strong{
  display:block;
  margin-bottom:8px;
  color:#0a3344;
  font-size:9px;
}
#icode-option1-root .r1070-lead{
  height:24px;
  margin:6px 0;
  border-radius:7px;
  background:#eef3f5;
  position:relative;
}
#icode-option1-root .r1070-lead:before{
  content:"";
  position:absolute;
  left:6px;
  top:8px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#f0a13a;
}
#icode-option1-root .r1070-col:nth-child(2) .r1070-lead:before{background:#73c5b3}
#icode-option1-root .r1070-col:nth-child(3) .r1070-lead:before{background:#7f83e8}

#icode-option1-root [data-panel="1"] .o1-footer{
  justify-content:center!important;
  border-top:0!important;
  padding-top:22px!important;
}
#icode-option1-root [data-panel="1"] .o1-footer .o1-note,
#icode-option1-root [data-panel="1"] .o1-footer .spacer{display:none!important}
#icode-option1-root [data-panel="1"] .o1-next{
  min-width:178px!important;
  justify-content:center!important;
  border-radius:12px!important;
}

html[dir="rtl"] #icode-option1-root .r1070-card{text-align:right}
html[dir="rtl"] #icode-option1-root .r1070-radio{right:auto;left:17px}
html[dir="rtl"] #icode-option1-root .r1070-head{padding-right:0;padding-left:28px}

@media(max-width:1050px){
  #icode-option1-root .r1070-grid{grid-template-columns:1fr!important}
  #icode-option1-root .r1070-card{min-height:auto!important}
  #icode-option1-root .r1070-preview{min-height:200px}
}