/* Einheitliche Dashboard-Navigation auf allen internen Seiten */
#rhUnifiedSidebar{
  position:fixed; inset:0 auto 0 0; width:250px; z-index:9999;
  display:flex; flex-direction:column; overflow-y:auto;
  background:#0d1015; border-right:1px solid #1c222b;
  color:#f6f7f9; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
#rhUnifiedSidebar *{box-sizing:border-box}
#rhUnifiedSidebar .rh-us-brand{min-height:70px;padding:13px 15px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #1d232c;flex:0 0 auto}
#rhUnifiedSidebar .rh-us-brand img{width:34px;height:34px;object-fit:contain;display:block}
#rhUnifiedSidebar .rh-us-brand strong{font-size:15px;line-height:1;font-weight:800;white-space:nowrap}
#rhUnifiedSidebar .rh-us-gear{margin-left:auto;width:34px;height:34px;border:1px solid #2a313b;border-radius:10px;display:grid;place-items:center;background:#12161c;color:#a9b0ba;text-decoration:none}
#rhUnifiedSidebar .rh-us-content{padding:13px 10px 24px;flex:1}
#rhUnifiedSidebar .rh-us-section{margin:0 0 12px}
#rhUnifiedSidebar .rh-us-title{height:34px;border-radius:9px;background:linear-gradient(90deg,rgba(139,65,84,.24),rgba(139,65,84,.12));border:1px solid rgba(170,86,108,.24);color:#b9687c;display:flex;align-items:center;justify-content:space-between;padding:0 11px;font-size:11px;font-weight:800}
#rhUnifiedSidebar .rh-us-title span:first-child{display:flex;gap:8px;align-items:center}
#rhUnifiedSidebar .rh-us-link{height:33px;display:flex;align-items:center;gap:9px;padding:0 12px;border-radius:8px;color:#9199a6;text-decoration:none;font-size:11px;margin:2px 0;border:1px solid transparent;white-space:nowrap}
#rhUnifiedSidebar .rh-us-link:hover{color:#fff;background:#141922}
#rhUnifiedSidebar .rh-us-link.active{background:linear-gradient(90deg,#7A304B,#43232d);color:#f2bdca;border-color:#7b3c4d;font-weight:800;box-shadow:inset 3px 0 0 #b9687c,0 4px 14px rgba(91,45,59,.20)}
#rhUnifiedSidebar .rh-us-ico{width:16px;text-align:center;color:#b6bec9;flex:0 0 16px}
#rhUnifiedSidebar .rh-us-footer{border-top:1px solid #1d232c;padding:10px;background:#0d1015;flex:0 0 auto}
#rhUnifiedSidebar .rh-us-profile{display:flex;align-items:center;gap:9px;background:#12161c;border:1px solid #242b35;border-radius:10px;padding:8px}
#rhUnifiedSidebar .rh-us-avatar{width:33px;height:33px;border-radius:50%;background:linear-gradient(135deg,#BD3F68,#a31e08);display:grid;place-items:center;font-weight:900}
#rhUnifiedSidebar .rh-us-profile-text{min-width:0;flex:1}
#rhUnifiedSidebar .rh-us-name{font-size:11px;font-weight:800}
#rhUnifiedSidebar .rh-us-role{font-size:9px;color:#7f8996}
#rhUnifiedSidebar .rh-us-foot-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
#rhUnifiedSidebar .rh-us-foot-buttons a{height:34px;border:1px solid #252d37;background:#10141a;color:#a6afbb;border-radius:8px;text-decoration:none;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}
body.rh-unified-nav .main, body.rh-unified-nav .rh-content{margin-left:250px!important}
body.rh-unified-nav .rh-sidebar, body.rh-unified-nav aside.sidebar:not(#rhUnifiedSidebar){display:none!important}
@media(max-width:820px){
  #rhUnifiedSidebar{position:relative;width:100%;height:auto;max-height:none;overflow:visible}
  #rhUnifiedSidebar .rh-us-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  #rhUnifiedSidebar .rh-us-section{margin:0}
  #rhUnifiedSidebar .rh-us-footer{display:none}
  body.rh-unified-nav .main, body.rh-unified-nav .rh-content{margin-left:0!important}
}
@media(max-width:560px){#rhUnifiedSidebar .rh-us-content{grid-template-columns:1fr}}


/* Auf- und zuklappbare Kategorien */
#rhUnifiedSidebar .rh-us-title{
  width:100%;
  cursor:pointer;
  font-family:inherit;
  text-align:left;
}
#rhUnifiedSidebar .rh-us-title:hover{filter:brightness(1.12)}
#rhUnifiedSidebar .rh-us-title-left{display:flex;gap:8px;align-items:center}
#rhUnifiedSidebar .rh-us-chevron{transition:transform .18s ease;font-size:13px}
#rhUnifiedSidebar .rh-us-section.open .rh-us-chevron{transform:rotate(180deg)}
#rhUnifiedSidebar .rh-us-links{display:block;overflow:hidden}
#rhUnifiedSidebar .rh-us-section.collapsed .rh-us-links{display:none}
#rhUnifiedSidebar .rh-us-section.collapsed{margin-bottom:7px}
#rhUnifiedSidebar .rh-us-section.open{margin-bottom:12px}

/* =========================================================
   RealheatBot Glass/Transparent Theme
   Makes the saved custom background visible on EVERY
   internal dashboard page while keeping text readable.
   ========================================================= */
body.rh-has-custom-bg{
  background-color:#080a0d !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  background-attachment:fixed !important;
}
body.rh-has-custom-bg::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:rgba(0,0,0,.34);
}
body.rh-has-custom-bg .main,
body.rh-has-custom-bg .rh-content,
body.rh-has-custom-bg .content,
body.rh-has-custom-bg .layout{
  background:transparent !important;
}
body.rh-has-custom-bg .top,
body.rh-has-custom-bg .topnav{
  background:rgba(8,10,13,.66) !important;
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}
body.rh-has-custom-bg #rhUnifiedSidebar{
  background:rgba(9,12,16,.82) !important;
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
}
body.rh-has-custom-bg #rhUnifiedSidebar .rh-us-footer,
body.rh-has-custom-bg #rhUnifiedSidebar .rh-us-profile,
body.rh-has-custom-bg #rhUnifiedSidebar .rh-us-gear,
body.rh-has-custom-bg #rhUnifiedSidebar .rh-us-foot-buttons a{
  background:rgba(13,17,23,.70) !important;
}
body.rh-has-custom-bg .panel,
body.rh-has-custom-bg .summary-card,
body.rh-has-custom-bg .announce,
body.rh-has-custom-bg .preview,
body.rh-has-custom-bg .info-box,
body.rh-has-custom-bg .fake-input,
body.rh-has-custom-bg .upload-box,
body.rh-has-custom-bg .preview,
body.rh-has-custom-bg section.panel{
  background:rgba(15,20,27,.72) !important;
  border-color:rgba(119,137,160,.28) !important;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  box-shadow:0 10px 30px rgba(0,0,0,.18);
}
body.rh-has-custom-bg input,
body.rh-has-custom-bg textarea,
body.rh-has-custom-bg select,
body.rh-has-custom-bg .field input,
body.rh-has-custom-bg .field textarea,
body.rh-has-custom-bg .field select{
  background:rgba(17,23,31,.68) !important;
  border-color:rgba(137,151,171,.32) !important;
  color:#fff !important;
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}
body.rh-has-custom-bg .note,
body.rh-has-custom-bg .warning{
  background:rgba(49,36,8,.68) !important;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}
