:root{
  --ecto-primary:#0797c8;
  --ecto-primary-dark:#05759e;
  --ecto-accent:#ff3d6e;
  --ecto-success:#12a150;
  --ecto-warning:#f59e0b;
  --ecto-danger:#dc274f;
  --ecto-ink:#10243e;
  --ecto-muted:#64748b;
  --ecto-line:#e3ebf3;
  --ecto-surface:#ffffff;
  --ecto-bg:#f4f8fc;
  --ecto-radius:18px;
  --ecto-shadow:0 14px 40px rgba(15,45,75,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.one-page,body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;background:var(--ecto-bg)!important;color:var(--ecto-ink);-webkit-font-smoothing:antialiased}
a{transition:.2s ease}
.page-box,.page-box-content{background:transparent!important;min-height:100vh}
.container{width:min(1180px,calc(100% - 32px))!important;max-width:1180px!important}

/* Top utility bar */
#top-box{background:linear-gradient(90deg,#057ca7,#08a4d6)!important;border:0!important;position:sticky;top:0;z-index:1035;box-shadow:0 8px 24px rgba(0,98,140,.16)}
#top-box .top-box-wrapper{padding:8px 0!important}
#top-box .btn-default{background:rgba(255,255,255,.14)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:999px!important;padding:7px 15px!important;font-weight:700;box-shadow:none!important}
#top-box .top-navbar .nav>li>a{color:#fff!important;border-radius:10px;padding:9px 12px!important;font-weight:600}
#top-box .top-navbar .nav>li>a:hover{background:rgba(255,255,255,.15)!important}

/* Main header */
.header{background:rgba(255,255,255,.96)!important;border:0!important;box-shadow:0 1px 0 var(--ecto-line);position:sticky;top:52px;z-index:1025;backdrop-filter:blur(16px)}
.header .header-wrapper{padding:10px 0!important}
.logo img,.logo-img{max-height:76px!important;width:auto!important}
.primary .navbar{margin:0!important;border:0!important;background:transparent!important}
.primary .navbar-nav>li>a{font-weight:700!important;color:#334155!important;border-radius:12px!important;padding:14px 13px!important}
.primary .navbar-nav>li>a:hover,.primary .navbar-nav>li>a.active{color:var(--ecto-primary)!important;background:#eaf8fd!important}
.primary .navbar-nav>li.parent>ul.sub{border:1px solid var(--ecto-line)!important;border-radius:16px!important;padding:8px!important;background:#fff!important;box-shadow:var(--ecto-shadow)!important;min-width:230px!important}
.primary .navbar-nav>li.parent>ul.sub li a{border-radius:9px!important;padding:10px 12px!important;color:#334155!important}
.primary .navbar-nav>li.parent>ul.sub li a:hover{background:#eef8fc!important;color:var(--ecto-primary-dark)!important}

/* Page shell */
#main{background:transparent!important;padding-top:22px}
.page-header,.breadcrumb-box{background:transparent!important;border:0!important}
.breadcrumb{background:transparent!important;color:var(--ecto-muted)!important;padding-left:0!important}
.content,.content-box,.main-content,.page-content,article.content{background:transparent!important}

/* Cards and panels */
.box,.panel,.widget,.well,.form-box,.content-box,.table-box,.pricing,.accordions,.filter-box,
#main .container>article,#main .container>.row>div>article{
  border:1px solid var(--ecto-line)!important;border-radius:var(--ecto-radius)!important;background:var(--ecto-surface)!important;box-shadow:var(--ecto-shadow)!important
}
.panel-heading,.box-title,.title-box{background:#f8fbfd!important;border-bottom:1px solid var(--ecto-line)!important;border-radius:var(--ecto-radius) var(--ecto-radius) 0 0!important;color:var(--ecto-ink)!important}

/* Forms */
label{color:#203750!important;font-weight:700!important}
.form-control,input[type=text],input[type=password],input[type=email],input[type=number],input[type=tel],select,textarea{
  min-height:46px;border:1px solid #d6e1eb!important;border-radius:11px!important;background:#fff!important;box-shadow:0 1px 2px rgba(15,23,42,.03)!important;padding:10px 13px!important;color:#172b43!important
}
.form-control:focus,input:focus,select:focus,textarea:focus{border-color:var(--ecto-primary)!important;box-shadow:0 0 0 4px rgba(7,151,200,.12)!important;outline:none!important}
.btn,button,input[type=submit]{border:0!important;border-radius:11px!important;font-weight:750!important;min-height:42px;padding:10px 18px!important;box-shadow:0 6px 16px rgba(7,151,200,.16);transition:.2s ease!important}
.btn:hover,button:hover,input[type=submit]:hover{transform:translateY(-1px)}
.btn-primary,.btn-info,.btn.btn-info,.btn.btn-primary{background:linear-gradient(135deg,var(--ecto-primary),#0ab5df)!important;color:#fff!important}
.btn-success{background:linear-gradient(135deg,#159a50,#21bd68)!important}
.btn-danger{background:linear-gradient(135deg,#d8234d,#f14d70)!important}

/* Tables */
.table-responsive,.ecto-table-wrap{border-radius:14px;border:1px solid var(--ecto-line);background:#fff;overflow:auto;-webkit-overflow-scrolling:touch}
table{background:#fff!important;border-collapse:separate!important;border-spacing:0!important}
table thead th{background:#edf8fc!important;color:#234158!important;text-transform:none;font-weight:800!important;border-bottom:1px solid #d4e8f0!important;white-space:nowrap}
table td,table th{padding:12px 11px!important;vertical-align:middle!important;border-color:#e9eff5!important}
table tbody tr{transition:.18s ease}
table tbody tr:hover{background:#f7fbfe!important}

/* Existing recharge status colors stay meaningful, with better contrast */
tr[style*="background"],table tbody tr[style]{border-radius:10px}

/* Dashboard */
.ecto-dashboard-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:20px;margin:0 0 24px;padding:28px;border-radius:24px;background:linear-gradient(125deg,#062c4a,#087ea9 62%,#0bb7d8);color:#fff;box-shadow:0 22px 55px rgba(4,87,126,.23);overflow:hidden;position:relative}
.ecto-dashboard-hero:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-110px;top:-150px;background:rgba(255,255,255,.12)}
.ecto-dashboard-hero h1{color:#fff!important;font-size:clamp(27px,4vw,43px)!important;margin:0 0 10px!important;font-weight:850!important;line-height:1.1}
.ecto-dashboard-hero p{color:rgba(255,255,255,.84);font-size:16px;max-width:650px;margin:0}
.ecto-dashboard-hero .hero-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;z-index:1}
.ecto-dashboard-hero .hero-actions a{background:#fff;color:#08799f;padding:12px 16px;border-radius:12px;font-weight:800}

/* Old dashboard summary boxes */
#main article .row>.col-sm-6>div,#main article .row>.col-md-6>div{border-radius:18px!important}

/* Service tile launcher */
.ecto-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}
.ecto-service-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--ecto-line);border-radius:17px;padding:18px;color:var(--ecto-ink);box-shadow:0 8px 24px rgba(15,45,75,.07)}
.ecto-service-card:hover{transform:translateY(-3px);box-shadow:var(--ecto-shadow);color:var(--ecto-primary-dark)}
.ecto-service-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#e7f8fd,#dff3ff);color:var(--ecto-primary);font-size:24px;flex:0 0 auto}
.ecto-service-card strong{display:block;font-size:15px}.ecto-service-card small{color:var(--ecto-muted)}

/* Footer */
#footer{margin-top:42px!important;background:#0d263d!important;color:#c9d8e5!important;border:0!important}
#footer .footer-bottom{background:transparent!important;padding:24px 0!important}
#footer a{color:#d9eff8!important}#footer a:hover{color:#fff!important}

/* PWA install */
#ecto-install-button{position:fixed;right:20px;bottom:24px;z-index:1050;background:linear-gradient(135deg,#ff426f,#ff6b43);color:#fff;border:0;border-radius:999px;padding:12px 17px!important;box-shadow:0 14px 34px rgba(220,39,79,.28);display:none;font-weight:800}
#ecto-install-button.show{display:inline-flex;align-items:center;gap:8px}
.ecto-offline-pill{position:fixed;left:50%;top:12px;transform:translateX(-50%);z-index:3000;background:#1f2937;color:#fff;padding:9px 14px;border-radius:999px;display:none;font-size:13px;font-weight:700}
body.ecto-offline .ecto-offline-pill{display:block}

/* Mobile app navigation */
.ecto-mobile-nav{display:none}
@media(max-width:991px){
  .container{width:calc(100% - 22px)!important}
  #top-box{position:sticky;top:0}.header{top:49px}
  .logo-box{width:55%!important}.right-box{width:45%!important}
  .header .navbar-toggle{background:#ecf8fc!important;border-radius:11px!important;color:var(--ecto-primary-dark)!important}
  .primary .navbar-collapse{position:fixed!important;left:12px!important;right:12px!important;top:112px!important;max-height:calc(100vh - 190px)!important;overflow:auto!important;background:#fff!important;border:1px solid var(--ecto-line)!important;border-radius:18px!important;box-shadow:0 24px 60px rgba(10,35,60,.22)!important;padding:12px!important}
  .primary .navbar-nav{margin:0!important;width:100%}.primary .navbar-nav>li{width:100%}.primary .navbar-nav>li>a{padding:13px 14px!important}
  .primary .navbar-collapse .parent>ul.sub{margin:6px 0 10px!important;border:0!important;box-shadow:none!important;background:#f5fafc!important}
  body{padding-bottom:78px!important}
  .ecto-mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:10px;right:10px;bottom:10px;z-index:1040;background:rgba(255,255,255,.96);border:1px solid var(--ecto-line);box-shadow:0 16px 40px rgba(15,45,75,.18);border-radius:18px;padding:7px;backdrop-filter:blur(18px)}
  .ecto-mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#607386;font-size:10px;font-weight:700;padding:7px 3px;border-radius:12px}
  .ecto-mobile-nav a i{font-size:19px}.ecto-mobile-nav a.active,.ecto-mobile-nav a:hover{color:var(--ecto-primary);background:#e9f8fd}
  .ecto-dashboard-hero{grid-template-columns:1fr;padding:22px}.ecto-dashboard-hero .hero-actions{justify-content:flex-start}
  .ecto-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #main{padding-top:12px}
  table{font-size:12px!important;min-width:680px}
  .panel,.box,.well,article.content{border-radius:15px!important}
}
@media(max-width:520px){
  .ecto-service-grid{grid-template-columns:1fr 1fr;gap:9px}.ecto-service-card{padding:13px;gap:9px}.ecto-service-icon{width:42px;height:42px;font-size:19px}.ecto-service-card small{display:none}
  .ecto-dashboard-hero h1{font-size:28px!important}
  #top-box .hidden-xs{display:inline!important}
}

/* Public landing page */
body.ecto-public{background:#f6fbfe!important}
.ecto-public-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--ecto-line)}
.ecto-public-header .inner{width:min(1180px,calc(100% - 32px));margin:auto;display:flex;align-items:center;justify-content:space-between;min-height:84px}
.ecto-public-header img{height:64px;width:auto}.ecto-public-header nav{display:flex;gap:7px;align-items:center}.ecto-public-header nav a{color:#34495e;font-weight:750;padding:10px 12px;border-radius:10px}.ecto-public-header nav a:hover{background:#eaf8fd;color:var(--ecto-primary)}
.ecto-login-link{background:linear-gradient(135deg,var(--ecto-primary),#0ab3dd)!important;color:#fff!important;padding:11px 17px!important}
.ecto-public-hero{min-height:620px;display:grid;place-items:center;position:relative;background:linear-gradient(120deg,rgba(2,34,55,.91),rgba(5,130,173,.72)),url('../content/img/slide-4-4.jpg') center/cover;overflow:hidden}
.ecto-public-hero:before,.ecto-public-hero:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.08)}.ecto-public-hero:before{width:420px;height:420px;right:-80px;top:-170px}.ecto-public-hero:after{width:260px;height:260px;left:-80px;bottom:-100px}
.ecto-public-hero .hero-inner{width:min(1180px,calc(100% - 32px));color:#fff;position:relative;z-index:1}.ecto-public-hero h1{font-size:clamp(42px,7vw,78px);line-height:1.02;color:#fff;margin:0 0 18px;font-weight:900;max-width:850px}.ecto-public-hero p{font-size:clamp(17px,2vw,23px);color:rgba(255,255,255,.86);max-width:760px}.ecto-public-hero .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.ecto-public-hero .actions a{padding:14px 21px;border-radius:13px;font-weight:850}.ecto-public-hero .primary-cta{background:#fff;color:#057aa3}.ecto-public-hero .secondary-cta{border:1px solid rgba(255,255,255,.45);color:#fff;background:rgba(255,255,255,.08)}
.ecto-public-section{padding:72px 0}.ecto-public-section .inner{width:min(1180px,calc(100% - 32px));margin:auto}.ecto-section-title{text-align:center;max-width:700px;margin:0 auto 34px}.ecto-section-title h2{font-size:36px;color:var(--ecto-ink);font-weight:900}.ecto-section-title p{color:var(--ecto-muted);font-size:16px}.ecto-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.ecto-feature{background:#fff;border:1px solid var(--ecto-line);border-radius:20px;padding:25px;box-shadow:0 12px 34px rgba(15,45,75,.08)}.ecto-feature i{font-size:28px;color:var(--ecto-primary);width:54px;height:54px;border-radius:16px;background:#e9f8fd;display:grid;place-items:center}.ecto-feature h3{font-size:18px;font-weight:850;margin:18px 0 8px}.ecto-feature p{color:var(--ecto-muted);line-height:1.65}
@media(max-width:800px){.ecto-public-header nav a:not(.ecto-login-link){display:none}.ecto-feature-grid{grid-template-columns:1fr 1fr}.ecto-public-hero{min-height:540px}}
@media(max-width:520px){.ecto-feature-grid{grid-template-columns:1fr}.ecto-public-header img{height:52px}.ecto-public-hero h1{font-size:40px}}

/* 2026 refined agent experience */
.header .primary .navbar-collapse,
.header .primary .navbar-nav,
.header .primary .navbar-nav > li,
.header .primary .navbar-nav > li > a{background:transparent!important}
.header .primary .navbar-nav > li > a{color:#243b53!important}
.header .primary .navbar-nav > li > a:hover,
.header .primary .navbar-nav > li > a.active{color:#057fa9!important;background:#eaf8fd!important}

.ecto-dashboard-launcher{margin:28px 0 34px;padding:24px;border:1px solid var(--ecto-line);border-radius:24px;background:linear-gradient(180deg,#fff,#f8fbfe);box-shadow:var(--ecto-shadow)}
.ecto-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}
.ecto-section-heading h2{margin:3px 0 0!important;font-size:26px!important;color:var(--ecto-ink)!important;font-weight:850!important}
.ecto-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:850;color:var(--ecto-primary)}
.ecto-text-link{font-weight:800;color:var(--ecto-primary-dark)}
.ecto-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ecto-action-card{min-height:118px;display:flex;align-items:center;gap:14px;padding:18px;border-radius:18px;color:#fff!important;overflow:hidden;position:relative;box-shadow:0 12px 28px rgba(15,45,75,.13);transition:transform .2s ease,box-shadow .2s ease}
.ecto-action-card:after{content:"";position:absolute;width:92px;height:92px;border-radius:50%;right:-24px;bottom:-36px;background:rgba(255,255,255,.14)}
.ecto-action-card:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(15,45,75,.19)}
.ecto-action-card strong,.ecto-action-card small{display:block;position:relative;z-index:1}
.ecto-action-card strong{font-size:15px;margin-bottom:5px}.ecto-action-card small{color:rgba(255,255,255,.84);line-height:1.35}
.ecto-action-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.18);font-size:24px;flex:0 0 auto;position:relative;z-index:1;backdrop-filter:blur(8px)}
.tone-cyan{background:linear-gradient(135deg,#078fbd,#10b7d8)}.tone-violet{background:linear-gradient(135deg,#6e4bd8,#9a65ed)}
.tone-blue{background:linear-gradient(135deg,#2769cc,#3d94e7)}.tone-orange{background:linear-gradient(135deg,#dd7a18,#f0a22c)}
.tone-green{background:linear-gradient(135deg,#16884d,#28b66c)}.tone-rose{background:linear-gradient(135deg,#c93363,#ee5b83)}
.tone-navy{background:linear-gradient(135deg,#173d67,#2d618d)}.tone-teal{background:linear-gradient(135deg,#087f7d,#14aaa3)}

.ecto-account-toolbar{position:sticky;top:0;z-index:1100;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;background:linear-gradient(135deg,#0a3658,#087fa9);color:#fff;box-shadow:0 10px 28px rgba(10,45,75,.2)}
.ecto-account-toolbar strong,.ecto-account-toolbar span{display:block}.ecto-account-toolbar strong{font-size:17px}.ecto-account-toolbar span{font-size:12px;color:rgba(255,255,255,.75)}
.ecto-account-toolbar-actions{display:flex;gap:9px}.ecto-account-toolbar .btn{box-shadow:none!important}

/* Login page refinement */
body.ecto-agent-app .login-page,
body.ecto-agent-app #main .login-page{max-width:980px;margin:0 auto}
body.ecto-agent-app .login-page .row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(360px,1.2fr);gap:22px;align-items:stretch}
body.ecto-agent-app .login-page [class*="col-"]{width:auto!important;float:none!important;padding:0!important}
body.ecto-agent-app .login-page .content-block,
body.ecto-agent-app .login-page .form-box{height:100%;border-radius:22px!important}

@media(max-width:991px){
  .header .primary .navbar-collapse{background:#fff!important;color:#1f354b!important}
  .header .primary .navbar-collapse:before{content:"Menu";display:block;padding:4px 8px 12px;font-weight:850;font-size:16px;color:#10243e;border-bottom:1px solid #e5edf4;margin-bottom:7px}
  .header .primary .navbar-nav>li>a{color:#21384f!important;background:#fff!important;border:1px solid transparent!important}
  .header .primary .navbar-nav>li>a:hover,.header .primary .navbar-nav>li>a.active{color:#057fa9!important;background:#eef9fd!important;border-color:#d9eff7!important}
  .header .primary .navbar-collapse .parent>ul.sub{background:#f4f9fc!important}
  .header .primary .navbar-collapse .parent>ul.sub a{color:#304a61!important;background:transparent!important}
  .ecto-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.ecto-agent-app .login-page .row{grid-template-columns:1fr}
}
@media(max-width:560px){
  .ecto-dashboard-launcher{padding:16px;margin-top:18px}.ecto-section-heading{align-items:flex-start}.ecto-section-heading h2{font-size:21px!important}.ecto-text-link{display:none}
  .ecto-action-grid{grid-template-columns:1fr}.ecto-action-card{min-height:92px;padding:15px}.ecto-action-icon{width:46px;height:46px}
  .ecto-account-toolbar{align-items:flex-start;padding:12px}.ecto-account-toolbar span{display:none}.ecto-account-toolbar-actions .btn{padding:8px 10px!important;font-size:12px}
  #ecto-install-button{right:12px;bottom:88px;max-width:calc(100vw - 24px)}
}

/* Login page: balanced desktop and compact mobile presentation */
.ecto-login-page{padding-bottom:34px!important}
.ecto-login-page>.page-header .title{font-size:clamp(28px,4vw,42px)!important;font-weight:850!important;letter-spacing:-.02em;margin:18px 0!important}
.ecto-login-page>.container>.row>.content{width:100%!important;float:none!important}
.ecto-login-page .filter-elements{display:grid!important;grid-template-columns:minmax(260px,.82fr) minmax(380px,1.18fr);gap:20px;align-items:stretch;margin:0!important}
.ecto-login-page .filter-elements>.box{display:block!important;width:auto!important;float:none!important;margin:0!important;padding:0!important;border:1px solid var(--ecto-line)!important;border-radius:22px!important;background:#fff!important;box-shadow:var(--ecto-shadow)!important;overflow:hidden}
.ecto-login-page .info-box,.ecto-login-page .form-box{height:100%;padding:26px!important;margin:0!important;border:0!important;box-shadow:none!important;background:#fff!important}
.ecto-login-page .info-box{background:linear-gradient(145deg,#eaf8fd,#f8fbfe)!important;display:flex;flex-direction:column;justify-content:center;min-height:320px}
.ecto-login-page .info-box:before{content:"\\f023";font-family:FontAwesome;width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,#087fa9,#0bb5d7);color:#fff;font-size:25px;margin-bottom:18px;box-shadow:0 12px 26px rgba(7,151,200,.22)}
.ecto-login-page .title{color:#10243e!important;font-weight:850!important}
.ecto-login-page .form-box .btn{background:linear-gradient(135deg,#087fa9,#0bb5d7)!important;color:#fff!important;min-width:110px}
.ecto-login-page .checkbox{display:flex!important;align-items:center;gap:9px;padding-left:0!important}.ecto-login-page .checkbox input{position:static!important;margin:0!important;width:18px;height:18px}
.ecto-login-page .buttons-box{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ecto-login-page .buttons-box .required{margin-left:auto;color:#64748b}
@media(max-width:767px){
  .ecto-login-page>.page-header .title{font-size:29px!important;line-height:1.12}
  .ecto-login-page .filter-elements{grid-template-columns:1fr;gap:14px}
  .ecto-login-page .info-box{min-height:auto;padding:20px!important}.ecto-login-page .info-box:before{width:48px;height:48px;font-size:21px;margin-bottom:12px}
  .ecto-login-page .form-box{padding:20px!important}.ecto-login-page .buttons-box .required{width:100%;margin-left:0}
}

/* v7 service, utility and finance refinements */
body.ecto-service-page #main article.content,
body.ecto-balance-page #main article.content{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
body.ecto-service-page #main article.content>br{display:none}
body.ecto-service-page #main article.content>.bottom-padding,
body.ecto-balance-page #main article.content>.bottom-padding{padding:0!important}
body.ecto-service-page .features-block>.col-sm-12.col-md-12,
body.ecto-balance-page .features-block>.col-sm-12.col-md-12{padding:0!important}

body.ecto-service-page .tabs.tabs-left,
body.ecto-balance-page .tab-content>.tab-pane.fade.in.active{padding:26px;border:1px solid var(--ecto-line);background:linear-gradient(180deg,#fff,#f8fbfe);border-radius:24px;box-shadow:var(--ecto-shadow)}
body.ecto-service-page .tabs.tabs-left>.nav.nav-tabs{float:none!important;display:flex!important;flex-wrap:wrap;gap:12px;width:100%;margin:0 0 22px!important;padding:12px!important;border:0!important;border-radius:18px!important;background:#eef6fb!important}
body.ecto-service-page .tabs.tabs-left>.nav.nav-tabs>li{float:none!important;margin:0!important}
body.ecto-service-page .tabs.tabs-left>.nav.nav-tabs>li>a{margin:0!important;padding:12px 18px!important;border:1px solid transparent!important;border-radius:14px!important;background:transparent!important;color:#3e5973!important;font-weight:800!important}
body.ecto-service-page .tabs.tabs-left>.nav.nav-tabs>li.active>a,
body.ecto-service-page .tabs.tabs-left>.nav.nav-tabs>li>a:hover{background:#fff!important;border-color:#d6e7f2!important;color:#057fa9!important;box-shadow:0 8px 18px rgba(8,70,110,.08)}
body.ecto-service-page .tabs.tabs-left>.tab-content{margin-left:0!important;overflow:visible!important}
body.ecto-service-page .tabs.tabs-left>.tab-content>.tab-pane.active{display:flex!important;flex-wrap:wrap;gap:22px;align-items:flex-start}
body.ecto-service-page .tabs.tabs-left>.tab-content>.tab-pane.active>[class*="col-sm-5"],
body.ecto-service-page .tabs.tabs-left>.tab-content>.tab-pane.active>[class*="col-md-5"]{width:min(100%,360px)!important;float:none!important;padding:0!important;flex:0 0 min(100%,360px)}
body.ecto-service-page .tabs.tabs-left>.tab-content>.tab-pane.active>[class*="col-sm-7"],
body.ecto-service-page .tabs.tabs-left>.tab-content>.tab-pane.active>[class*="col-md-7"]{width:calc(100% - 382px)!important;min-width:320px;float:none!important;padding:0!important;flex:1 1 420px}
body.ecto-service-page .content-block,
body.ecto-balance-page .content-block{padding:22px!important;border:1px solid var(--ecto-line)!important;border-radius:22px!important;background:#fff!important;box-shadow:0 10px 30px rgba(15,45,75,.08)!important}
body.ecto-service-page .content-block .nav.nav-tabs{display:flex!important;flex-wrap:wrap;gap:10px;margin:0 0 18px!important;padding:10px!important;border:1px solid #d9eaf3!important;border-radius:16px!important;background:#f4fafc!important}
body.ecto-service-page .content-block .nav.nav-tabs>li{float:none!important;margin:0!important}
body.ecto-service-page .content-block .nav.nav-tabs>li>a{margin:0!important;padding:10px 18px!important;border-radius:12px!important;border:1px solid transparent!important;background:transparent!important;color:#44627b!important;font-weight:800!important}
body.ecto-service-page .content-block .nav.nav-tabs>li.active>a,
body.ecto-service-page .content-block .nav.nav-tabs>li>a:hover{background:#fff!important;border-color:#d6e7f2!important;color:#057fa9!important}
body.ecto-service-page .content-block .buttons-box .btn,
body.ecto-balance-page .content-block .buttons-box .btn{width:100%;min-height:46px;border-radius:14px!important}
body.ecto-service-page .content-block label,
body.ecto-balance-page .content-block label{font-size:14px!important;line-height:1.35!important;margin-bottom:7px!important}
body.ecto-service-page .content-block .form-group,
body.ecto-balance-page .content-block .form-group{margin-bottom:18px!important}
body.ecto-service-page .content-block .form-group .required,
body.ecto-balance-page .content-block .form-group .required{color:#ef476f!important;margin-left:2px}
body.ecto-service-page .content-block .title,
body.ecto-balance-page .content-block .title{font-size:15px!important}
body.ecto-service-page #recharge_history,
body.ecto-balance-page #recharge_history{display:block}
body.ecto-service-page #recharge_history .table,
body.ecto-balance-page #recharge_history .table{margin-bottom:0!important}
body.ecto-service-page table thead:first-child th,
body.ecto-balance-page table thead:first-child th{background:#edf7fb!important;color:#28475e!important}
body.ecto-service-page table tbody tr.success td,
body.ecto-balance-page table tbody tr.success td{background:#ecfdf3!important;color:#175c35!important}
body.ecto-service-page table tbody tr.danger td,
body.ecto-balance-page table tbody tr.danger td{background:#fff1f3!important;color:#9f1239!important}
body.ecto-service-page table tbody tr.warning td,
body.ecto-balance-page table tbody tr.warning td{background:#fff8eb!important;color:#9a5a00!important}
body.ecto-service-page table tbody tr.success td:first-child,
body.ecto-balance-page table tbody tr.success td:first-child{box-shadow:inset 4px 0 0 #22a35c}
body.ecto-service-page table tbody tr.danger td:first-child,
body.ecto-balance-page table tbody tr.danger td:first-child{box-shadow:inset 4px 0 0 #ec4b74}
body.ecto-service-page table tbody tr.warning td:first-child,
body.ecto-balance-page table tbody tr.warning td:first-child{box-shadow:inset 4px 0 0 #f59e0b}
body.ecto-service-page table tbody td:nth-child(5),
body.ecto-balance-page table tbody td:nth-child(7){font-weight:800!important}
body.ecto-service-page .alert,
body.ecto-balance-page .alert{border-radius:16px!important;border:1px solid var(--ecto-line)!important;box-shadow:0 8px 22px rgba(15,45,75,.07)}

.recharge-actions{white-space:nowrap;min-width:132px;text-align:center}
.recharge-action{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin:2px 3px;border-radius:11px;text-decoration:none!important;vertical-align:middle;box-sizing:border-box;box-shadow:0 8px 18px rgba(15,45,75,.11)}
.recharge-action i{font-size:16px;line-height:1;color:#fff}
.recharge-action.rc-print{background:linear-gradient(135deg,#0f4f78,#1e81c0)}
.recharge-action.rc-print img{width:16px;height:16px;object-fit:contain;filter:brightness(0) invert(1)}
.recharge-action.rc-whatsapp{background:linear-gradient(135deg,#12a64b,#25d366)}
.recharge-action.rc-pdf{background:linear-gradient(135deg,#d64541,#f36c61)}
.recharge-action:hover{filter:none;transform:translateY(-1px)}

body.ecto-balance-page .tab-content>.tab-pane.fade.in.active{display:flex!important;flex-wrap:wrap;gap:22px;align-items:flex-start}
body.ecto-balance-page .tab-content>.tab-pane.fade.in.active>[class*="col-sm-5"],
body.ecto-balance-page .tab-content>.tab-pane.fade.in.active>[class*="col-md-5"]{width:min(100%,440px)!important;float:none!important;padding:0!important;flex:0 0 min(100%,440px)}
body.ecto-balance-page .tab-content>.tab-pane.fade.in.active>[class*="col-sm-7"],
body.ecto-balance-page .tab-content>.tab-pane.fade.in.active>[class*="col-md-7"]{width:calc(100% - 462px)!important;min-width:320px;float:none!important;padding:0!important;flex:1 1 420px}
body.ecto-balance-page input[type=file].form-control{padding:12px!important;min-height:54px;background:#f7fbfd!important;border-style:dashed!important}
body.ecto-balance-page small{display:block;color:#718399!important;margin-top:6px}
body.ecto-balance-page .proof-popup{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:999px;background:#eff8fd;color:#067aa3;font-weight:800}
body.ecto-balance-page .proof-popup:hover{background:#dff2fb}

.ecto-action-grid--compact{grid-template-columns:repeat(4,minmax(0,1fr))}
.ecto-telecom-page-shell{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.ecto-telecom-page-shell .content.col-sm-12.col-md-12{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}

@media(max-width:1100px){
  .ecto-action-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:991px){
  body.ecto-service-page .tabs.tabs-left,
  body.ecto-balance-page .tab-content>.tab-pane.fade.in.active{padding:18px}
  body.ecto-service-page .tabs.tabs-left>.tab-content>.tab-pane.active>[class*="col-sm-5"],
  body.ecto-service-page .tabs.tabs-left>.tab-content>.tab-pane.active>[class*="col-md-5"],
  body.ecto-service-page .tabs.tabs-left>.tab-content>.tab-pane.active>[class*="col-sm-7"],
  body.ecto-service-page .tabs.tabs-left>.tab-content>.tab-pane.active>[class*="col-md-7"],
  body.ecto-balance-page .tab-content>.tab-pane.fade.in.active>[class*="col-sm-5"],
  body.ecto-balance-page .tab-content>.tab-pane.fade.in.active>[class*="col-md-5"],
  body.ecto-balance-page .tab-content>.tab-pane.fade.in.active>[class*="col-sm-7"],
  body.ecto-balance-page .tab-content>.tab-pane.fade.in.active>[class*="col-md-7"]{width:100%!important;min-width:0;flex:1 1 100%}
}
@media(max-width:640px){
  .ecto-action-grid--compact{grid-template-columns:1fr}
  body.ecto-service-page .tabs.tabs-left>.nav.nav-tabs,
  body.ecto-service-page .content-block .nav.nav-tabs{gap:8px;padding:9px!important}
  body.ecto-service-page .tabs.tabs-left>.nav.nav-tabs>li>a,
  body.ecto-service-page .content-block .nav.nav-tabs>li>a{padding:10px 14px!important}
}

/* Scroll controls */
.ecto-scroll-dock{position:fixed;right:18px;bottom:92px;z-index:1080;display:flex;flex-direction:column;gap:10px;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease}
.ecto-scroll-dock.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}
.ecto-scroll-btn{width:46px;height:46px;border:0;border-radius:14px;background:linear-gradient(135deg,#0b85ae,#06668b);color:#fff;display:grid;place-items:center;box-shadow:0 12px 26px rgba(8,76,104,.24);font-size:18px;line-height:1}
.ecto-scroll-btn:hover,.ecto-scroll-btn:focus{background:linear-gradient(135deg,#0da1d2,#08759d);color:#fff}
.ecto-scroll-btn[disabled]{opacity:.38;cursor:default;box-shadow:none}
.ecto-scroll-btn .glyphicon{top:0}
@media(max-width:991px){.ecto-scroll-dock{right:12px;bottom:96px}.ecto-scroll-btn{width:42px;height:42px;border-radius:12px}}

/* v9 premium dashboard and full telecom-page redesign */
.ecto-premium-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:10px 0 30px}
.ecto-summary-card{position:relative;overflow:hidden;min-height:190px;padding:28px;border-radius:26px;color:#fff;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;box-shadow:0 22px 48px rgba(8,42,67,.18);isolation:isolate}
.ecto-summary-card__shine{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 88% 18%,rgba(255,255,255,.28),transparent 28%),linear-gradient(135deg,rgba(255,255,255,.06),transparent 55%)}
.ecto-summary-wallet{background:linear-gradient(135deg,#063f66 0%,#067aa3 52%,#10b5d5 100%)}
.ecto-summary-credit{background:linear-gradient(135deg,#2c1b69 0%,#6354c8 52%,#9a77e8 100%)}
.ecto-summary-icon{width:74px;height:74px;border-radius:22px;display:grid;place-items:center;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);font-size:30px;box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}
.ecto-summary-copy{min-width:0;display:flex;flex-direction:column;gap:7px}
.ecto-summary-label{font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:rgba(255,255,255,.78)}
.ecto-summary-value{font-size:38px;line-height:1.05;font-weight:900;letter-spacing:-.03em;color:#fff}
.ecto-summary-meta{font-size:14px;color:rgba(255,255,255,.82);white-space:normal}
.ecto-summary-action{width:48px;height:48px;border-radius:16px;background:#fff;color:#087da5;display:grid;place-items:center;text-decoration:none!important;box-shadow:0 12px 28px rgba(0,0,0,.16);transition:transform .2s ease,box-shadow .2s ease}
.ecto-summary-credit .ecto-summary-action{color:#6553c8}
.ecto-summary-action:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(0,0,0,.22)}

.ecto-service-intro{display:flex;align-items:center;gap:18px;padding:24px 26px;margin:0 0 22px;border-radius:24px;background:linear-gradient(135deg,#073d63,#0786ae 60%,#18b7d1);color:#fff;box-shadow:0 18px 38px rgba(7,72,104,.16);position:relative;overflow:hidden}
.ecto-service-intro:after{content:"";position:absolute;right:-80px;top:-110px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.1)}
.ecto-service-intro__icon{position:relative;z-index:1;flex:0 0 68px;width:68px;height:68px;border-radius:20px;display:grid;place-items:center;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.24);font-size:30px}
.ecto-service-intro__copy{position:relative;z-index:1;min-width:0;flex:1}
.ecto-service-intro .ecto-eyebrow{color:#bfefff}
.ecto-service-intro h1{margin:4px 0 5px;color:#fff;font-size:28px;font-weight:900;letter-spacing:-.02em}
.ecto-service-intro p{margin:0;max-width:720px;color:rgba(255,255,255,.84);font-size:14px;line-height:1.65}
.ecto-service-intro__badges{position:relative;z-index:1;display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.ecto-service-intro__badges span{display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);font-size:12px;font-weight:800;color:#fff}

.ecto-form-heading{margin:-2px 0 22px;padding-bottom:18px;border-bottom:1px solid #e3eef4}
.ecto-form-heading h2,.ecto-history-heading h2{margin:4px 0 4px;font-size:22px;line-height:1.15;color:#0b2943;font-weight:900;letter-spacing:-.02em}
.ecto-form-heading p{margin:0;color:#71849a;font-size:13px}
.ecto-history-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px;padding:0 2px 16px;border-bottom:1px solid #e3eef4}
.ecto-live-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;background:#ebfbf1;color:#18804b;font-size:12px;font-weight:800;white-space:nowrap}
.ecto-live-pill i{font-size:8px;color:#24b36b}

body.ecto-page-prepaid-mobile-php #main article.content,
body.ecto-page-broadband-php #main article.content,
body.ecto-page-landline-php #main article.content{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
body.ecto-page-prepaid-mobile-php .bottom-padding,
body.ecto-page-broadband-php .bottom-padding,
body.ecto-page-landline-php .bottom-padding{padding-bottom:0!important}
body.ecto-page-prepaid-mobile-php .tabs.tabs-left,
body.ecto-page-broadband-php .tabs.tabs-left,
body.ecto-page-landline-php .tabs.tabs-left{background:#fff!important;border:1px solid #dbe8ef!important;border-radius:26px!important;padding:26px!important;box-shadow:0 18px 44px rgba(19,54,82,.09)!important}
body.ecto-page-prepaid-mobile-php .tabs.tabs-left>.nav.nav-tabs,
body.ecto-page-broadband-php .tabs.tabs-left>.nav.nav-tabs,
body.ecto-page-landline-php .tabs.tabs-left>.nav.nav-tabs{margin-bottom:26px!important;background:linear-gradient(180deg,#f3f9fc,#edf6fa)!important;border:1px solid #dcebf3!important}
body.ecto-page-prepaid-mobile-php .content-block,
body.ecto-page-broadband-php .content-block,
body.ecto-page-landline-php .content-block{border-radius:24px!important;padding:26px!important;box-shadow:none!important;border:1px solid #dce8ef!important;background:linear-gradient(180deg,#fff,#fbfdff)!important}
body.ecto-page-prepaid-mobile-php .form-control,
body.ecto-page-broadband-php .form-control,
body.ecto-page-landline-php .form-control{min-height:52px!important;border-radius:15px!important;border:1px solid #cbddea!important;background:#fbfdff!important;box-shadow:0 5px 14px rgba(20,63,93,.03)!important;padding-left:16px!important;padding-right:16px!important;font-size:15px!important}
body.ecto-page-prepaid-mobile-php .form-control:focus,
body.ecto-page-broadband-php .form-control:focus,
body.ecto-page-landline-php .form-control:focus{border-color:#16a8cf!important;box-shadow:0 0 0 4px rgba(22,168,207,.12)!important;background:#fff!important}
body.ecto-page-prepaid-mobile-php .buttons-box .btn,
body.ecto-page-broadband-php .buttons-box .btn,
body.ecto-page-landline-php .buttons-box .btn{min-height:50px!important;border:0!important;border-radius:15px!important;background:linear-gradient(135deg,#078eb7,#11b6d5)!important;font-size:15px!important;font-weight:900!important;box-shadow:0 12px 24px rgba(8,143,183,.2)!important}
body.ecto-page-prepaid-mobile-php #cbs .content-block,
body.ecto-page-broadband-php #cbs .content-block,
body.ecto-page-landline-php #cbs .content-block{background:#fff!important}
body.ecto-page-prepaid-mobile-php #recharge_history .ecto-table-wrap,
body.ecto-page-broadband-php #recharge_history .ecto-table-wrap,
body.ecto-page-landline-php #recharge_history .ecto-table-wrap{border:1px solid #dce8ef;border-radius:18px;overflow:auto;background:#fff}
body.ecto-page-prepaid-mobile-php #recharge_history table,
body.ecto-page-broadband-php #recharge_history table,
body.ecto-page-landline-php #recharge_history table{min-width:680px;margin:0!important}
body.ecto-page-prepaid-mobile-php #recharge_history thead:first-child,
body.ecto-page-broadband-php #recharge_history thead:first-child,
body.ecto-page-landline-php #recharge_history thead:first-child{background:#f2f9fc}
body.ecto-page-prepaid-mobile-php #recharge_history th,
body.ecto-page-broadband-php #recharge_history th,
body.ecto-page-landline-php #recharge_history th{padding:15px 13px!important;white-space:nowrap}
body.ecto-page-prepaid-mobile-php #recharge_history td,
body.ecto-page-broadband-php #recharge_history td,
body.ecto-page-landline-php #recharge_history td{padding:13px!important;vertical-align:middle!important}
body.ecto-page-prepaid-mobile-php .alert,
body.ecto-page-broadband-php .alert,
body.ecto-page-landline-php .alert{margin-bottom:20px!important;border:0!important;border-left:5px solid #f59e0b!important;background:#fff8e7!important;color:#8a5400!important;padding:17px 20px!important}

@media(max-width:991px){
  .ecto-premium-summary{grid-template-columns:1fr}
  .ecto-summary-card{min-height:160px}
  .ecto-service-intro{align-items:flex-start;flex-wrap:wrap}
  .ecto-service-intro__badges{width:100%;justify-content:flex-start}
}
@media(max-width:640px){
  .ecto-premium-summary{gap:14px;margin-bottom:20px}
  .ecto-summary-card{grid-template-columns:auto 1fr;padding:20px;min-height:145px;border-radius:22px}
  .ecto-summary-icon{width:58px;height:58px;border-radius:18px;font-size:24px}
  .ecto-summary-value{font-size:28px}
  .ecto-summary-action{position:absolute;right:18px;top:18px;width:40px;height:40px}
  .ecto-service-intro{padding:20px;border-radius:22px}
  .ecto-service-intro__icon{width:56px;height:56px;flex-basis:56px;border-radius:17px;font-size:24px}
  .ecto-service-intro h1{font-size:23px}
  body.ecto-page-prepaid-mobile-php .tabs.tabs-left,
  body.ecto-page-broadband-php .tabs.tabs-left,
  body.ecto-page-landline-php .tabs.tabs-left{padding:16px!important;border-radius:22px!important}
  body.ecto-page-prepaid-mobile-php .content-block,
  body.ecto-page-broadband-php .content-block,
  body.ecto-page-landline-php .content-block{padding:18px!important;border-radius:20px!important}
}

/* v10 login stability and native page scrolling */
html,body{overflow-x:hidden!important;overflow-y:auto!important;height:auto!important;min-height:100%!important}
body.menu-open,body.nav-open,body.modal-open:not(.ecto-proof-open){overflow-y:auto!important}
.page-box,.page-box-content{height:auto!important;min-height:100vh!important;overflow:visible!important}

.ecto-login-page{padding:56px 0 70px!important;background:radial-gradient(circle at 12% 10%,rgba(11,181,215,.10),transparent 30%),linear-gradient(180deg,#f4f9fc,#eef5f9)!important}
.ecto-login-page .ecto-login-shell{max-width:1120px!important}
.ecto-login-heading{max-width:760px;margin:0 0 28px}
.ecto-login-heading h1{margin:5px 0 8px;color:#0b2943;font-size:clamp(34px,4vw,52px);font-weight:900;letter-spacing:-.035em}
.ecto-login-heading p{margin:0;color:#61788e;font-size:16px;line-height:1.7}
.ecto-login-grid{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(420px,1.18fr);gap:24px;align-items:stretch}
.ecto-login-aside,.ecto-login-card{border:1px solid #d9e7ef;border-radius:28px;box-shadow:0 24px 60px rgba(13,58,88,.12);overflow:hidden}
.ecto-login-aside{padding:38px;background:linear-gradient(145deg,#063b60,#0786ae 68%,#12b7d5);color:#fff;position:relative}
.ecto-login-aside:after{content:"";position:absolute;right:-80px;bottom:-100px;width:250px;height:250px;border-radius:50%;background:rgba(255,255,255,.09)}
.ecto-login-badge{width:62px;height:62px;display:grid;place-items:center;border-radius:20px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.24);font-size:26px;margin-bottom:24px}
.ecto-login-aside .ecto-eyebrow{color:#bfefff!important}
.ecto-login-aside h2{position:relative;z-index:1;margin:8px 0 14px;color:#fff;font-size:34px;line-height:1.08;font-weight:900;letter-spacing:-.03em}
.ecto-login-aside p{position:relative;z-index:1;margin:0;color:rgba(255,255,255,.82);font-size:15px;line-height:1.7}
.ecto-login-benefits{position:relative;z-index:1;list-style:none;margin:28px 0 0;padding:0;display:grid;gap:13px}
.ecto-login-benefits li{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700}
.ecto-login-benefits i{color:#8ff2c4}
.ecto-login-card{padding:34px;background:#fff;min-height:520px}
.ecto-auth-panel{display:none}
.ecto-auth-panel.is-active{display:block}
.ecto-auth-panel__heading{margin-bottom:26px;padding-bottom:20px;border-bottom:1px solid #e4eef4}
.ecto-auth-panel__heading h2{margin:5px 0 6px;color:#0d2c46;font-size:30px;font-weight:900;letter-spacing:-.025em}
.ecto-auth-panel__heading p{margin:0;color:#708398;line-height:1.6}
.ecto-login-page .form-box{height:auto!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.ecto-login-page .form-group{margin-bottom:20px!important}
.ecto-login-page .form-group label{display:block;margin-bottom:8px;color:#18334b;font-size:14px;font-weight:800}
.ecto-login-page .form-control{width:100%;min-height:54px;border:1px solid #cbdde9!important;border-radius:16px!important;background:#fafdff!important;padding:12px 16px!important;font-size:16px!important;box-shadow:none!important}
.ecto-login-page .form-control:focus{background:#fff!important;border-color:#0aa6ce!important;box-shadow:0 0 0 4px rgba(10,166,206,.12)!important}
.ecto-password-field{position:relative}
.ecto-password-field .form-control{padding-right:54px!important}
.ecto-password-toggle{position:absolute;right:8px;top:7px;width:40px;height:40px;border:0;border-radius:12px;background:#eaf7fc;color:#087fa9}
.ecto-remember{display:flex;align-items:center;gap:10px;margin:2px 0 22px;color:#334c63;font-weight:700}
.ecto-remember input{width:18px;height:18px;margin:0}
.ecto-auth-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ecto-login-page .ecto-auth-actions .btn{min-height:50px;padding:12px 22px;border:0!important;border-radius:15px!important;background:linear-gradient(135deg,#087fa9,#0bb5d7)!important;color:#fff!important;font-weight:900!important;box-shadow:0 12px 24px rgba(7,151,200,.20)}
.ecto-link-button{border:0;background:transparent;color:#087fa9;font-weight:800;padding:10px 4px}
.ecto-login-page .alert{max-width:100%;margin:0 0 22px;border-radius:16px;border:0;padding:16px 18px}

@media(max-width:900px){
  .ecto-login-grid{grid-template-columns:1fr}
  .ecto-login-aside{padding:28px}
  .ecto-login-card{min-height:0}
}
@media(max-width:600px){
  .ecto-login-page{padding:28px 0 44px!important}
  .ecto-login-heading h1{font-size:32px}
  .ecto-login-grid{gap:16px}
  .ecto-login-aside,.ecto-login-card{border-radius:22px}
  .ecto-login-aside{padding:24px}
  .ecto-login-aside h2{font-size:28px}
  .ecto-login-card{padding:22px}
  .ecto-auth-panel__heading h2{font-size:25px}
  .ecto-auth-actions{align-items:stretch;flex-direction:column}
  .ecto-login-page .ecto-auth-actions .btn,.ecto-link-button{width:100%}
}

/* v11 mobile navigation stability */
@media(max-width:991px){
  .header .right-box,.header .right-box-wrapper,.header .primary,.header .primary .navbar{position:static!important}
  .header .primary .navbar-toggle{position:relative!important;z-index:11020!important;background:#0b98c2!important;border:0!important;border-radius:13px!important;color:#fff!important;min-width:48px;min-height:44px;padding:10px 12px!important}
  .header .primary .navbar-toggle .text{display:none!important}
  .header .primary .navbar-toggle .icon-bar{background:#fff!important;width:23px!important;height:2px!important;margin:4px auto!important}
  .header .primary .navbar-collapse{position:fixed!important;top:0!important;right:0!important;left:auto!important;width:min(88vw,380px)!important;height:100vh!important;max-height:100vh!important;padding:76px 16px 110px!important;background:#fff!important;border:0!important;border-left:1px solid #dbe8ef!important;border-radius:0!important;box-shadow:-18px 0 45px rgba(10,42,65,.2)!important;overflow-y:auto!important;overflow-x:hidden!important;z-index:11010!important;transform:translateX(102%);display:block!important;visibility:hidden!important;transition:transform .24s ease,visibility .24s ease!important}
  .header .primary .navbar-collapse.in{transform:translateX(0);visibility:visible!important}
  .header .primary .navbar-collapse:before{content:"Menu"!important;position:absolute;top:24px;left:22px;right:70px;padding:0 0 14px!important;margin:0!important;font-size:20px!important;font-weight:900!important;color:#0e2942!important;border-bottom:1px solid #e3edf3!important}
  .ecto-menu-backdrop{position:fixed;inset:0;background:rgba(4,25,40,.52);z-index:900;opacity:0;visibility:hidden;transition:.22s ease}
  body.ecto-menu-open .ecto-menu-backdrop{opacity:1;visibility:visible}
  body.ecto-menu-open{overflow:hidden!important}
  .header .primary .navbar-nav{width:100%!important;margin:0!important;padding:0!important}
  .header .primary .navbar-nav>li{display:block!important;width:100%!important;border:0!important;border-bottom:1px solid #edf2f6!important;background:#fff!important}
  .header .primary .navbar-nav>li>a{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:48px!important;padding:13px 14px!important;border-radius:12px!important;color:#203b53!important;background:#fff!important;font-size:14px!important;font-weight:800!important;white-space:normal!important}
  .header .primary .navbar-nav>li>a.active,.header .primary .navbar-nav>li>a:hover{background:#eaf7fc!important;color:#087fa9!important}
  .header .primary .navbar-nav>li.parent>a:after{content:"+";font-size:18px;font-weight:900;color:#46647d;margin-left:12px}
  .header .primary .navbar-nav>li.parent.is-open>a:after{content:"−"}
  .header .primary .navbar-nav>li.parent>ul.sub{position:static!important;display:none!important;visibility:visible!important;opacity:1!important;transform:none!important;width:100%!important;min-width:0!important;margin:0 0 8px!important;padding:6px 8px 10px!important;background:#f4f9fc!important;border:0!important;border-radius:12px!important;box-shadow:none!important}
  .header .primary .navbar-nav>li.parent.is-open>ul.sub{display:block!important}
  .header .primary .navbar-nav>li.parent>ul.sub>li{display:block!important;width:100%!important;border:0!important;background:transparent!important}
  .header .primary .navbar-nav>li.parent>ul.sub>li>a{display:block!important;padding:11px 13px!important;border-radius:10px!important;color:#38546c!important;background:transparent!important;font-size:13px!important;font-weight:700!important;white-space:normal!important}
  .header .primary .navbar-nav>li.parent>ul.sub>li>a:hover{background:#fff!important;color:#087fa9!important}
  .header .primary .navbar-nav>li.parent>ul.sub>li:not(:has(a)){display:none!important}
}

/* v11 modern report pages */
body.ecto-report-page #main article.content{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
body.ecto-report-page #main .row{margin:0!important}
body.ecto-report-page #main [class*="col-"]{padding:0!important}
body.ecto-report-page .content-block,
body.ecto-report-page .single_datatable,
body.ecto-report-page #dt1{background:#fff!important;border:1px solid #dbe8ef!important;border-radius:24px!important;box-shadow:0 18px 42px rgba(14,52,80,.09)!important;overflow:hidden!important}
body.ecto-report-page .content-block{padding:0!important}
body.ecto-report-page .content-block>.title,
body.ecto-report-page article.content>.title{margin:0!important;padding:22px 24px!important;background:linear-gradient(135deg,#083e62,#0a96bd)!important;color:#fff!important;font-size:22px!important;font-weight:900!important;letter-spacing:-.02em}
body.ecto-report-page .single_datatable{border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important}
body.ecto-report-page .ecto-table-wrap{border:0!important;border-radius:0!important;overflow:auto!important;background:#fff!important}
body.ecto-report-page table{width:100%!important;min-width:920px!important;margin:0!important;border-collapse:separate!important;border-spacing:0!important}
body.ecto-report-page table thead th{position:sticky;top:0;z-index:2;padding:15px 14px!important;background:#eaf6fb!important;color:#173b56!important;border-bottom:1px solid #cfe4ee!important;font-size:13px!important;font-weight:900!important;white-space:nowrap!important;text-align:left!important}
body.ecto-report-page table tbody td{padding:14px!important;border-bottom:1px solid #edf2f5!important;color:#29465d!important;background:#fff!important;vertical-align:middle!important}
body.ecto-report-page table tbody tr:hover td{background:#f8fcfe!important}
body.ecto-report-page table tbody tr.success td{background:#effbf4!important;color:#17623a!important}
body.ecto-report-page table tbody tr.danger td{background:#fff2f4!important;color:#a11642!important}
body.ecto-report-page table tbody tr.warning td{background:#fff8e9!important;color:#8b5600!important}
body.ecto-report-page table tbody tr.success td:first-child{box-shadow:inset 4px 0 0 #21a563}
body.ecto-report-page table tbody tr.danger td:first-child{box-shadow:inset 4px 0 0 #e84c74}
body.ecto-report-page table tbody tr.warning td:first-child{box-shadow:inset 4px 0 0 #f59e0b}
body.ecto-report-page form{margin:0!important}
body.ecto-report-page form .form-control{min-height:46px!important;margin:0!important;border:1px solid #cadce8!important;border-radius:12px!important;background:#fbfdff!important;box-shadow:none!important;font-size:13px!important}
body.ecto-report-page form .form-control:focus{border-color:#0aa6ce!important;box-shadow:0 0 0 4px rgba(10,166,206,.11)!important;background:#fff!important}
body.ecto-report-page form input[type=submit],body.ecto-report-page form .btn{min-height:44px!important;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,#0789b1,#0cb8d6)!important;color:#fff!important;font-weight:900!important;padding:10px 18px!important;box-shadow:0 10px 20px rgba(8,142,181,.18)!important}
body.ecto-report-page .dataTables_wrapper{padding:18px!important}
body.ecto-report-page .dataTables_length,body.ecto-report-page .dataTables_filter{margin-bottom:14px!important;color:#587086!important;font-weight:700!important}
body.ecto-report-page .dataTables_filter input,body.ecto-report-page .dataTables_length select{border:1px solid #cadce8!important;border-radius:10px!important;background:#fff!important;padding:8px 10px!important}
body.ecto-report-page .dataTables_info,body.ecto-report-page .dataTables_paginate{padding-top:16px!important;color:#6d8295!important}
body.ecto-report-page .paginate_button{border-radius:9px!important;border:1px solid #d7e5ed!important;background:#fff!important;color:#31536c!important;margin:0 3px!important}
body.ecto-report-page .paginate_button.current{background:#0b91b8!important;color:#fff!important;border-color:#0b91b8!important}

@media(max-width:767px){
  body.ecto-report-page .content-block>.title,body.ecto-report-page article.content>.title{font-size:19px!important;padding:18px!important}
  body.ecto-report-page .content-block,body.ecto-report-page .single_datatable{border-radius:20px!important}
  body.ecto-report-page table{min-width:760px!important}
}

.ecto-report-hero{display:flex;align-items:center;gap:18px;margin:0 0 22px;padding:24px 26px;border-radius:24px;background:linear-gradient(135deg,#073d61,#0a8fb7 72%,#12b8d5);color:#fff;box-shadow:0 18px 42px rgba(9,78,108,.18);position:relative;overflow:hidden}
.ecto-report-hero:after{content:"";position:absolute;right:-70px;bottom:-100px;width:230px;height:230px;border-radius:50%;background:rgba(255,255,255,.09)}
.ecto-report-hero__icon{width:62px;height:62px;display:grid;place-items:center;flex:0 0 62px;border-radius:19px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.2);font-size:26px}
.ecto-report-hero .ecto-eyebrow{color:#c9f3ff!important}
.ecto-report-hero h1{margin:4px 0 5px!important;color:#fff!important;font-size:28px!important;font-weight:900!important;letter-spacing:-.025em}
.ecto-report-hero p{margin:0!important;color:rgba(255,255,255,.82)!important;line-height:1.6}
.ecto-report-hero__badge{margin-left:auto;position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);font-weight:800;white-space:nowrap}

@media(min-width:992px){
  .header .primary .navbar-nav>li.parent>ul.sub{min-width:245px!important;padding:10px!important;border:1px solid #dbe8ef!important;border-radius:16px!important;background:#fff!important;box-shadow:0 18px 42px rgba(12,47,73,.16)!important}
  .header .primary .navbar-nav>li.parent>ul.sub>li>a{display:block!important;padding:11px 13px!important;border-radius:10px!important;color:#334f67!important;font-size:13px!important;font-weight:700!important;white-space:normal!important}
  .header .primary .navbar-nav>li.parent>ul.sub>li>a:hover{background:#edf8fc!important;color:#087fa9!important}
  .header .primary .navbar-nav>li.parent>ul.sub>li:not(:has(a)){height:1px!important;margin:5px 8px!important;padding:0!important;background:#e4edf2!important;font-size:0!important;overflow:hidden!important}
}
@media(max-width:767px){
  .ecto-report-hero{align-items:flex-start;padding:20px;border-radius:20px}
  .ecto-report-hero__icon{width:50px;height:50px;flex-basis:50px;border-radius:15px;font-size:21px}
  .ecto-report-hero h1{font-size:22px!important}
  .ecto-report-hero__badge{display:none}
}

/* v12: restore both mobile menus, modern finance forms and mobile ledger scrolling */
@media(max-width:991px){
  /* Top quick-actions menu: compact sheet under the blue wallet bar */
  #top-box .top-navbar{position:static!important}
  #top-box .top-navbar .navbar-toggle{display:flex!important;align-items:center;justify-content:center;float:right!important;width:44px;height:44px;margin:5px 0!important;padding:0!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:13px!important;background:rgba(255,255,255,.13)!important;box-shadow:none!important}
  #top-box .top-navbar .navbar-toggle .icon-bar{display:block!important;width:20px!important;height:2px!important;margin:3px auto!important;background:#fff!important}
  #top-box .top-navbar .navbar-collapse{position:fixed!important;top:66px!important;right:12px!important;left:auto!important;width:min(84vw,300px)!important;height:auto!important;max-height:calc(100vh - 92px)!important;margin:0!important;padding:10px!important;border:1px solid #d7e6ef!important;border-radius:18px!important;background:#fff!important;box-shadow:0 18px 48px rgba(8,42,65,.24)!important;overflow:auto!important;z-index:11110!important;transform:translateY(-10px) scale(.97)!important;transform-origin:top right!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;display:block!important;transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important}
  #top-box .top-navbar .navbar-collapse.in{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0) scale(1)!important}
  #top-box .top-navbar .navbar-nav{float:none!important;width:100%!important;margin:0!important}
  #top-box .top-navbar .navbar-nav>li{float:none!important;width:100%!important;border-bottom:1px solid #edf2f6!important}
  #top-box .top-navbar .navbar-nav>li:last-child{border-bottom:0!important}
  #top-box .top-navbar .navbar-nav>li>a{display:flex!important;align-items:center!important;gap:10px!important;padding:13px 14px!important;border-radius:11px!important;color:#17374f!important;background:#fff!important;font-weight:800!important}
  #top-box .top-navbar .navbar-nav>li>a:hover{background:#eaf7fc!important;color:#087fa9!important}

  /* Main navigation drawer: completely absent while closed (fixes white empty panel) */
  .header .primary .navbar-collapse,
  .header .primary .navbar-collapse.collapse{
    right:-410px!important;
    transform:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    display:block!important;
  }
  .header .primary .navbar-collapse.in,
  .header .primary .navbar-collapse.collapse.in{
    right:0!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .header .primary .navbar-toggle{display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important}
  .header .primary .navbar-toggle:after{content:"Menu";position:absolute;right:54px;top:50%;transform:translateY(-50%);padding:8px 12px;border-radius:11px;background:#eef8fc;color:#087fa9;font-size:12px;font-weight:900;white-space:nowrap}
  body.ecto-menu-open .header .primary .navbar-toggle:after{display:none!important}
  .primary .navbar-collapse .submenu-toggle{display:none!important}
  .header .primary .navbar-collapse{width:min(86vw,360px)!important;padding:78px 14px 110px!important;background:linear-gradient(180deg,#ffffff 0%,#f7fbfd 100%)!important}
  .header .primary .navbar-collapse:before{left:18px!important;right:68px!important;top:20px!important;padding:0 0 14px!important;font-size:22px!important}
  .ecto-drawer-close{position:absolute;top:16px;right:16px;width:42px;height:42px;border:0;border-radius:14px;background:#0b98c2;color:#fff;display:grid;place-items:center;box-shadow:0 12px 26px rgba(8,94,127,.22)}
  .ecto-drawer-close i{font-size:18px;line-height:1}
  .header .primary .navbar-nav{padding-top:4px!important}
  .header .primary .navbar-nav>li{margin:0 0 8px!important;border:0!important;background:transparent!important}
  .header .primary .navbar-nav>li>a{gap:12px!important;padding:13px 14px!important;border:1px solid #dce9f0!important;border-radius:16px!important;background:#fff!important;box-shadow:0 10px 24px rgba(15,61,88,.05)!important}
  .header .primary .navbar-nav>li>a .ecto-link-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 34px;width:34px;height:34px;border-radius:12px;background:#eaf7fc;color:#087fa9;font-size:16px}
  .header .primary .navbar-nav>li>a .ecto-link-icon i{line-height:1}
  .header .primary .navbar-nav>li>a.active,
  .header .primary .navbar-nav>li>a:hover,
  .header .primary .navbar-nav>li.parent.is-open>a{background:#ecf8fd!important;border-color:#bde3f0!important;color:#087fa9!important}
  .header .primary .navbar-nav>li.parent>a:after{margin-left:auto!important;flex:0 0 auto;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#eef5f9;color:#38546c}
  .header .primary .navbar-nav>li.parent.is-open>a:after{background:#087fa9;color:#fff}
  .header .primary .navbar-nav>li.parent>ul.sub{margin:6px 4px 12px!important;padding:8px!important;background:#eef7fb!important;border:1px solid #d6e8f0!important;border-radius:18px!important}
  .header .primary .navbar-nav>li.parent>ul.sub>li{margin:0 0 6px!important}
  .header .primary .navbar-nav>li.parent>ul.sub>li:last-child{margin-bottom:0!important}
  .header .primary .navbar-nav>li.parent>ul.sub>li>a{display:flex!important;align-items:center!important;gap:10px!important;padding:10px 12px!important;border-radius:12px!important;background:transparent!important}
  .header .primary .navbar-nav>li.parent>ul.sub>li>a .ecto-link-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 28px;width:28px;height:28px;border-radius:10px;background:#fff;color:#087fa9;font-size:14px}
  .header .primary .navbar-nav>li.parent>ul.sub>li>a:hover{background:#fff!important}

  /* Keep both menu buttons visible and separated */
  .header .logo-box{width:64%!important}
  .header .right-box{width:36%!important}
}

/* Modern operation/forms pages */
body.ecto-finance-form-page #main article.content,
body.ecto-user-form-page #main article.content{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
body.ecto-finance-form-page #main article.content>.bottom-padding,
body.ecto-user-form-page #main article.content>.bottom-padding{padding:0!important}
body.ecto-finance-form-page .tabs,
body.ecto-user-form-page .tabs{padding:26px!important;border:1px solid #dbe8ef!important;border-radius:26px!important;background:linear-gradient(180deg,#fff,#f7fbfd)!important;box-shadow:0 20px 48px rgba(11,52,80,.09)!important}
body.ecto-finance-form-page .features-block>.col-sm-12,
body.ecto-user-form-page .features-block>.col-sm-12{padding:0!important}
body.ecto-finance-form-page .content-block,
body.ecto-user-form-page .content-block{padding:26px!important;border:1px solid #dbe8ef!important;border-radius:22px!important;background:#fff!important;box-shadow:0 12px 32px rgba(10,48,74,.09)!important;min-height:100%}
body.ecto-finance-form-page .content-block:before,
body.ecto-user-form-page .content-block:before{display:block;margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid #e5eef4;color:#083c5e;font-size:20px;font-weight:900;letter-spacing:-.02em}
body.ecto-page-fund-transfer-php .content-block:first-of-type:before{content:"Transfer details"}
body.ecto-page-fund-transfer-php .content-block:last-of-type:before{content:"Transfer calculation"}
body.ecto-page-fund-debit-php .content-block:first-of-type:before{content:"Reverse a fund transfer"}
body.ecto-page-fund-debit-php .content-block:last-of-type:before{content:"Request notes"}
body.ecto-page-payment-collection-php .content-block:first-of-type:before{content:"Record payment"}
body.ecto-page-payment-collection-php .content-block:last-of-type:before{content:"User credit details"}
body.ecto-page-add-user-php .content-block:first-of-type:before{content:"Create a new user"}
body.ecto-finance-form-page .form-group,
body.ecto-user-form-page .form-group{margin-bottom:20px!important}
body.ecto-finance-form-page label,
body.ecto-user-form-page label{display:block;margin-bottom:8px!important;color:#17364f!important;font-size:14px!important;font-weight:850!important}
body.ecto-finance-form-page .form-control,
body.ecto-user-form-page .form-control{min-height:54px!important;padding:12px 16px!important;border:1px solid #cbdde9!important;border-radius:16px!important;background:#fbfdff!important;box-shadow:none!important;font-size:16px!important}
body.ecto-finance-form-page .form-control:focus,
body.ecto-user-form-page .form-control:focus{border-color:#08a1cb!important;background:#fff!important;box-shadow:0 0 0 4px rgba(8,161,203,.11)!important}
body.ecto-finance-form-page .buttons-box .btn,
body.ecto-user-form-page .buttons-box .btn,
body.ecto-finance-form-page form .btn,
body.ecto-user-form-page form .btn{min-height:48px;padding:12px 20px!important;border:0!important;border-radius:15px!important;background:linear-gradient(135deg,#087fa9,#0bb5d7)!important;color:#fff!important;font-weight:900!important;box-shadow:0 12px 24px rgba(7,151,200,.19)!important}
body.ecto-finance-form-page .required,
body.ecto-user-form-page .required{color:#ef476f!important}

/* Modern account ledger */
body.ecto-account-ledger-page{margin:0;background:linear-gradient(180deg,#eef6fa,#f8fbfd);color:#16344c;font-family:Arial,sans-serif;overflow-x:hidden!important}
.ecto-account-ledger-shell{width:min(1180px,calc(100% - 24px));margin:18px auto 40px}
.ecto-account-toolbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;border-radius:18px;background:linear-gradient(135deg,#073f63,#0b96bd);color:#fff;box-shadow:0 14px 34px rgba(7,57,87,.22)}
.ecto-account-toolbar>div:first-child{display:flex;flex-direction:column;gap:3px}.ecto-account-toolbar strong{font-size:18px}.ecto-account-toolbar span{color:rgba(255,255,255,.78);font-size:12px}
.ecto-account-toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}.ecto-account-toolbar-actions .btn{border:0!important;border-radius:12px!important;font-weight:800!important}
.ecto-ledger-card{margin-top:16px;border:1px solid #d9e7ef;border-radius:22px;background:#fff;box-shadow:0 16px 40px rgba(11,50,77,.10);overflow:hidden}
.ecto-ledger-card__heading{padding:20px 22px;border-bottom:1px solid #e3edf3;background:#f7fbfd}.ecto-ledger-card__heading h1,.ecto-ledger-card__heading h2{margin:0;color:#0d3855;font-size:22px;font-weight:900}.ecto-ledger-card__heading p{margin:5px 0 0;color:#71869a}
.ecto-ledger-scroll{display:block;width:100%;max-width:100%;overflow-x:auto!important;overflow-y:visible!important;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;cursor:grab}
.ecto-ledger-scroll.is-dragging{cursor:grabbing;user-select:none}
.ecto-ledger-scroll table{width:max-content!important;min-width:980px!important;margin:0!important;border-collapse:separate!important;border-spacing:0!important}
.ecto-ledger-scroll th{position:sticky;top:0;background:#eaf6fb!important;color:#183a52!important;border-color:#dbe8ef!important;padding:12px!important;white-space:nowrap!important}
.ecto-ledger-scroll td{padding:11px 12px!important;border-color:#e3edf3!important;background:#fff!important;white-space:nowrap!important}
.ecto-ledger-scroll tbody tr:nth-child(even) td{background:#f8fbfd!important}
.ecto-ledger-filter input,.ecto-ledger-filter select{min-width:145px;min-height:44px;padding:9px 12px;border:1px solid #cbdde9;border-radius:12px;background:#fff}
.ecto-ledger-filter button{min-height:44px;padding:10px 18px;border:0;border-radius:12px;background:#08a3cf;color:#fff;font-weight:900}
.ecto-ledger-hint{display:none;padding:10px 14px;color:#567086;background:#fff8e8;border-top:1px solid #f2e3b9;font-size:12px;font-weight:700}
@media(max-width:767px){
  body.ecto-finance-form-page .tabs,body.ecto-user-form-page .tabs{padding:16px!important;border-radius:20px!important}
  body.ecto-finance-form-page .content-block,body.ecto-user-form-page .content-block{padding:20px!important;border-radius:18px!important}
  .ecto-account-ledger-shell{width:100%;margin:0;padding:8px}
  .ecto-account-toolbar{position:relative;border-radius:16px;align-items:flex-start}.ecto-account-toolbar>div:first-child span{display:none}
  .ecto-account-toolbar-actions{justify-content:flex-end}.ecto-account-toolbar-actions .btn{padding:9px 11px!important;font-size:12px!important}
  .ecto-ledger-card{border-radius:17px}.ecto-ledger-card__heading{padding:16px}.ecto-ledger-card__heading h1,.ecto-ledger-card__heading h2{font-size:19px}
  .ecto-ledger-hint{display:block}
}


/* v14: keep the dim backdrop below the header drawer so menu links remain tappable */
@media(max-width:991px){
  .header{position:relative!important;z-index:1200!important}
  .ecto-menu-backdrop{z-index:900!important;pointer-events:none!important}
  body.ecto-menu-open .ecto-menu-backdrop{pointer-events:auto!important}
  .header .primary .navbar-collapse,
  .header .primary .navbar-collapse.in{z-index:1300!important;pointer-events:auto!important}
  .header .primary .navbar-collapse.in *,
  .header .primary .navbar-collapse.in a,
  .header .primary .navbar-collapse.in button{pointer-events:auto!important}
  .header .primary .navbar-toggle{z-index:1310!important}
  .ecto-drawer-close{z-index:1320!important;pointer-events:auto!important}
}


/* v15: full wallet balance visibility and compact mobile header */
#top-box .language.btn-select,
#top-box .language.btn-select .dropdown-toggle{
  max-width:none!important;
}
#top-box .language.btn-select .dropdown-toggle{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  width:auto!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
#top-box .ecto-wallet-label,
#top-box .ecto-wallet-amount{
  display:inline!important;
  white-space:nowrap!important;
}
@media(max-width:991px){
  #top-box .container{padding-left:12px!important;padding-right:12px!important}
  #top-box .row{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0!important}
  #top-box .row>[class*="col-"]{padding-left:0!important;padding-right:0!important}
  #top-box .row>.col-xs-9{flex:1 1 auto!important;width:auto!important;min-width:0!important}
  #top-box .row>.col-xs-3{flex:0 0 52px!important;width:52px!important}
  #top-box .language.btn-select .dropdown-toggle{
    max-width:calc(100vw - 82px)!important;
    padding:10px 12px!important;
    font-size:12px!important;
    letter-spacing:-.01em!important;
  }
}
@media(max-width:390px){
  #top-box .language.btn-select .dropdown-toggle{font-size:11px!important;padding:9px 10px!important}
}

/* v38 Credit Transfer premium redesign */
body.ecto-page-credit-transfer-php #main article.content.ecto-credit-transfer-page{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
body.ecto-page-credit-transfer-php .ecto-credit-transfer-intro{margin-bottom:22px}
.ecto-transfer-shell{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(340px,.72fr);gap:22px;align-items:start;margin-bottom:34px}
.ecto-transfer-card{background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);border:1px solid #dbe8ef;border-radius:26px;padding:26px;box-shadow:0 18px 44px rgba(19,54,82,.09)}
.ecto-transfer-card-head{display:flex;align-items:flex-start;gap:15px;padding-bottom:20px;margin-bottom:22px;border-bottom:1px solid #e4eef4}
.ecto-transfer-card-head h2{margin:4px 0 5px;color:#0b2943;font-size:21px;line-height:1.2;font-weight:900;letter-spacing:-.02em}
.ecto-transfer-card-head p{margin:0;color:#72869a;font-size:13px;line-height:1.55}
.ecto-transfer-card-icon{flex:0 0 48px;width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#e1f7ff,#edfaff);color:#0589b4;font-size:19px;border:1px solid #ccecf7}
.ecto-summary-mini-icon{background:linear-gradient(135deg,#efeaff,#f8f4ff);color:#6a56c8;border-color:#e1daf8}
.ecto-transfer-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ecto-transfer-fields .ecto-field-wide{grid-column:1/-1}
.ecto-transfer-card .form-group{margin:0}
.ecto-transfer-card label{display:block;margin:0 0 8px;color:#18384e;font-size:13px;font-weight:800}
.ecto-transfer-card .required{color:#e5484d;margin-left:2px}
.ecto-input-wrap{position:relative;display:flex;align-items:center}
.ecto-input-wrap>i{position:absolute;left:16px;z-index:2;color:#7d9aae;font-size:15px}
.ecto-input-wrap>i+.form-control{padding-left:43px!important}
.ecto-input-wrap.ecto-money-input>span{position:absolute;left:15px;z-index:2;color:#4f6f83;font-size:13px;font-weight:900;padding-right:10px;border-right:1px solid #d9e6ed}
.ecto-input-wrap.ecto-money-input>.form-control{padding-left:54px!important}
.ecto-transfer-card .form-control{height:52px!important;border-radius:15px!important;border:1px solid #cbddea!important;background:#fbfdff!important;box-shadow:0 5px 14px rgba(20,63,93,.03)!important;padding:12px 15px!important;font-size:15px!important;color:#12364e!important;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.ecto-transfer-card .form-control:focus{border-color:#16a8cf!important;box-shadow:0 0 0 4px rgba(22,168,207,.12)!important;background:#fff!important}
.ecto-transfer-card .form-control[readonly]{background:#f3f8fb!important;color:#49677b!important}
.ecto-user-detail{margin-top:8px;font-size:12px;color:#507084}
.ecto-transfer-status{min-height:24px;margin-top:13px;font-size:13px}
.ecto-transfer-status p{margin:0!important}
.ecto-transfer-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:14px;padding-top:21px;border-top:1px solid #e8f0f4}
.ecto-transfer-submit{min-height:50px!important;padding:0 22px!important;border:0!important;border-radius:15px!important;background:linear-gradient(135deg,#078eb7,#11b6d5)!important;color:#fff!important;font-size:14px!important;font-weight:900!important;box-shadow:0 12px 24px rgba(8,143,183,.2)!important}
.ecto-transfer-submit i{margin-right:7px}
.ecto-transfer-submit:hover,.ecto-transfer-submit:focus{transform:translateY(-1px);box-shadow:0 15px 30px rgba(8,143,183,.25)!important}
.ecto-transfer-submit[disabled]{opacity:.62;transform:none!important}
.ecto-transfer-note{display:inline-flex;align-items:center;gap:7px;color:#7890a0;font-size:12px}
.ecto-summary-fields{display:flex;flex-direction:column;gap:14px}
.ecto-summary-row{padding:15px 16px;border:1px solid #e1ebf1;border-radius:17px;background:#f8fbfd}
.ecto-summary-row>span{display:flex;align-items:center;gap:8px;margin-bottom:9px;color:#49687b;font-size:12px;font-weight:800}
.ecto-summary-row>span i{color:#0a96bf}
.ecto-summary-row .form-control{height:45px!important;background:#fff!important}
.ecto-transfer-total{margin-top:18px;padding:21px;border-radius:20px;background:linear-gradient(135deg,#073f66,#0788ae 60%,#11b4d2);color:#fff;box-shadow:0 16px 32px rgba(7,92,127,.17)}
.ecto-transfer-total>span{display:block;margin-bottom:8px;color:rgba(255,255,255,.76);font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.ecto-total-value{display:flex;align-items:baseline;gap:8px}
.ecto-total-value small{font-size:16px;font-weight:900;color:#c9f5ff}
.ecto-total-value input{width:100%;padding:0;border:0!important;outline:0!important;background:transparent!important;color:#fff!important;font-size:32px;font-weight:900;letter-spacing:-.03em;box-shadow:none!important}
.ecto-total-value input::placeholder{color:rgba(255,255,255,.7)}
.ecto-credit-info{display:flex;gap:10px;margin-top:16px;padding:14px 15px;border-radius:15px;background:#f2f7ff;border:1px solid #dce9fa;color:#557188}
.ecto-credit-info>i{margin-top:2px;color:#6b63ce}
.ecto-credit-info p{margin:0;font-size:12px;line-height:1.55}
body.ecto-page-credit-transfer-php .ecto-transfer-alert{border:0!important;border-radius:16px!important;padding:16px 18px!important;box-shadow:0 9px 22px rgba(17,61,87,.06)}
body.ecto-page-credit-transfer-php .alert-warning{background:#fff8e8!important;border-left:5px solid #f4a61d!important;color:#845400!important}
body.ecto-page-credit-transfer-php .alert-success{background:#eefbf4!important;border-left:5px solid #2dbb72!important;color:#176740!important}
@media(max-width:991px){.ecto-transfer-shell{grid-template-columns:1fr}.ecto-transfer-summary-card{order:-1}.ecto-transfer-total{padding:18px}}
@media(max-width:640px){.ecto-transfer-card{padding:19px;border-radius:21px}.ecto-transfer-card-head{gap:12px}.ecto-transfer-card-icon{width:43px;height:43px;flex-basis:43px;border-radius:13px}.ecto-transfer-card-head h2{font-size:18px}.ecto-transfer-fields{grid-template-columns:1fr}.ecto-transfer-fields .ecto-field-wide{grid-column:auto}.ecto-transfer-actions{align-items:stretch}.ecto-transfer-submit{width:100%}.ecto-transfer-note{justify-content:center;text-align:center;width:100%}.ecto-total-value input{font-size:28px}}


/* v39 finance/admin page refinements */
.ecto-admin-page,
.ecto-report-page{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.ecto-admin-page>br,.ecto-report-page>br{display:none!important}
.ecto-admin-page .bottom-padding,.ecto-report-page .bottom-padding{padding:0!important}
.ecto-admin-alert{border:0!important;border-radius:16px!important;padding:16px 18px!important;box-shadow:0 9px 22px rgba(17,61,87,.06);margin:0 0 18px!important}
.ecto-admin-page .alert-warning,.ecto-report-page .alert-warning{background:#fff8e8!important;border-left:5px solid #f4a61d!important;color:#845400!important}
.ecto-admin-page .alert-success,.ecto-report-page .alert-success{background:#eefcf3!important;border-left:5px solid #1ca358!important;color:#17653a!important}

.ecto-admin-shell{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:22px;align-items:start;margin-bottom:34px}
.ecto-admin-card{background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);border:1px solid #dbe8ef;border-radius:26px;padding:26px;box-shadow:0 18px 44px rgba(19,54,82,.09)}
.ecto-admin-card-head{display:flex;align-items:flex-start;gap:15px;padding-bottom:20px;margin-bottom:22px;border-bottom:1px solid #e4eef4}
.ecto-admin-card-head h2{margin:4px 0 5px;color:#0b2943;font-size:21px;line-height:1.2;font-weight:900;letter-spacing:-.02em}
.ecto-admin-card-head p{margin:0;color:#72869a;font-size:13px;line-height:1.55}
.ecto-admin-card-icon{flex:0 0 48px;width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#e1f7ff,#edfaff);color:#0589b4;font-size:19px;border:1px solid #ccecf7}
.ecto-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ecto-admin-grid .ecto-field-wide{grid-column:1/-1}
.ecto-admin-card .form-group{margin:0}
.ecto-admin-card label{display:block;margin:0 0 8px;color:#18384e;font-size:13px;font-weight:800}
.ecto-admin-card .required{color:#e5484d;margin-left:2px}
.ecto-admin-card .form-control{height:52px!important;border-radius:15px!important;border:1px solid #cbddea!important;background:#fbfdff!important;box-shadow:0 5px 14px rgba(20,63,93,.03)!important;padding:12px 15px!important;font-size:15px!important;color:#12364e!important;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.ecto-admin-card .form-control:focus{border-color:#16a8cf!important;box-shadow:0 0 0 4px rgba(22,168,207,.12)!important;background:#fff!important}
.ecto-admin-card .form-control[readonly]{background:#f3f8fb!important;color:#49677b!important}
.ecto-admin-submit{min-height:50px!important;padding:0 22px!important;border:0!important;border-radius:15px!important;background:linear-gradient(135deg,#078eb7,#11b6d5)!important;color:#fff!important;font-size:14px!important;font-weight:900!important;box-shadow:0 12px 24px rgba(8,143,183,.2)!important}
.ecto-admin-submit i{margin-right:7px}
.ecto-admin-submit:hover,.ecto-admin-submit:focus{transform:translateY(-1px);box-shadow:0 15px 30px rgba(8,143,183,.25)!important}
.ecto-admin-submit[disabled]{opacity:.62;transform:none!important}
.ecto-admin-status{min-height:24px;margin-top:13px;font-size:13px}
.ecto-admin-status p{margin:0!important}
.ecto-admin-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:14px;padding-top:21px;border-top:1px solid #e8f0f4}
.ecto-admin-note{display:inline-flex;align-items:center;gap:7px;color:#7890a0;font-size:12px}
.ecto-side-stack{display:flex;flex-direction:column;gap:16px}
.ecto-side-panel{padding:18px;border:1px solid #e1ebf1;border-radius:18px;background:#f8fbfd}
.ecto-side-panel h3{margin:0 0 12px;color:#173149;font-size:16px;font-weight:900}
.ecto-side-panel p,.ecto-side-panel li{margin:0;color:#5d7385;font-size:13px;line-height:1.65}
.ecto-side-panel ul{margin:0;padding-left:18px}
.ecto-side-panel+.ecto-side-panel{margin-top:0}
.ecto-highlight-box{margin-top:6px;padding:18px;border-radius:20px;background:linear-gradient(135deg,#073f66,#0788ae 60%,#11b4d2);color:#fff;box-shadow:0 16px 32px rgba(7,92,127,.17)}
.ecto-highlight-box>span{display:block;margin-bottom:8px;color:rgba(255,255,255,.76);font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.ecto-highlight-box strong{display:block;font-size:28px;line-height:1.1;letter-spacing:-.03em;color:#fff}
.ecto-highlight-box p{margin:10px 0 0;color:rgba(255,255,255,.84);font-size:12px;line-height:1.55}
.ecto-inline-value{font-weight:900;color:#0f3b57}
.ecto-readonly-box{padding:15px 16px;border:1px solid #e1ebf1;border-radius:17px;background:#f8fbfd}
.ecto-readonly-box>span{display:flex;align-items:center;gap:8px;margin-bottom:9px;color:#49687b;font-size:12px;font-weight:800}
.ecto-readonly-box>span i{color:#0a96bf}
.ecto-readonly-box .form-control{height:45px!important;background:#fff!important}

.ecto-report-shell{display:flex;flex-direction:column;gap:22px;margin-bottom:34px}
.ecto-filter-card,.ecto-report-card{background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);border:1px solid #dbe8ef;border-radius:26px;padding:24px;box-shadow:0 18px 44px rgba(19,54,82,.09)}
.ecto-filter-head,.ecto-report-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid #e4eef4}
.ecto-filter-head h2,.ecto-report-head h2{margin:4px 0 5px;color:#0b2943;font-size:21px;line-height:1.2;font-weight:900;letter-spacing:-.02em}
.ecto-filter-head p,.ecto-report-head p{margin:0;color:#72869a;font-size:13px;line-height:1.55}
.ecto-filter-head .ecto-admin-card-icon,.ecto-report-head .ecto-admin-card-icon{flex:0 0 48px}
.ecto-filter-meta{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.ecto-filter-meta span,.ecto-report-meta span{display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border-radius:999px;background:#eef8fd;border:1px solid #d4edf6;font-size:12px;font-weight:800;color:#0d6f94}
.ecto-filter-form,.ecto-filter-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:end}
.ecto-filter-grid .ecto-span-2{grid-column:span 2}
.ecto-filter-grid .ecto-span-full{grid-column:1/-1}
.ecto-filter-card .form-group{margin:0}
.ecto-filter-card label{display:block;margin:0 0 8px;color:#18384e;font-size:13px;font-weight:800}
.ecto-filter-card .form-control{height:48px!important;border-radius:14px!important}
.ecto-filter-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.ecto-filter-actions .btn{min-height:48px!important;padding:0 20px!important;border-radius:14px!important}
.ecto-report-meta{display:flex;gap:10px;flex-wrap:wrap}
.ecto-report-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.ecto-report-summary strong{font-size:15px;color:#173149}
.ecto-table-empty{padding:28px;border:1px dashed #d6e6ef;border-radius:18px;background:#f9fcfe;color:#5f788d;text-align:center;font-weight:700}
.ecto-report-card .table{margin-bottom:0!important}
.ecto-report-card .table td strong{font-weight:900}
.ecto-money-positive{color:#c62828;font-weight:900}

/* clarity improvement for the total transfer box */
.ecto-transfer-total{padding:18px 18px 20px}
.ecto-total-value{margin-top:8px;padding:12px 14px;border-radius:17px;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.68);box-shadow:inset 0 1px 0 rgba(255,255,255,.45)}
.ecto-total-value small{font-size:16px;font-weight:900;color:#0b4967}
.ecto-total-value input{padding:0!important;color:#072d47!important;font-size:31px;background:transparent!important}
.ecto-total-value input::placeholder{color:#5d8092}

@media(max-width:1100px){
  .ecto-filter-form,.ecto-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:991px){
  .ecto-admin-shell{grid-template-columns:1fr}
  .ecto-filter-form,.ecto-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .ecto-admin-card,.ecto-filter-card,.ecto-report-card{padding:19px;border-radius:21px}
  .ecto-admin-card-head,.ecto-filter-head,.ecto-report-head{gap:12px}
  .ecto-admin-card-icon{width:43px;height:43px;flex-basis:43px;border-radius:13px;font-size:17px}
  .ecto-admin-card-head h2,.ecto-filter-head h2,.ecto-report-head h2{font-size:18px}
  .ecto-admin-grid,.ecto-filter-form,.ecto-filter-grid{grid-template-columns:1fr}
  .ecto-admin-grid .ecto-field-wide,.ecto-filter-grid .ecto-span-2,.ecto-filter-grid .ecto-span-full{grid-column:auto}
  .ecto-admin-actions{align-items:stretch}
  .ecto-admin-submit{width:100%}
  .ecto-admin-note{justify-content:center;text-align:center;width:100%}
  .ecto-report-summary{align-items:flex-start}
}


/* v40 account/user/balance modernisation */
.ecto-admin-page,.ecto-report-page,.ecto-balance-modern-page{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.ecto-admin-page>br,.ecto-report-page>br,.ecto-balance-modern-page>br{display:none!important}
.ecto-balance-modern-page .bottom-padding{padding:0!important}
.ecto-balance-modern-page .tabs,.ecto-balance-modern-page .tab-content,.ecto-balance-modern-page .tab-pane,.ecto-balance-modern-page .features-block{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.ecto-balance-modern-page .features-block>[class*="col-sm-"],.ecto-balance-modern-page .features-block>[class*="col-md-"]{padding:0!important;float:none!important;width:auto!important}
.ecto-balance-shell{display:grid;grid-template-columns:minmax(340px,.92fr) minmax(0,1.08fr);gap:22px;align-items:start;margin-bottom:34px}
.ecto-balance-card{background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);border:1px solid #dbe8ef;border-radius:26px;padding:24px;box-shadow:0 18px 44px rgba(19,54,82,.09)}
.ecto-balance-card .content-block{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;min-height:0!important}
.ecto-balance-card .content-block:before{display:none!important}
.ecto-balance-head{display:flex;align-items:flex-start;gap:15px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #e4eef4}
.ecto-balance-head h2{margin:4px 0 5px;color:#0b2943;font-size:21px;line-height:1.2;font-weight:900;letter-spacing:-.02em}
.ecto-balance-head p{margin:0;color:#72869a;font-size:13px;line-height:1.55}
.ecto-balance-card .form-group{margin:0 0 18px!important}
.ecto-balance-card label{display:block;margin:0 0 8px;color:#18384e;font-size:13px;font-weight:800}
.ecto-balance-card .form-control{min-height:52px!important;padding:12px 15px!important;border-radius:15px!important;border:1px solid #cbddea!important;background:#fbfdff!important;box-shadow:0 5px 14px rgba(20,63,93,.03)!important;font-size:15px!important;color:#12364e!important}
.ecto-balance-card .form-control:focus{border-color:#16a8cf!important;box-shadow:0 0 0 4px rgba(22,168,207,.12)!important;background:#fff!important}
.ecto-balance-card input[type=file].form-control{padding:12px!important;min-height:54px;background:#f7fbfd!important;border-style:dashed!important}
.ecto-balance-card small,.ecto-balance-card .form-note{display:block;color:#718399!important;margin-top:7px;font-size:12px;line-height:1.55}
.ecto-balance-card .buttons-box .btn,.ecto-balance-card form .btn{min-height:50px;padding:0 22px!important;border:0!important;border-radius:15px!important;background:linear-gradient(135deg,#078eb7,#11b6d5)!important;color:#fff!important;font-weight:900!important;box-shadow:0 12px 24px rgba(8,143,183,.2)!important}
.ecto-balance-card .buttons-box .btn[disabled],.ecto-balance-card form .btn[disabled]{opacity:.65}
.ecto-balance-history-table .table{margin-bottom:0!important}
.ecto-balance-history-table thead th{background:#edf7fb!important;color:#28475e!important}
.ecto-balance-history-table tbody tr.success td{background:#ecfdf3!important;color:#175c35!important}
.ecto-balance-history-table tbody tr.danger td{background:#fff1f3!important;color:#9f1239!important}
.ecto-balance-history-table tbody tr.warning td{background:#fff8eb!important;color:#9a5a00!important}
.ecto-balance-history-table tbody tr.success td:first-child{box-shadow:inset 4px 0 0 #22a35c}
.ecto-balance-history-table tbody tr.danger td:first-child{box-shadow:inset 4px 0 0 #ec4b74}
.ecto-balance-history-table tbody tr.warning td:first-child{box-shadow:inset 4px 0 0 #f59e0b}
.ecto-balance-proof{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:999px;background:#eff8fd;color:#067aa3;font-weight:800}
.ecto-balance-proof:hover{background:#dff2fb}
.ecto-balance-side-note{margin-top:16px;padding:16px 18px;border-radius:18px;background:#f7fbfd;border:1px solid #e1ebf1}
.ecto-balance-side-note h3{margin:0 0 10px;color:#173149;font-size:15px;font-weight:900}
.ecto-balance-side-note p,.ecto-balance-side-note li{margin:0;color:#5d7385;font-size:13px;line-height:1.65}
.ecto-balance-side-note ul{margin:0;padding-left:18px}

@media(max-width:991px){.ecto-balance-shell{grid-template-columns:1fr}}
@media(max-width:640px){.ecto-balance-card{padding:19px;border-radius:21px}.ecto-balance-head h2{font-size:18px}}


/* v43 unified telecom recharge / bill-payment pages */
body.ecto-page-prepaid-mobile-php #main article.content,
body.ecto-page-dth-recharge-php #main article.content,
body.ecto-page-landline-php #main article.content,
body.ecto-page-broadband-php #main article.content{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
body.ecto-page-prepaid-mobile-php #main article.content>.bottom-padding,
body.ecto-page-dth-recharge-php #main article.content>.bottom-padding,
body.ecto-page-landline-php #main article.content>.bottom-padding,
body.ecto-page-broadband-php #main article.content>.bottom-padding{padding:0!important}
body.ecto-page-prepaid-mobile-php .tabs.tabs-left,
body.ecto-page-dth-recharge-php .tabs.tabs-left,
body.ecto-page-landline-php .tabs.tabs-left,
body.ecto-page-broadband-php .tabs.tabs-left{background:linear-gradient(180deg,#fff,#fbfdff)!important;border:1px solid #dbe8ef!important;border-radius:26px!important;padding:24px!important;box-shadow:0 18px 44px rgba(19,54,82,.09)!important}
body.ecto-page-prepaid-mobile-php .tabs.tabs-left:before,
body.ecto-page-dth-recharge-php .tabs.tabs-left:before,
body.ecto-page-landline-php .tabs.tabs-left:before,
body.ecto-page-broadband-php .tabs.tabs-left:before{display:none!important}
body.ecto-page-prepaid-mobile-php .tabs.tabs-left>.nav.nav-tabs,
body.ecto-page-dth-recharge-php .tabs.tabs-left>.nav.nav-tabs,
body.ecto-page-landline-php .tabs.tabs-left>.nav.nav-tabs,
body.ecto-page-broadband-php .tabs.tabs-left>.nav.nav-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 24px!important;padding:10px!important;border:1px solid #dcebf3!important;border-radius:18px!important;background:linear-gradient(180deg,#f3f9fc,#edf6fa)!important}
body.ecto-page-prepaid-mobile-php .tabs.tabs-left>.nav.nav-tabs>li,
body.ecto-page-dth-recharge-php .tabs.tabs-left>.nav.nav-tabs>li,
body.ecto-page-landline-php .tabs.tabs-left>.nav.nav-tabs>li,
body.ecto-page-broadband-php .tabs.tabs-left>.nav.nav-tabs>li{margin:0!important;width:auto!important}
body.ecto-page-prepaid-mobile-php .tabs.tabs-left>.nav.nav-tabs>li>a,
body.ecto-page-dth-recharge-php .tabs.tabs-left>.nav.nav-tabs>li>a,
body.ecto-page-landline-php .tabs.tabs-left>.nav.nav-tabs>li>a,
body.ecto-page-broadband-php .tabs.tabs-left>.nav.nav-tabs>li>a{display:flex!important;align-items:center;justify-content:center;gap:8px;min-height:48px;margin:0!important;padding:10px 14px!important;border:1px solid transparent!important;border-radius:13px!important;color:#304f67!important;font-weight:850!important;background:transparent!important;text-align:center}
body.ecto-page-prepaid-mobile-php .tabs.tabs-left>.nav.nav-tabs>li.active>a,
body.ecto-page-dth-recharge-php .tabs.tabs-left>.nav.nav-tabs>li.active>a,
body.ecto-page-landline-php .tabs.tabs-left>.nav.nav-tabs>li.active>a,
body.ecto-page-broadband-php .tabs.tabs-left>.nav.nav-tabs>li.active>a{background:#fff!important;border-color:#cfe5ef!important;color:#0583ad!important;box-shadow:0 8px 20px rgba(8,70,110,.10)!important}
body.ecto-page-prepaid-mobile-php .tabs.tabs-left>.tab-content>.tab-pane.active,
body.ecto-page-dth-recharge-php .tabs.tabs-left>.tab-content>.tab-pane.active,
body.ecto-page-landline-php .tabs.tabs-left>.tab-content>.tab-pane.active,
body.ecto-page-broadband-php .tabs.tabs-left>.tab-content>.tab-pane.active{display:grid!important;grid-template-columns:minmax(310px,.72fr) minmax(0,1.28fr);gap:22px;align-items:start}
body.ecto-page-prepaid-mobile-php .tabs.tabs-left>.tab-content>.tab-pane.active>[class*="col-sm-5"],
body.ecto-page-dth-recharge-php .tabs.tabs-left>.tab-content>.tab-pane.active>[class*="col-sm-5"],
body.ecto-page-landline-php .tabs.tabs-left>.tab-content>.tab-pane.active>[class*="col-sm-5"],
body.ecto-page-broadband-php .tabs.tabs-left>.tab-content>.tab-pane.active>[class*="col-sm-5"],
body.ecto-page-prepaid-mobile-php .tabs.tabs-left>.tab-content>.tab-pane.active>[class*="col-sm-7"],
body.ecto-page-dth-recharge-php .tabs.tabs-left>.tab-content>.tab-pane.active>[class*="col-sm-7"],
body.ecto-page-landline-php .tabs.tabs-left>.tab-content>.tab-pane.active>[class*="col-sm-7"],
body.ecto-page-broadband-php .tabs.tabs-left>.tab-content>.tab-pane.active>[class*="col-sm-7"]{width:auto!important;min-width:0!important;float:none!important;padding:0!important;flex:none!important}
body.ecto-page-prepaid-mobile-php .content-block,
body.ecto-page-dth-recharge-php .content-block,
body.ecto-page-landline-php .content-block,
body.ecto-page-broadband-php .content-block{padding:24px!important;border:1px solid #dbe8ef!important;border-radius:22px!important;background:#fff!important;box-shadow:0 10px 30px rgba(15,45,75,.08)!important}
.ecto-form-heading,.ecto-history-heading{padding-bottom:17px;margin-bottom:18px;border-bottom:1px solid #e4eef4}
.ecto-form-heading h2,.ecto-history-heading h2{margin:4px 0 4px!important;color:#0b2943!important;font-size:21px!important;line-height:1.2!important;font-weight:900!important;letter-spacing:-.02em!important}
.ecto-form-heading p{margin:0;color:#72869a;font-size:13px;line-height:1.55}
.ecto-history-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}
.ecto-history-heading>div{min-width:0}
.ecto-live-pill{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:8px 11px;border-radius:999px;background:#ecfbf2;color:#168345;font-size:11px;font-weight:900}
.ecto-live-pill i{font-size:8px;color:#18ad57}
body.ecto-page-prepaid-mobile-php .content-block .form-control,
body.ecto-page-dth-recharge-php .content-block .form-control,
body.ecto-page-landline-php .content-block .form-control,
body.ecto-page-broadband-php .content-block .form-control{min-height:50px!important;border-radius:14px!important;border:1px solid #cbddea!important;background:#fbfdff!important;box-shadow:none!important;font-size:15px!important}
body.ecto-page-prepaid-mobile-php .content-block .form-control:focus,
body.ecto-page-dth-recharge-php .content-block .form-control:focus,
body.ecto-page-landline-php .content-block .form-control:focus,
body.ecto-page-broadband-php .content-block .form-control:focus{border-color:#16a8cf!important;box-shadow:0 0 0 4px rgba(22,168,207,.12)!important;background:#fff!important}
body.ecto-page-prepaid-mobile-php .content-block .buttons-box .btn,
body.ecto-page-dth-recharge-php .content-block .buttons-box .btn,
body.ecto-page-landline-php .content-block .buttons-box .btn,
body.ecto-page-broadband-php .content-block .buttons-box .btn{width:100%;min-height:50px!important;border-radius:14px!important;background:linear-gradient(135deg,#078eb7,#11b6d5)!important;box-shadow:0 12px 24px rgba(8,143,183,.2)!important;font-weight:900!important}
body.ecto-page-prepaid-mobile-php #recharge_history .ecto-table-wrap,
body.ecto-page-dth-recharge-php #recharge_history .ecto-table-wrap,
body.ecto-page-landline-php #recharge_history .ecto-table-wrap,
body.ecto-page-broadband-php #recharge_history .ecto-table-wrap{border:1px solid #dce8ef;border-radius:17px;overflow:auto;background:#fff;-webkit-overflow-scrolling:touch}
body.ecto-page-prepaid-mobile-php #recharge_history table,
body.ecto-page-dth-recharge-php #recharge_history table,
body.ecto-page-landline-php #recharge_history table,
body.ecto-page-broadband-php #recharge_history table{min-width:620px!important;margin:0!important}
body.ecto-page-prepaid-mobile-php #recharge_history thead:first-child th,
body.ecto-page-dth-recharge-php #recharge_history thead:first-child th,
body.ecto-page-landline-php #recharge_history thead:first-child th,
body.ecto-page-broadband-php #recharge_history thead:first-child th{background:#f2f9fc!important;color:#28475e!important}
body.ecto-page-prepaid-mobile-php #recharge_history th,
body.ecto-page-dth-recharge-php #recharge_history th,
body.ecto-page-landline-php #recharge_history th,
body.ecto-page-broadband-php #recharge_history th{padding:13px 11px!important;white-space:nowrap}
body.ecto-page-prepaid-mobile-php #recharge_history td,
body.ecto-page-dth-recharge-php #recharge_history td,
body.ecto-page-landline-php #recharge_history td,
body.ecto-page-broadband-php #recharge_history td{padding:12px 10px!important;vertical-align:middle!important}
body.ecto-page-prepaid-mobile-php .breadcrumb-box,
body.ecto-page-dth-recharge-php .breadcrumb-box,
body.ecto-page-landline-php .breadcrumb-box,
body.ecto-page-broadband-php .breadcrumb-box{margin-bottom:0!important}
@media(max-width:991px){
  body.ecto-page-prepaid-mobile-php .tabs.tabs-left>.tab-content>.tab-pane.active,
  body.ecto-page-dth-recharge-php .tabs.tabs-left>.tab-content>.tab-pane.active,
  body.ecto-page-landline-php .tabs.tabs-left>.tab-content>.tab-pane.active,
  body.ecto-page-broadband-php .tabs.tabs-left>.tab-content>.tab-pane.active{grid-template-columns:1fr}
}
@media(max-width:700px){
  body.ecto-page-prepaid-mobile-php .tabs.tabs-left,
  body.ecto-page-dth-recharge-php .tabs.tabs-left,
  body.ecto-page-landline-php .tabs.tabs-left,
  body.ecto-page-broadband-php .tabs.tabs-left{padding:15px!important;border-radius:22px!important}
  body.ecto-page-prepaid-mobile-php .tabs.tabs-left>.nav.nav-tabs,
  body.ecto-page-dth-recharge-php .tabs.tabs-left>.nav.nav-tabs,
  body.ecto-page-landline-php .tabs.tabs-left>.nav.nav-tabs,
  body.ecto-page-broadband-php .tabs.tabs-left>.nav.nav-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.ecto-page-prepaid-mobile-php .content-block,
  body.ecto-page-dth-recharge-php .content-block,
  body.ecto-page-landline-php .content-block,
  body.ecto-page-broadband-php .content-block{padding:18px!important;border-radius:19px!important}
  .ecto-history-heading{align-items:flex-start;flex-direction:column}
}


/* v44 hard-unified telecom page layout: server-rendered hero/headings */
body.ecto-page-prepaid-mobile-php .ecto-service-intro,
body.ecto-page-dth-recharge-php .ecto-service-intro,
body.ecto-page-landline-php .ecto-service-intro,
body.ecto-page-broadband-php .ecto-service-intro{margin-bottom:34px!important}
body.ecto-page-prepaid-mobile-php .content>.ecto-service-intro+br,
body.ecto-page-dth-recharge-php .content>.ecto-service-intro+br,
body.ecto-page-landline-php .content>.ecto-service-intro+br,
body.ecto-page-broadband-php .content>.ecto-service-intro+br{display:none!important}
body.ecto-page-prepaid-mobile-php .tabs.tabs-left>.tab-content>.tab-pane.active,
body.ecto-page-dth-recharge-php .tabs.tabs-left>.tab-content>.tab-pane.active,
body.ecto-page-landline-php .tabs.tabs-left>.tab-content>.tab-pane.active,
body.ecto-page-broadband-php .tabs.tabs-left>.tab-content>.tab-pane.active{grid-template-columns:minmax(320px,.72fr) minmax(560px,1.28fr)!important}
body.ecto-page-prepaid-mobile-php .ecto-form-heading,
body.ecto-page-dth-recharge-php .ecto-form-heading,
body.ecto-page-landline-php .ecto-form-heading,
body.ecto-page-broadband-php .ecto-form-heading,
body.ecto-page-prepaid-mobile-php .ecto-history-heading,
body.ecto-page-dth-recharge-php .ecto-history-heading,
body.ecto-page-landline-php .ecto-history-heading,
body.ecto-page-broadband-php .ecto-history-heading{display:flex!important}
body.ecto-page-prepaid-mobile-php #recharge_history .ecto-table-wrap,
body.ecto-page-dth-recharge-php #recharge_history .ecto-table-wrap,
body.ecto-page-landline-php #recharge_history .ecto-table-wrap,
body.ecto-page-broadband-php #recharge_history .ecto-table-wrap{width:100%!important;max-width:100%!important}
@media(max-width:1100px){
 body.ecto-page-prepaid-mobile-php .tabs.tabs-left>.tab-content>.tab-pane.active,
 body.ecto-page-dth-recharge-php .tabs.tabs-left>.tab-content>.tab-pane.active,
 body.ecto-page-landline-php .tabs.tabs-left>.tab-content>.tab-pane.active,
 body.ecto-page-broadband-php .tabs.tabs-left>.tab-content>.tab-pane.active{grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr)!important}
}
@media(max-width:991px){
 body.ecto-page-prepaid-mobile-php .tabs.tabs-left>.tab-content>.tab-pane.active,
 body.ecto-page-dth-recharge-php .tabs.tabs-left>.tab-content>.tab-pane.active,
 body.ecto-page-landline-php .tabs.tabs-left>.tab-content>.tab-pane.active,
 body.ecto-page-broadband-php .tabs.tabs-left>.tab-content>.tab-pane.active{grid-template-columns:1fr!important}
}


/* v45 telecom visual consistency fixes */
/* Keep the four service tabs on one clean row at desktop widths. */
body.ecto-page-prepaid-mobile-php .tabs.tabs-left>.nav.nav-tabs,
body.ecto-page-dth-recharge-php .tabs.tabs-left>.nav.nav-tabs,
body.ecto-page-landline-php .tabs.tabs-left>.nav.nav-tabs,
body.ecto-page-broadband-php .tabs.tabs-left>.nav.nav-tabs{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  width:100%!important;
}
body.ecto-page-prepaid-mobile-php .tabs.tabs-left>.nav.nav-tabs>li,
body.ecto-page-dth-recharge-php .tabs.tabs-left>.nav.nav-tabs>li,
body.ecto-page-landline-php .tabs.tabs-left>.nav.nav-tabs>li,
body.ecto-page-broadband-php .tabs.tabs-left>.nav.nav-tabs>li{
  flex:1 1 25%!important;
  min-width:0!important;
  float:none!important;
}
body.ecto-page-prepaid-mobile-php .tabs.tabs-left>.nav.nav-tabs>li>a,
body.ecto-page-dth-recharge-php .tabs.tabs-left>.nav.nav-tabs>li>a,
body.ecto-page-landline-php .tabs.tabs-left>.nav.nav-tabs>li>a,
body.ecto-page-broadband-php .tabs.tabs-left>.nav.nav-tabs>li>a{
  width:100%!important;
  white-space:nowrap!important;
}
/* Form headings must be stacked, not squeezed into columns. */
body.ecto-page-prepaid-mobile-php .ecto-form-heading,
body.ecto-page-dth-recharge-php .ecto-form-heading,
body.ecto-page-landline-php .ecto-form-heading,
body.ecto-page-broadband-php .ecto-form-heading{
  display:block!important;
}
body.ecto-page-prepaid-mobile-php .ecto-form-heading .ecto-eyebrow,
body.ecto-page-dth-recharge-php .ecto-form-heading .ecto-eyebrow,
body.ecto-page-landline-php .ecto-form-heading .ecto-eyebrow,
body.ecto-page-broadband-php .ecto-form-heading .ecto-eyebrow{display:block!important;margin-bottom:4px!important}
body.ecto-page-prepaid-mobile-php .ecto-form-heading h2,
body.ecto-page-dth-recharge-php .ecto-form-heading h2,
body.ecto-page-landline-php .ecto-form-heading h2,
body.ecto-page-broadband-php .ecto-form-heading h2{display:block!important;margin:0 0 5px!important;max-width:none!important}
body.ecto-page-prepaid-mobile-php .ecto-form-heading p,
body.ecto-page-dth-recharge-php .ecto-form-heading p,
body.ecto-page-landline-php .ecto-form-heading p,
body.ecto-page-broadband-php .ecto-form-heading p{display:block!important;margin:0!important;max-width:none!important}
/* Keep service cards balanced and aligned. */
body.ecto-page-prepaid-mobile-php .tabs.tabs-left>.tab-content>.tab-pane.active,
body.ecto-page-dth-recharge-php .tabs.tabs-left>.tab-content>.tab-pane.active,
body.ecto-page-landline-php .tabs.tabs-left>.tab-content>.tab-pane.active,
body.ecto-page-broadband-php .tabs.tabs-left>.tab-content>.tab-pane.active{
  grid-template-columns:minmax(330px,.78fr) minmax(0,1.22fr)!important;
}
body.ecto-page-prepaid-mobile-php .content-block,
body.ecto-page-dth-recharge-php .content-block,
body.ecto-page-landline-php .content-block,
body.ecto-page-broadband-php .content-block{height:auto!important;min-height:100%!important}
/* Plans selector gets its own clear heading when it replaces recent activity. */
body.ecto-page-prepaid-mobile-php #plans_selecter .title-box{
  margin:0 0 18px!important;
  padding:0 0 16px!important;
  border:0!important;
  border-bottom:1px solid #e4eef4!important;
  background:transparent!important;
  border-radius:0!important;
}
body.ecto-page-prepaid-mobile-php #plans_selecter .title-box .title{
  margin:0!important;
  color:#0b2943!important;
  font-size:20px!important;
  font-weight:900!important;
  line-height:1.2!important;
}
body.ecto-page-prepaid-mobile-php #plans_selecter .buttons-box p{
  margin:8px 0 0!important;color:#718399!important;font-size:12px!important;line-height:1.5!important
}
/* Override the old page-local 25px action buttons. */
body.ecto-page-prepaid-mobile-php .recharge-action,
body.ecto-page-prepaid-mobile-php .rc-action{
  width:34px!important;height:34px!important;margin:2px 3px!important;border-radius:11px!important
}
body.ecto-page-prepaid-mobile-php .rc-action img{width:16px!important;height:16px!important;max-width:16px!important;max-height:16px!important}
@media(max-width:991px){
  body.ecto-page-prepaid-mobile-php .tabs.tabs-left>.tab-content>.tab-pane.active,
  body.ecto-page-dth-recharge-php .tabs.tabs-left>.tab-content>.tab-pane.active,
  body.ecto-page-landline-php .tabs.tabs-left>.tab-content>.tab-pane.active,
  body.ecto-page-broadband-php .tabs.tabs-left>.tab-content>.tab-pane.active{grid-template-columns:1fr!important}
}
@media(max-width:700px){
  body.ecto-page-prepaid-mobile-php .tabs.tabs-left>.nav.nav-tabs,
  body.ecto-page-dth-recharge-php .tabs.tabs-left>.nav.nav-tabs,
  body.ecto-page-landline-php .tabs.tabs-left>.nav.nav-tabs,
  body.ecto-page-broadband-php .tabs.tabs-left>.nav.nav-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body.ecto-page-prepaid-mobile-php .tabs.tabs-left>.nav.nav-tabs>li,
  body.ecto-page-dth-recharge-php .tabs.tabs-left>.nav.nav-tabs>li,
  body.ecto-page-landline-php .tabs.tabs-left>.nav.nav-tabs>li,
  body.ecto-page-broadband-php .tabs.tabs-left>.nav.nav-tabs>li{width:auto!important;min-width:0!important}
  body.ecto-page-prepaid-mobile-php .tabs.tabs-left>.nav.nav-tabs>li>a,
  body.ecto-page-dth-recharge-php .tabs.tabs-left>.nav.nav-tabs>li>a,
  body.ecto-page-landline-php .tabs.tabs-left>.nav.nav-tabs>li>a,
  body.ecto-page-broadband-php .tabs.tabs-left>.nav.nav-tabs>li>a{white-space:normal!important}
}


/* v47 history quick date filters */
.ecto-history-quick-ranges{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 16px;padding:14px 16px;border:1px solid #d9e8f1;border-radius:18px;background:linear-gradient(180deg,#f8fcfe,#f1f8fb);box-shadow:0 8px 20px rgba(16,58,84,.05)}
.ecto-history-quick-label{display:inline-flex;align-items:center;gap:7px;margin-right:2px;color:#39586d;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.ecto-history-quick-label i{color:#0797c8}
.ecto-history-range-btn{appearance:none;border:1px solid #b8d8e6!important;border-radius:999px!important;background:#fff!important;color:#1e5c78!important;min-height:36px!important;padding:7px 12px!important;font-size:12px!important;font-weight:850!important;line-height:1.15!important;box-shadow:0 3px 9px rgba(23,79,108,.06)!important;cursor:pointer;transition:.18s ease!important}
.ecto-history-range-btn:hover{background:#eaf8fd!important;border-color:#70bad4!important;color:#05779e!important;transform:translateY(-1px)}
.ecto-history-range-btn.is-active{background:linear-gradient(135deg,#0789b5,#0bb6d6)!important;border-color:#0789b5!important;color:#fff!important;box-shadow:0 8px 18px rgba(7,137,181,.22)!important}
.ecto-history-date-only-filter{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;gap:14px;align-items:end;margin:0 0 18px;padding:16px;border:1px solid #dce9f1;border-radius:18px;background:#fff}
.ecto-history-date-only-filter .form-group{margin:0!important}.ecto-history-date-only-filter label{display:block;margin-bottom:7px!important;font-size:13px!important;font-weight:800!important;color:#27465c!important}.ecto-history-date-only-filter .form-control{height:46px!important;border-radius:13px!important}.ecto-history-date-only-filter .btn{height:46px!important;border-radius:13px!important;padding:0 20px!important}
@media(max-width:900px){.ecto-history-range-btn{flex:1 1 calc(25% - 8px);text-align:center}.ecto-history-quick-label{width:100%}.ecto-history-date-only-filter{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.ecto-history-range-btn{flex:1 1 calc(50% - 8px)}.ecto-history-date-only-filter{grid-template-columns:1fr}.ecto-history-date-only-filter .btn{width:100%}}

/* v49 report action reliability and visibility */
.recharge-type-badge{display:inline-flex!important;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:#e8f5fb!important;color:#0b6588!important;border:1px solid #c7e7f2;font-weight:800;font-size:11px;white-space:nowrap}
.recharge-type-badge i{color:#0b83ad!important;font-size:13px}
.recharge-complaint-link{display:inline-flex!important;align-items:center;justify-content:center;padding:5px 9px;border-radius:999px;background:#fff3d8!important;color:#8b5a00!important;border:1px solid #f0d18a;font-weight:800!important;text-decoration:none!important;white-space:nowrap}
.recharge-complaint-link:hover{background:#ffe9b8!important;color:#704700!important}
.recharge-complaint-reported{display:inline-flex;padding:5px 9px;border-radius:999px;background:#edf2f7!important;color:#51606f!important;border:1px solid #d8e0e7;font-weight:800;font-size:11px}