main,footer{padding-left:16px;padding-right:16px}
.intro{padding:16px 0 10px}.brand img{width:190px;height:112px}.intro h1{font-size:24px;margin:4px 0 6px}.intro p{font-size:11px;max-width:310px;margin:auto}
.steps{gap:18px;margin:12px 0 18px;font-size:11px}
.workspace,.workspace.device-ready,.workspace:not(.device-ready){max-width:520px;margin:0 auto;border-radius:18px;display:block}
.workspace:not(.device-ready) .device-card{padding:24px 20px}
.workspace:not(.device-ready) .device-card h2{font-size:22px;margin-bottom:18px}
.workspace:not(.device-ready) #lookupForm{display:flex;flex-direction:column;align-items:stretch;gap:8px}
.workspace:not(.device-ready) #deviceId{height:50px;font-size:16px}
.workspace:not(.device-ready) #lookup{height:46px;margin-top:8px;font-size:14px;order:4}
.workspace:not(.device-ready) #idHint{font-size:11px;margin:0}
.workspace.device-ready .device-card{display:grid!important;padding:18px 20px;gap:10px}
.workspace.device-ready .device-card h2{font-size:12px}
.workspace.device-ready #deviceDetails{display:grid;grid-template-columns:1fr;gap:14px}
.workspace.device-ready .device-summary{gap:10px}
.workspace.device-ready .device-summary>div{flex-wrap:wrap;gap:6px 10px}
.workspace.device-ready .device-summary b{font-size:16px;letter-spacing:0}
.workspace.device-ready #deviceStatus{font-size:11px}
.workspace.device-ready .device-symbol{width:56px;height:42px}
.workspace.device-ready .detail-row{border-left:0;padding:0;flex-direction:row;align-items:center;justify-content:space-between;width:100%;font-size:12px}
.workspace.device-ready .detail-row b{font-size:14px}
.workspace.device-ready .payment-card{padding:20px}
.workspace.device-ready .card-top{padding:0;gap:8px;flex-wrap:wrap;min-height:0}
.workspace.device-ready .card-top h2{font-size:19px}
.workspace.device-ready .pill{font-size:10px;padding:4px 8px}
.workspace.device-ready .change-device{display:block!important;position:static;margin:0 0 14px auto;font-size:11px;min-height:28px}
.price{margin:16px 0;gap:10px}.price strong{font-size:32px}
.methods{margin:14px 0;gap:8px}.methods label{padding:12px 8px;font-size:13px}
.security-note{font-size:11px;margin:10px 0 14px}
.workspace.device-ready .active-notice strong,.workspace.device-ready .active-notice p{display:block;margin:0;font-size:12px}.workspace.device-ready .active-notice p{margin-top:4px}
.card-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}.card-form-grid label{font-size:11px;gap:6px}.card-form-grid label:first-child,.card-form-grid label:nth-child(2),.card-form-grid label:nth-child(6){grid-column:1/-1}.card-form-grid input{height:44px;font-size:16px;padding:10px}
#submitCard{min-height:46px;margin-top:18px}#pixFields{grid-template-columns:1fr;justify-items:stretch;gap:12px}#qr{grid-row:auto;width:190px;height:190px;justify-self:center}#pix{height:88px;font-size:12px}
.support{margin:18px 0 12px;gap:12px}.support h2{display:none}.support a{font-size:13px}
footer{justify-content:center;gap:12px;font-size:11px;padding-top:0;padding-bottom:20px}footer .configure-list{font-size:11px;padding:7px 10px}
.workspace.activated .device-card{display:none!important}
@media(max-width:360px){.workspace.device-ready .payment-card,.workspace.device-ready .device-card{padding:16px}.workspace.device-ready .card-top h2{font-size:17px}.workspace.device-ready .device-summary b{font-size:14px}.card-form-grid{grid-template-columns:1fr}.card-form-grid label{grid-column:1/-1}.steps{gap:12px}}