/* Runjo OS — Premium Live-Demo Skin · ADA ELEKTRO / VR Smart Home OS
   Ersetzt visualisierung-page.css. Alles unter #ros-app gescoped. */

#ros-app{
  --rjo-bg:#070C15;
  --rjo-bg2:#0B1220;
  --rjo-panel:rgba(255,255,255,.045);
  --rjo-panel2:rgba(255,255,255,.02);
  --rjo-line:rgba(255,255,255,.075);
  --rjo-line2:rgba(255,255,255,.13);
  --rjo-text:#E9EFF8;
  --rjo-muted:#8496AF;
  --rjo-dim:#5D6E86;
  --rjo-cyan:#22D3EE;
  --rjo-green:#34D399;
  --rjo-amber:#F5B942;
  --rjo-violet:#A78BFA;
  --rjo-red:#F87171;
  --rjo-head:"Rajdhani","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --rjo-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --rjo-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --rjo-r:18px;
  display:block;
  font-family:var(--rjo-body);
  color:var(--rjo-text);
  -webkit-font-smoothing:antialiased;
}
#ros-app *,#ros-app *::before,#ros-app *::after{box-sizing:border-box}
#ros-app button{font:inherit;color:inherit;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
#ros-app :focus-visible{outline:2px solid var(--rjo-cyan);outline-offset:2px;border-radius:8px}

/* ---------- Tablet-Rahmen ---------- */
.rjo-stage{
  position:relative;padding:clamp(8px,2.2vw,34px) 0;
}
.rjo-stage::before{
  content:"";position:absolute;left:50%;top:6%;width:min(1100px,94%);height:80%;transform:translateX(-50%);
  background:radial-gradient(60% 60% at 50% 40%,rgba(34,211,238,.16),transparent 70%),
             radial-gradient(50% 50% at 80% 70%,rgba(52,211,153,.12),transparent 70%);
  filter:blur(46px);z-index:0;pointer-events:none;
}
.rjo-device{
  position:relative;z-index:1;max-width:1160px;margin:0 auto;border-radius:34px;
  padding:clamp(9px,1.4vw,15px);
  background:linear-gradient(155deg,#39435A 0%,#131B29 26%,#0C121D 62%,#2A3548 100%);
  box-shadow:0 44px 90px -34px rgba(2,8,20,.75),0 10px 26px -12px rgba(2,8,20,.5),
             inset 0 1px 0 rgba(255,255,255,.16),inset 0 -1px 0 rgba(255,255,255,.05);
}
.rjo-device::after{ /* Kamera */
  content:"";position:absolute;top:calc(clamp(9px,1.4vw,15px) / 2);left:50%;transform:translate(-50%,-50%);
  width:7px;height:7px;border-radius:50%;background:#05080E;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 0 6px rgba(34,211,238,.35);
}
.rjo-screen{
  position:relative;border-radius:22px;overflow:hidden;background:var(--rjo-bg);
  background-image:radial-gradient(90% 70% at 12% 0%,rgba(34,211,238,.10),transparent 60%),
                   radial-gradient(80% 70% at 100% 100%,rgba(52,211,153,.09),transparent 60%);
  min-height:600px;
}
.rjo-screen::after{ /* Glas-Reflex */
  content:"";position:absolute;inset:0;pointer-events:none;z-index:6;
  background:linear-gradient(128deg,rgba(255,255,255,.07) 0%,rgba(255,255,255,.015) 26%,transparent 46%);
  mix-blend-mode:screen;
}

/* ---------- Topbar ---------- */
.rjo-top{
  position:relative;z-index:4;display:flex;align-items:center;gap:14px;
  padding:14px clamp(14px,2.2vw,22px);border-bottom:1px solid var(--rjo-line);
  background:linear-gradient(180deg,rgba(9,15,26,.92),rgba(9,15,26,.62));
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
.rjo-brand{display:flex;align-items:center;gap:11px;min-width:0}
.rjo-btxt{display:flex;flex-direction:column;min-width:0}
.rjo-time{display:flex;flex-direction:column;align-items:flex-end;flex:none}
.rjo-mark{
  width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex:none;
  background:linear-gradient(145deg,rgba(34,211,238,.24),rgba(52,211,153,.16));
  box-shadow:inset 0 0 0 1px rgba(34,211,238,.35),0 6px 16px -8px rgba(34,211,238,.7);
  color:var(--rjo-cyan);
}
.rjo-mark svg{width:20px;height:20px}
.rjo-bname{font-family:var(--rjo-head);font-weight:700;font-size:17px;letter-spacing:.06em;line-height:1.05;white-space:nowrap}
.rjo-bname i{font-style:normal;color:var(--rjo-cyan)}
.rjo-bsub{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--rjo-dim);margin-top:2px}
.rjo-topsp{flex:1 1 auto}
.rjo-chip{
  display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;border-radius:999px;
  border:1px solid var(--rjo-line);background:var(--rjo-panel);font-size:12.5px;color:var(--rjo-muted);white-space:nowrap;
}
.rjo-chip svg{width:15px;height:15px;color:var(--rjo-muted)}
.rjo-chip b{color:var(--rjo-text);font-weight:600}
.rjo-live{color:var(--rjo-green)}
.rjo-live .rjo-pulse{width:7px;height:7px;border-radius:50%;background:var(--rjo-green);box-shadow:0 0 0 0 rgba(52,211,153,.6);animation:rjoPulse 2.4s infinite}
@keyframes rjoPulse{0%{box-shadow:0 0 0 0 rgba(52,211,153,.55)}70%{box-shadow:0 0 0 7px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}
.rjo-clock{font-family:var(--rjo-head);font-weight:600;font-size:19px;letter-spacing:.04em;line-height:1;text-align:right}
.rjo-date{font-size:10.5px;color:var(--rjo-dim);letter-spacing:.1em;text-transform:uppercase;margin-top:3px;text-align:right}

/* ---------- Body / Rail ---------- */
.rjo-body{display:grid;grid-template-columns:104px 1fr;min-height:540px}
.rjo-rail{
  position:relative;z-index:3;display:flex;flex-direction:column;gap:6px;padding:16px 10px;
  border-right:1px solid var(--rjo-line);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent);
}
.rjo-navbtn{
  background:transparent;
  display:flex;flex-direction:column;align-items:center;gap:6px;padding:11px 4px;border-radius:14px;
  color:var(--rjo-dim);transition:color .18s,background .18s,transform .18s;position:relative;
}
.rjo-navbtn svg{width:22px;height:22px}
.rjo-navbtn span{font-size:10.5px;font-weight:600;letter-spacing:.02em;text-align:center;line-height:1.2}
.rjo-navbtn:hover{color:var(--rjo-muted);background:rgba(255,255,255,.04)}
.rjo-navbtn.on{color:var(--rjo-cyan);background:linear-gradient(180deg,rgba(34,211,238,.16),rgba(34,211,238,.05))}
.rjo-navbtn.on::before{content:"";position:absolute;left:-10px;top:20%;bottom:20%;width:3px;border-radius:0 3px 3px 0;background:var(--rjo-cyan);box-shadow:0 0 12px rgba(34,211,238,.8)}
.rjo-main{position:relative;z-index:2;padding:clamp(14px,2vw,20px);overflow:hidden}

/* ---------- Grid & Cards ---------- */
.rjo-view{display:none;grid-template-columns:repeat(12,1fr);gap:14px;align-items:stretch}
.rjo-view.on{display:grid;animation:rjoFade .34s ease both}
.rjo-card{display:flex;flex-direction:column}
@keyframes rjoFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.rjo-card{
  grid-column:span 12;border-radius:var(--rjo-r);padding:16px;
  background:linear-gradient(180deg,var(--rjo-panel),var(--rjo-panel2));
  border:1px solid var(--rjo-line);
  box-shadow:0 18px 34px -26px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.05);
}
.rjo-c4{grid-column:span 4}.rjo-c5{grid-column:span 5}.rjo-c6{grid-column:span 6}
.rjo-c7{grid-column:span 7}.rjo-c8{grid-column:span 8}.rjo-c3{grid-column:span 3}
.rjo-ct{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-family:var(--rjo-head);
  font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--rjo-muted)}
