/* Shell v2 — Dual-Nav Chrome (opt-in via body.shell-v2). Default: unused. */
/* Leerer Mount-Punkt darf die klassische Top-Nav nicht „mit“ belegen. */
#shell-v2-root:empty{display:none !important}

body.shell-v2{
  --shell-v2-outer:#c8c8ce;
  --shell-v2-bg:#f4f4f5;
  --shell-v2-rail:#ececee;
  --shell-v2-border:#dedfe3;
  --shell-v2-hover:rgba(255,255,255,0.7);
  --shell-v2-nav-hover:rgba(255,255,255,0.55);
  --shell-v2-active:#fff;
  --shell-v2-search:#ececee;
  --shell-v2-text:#60616a;
  --shell-v2-ink:#171d27;
  --shell-v2-rail-w:56px;
  --shell-v2-rail-w-exp:228px;
  --shell-v2-panel-w:240px;
  --shell-unread-orange:var(--accent);
}
[data-theme="dark"] body.shell-v2{
  /* Tiefenordnung: Outer/Rail dunkelste → Panel → Content hellste */
  --shell-v2-outer:#111113;
  --shell-v2-rail:#141416;
  --shell-v2-bg:#1C1C1F;
  --shell-v2-border:rgba(255,255,255,0.12);
  --shell-v2-hover:rgba(255,255,255,0.10);
  --shell-v2-nav-hover:rgba(255,255,255,0.07);
  --shell-v2-active:#2E2E33;
  --shell-v2-search:#242428;
  --shell-v2-text:#9AA0A6;
  --shell-v2-ink:#F2F3F4;
}

body.shell-v2{
  background:var(--shell-v2-outer) !important;
  padding:24px;
  box-sizing:border-box;
  min-height:100dvh;
}
/* Desktop Shell: klassische Nav/Bottom-Nav aus. Phone: siehe @media max-width 899px. */
@media (min-width:900px){
  body.shell-v2 #nav-root,
  body.shell-v2 #main-nav,
  body.shell-v2 #mob-nav,
  body.shell-v2 #mob-bottom-nav,
  body.shell-v2 #global-footer,
  body.shell-v2 #yama-fab-root{display:none !important}
}
/* Auth/Classic: Bottom-Nav auch auf Desktop aus (Marketing/Login) */
body.shell-v2.shell-v2--classic #mob-bottom-nav,
body.shell-v2.shell-v2--auth #mob-bottom-nav,
body.shell-v2.shell-v2--classic #yama-fab-root,
body.shell-v2.shell-v2--auth #yama-fab-root{display:none !important}

/* Classic chrome: Marketing/Auth/Legal — alte Top-Nav, kein Dual-Shell */
body.shell-v2.shell-v2--classic,
body.shell-v2.shell-v2--auth{
  padding:0 !important;
  background:var(--bg) !important;
}
body.shell-v2.shell-v2--classic #shell-v2-frame,
body.shell-v2.shell-v2--auth #shell-v2-frame{
  display:block !important;
  width:100%;
  max-width:none;
  height:auto;
  min-height:100dvh;
  margin:0;
  border:none;
  border-radius:0;
  box-shadow:none;
  background:transparent;
  overflow:visible;
}
body.shell-v2.shell-v2--classic #shell-v2-root,
body.shell-v2.shell-v2--auth #shell-v2-root{display:none !important}
/* Classic (Home/Legal): alte Top-Nav. Auth (Login/Register): nur die Karte.
   :not(--auth) verhindert, dass classic+auth gleichzeitig die Nav erzwingen. */
body.shell-v2.shell-v2--classic:not(.shell-v2--auth) #nav-root,
body.shell-v2.shell-v2--classic:not(.shell-v2--auth) #main-nav{display:block !important}
body.shell-v2.shell-v2--auth #nav-root,
body.shell-v2.shell-v2--auth #main-nav,
body.shell-v2.shell-v2--auth #mob-nav,
body.shell-v2.shell-v2--auth #mob-bottom-nav{display:none !important}
body.shell-v2.shell-v2--classic #pages-root,
body.shell-v2.shell-v2--auth #pages-root{
  padding-top:calc(52px + var(--yama-safe-top, 0px)) !important;
  overflow:visible;
  background:transparent;
}
body.shell-v2.shell-v2--auth #pages-root{padding-top:0 !important}
body.shell-v2.shell-v2--classic #global-footer{display:block !important}
body.shell-v2.shell-v2--auth #global-footer{display:none !important}

#shell-v2-frame{
  display:none;
}
body.shell-v2 #shell-v2-frame{
  display:flex;
  width:100%;
  max-width:1440px;
  margin:0 auto;
  height:calc(100dvh - 48px);
  min-height:calc(100dvh - 48px);
  background:var(--neutral-50);
  border:1px solid var(--border-strong, rgba(15,20,25,0.10));
  border-radius:16px;
  box-shadow:0 1px 2px rgba(15,20,25,0.04),0 8px 28px rgba(15,20,25,0.08);
  overflow:hidden;
}
[data-theme="dark"] body.shell-v2 #shell-v2-frame{
  background:var(--bg);
  border-color:var(--border-default);
  box-shadow:none;
}
[data-theme="dark"] body.shell-v2 #pages-root{
  background:var(--bg);
  scrollbar-color:color-mix(in srgb, var(--neutral-500) 40%, transparent) transparent;
}
[data-theme="dark"] body.shell-v2{
  --shell-v2-content:var(--bg);
}
[data-theme="dark"] .shell-v2-item.active{
  background:var(--shell-v2-active);
  border-color:rgba(255,255,255,0.16);
  color:var(--shell-v2-ink);
  box-shadow:none;
}
[data-theme="dark"] .shell-v2-rail-btn.active{
  background:#2A2A2E;
  color:var(--accent-base);
}

body.shell-v2 #pages-root{
  flex:1;
  min-width:0;
  min-height:0;
  overflow:auto;
  padding-top:0 !important;
  background:var(--neutral-50);
  scrollbar-width:thin;
  scrollbar-color:rgba(15,20,25,0.22) transparent;
}

/* Dezente Scrollbars im Shell-Frame */
body.shell-v2 #pages-root::-webkit-scrollbar,
body.shell-v2 .shell-v2-panel__body::-webkit-scrollbar{
  width:8px;
  height:8px;
}
body.shell-v2 #pages-root::-webkit-scrollbar-track,
body.shell-v2 .shell-v2-panel__body::-webkit-scrollbar-track{
  background:transparent;
  margin:6px 0;
}
body.shell-v2 #pages-root::-webkit-scrollbar-thumb,
body.shell-v2 .shell-v2-panel__body::-webkit-scrollbar-thumb{
  background:rgba(15,20,25,0.18);
  border-radius:999px;
  border:2px solid transparent;
  background-clip:padding-box;
}
body.shell-v2 #pages-root::-webkit-scrollbar-thumb:hover,
body.shell-v2 .shell-v2-panel__body::-webkit-scrollbar-thumb:hover{
  background:rgba(15,20,25,0.32);
  border:2px solid transparent;
  background-clip:padding-box;
}
body.shell-v2 #pages-root::-webkit-scrollbar-corner,
body.shell-v2 .shell-v2-panel__body::-webkit-scrollbar-corner{
  background:transparent;
}
[data-theme="dark"] body.shell-v2 #pages-root{
  scrollbar-color:rgba(255,255,255,0.22) transparent;
}
[data-theme="dark"] body.shell-v2 #pages-root::-webkit-scrollbar-thumb,
[data-theme="dark"] body.shell-v2 .shell-v2-panel__body::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,0.18);
  border:2px solid transparent;
  background-clip:padding-box;
}
[data-theme="dark"] body.shell-v2 #pages-root::-webkit-scrollbar-thumb:hover,
[data-theme="dark"] body.shell-v2 .shell-v2-panel__body::-webkit-scrollbar-thumb:hover{
  background:rgba(255,255,255,0.32);
  border:2px solid transparent;
  background-clip:padding-box;
}

