/* R208_MAIN_LIVE_STATUS */
.r208s{
  --r208-green:#4dd6a0;
  --r208-green-soft:rgba(77,214,160,.13);
  --r208-gold:var(--gold,#e7be62);
  --r208-gold-soft:rgba(231,190,98,.11);
  --r208-warn:#f2b35f;
  --r208-line:rgba(231,190,98,.20);
  position:relative;
}
.r208s .section-head{margin-bottom:22px}
.r208s__panel{
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);
  gap:clamp(18px,3.5vw,42px);
  overflow:hidden;
  padding:clamp(22px,4.5vw,48px);
  border-radius:36px;
}
.r208s__panel::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:390px;
  height:390px;
  inset:-210px auto auto 0;
  border-radius:50%;
  background:radial-gradient(circle,rgba(31,168,154,.18),transparent 68%);
  pointer-events:none;
}
.r208s__panel::after{
  content:"";
  position:absolute;
  z-index:-1;
  width:310px;
  height:310px;
  inset:auto 0 -190px auto;
  border:1px solid rgba(231,190,98,.16);
  border-radius:50%;
  box-shadow:0 0 0 34px rgba(231,190,98,.025),0 0 0 68px rgba(231,190,98,.018);
  pointer-events:none;
}
.r208s__summary{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.r208s__status{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:36px;
  padding:7px 13px;
  border:1px solid rgba(77,214,160,.22);
  border-radius:999px;
  background:var(--r208-green-soft);
  color:#bff4df;
  font-size:.72rem;
  font-weight:800;
}
.r208s__pulse{
  position:relative;
  width:9px;
  height:9px;
  flex:0 0 9px;
  border-radius:50%;
  background:var(--r208-green);
  box-shadow:0 0 15px rgba(77,214,160,.82);
}
.r208s__pulse::after{
  content:"";
  position:absolute;
  inset:-5px;
  border:1px solid rgba(77,214,160,.45);
  border-radius:inherit;
  animation:r208s-pulse 2.2s ease-out infinite;
}
.r208s__status[data-state="checking"]{
  border-color:rgba(231,190,98,.22);
  background:var(--r208-gold-soft);
  color:#f7dda0;
}
.r208s__status[data-state="checking"] .r208s__pulse{
  background:var(--r208-gold);
  box-shadow:0 0 15px rgba(231,190,98,.7);
}
.r208s__status[data-state="checking"] .r208s__pulse::after{border-color:rgba(231,190,98,.42)}
.r208s__status[data-state="degraded"]{
  border-color:rgba(242,179,95,.26);
  background:rgba(242,179,95,.1);
  color:#ffd7a2;
}
.r208s__status[data-state="degraded"] .r208s__pulse{
  background:var(--r208-warn);
  box-shadow:0 0 15px rgba(242,179,95,.64);
}
.r208s__status[data-state="degraded"] .r208s__pulse::after{border-color:rgba(242,179,95,.4)}
.r208s__summary h3{
  margin:20px 0 9px;
  font-size:clamp(1.35rem,3vw,2.35rem);
  line-height:1.55;
  letter-spacing:-.035em;
}
.r208s__summary-copy{
  max-width:500px;
  margin:0;
  color:#9eabb9;
  font-size:.8rem;
}
.r208s__session{
  width:100%;
  margin-top:24px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.065);
}
.r208s__session-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
  color:#8290a0;
  font-size:.66rem;
}
.r208s__bars{
  direction:ltr;
  display:flex;
  align-items:end;
  gap:5px;
  height:38px;
}
.r208s__bar{
  width:8px;
  min-height:8px;
  max-height:36px;
  border-radius:8px 8px 3px 3px;
  background:linear-gradient(180deg,#69e3b2,#1b9d86);
  box-shadow:0 0 12px rgba(77,214,160,.16);
  transform-origin:bottom;
  animation:r208s-rise .42s ease both;
}
.r208s__bars:empty::before{
  content:"پس از نخستین بررسی نمایش داده می‌شود";
  direction:rtl;
  align-self:center;
  color:#647181;
  font-size:.62rem;
}
.r208s__actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px 14px;
  margin-top:19px;
}
.r208s__refresh{
  min-height:42px;
  padding:9px 15px;
  border:1px solid var(--r208-line);
  border-radius:13px;
  background:rgba(231,190,98,.055);
  color:#f7dda0;
  font:inherit;
  font-size:.72rem;
  font-weight:800;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.r208s__refresh:hover{transform:translateY(-1px);border-color:rgba(231,190,98,.42);background:rgba(231,190,98,.09)}
.r208s__refresh:focus-visible{outline:2px solid #f7dda0;outline-offset:3px}
.r208s__refresh:disabled{cursor:wait;opacity:.62;transform:none}
.r208s__checked{color:#748191;font-size:.64rem}
.r208s__privacy{
  display:flex;
  align-items:flex-start;
  gap:8px;
  margin:18px 0 0;
  color:#768494;
  font-size:.64rem;
}
.r208s__privacy svg{width:16px;height:16px;flex:0 0 16px;margin-top:3px;color:var(--r208-gold)}
.r208s__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  align-content:center;
}
.r208s__item{
  position:relative;
  min-width:0;
  min-height:144px;
  padding:18px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.07);
  border-radius:21px;
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
}
.r208s__item::after{
  content:"";
  position:absolute;
  width:80px;
  height:80px;
  inset:auto -36px -42px auto;
  border:1px solid rgba(231,190,98,.1);
  border-radius:50%;
}
.r208s__item-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.r208s__icon{
  width:39px;
  height:39px;
  display:grid;
  place-items:center;
  border:1px solid rgba(231,190,98,.18);
  border-radius:13px;
  background:rgba(231,190,98,.055);
  color:#f4d58d;
}
.r208s__icon svg{width:19px;height:19px}
.r208s__mini-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--r208-green);
  box-shadow:0 0 11px rgba(77,214,160,.65);
}
.r208s__item[data-state="checking"] .r208s__mini-dot{background:var(--r208-gold);box-shadow:0 0 11px rgba(231,190,98,.55)}
.r208s__item[data-state="degraded"] .r208s__mini-dot{background:var(--r208-warn);box-shadow:0 0 11px rgba(242,179,95,.55)}
.r208s__item b{display:block;margin-top:14px;font-size:.84rem}
.r208s__value{
  display:block;
  margin-top:3px;
  overflow:hidden;
  color:#91a0af;
  font-size:.68rem;
  text-overflow:ellipsis;
  white-space:nowrap;
}
@keyframes r208s-pulse{0%{transform:scale(.7);opacity:.9}75%,100%{transform:scale(1.75);opacity:0}}
@keyframes r208s-rise{from{transform:scaleY(.15);opacity:.2}to{transform:scaleY(1);opacity:1}}
@media(max-width:900px){
  .r208s__panel{grid-template-columns:1fr}
  .r208s__summary{text-align:center;align-items:center}
  .r208s__summary-copy{margin-inline:auto}
  .r208s__session{max-width:580px}
  .r208s__actions{justify-content:center}
  .r208s__privacy{max-width:590px;text-align:right}
}
@media(max-width:620px){
  .r208s__panel{padding:20px;border-radius:28px}
  .r208s__grid{grid-template-columns:1fr}
  .r208s__item{min-height:112px;padding:16px}
  .r208s__item b{margin-top:10px}
  .r208s__session-head{align-items:flex-start;text-align:right}
}
@media(max-width:380px){
  .r208s__panel{padding:17px}
  .r208s__actions{align-items:stretch}
  .r208s__refresh{width:100%}
}
@media(prefers-reduced-motion:reduce){
  .r208s__pulse::after,.r208s__bar{animation:none}
  .r208s__refresh{transition:none}
}