.salary-slip{box-sizing:border-box;background:#fff;color:#20252b;width:100%;max-width:794px;margin:auto;padding:32px;font:14px/1.5 Arial,sans-serif;overflow-wrap:anywhere}.salary-slip h1{font-size:25px;margin:20px 0 0}.salary-slip h2{font-size:18px;margin:4px 0}.salary-slip h3{font-size:13px;margin:22px 0 6px;padding-bottom:6px;border-bottom:1px solid #b9bec5}.salary-slip p{font-size:12px;color:#505761;margin:4px 0 10px}.salary-logo{max-width:120px;max-height:60px;object-fit:contain}.salary-row{display:flex;justify-content:space-between;gap:24px;padding:7px 0;break-inside:avoid}.salary-row>span{min-width:0}.salary-row>strong{text-align:right;flex-shrink:0;max-width:55%}.salary-total{border-top:2px solid #505761;margin-top:15px;padding:15px 0;font-size:17px}.salary-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:16px}.salary-toolbar button{min-height:38px}.salary-status{font-size:13px}.salary-preview .pay-body{background:var(--surface-alt,#edf0f3)}.salary-preview{width:min(920px,96vw)}.salary-public{margin:0;padding:24px;background:var(--bg,#eef1f5);color:var(--text,#20252b)}.salary-public>main{max-width:850px;margin:auto}.salary-public button{padding:9px 16px;cursor:pointer}.salary-share{display:grid;gap:12px}.salary-share textarea{width:100%;min-height:140px;box-sizing:border-box}.salary-share p{overflow-wrap:anywhere}
@media(max-width:600px){.salary-slip{padding:18px;font-size:13px}.salary-total{font-size:15px}.salary-public{padding:12px}.salary-row{gap:12px}.salary-preview .pay-body{padding:12px}}
@page{size:A4;margin:15mm}
@media print{html,body{background:#fff!important}.salary-slip{padding:0;max-width:none}.salary-toolbar,.salary-status{display:none!important}.salary-slip h1,.salary-slip h2,.salary-slip h3{break-after:avoid}.salary-public{padding:0}.salary-slip p{color:#333}}

.salary-share [hidden]{display:none!important}.pay-slip-menu[open]{display:flex;flex-wrap:wrap;gap:6px}.pay-slip-menu>summary{cursor:pointer}