/* RV Studio – Startseite: echt responsiv statt verkleinert, alle Bereiche im Design der übrigen Seiten (baut auf studio.css .sx auf). */
html body:has(#home:not(.hidden)) main.wrap { zoom:1 !important; max-width:1000px !important; padding-left:16px !important; padding-right:16px !important; }
#home #v11Root { display:none !important; }
#home .v15-more-tools { display:none !important; }
.hm { font-family:var(--sx-font); }
.hm .sx-ph { flex-wrap:wrap; }
.hm .sx-seg { margin:0 0 0 auto !important; }
.hm-empty { margin:6px 0; font-size:13px; color:var(--sx-dim); }
.hm-more { margin-left:auto; display:inline-flex; align-items:center; gap:4px; min-height:32px; padding:0 12px !important; border:1px solid rgba(255,255,255,.16) !important; border-radius:999px !important; background:rgba(10,14,22,.55) !important; color:#eef4ff !important; font-size:12.5px !important; }
.hm-more .sx-ico { width:14px; height:14px; color:var(--sx-muted); }
.hm-two { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.hm-two > .sx-panel { min-width:0; }

/* Übersicht mit Globus */
.hm-over-body { display:grid; grid-template-columns:minmax(0,1fr) minmax(200px,260px) minmax(0,1fr); gap:12px; align-items:center; }
.hm-kpis, .hm-right { display:flex; flex-direction:column; gap:10px; min-width:0; }
.hm .st-m.has-spark .tx { padding-right:70px; }
.hm .st-m .bx-spark { position:absolute; right:8px; bottom:8px; width:68px; height:28px; }
.hm-globe { position:relative; aspect-ratio:1; width:100%; display:grid; place-items:center; }
.hm-globe .v15-globe-wrap { position:relative !important; inset:auto !important; left:auto !important; top:auto !important; transform:translateX(7%) !important; width:100% !important; height:100% !important; margin:0 !important; }
/* Der Globus ist intern auf 43 % ausgerichtet (Bild, Ringe, Erde) – als Ganzes um 7 % verschieben, damit er mittig steht */
.hm-globe .v11-globe { width:100% !important; height:auto !important; }
.hm-cat { padding:11px 12px 12px; border-radius:16px; background:var(--sx-card); box-shadow:var(--sx-card-sh); border:1px solid transparent; }
.hm-cat .hd { display:flex; justify-content:space-between; align-items:baseline; margin-bottom:8px; }
.hm-cat .hd b { font-size:14px; font-weight:500; color:#e9edf3; }
.hm-cat .hd small { font-size:10.5px; color:var(--sx-muted); }
.hm-cat .row { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) 38px; align-items:center; gap:8px; margin-top:7px; }
.hm-cat .nm { font-size:12px; color:var(--sx-lbl); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hm-cat .tr { height:7px; border-radius:4px; background:rgba(32,48,60,.55); overflow:hidden; }
.hm-cat .tr s { display:block; height:100%; border-radius:4px; background:linear-gradient(90deg,#2a8cff,#8fd4ff); box-shadow:0 0 10px rgba(58,168,255,.75); }
.hm-cat .pc { font-size:12px; font-weight:600; color:#fff; text-align:right; }
.hm-s2 { display:flex; align-items:center; gap:11px; padding:10px 11px; min-height:60px; border-radius:16px; background:var(--sx-card); box-shadow:var(--sx-card-sh); border:1px solid transparent; }
.hm-s2 .mi { display:grid; place-items:center; width:38px; height:38px; flex:none; border-radius:12px; border:1px solid rgba(255,205,130,.45); color:var(--sx-orange-hi); background:radial-gradient(circle at 35% 25%, rgba(255,215,150,.22), rgba(60,40,22,.35) 70%); box-shadow:inset 0 0 10px rgba(255,150,60,.18), 0 0 10px rgba(255,140,50,.18); }
.hm-s2 .mi .sx-ico { width:20px; height:20px; }
.hm-s2 .tx { display:flex; flex-direction:column; gap:3px; }
.hm-s2 .lbl { font-size:11.5px; color:var(--sx-lbl); }
.hm-s2 .val { font-size:20px; color:#fff; text-shadow:0 0 10px rgba(170,220,255,.22); }

/* Schnellzugriff */
.hm-quick { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; }
.hm .hm-q { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:9px; min-height:92px; padding:12px 6px !important; border:1px solid transparent !important; border-radius:18px !important;
  background:var(--sx-card) !important; box-shadow:var(--sx-card-sh) !important; color:#fff !important; text-align:center; transition:transform .2s, box-shadow .25s, filter .25s; }
.hm .hm-q .ic { display:grid; color:#fff; filter:drop-shadow(0 0 3px rgba(180,215,255,.55)); }
.hm .hm-q .ic .sx-ico { width:26px; height:26px; stroke-width:1.6; }
.hm .hm-q .lb { font-size:13px; line-height:1.2; }
@media(hover:hover) { .hm .hm-q:hover, .hm-row:hover, .hm-cattile:hover, .hm-task:hover { transform:translateY(-2px); filter:brightness(1.15); box-shadow:var(--sx-hover-sh) !important; } }
.hm .hm-q:active, .hm-row:active, .hm-cattile:active, .hm-task:active { transform:scale(.97); }

/* Listen */
.hm-list { display:flex; flex-direction:column; gap:8px; }
.hm-row { display:flex; align-items:center; gap:11px; padding:8px !important; border:1px solid transparent !important; border-radius:14px !important; text-align:left; background:var(--sx-card) !important; box-shadow:var(--sx-card-sh) !important; color:#fff !important; transition:transform .2s, box-shadow .25s, filter .25s; min-width:0; }
.hm-row img, .hm-row .ph, .hm-trend img, .hm-trend .ph { width:52px; height:52px; border-radius:11px; object-fit:cover; flex:none; background:#1a2436; display:grid; place-items:center; font-size:11px; color:var(--sx-muted); box-shadow:inset 0 0 0 1px rgba(255,255,255,.12); }
.hm-row .nm, .hm-task .nm, .hm-trend .nm { display:flex; flex-direction:column; gap:3px; min-width:0; flex:1; }
.hm-row .nm b, .hm-task .nm b, .hm-trend .nm b { font-size:14px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hm-row .nm small, .hm-task .nm small, .hm-trend .nm small { display:flex; align-items:center; gap:6px; font-size:12px; color:var(--sx-sub); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hm-row .nm small i { width:8px; height:8px; border-radius:50%; flex:none; }
.hm-row .pr { display:flex; flex-direction:column; align-items:flex-end; gap:3px; flex:none; }
.hm-row .pr b { font-size:15px; font-weight:500; font-variant-numeric:tabular-nums; }
.hm-row .pr b.pos { color:var(--sx-green); }
.hm-row .pr small { font-size:11.5px; color:var(--sx-dim); }
.hm-row .st { padding:1px 8px; border-radius:999px; box-shadow:inset 0 0 0 1px rgba(255,255,255,.16); }
.hm-row .st[data-s="online"] { color:#9fd2ff; } .hm-row .st[data-s="ready"] { color:#cfe7ff; } .hm-row .st[data-s="sold"] { color:var(--sx-orange-hi); }
.hm-row > .sx-ico, .hm-task > .sx-ico { width:14px; height:14px; color:var(--sx-muted); flex:none; }

/* Kategorien mit Bild */
.hm-cats { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; }
.hm-cattile { display:flex; flex-direction:column; align-items:center; gap:4px; padding:8px 8px 10px !important; border:1px solid transparent !important; border-radius:16px !important; background:var(--sx-card) !important; box-shadow:var(--sx-card-sh) !important; color:#fff !important; transition:transform .2s, box-shadow .25s, filter .25s; min-width:0; }
.hm-cattile img, .hm-cattile .ph { width:100%; aspect-ratio:1; border-radius:11px; object-fit:cover; margin-bottom:4px; background:#1a2436; display:grid; place-items:center; }
.hm-cattile b { font-size:13px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; }
.hm-cattile small { font-size:11.5px; color:var(--sx-sub); }

/* Performance */
.hm-perf { display:grid; grid-template-columns:minmax(0,1fr) 220px; gap:14px; align-items:center; }
.hm-chart { position:relative; min-width:0; }
.hm-chart svg { display:block; width:100%; height:auto; overflow:visible; touch-action:pan-y; }
.hm-chart .grid { stroke:rgba(255,255,255,.07); } .hm-chart .zero { stroke:rgba(255,255,255,.22); }
.hm-chart .ax { fill:#8c959b; font:500 11px var(--sx-font); }
.hm-chart .cross { stroke:rgba(255,255,255,.35); stroke-dasharray:3 3; }
.hm-chart .dot { stroke:#141c2a; stroke-width:2; }
.hm-chart .hit { fill:transparent; cursor:crosshair; }
.hm .in-tip { position:absolute; top:4px; z-index:3; min-width:180px; padding:10px 12px; border-radius:12px; pointer-events:none; background:rgba(10,15,25,.96); box-shadow:inset 0 0 0 1px rgba(255,255,255,.16), 0 10px 24px rgba(0,0,0,.5); display:flex; flex-direction:column; gap:5px; font-size:12px; color:var(--sx-lbl); }
.hm .in-tip[hidden] { display:none; }
.hm .in-tip b { color:#fff; font-weight:500; }
.hm .in-tip span { display:flex; align-items:center; gap:7px; }
.hm .in-tip em { margin-left:auto; font-style:normal; color:#fff; }
.hm .sw { display:inline-block; width:12px; height:3px; border-radius:2px; }
.hm .sw.rev { background:#3a8ef0; } .hm .sw.pro { background:#2aa57a; }
.hm-legend { display:flex; flex-direction:column; gap:8px; }
.hm-lg { display:flex; align-items:center; gap:9px; padding:9px 12px; border-radius:12px; background:rgba(10,14,22,.5); box-shadow:inset 0 0 0 1px rgba(255,255,255,.1); font-size:13px; color:var(--sx-lbl); cursor:default; }
label.hm-lg { cursor:pointer; }
.hm-lg i { width:10px; height:10px; border-radius:50%; flex:none; }
.hm-lg i.nil { background:#7f8da8; }
.hm-lg b { margin-left:auto; color:#fff; font-weight:500; font-variant-numeric:tabular-nums; }
.hm-lg input { order:9; width:18px; height:18px; margin:0 0 0 6px; accent-color:#3a8ef0; }

/* KI */
.hm-ai-body { display:grid; grid-template-columns:200px minmax(0,1fr); gap:16px; align-items:center; }
.hm-orb { position:relative; width:200px; height:200px; }
.hm-orb .v15-bot-frame { position:relative !important; inset:auto !important; width:100% !important; height:100% !important; margin:0 !important; transform:none !important; }
.hm-ai-main { display:flex; flex-direction:column; gap:10px; min-width:0; }
.hm-bubble { padding:12px 14px; border-radius:16px 16px 16px 6px; font-size:15px; line-height:1.45; color:var(--sx-text); background:var(--sx-card); box-shadow:var(--sx-card-sh); border:1px solid transparent; }
.hm-bubble b { color:#fff; font-weight:600; }
.hm-bubble span { display:block; margin-top:4px; font-size:13.5px; color:var(--sx-sub); }
.hm #homeAiFeed { max-height:260px; overflow-y:auto; display:flex; flex-direction:column; gap:8px; }
.hm #homeAiFeed:empty { display:none; }
.hm #homeAiFeed .home-msg { display:flex; flex-direction:column; gap:3px; }
.hm #homeAiFeed .home-msg small { font-size:11px; color:var(--sx-dim); }
.hm #homeAiFeed .home-msg div { padding:10px 12px; border-radius:14px; font-size:14px; line-height:1.45; background:rgba(10,14,22,.55); box-shadow:inset 0 0 0 1px rgba(255,255,255,.12); color:var(--sx-text); }
.hm #homeAiFeed .home-msg.user { align-items:flex-end; }
.hm #homeAiFeed .home-msg.user div { background:rgba(60,30,12,.35); box-shadow:inset 0 0 0 1px rgba(255,176,96,.5); color:#fff4e2; }
.hm-prompts { margin:0 !important; }
.hm-prompts button { color:#cfe7ff !important; border-color:rgba(120,190,255,.3) !important; }
.hm-entry { display:flex; align-items:flex-end; gap:10px; }
.hm #v16Mic, .hm #homeAiSend { width:48px; height:48px; flex:none; display:grid; place-items:center; padding:0 !important; border:0 !important; border-radius:50% !important; }
.hm #v16Mic { color:#eaf5ff !important; background:radial-gradient(circle,#1a4066,#04070d 80%) !important; box-shadow:inset 0 0 0 1.5px #7dcfff, 0 0 13px #36abff55 !important; }
.hm #homeAiSend { color:#fff0d6 !important; background:var(--sx-on-bg) padding-box, var(--sx-tile) !important; box-shadow:var(--sx-on-sh) !important; }
.hm #v16Mic svg, .hm #homeAiSend svg { width:21px; height:21px; }
.hm #homeAiSend svg { margin-left:3px; }
.hm #homeAiInput { flex:1; min-width:0; min-height:48px !important; max-height:140px; padding:13px 18px !important; border-radius:24px !important; resize:none; font-size:15px !important; line-height:1.35;
  background:rgba(10,14,22,.85) !important; border:1px solid rgba(120,190,255,.45) !important; box-shadow:0 0 14px rgba(61,155,255,.18) !important; color:var(--sx-text) !important; }
.hm #v16AiState { display:inline-flex; align-items:center; gap:7px; padding:6px 12px; border-radius:999px; font-size:12.5px; color:var(--sx-lbl); background:rgba(10,14,22,.6); box-shadow:inset 0 0 0 1px rgba(255,255,255,.16); }
.hm #v16AiState::before { content:''; width:8px; height:8px; border-radius:50%; background:#ffb060; box-shadow:0 0 8px #ffb060; }
.hm #v16AiState[data-state="ready"]::before { background:var(--sx-green); box-shadow:0 0 8px var(--sx-green); }
.hm #v16AiState[data-state="busy"]::before { background:#3a8ef0; box-shadow:0 0 8px #3a8ef0; }
#hmAiStateSlot { margin-left:auto; }
#hmAiStateSlot + .hm-more { margin-left:8px; }

/* Aufgaben & Trends */
.hm-tasks, .hm-trends { display:flex; flex-direction:column; gap:8px; }
.hm-task { display:flex; align-items:center; gap:11px; padding:10px 12px !important; border:1px solid transparent !important; border-radius:14px !important; text-align:left; background:var(--sx-card) !important; box-shadow:var(--sx-card-sh) !important; color:#fff !important; transition:transform .2s, box-shadow .25s, filter .25s; min-width:0; }
.hm-task .ck { width:20px; height:20px; flex:none; border-radius:6px; box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.4); }
.hm-task .bd { min-width:26px; height:24px; padding:0 8px; border-radius:999px; display:grid; place-items:center; font:700 12.5px/1 var(--sx-font); color:#fff; background:#1e9bff; box-shadow:0 0 10px rgba(30,155,255,.7); flex:none; }
.hm-trend { display:flex; align-items:center; gap:11px; padding:8px 10px; border-radius:14px; background:rgba(10,14,22,.45); box-shadow:inset 0 0 0 1px rgba(255,255,255,.08); min-width:0; }
.hm-trend img, .hm-trend .ph { width:40px; height:40px; border-radius:9px; }
.hm-trend .sp { width:60px; height:24px; flex:none; }
.hm-trend .dl { min-width:52px; text-align:right; font:600 13px var(--sx-font); color:var(--sx-green); }
.hm-trend .dl.neg { color:#718cff; } .hm-trend .dl.new { color:#9fd2ff; }

/* Schmale Bildschirme */
@media (max-width:860px) {
  .hm-over-body { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  .hm-kpis { grid-column:1 / -1; display:grid; grid-template-columns:1fr 1fr; }
  .hm-globe { max-width:260px; justify-self:center; }
  .hm-two { grid-template-columns:1fr; }
  .hm-perf { grid-template-columns:1fr; }
  .hm-legend { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .hm-lg span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .hm-quick, .hm-cats { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:560px) {
  .hm .sx-seg { margin:0 !important; width:100%; }
  .hm .sx-seg button { flex:1; padding:0 8px !important; }
  .hm-over-body { grid-template-columns:1fr; }
  .hm-kpis { gap:8px; }
  .hm .hm-m { flex-direction:column; align-items:flex-start; gap:6px; padding:10px; }
  .hm .st-m.has-spark .tx { padding-right:0; }
  .hm .st-m .bx-spark { top:10px; bottom:auto; width:56px; height:24px; }
  .hm .hm-m .val { font-size:18px; }
  .hm-globe { max-width:230px; }
  .hm-right { display:grid; grid-template-columns:1fr 1fr; }
  .hm-right .hm-cat { grid-column:1 / -1; }
  .hm .hm-q { min-height:80px; }
  .hm .hm-q .lb { font-size:12px; }
  .hm-quick, .hm-cats { gap:8px; }
  .hm-ai-body { grid-template-columns:1fr; }
  .hm-orb { width:160px; height:160px; justify-self:center; }
  .hm-row img, .hm-row .ph { width:46px; height:46px; }
  .hm .hm-more { padding:0 10px !important; }
}
.hm-over { overflow:hidden; }
@media (max-width:860px) { .hm-perf { grid-template-columns:minmax(0,1fr); } }
.hm .sx-ph > .sx-tt { flex:1 1 200px; }
@media (max-width:560px) {
  .hm-legend { grid-template-columns:minmax(0,1fr) !important; }
  #hmAiStateSlot { margin-left:44px; }
  .hm .hm-ai .sx-ph .hm-more { margin-left:auto; }
}
.hm-globe .v15-globe-orbit { inset:12% auto auto 5% !important; width:76% !important; height:76% !important; }
/* V29: Globus-Effekte auf eigene Ebenen legen – Neuzeichnen bleibt im Globus, das Panel flackert nicht mit */
.hm-over { isolation:isolate; }
.hm-globe :is(.cc-globe-bg, .cc-globe-hud, .cc-globe-gold, .v11-globe, .cc-earth) { will-change:transform; backface-visibility:hidden; }
.hm-globe .cc-sweep { mix-blend-mode:normal !important; }