/* =====================================================================
   VORTEX OS — RDS CONTINUITY EXPERIENCE v1
   UI + live semantic layer only. No engine or backend change.
   ===================================================================== */

.rdsPanel{
  position:relative;
  isolation:isolate;
  border-color:rgba(214,177,94,.30)!important;
  background:
    radial-gradient(780px 460px at 100% 0%, rgba(214,177,94,.11), transparent 58%),
    linear-gradient(180deg, rgba(15,20,31,.98), rgba(7,10,17,.99))!important;
}

.rdsPanel::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.22;
  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(180deg,#000,transparent 72%);
}

.rdsPanel > .section-head{
  padding-bottom:14px;
  border-bottom:1px solid rgba(255,255,255,.07);
}

.rdsPanel > .section-head .section-title{
  font-size:11px;
  letter-spacing:.22em;
}

.rdsContinuityHero{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) minmax(118px,.32fr);
  gap:16px;
  align-items:center;
  margin:2px 0 14px;
  padding:18px;
  border:1px solid rgba(214,177,94,.28);
  border-radius:26px;
  background:
    radial-gradient(circle at 92% 10%, rgba(240,216,157,.16), transparent 34%),
    linear-gradient(135deg, rgba(214,177,94,.095), rgba(255,255,255,.025) 55%);
  box-shadow:
    0 24px 68px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.06);
}

.rdsContinuityHero::after{
  content:"";
  position:absolute;
  width:240px;
  height:240px;
  right:-115px;
  bottom:-150px;
  border:1px solid rgba(214,177,94,.16);
  border-radius:50%;
  box-shadow:
    0 0 0 26px rgba(214,177,94,.025),
    0 0 0 52px rgba(214,177,94,.018);
  pointer-events:none;
}

.rdsContinuityOrb{
  width:58px;
  height:58px;
  border-radius:20px;
  display:grid;
  place-items:center;
  border:1px solid rgba(240,216,157,.34);
  background:
    radial-gradient(circle at 35% 30%, rgba(255,255,255,.22), transparent 24%),
    linear-gradient(145deg, rgba(214,177,94,.30), rgba(214,177,94,.07));
  box-shadow:0 14px 34px rgba(0,0,0,.28);
}

.rdsContinuityOrb span{
  position:relative;
  width:28px;
  height:28px;
  border:1.5px solid #f0d89d;
  border-radius:50%;
}

.rdsContinuityOrb span::before,
.rdsContinuityOrb span::after{
  content:"";
  position:absolute;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#f0d89d;
  box-shadow:0 0 18px rgba(240,216,157,.65);
}

.rdsContinuityOrb span::before{left:-3px;top:8px}
.rdsContinuityOrb span::after{right:-3px;bottom:4px}

.rdsContinuityEyebrow{
  color:var(--gold-2);
  font-size:9px;
  line-height:1.3;
  font-weight:900;
  letter-spacing:.19em;
  text-transform:uppercase;
}

.rdsContinuityCopy h2{
  margin:7px 0 0;
  max-width:24ch;
  color:#fbf4e8;
  font-size:clamp(19px,5vw,26px);
  line-height:1.08;
  letter-spacing:-.025em;
}

.rdsContinuityCopy p{
  margin:9px 0 0;
  max-width:58ch;
  color:var(--text-soft);
  font-size:12px;
  line-height:1.58;
}

.rdsTrustRow{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:12px;
}

.rdsTrustPill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:28px;
  padding:6px 9px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  background:rgba(255,255,255,.028);
  color:#cbd4e1;
  font-size:9px;
  font-weight:800;
  letter-spacing:.02em;
}

.rdsTrustPill i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#aee28f;
  box-shadow:0 0 10px rgba(174,226,143,.55);
}

.rdsCapacityLive{
  position:relative;
  z-index:1;
  min-width:118px;
  padding:13px 12px;
  border:1px solid rgba(214,177,94,.22);
  border-radius:20px;
  background:rgba(4,7,12,.36);
  text-align:center;
}

