/* AVERA 0.7.3 · rev233 · stage 3 «Рабочие пространства». Styles the workspace motion (avera-workspace.js) relies on.
   Scoped to classes the engine sets for the time of a motion, plus the «Живой поток» receipts and status. */

/* KTP grows out of its row / folds back: for that time it is a fixed layer over the visible page. */
#avkPanel.av-ws-layer{position:fixed!important;inset:0!important;display:block!important;overflow:hidden!important;z-index:2400;will-change:clip-path}
#avkPanel.av-ws-folding{pointer-events:none}
.av-ws-anchor{position:relative}
.av-ws-rows-ghost{position:absolute;z-index:0;pointer-events:none;box-sizing:border-box}
.av-ws-rows-ghost *{animation:none!important;transition:none!important}

/* KTP section chevron: one glyph that turns instead of two characters swapping. */
#avkPanel .avk-section-chevron{display:inline-grid;place-items:center;width:22px;height:22px;font-size:0;transform:rotate(0deg)}
#avkPanel .avk-section-chevron::before{content:"";width:8px;height:8px;border-right:1.9px solid currentColor;border-bottom:1.9px solid currentColor;transform:translateY(-2px) rotate(45deg);border-radius:1px}
#avkPanel .avk-section-title[aria-expanded="true"] .avk-section-chevron{transform:rotate(180deg)}

/* «Живой поток»: the last grades with their true save state; a readable status; a progress that moves. */
.mg-shell .mg-receipts{display:flex;flex-direction:column;gap:6px;margin:0 0 14px;padding:0;list-style:none}
.mg-shell .mg-receipts li{margin:0}
.mg-shell .mg-receipts button{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;width:100%;min-height:40px;padding:6px 10px 6px 12px;border:0;border-radius:12px;background:var(--av-surface-2,#eef4f5);color:var(--av-text-primary);font:inherit;font-size:13px;text-align:left;cursor:pointer}
.mg-shell .mg-receipts li:not(:last-child) button{opacity:.72}
.mg-shell .mg-receipts .mg-r-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650}
.mg-shell .mg-receipts .mg-grade{min-width:30px;height:28px;font-size:14px}
.mg-shell .mg-r-state{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:650;color:var(--av-text-secondary);white-space:nowrap}
.mg-shell .mg-r-state i,.mg-shell .mg-live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;flex:0 0 7px}
.mg-shell .mg-r-state.is-pending{color:var(--av-warning)}
.mg-shell .mg-r-state.is-sending{color:var(--av-accent)}
.mg-shell .mg-r-state.is-saved{color:var(--av-success)}
.mg-shell .mg-r-state.is-conflict,.mg-shell .mg-r-state.is-error{color:var(--av-danger)}
.mg-shell small.mg-live{display:inline-flex;align-items:center;gap:6px;margin-top:3px;padding:2px 9px 2px 8px;border-radius:99px;background:var(--av-surface-2,#eef4f5);font-size:11.5px;font-weight:650;line-height:1.5;color:var(--av-text-secondary)}
.mg-shell small.mg-live.is-saved{color:var(--av-success)}
.mg-shell small.mg-live.is-pending{color:var(--av-warning)}
.mg-shell small.mg-live.is-sending{color:var(--av-accent)}
.mg-shell small.mg-live.is-conflict,.mg-shell small.mg-live.is-error{color:var(--av-danger)}
.mg-shell small.mg-live.is-info i{display:none}
.mg-shell .mg-track i{transition:width 240ms cubic-bezier(.2,.8,.2,1)}

@media (prefers-reduced-motion:reduce){
  .mg-shell .mg-track i{transition:none}
}