/*
 * 学校端外壳：顶栏之下的「左侧菜单 + 内容区」。
 *
 * 原先这段只写在 five-health-school-portal.html 的内联 style 里，于是学生档案
 * 详情页（独立页面）拿不到，左侧菜单整块消失，看起来像换了一个系统。菜单是学校端
 * 的常驻导航，不属于某一个页面，所以抽成共用样式，两个页面都引。
 *
 * 内容区的 .page-head 在这里是透明的一条（不像 core.css 里那条通栏白底），
 * 因为它被放进了 .main 内部，左右已经有 20px 的留白。
 */

.shell {
  display: grid; grid-template-columns: 226px minmax(0, 1fr);
  min-height: calc(100vh - 58px);
}
.side { padding: 14px 10px; background: #fff; border-right: 1px solid var(--border); }
.school-card {
  margin: 0 4px 16px; padding: 12px;
  border: 1px solid #d9ecff; border-radius: 4px; background: #f7fbff;
}
.school-card strong { display: block; color: #17233d; font-weight: 500; }
.school-card small { display: block; margin-top: 3px; color: #808695; font-size: 12px; }
.school-card span {
  display: inline-flex; align-items: center; margin-top: 9px; color: #19be6b; font-size: 12px;
}
.school-card .ivu-icon { margin-right: 3px; }
.menu-label { margin: 17px 12px 6px; color: #b2b7c3; font-size: 12px; }
.side-nav { display: grid; gap: 2px; }
.side-nav button {
  display: flex; align-items: center; width: 100%; height: 38px; padding: 0 12px;
  border: 0; border-radius: 3px; color: #515a6e; background: #fff;
  text-align: left; cursor: pointer;
}
.side-nav button:hover { color: #2d8cf0; background: #f5faff; }
.side-nav button.active { color: #2d8cf0; background: #eaf5ff; }
.side-nav .ivu-icon { width: 21px; font-size: 17px; }
.side-nav em { margin-left: auto; color: #b2b7c3; font-style: normal; font-size: 12px; }
.side-help {
  position: sticky; top: calc(100vh - 115px);
  display: flex; gap: 7px; margin: 26px 10px 0; padding: 11px 0;
  border-top: 1px solid #e8eaec; color: #808695; font-size: 12px;
}
.side-help .ivu-icon { color: #2d8cf0; font-size: 18px; }

.main { padding: 0 20px 28px; }
.main .page-head {
  min-height: 66px; padding: 0; display: flex; align-items: center;
  background: transparent; border-bottom: 0;
}
.crumb { color: #808695; font-size: 13px; }
.crumb b { color: #17233d; font-weight: 500; }
.crumb a { color: #2d8cf0; cursor: pointer; }
.crumb .ivu-icon { margin: 0 8px; color: #c5c8ce; }
.head-actions { display: flex; align-items: center; gap: 9px; margin-left: auto; }