/* 侧边常驻 Tab（桌面端） */
@media (min-width: 768px) {
  [data-slot="dock-root"] { pointer-events: none; }

  [data-side-dock="1"] {
    left: 0 !important; top: 0 !important; bottom: 0 !important;
    transform: none !important; padding: 0 !important; height: 100dvh !important;
    z-index: 9999 !important;
  }

  /* 侧栏本体 */
  [data-side-dock="1"] > div[class*="md:flex"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 190px !important;
    height: 100dvh !important;
    padding: 14px 10px 18px !important;
    gap: 2px !important;
    border-radius: 0 !important;
    border: 0 !important;
    border-right: 1px solid var(--border) !important;
    background: var(--background) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    pointer-events: auto;
    overflow-y: auto;
  }

  [data-side-dock="1"] > div[class*="md:flex"] > div {
    display: flex !important; flex-direction: column !important;
    align-items: stretch !important; gap: 2px !important; width: 100% !important;
    height: auto !important; min-height: 0 !important; flex: 0 0 auto !important;
  }

  /* 每个 Tab 整行 */
  [data-side-dock="1"] > div[class*="md:flex"] > div > * {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 8px !important;
    gap: 10px !important;
    border-radius: 8px !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    transition: background-color .15s ease !important;
  }

  [data-side-dock="1"] > div[class*="md:flex"] > div > *:hover {
    background: var(--muted) !important;
  }

  /* 圆形图标底 → 去掉 */
  [data-side-dock="1"] > div[class*="md:flex"] > div > * > div:first-child {
    width: 18px !important; height: 18px !important; min-width: 18px !important;
    background: transparent !important;
    border-radius: 0 !important;
    aspect-ratio: auto !important;
    overflow: visible !important;
  }
  [data-side-dock="1"] > div[class*="md:flex"] > div > * > div:first-child > div:last-child {
    width: 18px !important; height: 18px !important;
  }
  [data-side-dock="1"] > div[class*="md:flex"] > div > * > div:first-child svg {
    width: 18px !important; height: 18px !important;
  }

  /* 常驻文字 */
  [data-side-dock="1"] a[aria-label]::after {
    content: attr(aria-label);
    font-size: 13px; line-height: 1; white-space: nowrap;
    color: var(--foreground) !important; opacity: .82;
  }
  [data-side-dock="1"] > div[class*="md:flex"] > div > div:has([data-slot="dock-quick-add"])::after {
    content: "添加账号"; font-size: 13px; line-height: 1; white-space: nowrap; opacity: .85;
  }
  [data-side-dock="1"] > div[class*="md:flex"] > div > div:has([data-slot="dock-profile-trigger"])::after {
    content: "我的账户"; font-size: 13px; line-height: 1; white-space: nowrap; opacity: .85;
  }

  /* 内嵌的自定义组件占位撑满 */
  [data-slot="dock-quick-add"], [data-slot="dock-profile-trigger"] {
    width: auto !important; height: auto !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
  }

  /* 当前页高亮 */
  [data-side-dock="1"] a.wb-nav-active { background: var(--muted) !important; }
  [data-side-dock="1"] a.wb-nav-active::after { opacity: 1; font-weight: 600; }

  /* 分组分隔线：细横线 */
  /* 原分隔线元素彻底移除：它自带悬停分组名（"运营"）的气泡 */
  [data-side-dock="1"] [data-slot="dock-group-divider"] {
    display: none !important;
    height: 0 !important; min-height: 0 !important; max-height: 0 !important;
    margin: 0 !important; padding: 0 !important;
    flex: 0 0 0 !important; overflow: hidden !important;
  }

  /* 用分组容器的上边框还原分隔感 */
  [data-side-dock="1"] > div[class*="md:flex"] > div + div {
    border-top: 1px solid var(--border) !important;
    margin-top: 6px !important;
    padding-top: 6px !important;
  }

  /* 悬浮 tooltip / 引导气泡 / 分组名一律隐藏 */
  [data-side-dock="1"] [data-slot="dock-tip"] { display: none !important; }
  [data-side-dock="1"] [class*="-top-8"] { display: none !important; }
  [data-side-dock="1"] > div[class*="md:hidden"] { display: none !important; }

  html.has-side-dock body {
    padding-left: 190px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }
}

@media (max-width: 767px) {
  html.has-side-dock body { padding-left: 0; }
}

@media (min-width: 768px) {
  /* 页面装饰性渐变会在贴边处透出，统一压成主题底色 */
  html.has-side-dock,
  html.has-side-dock body {
    background: var(--background) !important;
    background-image: none !important;
  }
  html.has-side-dock body::before,
  html.has-side-dock body::after {
    display: none !important;
  }
}

@media (min-width: 768px) {
  /* 贴边补偿：外层容器有 8px 内缩，用伪元素把底色补到视口边缘 */
  [data-side-dock="1"]::before {
    content: "";
    position: absolute;
    top: -16px;
    bottom: -16px;
    left: -16px;
    width: 210px;
    background: var(--background);
    z-index: -1;
  }
}