body.shell-v2 .shell-v2-panel__body{
  scrollbar-width:thin;
  scrollbar-color:rgba(15,20,25,0.18) transparent;
}
[data-theme="dark"] body.shell-v2 .shell-v2-panel__body{
  scrollbar-color:rgba(255,255,255,0.18) transparent;
}

body.shell-v2 #shell-v2-root{
  display:flex;
  flex:0 0 calc(var(--shell-v2-rail-w) + var(--shell-v2-panel-w));
  width:calc(var(--shell-v2-rail-w) + var(--shell-v2-panel-w));
  align-self:stretch;
  z-index:20;
}
body.shell-v2 #shell-v2-root.rail-expanded{
  flex-basis:calc(var(--shell-v2-rail-w-exp) + var(--shell-v2-panel-w));
  width:calc(var(--shell-v2-rail-w-exp) + var(--shell-v2-panel-w));
}

.shell-v2-nav{
  display:flex;width:100%;height:100%;
  border-right:1px solid var(--shell-v2-border);
  background:var(--shell-v2-bg);
}
.shell-v2-rail{
  width:var(--shell-v2-rail-w);flex:0 0 var(--shell-v2-rail-w);
  display:flex;flex-direction:column;align-items:stretch;
  padding:12px 8px;gap:6px;background:var(--shell-v2-rail);
  border-right:1px solid var(--shell-v2-border);overflow:hidden;
  transition:width 180ms ease, flex-basis 180ms ease;
}
#shell-v2-root.rail-expanded .shell-v2-rail{
  width:var(--shell-v2-rail-w-exp);flex-basis:var(--shell-v2-rail-w-exp);
}
.shell-v2-rail .icon,
.shell-v2-nav .icon{
  width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;
  stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;
}
.shell-v2-rail-toggle,
.shell-v2-rail-btn{
  position:relative;width:100%;min-height:40px;border:0;border-radius:12px;
  background:transparent;color:var(--neutral-500);
  display:flex;align-items:center;gap:10px;padding:0 9px;cursor:pointer;font:inherit;
}
/* display:flex oben überschreibt sonst das native [hidden] */
.shell-v2-rail-btn[hidden],
.shell-v2-rail-btn.is-ws-hidden{
  display:none !important;
}
.shell-v2-rail-toggle{color:var(--neutral-600);margin-bottom:4px}
.shell-v2-rail-toggle:hover,
.shell-v2-rail-btn:hover{background:var(--shell-v2-hover);color:var(--neutral-800)}
.shell-v2-rail-btn.active{
  background:var(--shell-v2-active);color:var(--accent-text);
  box-shadow:0 1px 2px rgba(15,20,25,0.06);
}
.shell-v2-rail-btn.active::before{
  content:"";position:absolute;left:-8px;top:8px;bottom:8px;width:3px;
  border-radius:0 3px 3px 0;background:var(--accent-base);
}
.shell-v2-rail-ico{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  flex-shrink:0;
}
.shell-v2-rail-btn .icon,
.shell-v2-rail-toggle .icon,
.shell-v2-rail-ico .icon{width:22px;height:22px}
.shell-v2-rail-label{
  font-size:13px;font-weight:600;white-space:nowrap;opacity:0;width:0;overflow:hidden;
  text-align:left;transition:opacity 140ms ease;min-width:0;flex:1 1 auto;
}
.shell-v2-rail-toggle .shell-v2-rail-label{font-size:12px;flex:0 1 auto}
#shell-v2-root.rail-expanded .shell-v2-rail-label{
  opacity:1;width:auto;overflow:hidden;text-overflow:ellipsis;
}
.shell-v2-rail-ico .nav-hint-dot{
  position:absolute;
  top:-2px;
  right:-2px;
  border-color:var(--shell-v2-rail);
  z-index:2;
}
.shell-v2-rail-btn.active .nav-hint-dot{
  border-color:var(--shell-v2-active);
}
.shell-v2-item{position:relative}
.shell-v2-item-ico{width:16px;height:16px}
.shell-v2-item-ico .nav-hint-dot{
  border-color:var(--shell-v2-bg);
}
.shell-v2-item.active .nav-hint-dot{
  border-color:var(--shell-v2-active);
}
.shell-v2-rail-spacer{flex:1 1 auto;min-height:8px}
.shell-v2-rail-logout{
  width:40px;height:40px;margin:4px auto 0;border:0;border-radius:50%;
  display:grid;place-items:center;cursor:pointer;flex-shrink:0;
  background:rgba(220,38,38,0.14);color:#DC2626;
  transition:background 140ms ease, color 140ms ease, transform 140ms ease;
}
.shell-v2-rail-logout .icon{width:18px;height:18px}
.shell-v2-rail-logout:hover{background:rgba(220,38,38,0.22);color:#B91C1C}
.shell-v2-rail-logout[hidden]{display:none !important}
[data-theme="dark"] .shell-v2-rail-logout{
  background:rgba(239,68,68,0.18);color:#F87171;
}
[data-theme="dark"] .shell-v2-rail-logout:hover{
  background:rgba(239,68,68,0.28);color:#FCA5A5;
}
#shell-v2-root.rail-expanded .shell-v2-rail-logout{margin-left:0;margin-right:auto}

.shell-v2-panel{
  width:var(--shell-v2-panel-w);flex:0 0 var(--shell-v2-panel-w);
  display:flex;flex-direction:column;overflow:hidden;background:var(--shell-v2-bg);min-height:0;
}
.shell-v2-panel__head{padding:14px 14px 10px}
.shell-v2-brand{
  display:flex;align-items:center;gap:10px;text-decoration:none;cursor:pointer;border:0;background:transparent;padding:0;font:inherit;
}
.shell-v2-brand__mark-wrap{display:inline-grid;width:28px;height:28px;flex-shrink:0}
.shell-v2-brand__mark{width:28px;height:28px;display:block;grid-area:1/1}
.shell-v2-brand__mark--dark{display:none !important}
[data-theme="dark"] .shell-v2-brand__mark--light{display:none !important}
[data-theme="dark"] .shell-v2-brand__mark--dark{display:block !important}
.shell-v2-wordmark{
  font-size:1.15rem;font-weight:700;letter-spacing:-0.03em;color:var(--accent-base);line-height:1;
}
.shell-v2-user{
  display:flex;align-items:center;gap:8px;margin-top:12px;padding:6px 8px;width:100%;
  border-radius:10px;background:var(--shell-v2-nav-hover);color:var(--shell-v2-text);
  border:0;cursor:pointer;font:inherit;text-align:left;
}
.shell-v2-user:hover{background:var(--shell-v2-hover);color:var(--shell-v2-ink)}
.shell-v2-user.has-workspace{align-items:flex-start}
.shell-v2-user__meta{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
.shell-v2-user__name{
  font-size:14px;font-weight:500;color:var(--shell-v2-ink);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.25;
}
.shell-v2-ws-label{
  font-size:12px;font-weight:400;color:var(--text-3);letter-spacing:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.25;
}
.shell-v2-ws-chevron{flex-shrink:0;margin-top:2px;opacity:0.55;color:var(--shell-v2-text)}
.shell-v2-workspace{position:relative;margin-top:12px}
.shell-v2-workspace .shell-v2-user{margin-top:0}
.shell-v2-ws-menu{
  position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:40;
  background:var(--card-bg, #fff);border:1px solid var(--shell-v2-border);
  border-radius:10px;padding:6px;box-shadow:0 10px 28px rgba(15,20,25,0.12);
}
.shell-v2-ws-menu[hidden]{display:none !important}
.shell-v2-ws-option{
  display:flex;align-items:flex-start;gap:8px;width:100%;padding:7px 9px;
  border:1px solid transparent;background:transparent;border-radius:8px;cursor:pointer;font:inherit;
  color:var(--shell-v2-text);text-align:left;
}
.shell-v2-ws-option:hover{
  background:var(--shell-v2-nav-hover);
  border-color:var(--shell-v2-border);
  color:var(--shell-v2-ink);
}
.shell-v2-ws-option:focus-visible{
  outline:none;
  border-color:var(--accent-strong, #5A8D14);
  background:var(--shell-v2-nav-hover);
}
.shell-v2-ws-option.is-active{
  color:var(--shell-v2-ink);
  background:rgba(134, 201, 34, 0.14);
  border-color:rgba(134, 201, 34, 0.45);
}
.shell-v2-ws-option.is-active:hover{
  background:rgba(134, 201, 34, 0.20);
  border-color:rgba(134, 201, 34, 0.65);
}
.shell-v2-ws-option__check{
  width:14px;flex-shrink:0;font-size:12px;line-height:1.4;color:var(--accent-strong, #5A8D14);
  visibility:hidden;
}
.shell-v2-ws-option.is-active .shell-v2-ws-option__check{visibility:visible}
.shell-v2-ws-option__body{display:flex;flex-direction:column;gap:1px;min-width:0}
.shell-v2-ws-option__text{font-size:13px;font-weight:500}
.shell-v2-ws-option__meta{font-size:11px;color:var(--neutral-500)}
.shell-v2-ws-sep{height:1px;background:var(--shell-v2-border);margin:4px 6px}
.shell-v2-ws-option--profile .shell-v2-ws-option__check{visibility:hidden}
.shell-v2-coach-badge{
  margin-left:8px;align-self:center;font-size:0.58rem;font-weight:700;letter-spacing:0.08em;
  background:var(--accent-strong,#5A8D14);color:#fff;border-radius:4px;padding:2px 5px;
}
.shell-v2-avatar{
  display:grid;place-items:center;width:32px;height:32px;aspect-ratio:1 / 1;flex-shrink:0;
  border-radius:var(--yama-avatar-radius,28%);border:0;
  background:linear-gradient(135deg,#abb0b6,#969da5);color:#fff;
  background-size:cover;background-position:center;overflow:hidden;
  transform:translateZ(0);
  clip-path:none;
  box-shadow:none;
}
.shell-v2-avatar > .yama-avatar,
.shell-v2-avatar > img.yama-avatar{
  width:32px;height:32px;max-width:32px;max-height:32px;
}
.shell-v2-avatar.has-photo{
  border-color:transparent;
  background-color:transparent;
  box-shadow:none;
}
.shell-v2-avatar.has-photo .icon{display:none}
.shell-v2-avatar .icon{width:14px;height:14px}
.shell-v2-search{
  display:flex;align-items:center;gap:6px;margin:0 12px 10px;padding:5px 8px;
  border:1px solid var(--shell-v2-border);background:var(--shell-v2-search);border-radius:8px;
}
.shell-v2-search .icon{width:13px;height:13px;flex-shrink:0;opacity:0.55}
.shell-v2-search input{
  border:0;background:transparent;outline:none;width:100%;
  font-size:11px;line-height:1.3;color:var(--shell-v2-ink);font-family:inherit;
  font-weight:400;
}
.shell-v2-search input::placeholder{
  color:var(--neutral-500);font-size:11px;opacity:1;
}
.shell-v2-search kbd{display:none !important}
.shell-v2-panel__body{flex:1;overflow-y:auto;padding:0 0 16px}
.shell-v2-section[hidden]{display:none !important}
.shell-v2-section__title{
  font-size:10px;font-weight:600;letter-spacing:0;
  text-transform:none;
  color:var(--neutral-500);padding:8px 14px 4px;
}
.shell-v2-items{display:flex;flex-direction:column;gap:4px;padding:0 10px 8px}
.shell-v2-group{display:flex;flex-direction:column;gap:4px;padding-top:6px}
.shell-v2-group:first-child{padding-top:0}
.shell-v2-group[hidden]{display:none !important}
.shell-v2-group__label{
  font-size:9px;font-weight:600;letter-spacing:0;
  text-transform:none;
  color:var(--neutral-500);padding:8px 10px 2px;
}
.shell-v2-item{
  display:flex;align-items:center;gap:10px;width:100%;min-height:36px;height:auto;padding:8px 10px;
  background:transparent;border:1px solid transparent;border-radius:8px;
  color:var(--shell-v2-text);text-align:left;font-size:13px;font-weight:500;line-height:1.25;
  text-decoration:none;cursor:pointer;font-family:inherit;
}
.shell-v2-item .icon{width:16px;height:16px}
.shell-v2-item--pro .icon{stroke:#D97706;color:#D97706}
.shell-v2-item[hidden],
.shell-v2-pref[hidden]{display:none !important}
.shell-v2-item.active{
  background:var(--shell-v2-active);border-color:var(--shell-v2-border);color:var(--shell-v2-ink);
  box-shadow:0 1px 2px rgba(0,0,0,0.04);
}
.shell-v2-item__badge{
  margin-left:auto;
  min-width:18px;
  height:18px;
  padding:0 5px;
  border-radius:999px;
  background:var(--shell-unread-orange);
  color:#fff;
  font-size:10px;
  font-weight:700;
  line-height:18px;
  text-align:center;
  font-variant-numeric:tabular-nums;
  flex-shrink:0;
}
.shell-v2-item__badge[hidden]{display:none !important}
.shell-v2-empty{padding:12px 16px;color:var(--neutral-500);font-size:12px}
.shell-v2-pref{padding:8px 10px 2px}
.shell-v2-pref__label{
  font-size:9px;font-weight:600;letter-spacing:0;
  text-transform:none;
  color:var(--neutral-500);margin-bottom:4px;
}
.shell-v2-pref__row{display:flex;gap:4px}
.shell-v2-chip{
  flex:1;padding:4px 8px;border-radius:6px;border:1px solid var(--shell-v2-border);
  background:transparent;color:var(--shell-v2-text);font-size:11px;font-weight:500;
  cursor:pointer;font-family:inherit;line-height:1.3;
}
.shell-v2-chip:hover{background:var(--shell-v2-nav-hover);color:var(--shell-v2-ink)}
.shell-v2-chip.active{
  background:var(--accent-bg,rgba(134,201,34,0.10));
  border-color:rgba(134,201,34,0.35);color:var(--accent-text);
  font-weight:600;
}
.shell-v2-footer{
  display:flex;flex-wrap:wrap;gap:4px 10px;padding:12px 14px 16px;
  border-top:1px solid var(--shell-v2-border);margin-top:auto;
}
.shell-v2-footer button,
.shell-v2-footer a{
  background:none;border:0;padding:0;font:inherit;font-size:11px;font-weight:500;
  color:var(--neutral-500);cursor:pointer;text-decoration:none;
}
.shell-v2-footer button:hover,
.shell-v2-footer a:hover{color:var(--accent-text)}
.shell-v2-panel{min-height:0}
.shell-v2-panel__body{min-height:0}

/* Profil: Shell-Sidebar ersetzt die klassische Profil-Nav inkl. Avatar-Spalte */
body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) .profile-layout > div:first-child{display:none !important}
body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) .profile-nav{display:none !important}
body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) .profile-layout{grid-template-columns:1fr !important}

@media (max-width:1100px){
  body.shell-v2{padding:12px}
  body.shell-v2 #shell-v2-frame{height:calc(100dvh - 24px);min-height:calc(100dvh - 24px);border-radius:14px}
}

/* ── Phone / Tablet (<900px): Shell-Chrome aus, klassische Bottom-Tabs an ─ */
@media (max-width:899px){
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth){
    padding:0 !important;
    background:var(--bg) !important;
    /* Unterer Abstand sitzt auf #pages-root (Scroll-Inhalt), nicht am body —
       sonst bleibt die letzte Karte hinter der schwebenden Tab-Leiste. */
    padding-bottom:0 !important;
  }
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #shell-v2-root,
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) .shell-v2-backdrop{
    display:none !important;
  }
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #shell-v2-frame{
    display:block !important;
    flex-direction:column;
    height:auto !important;
    min-height:100dvh !important;
    border:none !important;
    border-radius:0 !important;
    box-shadow:none !important;
    max-width:100% !important;
    overflow:visible !important;
    background:transparent !important;
  }
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #pages-root{
    overflow:visible !important;
    height:auto !important;
    min-height:100dvh !important;
    padding-top:0 !important;
    /* Tab-Leiste (64) + bottom-Offset (20) + Luft (12) ≈ 96 + Safe-Area */
    padding-bottom:calc(96px + var(--yama-safe-bottom, 0px)) !important;
    background:var(--bg) !important;
  }
  /* App-Shell + Tab-Leiste: kein Website-Footer (Links liegen unter Mehr) */
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #global-footer{
    display:none !important;
  }
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #nav-root,
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #main-nav{
    display:none !important;
  }
  /* Bottom-Nav auch 641–899px — klares Glas + Tropfen-Aktiv */
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #mob-bottom-nav{
    display:flex !important;
    position:fixed;
    left:50%;
    bottom:calc(18px + var(--yama-safe-bottom, 0px));
    width:auto;
    max-width:calc(100% - 32px);
    height:auto;
    box-sizing:border-box;
    align-items:center;
    gap:2px;
    padding:6px;
    border-radius:30px;
    z-index:900;
    transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    overflow:visible;
    background:transparent !important;
    border:none !important;
    box-shadow:var(--nav-glass-shadow);
    --icon-cut:var(--nav-icon-cut);
  }
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #mob-bottom-nav > .mob-nav-glass{
    position:absolute;inset:0;border-radius:inherit;z-index:0;pointer-events:none;
    background:var(--nav-glass-fill);
    -webkit-backdrop-filter:blur(12px) saturate(200%) brightness(1.14) contrast(1.06) !important;
    backdrop-filter:blur(12px) saturate(200%) brightness(1.14) contrast(1.06) !important;
    box-shadow:var(--nav-glass-inset);
  }
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #mob-bottom-nav > .mob-nav-rim{
    position:absolute;inset:0;border-radius:inherit;z-index:0;pointer-events:none;padding:1.5px;
    background:var(--nav-glass-edge);
    -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite:xor;mask-composite:exclude;
  }
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #mob-bottom-nav > .mob-nav-item{
    position:relative;z-index:1;
  }
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #mob-bottom-nav::before,
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #mob-bottom-nav::after{
    content:none !important;display:none !important;
  }
  [data-theme="dark"] body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #mob-bottom-nav{
    background:transparent !important;
    border:none !important;
    box-shadow:var(--nav-glass-shadow);
  }
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #yama-fab-root{
    display:block !important;
  }
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) .container{
    padding-left:16px !important;
    padding-right:16px !important;
  }
  /* Ohne App-Chrome: fester Desktop/Phone-Abstand.
     Mit has-mob-chrome greift die spezifischere Regel weiter unten (Safe-Top). */
  body.shell-v2:not(.has-mob-chrome):not(.shell-v2--classic):not(.shell-v2--auth) #page-dashboard > section,
  body.shell-v2:not(.has-mob-chrome):not(.shell-v2--classic):not(.shell-v2--auth) #page-kalender > section,
  body.shell-v2:not(.has-mob-chrome):not(.shell-v2--classic):not(.shell-v2--auth) #page-aktivitaeten > section,
  body.shell-v2:not(.has-mob-chrome):not(.shell-v2--classic):not(.shell-v2--auth) #page-aero > section,
  body.shell-v2:not(.has-mob-chrome):not(.shell-v2--classic):not(.shell-v2--auth) #page-radraum > section,
  body.shell-v2:not(.has-mob-chrome):not(.shell-v2--classic):not(.shell-v2--auth) #page-workout-builder > section{
    padding-top:16px !important;
    padding-bottom:32px !important;
  }
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #page-analyse > section,
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #page-profil > section,
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #page-mehr > section,
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #page-feed > section,
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #page-nachrichten > section,
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #page-benachrichtigungen > section{
    padding-bottom:32px !important;
  }
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) .feed-toolbar,
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) .msg-toolbar,
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) .ntf-toolbar{
    padding-top:12px;
  }
  /* Item-Styles für 641–899px */
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) .mob-nav-item{
    flex:0 0 auto;display:flex;flex-direction:row;align-items:center;justify-content:center;
    gap:0;width:52px;height:44px;margin:0;padding:0;border:none;border-radius:22px;
    background:transparent;cursor:pointer;color:var(--nav-icon);opacity:0.82;
    font-size:13px;font-weight:700;font-family:inherit;letter-spacing:0;position:relative;
    overflow:visible;-webkit-tap-highlight-color:transparent;
    transition:width 200ms ease-out,padding 200ms ease-out,gap 200ms ease-out,
      background-color 200ms ease-out,opacity 200ms ease-out,color 200ms ease-out,box-shadow 200ms ease-out;
  }
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) .mob-nav-label{
    display:none;white-space:nowrap;overflow:hidden;max-width:0;opacity:0;
    font-size:13px;font-weight:700;color:inherit;
    transition:max-width 200ms ease-out,opacity 200ms ease-out;
  }
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) .mob-nav-item.active,
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) .mob-nav-item[aria-current="page"]{
    width:auto;min-width:44px;opacity:1;gap:8px;padding:0 16px 0 12px;
    background:var(--nav-drop-fill);color:var(--nav-accent);
    -webkit-backdrop-filter:blur(12px) saturate(180%) brightness(1.1);
    backdrop-filter:blur(12px) saturate(180%) brightness(1.1);
    box-shadow:var(--nav-drop-shadow),var(--nav-drop-inset);
  }
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) .mob-nav-item.active::before,
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) .mob-nav-item[aria-current="page"]::before{
    content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;
    background:var(--nav-drop-edge);
    -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite:xor;mask-composite:exclude;
    pointer-events:none;z-index:0;
  }
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) .mob-nav-item.active > *,
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) .mob-nav-item[aria-current="page"] > *{
    position:relative;z-index:1;
  }
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #mob-bottom-nav.nav-show-active-label .mob-nav-item.active .mob-nav-label{
    display:inline;max-width:9em;opacity:1;
  }
  [data-theme="dark"] body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) .mob-nav-item.active{
    color:var(--nav-accent);
    background:var(--nav-drop-fill);
    box-shadow:var(--nav-drop-shadow),var(--nav-drop-inset);
  }
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) .mob-nav-item i{font-size:22px;line-height:1;flex-shrink:0;font-weight:400}
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) .mob-nav-item.active i{font-weight:400}
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) .mob-nav-badge{
    position:absolute;top:2px;right:calc(50% - 14px);min-width:16px;height:16px;padding:0 4px;
    border-radius:8px;background:var(--shell-unread-orange,#E85D04);color:var(--neutral-0);font-size:9px;font-weight:700;line-height:16px;
    text-align:center;pointer-events:none;
  }
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) .mob-nav-item{
    position:relative;
  }
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) .mob-nav-ico-wrap{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    width:24px;
    height:24px;
  }
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) .mob-nav-unread-dot{
    position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;
    background:var(--nav-hint);border:2px solid var(--nav-glass-fallback,var(--bg));
    box-sizing:content-box;pointer-events:none;z-index:2;
  }
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) .mob-nav-item.active .mob-nav-unread-dot,
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) .mob-nav-item[aria-current="page"] .mob-nav-unread-dot{
    border-color:var(--nav-glass-fallback,#fff);
  }
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) .mob-nav-unread-dot[hidden]{display:none !important}
}

