/* Interaktívne okná z aplikácie pre podstránky (predpona pw-). Hrajú sa raz po zobrazení (px.js pridá triedu pw-play), pri vypnutom pohybe zostane koncový stav bez animácie.
   Okno klienta, rozpisu a schvaľovania preberá štýly z nx.css (predpona xb-). Bez JavaScriptu ostanú okná v počiatočnom stave. */
.xb-solo{font-size:12.5px;color:var(--soft)}
.xb-solo .xb-win{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;translate:none}
.pw-win{border-radius:18px;background:rgba(20,36,58,.92);border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 28px 56px rgba(0,0,0,.5);overflow:hidden;font-size:12.5px;color:var(--soft);transition:scale .25s,border-color .25s,box-shadow .25s}
.pw-win:hover{scale:1.012;border-color:rgba(169,208,247,.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 38px 76px rgba(0,0,0,.6),0 0 0 1px rgba(169,208,247,.28)}
.pw-bar{display:flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);font-size:11.5px;color:var(--mute)}
.pw-bar i{width:8px;height:8px;border-radius:50%;background:var(--ok)}
.pw-bar b{color:var(--text);font-weight:600}
.pw-wrap{position:relative}
.pw-cap{margin:10px 4px 0;font-size:13px;color:var(--mute);display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;justify-content:space-between}
.pw-replay{font:inherit;font-size:12.5px;font-weight:600;color:var(--sky);background:none;border:1px solid rgba(169,208,247,.35);border-radius:999px;padding:4px 12px;cursor:pointer}
.pw-replay:hover{background:rgba(123,182,240,.12)}
.pw-replay:focus-visible{outline:2px solid var(--sky);outline-offset:2px}
.pw-sw{display:inline-grid;vertical-align:baseline}.pw-sw>*{grid-area:1/1}
.pw-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);font-size:11.5px;color:var(--text);white-space:nowrap}
.pw-pill i{width:7px;height:7px;border-radius:50%;background:var(--c)}
.pw-pill.work{border-color:rgba(123,182,240,.6);background:rgba(123,182,240,.16);color:var(--sky-hi)}
.pw-pill.ok{border-color:rgba(111,179,140,.55);background:rgba(111,179,140,.14);color:#9AD7B3}
.pw-pill.warn{border-color:rgba(214,184,118,.5);background:rgba(214,184,118,.1);color:var(--amber)}
.pw-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:8px;padding:0 6px;border-radius:999px;background:var(--sky);color:var(--ink);font-size:11px;font-weight:700}
/* kurzor, ktorý klikne na prvok */
.pw-t{position:relative}
.pw-cur{position:absolute;right:-6px;bottom:-12px;width:20px;height:20px;pointer-events:none;opacity:0;z-index:9;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M3 2l12 7-5.2 1.4L7.4 16 3 2z' fill='%23fff' stroke='%230E1B2E' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}
.pw-cur::after{content:"";position:absolute;left:-6px;top:-6px;width:14px;height:14px;border-radius:50%;border:2px solid var(--sky-hi);opacity:0}
/* kroky výkazu */
.pw-rbody{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:12px;padding:12px}
.pw-rstep{padding:10px 12px 12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);margin-bottom:10px}
.pw-rstep:last-child{margin-bottom:0}
.pw-rstep h4{margin:0 0 8px;font-size:13px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:8px}
.pw-n{width:20px;height:20px;border-radius:50%;display:inline-grid;place-items:center;font-style:normal;font-size:10.5px;font-weight:700;border:1px solid rgba(169,208,247,.5);background:rgba(123,182,240,.14);color:var(--sky-hi)}
.pw-n>*{grid-area:1/1}
.pw-n .k{opacity:0}
.pw-chips{display:flex;flex-wrap:wrap;gap:6px}
.pw-chip{padding:4px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);font-size:11.5px;color:var(--soft);position:relative;transition:background .2s,border-color .2s}
.pw-chip.on{border-color:rgba(169,208,247,.6);background:rgba(123,182,240,.18);color:var(--text)}
.pw-chip:hover{border-color:rgba(169,208,247,.6)}
.pw-field{margin-top:8px;padding:6px 10px;border-radius:9px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);font-size:12px;color:var(--text);display:flex;justify-content:space-between;gap:8px}
.pw-range{margin-top:6px;padding:6px 10px;border-radius:9px;background:rgba(255,255,255,.04);font-size:11.5px;color:var(--soft)}
.pw-types{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pw-type{padding:8px 10px;border-radius:11px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);position:relative;transition:background .2s,border-color .2s}
.pw-type b{display:block;font-size:12px;color:var(--text);margin-bottom:2px}
.pw-type span{font-size:10.5px;line-height:1.35;color:var(--mute);display:block}
.pw-type.on{border-color:rgba(169,208,247,.6);background:rgba(123,182,240,.14)}
.pw-type:hover{border-color:rgba(169,208,247,.6)}
.pw-prev{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:9px}
.pw-prev h4{margin:0;font-size:13px;color:var(--text)}
.pw-stats{display:flex;gap:18px}
.pw-stats b{display:block;font-size:20px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}
.pw-stats span{font-size:10.5px;color:var(--mute)}
.pw-dl{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pw-dl span{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;height:32px;border-radius:9px;background:var(--sky);color:var(--ink);font-weight:700;font-size:11.5px;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 6px 14px rgba(43,108,176,.35);transition:filter .18s,scale .18s}
.pw-dl span:hover{filter:brightness(1.1);scale:1.04}
.pw-note{font-size:10.5px;color:var(--mute)}
.pw-file{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:11px;background:rgba(111,179,140,.12);border:1px solid rgba(111,179,140,.5);color:#9AD7B3;font-size:11.5px;font-weight:600;opacity:0}
.pw-file svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.pw-prevtbl{font-size:10.5px;border-top:1px solid rgba(255,255,255,.1);padding-top:6px;display:flex;flex-direction:column;gap:3px;font-variant-numeric:tabular-nums}
.pw-prevtbl div{display:grid;grid-template-columns:42px 1fr 1fr 1fr;gap:6px}
.pw-prevtbl div:first-child{color:var(--mute)}
/* kto je dnes v práci */
.pw-whostage{position:relative;height:540px}
.pw-whostage .pw-panel{position:absolute;left:0;top:0;width:72%}
.pw-whostage .xb-w-cl{top:92px;width:36%;right:0;z-index:3}
.pw-pb{padding:12px 14px 14px;display:flex;flex-direction:column;gap:10px}
.pw-ph{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.pw-ph b{font-size:14px;color:var(--text)}
.pw-ph .pw-cnt{font-size:11.5px;color:var(--mute)}
.pw-seg{display:flex;gap:2px;height:9px;border-radius:5px;overflow:hidden}
.pw-seg span{display:block;height:100%}
.pw-seg .s1{width:64%;background:var(--ok)}.pw-seg .s2{width:14%;background:#D2A25E}.pw-seg .s3{width:22%;background:#8A94A3}
.pw-pills{display:flex;flex-wrap:wrap;gap:6px}
.pw-people{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.pw-people li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px 6px;border-top:1px solid rgba(255,255,255,.08);border-radius:8px;transition:background .2s,scale .2s}
.pw-people li:hover{background:rgba(123,182,240,.09);scale:1.015}
.pw-av{width:28px;height:28px;border-radius:50%;background:#2A3B52;border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;font-size:10px;font-weight:700;color:var(--text)}
.pw-people b{display:block;font-size:12.5px;color:var(--text);font-weight:600;line-height:1.2}
.pw-people small{font-size:10.5px;color:var(--mute)}
.pw-st{font-size:11px;color:var(--soft);display:flex;align-items:center;gap:6px;white-space:nowrap}
.pw-st i{width:7px;height:7px;border-radius:50%;background:var(--c)}
.pw-new{overflow:hidden;max-height:0;opacity:0;border-top-width:0!important;padding-block:0!important}
/* Service desk: fronta */
.pw-qh{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px 2px}
.pw-qh b{font-size:14px;color:var(--text)}
.pw-tabs{display:flex;gap:14px;font-size:11.5px;color:var(--mute)}.pw-tabs span:first-child{color:var(--sky-hi)}
.pw-tbl{padding:0 14px 10px}
.pw-tr{display:grid;grid-template-columns:58px minmax(0,1.4fr) 58px 68px 88px 52px 70px;gap:8px;align-items:center;padding:8px 0;border-top:1px solid rgba(255,255,255,.1);font-size:11.5px;transition:background .2s}
.pw-tr:not(.h):hover{background:rgba(123,182,240,.08)}
.pw-tr.h{border-top:0;font-size:10px;color:var(--mute);padding:6px 0 3px;text-transform:none}
.pw-tr.urg{box-shadow:inset 3px 0 0 var(--amber);padding-left:8px;margin-left:-8px}
.pw-tr .id{font-weight:700;color:var(--text)}
.pw-tr a{display:block;color:var(--sky-hi);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}
.pw-tr small{display:block;color:var(--mute);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pw-tr .pr{color:var(--amber);font-weight:600}.pw-tr .age{color:#E0A3A3}
.pw-take{display:flex;align-items:center;justify-content:center;height:26px;border-radius:8px;background:var(--sky);color:var(--ink);font-weight:700;font-size:11px;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 6px 14px rgba(43,108,176,.4);transition:filter .18s,scale .18s}
.pw-take:hover{filter:brightness(1.1);scale:1.06}
.pw-took{display:flex;align-items:center;justify-content:center;height:26px;border-radius:8px;border:1px solid rgba(111,179,140,.5);color:#9AD7B3;font-size:10.5px;font-weight:600;opacity:0}
.pw-tr.newrow{overflow:hidden;max-height:0;opacity:0;padding-block:0;border-top-width:0}
/* ticket */
.pw-th{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 14px 4px}
.pw-th b{font-size:14.5px;color:var(--text)}
.pw-steps{display:grid;grid-template-columns:repeat(5,1fr);padding:12px 14px 6px;position:relative}
.pw-steps>div{position:relative;font-size:10.5px;color:var(--mute);padding-top:20px}
.pw-steps>div::before{content:"";position:absolute;left:0;top:2px;width:12px;height:12px;border-radius:50%;background:#1B2A40;border:2px solid rgba(255,255,255,.25);z-index:1}
.pw-steps>div::after{content:"";position:absolute;left:12px;right:0;top:7px;height:2px;background:rgba(255,255,255,.15)}
.pw-steps>div:last-child::after{display:none}
.pw-steps .on{color:var(--sky-hi)}
.pw-steps .on::before{background:var(--sky);border-color:var(--sky-hi)}
.pw-steps .ok::before{background:var(--ok);border-color:#9AD7B3}
.pw-steps>div i{position:absolute;left:12px;right:0;top:7px;height:2px;background:var(--sky);transform-origin:0 50%;transform:scaleX(0);z-index:0}
.pw-tcols{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:12px;padding:8px 14px 14px}
.pw-conv h5,.pw-side h5{margin:0 0 6px;font-size:12px;color:var(--text)}
.pw-msg{padding:8px 10px;border-radius:11px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);margin-bottom:8px;font-size:11.5px}
.pw-msg b{color:var(--text)}.pw-msg small{color:var(--mute);margin-left:6px}
.pw-msg p{margin:3px 0 0;color:var(--soft)}
.pw-msg.reply{border-color:rgba(123,182,240,.4);background:rgba(123,182,240,.1);opacity:0;max-height:0;overflow:hidden;padding-block:0;margin-bottom:0}
.pw-side{display:flex;flex-direction:column;gap:7px;font-size:11.5px}
.pw-side dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:3px 10px}.pw-side dt{color:var(--mute)}.pw-side dd{margin:0;color:var(--text)}
.pw-act{display:grid;height:34px}.pw-act>*{grid-area:1/1;display:flex;align-items:center;justify-content:center;border-radius:10px;font-weight:700;font-size:12.5px;position:relative}
.pw-act .b{background:var(--sky);color:var(--ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 6px 14px rgba(43,108,176,.4)}
.pw-act .b:hover{filter:brightness(1.1)}
.pw-act .b2,.pw-act .b3,.pw-act .b4{opacity:0}
.pw-act .b4{background:rgba(111,179,140,.16);color:#9AD7B3;border:1px solid rgba(111,179,140,.55);box-shadow:none}
.pw-mini{display:flex;gap:6px;flex-wrap:wrap}
.pw-mini span{padding:3px 9px;border-radius:8px;border:1px solid rgba(255,255,255,.16);font-size:10.5px}
/* Service desk: prehľad */
.pw-ov{display:flex;flex-direction:column;gap:12px}
.pw-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.pw-tile{padding:10px 14px;border-radius:14px;background:rgba(20,36,58,.92);border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.2);transition:scale .2s,border-color .2s}
.pw-tile:hover{scale:1.03;border-color:rgba(169,208,247,.55)}
.pw-tile small{display:block;font-size:10px;color:var(--mute);letter-spacing:.02em}
.pw-tile b{display:block;font-size:24px;line-height:1.2;color:var(--text);font-variant-numeric:tabular-nums}
.pw-tile.hl{box-shadow:inset 3px 0 0 var(--amber),inset 0 1px 0 rgba(255,255,255,.2)}.pw-tile.hl b{color:var(--amber)}
.pw-tile span{font-size:11px;color:var(--soft)}
.pw-ovg{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:12px}
.pw-card{padding:14px 16px;border-radius:16px;background:rgba(20,36,58,.92);border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.2);margin-bottom:12px}
.pw-card:last-child{margin-bottom:0}
.pw-card h4{margin:0 0 10px;font-size:13.5px;color:var(--text)}
.pw-legend{display:flex;gap:14px;font-size:11px;margin:-4px 0 8px}.pw-legend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:5px;background:var(--c)}
.pw-chart{display:grid;grid-template-columns:repeat(14,1fr);gap:4px;align-items:end;height:216px;border-bottom:1px solid rgba(255,255,255,.18);background:repeating-linear-gradient(to top,transparent 0 71px,rgba(255,255,255,.07) 71px 72px)}
.pw-day{display:flex;align-items:end;justify-content:center;gap:2px;height:100%}
.pw-day i{display:block;width:34%;max-width:14px;border-radius:3px 3px 0 0;background:var(--c);height:calc(var(--n) * 72px);transform-origin:bottom;transition:filter .15s,scale .15s}
.pw-day i:hover{filter:brightness(1.3);scale:1.2 1}
.pw-xl{display:grid;grid-template-columns:repeat(14,1fr);gap:4px;margin-top:5px;font-size:9.5px;color:var(--mute);text-align:center}
.pw-hb{display:grid;grid-template-columns:76px 1fr 18px;gap:10px;align-items:center;font-size:11.5px;margin:6px 0}
.pw-hb span:last-child{text-align:right;color:var(--text)}
.pw-hb u{display:block;height:8px;border-radius:4px;background:rgba(255,255,255,.08);text-decoration:none;position:relative;overflow:hidden}
.pw-hb u::after{content:"";position:absolute;inset:0;width:calc(var(--p) * 1%);border-radius:4px;background:var(--sky);transform-origin:0 50%}
.pw-hb:hover u::after{filter:brightness(1.25)}
/* vozidlá */
.pw-cal{position:relative}
.pw-cal .cal-top{align-items:center}
.pw-filter{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.pw-sel{padding:4px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);font-size:11.5px;color:var(--text);display:inline-grid}
.pw-sel>*{grid-area:1/1}
.pw-cal .ev.car{--c:#9BB0C4;--bg:rgba(86,104,124,.92)}
.pw-cal .ev.pc{--c:#9BB0C4;--bg:rgba(155,176,196,.12);border:1px dashed #9BB0C4;border-left:3px solid #9BB0C4;box-shadow:none}
.pw-cal .ev{pointer-events:auto}
.pw-vc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pw-vcard{padding:14px 14px 12px;border-radius:16px;background:rgba(20,36,58,.92);border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.2);display:flex;flex-direction:column;gap:9px;transition:scale .2s,border-color .2s;font-size:12px}
.pw-vcard:hover{scale:1.02;border-color:rgba(169,208,247,.55)}
.pw-vt{display:flex;justify-content:space-between;gap:8px;align-items:start}
.pw-vt b{font-size:14px;color:var(--text);line-height:1.2}
.pw-plate{font:700 11px ui-monospace,Menlo,Consolas,monospace;padding:2px 8px;border-radius:7px;border:1px solid rgba(255,255,255,.3);color:var(--text);white-space:nowrap}
.pw-vcard small{color:var(--mute);font-size:11px}
.pw-dates{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pw-dates div{display:flex;flex-direction:column;gap:4px;font-size:10.5px;color:var(--mute)}
.pw-vcard .nx{margin-top:2px;font-size:11px;color:var(--soft);line-height:1.5}
.pw-vbtn{display:flex;gap:8px;margin-top:auto}
.pw-vbtn span{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:9px;font-weight:700;font-size:11.5px;border:1px solid rgba(255,255,255,.2);color:var(--text);transition:scale .18s,filter .18s}
.pw-vbtn span:first-child{background:var(--sky);color:var(--ink);border:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 6px 14px rgba(43,108,176,.35)}
.pw-vbtn span:hover{scale:1.05;filter:brightness(1.1)}
.pw-sent{font-size:11px;color:#9AD7B3;display:flex;align-items:center;gap:6px;opacity:0;max-height:0;overflow:hidden}
.pw-tlw{margin-top:12px}
.pw-tl{display:grid;grid-template-columns:78px repeat(14,minmax(0,1fr));gap:2px;font-size:10px;color:var(--mute);position:relative}
.pw-tl .h{text-align:center;padding:3px 0;line-height:1.1}
.pw-tl .r{font:700 10.5px ui-monospace,Menlo,Consolas,monospace;color:var(--text);display:flex;align-items:center}
.pw-tl .c{height:24px;border-radius:5px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);position:relative}
.pw-tl .c.w{background:rgba(8,12,18,.35)}
.pw-tl .bk{grid-row:var(--r);grid-column:var(--c);margin:3px 0;border-radius:6px;background:#4C7D8C;box-shadow:inset 0 1px 0 rgba(255,255,255,.25);z-index:2}
.pw-tl .bk.p{background:repeating-linear-gradient(135deg,rgba(155,176,196,.4) 0 4px,rgba(155,176,196,.14) 4px 8px);border:1px dashed #9BB0C4}
.pw-tl .bk.late{opacity:0}
/* schválenie auta */
.pw-vap{padding:14px;display:flex;flex-direction:column;gap:10px}
.pw-vap .tt{display:flex;align-items:center;justify-content:space-between;gap:8px}.pw-vap .tt b{font-size:14.5px;color:var(--text)}
.pw-vrow{display:flex;align-items:center;gap:10px}
.pw-vico{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:rgba(155,176,196,.16);border:1px solid rgba(155,176,196,.4);flex:none}
.pw-vico svg{width:22px;height:22px;stroke:#C9D6E3;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.pw-vrow strong{display:block;color:var(--text);font-size:13.5px;line-height:1.25}.pw-vrow small{color:var(--mute);font-size:11.5px}
.pw-meta{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;font-size:12px}.pw-meta span:nth-child(odd){color:var(--mute)}.pw-meta span:nth-child(even){color:var(--text)}
.pw-checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;font-size:11.5px;color:var(--soft)}
.pw-checks li{display:flex;gap:8px;align-items:center}.pw-checks li::before{content:"";width:10px;height:6px;border-left:2px solid var(--ok);border-bottom:2px solid var(--ok);transform:rotate(-45deg) translateY(-2px);flex:none}
.pw-vacts{position:relative;display:grid;grid-template-columns:1fr auto;gap:8px;height:34px}
.pw-vacts .go{display:flex;align-items:center;justify-content:center;border-radius:999px;background:var(--sky);color:var(--ink);font-weight:700;font-size:13px;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 6px 14px rgba(43,108,176,.4);position:relative}
.pw-vacts .no{display:flex;align-items:center;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.2);font-size:12px;color:var(--soft)}
.pw-vacts .done{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(111,179,140,.16);border:1px solid rgba(111,179,140,.55);color:#9AD7B3;font-weight:700;font-size:13px;opacity:0}
/* IT konzulting: Modernize, Secure, Migrate v zmenšenej podobe */
.pw-msm{display:flex;flex-direction:column;gap:6px}
.pw-msm h2{margin:0 0 6px}
.pw-msm .row3{display:grid;grid-template-columns:minmax(120px,170px) minmax(0,1fr);gap:4px 22px;padding:14px 0;border-top:1px solid rgba(255,255,255,.14);align-items:baseline}
.pw-msm .row3:last-of-type{border-bottom:1px solid rgba(255,255,255,.14)}
.pw-msm .w{font-size:clamp(24px,2.4vw,34px);font-weight:800;letter-spacing:-.03em;line-height:1;font-stretch:var(--s,100%);color:#F1F4F8;white-space:nowrap}
.pw-msm .w .dot{margin-left:.04em}
.pw-msm h3{margin:0 0 4px;font-size:17px;font-weight:800;letter-spacing:-.01em;color:#F1F4F8}
.pw-msm p{margin:0;font-size:15.5px;line-height:1.55;color:#C3CAD2}
.pw-msm p.terms{font-size:13px;color:#98A4B3;margin-top:4px}
.pw-flow{display:flex;flex-wrap:wrap;align-items:center;margin-top:14px}
.pw-flow .nd{padding:8px 12px;border-radius:9px;border:1px solid rgba(255,255,255,.22);background:rgba(20,36,58,.9);font-size:13px;font-weight:600;color:#F1F4F8;transition:border-color .2s,color .2s}
.pw-flow .nd:hover{border-color:var(--sky);color:var(--sky-hi)}
.pw-flow .ln{flex:1 1 14px;min-width:12px;height:2px;background:rgba(255,255,255,.16);position:relative;overflow:hidden}
.pw-flow .ln::after{content:"";position:absolute;inset:0;background:var(--sky,#7BB6F0);transform-origin:0 50%}
.pw-flow .nd.hot{border-color:var(--sky,#7BB6F0);color:var(--sky-hi,#A9D0F7)}
@media (max-width:620px){.pw-msm .row3{grid-template-columns:1fr}}
/* ===== stavy pred prehraním ===== */
.pw-pre .pw-win,.pw-pre .xb-win,.pw-pre .pw-tile,.pw-pre .pw-card,.pw-pre .pw-vcard{opacity:0}
.pw-pre .pw-day i,.pw-pre .pw-hb u::after{transform:scale(0)}
/* ===== pohyb ===== */
@media (prefers-reduced-motion:no-preference){
  @keyframes pw-up{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
  @keyframes pw-in{from{opacity:0}to{opacity:1}}
  @keyframes pw-out{to{opacity:0}}
  @keyframes pw-grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
  @keyframes pw-growx{from{transform:scaleX(0)}to{transform:scaleX(1)}}
  @keyframes pw-cur{0%{opacity:0;transform:translate(30px,22px)}25%{opacity:1;transform:translate(0,0)}50%{opacity:1;transform:translate(0,0)}60%{opacity:1;transform:translate(1px,2px) scale(.82)}72%{opacity:1;transform:none}100%{opacity:0;transform:translate(-4px,-4px)}}
  @keyframes pw-ring{0%,52%{opacity:0;transform:scale(.4)}60%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(2.4)}}
  @keyframes pw-chipon{to{border-color:rgba(169,208,247,.6);background:rgba(123,182,240,.18);color:#F1F4F8}}
  @keyframes pw-chipoff{to{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.04);color:#C3CAD2}}
  @keyframes pw-pop{0%{opacity:0;transform:scale(.7)}70%{transform:scale(1.08)}100%{opacity:1;transform:none}}
  @keyframes pw-slide{0%{max-height:0;opacity:0}100%{max-height:64px;opacity:1}}
  @keyframes pw-flash{0%,100%{background:transparent}30%{background:rgba(111,179,140,.22)}}
  @keyframes pw-dim{to{opacity:.07;filter:grayscale(1)}}
  @keyframes pw-lift{50%{scale:1.08}100%{scale:1}}
  .pw-play .pw-win,.pw-play .pw-tile,.pw-play .pw-card,.pw-play .pw-vcard{animation:pw-up .7s both}
  .pw-play .pw-tile:nth-child(2),.pw-play .pw-vcard:nth-child(2){animation-delay:.1s}.pw-play .pw-tile:nth-child(3),.pw-play .pw-vcard:nth-child(3){animation-delay:.2s}.pw-play .pw-tile:nth-child(4){animation-delay:.3s}
  .pw-play .pw-win:hover{animation:none}
  .pw-play .pw-t .pw-cur{animation:pw-cur 1.5s calc(var(--d,1) * 1s) both}
  .pw-play .pw-t .pw-cur::after{animation:pw-ring 1.5s calc(var(--d,1) * 1s) both}
  /* výkaz: 1 obdobie (1.2 s), 2 koho (3.0 s), 3 typ (4.8 s), PDF (6.6 s) */
  .pw-play .pw-chip.tg-on{animation:pw-chipon .3s calc(var(--d) * 1s + .6s) forwards}
  .pw-play .pw-chip.on.tg-off,.pw-play .pw-type.on.tg-off{animation:pw-chipoff .3s calc(var(--d) * 1s + .6s) forwards}
  .pw-play .pw-type.tg-on{animation:pw-chipon .3s calc(var(--d) * 1s + .6s) forwards}
  .pw-play .pw-field{animation:pw-chipon .3s calc(1.2s + .6s) forwards}
  .pw-play .pw-range{opacity:0;animation:pw-in .4s 1.9s forwards}
  .pw-play .pw-n .k{animation:pw-in .3s calc(var(--dd) * 1s + .7s) forwards}
  .pw-play .pw-n .v{animation:pw-out .3s calc(var(--dd) * 1s + .7s) forwards}
  .pw-play .pw-a{animation:pw-out .3s calc(var(--d,3) * 1s + .6s) forwards}
  .pw-play .pw-b{opacity:0;animation:pw-in .3s calc(var(--d,3) * 1s + .6s) forwards}
  .pw-play .pw-dl .pdf{animation:pw-lift .5s 7.2s}
  .pw-play .pw-file{animation:pw-pop .5s 7.6s forwards}
  .pw-play .pw-prevtbl{animation:pw-in .5s 3.8s both}
  /* kto je dnes v práci: príchod 2.4 s v klientovi, v zozname sa zobrazí po 3.4 s */
  .pw-play .pw-new{animation:pw-slide .6s 3.5s forwards,pw-flash 2s 3.6s}
  .pw-play .pw-cnt .pw-a,.pw-play .pw-pill .pw-a{animation:pw-out .3s 3.5s forwards}
  .pw-play .pw-cnt .pw-b,.pw-play .pw-pill .pw-b{animation:pw-in .3s 3.5s forwards}
  .pw-play .pw-seg .s1{animation:pw-w1 .6s 3.5s forwards}.pw-play .pw-seg .s3{animation:pw-w3 .6s 3.5s forwards}
  @keyframes pw-w1{to{width:71%}}@keyframes pw-w3{to{width:15%}}
  .pw-who.pw-play .xb-w-cl{animation:xb-up .8s .4s both}
  /* fronta service desku */
  .pw-play .pw-tr.newrow{animation:pw-slide .6s 1s forwards,pw-flash 2s 1.1s}
  .pw-play .pw-badge .b1{animation:pw-out .2s 1.2s forwards}.pw-play .pw-badge .b2{opacity:0;animation:pw-in .2s 1.2s forwards,pw-out .2s 3.6s forwards}
  .pw-play .pw-badge .b3{opacity:0;animation:pw-in .2s 3.6s forwards,pw-out .2s 5.6s forwards}.pw-play .pw-badge .b4{opacity:0;animation:pw-in .2s 5.6s forwards}
  .pw-play .pw-take.k1,.pw-play .pw-take.k2{animation:pw-out .25s calc(var(--d) * 1s + .6s) forwards}
  .pw-play .pw-took.k1,.pw-play .pw-took.k2{animation:pw-in .3s calc(var(--d) * 1s + .6s) forwards}
  .pw-play .pw-ns{animation:pw-out .25s calc(var(--d) * 1s + .6s) forwards}.pw-play .pw-ws{opacity:0;animation:pw-in .3s calc(var(--d) * 1s + .6s) forwards}
  .pw-play .pw-ua{animation:pw-out .25s calc(var(--d) * 1s + .6s) forwards}.pw-play .pw-ub{opacity:0;animation:pw-in .3s calc(var(--d) * 1s + .6s) forwards}
  /* ticket: Prevziať 1.6 s, Začať riešiť 3.6 s, Vyriešené 5.6 s */
  .pw-play .pw-act .b1{animation:pw-out .25s 2.2s forwards}.pw-play .pw-act .b2{animation:pw-in .3s 2.2s forwards,pw-out .25s 4.2s forwards}
  .pw-play .pw-act .b3{animation:pw-in .3s 4.2s forwards,pw-out .25s 6.2s forwards}.pw-play .pw-act .b4{animation:pw-in .3s 6.2s forwards}
  .pw-play .pw-steps .s2::before{animation:pw-stepon .3s 2.2s forwards}.pw-play .pw-steps .s3::before{animation:pw-stepon .3s 4.2s forwards}.pw-play .pw-steps .s4::before{animation:pw-stepok .3s 6.2s forwards}
  .pw-play .pw-steps .s2{animation:pw-labon .3s 2.2s forwards}.pw-play .pw-steps .s3{animation:pw-labon .3s 4.2s forwards}.pw-play .pw-steps .s4{animation:pw-labon .3s 6.2s forwards}
  .pw-play .pw-steps .s1 i{animation:pw-growx .5s 2s forwards}.pw-play .pw-steps .s2 i{animation:pw-growx .5s 4s forwards}.pw-play .pw-steps .s3 i{animation:pw-growx .5s 6s forwards}
  @keyframes pw-stepon{to{background:var(--sky);border-color:#A9D0F7}}@keyframes pw-stepok{to{background:#6FB38C;border-color:#9AD7B3}}@keyframes pw-labon{to{color:#A9D0F7}}
  .pw-play .pw-msg.reply{animation:pw-reply .6s 6.6s forwards}
  @keyframes pw-reply{to{opacity:1;max-height:120px;padding-block:8px;margin-bottom:8px}}
  /* prehľad: grafy narastú */
  .pw-play .pw-day i{animation:pw-grow .7s calc(.4s + var(--i) * .07s) both}
  .pw-play .pw-hb u::after{animation:pw-growx .8s calc(.6s + var(--i) * .1s) both}
  /* vozidlá: filter Vozidlo klikne po 2.0 s */
  .pw-cal.pw-play .ev:not(.car):not(.pc){animation:pw-dim .7s 2.6s forwards}
  .pw-cal.pw-play .ev.car,.pw-cal.pw-play .ev.pc{animation:pw-lift .8s 2.7s}
  .pw-play .pw-sel .a{animation:pw-out .3s 2.6s forwards}.pw-play .pw-sel .b{opacity:0;animation:pw-in .3s 2.6s forwards}
  .pw-play .pw-fchip.tg-on{animation:pw-chipon .3s 2.6s forwards}
  .pw-play .pw-fchip.tg-off{animation:pw-chipoff .3s 2.6s forwards}
  /* schválenie auta (2.4 s) */
  .pw-play .pw-vacts .go,.pw-play .pw-vacts .no{animation:pw-out .3s 3.1s forwards}
  .pw-play .pw-vacts .go{animation:pw-press .5s 2.4s both,pw-out .3s 3.1s forwards}
  @keyframes pw-press{40%{transform:scale(.93);filter:brightness(1.25)}}
  .pw-play .pw-vacts .done{animation:pw-in .4s 3.1s forwards}
  .pw-play .pw-vap .st .wait{animation:pw-out .3s 3.1s forwards}.pw-play .pw-vap .st .okk{opacity:0;animation:pw-in .3s 3.1s forwards}
  /* karty vozidiel: Rezervovať 2.0 s */
  .pw-play .pw-sent{animation:pw-sentin .4s 2.7s forwards}@keyframes pw-sentin{to{opacity:1;max-height:30px}}
  .pw-play .pw-tl .c.late{animation:pw-in .5s 2.9s forwards}
  .pw-play .pw-flow .ln::after{animation:pw-growx .7s calc(.3s + var(--i) * .5s) both}
}
@media (prefers-reduced-motion:reduce){
  .pw-chip.tg-on,.pw-type.tg-on{border-color:rgba(169,208,247,.6);background:rgba(123,182,240,.18)}
  .pw-file,.pw-b,.pw-range{opacity:1}.pw-a{opacity:0}
  .pw-new{max-height:64px;opacity:1}
  .pw-tr.newrow{max-height:64px;opacity:1}
}
.pw-st1{display:contents}
@media (max-width:980px){
  .pw-whostage{height:auto;display:flex;flex-direction:column;gap:14px}
  .pw-whostage .pw-panel,.pw-whostage .xb-w-cl{position:relative;width:100%;top:auto;right:auto}
  .pw-whostage .xb-w-cl{max-width:320px;align-self:center}
  .pw-ovg{grid-template-columns:1fr}
  .pw-vc{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){
  .pw-rbody,.pw-tcols{grid-template-columns:1fr}
  .pw-tiles{grid-template-columns:1fr 1fr}
  .pw-vc{grid-template-columns:1fr}
  .pw-tr{grid-template-columns:56px minmax(0,1fr) 70px}
  .pw-tr .pr,.pw-tr .by,.pw-tr .age,.pw-tr .st2,.pw-tr .st3{display:none}
  .pw-tr.h .pr,.pw-tr.h .by,.pw-tr.h .age,.pw-tr.h .st2,.pw-tr.h .st3{display:none}
  .pw-tl{grid-template-columns:62px repeat(14,minmax(0,1fr))}
  .pw-steps>div{font-size:9.5px}
  .pw-chart{height:130px}
  .pw-day i{height:calc(var(--n) * 40px)}
}
.ps-who{display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;font-weight:600;font-size:16px;color:#A9D0F7}
.ps-who .av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(123,182,240,.18);border:1px solid rgba(169,208,247,.5);font-size:12px;font-weight:800;color:#F1F4F8}
.pw-demo{display:block}
.pw-demo .cal{margin-bottom:0}
.pw-demo>.cal{position:relative}
.row .p .pw-wrap,.pw-demo .pw-wrap{min-width:0}
.hero .demo.pw-demo{flex:1.4 1 520px}
@media (min-width:981px){.hero .demo.pw-demo .cal-card{bottom:-70px}.hero .demo.pw-demo{padding-bottom:80px}}
.pw-stats b>span{font-size:20px;font-weight:700;color:var(--text)}
.pw-whostage{height:610px}
.pw-whostage .pw-panel{width:76%}
.pw-whostage .xb-w-cl{width:34%;top:110px}
@media (max-width:980px){.pw-whostage{height:auto}}
.pw-tl .c.b{background:#4C7D8C;box-shadow:inset 0 1px 0 rgba(255,255,255,.25);border-color:transparent}
.pw-tl .c.b.p{background:repeating-linear-gradient(135deg,rgba(155,176,196,.4) 0 4px,rgba(155,176,196,.14) 4px 8px);border:1px dashed #9BB0C4}
.pw-tl .c.late{opacity:0}
@media (max-width:980px){.pw-whostage .pw-panel,.pw-whostage .xb-w-cl{position:relative;width:100%;top:auto;right:auto}.pw-whostage .xb-w-cl{max-width:320px;align-self:center}}