.work-progress { position: fixed; inset: 18px 16px auto auto; margin: 0; padding: 16px 20px; width: min(390px, calc(100% - 32px)); box-sizing: border-box; border: 1px solid #b8c8ce; border-radius: 6px; background: #fff; color: #203b40; box-shadow: 0 6px 24px #12282b26; z-index: 2147483647; display: flex; gap: 14px; align-items: center; pointer-events: none; font: 14px/1.5 system-ui, sans-serif; letter-spacing: 0; }
.work-progress[hidden] { display: none; }
.work-progress strong { font-size: 16px; }
.work-progress p { margin: 2px 0 0; overflow-wrap: anywhere; }
.work-progress small { color: #79521d; }
.work-progress-spinner { display: inline-block; flex: 0 0 22px; width: 22px; height: 22px; box-sizing: border-box; border: 3px solid #dce6e7; border-top-color: #117c70; border-radius: 50%; animation: work-progress-spin .9s linear infinite; }
@keyframes work-progress-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .work-progress-spinner { animation: none; border-top-color: #117c70; border-right-color: #117c70; } }
@media print { .work-progress { display: none !important; } }