.rjo-ct .rjo-d{width:7px;height:7px;border-radius:50%;background:var(--rjo-cyan);box-shadow:0 0 9px currentColor;color:var(--rjo-cyan);flex:none}
.rjo-ct .rjo-d.g{background:var(--rjo-green);color:var(--rjo-green)}
.rjo-ct .rjo-d.a{background:var(--rjo-amber);color:var(--rjo-amber)}
.rjo-ct .rjo-d.v{background:var(--rjo-violet);color:var(--rjo-violet)}
.rjo-ct .rjo-d.r{background:var(--rjo-red);color:var(--rjo-red)}
.rjo-ct em{margin-left:auto;font-style:normal;letter-spacing:.02em;text-transform:none;font-size:12px;color:var(--rjo-dim);font-weight:600}

/* ---------- Entity row ---------- */
.rjo-ent{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--rjo-line)}
.rjo-ent:first-of-type{border-top:0;padding-top:2px}
.rjo-ic{
  width:40px;height:40px;flex:none;border-radius:13px;display:grid;place-items:center;
  background:rgba(255,255,255,.05);border:1px solid var(--rjo-line);color:var(--rjo-dim);
  transition:color .25s,background .25s,box-shadow .25s;
}
.rjo-ic svg{width:20px;height:20px}
.rjo-ent.on .rjo-ic{color:var(--rjo-amber);background:rgba(245,185,66,.14);box-shadow:0 0 0 1px rgba(245,185,66,.3),0 0 18px -6px rgba(245,185,66,.75)}
.rjo-ent.on.cy .rjo-ic{color:var(--rjo-cyan);background:rgba(34,211,238,.14);box-shadow:0 0 0 1px rgba(34,211,238,.3),0 0 18px -6px rgba(34,211,238,.75)}
.rjo-etxt{min-width:0;flex:1 1 auto}
.rjo-en{font-size:14px;font-weight:600;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rjo-es{font-size:12px;color:var(--rjo-dim);margin-top:2px}
.rjo-ent.on .rjo-es{color:var(--rjo-muted)}

/* Toggle */
.rjo-sw{width:50px;height:29px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid var(--rjo-line);
  position:relative;flex:none;transition:background .25s,border-color .25s,box-shadow .25s}
.rjo-sw::after{content:"";position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;
  background:#C6D2E2;transition:transform .28s cubic-bezier(.34,1.56,.64,1),background .25s;box-shadow:0 2px 6px rgba(0,0,0,.45)}
.rjo-sw[aria-checked="true"]{background:linear-gradient(90deg,rgba(34,211,238,.45),rgba(52,211,153,.5));border-color:rgba(52,211,153,.5);box-shadow:0 0 18px -6px rgba(52,211,153,.9)}
.rjo-sw[aria-checked="true"]::after{transform:translateX(21px);background:#fff}

/* Slider */
.rjo-sl{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;margin:10px 0 2px;
  background:linear-gradient(90deg,var(--f,var(--rjo-amber)) var(--p,0%),rgba(255,255,255,.09) var(--p,0%));cursor:pointer}
.rjo-sl::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;
  border:3px solid var(--f,var(--rjo-amber));box-shadow:0 2px 8px rgba(0,0,0,.5);cursor:grab}
.rjo-sl::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--f,var(--rjo-amber));cursor:grab}
.rjo-sl:disabled{opacity:.45;cursor:default}

