/* ZIYO OLYMP — isolated payments UI, responsive for phones and desktop. */
.pay-wallet-card{display:flex;flex-direction:column;gap:10px;background:linear-gradient(115deg,#eefbf7,#e0f5ef);border:1px solid #badfd1;margin-bottom:18px}
.pay-wallet-card>span,.pay-dashboard-balance>span{color:#456c65;font-weight:650}
.pay-wallet-card>strong{color:#006c50;font-size:clamp(25px,4vw,39px);line-height:1.1}
.pay-dashboard-balance{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:0 0 16px;border-color:#b9e4d6;background:#ecfaf5}
.pay-dashboard-balance>strong{font-size:24px;color:#00764f}
.pay-dashboard-balance>a{margin-left:auto}
.pay-panel{margin:16px 0;padding:18px;max-width:100%;overflow-wrap:anywhere}
.pay-panel .pay-info{display:flex;align-items:center;justify-content:space-between;gap:8px 20px;flex-wrap:wrap;padding:12px;background:#effaf6;border:1px solid #d8eee6;border-radius:11px;margin:9px 0}
.pay-panel .pay-info span{color:#38655b}
.pay-panel .pay-buttons{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:12px 0}
.pay-panel form{margin:0}
.pay-panel .pay-buttons button{min-height:39px}
.pay-wait{background:#fff5e8;border:1px solid #f0d7ae;color:#694a17;padding:12px;border-radius:9px}
.pay-row{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
.pay-row label,.pay-settings-form label,.pay-approval-form label{display:flex;flex-direction:column;gap:5px;min-width:170px;flex:1;font-weight:650;font-size:13px}
.pay-row input,.pay-settings-form input,.pay-settings-form select,.pay-approval-form input{width:100%;box-sizing:border-box;min-height:40px;padding:8px 10px;border:1px solid #b7d6cc;border-radius:8px;font:inherit;background:#fff}
.pay-settings-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:16px 0}
.pay-settings-form button{align-self:end}
.pay-approval-form{display:flex;flex-direction:column;gap:7px;min-width:205px}
.pay-approval-form .pay-buttons{display:flex;gap:4px;flex-wrap:wrap;margin:0}
.pay-approval-form button{font-size:12px;padding:7px}
.pay-positive{color:#007953;font-weight:750}
.pay-negative{color:#aa3333;font-weight:750}
.pay-small{display:block;font-size:11px;color:#526c68;white-space:nowrap}
.pay-cancel{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:12px!important}
.pay-cancel label{display:flex;align-items:center;gap:9px}
.pay-cancel input[type=checkbox]{width:18px;height:18px}
.pay-panel table td{vertical-align:top}
@media(max-width:600px){.pay-dashboard-balance{flex-direction:column;align-items:flex-start}.pay-dashboard-balance>a{margin-left:0}.pay-panel{padding:12px}.pay-panel .pay-buttons{flex-direction:column;align-items:stretch}.pay-panel .pay-buttons form,.pay-panel .pay-buttons button{width:100%}.pay-settings-form{grid-template-columns:1fr}}