/* Confirmation dialogs use the same surfaces and control scale in every portal. */
.workspace-confirmation-modal { --bs-modal-width: 480px; color: #183f34; }
.workspace-confirmation-modal .modal-content { border: 1px solid #dce3d9; border-radius: 12px; background: #fff; box-shadow: 0 20px 60px #183f3426; color: #183f34; overflow: hidden; }
.workspace-confirmation-modal .modal-header { align-items: flex-start; padding: 24px 24px 0; border: 0; gap: 16px; }
.workspace-confirmation-modal .modal-title { margin: 0; font: 600 22px/1.35 Inter, sans-serif; letter-spacing: -.025em; color: #183f34; overflow-wrap: anywhere; }
.workspace-confirmation-modal .btn-close { width: 16px; height: 16px; padding: 8px; margin: -4px -4px 0 auto; border-radius: 6px; opacity: .6; }
.workspace-confirmation-modal .modal-body { padding: 16px 24px 24px; color: #5e6b61; font-size: 16px; line-height: 1.6; overflow-wrap: anywhere; }
.workspace-confirmation-modal .modal-body p:last-child { margin-bottom: 0; }
.workspace-confirmation-modal .confirmation-dialog-context { color: #183f34; font-weight: 600; margin-bottom: 12px; }
.workspace-confirmation-modal .modal-footer { padding: 16px 24px; gap: 10px; background: #f7f9f4; border-top: 1px solid #e2e7de; }
.workspace-confirmation-modal .modal-footer > * { margin: 0; }
.workspace-confirmation-modal .btn { min-height: 44px; padding: 10px 16px; border-radius: 8px; font: 600 14px/22px Inter, sans-serif; box-shadow: none; }
.workspace-confirmation-modal .btn-outline-secondary { color: #183f34; border-color: #b7c3b2; background: #fff; }
.workspace-confirmation-modal .btn-outline-secondary:hover { background: #edf2e9; }
.workspace-confirmation-modal .btn-primary { background: #183f34; border-color: #183f34; color: #fff; }
.workspace-confirmation-modal .btn-danger { background: #a93432; border-color: #a93432; color: #fff; }
.workspace-confirmation-modal .btn-danger:hover { background: #8d2b29; border-color: #8d2b29; }
.workspace-confirmation-modal :is(button, a):focus-visible { outline: 2px solid #698458; outline-offset: 3px; }
@media(max-width: 575px) {
    .workspace-confirmation-modal .modal-dialog { margin: 16px; min-height: calc(100% - 32px); }
    .workspace-confirmation-modal .modal-header { padding: 20px 20px 0; }
    .workspace-confirmation-modal .modal-body { padding: 16px 20px 20px; }
    .workspace-confirmation-modal .modal-footer { padding: 16px 20px; }
    .workspace-confirmation-modal .modal-footer .btn { flex: 1 1 auto; }
}