/* ---------- Glance tiles ---------- */
.rjo-gl{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px}
.rjo-gt{padding:12px 10px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid var(--rjo-line);text-align:center}
.rjo-gt svg{width:19px;height:19px;color:var(--rjo-dim);margin-bottom:6px}
.rjo-gv{font-family:var(--rjo-head);font-weight:700;font-size:21px;line-height:1;letter-spacing:.01em}
.rjo-gv small{font-size:12px;font-weight:600;color:var(--rjo-muted);margin-left:1px}
.rjo-gl-lbl{font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--rjo-dim);margin-top:6px}

/* ---------- Thermostat ---------- */
.rjo-th{display:flex;align-items:flex-start;gap:18px;flex-wrap:wrap;justify-content:flex-start}
.rjo-dial{position:relative;width:150px;height:150px;flex:none}
.rjo-dial svg{width:100%;height:100%;transform:rotate(135deg)}
.rjo-dial .tr{stroke:rgba(255,255,255,.08)}
.rjo-dial .fi{stroke-linecap:round;transition:stroke-dashoffset .5s ease}
.rjo-dc{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.rjo-dt{font-family:var(--rjo-head);font-weight:700;font-size:38px;line-height:1;letter-spacing:-.01em}
.rjo-dt sup{font-size:17px;vertical-align:super;font-weight:600;color:var(--rjo-muted)}
.rjo-dl{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--rjo-dim);margin-top:5px}
.rjo-thr{flex:1 1 150px;min-width:140px}
.rjo-pm{display:flex;gap:9px;margin-bottom:12px}
.rjo-rb{width:44px;height:44px;border-radius:13px;border:1px solid var(--rjo-line2);background:rgba(255,255,255,.05);
  display:grid;place-items:center;transition:background .18s,transform .12s,border-color .18s}
.rjo-rb:hover{background:rgba(255,255,255,.1)}
.rjo-rb:active{transform:scale(.94)}
.rjo-rb svg{width:19px;height:19px}
.rjo-cur{font-size:12.5px;color:var(--rjo-muted);margin-bottom:12px}
.rjo-cur b{color:var(--rjo-text);font-weight:600}
.rjo-seg{display:inline-flex;padding:3px;gap:3px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid var(--rjo-line)}
.rjo-seg button{background:transparent;padding:7px 13px;border-radius:9px;font-size:12.5px;font-weight:600;color:var(--rjo-dim);transition:all .18s}
.rjo-seg button.on{background:linear-gradient(180deg,rgba(245,185,66,.9),rgba(245,185,66,.72));color:#241703;box-shadow:0 4px 12px -6px rgba(245,185,66,.9)}
.rjo-seg button.on.cy{background:linear-gradient(180deg,rgba(34,211,238,.9),rgba(34,211,238,.7));color:#032027;box-shadow:0 4px 12px -6px rgba(34,211,238,.9)}

/* ---------- Covers ---------- */
.rjo-cv{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--rjo-line)}
.rjo-cv:first-of-type{border-top:0;padding-top:2px}
.rjo-cvt{flex:1 1 auto;min-width:0}
.rjo-cv .rjo-en{font-size:13.5px}
.rjo-bar{height:5px;border-radius:999px;background:rgba(255,255,255,.09);margin-top:8px;overflow:hidden}
.rjo-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--rjo-cyan),var(--rjo-green));transition:width .5s cubic-bezier(.4,0,.2,1)}
.rjo-cvb{display:flex;gap:6px;flex:none}
.rjo-cvb button{width:36px;height:36px;border-radius:11px;border:1px solid var(--rjo-line2);background:rgba(255,255,255,.05);display:grid;place-items:center;transition:background .16s,transform .12s}
.rjo-cvb button:hover{background:rgba(255,255,255,.11)}
.rjo-cvb button:active{transform:scale(.93)}
.rjo-cvb svg{width:17px;height:17px}

/* ---------- Scenes ---------- */
.rjo-sc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.rjo-sb{padding:15px 8px;border-radius:15px;border:1px solid var(--rjo-line);background:rgba(255,255,255,.035);
  display:flex;flex-direction:column;align-items:center;gap:9px;transition:transform .16s,background .2s,border-color .2s,box-shadow .2s}
.rjo-sb svg{width:23px;height:23px;color:var(--rjo-muted);transition:color .2s}
.rjo-sb span{font-size:12.5px;font-weight:600;text-align:center;line-height:1.25}
.rjo-sb:hover{background:rgba(255,255,255,.075);transform:translateY(-2px)}
.rjo-sb.fire{border-color:rgba(34,211,238,.55);background:rgba(34,211,238,.14);box-shadow:0 0 24px -8px rgba(34,211,238,.9)}
.rjo-sb.fire svg{color:var(--rjo-cyan)}

/* ---------- Weather ---------- */
.rjo-wnow{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.rjo-wic{width:54px;height:54px;flex:none;color:var(--rjo-amber)}
.rjo-wic svg{width:100%;height:100%}
.rjo-wt{font-family:var(--rjo-head);font-weight:700;font-size:40px;line-height:1}
.rjo-wt sup{font-size:19px;vertical-align:super;color:var(--rjo-muted)}
.rjo-wd{font-size:12.5px;color:var(--rjo-muted);margin-top:4px}
.rjo-fc{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;border-top:1px solid var(--rjo-line);padding-top:13px}
.rjo-fd{text-align:center}
.rjo-fd b{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--rjo-dim);font-weight:600}
.rjo-fd svg{width:21px;height:21px;margin:7px 0;color:var(--rjo-muted)}
.rjo-fd i{display:block;font-style:normal;font-family:var(--rjo-head);font-weight:600;font-size:15px}