/* Catch older pages that use inline dark backgrounds. */
body.rh-has-custom-bg .rh-content div[style*="background:#111"],
body.rh-has-custom-bg .rh-content div[style*="background: #111"],
body.rh-has-custom-bg .rh-content div[style*="background:#141414"],
body.rh-has-custom-bg .rh-content div[style*="background:#151515"],
body.rh-has-custom-bg .rh-content div[style*="background:#181818"],
body.rh-has-custom-bg .main div[style*="background:#111"],
body.rh-has-custom-bg .main div[style*="background:#141414"],
body.rh-has-custom-bg .main div[style*="background:#151515"],
body.rh-has-custom-bg .main div[style*="background:#181818"]{
  background:rgba(15,20,27,.70) !important;
  border-color:rgba(119,137,160,.28) !important;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}

/* =========================================================
   Layout-Fix mit gemeinsamer Sidebar
   Die originale Dashboard-Sidebar wird ausgeblendet. Dadurch
   darf das alte CSS-Grid keine leere 250px-Spalte behalten.
   ========================================================= */
body.rh-unified-nav .layout{
  display:block !important;
  width:100% !important;
  min-height:100vh !important;
}
body.rh-unified-nav .main{
  display:block !important;
  width:calc(100% - 250px) !important;
  max-width:none !important;
  margin-left:250px !important;
  min-width:0 !important;
}
body.rh-unified-nav .main .content{
  width:100% !important;
  max-width:1470px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Hintergrund sichtbar, Inhalt aber klar lesbar */
body.rh-has-custom-bg::before{
  background:rgba(0,0,0,.48) !important;
}
body.rh-has-custom-bg .panel,
body.rh-has-custom-bg .summary-card,
body.rh-has-custom-bg .announce,
body.rh-has-custom-bg .preview,
body.rh-has-custom-bg .info-box,
body.rh-has-custom-bg .fake-input,
body.rh-has-custom-bg .upload-box,
body.rh-has-custom-bg section.panel{
  background:rgba(12,16,22,.78) !important;
  border-color:rgba(150,165,185,.30) !important;
  box-shadow:0 12px 35px rgba(0,0,0,.24) !important;
}
body.rh-has-custom-bg .warning,
body.rh-has-custom-bg .note{
  background:rgba(45,32,7,.82) !important;
}

@media(max-width:820px){
  body.rh-unified-nav .layout{display:block !important;}
  body.rh-unified-nav .main{
    width:100% !important;
    margin-left:0 !important;
  }
}

/* Anti-flicker: no width/margin animations during page load. */
#rhUnifiedSidebar, body.rh-unified-nav .main, body.rh-unified-nav .rh-content{
  transition:none!important;
}

/* Persistent dashboard iframe mode: hide duplicate navigation and let the
   animated background from dashboard.html shine through without restarting. */
html.rh-embedded,
body.rh-embedded{
  background:transparent !important;
  background-image:none !important;
  background-color:transparent !important;
}
body.rh-embedded::before,
body.rh-embedded::after,
body.rh-embedded #rh-background-overlay{display:none !important}
body.rh-embedded #rhUnifiedSidebar,
body.rh-embedded .rh-sidebar,
body.rh-embedded aside.sidebar{display:none !important}
body.rh-embedded .layout{display:block !important;width:100% !important;min-height:100vh !important;background:transparent !important}
body.rh-embedded .main,
body.rh-embedded .rh-content{margin-left:0 !important;width:100% !important;max-width:none !important;background:transparent !important}
body.rh-embedded .content{background:transparent !important}


/* =========================================================
   Persistent GIF background fix
   When dashboard pages run inside dashboard.html's iframe,
   their own background is forced fully transparent. This
   prevents the saved animated GIF from being re-created and
   restarting on every navigation click.
   ========================================================= */