@media (max-width:640px){
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) .container{
    padding-left:14px !important;
    padding-right:14px !important;
  }
}

/* Close-Button nur mobil sichtbar */
.shell-v2-panel-close{
  display:none;
  place-items:center;
  width:36px;height:36px;margin-left:auto;flex-shrink:0;
  border:0;border-radius:10px;cursor:pointer;
  background:var(--shell-v2-nav-hover);color:var(--shell-v2-ink);
}
.shell-v2-panel-close .icon{width:18px;height:18px}
.shell-v2-panel__head{
  display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;
}
.shell-v2-panel__head .shell-v2-brand{flex:1;min-width:0}
.shell-v2-panel__head .shell-v2-workspace{width:100%}
.shell-v2-backdrop{display:none}

/* Aero-Raum + generische Engstellen auf schmalen Screens */
@media (max-width:800px){
  .aero-raum{max-width:100%;overflow-x:hidden}
  .aero-raum-grid{grid-template-columns:1fr !important;gap:12px !important}
  .aero-raum .aero-col-result{order:-1}
  .aero-raum .aero-mass-grid{grid-template-columns:1fr 1fr !important}
  .aero-raum .aero-thr-row{flex-direction:column;align-items:stretch !important;gap:6px !important}
  .aero-raum .aero-thr-row > span:first-child{min-width:0 !important}
  .aero-raum #adp-aero-time{font-size:1.75rem !important}
  .aero-raum .aero-widget{padding:12px !important}
}

