/* EdgeFT · 拖放确认弹窗（<drop-confirm>）：居中模态，iOS 告警卡风格
   几何与层级保持现状（遮罩满屏、清单限高内滚、按钮等分、z-index 200）。
   显隐：.hidden（base.css）控制。 */

.modal-mask {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
  z-index: 200;
}
.modal {
  width: 92%;
  max-width: 340px;
  padding: 24px 16px 16px;
  text-align: center;
  border-radius: var(--radius-card);
  background: var(--panel);
  border: 0.5px solid var(--ios-separator);
  animation: modal-pop var(--dur-sheet) var(--ease-spring) both;
}
@keyframes modal-pop {
  from { opacity: 0; transform: scale(0.86); }
  to { opacity: 1; transform: scale(1); }
}
.modal-title {
  font-size: 17px;
  font-weight: 700;
}
.modal-info {
  margin: 8px 0 12px;
  font-size: 13px;
  color: var(--muted);
  line-height: 1.45;
}
/* 文件清单：限高内滚，超出滚动而不撑破弹窗 */
.modal-list {
  max-height: 140px;
  overflow-y: auto;
  margin-bottom: 16px;
  padding: 12px 12px;
  border-radius: var(--radius-group);
  background: var(--ios-fill);
  font-size: 13px;
  color: var(--muted);
  text-align: left;
  line-height: 1.6;
}
.modal-actions {
  display: flex;
  gap: 12px;
}
.modal-actions .primary,
.modal-actions button:not(.primary) {
  flex: 1;
  height: 44px;
}
/* 取消：iOS 弹窗次要动作（灰底蓝字）；主按钮沿用 base.css .primary */
.modal-actions button:not(.primary) {
  border: none;
  border-radius: var(--radius-control);
  background: var(--ios-fill);
  color: var(--ios-blue);
  font: inherit;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  transition: transform var(--dur-fast) var(--ease-spring);
}
.modal-actions button:not(.primary):active {
  transform: scale(0.97);
}
/* 危险确认（如删除收藏）：主按钮红色，警示不可逆 */
.modal-mask.confirm-danger .modal-actions .primary {
  background: var(--ios-red);
}