.uusi-kolme{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.uusi-kaksi,.palkka-rinnakkain{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.uusi-kolme>*,.uusi-kaksi>*,.palkka-rinnakkain>*{min-width:0}.uusi-listarivi{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid var(--viiva)}.uusi-listarivi>div{min-width:0}.uusi-listarivi strong,.uusi-listarivi p{overflow-wrap:anywhere}.uusi-listarivi p{margin:5px 0 0;color:var(--himmea);font-size:.87rem}.uusi-listarivi>.btn{flex-shrink:0}.uusi-vertailu{padding:18px;border:1px solid var(--viiva);border-radius:12px;background:var(--pinta-2)}.palkka-pdf{width:100%;height:750px;border:1px solid var(--viiva);border-radius:8px}.palkka-rinnakkain th,.palkka-rinnakkain td{font-size:.9rem}.tallennustila{margin:12px;padding:10px 14px;border:1px solid var(--viiva);border-radius:8px;background:var(--pinta-2);font-size:.9rem}.tallennustila[data-save-state=palvelin]{border-left:4px solid #26824a}.tallennustila[data-save-state=luonnos],.tallennustila[data-save-state=jono]{border-left:4px solid var(--kattovalo)}.tallennustila[data-save-state=virhe]{border-left:4px solid #c2362b;color:var(--bs-danger,#b02a37)}.kp.on-suunnitelma{outline:2px dashed #2b78c2;outline-offset:-3px}.kuvaera-rivi{display:grid;grid-template-columns:100px minmax(0,1fr);gap:18px;padding:18px 0;border-top:1px solid var(--viiva)}.kuvaera-rivi img{width:100px;height:130px;object-fit:contain;background:var(--pinta-2);border:1px solid var(--viiva);border-radius:8px}.kuvaera-rivi input[type=date]{max-width:220px}.kuvaera-rivi strong{overflow-wrap:anywhere}.kuvaera-rivi .form-check{display:block;margin-top:12px}.odotus-rivi{border:1px solid var(--viiva);border-radius:12px;padding:18px;margin:16px 0}.odotus-rivi .row{margin-top:12px}.odotus-rivi .virheteksti{color:var(--bs-danger,#b02a37);white-space:pre-wrap;overflow-wrap:anywhere}.yhteyspalkki{flex-wrap:wrap}.yhteyspalkki>span{min-width:180px}
@media(max-width:1100px){.uusi-kolme{grid-template-columns:minmax(0,1fr)}.palkka-rinnakkain{grid-template-columns:minmax(0,1fr)}}
@media(max-width:767px){.uusi-kaksi{grid-template-columns:minmax(0,1fr)}.uusi-listarivi{align-items:flex-start;flex-direction:column;gap:10px}.kuvaera-rivi{grid-template-columns:70px minmax(0,1fr);gap:12px}.kuvaera-rivi img{width:70px;height:100px}.kuvaera-rivi .form-check{font-size:.9rem}.kuvaera-rivi .btn{white-space:normal}.palkka-pdf{height:550px}.uusi-kolme .paneeli-sisus{padding:18px}}