/* In-app pages: shell content rhythm */
body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) .container{
  max-width:none;
  padding-left:28px;
  padding-right:28px;
}
body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #page-dashboard > section,
body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #page-analyse > section,
body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #page-kalender > section,
body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #page-aktivitaeten > section,
body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #page-profil > section,
body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #page-aero > section,
body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #page-radraum > section,
body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #page-workout-builder > section{
  padding-top:24px !important;
  padding-bottom:40px !important;
}
/* Feed: oberer Abstand sitzt in der sticky Toolbar — sonst springt sie beim Scrollen hoch */
body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #page-feed > section{
  padding-top:0 !important;
  padding-bottom:40px !important;
}
/* Sticky Social-Header: gleicher Ton wie #pages-root (kein dunklerer Streifen) */
body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) .feed-toolbar,
body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) .msg-toolbar,
body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) .ntf-toolbar{
  padding-top:24px;
  background:var(--neutral-50);
}
[data-theme="dark"] body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) .feed-toolbar,
[data-theme="dark"] body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) .msg-toolbar,
[data-theme="dark"] body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) .ntf-toolbar{
  /* Match shell content canvas — nicht --neutral-50 (#1A1A1C = schwarzer Streifen) */
  background:var(--shell-v2-content, #222226);
}
body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) .feed-rail{
  top:24px;
}
/* Nachrichten: volle Canvas-Höhe, kein Extra-Padding über der Toolbar */
body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #page-nachrichten{
  height:100%;
  min-height:0;
}
body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #page-nachrichten > section{
  padding-top:0 !important;
  padding-bottom:0 !important;
  height:100%;
  box-sizing:border-box;
}
body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #page-benachrichtigungen > section{
  padding-top:0 !important;
  padding-bottom:40px !important;
}
/* Analyse-Tabs sitzen in der Shell-Sidebar (Desktop); Phone zeigt sie wieder */
body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #an-main-tabs{
  display:none !important;
}
@media (max-width:899px){
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #an-main-tabs{
    display:flex !important;
  }
  /* Liste: Nav wieder ein. Detail: Nav weg (sonst gewinnt display:block !important
     gegen main.css und Liste+Panel bleiben gleichzeitig sichtbar). */
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth):not(.profile-mobile-detail) .profile-layout > div:first-child,
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth):not(.profile-mobile-detail) .profile-nav{
    display:block !important;
  }
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth).profile-mobile-detail .profile-layout > div:first-child,
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth).profile-mobile-detail .profile-side,
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth).profile-mobile-detail .profile-nav{
    display:none !important;
  }
  body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) .profile-layout{
    grid-template-columns:1fr !important;
  }
}