html.rh-embedded,
body.rh-embedded{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  background-attachment:scroll !important;
}
body.rh-embedded.rh-has-custom-bg{
  background:transparent !important;
  background-image:none !important;
}
body.rh-embedded::before,
body.rh-embedded::after,
body.rh-embedded #rh-background-overlay{
  display:none !important;
  content:none !important;
}
body.rh-embedded .layout,
body.rh-embedded .main,
body.rh-embedded .rh-content,
body.rh-embedded .content{
  background-color:transparent !important;
  background-image:none !important;
}
\n\n/* Gemeinsame obere Navigation: Dashboard / Status / Aktivitäten / Statistiken */
.rh-live-topnav{height:74px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(72,82,96,.55);background:rgba(7,10,14,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;z-index:20}
.rh-live-tabs{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}
.rh-live-tabs a{min-width:106px;height:40px;padding:0 18px;border-radius:9px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#929aa6;font-size:12px;font-weight:800;border:1px solid transparent;transition:.15s ease}
.rh-live-tabs a:hover{color:#fff;background:rgba(81,41,54,.40);border-color:rgba(110,52,68,.38)}
.rh-live-tabs a.active{color:#fff;background:linear-gradient(90deg,#7A304B,#43232d);border-color:#7b3c4d;box-shadow:inset 0 0 0 1px rgba(185,104,124,.12),0 6px 20px rgba(91,45,59,.28)}
body.rh-embedded .rh-live-topnav{margin:0 0 0 0;width:100%}
@media(max-width:700px){.rh-live-topnav{height:auto;padding:10px}.rh-live-tabs{gap:6px}.rh-live-tabs a{min-width:auto;padding:0 10px;font-size:11px}}

/* Masken-Stil wie Referenzbild, aber in RealheatBot-Weinrot */
#rhUnifiedSidebar .rh-us-section:has(.rh-us-link.active) .rh-us-title{
  background:linear-gradient(90deg,#4a2632,#351d25);
  border-color:#6e3444;
  color:#e0a4b3;
  box-shadow:inset 3px 0 0 #BD3F68;
}


/* ===== RealheatBot Sidebar – Smooth Scroll / Design ===== */
#rhUnifiedSidebar{
  display:flex;
  flex-direction:column;
  height:100vh;
  min-height:0;
  overflow:hidden;
}

#rhUnifiedSidebar .rh-us-content{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scroll-behavior:smooth;
  scrollbar-gutter:stable;
  padding-right:5px;
  padding-bottom:18px;
}

/* Dünne, moderne Scrollbar */
#rhUnifiedSidebar .rh-us-content{
  scrollbar-width:thin;
  scrollbar-color:rgba(183,91,118,.65) rgba(255,255,255,.035);
}
#rhUnifiedSidebar .rh-us-content::-webkit-scrollbar{
  width:8px;
}
#rhUnifiedSidebar .rh-us-content::-webkit-scrollbar-track{
  background:rgba(255,255,255,.025);
  border-radius:999px;
}
#rhUnifiedSidebar .rh-us-content::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,rgba(183,91,118,.72),rgba(121,59,80,.78));
  border-radius:999px;
  border:2px solid rgba(11,14,19,.92);
}
#rhUnifiedSidebar .rh-us-content::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,rgba(214,112,141,.88),rgba(151,72,99,.92));
}

/* Gruppen weich öffnen/schließen */
#rhUnifiedSidebar .rh-us-links{
  display:grid !important;
  grid-template-rows:1fr;
  opacity:1;
  transform:translateY(0);
  overflow:hidden;
  transition:
    grid-template-rows .28s cubic-bezier(.22,.61,.36,1),
    opacity .20s ease,
    transform .24s ease,
    margin .24s ease;
}

#rhUnifiedSidebar .rh-us-section.collapsed .rh-us-links{
  grid-template-rows:0fr;
  opacity:0;
  transform:translateY(-5px);
  margin-top:0;
}

#rhUnifiedSidebar .rh-us-links > *{
  min-height:0;
}

/* Falls Links direkt Kinder sind: zusätzliche Wrapper-lose Animation */
#rhUnifiedSidebar .rh-us-section.collapsed .rh-us-link{
  max-height:0;
  padding-top:0 !important;
  padding-bottom:0 !important;
  opacity:0;
  pointer-events:none;
  margin-top:0 !important;
  margin-bottom:0 !important;
}
#rhUnifiedSidebar .rh-us-link{
  max-height:44px;
  transition:
    background-color .16s ease,
    color .16s ease,
    transform .16s ease,
    opacity .18s ease,
    max-height .26s ease,
    padding .26s ease,
    margin .26s ease;
  border-radius:8px;
}
#rhUnifiedSidebar .rh-us-link:hover{
  transform:translateX(3px);
  background:rgba(166,73,101,.11);
}
#rhUnifiedSidebar .rh-us-link.active{
  background:linear-gradient(90deg,rgba(146,62,87,.30),rgba(92,38,55,.12));
  box-shadow:inset 2px 0 0 rgba(231,120,150,.84);
}

/* Überschrift-Buttons angenehmer */
#rhUnifiedSidebar .rh-us-title{
  transition:
    background-color .18s ease,
    border-color .18s ease,
    transform .14s ease,
    box-shadow .18s ease;
}
#rhUnifiedSidebar .rh-us-title:hover{
  background:rgba(117,50,70,.27);
  border-color:rgba(210,102,132,.42);
}
#rhUnifiedSidebar .rh-us-title:active{
  transform:scale(.985);
}
#rhUnifiedSidebar .rh-us-chevron{
  transition:transform .26s cubic-bezier(.22,.61,.36,1);
}
#rhUnifiedSidebar .rh-us-section.open .rh-us-chevron{
  transform:rotate(180deg);
}

/* Profil unten bleibt sichtbar */
#rhUnifiedSidebar .rh-us-footer{
  flex:0 0 auto;
  position:relative;
  z-index:5;
  background:linear-gradient(180deg,rgba(10,13,18,.92),rgba(10,13,18,1));
  border-top:1px solid rgba(255,255,255,.06);
  padding-top:10px;
}

/* angenehmer Fokus per Tastatur */
#rhUnifiedSidebar a:focus-visible,
#rhUnifiedSidebar button:focus-visible{
  outline:2px solid rgba(236,132,160,.78);
  outline-offset:2px;
}


/* ===== RealheatBot Responsive – PC / Tablet / Smartphone ===== */
html,body{
  max-width:100%;
  overflow-x:hidden;
}
img,video,canvas,svg{
  max-width:100%;
  height:auto;
}
input,select,textarea,button{
  max-width:100%;
}
table{
  max-width:100%;
}

/* Tablet */
@media (max-width: 1100px){
  .main,.content,main{
    max-width:100% !important;
  }
  .grid{
    grid-template-columns:1fr !important;
  }
  .row{
    grid-template-columns:1fr 1fr !important;
  }
  .panel,.card{
    min-width:0 !important;
  }
}

