.pay-panel{margin-block:1rem}.pay-panel .head{gap:12px;flex-wrap:wrap}.pay-panel h2{margin-top:0}.pay-nav{display:flex;align-items:center;gap:12px}.pay-nav strong{min-width:8.5rem;text-align:center;white-space:nowrap}.pay-panel button{min-height:44px;cursor:pointer}.pay-panel summary{font-weight:700;cursor:pointer;padding-block:10px}.pay-fields-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-block:16px}.pay-fields-form label{display:flex;flex-direction:column;gap:7px;font-size:14px}.pay-panel input{min-width:0;width:100%;box-sizing:border-box;padding:12px;border:1px solid #bccbd4;border-radius:8px;font:inherit;background:white;color:#142c36}.pay-wide{grid-column:1/-1}.pay-panel p{line-height:1.55}.pay-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pay-stats>div{background:#eef5f8;border-radius:12px;padding:16px}.pay-stats strong{font-size:22px;display:block;color:#163c48}.pay-stats span,.pay-duty span,.pay-duty small{display:block;font-size:13px;margin-top:5px}.pay-deductions{margin:20px 0}.pay-deductions>div{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid #e2e8ec}.pay-deductions dd{margin:0}.pay-subtotal{background:#eaf4ed;padding:16px;border-radius:12px}.pay-alert{background:#fff2d6;border-left:4px solid #a36500;padding:12px;color:#523700}.pay-note{color:#4f626b;font-size:14px}.pay-duty{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #dbe5e9}.pay-duty>div:last-child{text-align:right}.pay-check{display:flex;align-items:flex-start;gap:10px;padding:10px 0}.pay-check input{width:22px;height:22px;flex-shrink:0}.pay-error{color:#a22828}.pay-success{color:#165933}.pay-panel [hidden]{display:none!important}@media(max-width:600px){.pay-stats{grid-template-columns:1fr}.pay-stats>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px}.pay-stats span{text-align:right}.pay-fields-form{grid-template-columns:1fr}.pay-panel .head{display:block}.pay-nav{justify-content:space-between;margin-top:12px}.pay-duty{flex-direction:column}.pay-duty>div:last-child{text-align:left}}