/*
 * drawer-unify.css —— 全站右侧抽屉统一「美化版」样式
 * 目标观感（对齐微信截图）：右侧全高白底抽屉 + 左侧半圆把手(›) + 轻微暗化遮罩 + 圆角 + 柔和阴影。
 * 通过 app.py 在 <head> 全局注入，覆盖各模块自行定义的不同类名抽屉。
 * 把手由 drawer-handle.js 统一注入到 <body>（几何定位，覆盖所有开关机制与动态加载），
 *   本文件只负责视觉：遮罩 / 面板底色 / 圆角 / 阴影 / 把手外观 / 收起态。
 */

/* ---------- 1) 遮罩：统一轻微暗化 + 轻微模糊 ---------- */
.lz-drawer-overlay,
.bk-drawer-overlay,
.staff-drawer-overlay,
#signer-modal,
#exec-bank-drawer,
#exec-oa-drawer,
#exec-stmt-drawer,
.term-drawer-overlay,
.ip-drawer-overlay,
.tag-drawer-overlay,
#rp-mask,
.isl-drawer-overlay,
.al-drawer-overlay,
.rl-drawer-overlay,
#orig-sh-drawer,
.em-overlay,
#audit-upload-drawer,
#edit-modal,
.scan-overlay,
#debt-edit-mask,
#debt-detail-mask,
#quanyi-edit-mask,
#svc-gen-mask,
.rp-overlay,
#ea-manager-drawer-bg {
  background: rgba(15, 23, 42, 0.28) !important;
  -webkit-backdrop-filter: blur(2px) !important;
  backdrop-filter: blur(2px) !important;
}

/* ---------- 2) 面板：统一白底 + 左侧圆角 + 柔和阴影 ---------- */
.lz-drawer-panel,
.bk-drawer,
.staff-drawer,
#signer-drawer-panel,
#exec-bank-drawer-panel,
#exec-oa-drawer-panel,
#exec-stmt-drawer-panel,
.term-drawer,
.ip-drawer,
.tag-drawer,
.rp-drawer,
.isl-drawer,
.al-drawer,
.rl-drawer-panel,
#orig-sh-panel,
.em-panel,
.aud-panel,
#edit-modal .modal,
#edit-modal .lzd-panel,
.scan-panel,
.debt-edit-panel,
.debt-detail-panel,
.quanyi-edit-panel,
.svc-gen-panel,
.rp-panel,
#ea-manager-panel {
  background: #ffffff !important;
  border-radius: 18px 0 0 18px !important;
  box-shadow: -12px 0 40px rgba(15, 23, 42, 0.16) !important;
}

/* em-panel 原为静态定位，需改为 relative 以锚定把手 */
.em-panel { position: relative !important; }

/* ---------- 3) 通用伸缩把手（由 drawer-handle.js 注入到 body，几何定位，不被任何 overflow 裁切） ---------- */
.drw-handle {
  position: fixed;
  display: none;
  width: 16px;
  height: 52px;
  background: #ffffff;
  color: #64748b;
  font-size: 20px;
  line-height: 52px;
  text-align: center;
  border-radius: 16px 0 0 16px;
  box-shadow: -3px 2px 10px rgba(15, 23, 42, 0.12);
  cursor: pointer;
  z-index: 2147483000;
  align-items: center;
  justify-content: center;
  user-select: none;
  -webkit-user-select: none;
  transition: color .15s ease, background .15s ease;
}
.drw-handle:hover { color: #1a73e8; background: #f8fafc; }

/* ---------- 4) 收起态：面板强制右移出屏 + 遮罩透明且穿透，只留把手可点 ---------- */
/* transform 仅作用于面板（不能作用于全屏 overlay，否则整屏右移产生横向滚动） */
.lz-drawer-panel.drw-collapsed,
.bk-drawer.drw-collapsed,
.staff-drawer.drw-collapsed,
#signer-drawer-panel.drw-collapsed,
#exec-bank-drawer-panel.drw-collapsed,
#exec-oa-drawer-panel.drw-collapsed,
#exec-stmt-drawer-panel.drw-collapsed,
.term-drawer.drw-collapsed,
.ip-drawer.drw-collapsed,
.tag-drawer.drw-collapsed,
.rp-drawer.drw-collapsed,
.isl-drawer.drw-collapsed,
.al-drawer.drw-collapsed,
.rl-drawer-panel.drw-collapsed,
#orig-sh-panel.drw-collapsed,
.em-panel.drw-collapsed,
.aud-panel.drw-collapsed,
#edit-modal .modal.drw-collapsed,
#edit-modal .lzd-panel.drw-collapsed,
.scan-panel.drw-collapsed,
.debt-edit-panel.drw-collapsed,
.debt-detail-panel.drw-collapsed,
.quanyi-edit-panel.drw-collapsed,
.svc-gen-panel.drw-collapsed,
.rp-panel.drw-collapsed,
#ea-manager-panel.drw-collapsed {
  transform: translateX(110vw) !important;
  -webkit-transition: transform .28s cubic-bezier(.22,.61,.36,1) !important;
  transition: transform .28s cubic-bezier(.22,.61,.36,1) !important;
}
/* 遮罩（容器）收起时透明 + 穿透 */
#edit-modal.drw-collapsed,
.lz-drawer-overlay.drw-collapsed,
.bk-drawer-overlay.drw-collapsed,
.staff-drawer-overlay.drw-collapsed,
.term-drawer-overlay.drw-collapsed,
.ip-drawer-overlay.drw-collapsed,
.tag-drawer-overlay.drw-collapsed,
.isl-drawer-overlay.drw-collapsed,
.al-drawer-overlay.drw-collapsed,
.rl-drawer-overlay.drw-collapsed,
.em-overlay.drw-collapsed,
.scan-overlay.drw-collapsed,
.rp-overlay.drw-collapsed,
#rp-mask.drw-collapsed,
#exec-bank-drawer.drw-collapsed,
#exec-oa-drawer.drw-collapsed,
#exec-stmt-drawer.drw-collapsed,
#signer-modal.drw-collapsed,
#orig-sh-drawer.drw-collapsed,
#debt-edit-mask.drw-collapsed,
#debt-detail-mask.drw-collapsed,
#quanyi-edit-mask.drw-collapsed,
#svc-gen-mask.drw-collapsed,
#ea-manager-drawer-bg.drw-collapsed,
#audit-upload-drawer.drw-collapsed {
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  pointer-events: none !important;
}