.sts__grid{display:grid;gap:18px}@media(min-width:900px){.sts__grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}}.sts__left{display:flex;flex-direction:column;gap:14px;min-width:0}@media(max-width:899px){.sts__left{display:contents}.sts__left>.svc-seg{order:1;justify-self:start}.sts-msg{order:2}.sts__right{order:3}.sts-gate{order:4}}.sts__right{min-width:0}.sts-msg{border-radius:14px 14px 14px 4px;padding:12px 14px;background:#f5b35c0f;border:1px solid rgba(245,179,92,.35);animation:sts-in .32s var(--svc-ease-out) both}.sts-msg__from{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:#ffd59a;margin-bottom:6px}.sts-msg__from time{margin-left:auto;font-weight:400;color:var(--svc-mute);font-variant-numeric:tabular-nums}.sts-msg p{font-size:15px;line-height:1.5;color:var(--svc-ink)}.sts-gate{border-radius:14px;padding:14px;border:1px dashed rgba(255,255,255,.14);transition:border-color .25s var(--svc-ease),background-color .25s var(--svc-ease)}.sts-gate.is-ready{border-color:#e879f98c;background:#e879f90d}.sts-gate.is-approved{border-style:solid;border-color:#3bcccf80;background:#3bcccf0d}.sts-gate.is-edit{border-color:#ffffff2e;background:transparent}.sts-gate>p{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--svc-mute);margin-bottom:12px}.sts-gate.is-ready>p{color:#f3b8fb}.sts-gate__btns{display:flex;flex-wrap:wrap;gap:8px}.sts-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:10px;font-size:13.5px;font-weight:600;color:var(--svc-ink);border:1px solid var(--svc-line);background:#ffffff0a;transition:background-color .15s var(--svc-ease),border-color .15s var(--svc-ease),opacity .15s var(--svc-ease)}.sts-btn:hover:not(:disabled){border-color:#ffffff4d}.sts-btn:disabled{opacity:.4;cursor:not-allowed}.sts-btn--ok{color:#06060b;border-color:transparent;background:linear-gradient(90deg,var(--svc-cyan),#8fe9ea)}.sts-btn:focus-visible,.sts-replay:focus-visible{outline:2px solid var(--svc-cyan);outline-offset:2px}.sts-gate__res{display:flex;align-items:flex-start;gap:7px;font-size:14px;color:var(--svc-ink);line-height:1.5}.sts-gate__res--ok svg{color:var(--svc-cyan);flex:none;margin-top:3px}.sts-replay{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-top:8px;font-size:13px;color:var(--svc-mute)}.sts-replay:hover{color:#fff}.sts-steps{display:flex;flex-direction:column;gap:0}.sts-step{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;position:relative;padding-bottom:14px}.sts-step:not(:last-child):before{content:"";position:absolute;left:16px;top:34px;bottom:2px;width:1px;background:var(--svc-line)}.sts-step--done:not(:last-child):before{background:#3bcccf73}.sts-step__icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;border:1px solid var(--svc-line);color:var(--svc-mute);background:#ffffff05}.sts-step--now .sts-step__icon{color:#f3b8fb;border-color:#e879f980}.sts-step--done .sts-step__icon{color:var(--svc-cyan);border-color:#3bcccf80;background:#3bcccf0f}.sts-spin{animation:sts-spin .9s linear infinite}@keyframes sts-spin{to{transform:rotate(360deg)}}.sts-step__title{font-size:14px;font-weight:600;color:#ffffff8c;padding-top:7px}.sts-step--done .sts-step__title,.sts-step--now .sts-step__title{color:#fff}.sts-step__body{margin-top:8px;animation:sts-in .34s var(--svc-ease-out) both}.sts-lines{display:grid;gap:6px}.sts-lines li{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:8px 10px;border-radius:9px;font-size:13px;background:#ffffff08;border:1px solid var(--svc-line);color:#ffffffdb}.sts-lines b{display:inline-flex;align-items:center;gap:5px;color:#7fe3e5;font-weight:600}.sts-lines li.is-warn{border-color:#f5b35c73}.sts-lines li.is-warn b{color:#ffd59a}.sts-note{margin-top:6px;font-size:12px;color:var(--svc-mute)}.sts-ok{display:flex;align-items:center;gap:6px;font-size:13.5px;color:#ffffffe0}.sts-ok svg{color:var(--svc-cyan);flex:none}.sts-doc{border-radius:12px;padding:12px;background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid rgba(255,255,255,.12)}.sts-doc__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.sts-doc__head b{font-size:14px;color:#fff}.sts-doc__head em{font-style:normal;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#f3b8fb}.sts-doc__row,.sts-doc__sum{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid rgba(255,255,255,.07);font-size:13px;color:#ffffffd9}.sts-doc__row i{font-style:normal;color:#ffd59a}.sts-doc__row b,.sts-doc__sum b{white-space:nowrap;font-variant-numeric:tabular-nums}.sts-doc__row--dep{color:var(--svc-mute)}.sts-doc__sum{border-top-color:#3bcccf4d;font-weight:700;color:#fff}.sts-board{margin-top:16px;border-radius:14px;padding:14px;border:1px solid rgba(59,204,207,.3);background:#3bcccf08;animation:sts-in .36s var(--svc-ease-out) both}.sts-board__label{font-family:ui-monospace,JetBrains Mono,Menlo,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--svc-mute);margin-bottom:10px}.sts-board__cols{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:6px}.sts-col{min-height:92px;border-radius:10px;padding:8px;background:#ffffff06;border:1px solid var(--svc-line);display:flex;flex-direction:column;gap:8px}.sts-col>span{font-size:11px;line-height:1.25;color:var(--svc-mute)}.sts-col.is-past>span{color:#7fe3e5b3}.sts-col.is-here{border-color:#3bcccf80}.sts-col.is-here>span{color:#fff}.sts-card{border-radius:8px;padding:7px;background:#3bcccf1f;border:1px solid rgba(59,204,207,.55);animation:sts-drop .42s var(--svc-ease-out) both}.sts-card b{display:block;font-size:11.5px;color:#fff;overflow-wrap:anywhere}.sts-card em{display:block;font-style:normal;font-size:10.5px;color:var(--svc-mute)}.sts-board__rem{display:flex;gap:7px;align-items:flex-start;margin-top:10px;font-size:12.5px;line-height:1.5;color:#ffffffbf}.sts-board__rem svg{color:var(--svc-magenta);flex:none;margin-top:3px}@keyframes sts-in{0%{opacity:0;transform:translateY(6px)}}@keyframes sts-drop{0%{opacity:0;transform:translate(-14px)}}.sts__hint{padding:0 18px 16px}@media(min-width:768px){.sts__hint{padding:0 24px 20px}}@media(max-width:560px){.sts-board__cols{grid-template-columns:repeat(2,minmax(0,1fr))}.sts-col{min-height:70px}}@media(prefers-reduced-motion:reduce){.sts-msg,.sts-step__body,.sts-board,.sts-card,.sts-spin{animation:none}}