/* Infinity Telecom phone theme. Existing IDs and transaction flow are retained. */
@media(max-width:700px){
 html body{background:#f5f6f8!important;color:#25364a!important;background-image:none!important}
 body .app{padding:0 14px 24px!important;width:100%!important;max-width:100%!important}
 body .topbar{margin:0 -14px 18px!important;padding:18px 16px 14px!important;background:#ffcc00!important;border-radius:0!important;gap:14px!important;box-shadow:none!important}
 body .brand{font-size:24px!important;gap:9px!important}
 body .brand>span:last-child{background:none!important;-webkit-text-fill-color:#172b45!important;color:#172b45!important;text-shadow:none!important}
 body .mobileInfinityMark{width:38px!important;height:34px!important;flex-basis:38px!important;filter:none!important}
 body .userArea{color:#172b45!important;gap:8px!important;padding-right:86px!important;flex-wrap:wrap!important}
 body #userEmail,body #logoutButton{color:#172b45!important;font-size:12px!important;text-shadow:none!important}
 body .onlineBadge{color:#087e4b!important;text-shadow:none!important;font-size:10px!important}
 body .colorButton{top:57px!important;right:16px!important;width:76px!important;height:32px!important;border:1px solid #d5ae00!important;background:#ffdf55!important;color:#172b45!important;box-shadow:none!important;font-size:11px!important}
 body .topActions{gap:7px!important;margin-top:2px!important}
 body .topActions .mfsDashboardLink,body #mfsDashboardButton,body .telecomMobileControlLink{height:62px!important;border:1px solid #e5bf15!important;background:#fff5c4!important;color:#263b50!important;box-shadow:none!important;border-radius:10px!important;font-size:11px!important}
 body .topActions .mfsDashboardLink::before{color:#24374c!important;text-shadow:none!important;font-size:20px!important}
 body .inputPanel,body .previewPanel,body .telecomMfsHistoryCard{background:#fff!important;border:1px solid #dce2e9!important;border-radius:16px!important;box-shadow:0 2px 5px #263b5008!important;padding:17px 14px!important}
 body .label,body .rightTitle,body .summaryLabel{color:#53677e!important;letter-spacing:.3px!important;font-size:11px!important}
 body #numberInput{background:#f8fafc!important;color:#20364e!important;border:1px solid #d7e0ea!important;box-shadow:none!important;font-size:20px!important}
 body #numberInput::placeholder{color:#8a99aa!important}
 body .mobileNumberSearchBtn{background:#172d47!important;border:0!important;color:white!important;box-shadow:none!important}
 body .saveCustomerNameBtn{background:#f0fbf5!important;border:1px solid #b9e4ca!important;color:#079b53!important;box-shadow:none!important;font-weight:700!important}
 body .inputHelp{color:#7b8a9c!important;font-size:10px!important}
 body .bigNumberWrap{margin:12px 0!important;min-height:58px!important}
 body .bigNumber{color:#20364e!important;text-shadow:none!important;font-size:clamp(25px,8vw,38px)!important;letter-spacing:.5px!important}
 body .mobileServiceQuickRow{gap:6px!important;margin:8px 0 17px!important}
 body .mobileQuickService{background:#f8fafc!important;border:1px solid #dce3eb!important;color:#53677e!important;box-shadow:none!important;border-radius:12px!important;aspect-ratio:auto!important;min-height:68px!important}
 body .mobileQuickService img{width:30px!important;height:30px!important;padding:2px!important}
 body .mobileQuickService span{font-size:8px!important}
 body .mobileQuickService.active{background:#eaf9f0!important;border:1.5px solid #14b866!important;color:#087c43!important;box-shadow:none!important}
 body .summaryCard{background:#fff!important;border:1px solid #dce3eb!important;box-shadow:none!important;border-radius:12px!important}
 body .summaryValue,body .summaryChevron{color:#253b53!important}
 body .summaryIcon{background:#eef5fb!important;color:#2777cd!important}
 body .summaryAmountCard{background:linear-gradient(110deg,#f1fcf5,#e5f8ec)!important;border-color:#a8e3bf!important}
 body .directAmountField>span,body .directAmountField input{color:#00a956!important;background:transparent!important}
 body .serviceChoiceMenu{background:#fff!important;border:1px solid #dce3eb!important;box-shadow:0 12px 32px #162d4726!important}
 body .serviceChoiceMenu button{background:#fff!important;color:#253b53!important;border-color:#e5eaf0!important}
 body .customerSummary{background:#f5f7fa!important;border-color:#e1e6ed!important}
 body .customerSummary>div{background:#fff!important;border-color:#e1e6ed!important}
 body .customerSummary small{color:#78889a!important}body .customerSummary strong{color:#243950!important}
 body .telecomMfsHistoryHead>div:first-child b{color:#253b53!important}
 body .telecomMfsHistoryTools input{background:#f8fafc!important;border-color:#dce3eb!important;color:#253b53!important}
 body .telecomMfsHistoryTools button,body .mobileHistoryMore{background:#fff!important;color:#2871c8!important;border-color:#d7e0ea!important;box-shadow:none!important}
 body .telecomMfsHistoryTableWrap tbody tr{background:#fff!important;border-color:#dce3eb!important}
 body .telecomMfsHistoryTableWrap td{color:#53677e!important}
 body .telecomMfsHistoryTableWrap td:nth-child(2){color:#253b53!important}
 body .telecomMfsHistoryTableWrap td:nth-child(1){color:#8090a1!important}
 body .suggestions{background:#fff!important;color:#253b53!important;border-color:#dce3eb!important}
 body .suggestions>div{color:#253b53!important;background:#fff!important}
 body button:focus-visible,body a:focus-visible,body input:focus-visible{outline:3px solid #2580e8!important;outline-offset:3px!important}
}