/* Smartphone / iPhone / Samsung */
@media (max-width: 760px){
  html{
    font-size:15px;
  }

  body{
    min-width:0 !important;
  }

  .main,
  main.main,
  .content{
    width:100% !important;
    max-width:100% !important;
    padding:14px !important;
    margin:0 !important;
  }

  h1{
    font-size:clamp(27px,8vw,38px) !important;
    line-height:1.08 !important;
  }
  h2{
    font-size:20px !important;
  }

  .grid,
  .row,
  .image-tools,
  .hotkeys,
  .quick-actions,
  .found-shiny-grid,
  .multi-hunt-grid{
    grid-template-columns:1fr !important;
  }

  .panel,
  .card,
  section{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }

  input,
  select,
  textarea{
    width:100% !important;
    min-height:44px;
    font-size:16px !important; /* verhindert iOS-Autozoom */
  }

  textarea{
    min-height:110px;
  }

  button,
  .btn{
    min-height:44px;
    touch-action:manipulation;
  }

  .btns,
  .obs-url,
  .pair-row,
  .found-shiny-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  .obs-url input{
    width:100% !important;
  }

  .pokemon-search-wrap{
    width:100%;
  }

  .pokemon-results{
    max-height:55vh !important;
  }

  .pokemon-preview{
    display:grid !important;
    grid-template-columns:110px 1fr !important;
    gap:12px !important;
    align-items:center !important;
  }
  .pokemon-preview img{
    max-width:100px !important;
    max-height:100px !important;
  }

  .counter{
    grid-template-columns:48px 1fr 48px !important;
  }
  .counter-number{
    font-size:38px !important;
    min-width:0 !important;
  }

  .hunt{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
  }
  .hunt-left{
    min-width:0 !important;
  }

  .multi-hunt-card{
    min-width:0 !important;
  }

  .found-shiny-slot{
    grid-template-columns:92px 1fr !important;
    min-height:140px !important;
  }
  .found-shiny-slot img{
    width:88px !important;
    height:88px !important;
  }

  .pair-code{
    min-width:0 !important;
    width:100% !important;
    word-break:break-all !important;
    font-size:15px !important;
  }

  /* Mehr Luft unten für iPhone/Samsung Browserleisten */
  .main,.content,main{
    padding-bottom:calc(28px + env(safe-area-inset-bottom)) !important;
  }

  /* Safe Areas bei Notch / Dynamic Island */
  body{
    padding-left:env(safe-area-inset-left);
    padding-right:env(safe-area-inset-right);
  }
}

/* Kleine Smartphones */
@media (max-width: 430px){
  .main,
  main.main,
  .content{
    padding:10px !important;
  }

  .panel,.card{
    padding:12px !important;
    border-radius:13px !important;
  }

  .pokemon-preview{
    grid-template-columns:82px 1fr !important;
  }
  .pokemon-preview img{
    max-width:78px !important;
    max-height:78px !important;
  }

  .counter-number{
    font-size:32px !important;
  }

  .pokemon-gen-chips{
    gap:4px !important;
  }
  .pokemon-gen-chips button{
    padding:5px 7px !important;
    font-size:9px !important;
  }
}

/* ===== Responsive Sidebar ===== */
@media (max-width: 900px){
  #rhUnifiedSidebar{
    width:260px !important;
    max-width:84vw !important;
    transform:translateX(-100%);
    transition:transform .26s ease;
    z-index:9999 !important;
    box-shadow:16px 0 40px rgba(0,0,0,.38);
  }
  body.rh-sidebar-open #rhUnifiedSidebar{
    transform:translateX(0);
  }

  #rhSidebarMobileToggle{
    display:flex !important;
  }

  .rh-dashboard-content,
  .dashboard-content,
  .content-wrap{
    margin-left:0 !important;
    width:100% !important;
  }
}
@media (min-width:901px){
  #rhSidebarMobileToggle{
    display:none !important;
  }
}



/* =========================================================
   REALHEATBOT – FULL VIEW MOBILE / TABLET V2
   Ziel: komplette Seite auf iPhone/Samsung/iPad sichtbar
   ========================================================= */

:root{
  --rh-mobile-gap:12px;
  --rh-mobile-radius:14px;
}

html{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
  -webkit-text-size-adjust:100%;
}

body{
  width:100%;
  max-width:100%;
  min-width:0 !important;
  overflow-x:hidden !important;
}

*,
*::before,
*::after{
  box-sizing:border-box;
  min-width:0;
}

img,
video,
canvas,
svg,
iframe{
  max-width:100% !important;
}

table{
  width:100%;
  max-width:100%;
  display:block;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}

