﻿.work-progress { position:fixed; z-index:2147483000; bottom:12px; left:50%; transform:translateX(-50%); width:min(540px,calc(100% - 24px)); box-sizing:border-box; display:grid; grid-template-columns:minmax(0,1fr) auto 24px; gap:6px 10px; padding:10px 12px; border:1px solid #d6dfcf; border-radius:10px; background:#fffffff5; color:#24342a; box-shadow:0 5px 24px #24342a20; font:12px/1.4 system-ui,sans-serif; }
.work-progress[hidden],.work-progress [hidden] {display:none!important;}
.work-progress-label {overflow-wrap:anywhere;}
.work-progress-detail {font-variant-numeric:tabular-nums;color:#52624e;}
.work-progress progress {grid-column:1/-1;width:100%;height:7px;accent-color:#19532a;}
.work-progress button {grid-column:3;grid-row:1;justify-self:end;width:24px;height:24px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;font-size:18px;line-height:18px;}
.work-progress[data-state="error"] {border-color:#c78979;color:#863923;}
@media print {.work-progress {display:none!important;}}
.work-progress {pointer-events:none;}
.work-progress button {pointer-events:auto;}
