/* Compact operation feedback. Folder palettes in the document list are never changed. */
.amx-file-activity {
  --activity-text:var(--ex-text,#172b43); --activity-muted:var(--ex-muted,#53657a);
  --activity-line:var(--ex-line,#d4dfea); --activity-accent:var(--ex-accent,#0c65ad);
  box-sizing:border-box; position:fixed; z-index:125; right:16px; bottom:16px;
  width:350px; max-width:calc(100vw - 24px); max-height:calc(100dvh - 24px); overflow:auto;
  border:1px solid var(--activity-line); border-radius:9px;
  background:var(--ex-surface,#fff); color:var(--activity-text);
  box-shadow:0 6px 24px #13284324; padding:12px 14px;
  font:400 12px/1.5 var(--ex-font,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif);
  font-variant-numeric:tabular-nums; animation:amx-activity-enter 160ms ease-out;
}
.amx-file-activity [hidden] {display:none!important}
.amx-activity-heading {display:flex;align-items:center;gap:8px;min-height:30px}
.amx-activity-title {font-size:13px;font-weight:500;flex:1;min-width:0}
.amx-activity-mark {display:flex;color:var(--activity-accent)}
.amx-activity-mark svg {width:18px;height:18px}
.amx-file-activity button {
  display:grid;place-items:center;width:32px;height:32px;flex:none;padding:0;
  border:1px solid transparent;border-radius:6px;background:transparent;color:var(--activity-muted);
  font:400 20px/1 sans-serif;cursor:pointer;box-shadow:none;
}
.amx-file-activity button:hover {background:var(--ex-soft,#edf2f7);border-color:var(--activity-line)}
.amx-file-activity button:focus-visible {outline:2px solid var(--activity-accent);outline-offset:1px}
.amx-activity-scene {display:flex;align-items:center;height:82px;padding:0 22px;gap:8px;overflow:hidden}
.amx-activity-folder {display:block;width:52px;height:52px;flex:none;position:relative;z-index:1}
.amx-activity-folder svg,.amx-loading-folder svg {display:block;width:100%;height:100%}
.amx-activity-flight {position:relative;display:block;flex:1;min-width:40px;height:60px}
.amx-activity-path {position:absolute;left:0;right:0;top:37px;border-top:1px dashed var(--activity-line)}
.amx-activity-sheet {position:absolute;inset:0;display:flex;align-items:center;opacity:0;transform-origin:center}
.amx-activity-sheet svg {width:26px;height:26px;flex:none}
[data-amx-state=busy] .amx-activity-sheet {animation:amx-file-travel 2200ms cubic-bezier(.4,0,.2,1) infinite}
[data-amx-state=busy] .amx-activity-sheet:nth-of-type(3) {animation-delay:-1100ms}
.amx-activity-locations {display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0 4px 14px}
.amx-activity-locations>span {min-width:0}
.amx-activity-locations>span:last-child {text-align:right}
.amx-activity-locations small {display:block;color:var(--activity-muted);font-size:10px;margin-bottom:2px}
.amx-activity-from,.amx-activity-to {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.amx-activity-progress {height:3px;overflow:hidden;border-radius:3px;background:var(--ex-soft,#edf2f7);margin-top:6px}
.amx-activity-progress>span {display:block;height:100%;background:var(--activity-accent);transform-origin:left;transform:scaleX(0);transition:transform 180ms ease}
.amx-activity-status {margin:7px 0 0;color:var(--activity-muted);font-size:11px}
.amx-activity-note {margin:8px 0 0;padding-top:8px;border-top:1px solid var(--activity-line);font-size:11px;color:var(--activity-muted);overflow-wrap:anywhere}
[data-amx-state=completed] {--activity-accent:var(--ex-good,#087450)}
[data-amx-state=pending],[data-amx-state=failed],[data-amx-state=partial] {--activity-accent:var(--ex-warn,#865b09)}
[data-amx-state=completed] .amx-activity-path {border-top-style:solid}
/* Loading has no percentage: it remains indeterminate until the existing loader settles. */
.amx-loading-art {position:relative;width:104px;height:78px;margin:0 auto 10px;overflow:hidden}
.amx-loading-folder {position:absolute;left:25px;bottom:0;width:58px;height:58px;z-index:1}
.amx-loading-sheet {position:absolute;left:6px;top:2px;width:27px;height:31px;opacity:0}
.amx-loading-sheet svg {width:100%;height:100%}
.show .amx-loading-sheet,[data-amx-loading=active] .amx-loading-sheet {animation:amx-file-gather 2200ms ease-in-out infinite}
.amx-loading-sheet:nth-child(2) {animation-delay:-1100ms!important}
.exp-native .loading-card {box-sizing:border-box;min-width:0;width:360px;max-width:calc(100% - 24px);padding:20px}
.exp-native .loading-overlay[aria-busy=true] .loading-title {font-size:14px;font-weight:500}
@keyframes amx-file-travel {
  0%,8% {opacity:0;transform:translate(-10% ,12px) rotate(-9deg)}
  22% {opacity:1}
  58% {opacity:1;transform:translate(45%,-12px) rotate(4deg)}
  88%,100% {opacity:0;transform:translate(88%,12px) rotate(9deg)}
}
@keyframes amx-file-gather {
  0%,8% {opacity:0;transform:translate(-8px,3px) rotate(-14deg)}
  25% {opacity:1}
  60% {opacity:1;transform:translate(27px,-2px) rotate(4deg)}
  90%,100% {opacity:0;transform:translate(37px,30px) rotate(9deg)}
}
@keyframes amx-activity-enter {from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:480px) {
  .amx-file-activity {right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:calc(100vw - 24px);padding:10px 12px}
  .amx-file-activity button {width:40px;height:40px}
  .amx-activity-scene {height:72px}
}
@media(prefers-reduced-motion:reduce) {
  .amx-file-activity,.amx-activity-sheet,.amx-loading-sheet {animation:none!important}
  .amx-activity-progress>span {transition:none}
  [data-amx-state=busy] .amx-activity-sheet:nth-of-type(2) {opacity:1;transform:translateX(35%)}
  .amx-loading-sheet:first-child {opacity:1;transform:translate(29px,0)}
}

.amx-loading-art[data-amx-mounted=upload] {width:240px;max-width:100%;height:82px}
.amx-loading-art[data-amx-mounted=upload] .amx-activity-scene {padding:0 8px}
.amx-loading-art .amx-activity-path {border-color:var(--ex-line,#d4dfea)}
.amx-file-activity[data-paused=true] .amx-activity-sheet {animation-play-state:paused}
.amx-file-activity[data-paused=true] {visibility:hidden}