/* ── Yama Search Modal ─────────────────────────────────────────────────── */
body.yama-search-open{overflow:hidden}
.yama-search-overlay{
  position:fixed;inset:0;z-index:1200;
  background:rgba(15,20,25,0.22);
  display:flex;align-items:flex-start;justify-content:center;
  padding:12vh 16px 24px;
  backdrop-filter:blur(1px);
}
.yama-search-overlay[hidden]{display:none !important}
.yama-search-modal{
  width:min(560px,100%);
  background:var(--card-bg,#fff);
  border:0.5px solid var(--border-default,#dedfe3);
  border-radius:14px;
  box-shadow:0 24px 64px rgba(0,0,0,0.18);
  overflow:hidden;
  display:flex;flex-direction:column;
  max-height:min(72vh,640px);
}
.yama-search-head{
  display:flex;align-items:center;gap:8px;
  padding:12px 14px;border-bottom:0.5px solid var(--border-default,#dedfe3);
}
.yama-search-head > .ti{font-size:15px;color:var(--neutral-400);flex-shrink:0}
.yama-search-head input{
  flex:1;min-width:0;border:0;outline:none;background:transparent;
  font:inherit;font-size:0.88rem;font-weight:400;color:var(--neutral-800);
  line-height:1.35;
}
.yama-search-head input::placeholder{
  color:var(--neutral-400);font-size:0.88rem;opacity:1;
}
.yama-search-esc{display:none !important}
.yama-search-filters{
  display:flex;flex-wrap:wrap;gap:6px;padding:10px 14px 6px;
}
.yama-search-pill{
  border:0.5px solid var(--border-default);background:var(--card-bg);
  border-radius:999px;padding:5px 11px;font-size:0.76rem;font-weight:500;
  color:var(--neutral-700);cursor:pointer;font-family:inherit;
}
.yama-search-pill.is-active{
  border-color:var(--accent-base);background:var(--accent-bg);color:var(--accent-text);font-weight:600;
}
.yama-search-body{flex:1;overflow-y:auto;padding:4px 8px 12px}
.yama-search-group{margin-top:6px}
.yama-search-group__label{
  font-size:0.68rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;
  color:var(--neutral-400);padding:8px 10px 4px;
}
.yama-search-row{
  display:flex;align-items:center;gap:10px;width:100%;
  padding:9px 10px;border:0;border-radius:8px;background:transparent;
  cursor:pointer;text-align:left;font:inherit;color:inherit;
}
.yama-search-row.is-active,
.yama-search-row:hover{background:var(--neutral-100)}
.yama-search-row__icon{
  width:32px;height:32px;border-radius:8px;flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--neutral-100);color:var(--neutral-600);font-size:15px;
}
.yama-search-row__avatar{
  flex-shrink:0;
}
.yama-search-row.is-active .yama-search-row__icon{
  background:var(--accent-bg);color:var(--accent-text);
}
.yama-search-row__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.yama-search-row__title{
  font-size:0.9rem;font-weight:600;color:var(--neutral-800);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.yama-search-row__sub{
  font-size:0.74rem;color:var(--neutral-500);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.yama-search-empty{
  padding:28px 16px;text-align:center;color:var(--neutral-400);font-size:0.88rem;
}
.yama-search-foot{display:none !important}

/* ── Analyse-Fokus-Modus (SPEC Aktivitätsanalyse §2 / Phase 3.5) ─────────── */
body.shell-v2.shell-v2--analyze-focus{
  padding:0 !important;
}
body.shell-v2.shell-v2--analyze-focus #shell-v2-frame{
  max-width:none;
  width:100%;
  height:100dvh;
  min-height:100dvh;
  margin:0;
  border-radius:0;
  border:none;
  box-shadow:none;
}
body.shell-v2.shell-v2--analyze-focus #shell-v2-root,
body.shell-v2.shell-v2--analyze-focus .shell-v2-nav{
  display:none !important;
  width:0 !important;
  flex:0 0 0 !important;
  overflow:hidden !important;
  pointer-events:none !important;
}
body.shell-v2.shell-v2--analyze-focus #pages-root{
  flex:1 1 100%;
  width:100%;
  max-width:none;
}
@media (max-width:959px){
  body.shell-v2.shell-v2--analyze-focus #shell-v2-frame{
    height:100dvh;
    min-height:100dvh;
  }
}

/* ── Mobile App-Kopfzeile (≤899px) — Spec 15.09.2026 ────────────────────
   Floating Liquid-Glas: Glocke / Mail / Avatar schweben über dem Inhalt;
   Seiten scrollen darunter durch (kein reservierter Balken mehr). */
#mob-app-chrome { display: none; }
/* Tool Shared-Row-Köpfe: nur Mobile mit Chrome; Desktop behält Inline-Titel */
.tool-page-head { display: none; }
@media (max-width: 899px) {
  /* black-translucent: Inhalt unter Statusleiste; Frost weich in die Bar auslaufen.
     Kein fester Floor (59/28) — der hat auf Android-PWA den Safe-Inset verdoppelt,
     sobald env()/--yama-safe-top schon korrekt war. */
  body.has-mob-chrome {
    --mob-chrome-safe-top: var(--yama-safe-top, 0px);
    --mob-chrome-bar-h: 72px;
    --mob-chrome-frost-fade: 24px;
    /* 3×44px Buttons + Gaps + Luft zur Kante */
    --mob-chrome-actions-w: 160px;
  }
  body.has-mob-chrome #mob-app-chrome {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 50;
    box-sizing: border-box;
    height: calc(var(--mob-chrome-safe-top) + var(--mob-chrome-bar-h));
    padding-top: var(--mob-chrome-safe-top);
    background: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    pointer-events: none;
    overflow: visible;
  }
  body.has-mob-chrome #mob-app-chrome::before,
  body.has-mob-chrome #mob-app-chrome::after {
    content: none !important;
    display: none !important;
  }
  /*
    Frost: hart bis safe-top, dann 24px weicher Auslauf (Maske).
    Bar liegt mit z-index:1 darüber — Buttons bleiben scharf.
  */
  body.has-mob-chrome .mob-chrome__frost {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: calc(var(--mob-chrome-safe-top) + var(--mob-chrome-frost-fade));
    z-index: 0;
    pointer-events: none;
    /* Kein backdrop-filter — nur leichte deckende Fläche (kein iOS-Blur-Bleed). */
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    background: linear-gradient(
      to bottom,
      color-mix(in srgb, var(--bg) 55%, transparent) 0,
      color-mix(in srgb, var(--bg) 40%, transparent) var(--mob-chrome-safe-top),
      transparent 100%
    );
    -webkit-mask-image: linear-gradient(
      to bottom,
      #000 0,
      #000 var(--mob-chrome-safe-top),
      transparent 100%
    );
    mask-image: linear-gradient(
      to bottom,
      #000 0,
      #000 var(--mob-chrome-safe-top),
      transparent 100%
    );
  }
  body.has-mob-chrome.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #shell-v2-frame {
    display: flex !important;
    flex-direction: column !important;
  }
  body.has-mob-chrome.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #mob-app-chrome {
    order: -1;
    flex: 0 0 0 !important;
    height: calc(var(--mob-chrome-safe-top) + var(--mob-chrome-bar-h)) !important;
    min-height: 0 !important;
    width: 100%;
    margin: 0 !important;
    overflow: visible;
    padding-top: var(--mob-chrome-safe-top) !important;
    box-sizing: border-box !important;
  }
  .mob-chrome__bar {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 18px;
    height: var(--mob-chrome-bar-h);
    min-height: var(--mob-chrome-bar-h);
    max-height: var(--mob-chrome-bar-h);
    margin-top: 0;
    padding: 0 12px 8px;
    box-sizing: border-box;
    pointer-events: none;
  }
  .mob-chrome__hit {
    width: 44px;
    height: 44px;
    border: 0;
    background: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: var(--radius-md);
    color: var(--neutral-700);
    font: inherit;
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    -webkit-tap-highlight-color: transparent;
    pointer-events: auto;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  .mob-chrome__hit:active {
    opacity: 0.7;
  }
  /* Nachrichten + Notifications: nur Icon */
  .mob-chrome__msg,
  .mob-chrome__notif {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
  .mob-chrome__msg:active,
  .mob-chrome__notif:active {
    background: transparent !important;
    opacity: 0.7;
  }
  [data-theme="dark"] .mob-chrome__msg,
  [data-theme="dark"] .mob-chrome__notif {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  [data-theme="dark"] .mob-chrome__hit {
    background: none;
    border: 0;
    color: var(--neutral-800);
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  /* Actions: einzelne Hits, kein gemeinsamer Pill-Hintergrund */
  .mob-chrome__actions {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    margin-left: auto;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    pointer-events: auto;
  }
  [data-theme="dark"] .mob-chrome__actions {
    background: transparent;
    border: 0;
  }
  .mob-chrome__avatar-hit {
    width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    border-radius: var(--yama-avatar-radius, 28%);
    background: none;
    overflow: hidden;
    position: relative;
    z-index: 1;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    pointer-events: auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .mob-chrome__avatar-hit:has(.mob-chrome__avatar-img) {
    background: transparent;
    border: 0;
  }
  .mob-chrome__avatar-img,
  .mob-chrome__avatar-fall {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    display: block;
  }
  .mob-chrome__avatar-img {
    background-size: cover;
    background-position: center;
    border: none;
  }
  .mob-chrome__avatar-fall {
    background: var(--accent-base);
    color: var(--neutral-800);
    font-size: 12px;
    font-weight: 600;
    line-height: 35px;
    text-align: center;
    letter-spacing: -0.02em;
  }
  .mob-chrome__avatar-fall--icon {
    background: var(--bg-2);
    color: var(--text-3);
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-size: 16px;
  }
  .mob-chrome__mid {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    pointer-events: auto;
    padding-right: 8px;
  }
  #mob-app-chrome.mob-chrome--actions-only .mob-chrome__mid {
    display: none;
  }
  .mob-chrome__title {
    font-size: calc(var(--yama-title) + 6px);
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.2;
    color: var(--neutral-800);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    text-align: left;
    text-shadow: 0 0 12px var(--bg);
  }
  .mob-chrome__stack {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
    max-width: 100%;
    padding-right: 8px;
  }
  .mob-chrome__subtitle {
    font-size: 12px;
    font-weight: 400;
    color: var(--neutral-500);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
  }
  .mob-chrome__range-menu {
    position: absolute;
    left: 12px;
    right: auto;
    top: calc(var(--mob-chrome-safe-top) + var(--mob-chrome-bar-h, 48px));
    min-width: 180px;
    background: color-mix(in srgb, var(--bg-1) 28%, transparent);
    border: 0.5px solid var(--border);
    border-radius: var(--radius-lg);
    box-shadow:
      var(--shadow-3),
      inset 0 1px 0 color-mix(in srgb, var(--neutral-0) 55%, transparent);
    -webkit-backdrop-filter: blur(48px) saturate(220%);
    backdrop-filter: blur(48px) saturate(220%);
    padding: 6px;
    z-index: 60;
    pointer-events: auto;
  }
  .mob-chrome__range-menu button {
    display: block;
    width: 100%;
    text-align: left;
    border: 0;
    background: transparent;
    padding: 12px 14px;
    border-radius: 8px;
    font: inherit;
    font-size: 0.92rem;
    color: var(--neutral-800);
    cursor: pointer;
  }
  .mob-chrome__range-menu button:active { background: var(--neutral-100); }
  .mob-chrome__range {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    border: 0.5px solid var(--border);
    background: var(--bg-2);
    border-radius: var(--radius-pill);
    padding: 7px 12px;
    font: inherit;
    font-size: 15px;
    font-weight: 500;
    color: var(--neutral-800);
    cursor: pointer;
    white-space: nowrap;
  }
  .mob-chrome__range .ti { font-size: 14px; color: var(--neutral-500); }
  .mob-chrome__msg .ti,
  .mob-chrome__notif .ti { font-size: 24px; line-height: 1; }
  .mob-chrome__glyph {
    display: block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
  }
  .mob-chrome__glyph[hidden] { display: none !important; }
  .mob-chrome__msg.is-unread,
  .mob-chrome__notif.is-unread {
    color: var(--accent);
  }
  .mob-chrome__badge {
    display: none !important;
  }
  .mob-chrome__menu {
    position: absolute;
    right: 12px;
    left: auto;
    top: calc(var(--mob-chrome-safe-top) + var(--mob-chrome-bar-h, 48px));
    min-width: 200px;
    background: color-mix(in srgb, var(--bg-1) 28%, transparent);
    border: 0.5px solid var(--border);
    border-radius: var(--radius-lg);
    box-shadow:
      var(--shadow-3),
      inset 0 1px 0 color-mix(in srgb, var(--neutral-0) 55%, transparent);
    -webkit-backdrop-filter: blur(48px) saturate(220%);
    backdrop-filter: blur(48px) saturate(220%);
    padding: 6px;
    z-index: 60;
    pointer-events: auto;
  }
  .mob-chrome__menu button {
    display: block;
    width: 100%;
    text-align: left;
    border: 0;
    background: transparent;
    padding: 12px 14px;
    border-radius: 8px;
    font: inherit;
    font-size: 0.92rem;
    color: var(--neutral-800);
    cursor: pointer;
  }
  .mob-chrome__menu button:active { background: var(--neutral-100); }
  .mob-chrome__menu button.is-danger { color: var(--danger-text, #b83a2e); }

  body.has-mob-chrome #page-aktivitaeten > section > .container > .act-page-head,
  body.has-mob-chrome #page-aktivitaeten > section > .container > div:first-child:not(.act-overview),
  body.has-mob-chrome #page-feed > section > .container > div:first-child {
    display: none !important;
  }
  /* Zeitraum-Pills bleiben in-page — Chrome zeigt nur Actions */
  body.has-mob-chrome #an-sport-filter {
    margin-left: auto;
  }
  /* Shared-Row: Überschrift neben Buttons — nur Safe-Top + Luft */
  body.has-mob-chrome.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #page-dashboard > section,
  body.has-mob-chrome.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #page-kalender > section,
  body.has-mob-chrome.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #page-aktivitaeten > section,
  body.has-mob-chrome.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #page-analyse > section,
  body.has-mob-chrome.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #page-mehr > section,
  body.has-mob-chrome.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #page-mehr > section.mehr-page,
  body.has-mob-chrome.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #page-aero > section,
  body.has-mob-chrome.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #page-radraum > section,
  body.has-mob-chrome.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #page-workout-builder > section,
  body.has-mob-chrome.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #page-kraftraum > section,
  body.has-mob-chrome.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #page-feed > section,
  body.has-mob-chrome.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #page-admin > section {
    padding-top: calc(var(--mob-chrome-safe-top) + 16px) !important;
  }
  /* Profil-Übersicht: Shared-Row wie Analyse/Mehr; Detail behält volle Bar-Höhe */
  body.has-mob-chrome.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth):not(.profile-mobile-detail) #page-profil > section {
    padding-top: calc(var(--mob-chrome-safe-top) + 16px) !important;
    /* Bottom-Inset sitzt auf #pages-root — hier nicht nochmal addieren */
    padding-bottom: 0 !important;
  }
  body.has-mob-chrome.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth).profile-mobile-detail #page-profil > section {
    padding-top: calc(
      var(--mob-chrome-safe-top) + var(--mob-chrome-bar-h) + 8px
    ) !important;
    padding-bottom: 0 !important;
  }
  body.has-mob-chrome.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #page-nachrichten > section,
  body.has-mob-chrome.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #page-benachrichtigungen > section {
    padding-top: calc(
      var(--mob-chrome-safe-top) + var(--mob-chrome-bar-h) + 8px
    ) !important;
    padding-bottom: 0 !important;
  }
  body.has-mob-chrome:not(.profile-mobile-detail) #page-profil .profile-page-head {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    box-sizing: border-box;
    padding-left: 2px !important;
    padding-right: 160px !important;
    min-height: var(--mob-chrome-bar-h) !important;
    margin-top: -10px !important;
    margin-bottom: var(--space-3) !important;
  }
  body.has-mob-chrome:not(.profile-mobile-detail) #page-profil .profile-page-head__title {
    font-size: calc(var(--yama-title) + 6px) !important;
    font-weight: 500 !important;
    letter-spacing: -0.02em !important;
    line-height: 1.2 !important;
    color: var(--neutral-800) !important;
    margin: 0 !important;
  }
  body.has-mob-chrome:not(.profile-mobile-detail) #page-profil .profile-page-head__sub {
    display: none !important;
  }
  body.has-mob-chrome.profile-mobile-detail #page-profil .profile-page-head {
    display: none !important;
  }
  /* Detail-Unterseite: ‹ + Titel als eine Touchfläche, Actions aus, Frost deckend */
  #mob-app-chrome.mob-chrome--profile-detail .mob-chrome__actions {
    display: none !important;
  }
  #mob-app-chrome.mob-chrome--profile-detail .mob-chrome__bar {
    justify-content: flex-start;
    gap: 0;
  }
  #mob-app-chrome.mob-chrome--profile-detail .mob-chrome__mid {
    display: none !important;
  }
  #mob-app-chrome.mob-chrome--profile-detail .mob-chrome__frost {
    height: calc(var(--mob-chrome-safe-top) + var(--mob-chrome-bar-h));
    background: color-mix(in srgb, var(--bg) 94%, transparent);
    -webkit-mask-image: none;
    mask-image: none;
    border-bottom: 0.5px solid var(--border-default);
  }
  .mob-chrome__back-nav {
    display: none;
    align-items: center;
    gap: 2px;
    min-height: 44px;
    min-width: 44px;
    max-width: 100%;
    margin: 0;
    padding: 0 4px 0 0;
    border: 0;
    background: none;
    color: var(--neutral-800);
    font: inherit;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    pointer-events: auto;
    flex: 1 1 auto;
    box-sizing: border-box;
    text-align: left;
  }
  .mob-chrome__back-nav:not([hidden]) {
    display: inline-flex;
  }
  .mob-chrome__back-nav:active {
    opacity: 0.7;
  }
  .mob-chrome__back-chevron {
    flex: 0 0 28px;
    width: 28px;
    font-size: 28px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
  }
  .mob-chrome__back-title {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  body.has-mob-chrome.profile-mobile-detail #page-profil .profile-mobile-toolbar {
    display: none !important;
  }
  html.yama-native[data-platform="android"] body.has-mob-chrome.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #page-nachrichten > section,
  html.yama-native[data-platform="android"] body.has-mob-chrome.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #page-benachrichtigungen > section {
    padding-top: calc(
      max(var(--safe-area-inset-top, 0px), 28px) + 72px + 8px
    ) !important;
  }
  html.yama-native[data-platform="android"] body.has-mob-chrome.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth):not(.profile-mobile-detail) #page-profil > section {
    padding-top: calc(max(var(--safe-area-inset-top, 0px), 28px) + 16px) !important;
  }
  html.yama-native[data-platform="android"] body.has-mob-chrome.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth).profile-mobile-detail #page-profil > section {
    padding-top: calc(
      max(var(--safe-area-inset-top, 0px), 28px) + 72px + 8px
    ) !important;
  }
  /* Feed: Shared-Row-Titel wie Analyse; Filter darunter */
  body.has-mob-chrome #page-feed .feed-toolbar {
    position: static !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: var(--space-2) !important;
    padding-top: 0 !important;
    margin-bottom: var(--space-3) !important;
    background: transparent !important;
  }
  body.has-mob-chrome #page-feed .feed-toolbar__titles {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    box-sizing: border-box;
    padding-left: 2px !important;
    padding-right: 160px !important;
    min-height: var(--mob-chrome-bar-h) !important;
    margin-top: -10px !important;
    margin-bottom: 0 !important;
  }
  body.has-mob-chrome #page-feed .feed-toolbar__title {
    font-size: calc(var(--yama-title) + 6px) !important;
    font-weight: 500 !important;
    letter-spacing: -0.02em !important;
    line-height: 1.2 !important;
    color: var(--neutral-800) !important;
    margin: 0 !important;
  }
  body.has-mob-chrome #page-feed .feed-toolbar__meta {
    display: none !important;
  }
  body.has-mob-chrome #page-feed .feed-toolbar__actions {
    padding-top: 0 !important;
    justify-content: flex-start;
  }
  /* Begrüßung — Zahnrad weg → mehr Platz, kein Ellipsis-Schnitt */
  body.has-mob-chrome #page-dashboard .dash-page-head {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-2);
    padding-right: var(--mob-chrome-actions-w, 160px);
    min-height: var(--mob-chrome-bar-h);
    margin-top: 0;
    margin-bottom: var(--space-3) !important;
    position: relative;
    z-index: 1;
  }
  body.has-mob-chrome #page-dashboard .dash-page-head__customize {
    display: none !important;
  }
  body.has-mob-chrome #page-dashboard .dash-page-head__greet {
    font-size: var(--yama-title);
    font-weight: 500;
    color: var(--neutral-800);
    letter-spacing: -0.02em;
    line-height: 1.25;
    margin: 0;
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
  }
  body.has-mob-chrome #page-dashboard .dash-page-head__date {
    display: block;
    color: var(--text-2);
    line-height: 1.2;
  }
  /* Kalender / Analyse / Mehr / Aktivitäten / Tools — gleiche Shared-Row-Höhe */
  body.has-mob-chrome #page-kalender .cal-page-head,
  body.has-mob-chrome #page-analyse .an-page-head,
  body.has-mob-chrome #page-feedback .fb-page-head,
  body.has-mob-chrome #page-was-ist-neu .releases-page-head,
  body.has-mob-chrome #page-mehr .mehr-page-head,
  body.has-mob-chrome #page-aktivitaeten .act-overview__head,
  body.has-mob-chrome #page-aero .tool-page-head,
  body.has-mob-chrome #page-radraum .tool-page-head,
  body.has-mob-chrome #page-workout-builder .tool-page-head,
  body.has-mob-chrome #page-kraftraum .tool-page-head,
  body.has-mob-chrome #page-admin .admin-page-head {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    box-sizing: border-box;
    padding-left: 2px !important;
    padding-right: 160px !important;
    min-height: var(--mob-chrome-bar-h) !important;
    margin-top: -10px !important;
    margin-bottom: var(--space-3) !important;
  }
  body.has-mob-chrome #page-kalender .cal-page-head__title,
  body.has-mob-chrome #page-analyse .an-page-head__title,
  body.has-mob-chrome #page-feedback .fb-page-head__title,
  body.has-mob-chrome #page-was-ist-neu .releases-page-head .yama-page-title,
  body.has-mob-chrome #page-mehr .mehr-page-head__title,
  body.has-mob-chrome #page-aktivitaeten .act-overview__eyebrow,
  body.has-mob-chrome #page-aero .tool-page-head__title,
  body.has-mob-chrome #page-radraum .tool-page-head__title,
  body.has-mob-chrome #page-workout-builder .tool-page-head__title,
  body.has-mob-chrome #page-kraftraum .tool-page-head__title,
  body.has-mob-chrome #page-admin .admin-page-head__title {
    font-size: calc(var(--yama-title) + 6px) !important;
    font-weight: 500 !important;
    letter-spacing: -0.02em !important;
    line-height: 1.2 !important;
    color: var(--neutral-800) !important;
    margin: 0 !important;
    text-transform: none !important;
  }
  body.has-mob-chrome #page-admin .admin-page-head__eyebrow {
    display: none !important;
  }
  /* Inline-Titel der Tool-Seiten nur Desktop — Mobile nutzt tool-page-head */
  body.has-mob-chrome #page-aero .aero-inline-head,
  body.has-mob-chrome #page-radraum .rr-inline-head,
  body.has-mob-chrome #page-kraftraum .kr-inline-title {
    display: none !important;
  }
  /* Yama-Ride-Player: unter Status/Frost, ohne volle Chrome-Bar-Höhe */
  /* Yama-Ride-Player: unter Statusleiste; Safe-Inset kommt aus dem Modal selbst
     (ensureRadraumModalWidth / --rr-prep-safe-top) — hier nicht nochmal addieren,
     sonst Doppel-Lücke bzw. Kampf mit Inline-padding. */
  body.has-mob-chrome #radraum-modal {
    /* padding-top bewusst nicht setzen — Modal regelt Safe-Area selbst */
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-bottom: calc(20px + var(--yama-safe-bottom, env(safe-area-inset-bottom, 0px))) !important;
  }
  /* Zeitraum absolut unter dem Titel — Kopfhöhe bleibt 1:1 wie Analyse */
  body.has-mob-chrome #page-aktivitaeten .act-overview__head {
    position: relative;
  }
  body.has-mob-chrome #page-aktivitaeten .act-overview__range {
    position: absolute;
    left: 2px;
    top: calc(50% + 12px);
    width: auto !important;
    max-width: calc(100% - 160px);
    padding: 0 18px 0 0 !important;
    border: none !important;
    border-radius: 0 !important;
    font-size: var(--yama-micro) !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.2 !important;
    color: var(--text-2) !important;
    background-color: transparent !important;
    background-position: right 0 center !important;
    background-size: 12px !important;
  }
  body.has-mob-chrome #page-mehr #mehr-hub {
    padding-right: 0;
    margin-top: 0;
  }
  body.has-mob-chrome #page-mehr #mehr-hub .mehr-hub-section:first-child button:first-of-type {
    margin-top: 0;
  }
}