/* ---------- Energy ---------- */
.rjo-big{font-family:var(--rjo-head);font-weight:700;font-size:42px;line-height:1;letter-spacing:-.01em;
  background:linear-gradient(93deg,var(--rjo-amber),#FFDFA0);-webkit-background-clip:text;background-clip:text;color:transparent}
.rjo-bigl{font-size:12.5px;color:var(--rjo-muted);margin-left:9px;font-weight:500}
.rjo-erow{display:flex;align-items:center;gap:11px;padding:9px 0}
.rjo-erow svg{width:17px;height:17px;flex:none}
.rjo-el{font-size:12.5px;color:var(--rjo-muted);width:72px;flex:none}
.rjo-et{flex:1 1 auto;height:5px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.rjo-et i{display:block;height:100%;border-radius:999px;transition:width .6s cubic-bezier(.4,0,.2,1)}
.rjo-ev{font-family:var(--rjo-head);font-weight:700;font-size:14.5px;width:96px;text-align:right;flex:none;white-space:nowrap}
.rjo-flow{margin-top:14px;padding-top:13px;border-top:1px solid var(--rjo-line);display:flex;align-items:center;justify-content:space-between;gap:8px}
.rjo-fn{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;color:var(--rjo-dim)}
.rjo-fn .b{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.05);border:1px solid var(--rjo-line)}
.rjo-fn svg{width:19px;height:19px}
.rjo-fl{flex:1 1 auto;height:2px;background:rgba(255,255,255,.1);position:relative;overflow:hidden;border-radius:2px}
.rjo-fl::after{content:"";position:absolute;top:0;left:-40%;width:40%;height:100%;border-radius:2px;
  background:linear-gradient(90deg,transparent,var(--rjo-green),transparent);animation:rjoFlow 2.4s linear infinite}
@keyframes rjoFlow{to{left:110%}}

/* ---------- Media ---------- */
.rjo-md{display:flex;gap:14px;align-items:center}
.rjo-art{width:76px;height:76px;flex:none;border-radius:14px;position:relative;overflow:hidden;
  background:linear-gradient(140deg,#1E3A5F,#0F2740 45%,#123B3A);box-shadow:0 10px 22px -12px rgba(0,0,0,.9)}
.rjo-art::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 60% at 30% 25%,rgba(34,211,238,.5),transparent 60%)}
.rjo-art svg{position:absolute;inset:0;margin:auto;width:26px;height:26px;color:rgba(255,255,255,.85);z-index:1}
.rjo-mi{flex:1 1 auto;min-width:0}
.rjo-mt{font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rjo-ma{font-size:12px;color:var(--rjo-dim);margin-top:2px}
.rjo-mp{display:flex;align-items:center;gap:9px;margin-top:10px}
.rjo-mp .t{font-family:var(--rjo-mono);font-size:10.5px;color:var(--rjo-dim);flex:none}
.rjo-tc{display:flex;align-items:center;gap:7px;margin-top:12px}
.rjo-tc button{width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid var(--rjo-line);
  display:grid;place-items:center;transition:background .16s,transform .12s}
.rjo-tc button:hover{background:rgba(255,255,255,.11)}
.rjo-tc button:active{transform:scale(.93)}
.rjo-tc button.pp{background:linear-gradient(180deg,rgba(34,211,238,.92),rgba(34,211,238,.72));border-color:transparent;color:#04222A;
  box-shadow:0 6px 18px -8px rgba(34,211,238,.95)}
.rjo-tc svg{width:17px;height:17px}
.rjo-vol{display:flex;align-items:center;gap:9px;margin-left:auto;min-width:110px;flex:1 1 110px}
.rjo-vol svg{width:16px;height:16px;color:var(--rjo-dim);flex:none}

/* ---------- Security ---------- */
.rjo-alarm{display:flex;gap:18px;flex-wrap:wrap;align-items:flex-start}
.rjo-astate{display:flex;flex-direction:column}
.rjo-astate .rjo-badge{align-self:flex-start}
.rjo-abtn{margin-top:auto}
.rjo-astate{flex:1 1 170px;min-width:160px}
.rjo-badge{display:inline-flex;align-items:center;gap:9px;padding:9px 15px;border-radius:12px;font-weight:700;
  font-family:var(--rjo-head);letter-spacing:.06em;font-size:15px;border:1px solid}
.rjo-badge.off{color:var(--rjo-green);border-color:rgba(52,211,153,.4);background:rgba(52,211,153,.12)}
.rjo-badge.on{color:var(--rjo-red);border-color:rgba(248,113,113,.45);background:rgba(248,113,113,.14)}
.rjo-badge svg{width:17px;height:17px}
.rjo-pin{display:flex;gap:8px;margin:14px 0}
.rjo-pin i{width:13px;height:13px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid var(--rjo-line2);transition:background .2s,box-shadow .2s}
.rjo-pin i.f{background:var(--rjo-cyan);box-shadow:0 0 12px rgba(34,211,238,.85);border-color:transparent}
.rjo-keys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;flex:0 1 210px;min-width:180px}
.rjo-keys button{height:48px;border-radius:13px;border:1px solid var(--rjo-line);background:rgba(255,255,255,.045);
  font-family:var(--rjo-head);font-weight:700;font-size:19px;transition:background .15s,transform .1s}
.rjo-keys button:hover{background:rgba(255,255,255,.1)}
.rjo-keys button:active{transform:scale(.95)}
.rjo-keys button svg{width:17px;height:17px;margin:0 auto}
.rjo-abtn{background:transparent;width:100%;margin-top:12px;height:44px;border-radius:13px;font-weight:700;font-family:var(--rjo-head);
  letter-spacing:.05em;font-size:14.5px;border:1px solid transparent;transition:filter .18s,transform .12s}
.rjo-abtn:active{transform:scale(.985)}
.rjo-abtn.arm{background:linear-gradient(180deg,rgba(248,113,113,.92),rgba(220,80,80,.8));color:#2A0808}
.rjo-abtn.dis{background:linear-gradient(180deg,rgba(52,211,153,.92),rgba(40,180,130,.8));color:#04241A}
.rjo-cam{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:16/10;
  background:linear-gradient(160deg,#101A28,#0A1220 60%,#0E1A22);border:1px solid var(--rjo-line)}
.rjo-cam::before{content:"";position:absolute;inset:0;
  background:repeating-linear-gradient(0deg,rgba(255,255,255,.028) 0 1px,transparent 1px 3px)}
.rjo-cam::after{content:"";position:absolute;left:0;right:0;height:34%;top:-34%;
  background:linear-gradient(180deg,transparent,rgba(34,211,238,.12),transparent);animation:rjoScan 5s linear infinite}
@keyframes rjoScan{to{top:110%}}
.rjo-camv{position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.16)}
.rjo-camv svg{width:34px;height:34px}
.rjo-caml{position:absolute;left:11px;bottom:10px;font-size:12px;font-weight:600;color:rgba(233,239,248,.9);z-index:2;text-shadow:0 1px 4px rgba(0,0,0,.8)}
.rjo-camb{position:absolute;right:10px;top:9px;z-index:2;display:inline-flex;align-items:center;gap:5px;
  padding:3px 8px;border-radius:999px;background:rgba(248,113,113,.16);border:1px solid rgba(248,113,113,.4);
  font-size:10px;font-weight:700;letter-spacing:.12em;color:#FCA5A5}
.rjo-camb i{width:5px;height:5px;border-radius:50%;background:#F87171;animation:rjoPulse 1.8s infinite}
.rjo-dw{display:flex;align-items:center;gap:11px;padding:11px 0;border-top:1px solid var(--rjo-line)}
.rjo-dw:first-of-type{border-top:0;padding-top:2px}
.rjo-dw svg{width:18px;height:18px;color:var(--rjo-dim);flex:none}
.rjo-dw .n{flex:1 1 auto;font-size:13.5px;font-weight:500}
.rjo-tag{font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:999px;border:1px solid}
.rjo-tag.ok{color:var(--rjo-green);border-color:rgba(52,211,153,.35);background:rgba(52,211,153,.1)}
.rjo-tag.wn{color:var(--rjo-amber);border-color:rgba(245,185,66,.38);background:rgba(245,185,66,.11)}

/* Wallbox */
.rjo-wb{display:flex;align-items:center;gap:13px}
.rjo-wbi{width:52px;height:52px;border-radius:15px;flex:none;display:grid;place-items:center;
  background:rgba(52,211,153,.13);border:1px solid rgba(52,211,153,.3);color:var(--rjo-green)}
.rjo-wbi svg{width:25px;height:25px}
.rjo-note{margin-top:13px;padding:11px 13px;border-radius:12px;background:rgba(52,211,153,.08);
  border:1px solid rgba(52,211,153,.22);font-size:12.5px;color:#A7E9CF;display:flex;gap:9px;align-items:flex-start}
.rjo-note svg{width:16px;height:16px;flex:none;margin-top:1px;color:var(--rjo-green)}

/* Footer */
.rjo-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;
  padding:13px 18px;border-top:1px solid var(--rjo-line);background:rgba(6,11,20,.6);
  font-size:11.5px;color:var(--rjo-dim);position:relative;z-index:4}
.rjo-foot b{color:var(--rjo-muted);font-weight:600}
.rjo-foot .s{width:4px;height:4px;border-radius:50%;background:var(--rjo-line2)}

/* ---------- Responsive ---------- */
@media (max-width:1080px){
  .rjo-c4{grid-column:span 6}.rjo-c8{grid-column:span 6}.rjo-c5,.rjo-c7{grid-column:span 6}.rjo-c3{grid-column:span 6}
}
@media (max-width:820px){
  .rjo-body{grid-template-columns:1fr}
  .rjo-rail{flex-direction:row;border-right:0;border-bottom:1px solid var(--rjo-line);padding:8px 8px;gap:4px;
    overflow-x:auto;scrollbar-width:none}
  .rjo-rail::-webkit-scrollbar{display:none}
  .rjo-navbtn{flex:1 0 auto;flex-direction:row;gap:8px;padding:10px 13px;white-space:nowrap}
  .rjo-navbtn.on::before{left:12px;right:12px;top:auto;bottom:-8px;width:auto;height:3px;border-radius:3px 3px 0 0}
  .rjo-navbtn span{font-size:12px}
  .rjo-c4,.rjo-c5,.rjo-c6,.rjo-c7,.rjo-c8,.rjo-c3{grid-column:span 12}
  .rjo-date,.rjo-bsub{display:none}
  .rjo-screen{min-height:0}
}
@media (max-width:560px){
  .rjo-device{border-radius:24px;padding:8px}
  .rjo-screen{border-radius:17px}
  .rjo-top{padding:11px 13px;gap:9px}
  .rjo-chip.opt{display:none}
  .rjo-th{gap:14px}
  .rjo-dial{width:124px;height:124px}
  .rjo-dt{font-size:32px}
  .rjo-big{font-size:34px}
}
@media (prefers-reduced-motion:reduce){
  #ros-app *{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important}
}

/* ================= Ambiente: Tag/Nacht, Licht, Szene ================= */
.rjo-screen{--lit:0;--daylight:1;--a1:rgba(34,211,238,.10);--a2:rgba(52,211,153,.09);--a3:rgba(245,185,66,0)}
.rjo-screen::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(90% 70% at 12% 0%,var(--a1),transparent 60%),
             radial-gradient(80% 70% at 100% 100%,var(--a2),transparent 60%),
             radial-gradient(70% 60% at 50% 108%,var(--a3),transparent 70%);
  opacity:calc(.45 + var(--lit) * .55);transition:opacity 1.1s ease;
}
.rjo-screen.amb-warm{--a1:rgba(245,185,66,.16);--a2:rgba(245,140,66,.10);--a3:rgba(245,185,66,.16)}
.rjo-screen.amb-tv{--a1:rgba(99,102,241,.18);--a2:rgba(34,211,238,.10);--a3:rgba(167,139,250,.12)}
.rjo-screen.amb-fresh{--a1:rgba(34,211,238,.20);--a2:rgba(52,211,153,.16);--a3:rgba(125,211,252,.10)}
.rjo-screen.amb-night{--a1:rgba(56,89,180,.14);--a2:rgba(99,102,241,.10);--a3:rgba(245,185,66,.05)}
.rjo-screen.is-night{background-color:#04070E}
.rjo-screen.is-night .rjo-card{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.014))}
.rjo-top,.rjo-body,.rjo-foot{position:relative;z-index:2}

/* ================= Raum-Live-Ansicht ================= */
.rjo-room{
  --sh:0%;--daylight:1;--lamp:0;--tiltop:0;
  position:relative;flex:1 1 auto;min-height:210px;border-radius:14px;overflow:hidden;
  border:1px solid var(--rjo-line);background:#05090F;
}
.rjo-sky{position:absolute;inset:0;background:linear-gradient(180deg,#63B8EE 0%,#9FD4F3 46%,#DCEFF9 100%);transition:filter 1.2s,background 1.2s}
.rjo-room.night .rjo-sky{background:linear-gradient(180deg,#050B1B 0%,#0A1730 55%,#122745 100%)}
.rjo-sky .sun{position:absolute;right:20%;top:14%;width:46px;height:46px;border-radius:50%;
  background:radial-gradient(circle,#FFFBEA 30%,#FFD166 65%,rgba(255,209,102,0) 72%);
  box-shadow:0 0 70px 26px rgba(255,209,102,.5);transition:opacity 1.2s}
.rjo-sky .moon{position:absolute;right:22%;top:15%;width:32px;height:32px;border-radius:50%;
  background:radial-gradient(circle at 35% 35%,#F4F8FF,#C9D6EC 70%);box-shadow:0 0 40px 12px rgba(200,220,255,.28);opacity:0;transition:opacity 1.2s}
.rjo-sky .stars{position:absolute;inset:0;opacity:0;transition:opacity 1.4s;
  background-image:radial-gradient(1.4px 1.4px at 12% 22%,#fff,transparent),radial-gradient(1.2px 1.2px at 28% 12%,#fff,transparent),
    radial-gradient(1.5px 1.5px at 44% 28%,#fff,transparent),radial-gradient(1.1px 1.1px at 62% 16%,#fff,transparent),
    radial-gradient(1.4px 1.4px at 76% 30%,#fff,transparent),radial-gradient(1.2px 1.2px at 88% 18%,#fff,transparent),
    radial-gradient(1.1px 1.1px at 34% 40%,#fff,transparent),radial-gradient(1.3px 1.3px at 54% 46%,#fff,transparent)}
.rjo-room.night .sun{opacity:0}
.rjo-room.night .moon{opacity:1}
.rjo-room.night .stars{opacity:.85}
.rjo-sky .hills{position:absolute;left:-5%;right:-5%;bottom:0;height:42%;background:#2F6B57;opacity:.85;
  clip-path:polygon(0 62%,12% 40%,24% 56%,38% 26%,52% 50%,66% 32%,80% 54%,92% 38%,100% 58%,100% 100%,0 100%);transition:background 1.2s}
.rjo-sky .hills.h2{height:30%;background:#3E8468;opacity:.7;
  clip-path:polygon(0 70%,16% 52%,30% 66%,46% 44%,60% 62%,74% 48%,88% 66%,100% 52%,100% 100%,0 100%)}
.rjo-room.night .hills{background:#0B1A25}
.rjo-room.night .hills.h2{background:#12283A}

.rjo-glass{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(118deg,rgba(255,255,255,.20) 0%,rgba(255,255,255,.04) 26%,transparent 44%),
             linear-gradient(180deg,transparent 60%,rgba(6,12,22,.25) 100%)}
.rjo-mullion{position:absolute;inset:0;pointer-events:none}
.rjo-mullion i,.rjo-mullion b{position:absolute;background:linear-gradient(180deg,#20293A,#141C29);box-shadow:0 0 0 1px rgba(0,0,0,.4)}
.rjo-mullion i{left:calc(50% - 3px);top:0;bottom:0;width:6px}
.rjo-mullion b{left:0;right:0;top:calc(58% - 3px);height:6px}
.rjo-room::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:14px;
  box-shadow:inset 0 0 0 9px #161F2D,inset 0 0 0 10px rgba(255,255,255,.06),inset 0 22px 40px -22px rgba(0,0,0,.9)}

.rjo-blind{position:absolute;left:0;right:0;top:0;height:var(--sh);overflow:hidden;
  background:linear-gradient(180deg,#232E40,#1A2333);box-shadow:0 6px 14px -4px rgba(0,0,0,.75);z-index:2;
  transition:height .12s linear}
.rjo-blind .slats{position:absolute;inset:0;
  background:repeating-linear-gradient(180deg,rgba(255,255,255,.10) 0 1px,rgba(255,255,255,0) 1px 4px,rgba(0,0,0,.28) 4px 7px,rgba(255,255,255,0) 7px 8px)}
.rjo-blind::after{content:"";position:absolute;inset:0;opacity:var(--tiltop);
  background:repeating-linear-gradient(180deg,rgba(180,220,255,.55) 0 2px,transparent 2px 8px);mix-blend-mode:screen}

.rjo-inner{position:absolute;inset:0;z-index:3;pointer-events:none;
  background:rgba(3,7,14,calc(.92 - var(--daylight) * .82 - var(--lamp) * .30));transition:background .8s ease}
.rjo-inner .beam{position:absolute;left:6%;right:6%;top:0;bottom:0;
  background:linear-gradient(172deg,rgba(255,244,214,.30),transparent 62%);
  opacity:calc(var(--daylight) * .9);transition:opacity .8s;mix-blend-mode:screen}
.rjo-inner .lampglow{position:absolute;width:44%;height:60%;border-radius:50%;filter:blur(26px);mix-blend-mode:screen;
  background:radial-gradient(circle,rgba(255,196,102,.85),rgba(255,150,60,0) 70%);
  opacity:var(--lamp);transition:opacity .5s}
.rjo-inner .lampglow.g1{left:-8%;bottom:-18%}
.rjo-inner .lampglow.g2{right:-6%;bottom:-24%;width:38%;height:52%}
.rjo-inner .sofa{position:absolute;left:8%;bottom:0;width:44%;height:22%;border-radius:14px 14px 0 0;
  background:rgba(4,9,16,.86);box-shadow:0 -1px 0 rgba(255,255,255,.06)}
.rjo-inner .sofa::after{content:"";position:absolute;left:8%;right:8%;top:-26%;height:34%;border-radius:10px;background:rgba(4,9,16,.8)}
.rjo-inner .lampstand{position:absolute;right:16%;bottom:0;width:3px;height:34%;background:rgba(4,9,16,.9)}
.rjo-inner .lampstand::after{content:"";position:absolute;left:-13px;top:-16px;width:30px;height:18px;
  border-radius:4px 4px 12px 12px;background:rgba(4,9,16,.92);
  box-shadow:0 14px 26px rgba(255,190,110,calc(var(--lamp)*.85))}
.rjo-inner .plant{position:absolute;right:6%;bottom:0;width:8%;height:26%;background:rgba(4,9,16,.85);
  clip-path:polygon(38% 100%,62% 100%,58% 42%,86% 12%,56% 30%,50% 0,44% 30%,14% 12%,42% 42%)}
.rjo-inner .tvset{position:absolute;left:30%;bottom:24%;width:24%;height:16%;border-radius:3px;background:rgba(3,6,12,.95);opacity:0;transition:opacity .5s,box-shadow .5s}
.rjo-room.tv .tvset{opacity:1;background:rgba(120,170,255,.28);box-shadow:0 0 40px 10px rgba(90,150,255,.35)}
.rjo-roomtag{position:absolute;left:12px;bottom:11px;z-index:4;display:flex;gap:6px;flex-wrap:wrap}
.rjo-roomtag span{font-size:10.5px;font-weight:600;letter-spacing:.04em;padding:3px 9px;border-radius:999px;
  background:rgba(6,11,20,.6);border:1px solid rgba(255,255,255,.12);color:#D5E1F0;backdrop-filter:blur(6px)}

/* ================= Storen: Detail ================= */
.rjo-win{position:relative;width:44px;height:56px;flex:none;border-radius:6px;overflow:hidden;
  border:1px solid var(--rjo-line2);background:#0A1220;--sh:0%;--tilt:0}
.rjo-win .sky{position:absolute;inset:0;background:linear-gradient(180deg,#5EA9DE,#BBDFF3 70%,#DCEEF8)}
.rjo-win .shut{position:absolute;left:0;right:0;top:0;height:var(--sh);background:linear-gradient(180deg,#28344A,#1B2434);
  background-image:repeating-linear-gradient(180deg,rgba(255,255,255,.12) 0 1px,transparent 1px 4px);
  transition:height .12s linear;box-shadow:0 3px 6px -2px rgba(0,0,0,.8)}
.rjo-win .frame{position:absolute;inset:0;box-shadow:inset 0 0 0 4px #141C29,inset 0 0 0 5px rgba(255,255,255,.07)}
.rjo-win .frame::after{content:"";position:absolute;left:calc(50% - 1.5px);top:4px;bottom:4px;width:3px;background:#141C29}
.rjo-win.raff .shut::after{content:"";position:absolute;inset:0;opacity:calc(var(--tilt) / 180);
  background:repeating-linear-gradient(180deg,rgba(190,225,255,.7) 0 1px,transparent 1px 5px);mix-blend-mode:screen}
.rjo-cv{align-items:center}
.rjo-cv .rjo-es{display:flex;flex-wrap:wrap;gap:5px;align-items:baseline}
.rjo-sub{color:var(--rjo-dim);font-size:11.5px}
.rjo-bar{position:relative}
.rjo-bar u{position:absolute;top:-3px;width:2px;height:11px;background:var(--rjo-amber);border-radius:2px;
  box-shadow:0 0 8px rgba(245,185,66,.9);transition:left .2s,opacity .3s;text-decoration:none}
.rjo-cv.mv .rjo-win .shut{box-shadow:0 4px 12px -2px rgba(34,211,238,.6)}
.rjo-cv.mv .rjo-ic,.rjo-cv.mv .rjo-en{color:var(--rjo-cyan)}
.rjo-cvx{padding:2px 0 12px;border-bottom:1px solid var(--rjo-line);margin-bottom:2px}
.rjo-cvx:last-child{border-bottom:0;padding-bottom:2px}
.rjo-sl-sm{height:5px;margin:8px 0 0}
.rjo-tilt{display:flex;align-items:center;gap:10px;margin-top:8px}
.rjo-tilt span{font-size:11.5px;color:var(--rjo-dim);flex:none;width:66px}
.rjo-tilt b{font-family:var(--rjo-head);font-size:12.5px;color:var(--rjo-muted);width:34px;text-align:right;flex:none}
.rjo-tilt .rjo-sl-sm{margin:0}
.rjo-allb{display:flex;gap:5px;margin-left:auto}
.rjo-allb button{width:28px;height:28px;border-radius:9px;background:rgba(255,255,255,.05);border:1px solid var(--rjo-line);
  display:grid;place-items:center;color:var(--rjo-muted);transition:background .16s,color .16s}
.rjo-allb button:hover{background:rgba(255,255,255,.12);color:var(--rjo-text)}
.rjo-allb svg{width:15px;height:15px}

/* ================= Feindetails übrige Status ================= */
.rjo-ent.on .rjo-ic{box-shadow:0 0 0 1px rgba(245,185,66,.3),0 0 calc(8px + var(--lv,0) * 26px) rgba(245,185,66,calc(.2 + var(--lv,0) * .55))}
.rjo-tr{font-style:normal;font-size:9.5px;margin-left:4px;vertical-align:middle}
.rjo-tr.u{color:var(--rjo-amber)}
.rjo-tr.d{color:var(--rjo-cyan)}
.rjo-kpi{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--rjo-line)}
.rjo-kpi span{flex:1 1 0;min-width:0;text-align:center;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--rjo-dim)}
.rjo-kpi b{display:block;font-family:var(--rjo-head);font-size:16px;letter-spacing:0;text-transform:none;color:var(--rjo-text);margin-bottom:3px}
.rjo-dw .n{display:flex;flex-direction:column;gap:2px}
.rjo-dw em{font-size:11px}

/* ================= Live-Feeling ================= */
.rjo-clock small{font-family:var(--rjo-body);font-size:11px;font-weight:600;color:var(--rjo-dim);margin-left:3px;vertical-align:2px}
.rjo-spark{margin-top:12px;height:44px}
.rjo-spark svg{width:100%;height:44px;display:block;overflow:visible}
.rjo-spark .ln{fill:none;stroke:var(--rjo-amber);stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;
  filter:drop-shadow(0 0 6px rgba(245,185,66,.55))}
.rjo-spark .ar{stroke:none}
.rjo-kpi span{font-size:9.5px;letter-spacing:.06em;line-height:1.25}
.rjo-kpi b{font-size:15px}
.rjo-camt{position:absolute;right:10px;bottom:9px;z-index:2;font-family:var(--rjo-mono);font-size:10px;
  color:rgba(233,239,248,.75);text-shadow:0 1px 4px rgba(0,0,0,.9);letter-spacing:.02em}
.rjo-cloud,.rjo-sky .cloud{position:absolute;border-radius:999px;background:rgba(255,255,255,.75);filter:blur(6px)}
.rjo-sky .cloud{height:12px;opacity:.75}
.rjo-sky .cloud.c1{top:18%;width:74px;left:-25%;animation:rjoCloud 46s linear infinite}
.rjo-sky .cloud.c2{top:31%;width:54px;left:-25%;animation:rjoCloud 63s linear infinite 9s;opacity:.5}
.rjo-sky .cloud.c3{top:9%;width:96px;left:-35%;animation:rjoCloud 88s linear infinite 22s;opacity:.35}
@keyframes rjoCloud{to{left:130%}}
.rjo-room.night .cloud{opacity:.16}
.rjo-room.night .stars{animation:rjoTwinkle 4.5s ease-in-out infinite alternate}
@keyframes rjoTwinkle{from{opacity:.55}to{opacity:.95}}
.rjo-room.tv .tvset{animation:rjoFlicker 3.4s ease-in-out infinite}
@keyframes rjoFlicker{
  0%,100%{box-shadow:0 0 40px 10px rgba(90,150,255,.35);background:rgba(120,170,255,.28)}
  42%{box-shadow:0 0 56px 16px rgba(120,180,255,.5);background:rgba(150,195,255,.36)}
  67%{box-shadow:0 0 32px 8px rgba(70,130,240,.3);background:rgba(100,150,240,.24)}
}
.rjo-inner .lampglow{animation:rjoLamp 6.5s ease-in-out infinite alternate}
@keyframes rjoLamp{from{filter:blur(26px)}to{filter:blur(30px)}}
.rjo-sky .sun{animation:rjoSun 24s ease-in-out infinite alternate}
@keyframes rjoSun{from{transform:translate(0,0)}to{transform:translate(-16px,8px)}}
.rjo-gv span{transition:color .3s}

/* Storen-Block */
.rjo-cvitem{padding:10px 0;border-top:1px solid var(--rjo-line)}
.rjo-cvitem:first-of-type{border-top:0;padding-top:0}
.rjo-cv{padding:0;border-top:0;gap:11px}
.rjo-cv .rjo-en{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rjo-cv .rjo-es b{font-weight:600;color:var(--rjo-muted)}
.rjo-cv.mv .rjo-es b{color:var(--rjo-cyan)}
.rjo-cvx{padding:10px 0 0;border-bottom:0;margin:0}
.rjo-win{width:38px;height:48px}

/* Medien */
.rjo-grow{flex:0 0 auto}
.rjo-eq{display:flex;align-items:flex-end;gap:3px;height:34px;margin-top:14px;opacity:.35;transition:opacity .4s}
.rjo-eq.run{opacity:1}
.rjo-eq i{flex:1 1 0;border-radius:2px;height:20%;background:linear-gradient(180deg,var(--rjo-cyan),var(--rjo-violet))}
.rjo-eq.run i{animation:rjoEq 1.1s ease-in-out infinite alternate}
.rjo-eq.run i:nth-child(2n){animation-duration:.85s}
.rjo-eq.run i:nth-child(3n){animation-duration:1.4s}
.rjo-eq.run i:nth-child(4n){animation-duration:.65s}
.rjo-eq.run i:nth-child(5n){animation-duration:1.7s}
@keyframes rjoEq{from{height:14%}to{height:100%}}

/* Wetter Stundenstreifen */
.rjo-hrs{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-top:auto;padding-top:13px;border-top:1px solid var(--rjo-line)}
.rjo-hrs span{text-align:center}
.rjo-hrs b{display:block;font-size:10.5px;color:var(--rjo-dim);font-weight:600;letter-spacing:.06em}
.rjo-hrs svg{width:17px;height:17px;margin:5px 0;color:var(--rjo-muted)}
.rjo-hrs i{display:block;font-style:normal;font-family:var(--rjo-head);font-weight:600;font-size:13px}