/* =====================================================================
   客服岗位首页（客服工作台）—— 仅保留页面特有规则。

   视觉统一（Phase 3C-03A）：不另造视觉语言。
   页面骨架 / 页头 / 卡片 / 角标 / 入口全部复用系统既有元素：
     .learning-page / .learning-inner / .learning-header  （同学习页、管理端首页）
     .learning-card + .home-card-* 内排版                 （同管理端首页三卡）
     .admin-menu-badge                                      （待处理红角标）
     .home-error                                             （部分加载失败提示）
  本文件只负责：2×2 网格、页头右侧「姓名+日期」、空态降噪 / 待办 / 异常 三种文字态、
  卡片紧凑度与手机单列，其余交给系统通用样式。
   ===================================================================== */

#adminPageServiceHome {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* ---- 页头：沿用 .learning-header 的字号与间距，仅把「姓名 + 日期」排到右侧 ---- */

.shome-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px 28px;
  flex-wrap: wrap;
}

.shome-head-main {
  min-width: 0;
}

.shome-who {
  flex: none;
  text-align: right;
  padding-bottom: 2px;
}

.shome-who-name {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  color: #455c4e;
}

.shome-who-date {
  margin-top: 4px;
  font-size: 12.5px;
  line-height: 1.4;
  color: #8e8e93;
  font-variant-numeric: tabular-nums;
}

/* ---- 四卡网格：桌面 2×2，手机单列 ---- */

.shome-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  align-items: stretch;
}

/* ---- 卡片：在系统 .learning-card + .home-card 基础上仅做收紧 ---- */

.shome-card.learning-card {
  padding: 18px 20px;
}

.shome-card .home-card-title {
  font-size: 15px;
}

.shome-card .home-card-lines {
  gap: 6px;
}

.shome-card .home-card-state {
  margin-top: 0;
}

/* 三种文字态：常态继承 .home-card-state（深色大字）；
   空态/已填写/待开通 降噪为灰小字；未填写为待办琥珀；今日有异常为警示红。 */
.home-card-state--empty {
  color: #8e8e93;
  font-weight: 500;
  font-size: 18px;
  padding-top: 3px;
}

.home-card-state--todo {
  color: #b2500f;
}

.home-card-state--alert {
  color: #c0392b;
}

/* 待管理端开通：整卡置灰、不可点、无悬停反馈 */
.shome-card.is-locked {
  cursor: not-allowed;
  opacity: 0.62;
}

.shome-card.is-locked:hover,
.shome-card.is-locked:active {
  background: #fff;
}

/* ---- 手机端：单列 + 更小卡片内边距（与系统窄屏一致） ---- */

@media (max-width: 760px) {
  .shome-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .shome-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }

  .shome-who {
    text-align: left;
    padding-bottom: 0;
  }

  .shome-card.learning-card {
    padding: 16px;
  }
}