/* ── Native: Chrome default OFF until yama-native--chrome (CSS-first, no JS race) ──
   Spezifität muss body.has-mob-chrome.shell-v2… und mobile Tab-Bar-Regeln schlagen. */
html.yama-native:not(.yama-native--chrome) body #shell-v2-root,
html.yama-native:not(.yama-native--chrome) body #nav-root,
html.yama-native:not(.yama-native--chrome) body #main-nav,
html.yama-native:not(.yama-native--chrome) body #mob-nav,
html.yama-native:not(.yama-native--chrome) body #mob-bottom-nav,
html.yama-native:not(.yama-native--chrome) body #mob-app-chrome,
html.yama-native:not(.yama-native--chrome) body #yama-fab-root,
html.yama-native:not(.yama-native--chrome) body #global-footer,
html.yama-native:not(.yama-native--chrome) body.has-mob-chrome #mob-app-chrome,
html.yama-native:not(.yama-native--chrome) body.has-mob-chrome.shell-v2 #mob-app-chrome,
html.yama-native:not(.yama-native--chrome) body.has-mob-chrome.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #mob-app-chrome,
html.yama-native:not(.yama-native--chrome) body.shell-v2 #mob-bottom-nav,
html.yama-native:not(.yama-native--chrome) body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #mob-bottom-nav,
html.yama-native:not(.yama-native--chrome) body.shell-v2 #shell-v2-root,
html.yama-native:not(.yama-native--chrome) body.shell-v2 #yama-fab-root {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
@media (max-width: 899px) {
  html.yama-native:not(.yama-native--chrome) body.has-mob-chrome #mob-app-chrome,
  html.yama-native:not(.yama-native--chrome) body.has-mob-chrome.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #mob-app-chrome,
  html.yama-native:not(.yama-native--chrome) body.shell-v2:not(.shell-v2--classic):not(.shell-v2--auth) #mob-bottom-nav {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}
html.yama-native:not(.yama-native--chrome) #pages-root,
html.yama-native:not(.yama-native--chrome) body.shell-v2 #pages-root,
html.yama-native:not(.yama-native--chrome) body.shell-v2.shell-v2--auth #pages-root {
  padding-top: 0 !important;
}
html.yama-native.yama-native--booting #pages-root {
  visibility: hidden;
}
html.yama-native.yama-native--booting body,
html.yama-native.yama-native--booting {
  background: var(--bg);
}

@media (hover:hover) and (pointer:fine){
  body.shell-v2 .shell-v2-item:hover{background:var(--shell-v2-nav-hover)}
}
body.shell-v2 .shell-v2-item:focus{outline:none}
body.shell-v2 .shell-v2-item:focus-visible{
  outline:2px solid var(--accent-strong);
  outline-offset:2px;
}

.yama-server-retry-banner{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:40;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:var(--space-3);
  padding:var(--space-3);
  padding-top:calc(var(--space-3) + var(--yama-safe-top, 0px));
  background:var(--bg-1);
  color:var(--warning-text);
  box-shadow:var(--shadow-3);
  border-bottom:1px solid var(--border-default);
}
.yama-server-retry-banner[hidden]{display:none}
.yama-server-retry-banner__btn{
  border:0;
  border-radius:var(--radius-md);
  background:var(--bg-2);
  color:var(--warning-text);
  padding:6px 12px;
  cursor:pointer;
}