/* Рабочие экраны в роликах используют компоненты и типографику главной. */
.fx-work-pay,.fx-work-report,.fx-work-journal,.fx-work-ai{min-width:0;width:100%}
.fx-work-pay__head,.fx-work-journal__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.fx-work-pay__head>span:first-child,.fx-work-journal__head>span:first-child{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--ink)}
.fx-work-pay__head .ic,.fx-work-journal__head .ic{color:var(--blue)}
.fx-work-pay .pay__kpi{margin-bottom:4px}
.fx-work-pay .pay__rows li{min-width:0}
.fx-work-pay .pay__who{white-space:normal;overflow-wrap:break-word}
.fx-work-pay .pay__who>*{overflow:visible;text-overflow:clip}
.fx-work-pay .chip{height:auto;min-height:22px;line-height:1.3;padding-block:4px;white-space:normal;text-align:center}
.fx-work-pay__notice{display:flex;align-items:center;gap:10px;min-height:64px;margin-top:8px;padding:12px;border-radius:var(--r-s);background:var(--blue-50);color:var(--blue-dd)}
.fx-work-pay__notice>.ic{flex:none}
.fx-work-pay__notice>span{display:grid;gap:3px;min-width:0;font-size:12px;line-height:1.35}
.fx-work-pay__notice small{font-size:11px;color:var(--muted)}
.fx-step.is-on .fx-work-pay__changed{animation:fx-work-arrive .7s var(--ease) both}
.fx-step.is-on .fx-work-pay__notice{animation:fx-work-arrive .7s var(--ease) .3s both}
.fx-work-ai{display:grid;gap:12px}
.fx-work-ai .fai__me{max-width:92%;display:grid;gap:6px}
.fx-work-ai .fai__me>span{font-size:11px;font-weight:400;color:rgba(255,255,255,.8)}
.fx-work-ai .fai__who{flex-wrap:wrap}
.fx-work-ai .fai__who>.ic{flex:none}
.fx-work-ai .fai__l{min-height:42px;min-width:0}
.fx-work-ai .fai__l>span:nth-child(2){min-width:0}
.fx-work-ai .fai__act{flex-wrap:wrap}
.fx-work-ai .fai__btn,.fx-work-ai .fai__ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;text-align:center}
.fx-work-ai__confirm{display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.4;color:var(--muted)}
.fx-work-ai__confirm>.ic{flex:none;color:var(--blue)}
.fx-work-ai__placeholder i{height:8px;border-radius:var(--r-pill);background:var(--bg-3)}
.fx-work-ai__placeholder i:last-child{width:36px}
.fx-step.is-on .fx-work-ai .fai__l{animation:fx-work-arrive .65s var(--ease) both;animation-delay:calc(var(--n) * .13s)}
.fx-step.is-on .fx-work-ai .fai__act{animation:fx-work-arrive .7s var(--ease) .6s both}
.fx-work-report .rep__t{flex-wrap:wrap;align-items:center}
.fx-work-report__student{display:flex;align-items:center;gap:10px;margin-top:12px}
.fx-work-report__student>span:last-child{display:grid;gap:3px;min-width:0;font-size:14px;line-height:1.3;color:var(--ink)}
.fx-work-report__student small{font-size:11px;color:var(--muted)}
.fx-work-report__comment{display:grid;gap:6px;margin:16px 0 12px;padding:12px;border-radius:var(--r-s);background:var(--yellow-50);font-size:12px;line-height:1.4;color:var(--ink)}
.fx-work-report__comment>span{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted)}
.fx-work-report__share{display:flex;align-items:center;gap:8px;min-height:52px;padding-top:12px;border-top:1px solid var(--line);font-size:12px;line-height:1.35;color:var(--blue-d)}
.fx-work-report__share>.ic{flex:none}
.fx-work-report__share>span{display:grid;gap:3px;min-width:0}
.fx-work-report__share small{font-size:10px;color:var(--muted)}
.fx-step.is-on .fx-work-report__graph .pd-bar i{animation:fx-work-progress 1.2s var(--ease) both;animation-delay:calc(var(--n) * .1s)}
.fx-step.is-on .fx-work-report__comment{animation:fx-work-arrive .7s var(--ease) .25s both}
.fx-work-journal{box-shadow:0 0 0 1px var(--line),var(--sh-2);padding-top:16px}
.fx-work-journal .pd-jr__head,.fx-work-journal .pd-jr__rows li{grid-template-columns:40px minmax(0,.9fr) minmax(0,1.35fr) minmax(0,.8fr) 58px;gap:8px}
.fx-work-journal .pd-jr__rows li{align-items:start}
.fx-work-journal .pd-jr__rows li>*{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.35}
.fx-work-journal .pd-jr__rows li>span:nth-of-type(1),.fx-work-journal .pd-jr__hw{display:block}
.fx-work-journal .pd-jr__rows .chip{height:auto;min-height:22px;padding:4px 6px;white-space:normal;line-height:1.2}
.fx-work-journal .fx-work-journal__selected{background:var(--blue-50);box-shadow:-8px 0 0 var(--blue-50),8px 0 0 var(--blue-50)}
.fx-work-journal__detail{display:flex;align-items:center;gap:8px;min-height:62px;padding:12px 0;color:var(--blue-d)}
.fx-work-journal__detail>.ic{flex:none}
.fx-work-journal__detail>span{display:grid;gap:3px;min-width:0;font-size:12px;line-height:1.35}
.fx-work-journal__detail small{font-size:10px;color:var(--muted)}
.fx-work-journal .log__sum{margin-top:0}
.fx-step.is-on .fx-work-journal .pd-jr__rows li{animation:fx-work-arrive .65s var(--ease) both;animation-delay:calc(var(--n) * .1s)}
@keyframes fx-work-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes fx-work-progress{from{transform:scaleX(0)}to{transform:scaleX(var(--v))}}
@media(max-width:720px){
  .fx-work-pay .pay__kpi,.fx-work-report .rep__kpi{grid-template-columns:minmax(0,1fr)}
  .fx-work-pay .pay__kpi p{display:grid;gap:6px}
  .fx-work-report .rep__kpi div{display:flex;align-items:center;justify-content:space-between;gap:8px}
  .fx-work-pay .pay__kpi b,.fx-work-report .rep__kpi dd{margin-top:0}
  .fx-work-pay .pay__rows li{grid-template-columns:26px minmax(0,1fr);gap:6px 8px}
  .fx-work-pay .pay__rows .chip{grid-column:2;justify-self:start}
  .fx-work-pay__head,.fx-work-journal__head{flex-wrap:wrap}
  .fx-work-ai .fai__me{max-width:100%}
  .fx-work-ai .fai__bot{padding:10px 12px 12px}
  .fx-work-ai .fai__who{gap:6px}
  .fx-work-ai .fai__tag{margin-left:0}
  .fx-work-ai .fai__l{grid-template-columns:18px minmax(0,1fr);gap:4px 8px;align-items:start}
  .fx-work-ai .fai__l time{grid-column:2}
  .fx-work-ai .fai__act{display:grid;grid-template-columns:minmax(0,1fr)}
  .fx-work-ai__placeholder i:last-child{grid-column:2}
  .fx-work-report__graph li{grid-template-columns:minmax(0,1fr) 36px;gap:6px 8px}
  .fx-work-report__graph li>span:first-child{grid-column:1/-1}
  .fx-work-journal .pd-jr__head{display:none}
  .fx-work-journal .pd-jr__rows li{grid-template-columns:minmax(0,1fr);gap:5px;padding-block:12px}
  .fx-work-journal .pd-jr__rows li>span:nth-of-type(1),.fx-work-journal .pd-jr__hw{display:block}
  .fx-work-journal [data-label]::before{content:attr(data-label) ": ";color:var(--muted)}
  .fx-work-journal .pd-jr__rows .chip{justify-self:start}
  .fx-work-journal .log__sum{display:grid;gap:6px}
}
@media(prefers-reduced-motion:reduce){
  .fx-step.is-on :is(.fx-work-pay__changed,.fx-work-pay__notice,.fx-work-ai .fai__l,.fx-work-ai .fai__act,.fx-work-report__graph .pd-bar i,.fx-work-report__comment,.fx-work-journal .pd-jr__rows li){animation:none!important;transition:none!important}
}