/*
 * Software views: shared base
 *
 * The frame, the building blocks (tiles, chips, bars, tables) and the entrance animations
 * of every software view. Exported unchanged from the design (kzs-shots.js, KZS_SHOT_CSS);
 * linked inside each view's shadow root by awx_kzs_render_screen(), so it reaches only the
 * views and loads only on pages that show one.
 */
:host{display:block;position:relative;width:100%;aspect-ratio:16/10;background:#fff;border:1px solid #DCE4EA;border-radius:16px;overflow:hidden;box-shadow:0 40px 90px -40px rgba(16,50,55,.42),0 10px 24px -14px rgba(16,50,55,.16);font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:#103237;-webkit-font-smoothing:antialiased;isolation:isolate}:host([bare]){border:0;border-radius:0;box-shadow:none}*{box-sizing:border-box}.cv{position:absolute;left:0;top:0;width:880px;height:550px;transform-origin:0 0;transform:scale(var(--s,1));font-size:12.5px;line-height:1.35}.bar{height:40px;background:#F5F7F9;border-bottom:1px solid #EBEFF3;display:flex;align-items:center;gap:8px;padding:0 16px}.bar i{width:9px;height:9px;border-radius:50%;background:#DCE4EA}.bar span{margin-left:auto;font-family:'Instrument Sans',sans-serif;font-size:12px;color:#4A6068}.bd{position:absolute;left:0;right:0;top:40px;bottom:0;padding:20px 24px;overflow:hidden;background:linear-gradient(180deg,#fff,#FAFBFC)}:host([bare]) .bar{display:none}:host([bare]) .bd{top:0}.ins{font-family:'Instrument Sans',sans-serif}.mut{color:#4A6068}.pk{color:#E80F80}.tl{color:#1E6470}.ok{color:#19935E}h4{margin:0;font-size:17px;font-weight:800;letter-spacing:-.02em}.hd{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px}.hd small{display:block;font-family:'Instrument Sans',sans-serif;font-size:12px;color:#4A6068;margin-top:3px}.row{display:flex;align-items:center;gap:8px}.sp{flex:1}.g{display:grid;gap:12px}.chips{display:flex;gap:6px;flex-wrap:wrap}.ch{padding:5px 11px;border-radius:100px;background:#F5F7F9;font-size:11.5px;font-weight:600;border:1px solid #EBEFF3;white-space:nowrap;transition:background .4s,color .4s,border-color .4s}.ch.on{background:#103237;color:#fff;border-color:#103237}.ch.tl{background:#E4EEF0;color:#1E6470;border-color:#E4EEF0}.ch.pk{background:#F5E4EE;color:#E80F80;border-color:#F5E4EE}.fld{display:flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:100px;background:#fff;border:1px solid #DCE4EA;font-family:'Instrument Sans',sans-serif;font-size:11.5px;color:#4A6068;white-space:nowrap}.fld b{color:#103237;font-weight:600;font-family:'Plus Jakarta Sans',sans-serif}.fld svg{width:13px;height:13px}.btn{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 14px;border-radius:100px;font-size:11.5px;font-weight:700;white-space:nowrap;background:#103237;color:#fff}.btn.p{background:#E80F80;box-shadow:0 10px 20px -12px rgba(232, 15, 128,.8)}.btn.gh{background:#fff;color:#103237;border:1.5px solid #DCE4EA}.btn.sf{background:#E4EEF0;color:#1E6470}.btn.ps{background:#F5E4EE;color:#E80F80}.btn svg{width:13px;height:13px}.tile{background:#fff;border:1px solid #EBEFF3;border-radius:14px;padding:14px 16px;box-shadow:0 1px 2px rgba(16,50,55,.04),0 16px 40px -24px rgba(16,50,55,.22);transition:transform .35s cubic-bezier(.16,.84,.44,1),box-shadow .35s}.tile:hover{transform:translateY(-3px);box-shadow:0 1px 2px rgba(16,50,55,.04),0 24px 44px -24px rgba(16,50,55,.32)}.k{font-family:'Instrument Sans',sans-serif;font-size:11.5px;color:#4A6068;display:flex;align-items:center;gap:6px}.v{margin-top:7px;font-size:21px;font-weight:800;letter-spacing:-.03em;line-height:1;display:flex;align-items:baseline;gap:6px;white-space:nowrap}.v small{font-size:11.5px;font-weight:700;color:#1E6470}.v small.up{color:#19935E}.v small.pk{color:#E80F80}.ct{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.ct b{font-size:13px;font-weight:800;letter-spacing:-.01em}.ct .ex{width:14px;height:14px;color:#8FA7B0}.stand{margin-top:8px;text-align:right;font-family:'Instrument Sans',sans-serif;font-size:10.5px;color:#8FA7B0}.lnk{font-family:'Instrument Sans',sans-serif;font-size:10.5px;padding:2px 8px;border-radius:100px;background:#F5F7F9;color:#1E6470;border:1px solid #EBEFF3}table{width:100%;border-collapse:collapse;font-size:12px}th{font-family:'Instrument Sans',sans-serif;font-weight:500;color:#4A6068;text-align:left;padding:7px 9px;border-bottom:1px solid #EBEFF3;white-space:nowrap}td{padding:8.5px 9px;border-bottom:1px solid #F5F7F9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}tbody tr{transition:background .25s}tbody tr:hover{background:#F5F7F9}.r{text-align:right}.num{text-align:right;font-family:'Instrument Sans',sans-serif}.pos{color:#19935E;font-weight:600}.neg{color:#E80F80;font-weight:600}tr.grp td{background:#E4EEF0;color:#1E6470;font-weight:700;font-size:11.5px;padding:6px 9px}tr.sel td{background:#103237;color:#fff}.mini{display:inline-block;height:7px;border-radius:100px;background:#1E6470;vertical-align:middle;margin-right:7px}.tag{display:inline-block;font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:100px;background:#E4EEF0;color:#1E6470;white-space:nowrap}.tag.p{background:#F5E4EE;color:#E80F80}.tag.g{background:#E3F4EC;color:#19935E}.tag.i{background:#103237;color:#fff}.tag.m{background:rgba(143,227,192,.35);color:#0E5E48}.tag.n{background:#F5F7F9;color:#4A6068;border:1px solid #EBEFF3}.track{height:9px;border-radius:100px;background:#EBEFF3;overflow:hidden}.track i{display:block;height:100%;border-radius:100px;background:#1E6470}.track i.hot{background:#E80F80}.track i.m{background:#8FE3C0}.bars{display:flex;align-items:flex-end;gap:6px}.bars span{flex:1;border-radius:4px 4px 2px 2px;background:#DCE4EA}.bars span.t{background:#1E6470}.bars span.p{background:#E80F80}.bars span.m{background:#8FE3C0}.bars span.i{background:#103237}.bx{display:flex;justify-content:space-between;font-family:'Instrument Sans',sans-serif;font-size:10.5px;color:#4A6068;margin-top:7px}.leg{display:flex;gap:14px;font-family:'Instrument Sans',sans-serif;font-size:11px;color:#4A6068;flex-wrap:wrap}.leg span{display:inline-flex;align-items:center;gap:6px}.leg span::before{content:'';width:9px;height:9px;border-radius:2px;background:var(--c)}.sync{margin-top:12px;display:flex;align-items:center;gap:8px;font-size:12px;color:#4A6068;font-family:'Instrument Sans',sans-serif;white-space:nowrap}.sync b{color:#19935E;display:inline-flex;align-items:center;gap:6px;font-weight:600}.sync b::before{content:'';width:8px;height:8px;border-radius:50%;background:#19935E;animation:pulse 2.4s ease-in-out infinite}.dot{width:8px;height:8px;border-radius:50%;background:#E80F80;display:inline-block;animation:pulse 2.4s ease-in-out infinite}.dot.m{background:#8FE3C0}.dot.g{background:#19935E}.av{width:24px;height:24px;border-radius:50%;background:#E4EEF0;color:#1E6470;display:inline-grid;place-items:center;font-size:9.5px;font-weight:700;flex:none}.ico{width:14px;height:14px;flex:none}.ck{width:15px;height:15px;color:#19935E;flex:none}.kw{position:relative;height:56px;border-radius:9px;background:#fff;border:1px solid #EBEFF3;box-shadow:0 1px 2px rgba(16,50,55,.05);overflow:hidden;transition:transform .3s cubic-bezier(.16,.84,.44,1),background .5s,color .5s,box-shadow .3s}.kw:hover{transform:translateY(-2px);box-shadow:0 10px 18px -10px rgba(16,50,55,.3)}.kw .h{position:absolute;left:7px;top:6px;font-weight:700;font-size:10px;white-space:nowrap;letter-spacing:-.01em;font-variant-numeric:tabular-nums;z-index:1}.kw .n{position:absolute;left:7px;top:19px;font-size:8.5px;white-space:nowrap;font-weight:600;color:#8FA7B0;font-variant-numeric:tabular-nums;z-index:1}.kw .n small{font-size:8.5px;color:inherit;margin-right:2px;font-weight:600}.kw .b{position:absolute;left:0;right:0;bottom:0;height:calc(var(--h,0%) * .36);background:#1E6470;transform-origin:bottom;transition:height .8s cubic-bezier(.16,.84,.44,1)}.kw .b.m{background:#8FE3C0}.kw .b.p{background:#E80F80}.kw .b.i{background:#103237}.kw .b.hx{background:repeating-linear-gradient(135deg,#DCE4EA 0 5px,#fff 5px 10px)}.kw .pl{position:absolute;right:6px;top:19px;font-size:8.5px;font-weight:700;color:#1E6470;white-space:nowrap;z-index:1}.kw .b.p~.pl{color:#E80F80}.kw.past{background:#F5F7F9;color:#8FA7B0;box-shadow:none}.kw.over{background:#E80F80;color:#fff;border-color:#E80F80}.kw.over .n,.kw.over .pl{color:#F5E4EE}.kw.over .n small{color:#F5E4EE}.kw.sel{box-shadow:0 0 0 2px #1E6470}.mo{font-size:10.5px;font-weight:700;color:#1E6470;text-align:center;margin-bottom:7px;white-space:nowrap}.cell{height:30px;border-radius:7px;background:#F5F7F9;position:relative;overflow:hidden}.cell i{position:absolute;left:0;right:0;bottom:0;height:calc(var(--h) * 100%);transform-origin:bottom;background:#1E6470;opacity:.85}.cell.warn i{background:#E80F80;opacity:1}.cell.m i{background:#8FE3C0;opacity:1}.cell.ab{background:repeating-linear-gradient(135deg,#EBEFF3 0 6px,#fff 6px 12px)}.drag{white-space:nowrap;background:#E80F80;color:#fff;border-radius:8px;padding:7px 11px;font-weight:700;font-size:11.5px;display:flex;justify-content:space-between;align-items:center;gap:12px;box-shadow:0 12px 24px -12px rgba(232, 15, 128,.8)}.trow{display:grid;grid-template-columns:62px 1fr 104px 56px;gap:12px;align-items:center;padding:10px 13px;background:#F5F7F9;border-radius:10px;font-size:12.5px;transition:background .3s,transform .3s}.trow:hover{background:#EBEFF3}.trow .tm{font-family:'Instrument Sans',sans-serif;color:#4A6068}.trow .cl{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trow .cl small{display:block;color:#4A6068;font-weight:400;font-size:11.5px}.trow .tag{text-align:center}.trow .dd{text-align:right;font-weight:700}.trow.on{background:#103237;color:#fff}.trow.on .tm,.trow.on .cl small{color:#A0B8C2}.tsum{margin-top:12px;display:flex;justify-content:space-between;align-items:center;padding:13px 16px;border-radius:10px;background:#103237;color:#fff;font-size:12.5px}.tsum b{font-size:19px;letter-spacing:-.02em}.clock{background:#103237;color:#fff;border-radius:16px;padding:22px}.clock .kk{font-family:'Instrument Sans',sans-serif;font-size:12px;color:#A0B8C2}.clock .big{font-size:50px;font-weight:800;letter-spacing:-.04em;line-height:1;margin-top:10px;font-variant-numeric:tabular-nums}.clock .st{margin-top:10px;font-size:12.5px;color:#8FE3C0;font-weight:700;display:flex;align-items:center;gap:8px}.clock .st::before{content:'';width:8px;height:8px;border-radius:50%;background:#8FE3C0;animation:pulse 1.6s ease-in-out infinite}.clock .bb{margin-top:18px;display:flex;gap:8px}.clock .bb span{flex:1;text-align:center;padding:9px;border-radius:100px;font-size:12px;font-weight:700;background:rgba(255,255,255,.1)}.clock .bb span.p{background:#E80F80}.log{display:grid;gap:7px;font-size:12px}.log div{display:flex;justify-content:space-between;padding:9px 12px;background:#F5F7F9;border-radius:8px}.log div span:last-child{font-family:'Instrument Sans',sans-serif;color:#4A6068}.log .lh{background:none;font-family:'Instrument Sans',sans-serif;color:#4A6068;padding-bottom:0}.rt{background:#fff;border:1px solid #EBEFF3;border-radius:12px;padding:12px 13px;min-height:86px;display:flex;flex-direction:column;gap:8px;transition:transform .35s cubic-bezier(.16,.84,.44,1),opacity .5s,box-shadow .35s,filter .5s}.rt:hover{transform:translateY(-3px);box-shadow:0 18px 30px -20px rgba(16,50,55,.35)}.rt .ri{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#E4EEF0;color:#1E6470}.rt .ri svg{width:14px;height:14px}.rt.c2 .ri{background:#103237;color:#fff}.rt.c3 .ri{background:#F5E4EE;color:#E80F80}.rt.c4 .ri{background:rgba(143,227,192,.3);color:#0E5E48}.rt b{font-size:12px;font-weight:700;line-height:1.3}.rt .rf{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-family:'Instrument Sans',sans-serif;font-size:10px;color:#8FA7B0}.rt.dim{filter:saturate(.15) opacity(.3)}.ring{position:relative;display:grid;place-items:center}.ring svg{transform:rotate(-90deg)}.ring .rc{position:absolute;text-align:center}.ring .rc b{display:block;font-size:34px;font-weight:800;letter-spacing:-.04em;color:#1E6470;font-variant-numeric:tabular-nums;line-height:1}.ring .rc span{font-family:'Instrument Sans',sans-serif;font-size:11px;color:#4A6068}.sw{width:26px;height:15px;border-radius:100px;background:#1E6470;position:relative;flex:none}.sw::after{content:'';position:absolute;right:2px;top:2px;width:11px;height:11px;border-radius:50%;background:#fff}.sw.off{background:#DCE4EA}.sw.off::after{right:auto;left:2px}.box{width:14px;height:14px;border-radius:4px;background:#1E6470;display:inline-grid;place-items:center;flex:none}.box::after{content:'';width:7px;height:4px;border-left:1.6px solid #fff;border-bottom:1.6px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}.box.off{background:#fff;border:1.5px solid #DCE4EA}.box.off::after{display:none}.inp{border:1.5px solid #DCE4EA;border-radius:10px;padding:8px 11px;font-size:12px;background:#fff}.inp .l{font-family:'Instrument Sans',sans-serif;font-size:10px;color:#4A6068;display:block;margin-bottom:2px}.hx{background:repeating-linear-gradient(135deg,#DCE4EA 0 5px,#fff 5px 10px)}.a{animation-duration:1.1s;animation-timing-function:cubic-bezier(.16,.84,.44,1);animation-fill-mode:both;animation-delay:var(--d,0s);animation-play-state:paused}.in .a{animation-play-state:running}.up{animation-name:up}.gy{animation-name:gy;transform-origin:bottom}.gx{animation-name:gx;transform-origin:left}.sl{animation-name:slidein;animation-duration:1.6s}.dr{animation-name:draw;animation-duration:1.8s}.fd{animation-name:fd}@keyframes up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fd{from{opacity:0}to{opacity:1}}@keyframes gy{from{transform:scaleY(.06)}to{transform:scaleY(1)}}@keyframes gx{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes slidein{from{transform:translateX(-40%);opacity:0}30%{opacity:1}to{transform:none}}@keyframes draw{from{stroke-dashoffset:var(--len,1200)}to{stroke-dashoffset:0}}@keyframes pulse{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Theme: hidden until the runtime has scaled the canvas to its box, so the 880px
   canvas does not flash unscaled. */
.cv:not(.fit){visibility:hidden}

/* Theme: hero visuals and graphics (kind="visual") keep their own size and shape; the
   frame, the fixed canvas and the clipping of a screen do not apply. */
/* The inherited values are set here, so a visual looks the same wherever it is placed:
   the design's pages leave line-height at normal, the theme's text blocks do not. */
:host([kind="visual"]){aspect-ratio:auto;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;isolation:auto;font-size:16px;line-height:normal;letter-spacing:normal;text-align:left;text-transform:none;white-space:normal}
.visual{position:relative}