/* Große Tablets / kleine Laptops */
@media (max-width: 1180px){
  .main,
  main.main,
  .content,
  .page,
  .page-content,
  .dashboard-main,
  .dashboard-content{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  .grid,
  .dashboard-grid,
  .stats-grid,
  .cards-grid{
    grid-template-columns:1fr !important;
  }

  .panel,
  .card,
  .box,
  section{
    max-width:100% !important;
  }
}

/* iPad / Tablet */
@media (max-width: 900px){
  body{
    padding:0 !important;
  }

  .main,
  main.main,
  .content,
  .page,
  .page-content{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:74px 16px 28px !important;
  }

  .grid,
  .row,
  .image-tools,
  .hotkeys,
  .quick-actions,
  .multi-hunt-grid,
  .found-shiny-grid,
  .dashboard-grid,
  .cards-grid{
    grid-template-columns:1fr !important;
  }

  .panel,
  .card,
  section,
  .obs-box,
  .pair-card{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }

  input,
  select,
  textarea{
    width:100% !important;
  }

  .btns,
  .obs-url,
  .pair-row,
  .found-shiny-actions{
    flex-wrap:wrap !important;
  }
}

/* Smartphones */
@media (max-width: 640px){
  html{
    font-size:15px !important;
  }

  body{
    width:100vw !important;
    max-width:100vw !important;
    overflow-x:hidden !important;
  }

  .main,
  main.main,
  .content,
  .page,
  .page-content{
    width:100% !important;
    max-width:100% !important;
    padding:
      calc(68px + env(safe-area-inset-top))
      max(10px, env(safe-area-inset-right))
      calc(24px + env(safe-area-inset-bottom))
      max(10px, env(safe-area-inset-left)) !important;
    margin:0 !important;
  }

  h1{
    font-size:clamp(27px,9vw,38px) !important;
    line-height:1.05 !important;
    overflow-wrap:anywhere;
  }

  h2{
    font-size:20px !important;
    line-height:1.15 !important;
  }

  h3{
    font-size:17px !important;
  }

  p,
  .lead,
  .meta,
  .hint{
    overflow-wrap:anywhere;
  }

  .panel,
  .card,
  .obs-box,
  .pair-card,
  section{
    padding:12px !important;
    border-radius:var(--rh-mobile-radius) !important;
  }

  .row,
  .grid,
  .image-tools,
  .hotkeys,
  .quick-actions,
  .multi-hunt-grid,
  .found-shiny-grid{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:var(--rh-mobile-gap) !important;
  }

  input,
  select,
  textarea{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    font-size:16px !important;
    min-height:46px !important;
  }

  textarea{
    min-height:110px !important;
  }

  button,
  .btn,
  a.btn{
    min-height:44px !important;
    max-width:100% !important;
    white-space:normal !important;
    overflow-wrap:anywhere;
    touch-action:manipulation;
  }

  .btns,
  .obs-url,
  .pair-row,
  .found-shiny-actions{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:8px !important;
  }

  .btns > *,
  .obs-url > *,
  .pair-row > *,
  .found-shiny-actions > *{
    width:100% !important;
  }

  /* Pokémon */
  .pokemon-search-wrap{
    width:100% !important;
  }

  .pokemon-results{
    position:fixed !important;
    left:10px !important;
    right:10px !important;
    top:90px !important;
    width:auto !important;
    max-width:none !important;
    max-height:65vh !important;
    z-index:20000 !important;
  }

  .pokemon-gen-chips{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:5px !important;
  }

  .pokemon-gen-chips button{
    flex:0 0 auto !important;
    min-height:32px !important;
    padding:5px 8px !important;
  }

  .pokemon-preview{
    display:grid !important;
    grid-template-columns:86px minmax(0,1fr) !important;
    gap:10px !important;
    align-items:center !important;
    width:100% !important;
  }

  .pokemon-preview img{
    width:80px !important;
    height:80px !important;
    max-width:80px !important;
    max-height:80px !important;
    object-fit:contain !important;
  }

  /* Counter */
  .counter{
    width:100% !important;
    display:grid !important;
    grid-template-columns:46px minmax(0,1fr) 46px !important;
    gap:7px !important;
  }

  .counter-number{
    width:100% !important;
    min-width:0 !important;
    font-size:34px !important;
  }

  .quick-actions{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .custom-step{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:8px !important;
  }

  /* Hunts */
  .hunt{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:10px !important;
    width:100% !important;
  }

  .hunt-left{
    width:100% !important;
  }

  .hunt-thumb{
    width:58px !important;
    height:58px !important;
  }

  .multi-hunt-card,
  .found-shiny-slot{
    width:100% !important;
    min-width:0 !important;
  }

  .found-shiny-slot{
    grid-template-columns:78px minmax(0,1fr) !important;
  }

  .found-shiny-slot img{
    width:72px !important;
    height:72px !important;
  }

  /* Lange Codes / Links */
  .pair-code,
  .obs-url input,
  #obsPath{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    white-space:normal !important;
    word-break:break-all !important;
    overflow-wrap:anywhere !important;
  }

  /* Modals / Dialoge */
  .modal,
  .dialog,
  .popup{
    width:calc(100vw - 20px) !important;
    max-width:calc(100vw - 20px) !important;
    left:10px !important;
    right:10px !important;
    margin:0 !important;
  }
}

/* Sehr kleine Handys */
@media (max-width: 390px){
  .main,
  main.main,
  .content,
  .page,
  .page-content{
    padding-left:8px !important;
    padding-right:8px !important;
  }

  .panel,
  .card,
  .obs-box,
  .pair-card,
  section{
    padding:10px !important;
  }

  .quick-actions{
    grid-template-columns:1fr !important;
  }

  .pokemon-preview{
    grid-template-columns:70px minmax(0,1fr) !important;
  }

  .pokemon-preview img{
    width:64px !important;
    height:64px !important;
  }
}


/* ===== Mobile Sidebar Full View V2 ===== */
@media(max-width:900px){
  #rhUnifiedSidebar{
    position:fixed !important;
    top:0 !important;
    bottom:0 !important;
    left:0 !important;
    width:min(320px,88vw) !important;
    height:100dvh !important;
    max-height:100dvh !important;
    transform:translateX(-105%) !important;
    transition:transform .24s ease !important;
    z-index:30000 !important;
    overflow:hidden !important;
    border-right:1px solid rgba(255,255,255,.08);
  }

  body.rh-sidebar-open #rhUnifiedSidebar{
    transform:translateX(0) !important;
  }

  #rhUnifiedSidebar .rh-us-content{
    height:100% !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior:contain !important;
    padding-bottom:calc(24px + env(safe-area-inset-bottom)) !important;
  }

  #rhSidebarMobileToggle{
    display:flex !important;
    position:fixed !important;
    top:calc(10px + env(safe-area-inset-top)) !important;
    left:calc(10px + env(safe-area-inset-left)) !important;
  }

  body.rh-sidebar-open::after{
    content:"";
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.52);
    z-index:29990;
    backdrop-filter:blur(2px);
  }

  #rhUnifiedSidebar,
  #rhSidebarMobileToggle{
    position:fixed;
  }
}


/* ===== Sidebar Einzel-Slots / Accordion – PC + Tablet + Smartphone ===== */
#rhUnifiedSidebar .rh-us-title{
  width:100%;
  cursor:pointer;
  user-select:none;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
  min-height:40px;
}

#rhUnifiedSidebar .rh-us-section.open > .rh-us-title{
  background:linear-gradient(90deg,rgba(132,55,79,.38),rgba(86,34,52,.20));
  border-color:rgba(210,102,132,.42);
  color:#ef9db3;
  box-shadow:inset 2px 0 0 rgba(232,118,149,.86);
}

#rhUnifiedSidebar .rh-us-links{
  transform-origin:top;
}

#rhUnifiedSidebar .rh-us-section.open .rh-us-links{
  display:block;
  animation:rhSidebarOpen .20s ease-out;
}

@keyframes rhSidebarOpen{
  from{opacity:0;transform:translateY(-4px)}
  to{opacity:1;transform:translateY(0)}
}

/* Größere Klickfläche auf Tablet/Handy */
@media(max-width:900px){
  #rhUnifiedSidebar .rh-us-title{
    min-height:46px !important;
    font-size:12px !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }

  #rhUnifiedSidebar .rh-us-link{
    min-height:42px !important;
    height:auto !important;
    padding-top:8px !important;
    padding-bottom:8px !important;
    white-space:normal !important;
  }

  #rhUnifiedSidebar .rh-us-content{
    display:block !important;
  }

  #rhUnifiedSidebar .rh-us-section{
    width:100% !important;
    margin-bottom:8px !important;
  }
}


