/* iRento v3.6.38 UI158 — chipless ATM card, payout footer, and reordered settlement. */
.ui157-atm-header{grid-template-columns:minmax(120px,1fr) auto;align-items:start;gap:20px}
.ui157-atm-identity{min-height:0;gap:0;padding-top:5px}
.ui157-atm-header .ui156-atm-security-column{width:auto;gap:0}
.ui157-atm-header+.ui157-card-flow{margin-top:22px}
.ui158-account-footer{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(215px,.82fr);align-items:end;gap:18px;margin-top:17px;padding:15px 16px;border:1px solid rgba(146,230,255,.25);border-radius:18px;background:radial-gradient(circle at 91% 12%,rgba(101,224,255,.11),transparent 26%),linear-gradient(120deg,rgba(7,8,47,.45),rgba(49,45,148,.31));box-shadow:0 12px 25px rgba(5,5,40,.17),0 0 0 1px rgba(255,255,255,.05) inset,0 1px 0 rgba(255,255,255,.1) inset}
.ui158-account-footer>div>span,.ui158-account-footer>div>strong{display:block}
.ui158-account-footer>div>span{color:#a7edff;font-size:9.5px;font-weight:950;letter-spacing:.08em}
.ui158-account-footer>div>strong{margin-top:5px;color:#fff;font-size:15px;line-height:1.3;overflow-wrap:anywhere;text-shadow:0 2px 9px rgba(5,6,40,.42)}
.ui158-account-footer.is-empty{grid-template-columns:1fr}
.ui158-account-toggle{width:100%;min-width:0;margin:0;align-self:center;border-color:rgba(162,234,255,.38);background:rgba(9,10,55,.26);color:#fff}
.ui158-account-toggle b{font-size:15px;letter-spacing:.09em}

.ui157-slider-panel{border-color:rgba(150,220,255,.54);background:radial-gradient(circle at 89% 8%,rgba(110,229,255,.2),transparent 27%),radial-gradient(circle at 8% 100%,rgba(122,88,255,.24),transparent 31%),linear-gradient(125deg,#242070 0%,#3934ad 51%,#4c63d4 100%);box-shadow:0 18px 38px rgba(45,40,151,.24),0 0 0 1px rgba(255,255,255,.07) inset,0 0 26px rgba(79,100,226,.18)}
.ui157-slider-panel:before{background:linear-gradient(112deg,transparent 28%,rgba(130,235,255,.1),rgba(255,255,255,.04) 51%,transparent 68%)}
.ui157-slider-panel>header span{color:#c8f3ff}
.ui157-slider-panel>header strong{color:#fff}
.ui157-slider-panel>header>small{color:#d9e2ff}
.ui157-slider-wrap .ui151-conversion-slider{border-color:rgba(166,234,255,.74);background:linear-gradient(105deg,#171453,#29258c 57%,#403eb8);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 0 1px rgba(97,234,255,.06),0 13px 29px rgba(19,16,91,.34),0 0 28px rgba(99,211,255,.19)}
.ui158-settlement-strip{margin-top:0!important;border-color:rgba(112,108,225,.34)!important;background:radial-gradient(circle at 92% 10%,rgba(112,223,255,.15),transparent 24%),linear-gradient(118deg,#302b91,#454bc2)!important;box-shadow:0 15px 30px rgba(47,42,145,.17),0 0 0 1px rgba(255,255,255,.06) inset!important}

@media(max-width:700px){
  .ui157-atm-header{grid-template-columns:minmax(88px,1fr) auto;gap:10px}
  .ui157-atm-identity{min-height:0;padding-top:5px}
  .ui157-atm-header .ui156-atm-security-column{width:auto}
  .ui157-atm-header+.ui157-card-flow{margin-top:17px}
  .ui158-account-footer{grid-template-columns:minmax(0,1fr) minmax(165px,.9fr);gap:11px;margin-top:12px;padding:13px 12px;border-radius:16px}
  .ui158-account-footer>div>span{font-size:8.8px}
  .ui158-account-footer>div>strong{font-size:12.5px}
  .ui158-account-toggle{padding:7px 8px}
  .ui158-account-toggle b{font-size:12.5px;letter-spacing:.065em}
  .ui158-settlement-strip{padding:15px 16px}
}

@media(max-width:430px){
  .ui158-account-footer{grid-template-columns:1fr;align-items:start}
  .ui158-account-toggle{margin-top:1px}
}

@media(max-width:390px){
  .ui157-atm-header{grid-template-columns:minmax(72px,1fr) auto;gap:8px}
  .ui157-atm-header .ui153-secure-lock{max-width:205px}
}