/*! Jobbcoacher: datorprogrammet på Mac och Windows 11. stageshow (MIT) hero-demo och fade-crop: fönstret går ut
   över högerkanten och tonas ut vid foten, växlaren skjuter fönstren i sidled (180 ms). boardui Data Table (MIT) för
   deltagarlistan. Inga bokstavsavatarer, riktiga ord bara där historien händer. */.dator{position:relative;margin-top:28px;height:540px;overflow:hidden}.dator.kort{height:400px}.d-spar{display:flex;transition:transform .18s var(--e);height:100%}.d-spar>div{flex:0 0 100%;padding-top:2px}.fonster{width:100%;background:#fff;border:1px solid var(--line);overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,transparent 99%);mask-image:linear-gradient(#000 70%,transparent 99%)}.mac .fonster{border-radius:12px}.win .fonster{border-radius:8px}.f-bar{display:flex;align-items:center;height:38px;padding:0 14px;font-size:var(--t1);color:var(--grey);border-bottom:1px solid var(--line);background:#f6f6f7}.mac .f-bar{justify-content:center;position:relative}.mac .f-bar .lj{position:absolute;left:14px;display:flex;gap:8px}.mac .f-bar .lj i{width:12px;height:12px;border-radius:50%;background:#ff5f57}.mac .f-bar .lj i+i{background:#febc2e}.mac .f-bar .lj i+i+i{background:#28c840}.win .f-bar{height:34px;padding:0 0 0 12px;background:#f3f3f3;gap:8px}.win .f-bar img{width:14px;height:auto}.win .f-bar .ko{margin-left:auto;display:flex}.win .f-bar .ko span{width:46px;height:34px;display:grid;place-items:center;color:var(--ink-2)}.f-in{display:grid;grid-template-columns:200px minmax(0,1fr);min-height:480px}.f-sid{background:var(--tint);border-right:1px solid var(--line);padding:14px 10px;display:flex;flex-direction:column;gap:2px;font-size:var(--t1)}.f-sid .namn{display:flex;align-items:center;gap:6px;font:400 20px var(--serif);padding:2px 8px 12px}.f-sid .namn img{width:16px}.f-sid span{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:8px;color:var(--ink-2)}.f-sid span b{margin-left:auto;font-weight:500}.f-sid span.on{background:#fff;color:var(--ink);box-shadow:0 1px 2px #14171f14}.f-hu{padding:20px 26px;min-width:0}.f-hu .rub{font:400 var(--t4)/1.1 var(--serif);letter-spacing:-.02em}.f-hu .und{font-size:var(--t1);color:var(--grey);margin-top:4px}.filt{display:flex;gap:6px;margin-top:16px}.filt span{font-size:var(--t1);padding:5px 12px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2)}.filt span.on{background:var(--ink);color:#fff;box-shadow:none}.tab{margin-top:14px;font-size:var(--t1)}.tab div{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 70px 70px minmax(0,.8fr);gap:12px;align-items:center;padding:11px 8px;border-bottom:1px solid var(--line)}.tab .th{color:var(--grey);padding-block:8px}.tab .p{font-weight:500;color:var(--ink)}.tab .p small{display:block;font-weight:400;color:var(--grey);font-size:var(--t1)}.tab .r{text-align:right;font-variant-numeric:tabular-nums}.tab .vald{background:var(--deep-soft);border-radius:8px;border-bottom-color:transparent}.tab .bar i{display:block;height:7px;border-radius:4px;background:var(--tint)}.st{justify-self:start;font-size:var(--t1);padding:2px 9px;border-radius:999px;color:var(--ink);white-space:nowrap}.st.s1{background:var(--sun-soft)}.st.s2{background:var(--deep-soft)}.st.s3{background:var(--ok-soft)}.st.s4{background:var(--tint);color:var(--ink-2)}/*! Brev att granska */.g-in{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:360px}.g-li{border-right:1px solid var(--line);font-size:var(--t1)}.g-li .h{display:flex;justify-content:space-between;padding:12px 14px;font-weight:600;border-bottom:1px solid var(--line)}.g-li div{padding:12px 14px;border-bottom:1px solid var(--line)}.g-li div.on{background:var(--deep-soft)}.g-li b{display:block;font-weight:500;color:var(--ink)}.g-li small{color:var(--grey);font-size:var(--t1)}.g-hu{padding:22px 28px;min-width:0}.g-hu .brevtext{margin-top:14px;border:1px solid var(--line);border-radius:12px;padding:16px 18px;font:400 var(--t2)/1.7 var(--serif);max-width:32em}.g-hu mark{background:var(--sun-soft);color:var(--ink);border-radius:3px;padding:0 2px}.g-hu .ac{display:flex;gap:8px;margin-top:14px}.os-val{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:28px}@media (max-width:860px){.dator{height:440px}.dator.kort{height:420px}.f-in,.g-in{grid-template-columns:1fr}.f-sid,.g-li{display:none}.f-hu,.g-hu{padding:16px}.tab div{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 44px}.tab div>:nth-child(3),.tab div>:nth-child(5){display:none}.filt span:nth-child(n+3){display:none}}.g-hu .ac .b{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;cursor:default}