/* Product widgets in the real ELIS style (Akrobat, indigo #3f51b5, purple cells, pastel avatars). Everything lives under .wg. */
@font-face{font-family:"Akrobat-Regular";src:url(../fonts/Akrobat-Regular.woff2) format("woff2")}
@font-face{font-family:"Akrobat-Bold";src:url(../fonts/Akrobat-Bold.woff2) format("woff2")}
@font-face{font-family:"Akrobat-SemiBold";src:url(../fonts/Akrobat-SemiBold.woff2) format("woff2")}
.wg{--p:#3f51b5;--pl:#7986cb;--t1:#242424;--t2:#575757;--t3:#909090;--err:#d72329;--ok:#4caf50;--okd:#3b873e;--sec:#7811de;--hdr:#f0f1f9;--pur:#e0cbf4;--div:#e0e0e0}
.wg .w{position:relative;width:380px;background:#fff;border-radius:20px;overflow:hidden;font-family:"Akrobat-Regular",Onest,sans-serif;font-size:15px;line-height:1.25;color:var(--t1);box-shadow:0 0 0 1px rgba(63,81,181,.07),0 36px 64px -36px rgba(60,70,170,.55),0 12px 24px -14px rgba(60,70,170,.22)}
.wg .w b, .wg .w .b{font-family:"Akrobat-Bold",Onest,sans-serif;font-weight:400}
.wg .wh{display:flex;align-items:center;gap:10px;height:46px;padding:0 16px;background:var(--hdr);color:var(--p);font-family:"Akrobat-Bold",Onest,sans-serif;font-size:16px;letter-spacing:.01em}
.wg .wh svg{width:22px;height:22px;flex:none;stroke:var(--p);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.wg .wh .r{margin-left:auto;font-family:"Akrobat-Regular",Onest,sans-serif;font-size:14px;color:var(--p)}
.wg .wb{padding:16px}
.wg .pill{display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:999px;border:1.5px solid var(--p);color:var(--p);font-family:"Akrobat-Bold",Onest,sans-serif;font-size:13px;letter-spacing:.02em}
.wg .pill.ok{border-color:var(--ok);color:var(--okd)}
.wg .pill.err{border-color:var(--err);color:var(--err)}
.wg .btn2{display:grid;place-items:center;height:42px;border-radius:10px;font-family:"Akrobat-Bold",Onest,sans-serif;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--p);box-shadow:0 8px 14px -8px rgba(63,81,181,.8)}
.wg .btn2.o{background:#fff;color:var(--p);box-shadow:0 0 0 1.5px var(--p) inset}
.wg .btn2.e{background:#fff;color:var(--err);box-shadow:0 0 0 1.5px var(--err) inset}
.wg .av{flex:none;display:grid;place-items:center;border-radius:50%;font-family:"Akrobat-Bold",Onest,sans-serif;font-size:12px;width:30px;height:30px}
.wg .av.g{background:#d9efe6;color:#1f7a5a}
.wg .av.l{background:#dfe3f8;color:#3f51b5}
.wg .av.p{background:#ead9f5;color:#7a3fa8}
.wg .av.s{background:#d6ecf4;color:#1d6f8c}
.wg .av.k{background:#f8dde2;color:#b33a52}
.wg .av.o{background:#e8edcf;color:#66761c}
.wg .av.a{background:#fde7d3;color:#b8651b}
.wg .av.n{background:#e2e2ea;color:#51526b}
.wg .av.xl{width:48px;height:48px;font-size:16px}
.wg .who{display:flex;align-items:center;gap:9px}
.wg .who small{display:block;font-size:12.5px;color:var(--t3)}
.wg .t21{font-family:"Akrobat-Bold",Onest,sans-serif;font-size:21px;line-height:1.15;letter-spacing:.005em}
.wg .mut{color:var(--t2)}
.wg .sep{height:1px;background:var(--div);margin:14px 0}
.wg .ico{width:18px;height:18px;flex:none;stroke:var(--p);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.wg .chips{display:flex;gap:8px;flex-wrap:wrap}
.wg .chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:999px;font-family:"Akrobat-Bold",Onest,sans-serif;font-size:14px}
.wg .chip.g{background:#e6f4e7;color:var(--okd)}
.wg .chip.r{background:#fdeceb;color:var(--err)}
.wg .ts{display:grid;grid-template-columns:152px repeat(10,1fr);font-size:14px}
.wg .ts>div{height:38px;display:grid;place-items:center;border-bottom:1px solid var(--div);border-left:1px solid var(--div);position:relative;color:var(--sec);font-family:"Akrobat-Regular",Onest,sans-serif}
.wg .ts .hd{height:30px;background:var(--hdr);color:var(--p);font-family:"Akrobat-Bold",Onest,sans-serif;font-size:13px;border-left:0;border-bottom:0}
.wg .ts .hd.wk{color:var(--err)}
.wg .ts .nm{justify-content:start;display:flex;align-items:center;gap:8px;padding-left:12px;color:var(--t1);border-left:0;font-size:14px;white-space:nowrap}
.wg .ts .wk{background:#e4e4e4}
.wg .ts .wk::before{content:attr(data-d);position:absolute;top:2px;right:3px;font-size:8px;color:var(--err);font-family:"Akrobat-Bold",Onest,sans-serif}
.wg .ts .dot::after{content:"";position:absolute;right:5px;bottom:7px;width:6px;height:6px;border-radius:50%;background:var(--pl)}
.wg .ts .off{background:#e4e4e4}
.wg .pr{display:grid;grid-template-columns:1fr 64px 112px;font-size:15px}
.wg .pr>div{height:56px;display:flex;align-items:center;border-bottom:1px solid var(--div)}
.wg .pr .hd{height:44px;background:var(--hdr);color:var(--p);font-family:"Akrobat-Bold",Onest,sans-serif;font-size:14px;border-bottom:0;justify-content:center;line-height:1.1;text-align:center}
.wg .pr .nm{gap:9px;padding-left:14px}
.wg .pr .h{justify-content:center;color:var(--t1)}
.wg .pr .sum{justify-content:flex-end;flex-direction:column;align-items:flex-end;justify-content:center;padding-right:14px;background:var(--pur);color:var(--p);font-size:16px}
.wg .pr .sum em{font-style:normal;font-size:12.5px;color:var(--err)}
.wg .pr .sum em.ok{color:var(--okd)}
.wg .route{display:flex;align-items:flex-start;justify-content:space-between;margin:8px 4px 0}
.wg .st{width:74px;text-align:center;font-size:11.5px;line-height:1.15;color:var(--t2)}
.wg .st .av{margin:0 auto 6px;position:relative}
.wg .st .av.done{box-shadow:0 0 0 2.5px #fff,0 0 0 4.5px var(--ok)}
.wg .st .av.cur{box-shadow:0 0 0 2.5px #fff,0 0 0 4.5px var(--p)}
.wg .st .av i{position:absolute;right:-5px;bottom:-4px;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:700;color:#fff;background:var(--ok);box-shadow:0 0 0 2px #fff}
.wg .arr{flex:1;height:2px;margin:23px 2px 0;background:linear-gradient(90deg,var(--ok),var(--ok));position:relative;border-radius:2px}
.wg .arr.n{background:repeating-linear-gradient(90deg,var(--pl) 0 5px,transparent 5px 9px)}
.wg .arr::after{content:"";position:absolute;right:-1px;top:-3px;width:7px;height:7px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);color:var(--ok)}
.wg .arr.n::after{color:var(--pl)}
.wg .amt{font-family:"Akrobat-Bold",Onest,sans-serif;font-size:34px;line-height:1;color:var(--p);letter-spacing:.01em}
.wg .amt small{font-family:"Akrobat-Regular",Onest,sans-serif;font-size:20px;color:var(--t2);margin-left:4px}
.wg .dds{display:grid;grid-template-columns:1fr auto;font-size:15.5px}
.wg .dds>div{height:36px;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid var(--div)}
.wg .dds .v{justify-content:flex-end;font-variant-numeric:tabular-nums}
.wg .pos{color:var(--okd)}
.wg .neg{color:var(--t1)}
.wg .rd{color:var(--err)}
.wg .net{background:var(--hdr);display:block;padding:12px 16px 12px;border-bottom:1px solid var(--div)}
.wg .net .l{color:var(--p);font-size:15px}
.wg .net .big{font-family:"Akrobat-Bold",Onest,sans-serif;font-size:30px;color:var(--okd);line-height:1.1;margin-top:2px}
.wg .net .sm{display:flex;gap:14px;font-size:12.5px;margin-top:2px}
.wg .ch{padding:14px 14px 6px;display:flex;flex-direction:column;gap:10px;background:#fff}
.wg .bub{max-width:88%;padding:10px 13px 6px;border-radius:14px;background:var(--hdr);font-size:15px;line-height:1.28}
.wg .bub.me{align-self:flex-end;background:#e2f5e0}
.wg .bub time{display:block;text-align:right;font-size:11px;color:var(--t3);margin-top:3px}
.wg .inp{display:flex;align-items:center;gap:10px;margin:6px 14px 14px;height:42px;padding:0 14px;border-radius:10px;border:1.5px solid #bdbdbd;color:var(--t3);font-size:15px}
.wg .inp svg{margin-left:auto;width:20px;height:20px;stroke:var(--p);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.wg .mt{background:#e1f4f2}
.wg .avs{display:flex}
.wg .avs .av{margin-left:-7px;box-shadow:0 0 0 2px #e1f4f2}
.wg .avs .av:first-child{margin-left:0}
.wg .kv{display:grid;grid-template-columns:auto 1fr;gap:7px 16px;font-size:15px}
.wg .kv span{color:var(--t3)}

.wg .btn2{transition:background .25s,color .25s,box-shadow .25s,transform .15s}
.wg .btn2.press{transform:scale(.97)}
.wg .btn2.done{background:#e6f4e7;color:var(--okd);box-shadow:0 0 0 1.5px var(--ok) inset}
.wg .pill{transition:color .3s,border-color .3s,background .3s}
.wg .pill.ok{background:#e6f4e7}
.wg .flash{animation:wflash 1.1s ease-out}
@keyframes wflash{0%{background-color:rgba(76,175,80,.28)}100%{background-color:transparent}}
.wg .pr .sum.flash{animation:wflashp 1.1s ease-out}
@keyframes wflashp{0%{background-color:#c9a4ee}100%{background-color:var(--pur)}}
.wg .st .av{transition:box-shadow .3s}
.wg .arr{transition:background .4s}
.wg .arr.n{transition:none}
.wg .tick{font-variant-numeric:tabular-nums}