/* 首页服务器卡片：资源分类标签、列表骨架及分页。 */
/* 导入方：app/components/home/HomeServerPanel.vue、app/pages/index.vue。 */
.home-tabs[data-v-7ce76df7],
.server-head[data-v-7ce76df7] {
  border-bottom: 1px solid var(--p-content-border-color);
}
.home-tabs[data-v-7ce76df7] {
  align-items: center;
  gap: 4px;
  min-width: 0;
  padding: 10px 14px;
  display: flex;
  overflow-x: auto;
}
.home-tab[data-v-7ce76df7] {
  cursor: pointer;
  color: var(--p-text-muted-color);
  white-space: nowrap;
  background: 0 0;
  border: none;
  border-radius: var(--radius-sm);
  flex: 1;
  padding: 7px 10px;
  font-size: 1rem;
}
.home-tab.active[data-v-7ce76df7] {
  background: var(--p-highlight-background);
  font-weight: 500;
}
.home-tab.active[data-v-7ce76df7],
.home-tab[data-v-7ce76df7]:hover {
  color: var(--p-primary-color);
}
.home-row[data-v-7ce76df7],
.server-cols[data-v-7ce76df7] {
  grid-template-columns: minmax(0, 1fr) 106px 74px;
  align-items: center;
  gap: 12px;
  display: grid;
}
.server-cols[data-v-7ce76df7] {
  background: color-mix(
    in srgb,
    var(--p-content-hover-background) 45%,
    var(--p-content-background)
  );
  border-bottom: 1px solid var(--p-content-border-color);
  min-height: 43px;
  padding: 12px 14px;
  font-size: 1rem;
  font-weight: 500;
}
.server-cols span[data-v-7ce76df7]:nth-child(2),
.server-due[data-v-7ce76df7] {
  text-align: center;
}
.server-cols span[data-v-7ce76df7]:last-child {
  text-align: right;
}
.home-row-skeleton[data-v-7ce76df7] {
  box-sizing: border-box;
  height: calc(2.715rem + 18px);
  padding: 7px 14px;
}
.home-row[data-v-7ce76df7] {
  min-height: calc(2.715rem + 18px);
  padding: 7px 14px;
}
.home-row[data-v-7ce76df7] .p-tag {
  border-radius: 20px;
  justify-self: end;
  font-size: 0.875rem;
}
.server-pagination[data-v-7ce76df7] {
  margin-top: auto;
  padding: 8px 14px 14px;
}
.server-pagination[data-v-7ce76df7] .p-paginator {
  background: 0 0;
}
/* 视口条件 (width<640px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
@media (width<640px) {
  .server-head[data-v-7ce76df7] {
    flex-wrap: wrap;
    gap: 2px;
    padding-block: 10px;
  }
  .home-tabs[data-v-7ce76df7] {
    padding: 10px;
  }
  .home-tab[data-v-7ce76df7] {
    font-size: 0.875rem;
  }
  .home-row[data-v-7ce76df7],
  .server-cols[data-v-7ce76df7] {
    grid-template-columns: minmax(0, 1fr) 84px 58px;
    gap: 8px;
  }
  .server-cols[data-v-7ce76df7] {
    font-size: 0.875rem;
  }
  .home-row-title[data-v-7ce76df7] {
    font-size: 0.9375rem;
  }
  .home-row-sub[data-v-7ce76df7] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
}