/* ===== 网页模式样式 =====
 * 当以网页形式运行时，body 会带有 .web-mode 类
 * 用于隐藏/调整桌面应用专属的 UI 元素
 */

/* 隐藏交通灯按钮组 */
.web-mode .traffic-lights {
  display: none;
}

/* 标题栏拖拽改为普通区域 */
.web-mode .title-bar-drag {
  -webkit-app-region: no-drag;
  cursor: default;
}

/* 调整标题栏右侧宽度（因为左侧交通灯没了） */
.web-mode .title-bar-right {
  width: auto;
  min-width: 76px;
  justify-content: flex-end;
}

/* 调整标题栏左内边距 */
.web-mode .title-bar {
  padding-left: 16px;
}

/* 网页模式下让标题更突出（因为没有交通灯遮挡） */
.web-mode .title-bar-drag .app-title {
  font-weight: 600;
  color: var(--text-primary);
}

/* 网页模式下允许文字选择（桌面应用禁止了） */
.web-mode .history-item-server,
.web-mode .server-list-item-url,
.web-mode .detail-row-value {
  user-select: text;
  -webkit-user-select: text;
}