.ip,.intern-layer,.isr-back{--e-out: cubic-bezier(.23, 1, .32, 1);--red: #e5484d;--red-ink: #d23a2f;--amber: #f0a63a;--amber-ink: #b36a00}[data-theme=dark] .ip,[data-theme=dark] .intern-layer{--red-ink: #ff6b5e;--amber-ink: #f0a63a}.ip{position:relative;display:block;width:auto;margin:10px 12px;border-radius:22px;overflow:hidden;background:var(--card);border:1px solid var(--line);box-shadow:0 1px 2px #1018200a,0 8px 24px #1018200f;animation:ip-in .42s var(--e-out) both;text-align:left;font:inherit;color:var(--ink)}[data-theme=dark] .ip{box-shadow:none}@keyframes ip-in{0%{opacity:0;transform:translateY(8px) scale(.985)}}.ip-hd{display:flex;gap:14px;align-items:center;padding:16px 16px 14px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 9%,var(--card)),var(--card))}.has-late .ip-hd{background:linear-gradient(180deg,color-mix(in srgb,var(--red) 8%,var(--card)),var(--card))}.ip-complete{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.ip-complete .ip-hd{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 16%,var(--card)),var(--card))}.ip-hd-m{display:flex;flex-direction:column;min-width:0;gap:2px;flex:1}.ip-lab{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink)}.ip-hd-m b{font-size:17px;font-weight:800;color:var(--ink);line-height:1.22;letter-spacing:-.2px;text-wrap:balance}.ip-hd-m small{font-size:12.5px;font-weight:700;color:var(--sub)}.ip-hd-m small.ok{color:var(--accent-ink)}.ip-hd-m small.bad{color:var(--red-ink)}.ip-hd-m small.wait{color:var(--amber-ink)}.ip-ring-wrap{position:relative;flex:none;display:grid}.ip-ring{position:relative;display:inline-grid;place-items:center;flex:none}.ip-ring>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.ip-ring-bg{fill:none;stroke:color-mix(in srgb,var(--accent) 14%,var(--soft))}.ip-ring-fg{fill:none;stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset .9s var(--e-out) .12s;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--accent) 40%,transparent))}.ip-ring.bad .ip-ring-fg{stroke:var(--red);filter:none}.ip-ring.bad .ip-ring-bg{stroke:color-mix(in srgb,var(--red) 14%,var(--soft))}.ip-ring.wait .ip-ring-fg{stroke:var(--amber);filter:none}.ip-ring.wait .ip-ring-bg{stroke:color-mix(in srgb,var(--amber) 16%,var(--soft))}.ip-ring-in{position:relative;display:grid;place-items:center;color:var(--ink)}.ip-ring.ok>.ip-ring-in{color:var(--accent-ink)}.ip-ring-n{display:flex;flex-direction:column;align-items:center;line-height:1;font-variant-numeric:tabular-nums}.ip-ring-n b{font-size:21px;font-weight:800;letter-spacing:-.4px}.ip-ring-n i{font-style:normal;font-size:10px;font-weight:700;color:var(--sub);margin-top:2px}.ip-complete .ip-ring-in svg{animation:ip-pop .5s var(--e-out) .5s both}@keyframes ip-pop{0%{opacity:0;transform:scale(.6)}}.ip-burst{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none}.ip-burst i{position:absolute;width:6px;height:6px;margin:-3px;border-radius:2px;background:var(--c);opacity:0;animation:ip-spark .9s var(--e-out) both;animation-delay:calc(.45s + var(--d))}@keyframes ip-spark{0%{opacity:1;transform:rotate(var(--a)) translateY(-10px) scale(1)}to{opacity:0;transform:rotate(var(--a)) translateY(-46px) scale(.6)}}.ip-list{list-style:none;margin:0;padding:4px 0 10px}.ip-step{position:relative;animation:ip-row-in .36s var(--e-out) both;animation-delay:calc(80ms + var(--k) * 45ms)}@keyframes ip-row-in{0%{opacity:0;transform:translateY(6px)}}.ip-step:not(:last-child):before{content:"";position:absolute;left:31px;top:40px;height:calc(100% - 28px);width:2px;border-radius:2px;background:var(--line)}.ip-step.passed:not(:last-child):after{content:"";position:absolute;left:31px;top:40px;height:calc(100% - 28px);width:2px;border-radius:2px;background:var(--accent);transform-origin:top;animation:ip-line .5s var(--e-out) both;animation-delay:calc(.26s + var(--k) * 90ms)}@keyframes ip-line{0%{transform:scaleY(0)}}.ip-row{width:100%;min-height:52px;display:grid;grid-template-columns:32px 1fr auto 16px;align-items:center;column-gap:12px;padding:8px 16px;border:0;background:none;font:inherit;text-align:left;cursor:pointer;color:var(--ink);-webkit-tap-highlight-color:transparent}.ip-row:active .ip-dot{transform:scale(.92)}.ip-dot{position:relative;z-index:1;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--sub);box-shadow:0 0 0 4px var(--card);transition:transform .16s var(--e-out),background .2s ease}.ip-step.done .ip-dot{background:var(--accent);color:#fff}.ip-step.now .ip-dot{background:color-mix(in srgb,var(--accent) 16%,var(--card));color:var(--accent-ink)}.ip-step.now .ip-dot:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid var(--accent);opacity:.55;animation:ip-pulse 2.2s ease-out infinite}@keyframes ip-pulse{0%{transform:scale(.9);opacity:.6}70%,to{transform:scale(1.35);opacity:0}}.ip-step.late .ip-dot{background:var(--red);color:#fff}.ip-step.wait .ip-dot{background:var(--amber);color:#fff}.ip-step.wait .ip-dot svg{animation:ip-flip 2.4s var(--e-out) infinite}@keyframes ip-flip{0%,70%{transform:rotate(0)}85%,to{transform:rotate(180deg)}}.ip-t{min-width:0;font-size:14.5px;font-weight:700;line-height:1.25}.ip-step.done .ip-t{color:var(--sub);font-weight:600}.ip-step.next .ip-t{color:color-mix(in srgb,var(--ink) 72%,var(--sub))}.ip-tag{display:inline-flex;align-items:center;font-size:12px;font-weight:700;color:var(--sub);white-space:nowrap;font-variant-numeric:tabular-nums}.ip-tag.ok{color:var(--accent-ink)}.ip-tag.late{color:#fff;background:var(--red);padding:3px 8px;border-radius:20px}.ip-tag.wait{color:var(--amber-ink);background:color-mix(in srgb,var(--amber) 16%,transparent);padding:3px 8px;border-radius:20px}.ip-chev{color:var(--faint, var(--sub));transition:transform .22s var(--e-out)}.ip-step.open .ip-chev{transform:rotate(180deg)}.ip-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .26s var(--e-out)}.ip-step.open .ip-body{grid-template-rows:1fr}.ip-body-in{overflow:hidden;padding:0 16px 0 60px;opacity:0;transition:opacity .2s ease}.ip-step.open .ip-body-in{opacity:1;padding-bottom:10px}.ip-body p{margin:0 0 10px;font-size:13px;line-height:1.45;color:var(--sub)}.ip-bar{position:relative;height:22px;border-radius:11px;background:var(--soft);overflow:hidden;margin-bottom:10px}.ip-bar i{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:11px;transform-origin:left;transform:scaleX(var(--p));background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 40%,var(--soft)),color-mix(in srgb,var(--accent) 65%,var(--soft)));transition:transform .7s var(--e-out) .12s}.ip-step:not(.open) .ip-bar i{transform:scaleX(0)}.ip-bar span{position:relative;display:block;text-align:center;font-size:11.5px;font-weight:800;line-height:22px;color:var(--ink);font-variant-numeric:tabular-nums}.ip-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;padding:12px 14px;font:inherit;font-size:15px;font-weight:700;color:#fff;cursor:pointer;background:var(--фирменный, var(--accent));box-shadow:0 6px 16px color-mix(in srgb,var(--accent) 30%,transparent);text-shadow:0 1px 2px rgba(0,0,0,.15);transition:transform .16s var(--e-out),box-shadow .16s ease}.ip-btn svg{transition:transform .2s var(--e-out)}.ip-btn:active{transform:scale(.97)}@media (hover: hover) and (pointer: fine){.ip-btn:hover svg{transform:translate(3px)}}.ip-btn:disabled{opacity:.6}.ip-btn.soft{background:var(--soft);color:var(--ink);box-shadow:none;text-shadow:none}.ip-step.late .ip-btn:not(.soft){background:linear-gradient(135deg,#f0564f,#d23a2f);box-shadow:0 6px 16px #e5484d4d}.ip-sum-ic{width:56px;height:56px;flex:none;border-radius:18px;display:grid;place-items:center;color:#fff;background:var(--фирменный, var(--accent));box-shadow:0 6px 16px color-mix(in srgb,var(--accent) 30%,transparent)}.ip-sum-ic.soft{background:color-mix(in srgb,var(--accent) 14%,var(--card));color:var(--accent-ink);box-shadow:none}.ip-sample .ip-hd{background:var(--card)}.ip-summary{width:calc(100% - 24px);box-sizing:border-box;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .16s var(--e-out)}.ip-summary:active{transform:scale(.985)}.ip-summary .ip-hd{width:100%;box-sizing:border-box}.ip-sum-go{color:var(--sub);flex:none}.ip-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 16px 16px}.ip-kpi{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;border-radius:14px;background:var(--soft)}.ip-kpi b{font-size:22px;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums;color:var(--ink)}.ip-kpi small{font-size:11.5px;font-weight:600;color:var(--sub)}.ip-kpi.ok{background:color-mix(in srgb,var(--accent) 12%,var(--card))}.ip-kpi.ok b{color:var(--accent-ink)}.ip-kpi.wait{background:color-mix(in srgb,var(--amber) 14%,var(--card))}.ip-kpi.wait b{color:var(--amber-ink)}.ip-kpi.bad{background:color-mix(in srgb,var(--red) 11%,var(--card))}.ip-kpi.bad b{color:var(--red-ink)}.intern-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:var(--bg);display:flex;flex-direction:column;animation:ip-layer .3s var(--e-out) both}@keyframes ip-layer{0%{opacity:0;transform:translate(24px)}}.intern-head{flex:none;display:flex;align-items:center;gap:6px;background:var(--card);padding:calc(8px + var(--sat, 0px)) 8px 10px 4px;border-bottom:1px solid var(--line)}.intern-back{border:0;background:none;color:var(--accent-ink);width:40px;height:40px;border-radius:12px;display:grid;place-items:center;cursor:pointer;flex:none;transition:transform .16s var(--e-out)}.intern-back:active{transform:scale(.9)}.intern-cfg{margin-left:auto}.intern-ht{display:flex;flex-direction:column;min-width:0}.intern-ht b{font-size:17px;font-weight:800;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.intern-ht span{font-size:12.5px;color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.intern-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(24px + var(--sab, 0px))}.ip-tabs{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin:12px 12px 4px;padding:3px;border-radius:14px;background:var(--soft)}.ip-tab-pill{position:absolute;top:3px;bottom:3px;left:0;border-radius:11px;background:var(--card);box-shadow:0 1px 3px #0000001a;transition:transform .26s var(--e-out)}.intern-tab{position:relative;z-index:1;border:0;background:none;font:inherit;font-size:12px;font-weight:700;color:var(--sub);padding:7px 2px 6px;display:flex;flex-direction:column;align-items:center;gap:1px;cursor:pointer;transition:color .2s ease}.intern-tab b{font-size:16px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}.intern-tab.on{color:var(--ink)}.ip-sec{margin-top:10px}.ip-sec-h{display:flex;align-items:center;gap:6px;margin:6px 16px;font-size:11.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--sub)}.ip-sec-h span{font-size:11.5px;padding:1px 7px;border-radius:10px;background:var(--soft);color:var(--sub)}.ip-sec-h:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--sub)}.ip-sec-h.ok:before{background:var(--accent)}.ip-sec-h.wait:before{background:var(--amber)}.ip-sec-h.bad:before{background:var(--red)}.ip-group{margin:0 12px;border-radius:18px;overflow:hidden;background:var(--card);border:1px solid var(--line)}.ip-person{width:100%;display:grid;grid-template-columns:46px 1fr auto 18px;align-items:center;column-gap:12px;padding:9px 12px;border:0;border-bottom:1px solid var(--line);background:none;font:inherit;text-align:left;cursor:pointer;color:var(--ink);animation:ip-row-in .32s var(--e-out) both;animation-delay:calc(min(var(--k),12)*30ms);-webkit-tap-highlight-color:transparent;transition:background .16s ease}.ip-person:last-child{border-bottom:0}.ip-person:active{background:var(--soft)}.ip-person.ok{background:color-mix(in srgb,var(--accent) 6%,var(--card))}.ip-av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:800;color:#fff;background:var(--фирменный, var(--accent))}.ip-person.bad .ip-av{background:linear-gradient(135deg,#f0564f,#d23a2f)}.ip-person.wait .ip-av{background:linear-gradient(135deg,#f5b942,#e0911f)}.ip-pm{display:flex;flex-direction:column;min-width:0}.ip-pn{font-size:15px;font-weight:700;line-height:1.25}.ip-ps{font-size:12.5px;color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.ip-pgo{color:var(--faint, var(--sub))}.ip-empty{padding:32px 18px;text-align:center;color:var(--sub);font-size:14px;display:flex;flex-direction:column;gap:12px;align-items:center}.ip-card-wrap{animation:ip-layer .28s var(--e-out) both}.ip-foot{margin:4px 22px 12px;font-size:12.5px;line-height:1.45;color:var(--sub);text-align:center}@media (prefers-reduced-motion: reduce){.ip,.ip-step,.ip-person,.intern-layer,.ip-card-wrap,.ip-step.passed:not(:last-child):after,.ip-complete .ip-ring-in svg,.ip-step.wait .ip-dot svg{animation:none}.ip-step.now .ip-dot:after,.ip-burst{animation:none;display:none}.ip-ring-fg,.ip-bar i,.ip-body,.ip-tab-pill{transition:none}}