/* ===== MOBILE SIDEBAR FULL + SMOOTH FIX V3 ===== */
@media(max-width:900px){
  #rhUnifiedSidebar{
    position:fixed !important;
    inset:0 auto 0 0 !important;
    width:min(330px,90vw) !important;
    height:100dvh !important;
    max-height:100dvh !important;
    display:flex !important;
    flex-direction:column !important;
    background:#0b0f14 !important;
    transform:translateX(-105%) !important;
    transition:transform .28s cubic-bezier(.22,.61,.36,1) !important;
    z-index:30000 !important;
    overflow:hidden !important;
    box-shadow:18px 0 48px rgba(0,0,0,.48) !important;
  }

  body.rh-sidebar-open #rhUnifiedSidebar{
    transform:translateX(0) !important;
  }

  #rhUnifiedSidebar .rh-us-brand{
    flex:0 0 auto !important;
    min-height:64px !important;
    padding:10px 12px !important;
    border-bottom:1px solid rgba(255,255,255,.06) !important;
  }

  #rhUnifiedSidebar .rh-us-content{
    flex:1 1 auto !important;
    min-height:0 !important;
    display:block !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior:contain !important;
    scroll-behavior:smooth !important;
    padding:10px 8px 18px !important;

    /* wichtig: keine Verteilung über die ganze Höhe */
    align-content:start !important;
    justify-content:start !important;
    gap:0 !important;
  }

  #rhUnifiedSidebar .rh-us-section{
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 0 8px !important;
    padding:0 !important;
  }

  #rhUnifiedSidebar .rh-us-title{
    width:100% !important;
    min-height:46px !important;
    height:46px !important;
    margin:0 !important;
    padding:0 12px !important;
    border-radius:10px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    font-size:12px !important;
    touch-action:manipulation !important;
  }

  #rhUnifiedSidebar .rh-us-links{
    display:block !important;
    overflow:hidden !important;
    margin:4px 0 0 !important;
    padding:0 !important;
  }

  #rhUnifiedSidebar .rh-us-section.collapsed .rh-us-links{
    display:none !important;
  }

  #rhUnifiedSidebar .rh-us-section.open .rh-us-links{
    display:block !important;
    animation:rhMobileMenuOpen .22s ease-out !important;
  }

  #rhUnifiedSidebar .rh-us-link{
    width:100% !important;
    min-height:40px !important;
    height:auto !important;
    margin:1px 0 !important;
    padding:9px 12px 9px 16px !important;
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
    border-radius:8px !important;
    font-size:11px !important;
    white-space:normal !important;
    line-height:1.25 !important;
  }

  #rhUnifiedSidebar .rh-us-footer{
    flex:0 0 auto !important;
    display:block !important;
    padding:8px !important;
    padding-bottom:calc(8px + env(safe-area-inset-bottom)) !important;
    border-top:1px solid rgba(255,255,255,.06) !important;
    background:#0b0f14 !important;
  }

  #rhSidebarMobileToggle{
    display:flex !important;
    position:fixed !important;
    top:calc(8px + env(safe-area-inset-top)) !important;
    left:calc(8px + env(safe-area-inset-left)) !important;
    width:46px !important;
    height:46px !important;
    z-index:31000 !important;
    align-items:center !important;
    justify-content:center !important;
  }

  body.rh-sidebar-open #rhSidebarMobileToggle{
    left:min(calc(330px - 58px),calc(90vw - 58px)) !important;
    transition:left .28s cubic-bezier(.22,.61,.36,1) !important;
  }

  body.rh-sidebar-open::after{
    content:"";
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.55);
    z-index:29990;
    backdrop-filter:blur(2px);
  }

  /* Inhaltsseite bleibt vollständig sichtbar, wenn Menü geschlossen ist */
  body.rh-unified-nav .main,
  body.rh-unified-nav .rh-content,
  body.rh-unified-nav .content{
    margin-left:0 !important;
    width:100% !important;
    max-width:100% !important;
  }
}

@keyframes rhMobileMenuOpen{
  from{opacity:0;transform:translateY(-4px)}
  to{opacity:1;transform:translateY(0)}
}

/* Noch kompakter auf sehr kleinen Handys */
@media(max-width:430px){
  #rhUnifiedSidebar{
    width:min(305px,92vw) !important;
  }

  #rhUnifiedSidebar .rh-us-title{
    min-height:43px !important;
    height:43px !important;
  }

  #rhUnifiedSidebar .rh-us-link{
    min-height:37px !important;
    padding-top:8px !important;
    padding-bottom:8px !important;
  }

  body.rh-sidebar-open #rhSidebarMobileToggle{
    left:min(calc(305px - 56px),calc(92vw - 56px)) !important;
  }
}


/* =========================================================
   MOBILE EMERGENCY LAYOUT FIX V4
   Sidebar = echtes Overlay, Inhalt wird NICHT verschoben
   ========================================================= */
