/* 班组履职评价系统 V1.7.4
 * 移动端权限筛选与权限详情操作区恢复为同层粘性底栏。
 * 去除单位/车间名片选中勾，并修正权限筛选复选项的垂直居中。
 * 仅调整展示布局，不改变权限范围、筛选条件或保存规则。
 */

/* 单位与车间继续用蓝色边框和浅色背景表达选中状态，不再叠加圆形勾。
 * 用户名片的选中标识不在此选择器内，继续沿用既有样式。 */
.permission-org-card.is-selected::after,
.permission-org-card[aria-selected="true"]::after,
.permission-org-card[aria-pressed="true"]::after {
  content: none;
  display: none;
}

@media (max-width: 760px) {
  /* 两个操作区均是各自真实滚动容器的子元素；sticky 只在该容器内吸底。
   * iOS 过度滚动时，底栏会与容器一起移动并在松手后自然回弹。 */
  .permission-detail-actions {
    position: sticky;
    z-index: 7;
    bottom: 0;
    margin: 16px 0 0;
    margin-inline: 0;
    border-top: 1px solid #e4ebf1;
    background: rgba(255, 255, 255, .97);
    box-shadow: 0 -8px 20px rgba(18, 52, 82, .06);
    backdrop-filter: blur(10px);
  }

  .permission-filter-panel .mobile-filter-actions {
    position: sticky;
    z-index: 7;
    bottom: 0;
    margin: 0;
    border-top: 1px solid #e4ebf1;
    background: rgba(255, 255, 255, .97);
    box-shadow: 0 -8px 20px rgba(18, 52, 82, .06);
    backdrop-filter: blur(10px);
  }

  /* 覆盖 V1.6.16 通用表单 label 的 align-content:start。
   * 复选框和文字作为同一行的两个 flex 项严格垂直居中。 */
  .permission-filter-panel .permission-filter-checks label {
    display: flex;
    align-content: center;
    align-items: center;
    gap: 8px;
  }

  .permission-filter-panel .permission-filter-checks label > input[type="checkbox"] {
    align-self: center;
    flex: 0 0 18px;
  }

  .permission-filter-panel .permission-filter-checks label > span {
    min-height: 18px;
    display: flex;
    align-self: center;
    align-items: center;
    flex: 1 1 auto;
    margin: 0;
  }
}