
/* ARVIS / Stayfit.com.tr radial sales funnel — visual-only dashboard enhancement.
   Rendered from existing live funnel fields, no API writes or fabricated metrics. */
body.stayfit-store-route .store-dashboard-grid>.store-funnel-card{grid-column:1 / -1}
body.stayfit-store-route .store-dashboard-grid>.store-products-card{grid-column:1 / 3}
body.stayfit-store-route .store-dashboard-grid>.store-health-card{grid-column:3 / 4}
body.stayfit-store-route .store-funnel-card{
  min-height:0;
  border-radius:23px;
  box-shadow:0 18px 48px rgba(40,90,168,.075),inset 0 1px #fff;
}
body.stayfit-store-route .store-funnel-card>header{
  min-height:72px;padding:0 27px;
  background:linear-gradient(135deg,#fff,#f4f9ff);
  border-bottom:1px solid #e5edf9;
}
body.stayfit-store-route .store-funnel-card>header h3{
  font-size:20px;letter-spacing:-.55px;color:#15315e;font-weight:850
}
body.stayfit-store-route .store-funnel-card>header .store-card-icon{
  width:40px;height:40px;border-radius:13px;
}
body.stayfit-store-route .store-funnel-card>header>small{
  padding:9px 12px;border-radius:12px;background:#f4f8ff;
  border:1px solid #e3ebfa;font-size:12px;color:#738bb4;
}
body.stayfit-store-route .store-radial-shell{
  display:grid;
  grid-template-columns:minmax(0,1.14fr) minmax(0,.90fr);
  align-items:center;gap:24px;
  max-width:1200px;margin-inline:auto;
  padding:24px 28px 30px;
}
body.stayfit-store-route .store-radial-art{
  position:relative;isolation:isolate;
  width:100%;max-width:555px;
  aspect-ratio:1/1;margin-inline:auto;
  background:radial-gradient(circle at 50% 64%,rgba(159,205,255,.09),transparent 66%);
}
body.stayfit-store-route .store-radial-ring{
  position:absolute;display:block;bottom:2.5%;left:50%;
  transform:translateX(-50%);aspect-ratio:1/1;
  border-radius:50%;pointer-events:none;
  border:1px solid rgba(80,158,253,.20);
  box-shadow:inset 0 0 25px rgba(255,255,255,.62),0 7px 22px rgba(55,104,195,.035);
}
body.stayfit-store-route .store-radial-ring.ring-1{
  width:98%;
  background:linear-gradient(160deg,rgba(196,224,255,.63),rgba(228,244,255,.26));
}
body.stayfit-store-route .store-radial-ring.ring-2{
  width:79%;bottom:3.1%;
  background:linear-gradient(160deg,rgba(142,195,255,.54),rgba(191,226,255,.39));
  border-color:rgba(77,159,255,.27);
}
body.stayfit-store-route .store-radial-ring.ring-3{
  width:60%;bottom:3.9%;
  background:linear-gradient(160deg,rgba(122,172,255,.43),rgba(158,199,255,.55));
  border-color:rgba(93,138,250,.28);
}
body.stayfit-store-route .store-radial-ring.ring-4{
  width:43%;bottom:4.8%;
  background:linear-gradient(150deg,rgba(124,125,249,.40),rgba(120,154,253,.50));
  border-color:rgba(102,96,234,.36);
}
body.stayfit-store-route .store-radial-ring.ring-5{
  width:25%;bottom:5.4%;
  background:linear-gradient(155deg,#397dff,#0d50d9);
  border:5px solid rgba(255,255,255,.65);
  box-shadow:0 9px 30px rgba(38,89,225,.25),0 0 0 8px rgba(73,133,255,.17);
}
body.stayfit-store-route .store-radial-axis{
  position:absolute;left:50%;top:11%;bottom:10%;width:2px;
  transform:translateX(-50%);
  background:repeating-linear-gradient(to bottom,rgba(28,111,244,.64) 0 3px,transparent 3px 10px);
  z-index:2;pointer-events:none;
}
body.stayfit-store-route .store-radial-label{
  position:absolute;left:50%;transform:translateX(-50%);
  width:max-content;max-width:88%;
  z-index:3;display:grid;place-items:center;justify-items:center;
  text-align:center;
}
body.stayfit-store-route .store-radial-label.radial-label-1{top:3%}
body.stayfit-store-route .store-radial-label.radial-label-2{top:23%}
body.stayfit-store-route .store-radial-label.radial-label-3{top:43%}
body.stayfit-store-route .store-radial-label.radial-label-4{top:63%}
body.stayfit-store-route .store-radial-label.radial-label-5{top:79%}
body.stayfit-store-route .store-radial-badge{
  display:grid;place-items:center;z-index:1;
  width:40px;height:40px;margin-bottom:-2px;
  border-radius:50%;border:2px solid rgba(255,255,255,.75);
  background:linear-gradient(145deg,#56b1ff,#1976f4);
  box-shadow:0 7px 16px rgba(25,93,211,.19);color:#fff;
}
body.stayfit-store-route .store-radial-badge .store-svg-icon{width:22px;height:22px}
body.stayfit-store-route .radial-label-4 .store-radial-badge{
  background:linear-gradient(145deg,#9472fa,#5d3fe2)
}
body.stayfit-store-route .radial-label-5 .store-radial-badge{
  background:linear-gradient(145deg,#fff,#e7f1ff);color:#1561e7
}
body.stayfit-store-route .store-radial-copy{
  display:grid;gap:1px;place-items:center;
  min-width:150px;max-width:100%;padding:5px 13px 7px;
  border:1px solid rgba(255,255,255,.78);border-radius:30px;
  background:rgba(255,255,255,.80);backdrop-filter:blur(9px);
  box-shadow:0 7px 18px rgba(57,110,195,.07);
  color:#23477e;line-height:1.1;
}
body.stayfit-store-route .store-radial-copy>span{
  font-size:12px;font-weight:700;white-space:normal
}
body.stayfit-store-route .store-radial-copy>strong{
  font-size:20px;font-weight:900;color:#12366f;line-height:1.12;
}
body.stayfit-store-route .radial-label-5 .store-radial-copy{
  min-width:105px;padding:3px 7px 5px;
  border-color:transparent;background:transparent;
  box-shadow:none;backdrop-filter:none;color:#fff
}
body.stayfit-store-route .radial-label-5 .store-radial-copy>strong{color:#fff}
body.stayfit-store-route .store-radial-shell .store-funnel-stats{
  display:grid;grid-template-columns:minmax(0,1fr);
  gap:12px;min-width:0;
}
body.stayfit-store-route .store-radial-shell .store-funnel-stat{
  position:relative;display:grid;
  grid-template-columns:54px minmax(0,1fr) auto;
  align-items:center;min-height:91px;gap:13px;
  border:1px solid #e0eafa;border-radius:18px;
  background:linear-gradient(125deg,rgba(255,255,255,.97),rgba(249,252,255,.9));
  padding:12px 15px;
  box-shadow:0 9px 25px rgba(51,96,164,.055),inset 0 1px 0 #fff;
}
body.stayfit-store-route .store-funnel-stat-icon{
  display:grid;place-items:center;
  width:52px;height:52px;border-radius:15px;
  background:linear-gradient(145deg,#eef6ff,#deedff);
  color:#237cf4;
}
body.stayfit-store-route .store-funnel-stat-icon .store-svg-icon{
  width:27px;height:27px
}
body.stayfit-store-route .store-funnel-stat.tone-4 .store-funnel-stat-icon{
  background:linear-gradient(145deg,#f2eeff,#e6ddff);color:#7450eb;
}
body.stayfit-store-route .store-funnel-stat.tone-5 .store-funnel-stat-icon{
  background:linear-gradient(145deg,#eaf1ff,#dce8ff);color:#255bdc;
}
body.stayfit-store-route .store-funnel-stat-content{min-width:0}
body.stayfit-store-route .store-funnel-stat-content>small{
  display:block;font-size:12px;font-weight:700;color:#6d83a9;
}
body.stayfit-store-route .store-funnel-stat-content>strong{
  display:block;margin-top:2px;color:#173869;font-size:23px;font-weight:850;
  line-height:1.1;
}
body.stayfit-store-route .store-funnel-stat-rate{
  justify-self:end;align-self:start;
  display:grid;place-items:center;min-width:54px;
  padding:8px 9px;border-radius:22px;background:#e9f3ff;
  color:#1773f3;font-size:15px;font-weight:850;
}
body.stayfit-store-route .store-funnel-stat.tone-4 .store-funnel-stat-rate{
  background:#f0eaff;color:#7351e8
}
body.stayfit-store-route .store-funnel-stat-track{
  display:block;margin-top:10px;width:100%;height:8px;
  border-radius:20px;overflow:hidden;background:#e9eff9;
}
body.stayfit-store-route .store-funnel-stat-track>span{
  display:block;height:100%;border-radius:inherit;
  background:linear-gradient(90deg,#91d3ff,#257cf8);
}
body.stayfit-store-route .store-funnel-stat.tone-4 .store-funnel-stat-track>span{
  background:linear-gradient(90deg,#947cfa,#6241e5)
}
body.stayfit-store-route .store-funnel-note{
  grid-column:1/-1;margin:0;padding:9px 13px;
  color:#6c7794;background:#f5f8fe;border:1px solid #e3ebf8;
  border-radius:11px;font-size:12px;line-height:1.5;
}
body.stayfit-store-route .store-detail-grid:has(.store-radial-shell){
  grid-template-columns:minmax(0,1fr)
}
body.stayfit-store-route .store-detail-grid>.store-card:has(.store-radial-shell){
  padding:0;min-height:0;
}
@media(max-width:1200px){
  body.stayfit-store-route .store-dashboard-grid>.store-funnel-card{grid-column:1/-1}
  body.stayfit-store-route .store-dashboard-grid>.store-products-card,
  body.stayfit-store-route .store-dashboard-grid>.store-health-card{grid-column:auto}
}
@media(max-width:900px){
  body.stayfit-store-route .store-radial-shell{
    grid-template-columns:minmax(0,1fr);gap:18px;padding:18px 15px 23px
  }
  body.stayfit-store-route .store-radial-art{max-width:460px}
  body.stayfit-store-route .store-radial-shell .store-funnel-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));gap:9px
  }
  body.stayfit-store-route .store-radial-shell .store-funnel-stat{
    grid-template-columns:40px minmax(0,1fr) auto;
    min-height:78px;padding:10px;gap:9px
  }
  body.stayfit-store-route .store-funnel-stat-icon{width:40px;height:40px}
  body.stayfit-store-route .store-funnel-stat-icon .store-svg-icon{width:23px;height:23px}
}
@media(max-width:600px){
  body.stayfit-store-route .store-radial-shell .store-funnel-stats{grid-template-columns:1fr}
  body.stayfit-store-route .store-radial-art{max-width:380px}
  body.stayfit-store-route .store-funnel-card>header{padding-inline:15px}
  body.stayfit-store-route .store-funnel-card>header h3{font-size:17px}
  body.stayfit-store-route .store-radial-label .store-radial-badge{width:29px;height:29px}
  body.stayfit-store-route .store-radial-badge .store-svg-icon{width:18px;height:18px}
  body.stayfit-store-route .store-radial-copy{min-width:128px;padding:3px 10px 4px}
  body.stayfit-store-route .store-radial-copy>span{font-size:10px}
  body.stayfit-store-route .store-radial-copy>strong{font-size:17px}
  body.stayfit-store-route .radial-label-5 .store-radial-copy{min-width:82px}
}
@media(max-width:365px){
  body.stayfit-store-route .store-radial-shell{padding-inline:8px}
  body.stayfit-store-route .store-radial-copy{min-width:112px}
}
@media(prefers-reduced-motion:reduce){
  body.stayfit-store-route .store-radial-shell *{animation:none!important;transition:none!important}
}