@media (max-width: 900px){

  html,body{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow-x:hidden !important;
  }

  body.rh-unified-nav{
    display:block !important;
    padding:0 !important;
    margin:0 !important;
  }

  /* Hauptinhalt darf niemals von der Sidebar verschoben werden */
  body.rh-unified-nav .main,
  body.rh-unified-nav main,
  body.rh-unified-nav .rh-content,
  body.rh-unified-nav .content,
  body.rh-unified-nav .dashboard-content,
  body.rh-unified-nav .page,
  body.rh-unified-nav .page-content{
    margin-left:0 !important;
    left:0 !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    transform:none !important;
  }

  /* Echte Off-Canvas Sidebar */
  #rhUnifiedSidebar{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    bottom:0 !important;
    right:auto !important;

    width:min(320px,88vw) !important;
    max-width:88vw !important;
    height:100dvh !important;
    min-height:100dvh !important;
    max-height:100dvh !important;

    display:flex !important;
    flex-direction:column !important;

    transform:translate3d(-105%,0,0) !important;
    visibility:hidden !important;
    pointer-events:none !important;
    opacity:0 !important;

    background:#0b0f14 !important;
    z-index:50000 !important;
    overflow:hidden !important;
    box-shadow:18px 0 48px rgba(0,0,0,.52) !important;

    transition:
      transform .25s cubic-bezier(.22,.61,.36,1),
      opacity .18s ease,
      visibility 0s linear .25s !important;
  }

  body.rh-sidebar-open #rhUnifiedSidebar{
    transform:translate3d(0,0,0) !important;
    visibility:visible !important;
    pointer-events:auto !important;
    opacity:1 !important;
    transition:
      transform .25s cubic-bezier(.22,.61,.36,1),
      opacity .18s ease,
      visibility 0s !important;
  }

  #rhUnifiedSidebar .rh-us-brand{
    flex:0 0 64px !important;
    min-height:64px !important;
    max-height:64px !important;
    padding:10px 12px !important;
  }

  #rhUnifiedSidebar .rh-us-content{
    flex:1 1 auto !important;
    min-height:0 !important;
    height:auto !important;

    display:block !important;
    grid-template-columns:none !important;
    align-content:unset !important;
    justify-content:unset !important;

    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior:contain !important;

    padding:10px 8px 16px !important;
    gap:0 !important;
  }

  #rhUnifiedSidebar .rh-us-section{
    display:block !important;
    position:relative !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 0 8px !important;
    padding:0 !important;
  }

  #rhUnifiedSidebar .rh-us-title{
    position:relative !important;
    width:100% !important;
    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;
    margin:0 !important;
    padding:0 12px !important;
  }

  #rhUnifiedSidebar .rh-us-links{
    position:relative !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:4px 0 0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  #rhUnifiedSidebar .rh-us-section.collapsed .rh-us-links{
    display:none !important;
  }

  #rhUnifiedSidebar .rh-us-section.open .rh-us-links{
    display:block !important;
  }

  #rhUnifiedSidebar .rh-us-link{
    width:100% !important;
    min-height:38px !important;
    height:auto !important;
    max-height:none !important;
    margin:1px 0 !important;
    padding:8px 12px 8px 16px !important;
    white-space:normal !important;
  }

  #rhUnifiedSidebar .rh-us-footer{
    flex:0 0 auto !important;
    display:block !important;
    position:relative !important;
    padding:8px !important;
    padding-bottom:calc(8px + env(safe-area-inset-bottom)) !important;
    background:#0b0f14 !important;
  }

  /* Hamburger bleibt sichtbar */
  #rhSidebarMobileToggle{
    display:flex !important;
    position:fixed !important;
    top:calc(8px + env(safe-area-inset-top)) !important;
    left:calc(8px + env(safe-area-inset-left)) !important;
    width:46px !important;
    height:46px !important;
    z-index:51000 !important;
    align-items:center !important;
    justify-content:center !important;
  }

  /* Beim offenen Menü: Hamburger rechts oben IM Drawer */
  body.rh-sidebar-open #rhSidebarMobileToggle{
    left:min(calc(320px - 56px),calc(88vw - 56px)) !important;
  }

  /* Dunkler Hintergrund nur hinter geöffnetem Drawer */
  body.rh-sidebar-open::after{
    content:"";
    position:fixed !important;
    inset:0 !important;
    background:rgba(0,0,0,.58) !important;
    z-index:49000 !important;
    pointer-events:auto !important;
    backdrop-filter:blur(2px);
  }

  /* Seiteninhalt oben kompakt, nicht 70+ px nach rechts/innen geschoben */
  .main,
  main.main,
  .content,
  .page,
  .page-content,
  .dashboard-content{
    padding-top:calc(68px + env(safe-area-inset-top)) !important;
  }

  /* Alte mobile 2-Spalten-Sidebar-Regeln neutralisieren */
  #rhUnifiedSidebar .rh-us-content{
    grid-template-columns:1fr !important;
  }
}

@media (max-width: 430px){
  #rhUnifiedSidebar{
    width:min(300px,92vw) !important;
    max-width:92vw !important;
  }

  body.rh-sidebar-open #rhSidebarMobileToggle{
    left:min(calc(300px - 54px),calc(92vw - 54px)) !important;
  }
}


/* =========================================================
   MOBILE DRAWER COVER FIX V5
   Verhindert, dass Dashboard/Inhalt unter dem geöffneten Menü
   sichtbar wird.
   ========================================================= */
@media (max-width:900px){

  body.rh-sidebar-open{
    overflow:hidden !important;
    height:100dvh !important;
    max-height:100dvh !important;
  }

  /* Der Drawer liegt garantiert über ALLEM */
  #rhUnifiedSidebar{
    position:fixed !important;
    inset:0 auto 0 0 !important;
    width:min(320px,88vw) !important;
    height:100dvh !important;
    min-height:100dvh !important;
    max-height:100dvh !important;
    z-index:2147483000 !important;
    isolation:isolate !important;
    contain:layout paint !important;
    background:#0b0f14 !important;
  }

  body.rh-sidebar-open #rhUnifiedSidebar{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }

  /* Inhalt unter dem geöffneten Menü vollständig ausblenden.
     So kann nichts mehr "durch" oder "unter" der Sidebar erscheinen. */
  body.rh-sidebar-open > *:not(#rhUnifiedSidebar):not(#rhSidebarMobileToggle){
    visibility:hidden !important;
    pointer-events:none !important;
  }

  /* Menübutton bleibt sichtbar */
  body.rh-sidebar-open #rhSidebarMobileToggle{
    visibility:visible !important;
    pointer-events:auto !important;
    z-index:2147483646 !important;
  }

  #rhUnifiedSidebar .rh-us-brand{
    flex:0 0 64px !important;
  }

  #rhUnifiedSidebar .rh-us-content{
    flex:1 1 auto !important;
    min-height:0 !important;
    height:0 !important; /* flex sorgt für die restliche Höhe */
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior:contain !important;
    background:#0b0f14 !important;
  }

  #rhUnifiedSidebar .rh-us-footer{
    flex:0 0 auto !important;
    background:#0b0f14 !important;
  }

  /* Kein alter Overlay/Pseudo-Layer notwendig */
  body.rh-sidebar-open::after{
    display:none !important;
    content:none !important;
  }
}


/* ===== Dashboard Mobile Same-As-Others V7 ===== */
@media(max-width:900px){
  body.rh-unified-nav .main,
  body.rh-unified-nav .rh-content,
  body.rh-unified-nav .content{
    margin-left:0 !important;
    width:100% !important;
    max-width:100% !important;
  }

  body.rh-unified-nav .main,
  body.rh-unified-nav .content{
    padding-top:calc(68px + env(safe-area-inset-top)) !important;
  }
}


