/* ============================================================
   玻璃拟态 (Glassmorphism) —— 用于弹窗 / 模态框 / 下拉
   半透明 + 背景模糊，纯本地实现
   ============================================================ */

.glass-panel {
  background: rgba(255, 255, 255, .62) !important;
  backdrop-filter: blur(14px) saturate(160%);
  -webkit-backdrop-filter: blur(14px) saturate(160%);
  border: 1px solid rgba(255, 255, 255, .55) !important;
  box-shadow: 0 12px 34px rgba(120, 136, 152, .28), inset 0 1px 0 rgba(255,255,255,.7);
}

.modal-content.glass-panel {
  border-radius: 20px;
  color: var(--neu-text);
}
.modal-backdrop.show { opacity: .32; }

.confirm-icon {
  font-size: 34px;
  color: var(--neu-warning);
  width: 68px; height: 68px; margin: 0 auto 6px;
  display: flex; align-items: center; justify-content: center;
  border-radius: 50%;
  background: rgba(245,158,11,.13);
  box-shadow: inset 2px 2px 6px rgba(245,158,11,.22), inset -2px -2px 6px rgba(255,255,255,.7);
}
.confirm-text { font-size: 15px; font-weight: 600; padding: 0 8px; line-height: 1.6; }

.dropdown-menu.glass-panel {
  border-radius: 14px;
  padding: 8px;
}
.dropdown-menu.glass-panel .dropdown-item {
  border-radius: 9px;
  padding: 8px 14px;
  font-size: 13.5px;
  color: var(--neu-text);
}
.dropdown-menu.glass-panel .dropdown-item:hover {
  background: rgba(99,102,241,.1);
  color: var(--neu-primary-dark);
}
.dropdown-menu.glass-panel .dropdown-item.text-danger:hover { background: rgba(239,68,68,.1); color: #dc2626; }

/* 时间窗口提醒弹窗图标 */
.timewarn-icon {
  font-size: 30px; color: var(--neu-warning);
  width: 62px; height: 62px; margin: 0 auto 8px;
  display: flex; align-items: center; justify-content: center;
  border-radius: 50%;
  background: rgba(245,158,11,.13);
  box-shadow: inset 2px 2px 6px rgba(245,158,11,.2), inset -2px -2px 6px rgba(255,255,255,.7);
}

/* 附件行 */
.attach-row { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin-bottom: 8px; }
.attach-row .file-wrap { flex: 1; min-width: 200px; position: relative; }
.attach-row .file-wrap input[type=file] {
  width: 100%; padding: 8px 12px;
  background: var(--neu-bg);
  border-radius: 12px;
  box-shadow: inset 2px 2px 5px var(--neu-shadow-dark), inset -2px -2px 5px var(--neu-shadow-light);
  border: none; font-size: 13px; color: var(--neu-text-2);
}

/* ============================================================
   模态框内容超高适配（统一生效，无需逐个加 scrollable）：
   内容超高时 modal-body 区域滚动，页脚操作按钮始终可见可达
   ============================================================ */
.modal-dialog {
  max-height: calc(100vh - 3.5rem);
}
.modal-content {
  max-height: calc(100vh - 3.5rem);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.modal-body {
  overflow-y: auto;
  overscroll-behavior: contain;
}
.modal-header, .modal-footer {
  flex-shrink: 0;
}
@media (max-width: 576px) {
  .modal-dialog,
  .modal-content {
    max-height: calc(100vh - 1rem);
  }
}