.rdsCapacityLiveLabel{
  color:var(--muted);
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.rdsCapacityLive strong{
  display:block;
  margin:6px 0 1px;
  color:#fff4dc;
  font-size:34px;
  line-height:1;
  letter-spacing:-.04em;
}

.rdsCapacityLive > span{
  display:block;
  color:var(--gold-2);
  font-size:9px;
  line-height:1.35;
  text-transform:uppercase;
}

.rdsCapacityLive small{
  display:block;
  margin-top:8px;
  color:#b9c3d2;
  font-size:9px;
  line-height:1.35;
}

.rdsCapacityLive.is-limited{
  border-color:rgba(242,183,183,.30);
  background:rgba(86,26,26,.16);
}

.rdsCapacityLive.is-limited strong,
.rdsCapacityLive.is-limited > span{
  color:#ffd0d0;
}

.rdsJourney{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 14px;
  padding:11px 12px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:20px;
  background:rgba(255,255,255,.022);
}

.rdsJourneyStep{
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
  flex:0 1 auto;
}

.rdsJourneyStep b{
  flex:0 0 auto;
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.10);
  border-radius:10px;
  color:var(--muted);
  font-size:10px;
}

.rdsJourneyStep.is-current b{
  border-color:rgba(214,177,94,.32);
  background:rgba(214,177,94,.12);
  color:var(--gold-2);
}

.rdsJourneyStep span{
  min-width:0;
  display:grid;
}

.rdsJourneyStep strong{
  color:#e9edf4;
  font-size:10px;
}

.rdsJourneyStep small{
  overflow:hidden;
  color:var(--muted);
  font-size:8px;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.rdsJourneyLine{
  height:1px;
  min-width:8px;
  flex:1 1 28px;
  background:linear-gradient(90deg, rgba(214,177,94,.24), rgba(255,255,255,.06));
}

.rdsStatusMission{
  position:relative;
  padding-left:38px;
  border-color:rgba(214,177,94,.22);
  background:linear-gradient(90deg, rgba(214,177,94,.09), rgba(214,177,94,.025));
}

.rdsStatusMission::before{
  content:"";
  position:absolute;
  left:14px;
  top:50%;
  width:10px;
  height:10px;
  border:2px solid var(--gold-2);
  border-radius:50%;
  transform:translateY(-50%);
  box-shadow:0 0 0 4px rgba(214,177,94,.08);
}

.rdsPanel label{
  display:block;
  margin:0 0 6px;
  color:#c8d1df;
  font-size:10px;
  font-weight:850;
  letter-spacing:.045em;
}

.rdsInput,.rdsSelect,.rdsTextarea{
  border-color:rgba(255,255,255,.10);
  background:rgba(2,5,10,.34);
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.rdsInput:focus,.rdsSelect:focus,.rdsTextarea:focus{
  border-color:rgba(214,177,94,.50);
  background:rgba(2,5,10,.48);
  box-shadow:0 0 0 3px rgba(214,177,94,.09);
}

.rdsBtn.primary{
  background:linear-gradient(135deg, #e6c675, #c89e43);
  border-color:rgba(255,239,191,.42);
  color:#1b1406;
  box-shadow:0 12px 28px rgba(198,154,60,.18);
}

.rdsBtn.primary:hover{
  filter:brightness(1.05);
}

.rdsItem{
  border-left:0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.018));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}

.rdsItemTitle{
  color:#f8efe0;
}

.rdsPanel .mini-card{
  position:relative;
  overflow:hidden;
}

.rdsPanel .mini-card::after{
  content:"";
  position:absolute;
  width:46px;
  height:46px;
  right:-20px;
  top:-20px;
  border-radius:50%;
  background:rgba(214,177,94,.08);
}

@keyframes rdsCapacityPulse{
  0%{transform:scale(1)}
  45%{transform:scale(1.12);color:#fff}
  100%{transform:scale(1)}
}

.rdsCapacityLive.is-updating strong,
#mainBalance.is-updating,
#remaining.is-updating,
#miniRest.is-updating{
  animation:rdsCapacityPulse .48s ease;
}

@media(max-width:620px){
  .rdsContinuityHero{
    grid-template-columns:auto minmax(0,1fr);
  }
  .rdsCapacityLive{
    grid-column:1 / -1;
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    gap:4px 12px;
    text-align:left;
  }
  .rdsCapacityLive strong{
    grid-row:1 / span 2;
    grid-column:2;
    margin:0;
  }
  .rdsCapacityLive small{
    margin-top:2px;
  }
}

@media(max-width:420px){
  .rdsContinuityHero{
    grid-template-columns:1fr;
    padding:15px;
  }
  .rdsContinuityOrb{width:48px;height:48px;border-radius:17px}
  .rdsJourneyStep small{display:none}
  .rdsJourney{gap:5px}
}