/* Podstrona „Obsługa IT”. Wymaga site.css, strony.css (.types,.scope), sklepy.css (.cstep,.flow__list), meta.css (.terms,.creatives-notes,.tag). */
.sw-hero .film img,.sw-hero .film video{scale:-1 1}
/* --- przegląd --- */
.audit{margin-top:clamp(3rem,5vw,4.5rem);display:grid;gap:clamp(2rem,4vw,4rem);grid-template-columns:1fr;align-items:start}
@media (min-width:1024px){.audit{grid-template-columns:minmax(0,7fr) minmax(0,4fr)}}
.aud{border:1px solid rgb(255 255 255 / .14);border-radius:12px;background:#0d0e12;overflow:hidden;box-shadow:0 30px 60px -40px rgb(0 0 0 / .8)}
.aud__head,.aud__foot{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 1rem;font-size:.75rem;letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--fg-faint)}
.aud__head{border-bottom:1px solid rgb(255 255 255 / .1)}
.aud__foot{text-transform:none;letter-spacing:0}
.aud__row{display:grid;grid-template-columns:1fr auto;gap:.5rem 1rem;align-items:center;padding:.7rem 1rem;border-bottom:1px solid rgb(255 255 255 / .06);opacity:.35;transition:opacity 400ms var(--ease-out);transition-delay:calc(400ms + var(--i,0)*160ms)}
.aud.is-in .aud__row{opacity:1}
.aud__row b{display:block;font-weight:500;font-size:.9375rem}
.aud__row small{display:block;font-size:.8125rem;color:var(--fg-faint);margin-top:.1rem}
.aud__st{font-size:.75rem;padding:3px 9px;border-radius:999px;border:1px solid rgb(255 255 255 / .14);color:var(--fg-muted);white-space:nowrap;opacity:0;translate:8px 0;transition:opacity 400ms var(--ease-out),translate 400ms var(--ease-out);transition-delay:calc(700ms + var(--i,0)*160ms)}
.aud.is-in .aud__st{opacity:1;translate:0 0}
.aud__st--ok{border-color:rgb(115 96 223 / .6);color:var(--fg)}
.aud__st--no{color:var(--fg-faint);border-style:dashed}
.aud__foot b{color:var(--fg);font-weight:500}
@media (max-width:479px){.aud__row{grid-template-columns:1fr}.aud__st{justify-self:start;translate:0 6px}}
/* --- helpdesk --- */
.desk{margin-top:clamp(3rem,5vw,4.5rem);display:grid;gap:clamp(2rem,4vw,4rem);grid-template-columns:1fr;align-items:start}
@media (min-width:1024px){.desk{grid-template-columns:minmax(0,4fr) minmax(0,5fr) minmax(0,3fr)}}
.chat{border:1px solid rgb(255 255 255 / .14);border-radius:14px;background:#0d0e12;padding:1rem;min-height:22rem;display:flex;flex-direction:column;gap:.6rem;box-shadow:0 30px 60px -40px rgb(0 0 0 / .8)}
.chat__head{font-size:.75rem;letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--fg-faint);padding-bottom:.6rem;border-bottom:1px solid rgb(255 255 255 / .1);margin-bottom:.2rem;display:flex;justify-content:space-between}
.msg{max-width:92%;padding:.6rem .8rem;border-radius:12px 12px 12px 4px;background:rgb(255 255 255 / .06);font-size:.875rem;line-height:1.35;opacity:0;translate:0 8px;transition:opacity 420ms var(--ease-out),translate 420ms var(--ease-out)}
.msg.is-in{opacity:1;translate:0 0}
.msg b{display:block;font-weight:500;font-size:.75rem;color:var(--fg-faint);margin-bottom:.15rem}
.msg--me{align-self:flex-end;border-radius:12px 12px 4px 12px;background:rgb(115 96 223 / .22)}
.tix{border:1px solid rgb(255 255 255 / .14);border-radius:12px;background:#0d0e12;overflow:hidden;font-size:.8125rem;box-shadow:0 30px 60px -40px rgb(0 0 0 / .8)}
.tix__head{display:flex;justify-content:space-between;padding:.7rem 1rem;border-bottom:1px solid rgb(255 255 255 / .1);font-size:.75rem;letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--fg-faint)}
.tix__row{display:grid;grid-template-columns:1fr auto;gap:.35rem .75rem;align-items:center;padding:.65rem 1rem;border-bottom:1px solid rgb(255 255 255 / .06);opacity:0;translate:0 6px;transition:opacity 400ms var(--ease-out),translate 400ms var(--ease-out)}
.tix__row.is-in{opacity:1;translate:0 0}
.tix__row b{font-weight:500;color:var(--fg);display:block}
.tix__row small{display:block;color:var(--fg-faint);min-height:1.1em;transition:color 300ms var(--ease-soft)}
.tix__row.done small{color:var(--fg-muted)}
.tix__note{padding:.6rem 1rem;font-size:.75rem;color:var(--fg-faint)}
.desk .tag.run{border-color:rgb(255 255 255 / .3);color:var(--fg)}
@media (max-width:479px){.tix__row{grid-template-columns:1fr}.tix__row .tag{justify-self:start}}
/* --- cytaty --- */
.itq{margin:0;padding:1.25rem 0 1.25rem 1.25rem;border-left:1px solid var(--accent);font-size:1.0625rem;line-height:1.5;color:var(--fg);max-width:44rem}
.itq footer{font-size:.8125rem;color:var(--fg-faint);margin-top:.7rem}
.itqs{display:grid;gap:2rem;margin-top:2.5rem}
@media (min-width:1024px){.itqs{grid-template-columns:1fr 1fr;gap:3rem}}