/* Sidebar Hilfe & Glossar */
.rh-us-link{
  display:flex;
  align-items:center;
}
.rh-us-link-label{
  min-width:0;
  flex:1 1 auto;
}
.rh-us-ext{
  margin-left:auto;
  opacity:.6;
  font-size:11px;
  line-height:1;
}
.rh-us-link:hover .rh-us-ext{
  opacity:1;
}


/* V168 – RealheatBot Sidebar Pink */
.rh-sidebar .side-group > button,
.rh-sidebar .side-section > button,
.rh-sidebar .accordion-toggle,
.sidebar .side-group > button,
.sidebar .side-section > button {
  background: linear-gradient(180deg, rgba(189,63,104,.28), rgba(189,63,104,.20)) !important;
  border: 1px solid rgba(212,85,126,.45) !important;
  color: #fff !important;
}

.rh-sidebar .side-group > button:hover,
.rh-sidebar .side-section > button:hover,
.rh-sidebar .accordion-toggle:hover,
.sidebar .side-group > button:hover,
.sidebar .side-section > button:hover {
  background: linear-gradient(180deg, rgba(212,85,126,.40), rgba(189,63,104,.28)) !important;
  border-color: #D4557E !important;
}

.rh-sidebar .side-group.open > button,
.rh-sidebar .side-section.open > button,
.rh-sidebar .accordion-toggle.active,
.sidebar .side-group.open > button,
.sidebar .side-section.open > button {
  background: linear-gradient(180deg, #BD3F68, #D4557E) !important;
  border-color: #D4557E !important;
}

.rh-sidebar .side-link.active,
.sidebar .side-link.active {
  background: rgba(189,63,104,.18) !important;
  color: #ffd8e5 !important;
  border-left-color: #D4557E !important;
}


/* ===== V169 – Sidebar Pink FINAL ===== */
#rhUnifiedSidebar .rh-us-title{
  background:linear-gradient(180deg,rgba(189,63,104,.42),rgba(189,63,104,.28)) !important;
  border:1px solid rgba(212,85,126,.68) !important;
  color:#ffffff !important;
  box-shadow:0 2px 10px rgba(189,63,104,.10) !important;
}

#rhUnifiedSidebar .rh-us-title:hover{
  background:linear-gradient(180deg,rgba(212,85,126,.58),rgba(189,63,104,.40)) !important;
  border-color:#D4557E !important;
  color:#ffffff !important;
}

#rhUnifiedSidebar .rh-us-section.open > .rh-us-title,
#rhUnifiedSidebar .rh-us-section:has(.rh-us-link.active) > .rh-us-title{
  background:linear-gradient(180deg,#BD3F68,#D4557E) !important;
  border-color:#E46B91 !important;
  color:#ffffff !important;
  box-shadow:0 5px 16px rgba(189,63,104,.24) !important;
}

#rhUnifiedSidebar .rh-us-link.active{
  background:linear-gradient(90deg,rgba(189,63,104,.24),rgba(189,63,104,.10)) !important;
  color:#FFD8E5 !important;
  border-color:rgba(212,85,126,.42) !important;
  box-shadow:inset 3px 0 0 #D4557E !important;
}

#rhUnifiedSidebar .rh-us-link:hover{
  background:rgba(189,63,104,.12) !important;
  color:#ffffff !important;
}

#rhUnifiedSidebar .rh-us-chevron,
#rhUnifiedSidebar .rh-us-title .rh-us-ico{
  color:#ffffff !important;
}

/* V247: flüssigere Seitenwechsel in Chromium/OBS-nahen Browsern */
@view-transition { navigation: auto; }
::view-transition-old(root){animation:.12s ease both rhPageOut}::view-transition-new(root){animation:.18s ease both rhPageIn}
@keyframes rhPageOut{to{opacity:.2;transform:translateY(-2px)}}@keyframes rhPageIn{from{opacity:.15;transform:translateY(3px)}to{opacity:1;transform:none}}


/* ===== V255 – flüssige Sidebar + Responsive Drawer ===== */
@view-transition{navigation:auto}
::view-transition-old(root){animation:rhV255Out .10s ease both}
::view-transition-new(root){animation:rhV255In .16s ease both}
@keyframes rhV255Out{to{opacity:.94}}
@keyframes rhV255In{from{opacity:.94}to{opacity:1}}
#rhUnifiedSidebar .rh-us-links{will-change:max-height,opacity,transform;contain:layout paint}
#rhUnifiedSidebar .rh-us-title{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
#rhUnifiedSidebar .rh-us-link{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
@media (max-width:900px){
  #rhUnifiedSidebar{width:min(86vw,330px)!important;max-width:330px!important;min-width:0!important;transform:translate3d(-104%,0,0)!important;transition:transform .24s cubic-bezier(.22,.61,.36,1)!important;box-shadow:16px 0 42px rgba(0,0,0,.42)!important}
  body.rh-sidebar-open #rhUnifiedSidebar{transform:translate3d(0,0,0)!important}
  #rhUnifiedSidebar .rh-us-content{padding:10px 10px 18px!important;scrollbar-width:thin!important}
  #rhUnifiedSidebar .rh-us-title{min-height:48px!important;font-size:13px!important;border-radius:11px!important}
  #rhUnifiedSidebar .rh-us-link{min-height:43px!important;font-size:12px!important;padding:0 12px 0 15px!important}
  #rhSidebarMobileToggle{display:flex!important;left:12px!important;top:calc(10px + env(safe-area-inset-top))!important;width:44px!important;height:44px!important}
  body.rh-sidebar-open:before{content:"";position:fixed;inset:0;z-index:9998;background:rgba(2,5,9,.58);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
  body.rh-unified-nav main,body.rh-unified-nav .main,body.rh-unified-nav .content,body.rh-unified-nav .rh-content{padding-left:14px!important;padding-right:14px!important}
}
@media (max-width:600px){
  #rhUnifiedSidebar{width:min(91vw,312px)!important;max-width:312px!important}
  #rhUnifiedSidebar .rh-us-brand{min-height:60px!important;padding-left:14px!important}
  #rhUnifiedSidebar .rh-us-title{min-height:46px!important}
  #rhUnifiedSidebar .rh-us-footer{padding:10px!important}
  body.rh-unified-nav main,body.rh-unified-nav .main,body.rh-unified-nav .content,body.rh-unified-nav .rh-content{padding-left:10px!important;padding-right:10px!important}
}