/* Оператор: очередь, чат с номером, холд, статистика */
.op-ty{position:relative;width:40px;height:40px;border-radius:13px;display:grid;place-items:center;flex:none;font:700 12px var(--fr);letter-spacing:.03em;
  color:color-mix(in srgb,var(--c) 70%,#fff);background:color-mix(in srgb,var(--c) 24%,rgba(20,20,22,.6));box-shadow:inset 0 0 0 .5px color-mix(in srgb,var(--c) 50%,transparent)}
.op-ty .op-bolt{position:absolute;right:-5px;bottom:-5px;width:19px;height:19px;border-radius:10px;background:var(--yellow);color:#000;display:grid;place-items:center;box-shadow:0 0 0 2.5px rgba(28,28,30,.9)}
.op-fast{display:inline-flex;align-items:center;gap:3px;color:var(--yellow);font-weight:600}
.op-split{display:flex;flex-direction:column;gap:16px}
.op-col{display:flex;flex-direction:column;gap:16px;min-width:0}
@media (min-width:920px){.op-split{display:grid;grid-template-columns:minmax(340px,400px) minmax(0,1fr);gap:24px;align-items:start}.op-sticky{position:sticky;top:0}}
.op-hero{padding:18px;display:flex;flex-direction:column;gap:16px;overflow:hidden}
.op-hero::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;opacity:var(--on,1);transition:opacity .6s var(--ease);
  background:radial-gradient(120% 90% at 0% 0%,rgba(200,244,58,.16),rgba(200,244,58,0) 60%)}
.op-status{display:flex;align-items:center;gap:10px}
.op-status b{font-size:17px;font-weight:600}
.op-status div > span{display:block;font-size:13.5px;color:var(--ink2);letter-spacing:-.01em}
.op-big{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.op-big .n{font:700 56px/1 var(--fr);letter-spacing:-.03em}
.op-big .l{font-size:15px;color:var(--ink2);margin-top:4px;white-space:nowrap}
.op-mini{display:flex;gap:16px;text-align:right}
.op-mini b{display:flex;justify-content:flex-end;align-items:center;gap:3px;font:600 20px/1.1 var(--fr);font-variant-numeric:tabular-nums}
.op-mini > div > span{display:block;font-size:12.5px;color:var(--ink2);margin-top:3px;white-space:nowrap}
.op-next{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:18px;background:rgba(0,0,0,.22);font-size:14.5px;color:var(--ink2);min-height:52px}
.op-next .op-ty{width:32px;height:32px;border-radius:10px;font-size:10.5px}
.op-next .op-ty .op-bolt{width:16px;height:16px;right:-4px;bottom:-4px}
.op-next b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
.op-kb{margin-left:6px;opacity:.55;font:600 12px var(--f);border:1px solid currentColor;border-radius:6px;padding:1px 6px;letter-spacing:0}
.op-tools{display:flex;flex-direction:column;gap:12px}
.op-dim{opacity:.5;filter:saturate(.4);transition:opacity .5s var(--ease),filter .5s var(--ease)}
.op-undim{transition:opacity .5s var(--ease),filter .5s var(--ease)}
.op-take{height:34px;padding:0 14px;border-radius:17px;background:var(--fill2);font-size:14.5px;font-weight:600}
.op-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media (min-width:920px){.op-tiles.four{grid-template-columns:repeat(4,1fr)}}
.op-tile{padding:14px 16px;display:flex;flex-direction:column;gap:8px;border-radius:22px;min-width:0}
.op-tile .h{display:flex;align-items:center;gap:7px;font-size:13.5px;color:var(--ink2)}
.op-tile .v{font:700 28px/1 var(--fr);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.op-tile .s{font-size:12.5px;color:var(--ink3)}
.op-right{display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.op-time{font-size:14px;color:var(--ink2);font-variant-numeric:tabular-nums}
.op-new{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:11px;background:var(--lime);color:var(--on-lime);font-size:12px;font-weight:700;letter-spacing:0}
.op-new i{width:6px;height:6px;border-radius:3px;background:currentColor;animation:op-blink 1.4s ease-in-out infinite}
@keyframes op-blink{50%{opacity:.25}}
/* chat */
.op-msgs{display:flex;flex-direction:column;gap:3px}
.op-m{display:flex;flex-direction:column;transform-origin:0 100%}
.op-m.them{align-items:flex-start}
.op-m.me{align-items:flex-end;transform-origin:100% 100%}
.op-m.sys{align-items:center;margin:10px 0 8px}
.op-b{max-width:min(78%,440px);padding:9px 14px;border-radius:20px;font-size:16px;line-height:1.36;letter-spacing:-.015em;word-wrap:break-word;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}
.op-b.me{background:#fff;color:#000}
.op-b.them{background:rgba(44,44,48,.82);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);box-shadow:inset 0 .5px 0 rgba(255,255,255,.12)}
.op-m.me.tail .op-b{border-bottom-right-radius:6px}
.op-m.them.tail .op-b{border-bottom-left-radius:6px}
.op-m.tail{margin-bottom:8px}
.op-meta{font-size:12px;color:var(--ink3);margin:4px 8px 0;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.op-sys span{display:inline-block;font-size:12.5px;color:var(--ink2);background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:4px 11px;border-radius:12px}
.op-codeb{padding:12px 14px 12px;min-width:220px}
.op-codeb .lab{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--ink2);text-transform:uppercase;letter-spacing:.04em}
.op-code{display:block;font:700 34px/1.1 var(--fm);letter-spacing:.1em;color:var(--lime);margin:8px 0 10px;cursor:pointer;-webkit-user-select:all;user-select:all}
.op-link{display:block;font:500 14.5px/1.35 var(--fm);color:var(--teal);margin:8px 0 10px;word-break:break-all;letter-spacing:0}
.op-typing{display:flex;gap:5px;padding:14px 16px}
.op-typing i{width:8px;height:8px;border-radius:4px;background:var(--ink2);animation:op-typ 1.2s ease-in-out infinite}
.op-typing i:nth-child(2){animation-delay:.15s}.op-typing i:nth-child(3){animation-delay:.3s}
@keyframes op-typ{0%,60%,100%{transform:none;opacity:.45}30%{transform:translateY(-4px);opacity:1}}
.op-info{padding:14px 16px;display:flex;flex-direction:column;gap:12px}
.op-info .top{display:flex;align-items:center;gap:12px}
.op-info .ph{font:600 21px/1.15 var(--fr);letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer}
.op-info .su{font-size:13.5px;color:var(--ink2);margin-top:3px;display:flex;align-items:center;gap:6px;white-space:nowrap}
.op-info .who{display:flex;align-items:center;gap:10px;font-size:14.5px;padding-top:12px;border-top:.5px solid var(--sep)}
.op-info .who .nm{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.op-info .who .nm small{color:var(--ink3);font-size:13.5px;margin-left:6px}
.op-sc{display:inline-flex;align-items:center;gap:3px;font-size:13.5px;font-weight:600;font-variant-numeric:tabular-nums}
.op-dock{position:absolute;z-index:25;left:8px;right:8px;bottom:calc(var(--sab) + 8px)}
.op-comp{display:flex;flex-direction:column;gap:9px;padding:10px;border-radius:30px}
.op-comp.flat{border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-top:.5px solid var(--sep);padding:12px 16px 16px}
.op-tpls{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;margin:0 -10px;padding:0 10px}
.op-comp.flat .op-tpls{margin:0;padding:0;flex-wrap:wrap}
.op-tpls::-webkit-scrollbar{display:none}
.op-tpls .chip{height:32px;flex:none;background:rgba(255,255,255,.1);color:var(--ink)}
.op-tpls .chip .kbd{height:18px;min-width:18px;padding:0 4px;font-size:11px;margin-left:2px}
.op-inrow{display:flex;gap:8px;align-items:center}
.op-inrow .inp{flex:1;min-height:44px;border-radius:22px;padding:0 6px 0 16px;background:rgba(255,255,255,.1)}
.op-inrow .inp input{padding:10px 0;font-size:16px}
.op-send{width:36px;height:36px;border-radius:18px;display:grid;place-items:center;background:var(--lime);color:var(--on-lime);flex:none;transition:transform .35s var(--spring),opacity .25s}
.op-send[disabled]{opacity:0;transform:scale(.4);pointer-events:none}
.op-acts{display:flex;gap:8px}
.op-acts > .btn{flex:1}
.op-acts > .btn.ic{flex:none;width:44px;padding:0}
.op-pane{display:flex;flex-direction:column;height:calc(100vh - 150px);min-height:520px;border-radius:30px;overflow:hidden}
.op-pane .op-scroll{flex:1;min-height:0;overflow-y:auto;padding:14px 18px 10px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}
.op-pane .op-info{border-bottom:.5px solid var(--sep);padding:16px 18px}
.op-pane .op-b.them{background:rgba(255,255,255,.1)}
.op-swap{display:contents}
.app.op-chat .tabbar,.app.op-chat .fab{transform:translateY(160%);opacity:0;pointer-events:none}
.op-side{margin:14px 2px 0;padding:12px 14px;border-radius:20px;background:rgba(255,255,255,.06);display:flex;align-items:center;gap:10px}
.op-side b{display:block;font-size:15px;font-weight:600}
.op-side div > span{display:block;font-size:12.5px;color:var(--ink2)}
.op-hk{display:grid;grid-template-columns:auto 1fr;gap:10px 14px;align-items:center;font-size:14.5px;color:var(--ink2);padding:16px}
.op-hk > span:nth-child(odd){display:flex;gap:4px;justify-content:flex-end}
.op-ringtx{font:700 13px/1 var(--fr);font-variant-numeric:tabular-nums;text-align:center}
.op-ringtx small{display:block;font-size:9px;font-weight:600;color:var(--ink2);margin-top:1px;letter-spacing:.02em}
.op-wait{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:12px;font-size:12.5px;font-weight:600;background:rgba(255,159,10,.18);color:var(--orange);white-space:nowrap}
.op-wait.fr{background:rgba(125,122,255,.2);color:#a5a3ff}
.op-sum{padding:16px 18px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.op-sum div{min-width:0}
.op-sum b{display:block;font:700 26px/1.05 var(--fr);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.op-sum > div > span{display:block;font-size:12.5px;color:var(--ink2);margin-top:4px}
.op-chart{padding:16px 18px 14px}
.op-chart .hd{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:24px}
.op-chart .hd b{font:700 24px var(--fr);font-variant-numeric:tabular-nums}
.op-chart .ax{display:flex;justify-content:space-between;font-size:12px;color:var(--ink3);margin-top:8px}
.op-me{padding:18px;display:flex;flex-direction:column;gap:16px}
.op-me .r{display:flex;align-items:center;gap:14px}
.op-me .money{font:700 44px/1 var(--fr);letter-spacing:-.03em}
.op-reason{display:flex;flex-direction:column}
.op-hgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.op-hgrid > .ai{overflow:visible!important}
.op-hc{padding:18px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;border-radius:28px}
.op-hc .ph{font:600 18px var(--fr);font-variant-numeric:tabular-nums;white-space:nowrap}
.op-hc .sb{font-size:13.5px;color:var(--ink2);margin-top:3px}
.op-hc .row{width:100%}
.op-rc .ring .rf{stroke:var(--rc)}
.op-shake{animation:op-shake .45s cubic-bezier(.36,.07,.19,.97)}
@keyframes op-shake{20%,60%{transform:translateX(-7px)}40%,80%{transform:translateX(7px)}}

/* live data */
.op-chip-busy{opacity:.55;pointer-events:none}
.op-tpls .chip .spin{margin-left:2px}
.op-waitb{display:flex;justify-content:center;margin:10px 0 4px}
.op-waitb span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--orange);background:rgba(255,159,10,.14);padding:5px 12px;border-radius:13px;font-variant-numeric:tabular-nums}
.op-off{font-size:13.5px;color:var(--ink3);text-align:center;padding:4px 8px}
.op-who-op{font-size:12px;color:var(--ink3);margin:0 8px 3px}
.op-b.op{background:rgba(255,255,255,.82);color:#000}
.op-st{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:600;white-space:nowrap}
.op-skel{padding:18px;display:flex;flex-direction:column;gap:14px}
.op-lim{color:var(--orange)}
.op-b{white-space:pre-wrap}
.op-waitb span{background:rgba(20,14,0,.62);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#ffb340}