.action-loader[hidden], .action-loader-error[hidden] { display: none !important; }
.action-loader { position: fixed; inset: 0; z-index: 20000; display: grid; place-items: center; padding: 24px; background: rgba(13,31,51,.46); backdrop-filter: blur(3px); }
.action-loader-panel { width: min(320px,100%); padding: 30px 24px; border-radius: 16px; background: #fff; color: #142b46; text-align: center; box-shadow: 0 18px 50px rgba(13,31,51,.22); font-family: Inter,system-ui,sans-serif; }
.action-loader-spinner { display: block; width: 42px; height: 42px; margin: 0 auto 18px; border: 4px solid #e3edf5; border-top-color: #1f5f8f; border-radius: 50%; animation: action-loader-spin .8s linear infinite; }
.action-loader-title { margin: 0 0 6px; font-size: 16px; font-weight: 650; }
.action-loader-note { margin: 0; font-size: 13px; color: #66768b; }
.action-loader-dismiss { margin-top: 18px; border: 1px solid #cddbe8; border-radius: 8px; padding: 7px 12px; background: #fff; color: #1f5f8f; cursor: pointer; }
.action-loader-dismiss[hidden] { display: none; }
.action-loader-error { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); z-index: 20001; width: min(560px,calc(100% - 32px)); padding: 16px; border: 1px solid #f7d3d3; border-radius: 10px; background: #fff3f3; color: #8a2a27; box-shadow: 0 4px 18px #0002; }
.action-loader-error button { float: right; margin-left: 12px; border: 0; background: transparent; color: inherit; cursor: pointer; }
@keyframes action-loader-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .action-loader-spinner { animation: none; border-style: dotted; } .action-loader { backdrop-filter: none; } }
@media print { .action-loader, .action-loader-error { display: none !important; } }