body{font-family:'Inter','Segoe UI',system-ui,-apple-system,sans-serif}
a{transition:color .18s ease,opacity .18s ease}
.navbar{box-shadow:0 6px 24px rgba(15,23,42,.06)}
.navbar .nav-link{font-weight:600}
.btn{border-radius:10px!important;font-weight:600}
.form-control{border-radius:10px!important}
.card{border-radius:16px!important;border:1px solid rgba(15,23,42,.06)!important;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.page-container{max-width:1200px}
h1,h2,h3{letter-spacing:-.01em}
::selection{background:#2dd4bf;color:#062a26}
@media(max-width:991px){.axl-mobile-hide{display:none!important}}

/* ===== GSMPOINT responsive + modern ===== */
.card-announcement,.card-unpaid-balance,.aftercounter{border-radius:16px!important}
.alert{border-radius:12px!important}
.card{transition:transform .18s ease,box-shadow .18s ease}
.card:hover{box-shadow:0 14px 34px rgba(15,23,42,.09)!important}
.aftercounter{transition:transform .18s ease}
.aftercounter:hover{transform:translateY(-2px)}
@media (max-width:991px){
  .navbar .navbar-collapse{background:#fff;border-radius:14px;padding:12px;box-shadow:0 12px 30px rgba(15,23,42,.10);margin-top:10px}
  .aftercounter{margin-bottom:12px}
}
@media (max-width:767px){
  .page-container{padding-left:12px;padding-right:12px}
  h1{font-size:1.65rem!important}
  h2{font-size:1.3rem!important}
  .card{border-radius:14px!important}
  .btn{padding:.6rem 1rem}
  .table-responsive,.table{overflow-x:auto}
  .datetime-container{display:none}
  .card-announcement,.card-unpaid-balance{margin-bottom:14px}
  .big-font{font-size:1.9rem!important}
  .aftercounter{padding:14px!important}
  .navbar-brand img{max-height:34px}
}

/* ===== Panel cliente: centrado, tarjetas y profundidad ===== */
body.page-main .page-container{max-width:1180px;margin-left:auto;margin-right:auto}
body.page-main .container{max-width:1240px}
body.page-main .d-row{justify-content:center}
body.page-main .card{background:linear-gradient(165deg,#182236 0%,#0d1422 100%)!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:20px!important;box-shadow:0 22px 45px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06)!important;padding:22px!important}
body.page-main .card:hover{transform:translateY(-3px);box-shadow:0 30px 60px rgba(0,0,0,.55)!important}
body.page-main .big-font{font-size:clamp(2rem,3vw,2.8rem)!important;font-weight:800;letter-spacing:-.03em;text-shadow:0 4px 24px rgba(45,212,191,.25)}
body.page-main .card .d-row{justify-content:center}
body.page-main .aftercounter{opacity:1!important}
body.page-main .card-title{text-align:center}
body.page-main .card-othercredit{max-width:100%}
body.page-main .card-announcement .card-body{color:#93a4bb}
@media (max-width:991px){body.page-main .card{margin-bottom:14px}body.page-main .big-font{font-size:2rem!important}}

/* ===== Ancho completo ===== */
body.page-main .container,body.page-main .page-container{max-width:100%!important;width:100%!important;padding-left:22px!important;padding-right:22px!important;margin:0!important}
body.page-main .d-row{justify-content:stretch!important}
body.page-main .flex-grow-1.bottom-space{flex:1 1 auto!important;min-width:0}
body.page-main .col-xl-3{flex:0 0 24%!important;max-width:24%!important}
body.page-main .card{padding:26px!important}
body.page-main .big-font{font-size:clamp(2.2rem,3.4vw,3rem)!important}
@media (max-width:991px){body.page-main .col-xl-3{flex:0 0 100%!important;max-width:100%!important}}

/* ===== Aprovechar toda la pantalla ===== */
body.page-main .d-row[style*="align-items: start"]{display:block!important}
body.page-main .flex-grow-1.bottom-space{width:100%!important;max-width:100%!important}
body.page-main .flex-grow-1.bottom-space > .d-row{display:flex!important;gap:18px!important;margin:0!important}
body.page-main .flex-grow-1.bottom-space > .d-row > div{flex:1 1 50%!important;max-width:50%!important;padding:0!important}
body.page-main .col-12.col-xl-3.col-lg-12{flex:0 0 100%!important;max-width:100%!important;padding:0!important;margin-top:18px!important}
body.page-main .card-othercredit{width:100%!important}
@media (max-width:767px){body.page-main .flex-grow-1.bottom-space > .d-row{display:block!important}body.page-main .flex-grow-1.bottom-space > .d-row > div{max-width:100%!important;margin-bottom:14px}}

/* ===== Rediseño panel cliente ===== */
body.page-main .big-font, body.page-main .counter, body.page-main .aftercounter{text-shadow:none!important;animation:none!important;transition:none!important;opacity:1!important}
body.page-main .big-font{font-size:2.1rem!important;font-weight:700!important;letter-spacing:-.02em}
body.page-main .flex-grow-1.bottom-space{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px!important;width:100%!important}
body.page-main .flex-grow-1.bottom-space > .d-row{display:contents!important}
body.page-main .card-othercredit{display:contents!important;margin:0!important}
body.page-main #othercredit{display:contents!important}
body.page-main #othercredit > .d-row{display:contents!important}
body.page-main #othercredit .d-grid{display:contents!important}
body.page-main #othercredit .card-body{background:linear-gradient(165deg,#182236,#0d1422)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;padding:18px!important}
body.page-main .flex-grow-1.bottom-space > *:not(.d-row):not(.card-othercredit){grid-column:1/-1}
body.page-main .card{padding:18px!important;border-radius:16px!important;border:1px solid rgba(255,255,255,.08)!important}
body.page-main .alert,body.page-main .alert1{border-radius:12px!important;border:1px solid rgba(255,255,255,.08)!important;border-left:4px solid #22d3ee!important;background:rgba(15,23,42,.65)!important;color:#cbd5e1!important}
body.page-main .alert-warning,body.page-main .alert-danger{border-left-color:#f59e0b!important}
body.page-main .card-announcement{overflow:hidden}
body.page-main .card-announcement div{scrollbar-width:thin;scrollbar-color:#334155 transparent}
body.page-main .card-announcement div::-webkit-scrollbar{width:6px;height:6px}
body.page-main .card-announcement div::-webkit-scrollbar-thumb{background:#334155;border-radius:8px}
body.page-main .card-announcement div::-webkit-scrollbar-track{background:transparent}
@media (max-width:991px){body.page-main .flex-grow-1.bottom-space{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:767px){body.page-main .flex-grow-1.bottom-space{grid-template-columns:1fr!important}body.page-main .big-font{font-size:1.9rem!important}}

/* ===== Login público oscuro ===== */
body.page-index:has(form[id^="login_forms"]){background:#0b0f19!important;color:#e5e7eb}
body.page-index:has(form[id^="login_forms"]) .navbar,body.page-index:has(form[id^="login_forms"]) .navbar-collapse,body.page-index:has(form[id^="login_forms"]) .datetime-container,body.page-index:has(form[id^="login_forms"]) header{background:#0b0f19!important;color:#cbd5e1!important}
body.page-index:has(form[id^="login_forms"]) .nav-link,body.page-index:has(form[id^="login_forms"]) .navbar a{color:#e5e7eb!important}
body.page-index:has(form[id^="login_forms"]) .breadcrumb,body.page-index:has(form[id^="login_forms"]) .bg-gray,body.page-index:has(form[id^="login_forms"]) .page-container{background:transparent!important;color:#cbd5e1!important}
body.page-index:has(form[id^="login_forms"]) .breadcrumb{display:none!important}
form[id^="login_forms"]{background:#131b2e!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;padding:28px!important;max-width:440px;margin:32px auto!important;box-shadow:0 24px 60px rgba(0,0,0,.45)!important}
form[id^="login_forms"] h1,form[id^="login_forms"] h2,form[id^="login_forms"] h3,form[id^="login_forms"] h4,form[id^="login_forms"] label{color:#fff!important;text-align:center}
form[id^="login_forms"] input.form-control{background:#0b0f19!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;border-radius:12px!important;padding:12px 14px!important;font-size:16px!important}
form[id^="login_forms"] input.form-control::placeholder{color:#64748b!important}
form[id^="login_forms"] input.form-control:focus{border-color:#38bdf8!important;box-shadow:0 0 0 3px rgba(56,189,248,.15)!important;outline:none!important}
form[id^="login_forms"] .btn-primary,form[id^="login_forms"] button[type="submit"]{background:linear-gradient(135deg,#2563eb,#38bdf8)!important;border:0!important;border-radius:12px!important;font-weight:700!important;padding:12px!important;color:#fff!important}
form[id^="login_forms"] a[href*="forgot"],form[id^="login_forms"] a[href*="resetpassword"]{color:#38bdf8!important}
form[id^="login_forms"] a[href*="forgot"]:hover,form[id^="login_forms"] a[href*="resetpassword"]:hover{color:#7dd3fc!important;text-shadow:0 0 12px rgba(56,189,248,.6)}
form[id^="login_forms"] .custom-control-label{color:#cbd5e1!important}
@media (max-width:767px){form[id^="login_forms"]{margin:16px!important;padding:24px 16px!important}body.page-index:has(form[id^="login_forms"]) .navbar-collapse{background:#111827!important}}

/* ===== Portada GSMPOINT ===== */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@600;800&family=Inter:wght@400;600;700&display=swap');
body.page-index{background:#070913!important;color:#e5e7eb;font-family:'Inter',system-ui,sans-serif}
body.page-index .datetime-container,body.page-index header,body.page-index .navbar,body.page-index .navbar-collapse{background:#070913!important;color:#cbd5e1!important;border-color:rgba(255,255,255,.06)!important}
body.page-index .navbar a,body.page-index .navbar .nav-link,body.page-index .navbar-brand{color:#e5e7eb!important}
body.page-index .navbar-brand img{filter:brightness(0) invert(1)}
body.page-index .breadcrumb{display:none!important}
body.page-index .navbar .nav-link{border:1px solid rgba(99,102,241,.35);border-radius:999px;padding:.45rem .95rem!important;margin:2px;background:rgba(99,102,241,.08)}
body.page-index .navbar .nav-link:hover{border-color:#6366f1;background:rgba(99,102,241,.18)}
body.page-index .navbar .btn.bg-secondary{border:1px solid #10b981!important;background:rgba(16,185,129,.08)!important;color:#a7f3d0!important;border-radius:999px!important}
body.page-index a[href*="main.php?pageurl"]{display:none!important}
.axl-marquee{max-width:1050px;margin:18px auto 0;overflow:hidden;border:1px solid rgba(99,102,241,.25);border-bottom:1px solid transparent;border-radius:12px;background:#0a0e1c;position:relative}
.axl-marquee:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#6366f1,#06b6d4,transparent)}
.axl-marquee-track{display:flex;gap:26px;align-items:center;white-space:nowrap;padding:12px 18px;animation:axlmarq 28s linear infinite;color:#94a3b8;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.axl-marquee-track i{color:#6366f1;font-style:normal}
@keyframes axlmarq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.axl-hero2{max-width:1050px;margin:34px auto;position:relative;background:rgba(13,18,36,.92);border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.55);overflow:hidden}
.axl-hero2:before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#6366f1,#06b6d4,transparent)}
.axl-hero2-grid{display:grid;grid-template-columns:1.9fr 1fr;gap:28px;padding:42px 38px;align-items:center}
.axl-badge2{display:inline-block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#a5b4fc;background:rgba(99,102,241,.12);border:1px solid rgba(99,102,241,.35);padding:8px 14px;border-radius:999px;margin-bottom:18px}
.axl-title2{font-family:'Orbitron',sans-serif;font-size:clamp(34px,5vw,64px);line-height:1.02;letter-spacing:.02em;margin:0 0 14px;color:#fff;background:linear-gradient(180deg,#ffffff 30%,#a5b4fc 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.axl-sub2{color:#94a3b8;font-size:clamp(14px,1.5vw,17px);line-height:1.6;max-width:560px;margin:0 0 22px}
.axl-feats{display:flex;flex-wrap:wrap;gap:10px}
.axl-feats span{font-size:13px;color:#cbd5e1;background:rgba(16,185,129,.06);border:1px solid rgba(16,185,129,.25);padding:8px 12px;border-radius:10px}
.axl-hero2-right{display:flex;flex-direction:column;gap:12px;border-left:1px solid rgba(255,255,255,.08);padding-left:26px}
.axl-cta,.axl-cta2,.axl-cta3{display:block;text-align:center;text-decoration:none!important;font-weight:700;border-radius:12px;padding:14px 16px;transition:.18s}
.axl-cta{background:linear-gradient(135deg,#6366f1,#06b6d4);color:#fff!important;box-shadow:0 12px 30px rgba(99,102,241,.35)}
.axl-cta:hover{transform:translateY(-2px)}
.axl-cta2{border:1px solid rgba(99,102,241,.5);color:#c7d2fe!important;background:rgba(99,102,241,.08)}
.axl-cta3{border:1px solid rgba(16,185,129,.4);color:#a7f3d0!important;background:rgba(16,185,129,.06);font-size:14px}
@media (max-width:900px){.axl-hero2-grid{grid-template-columns:1fr;padding:28px 20px}.axl-hero2-right{border-left:0;border-top:1px solid rgba(255,255,255,.08);padding-left:0;padding-top:20px}.axl-marquee{margin:12px}}

/* ===== Centrado absoluto portada ===== */
body.page-index .bg-gray,body.page-index .page-container,body.page-index .container{width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important}
body.page-index .page-container{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;flex:0 0 100%!important}
body.page-index .page-container > *{width:100%;max-width:1050px}
body.page-index .axl-marquee,body.page-index .axl-hero2{margin-left:auto!important;margin-right:auto!important;width:100%!important;max-width:1050px!important}
/* top bar oscura forzada */
body.page-index header .datetime-container,body.page-index header .datetime-container *,body.page-index header .bg-white,body.page-index header .bg-light,body.page-index header .top-bar,body.page-index header .topbar{background:#070913!important;color:#94a3b8!important;border-color:rgba(255,255,255,.06)!important}
body.page-index header select,body.page-index header option{background:#070913!important;color:#94a3b8!important}
body.page-index header .datetime-container a,body.page-index header .datetime-container span{color:#94a3b8!important}

/* ===== Fix top bar + logo ===== */
body.page-index .datetime-container,body.page-index .datetime-container *,body.page-index .topbar,body.page-index .top-bar,body.page-index .header-top,body.page-index .bg-white,body.page-index .bg-light{background:#070913!important;color:#94a3b8!important;border-color:rgba(255,255,255,.06)!important}
body.page-index .datetime-container a,body.page-index .datetime-container span,body.page-index .datetime-container div{color:#94a3b8!important}
body.page-index .navbar-brand,body.page-index .navbar-brand *{color:#fff!important;opacity:1!important}
body.page-index .navbar-brand img{filter:brightness(0) invert(1)!important}
body.page-index select{background:#070913!important;color:#94a3b8!important;border-color:rgba(255,255,255,.1)!important}

/* ===== Grillas dashboard (reestructura) ===== */
.dashboard-balances-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;align-items:stretch!important;width:100%!important}
.dashboard-balances-grid > div{width:100%!important;max-width:100%!important;padding:0!important;margin:0!important}
.dashboard-balances-grid .card,.dashboard-balances-grid #othercredit .card-body{min-height:130px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;padding:18px!important;border-radius:16px!important;background:linear-gradient(165deg,#182236,#0d1422)!important;border:1px solid rgba(255,255,255,.08)!important}
.dashboard-balances-grid .big-font,.dashboard-balances-grid h1{font-size:28px!important;font-weight:700!important;color:#fff!important;text-shadow:none!important;line-height:1.15!important}
.dashboard-balances-grid .text-muted1,.dashboard-balances-grid .text-danger{font-size:13px!important;color:#94a3b8!important}
.dashboard-orders-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;width:100%!important}
.dashboard-orders-grid > div{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}
.dashboard-orders-grid .card{min-height:120px!important;padding:20px!important;border-radius:16px!important}
.card-announcement .card-title{align-items:center;gap:10px}
@media (max-width:992px){.dashboard-balances-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dashboard-orders-grid{grid-template-columns:1fr!important}}
@media (max-width:576px){.dashboard-balances-grid{grid-template-columns:1fr!important}}

/* grilla real de saldos */
.dashboard-balances-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;width:100%!important;align-items:stretch!important}
.dashboard-balances-grid > .d-row{display:contents!important}
.dashboard-balances-grid > .card-othercredit{display:contents!important;margin:0!important}
.dashboard-balances-grid #othercredit{display:contents!important}
.dashboard-balances-grid #othercredit > .d-row{display:contents!important}
.dashboard-balances-grid #othercredit .d-grid{display:contents!important}
.dashboard-balances-grid #othercredit .card-body{min-height:130px!important;padding:18px!important;border-radius:16px!important;background:linear-gradient(165deg,#182236,#0d1422)!important;border:1px solid rgba(255,255,255,.08)!important}
.dashboard-balances-grid > *:not(.d-row):not(.card-othercredit){grid-column:1/-1}
@media (max-width:992px){.dashboard-balances-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:576px){.dashboard-balances-grid{grid-template-columns:1fr!important}}

/* Android integrado + avisos */
.aftercounter.d-flex{display:none!important}
.axl-android{background:rgba(16,185,129,.12)!important;border:1px solid rgba(16,185,129,.45)!important;color:#a7f3d0!important;border-radius:999px!important;font-size:12px!important;padding:6px 12px!important;white-space:nowrap}
.axl-android:hover{background:rgba(16,185,129,.22)!important}
.card-announcement .card-title{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px}
.card-announcement .card-body,.card-announcement .row{padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.05)}
.card-announcement .row:hover{background:rgba(99,102,241,.06)}
@media (max-width:767px){.card-announcement .card-title{flex-wrap:wrap}.axl-android{font-size:11px!important}}

/* ===== Centrar catálogo /resellerplaceorder ===== */
body.page-resellerplaceorder .container,body.page-resellerplaceorder .body-container,body.page-resellerplaceorder .page-container{max-width:1160px!important;width:100%!important;margin-left:auto!important;margin-right:auto!important;padding-left:20px!important;padding-right:20px!important}
body.page-resellerplaceorder .page-container{display:block!important;flex:0 0 100%!important}
body.page-resellerplaceorder .row{justify-content:center!important;margin-left:0!important;margin-right:0!important}
body.page-resellerplaceorder .serchbox,body.page-resellerplaceorder .search-box{max-width:100%!important}
body.page-resellerplaceorder h1,body.page-resellerplaceorder h2,body.page-resellerplaceorder .title{text-align:left}
@media (max-width:767px){body.page-resellerplaceorder .container,body.page-resellerplaceorder .page-container{padding-left:12px!important;padding-right:12px!important}}

/* catálogo a 95% del ancho */
body.page-resellerplaceorder .container,body.page-resellerplaceorder .body-container,body.page-resellerplaceorder .page-container{max-width:95vw!important;width:95vw!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}
body.page-resellerplaceorder .row{width:100%!important;margin-left:0!important;margin-right:0!important}
body.page-resellerplaceorder .col-lg-4,body.page-resellerplaceorder .col-md-6{padding-left:10px!important;padding-right:10px!important}
@media (max-width:767px){body.page-resellerplaceorder .container,body.page-resellerplaceorder .page-container{max-width:94vw!important;width:94vw!important}}

/* ===== Logout estilo home ===== */
body.page-logout{background:#070913!important;color:#cbd5e1}
body.page-logout .datetime-container,body.page-logout header,body.page-logout .navbar,body.page-logout .navbar-collapse,body.page-logout .bg-white{background:#070913!important;color:#94a3b8!important;border-color:rgba(255,255,255,.06)!important}
body.page-logout .navbar a,body.page-logout .navbar .nav-link,body.page-logout .navbar-brand,body.page-logout .navbar-brand *{color:#e5e7eb!important}
body.page-logout .navbar-brand img{filter:brightness(0) invert(1)!important}
body.page-logout .breadcrumb{display:none!important}
body.page-logout .navbar .nav-link{border:1px solid rgba(99,102,241,.35);border-radius:999px;padding:.45rem .95rem!important;margin:2px;background:rgba(99,102,241,.08)}
body.page-logout .navbar .btn.bg-secondary{border:1px solid #10b981!important;background:rgba(16,185,129,.08)!important;color:#a7f3d0!important;border-radius:999px!important}
body.page-logout .bg-gray{max-width:720px!important;margin:48px auto!important;background:#131b2e!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;padding:38px!important;text-align:center!important;color:#cbd5e1!important;box-shadow:0 24px 60px rgba(0,0,0,.45)}
body.page-logout .bg-gray a{color:#38bdf8!important}
body.page-logout .bg-gray h1,body.page-logout .bg-gray h2,body.page-logout .bg-gray h3{color:#fff!important}
@media (max-width:767px){body.page-logout .bg-gray{margin:20px 14px!important;padding:26px 18px!important}}

/* ===== Igualar 4 tarjetas de saldo ===== */
.dashboard-balances-grid .col-lg-4,.dashboard-balances-grid .col-lg-6,.dashboard-balances-grid .col-xl-3,.dashboard-balances-grid .d-grid{max-width:100%!important;width:100%!important;flex:1 1 100%!important;padding:0!important;margin:0!important}
.dashboard-balances-grid > .d-row > div{max-width:100%!important;width:100%!important;padding:0!important}
.dashboard-balances-grid #othercredit .card-body{text-align:left!important;align-items:flex-start!important;position:relative!important;min-height:130px!important}
.dashboard-balances-grid #othercredit h1{font-size:28px!important;margin:0 0 6px!important;text-align:left!important}
.dashboard-balances-grid #othercredit .text-muted1{font-size:13px!important;text-align:left!important;border-left:0!important}
.dashboard-balances-grid #othercredit .rounded-circle{position:absolute!important;top:16px!important;right:16px!important;font-size:20px!important;margin:0!important}
.dashboard-balances-grid .card{min-height:130px!important;justify-content:space-between!important}
.dashboard-balances-grid .card .text-white,.dashboard-balances-grid .card .text-danger{text-align:left!important}
.dashboard-balances-grid .aftercounter{display:flex;align-items:center;justify-content:flex-start}

/* ===== Tarjetas de saldo idénticas ===== */
.dashboard-balances-grid > .d-row > div{max-width:100%!important;width:100%!important;flex:1 1 100%!important;padding:0!important;margin:0!important}
.dashboard-balances-grid .card,.dashboard-balances-grid #othercredit .card-body{width:100%!important;max-width:100%!important;min-height:140px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;align-items:stretch!important;text-align:left!important;padding:18px!important;border-radius:16px!important;background:linear-gradient(165deg,#182236,#0d1422)!important;border:1px solid rgba(255,255,255,.08)!important;position:relative!important}
.dashboard-balances-grid .big-font,.dashboard-balances-grid h1{font-size:28px!important;font-weight:700!important;text-align:left!important;margin:0!important;line-height:1.15!important;color:#fff!important;text-shadow:none!important}
.dashboard-balances-grid #othercredit .rounded-circle{position:absolute!important;top:16px!important;right:16px!important;font-size:20px!important;margin:0!important;color:#94a3b8!important}
.dashboard-balances-grid #othercredit .text-muted1{font-size:13px!important;text-align:left!important;border-left:0!important;color:#94a3b8!important}
.dashboard-balances-grid .card .btn{width:auto!important;align-self:flex-start!important;margin-top:8px!important}
.dashboard-balances-grid .card .text-white,.dashboard-balances-grid .card .text-danger{font-size:13px!important;text-align:left!important}

/* ===== GSMPOINT cyberpunk 3D ===== */
.axl-title2{text-shadow:0 1px 0 #4f46e5,0 2px 0 #4338ca,0 3px 0 #3730a3,0 5px 10px rgba(0,0,0,.65),0 0 30px rgba(99,102,241,.45)!important;transform:perspective(700px) rotateX(2deg)}
.axl-hero2{background:linear-gradient(160deg,#0b1020 0%,#0a0f1f 55%,#0d1a2b 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 35px 90px rgba(0,0,0,.65),0 0 70px rgba(99,102,241,.12)!important}
.axl-hero2:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px)}
.axl-badge2{box-shadow:0 0 18px rgba(99,102,241,.35),inset 0 1px 0 rgba(255,255,255,.12)}
.axl-cta{box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 14px 34px rgba(99,102,241,.45)!important}
.axl-cta:hover{transform:translateY(-2px) scale(1.01);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 18px 44px rgba(6,182,212,.5)!important}
.axl-cta2,.axl-cta3{box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.axl-feats span{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 4px 14px rgba(16,185,129,.12)}
.axl-marquee{box-shadow:0 0 24px rgba(99,102,241,.18),inset 0 1px 0 rgba(255,255,255,.05)}
body.page-index .navbar-brand{text-shadow:0 0 18px rgba(99,102,241,.6)}
body.page-main .card,body.page-main .aftercounter{box-shadow:0 18px 40px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.06)!important}
body.page-main .card:hover{box-shadow:0 24px 55px rgba(0,0,0,.6),0 0 30px rgba(99,102,241,.12)!important}

/* orden label primero en todas */
.dashboard-balances-grid #othercredit .card-body{display:flex!important;flex-direction:column!important;justify-content:space-between!important}
.dashboard-balances-grid #othercredit .card-body .text-muted1{order:1!important;margin-bottom:6px!important}
.dashboard-balances-grid #othercredit .card-body h1{order:2!important;margin-top:0!important}
.dashboard-balances-grid #othercredit .card-body .rounded-circle{order:0!important}

/* ===== 4 tarjetas reales ===== */
.dashboard-balances-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;width:100%!important;margin:0 0 18px!important}
.axl-bal-card{position:relative!important;min-height:140px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;padding:18px!important;border-radius:16px!important;background:linear-gradient(165deg,#182236,#0d1422)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 18px 40px rgba(0,0,0,.35)!important}
.axl-bal-label{font-size:13px!important;color:#94a3b8!important;margin-bottom:8px!important}
.axl-bal-amount{font-size:28px!important;font-weight:700!important;color:#fff!important;line-height:1.15!important;text-shadow:none!important}
.axl-bal-amount.axl-red{color:#f87171!important}
.axl-bal-icon{position:absolute!important;top:16px!important;right:16px!important;font-size:20px!important;color:#94a3b8!important}
.axl-bal-btn{align-self:flex-start!important;margin-top:10px!important;border-radius:10px!important;font-size:12px!important;padding:7px 12px!important}
@media (max-width:992px){.dashboard-balances-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:576px){.dashboard-balances-grid{grid-template-columns:1fr!important}}

/* ===== Tarjetas cyberpunk 3D ===== */
.dashboard-balances-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px!important;width:100%!important;margin:0 0 22px!important}
.axl-bal-card{position:relative!important;min-height:175px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;padding:20px!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(22,30,53,.78) 0%,rgba(11,15,29,.92) 100%)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid rgba(56,189,248,.18)!important;box-shadow:inset 0 1px 1px rgba(255,255,255,.18),0 14px 30px -10px rgba(0,0,0,.7)!important;transition:all .3s cubic-bezier(.22,1,.36,1)!important;overflow:hidden!important}
.axl-bal-card:before{content:'';position:absolute;top:-60%;left:-60%;width:220%;height:220%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.09) 50%,transparent 60%);transform:translateX(-70%) rotate(8deg);transition:transform .6s ease;pointer-events:none}
.axl-bal-card:hover{transform:translateY(-7px) scale(1.015);border-color:rgba(0,245,212,.55)!important;box-shadow:0 20px 35px -10px rgba(0,245,212,.22),inset 0 1px 2px rgba(255,255,255,.3)!important}
.axl-bal-card:hover:before{transform:translateX(30%) rotate(8deg)}
.axl-bal-label{font-size:13px!important;color:#94a3b8!important;text-transform:none!important;margin:0!important}
.axl-bal-amount{display:inline-flex!important;align-items:baseline!important;gap:6px!important;white-space:nowrap!important;font-size:2.4rem!important;font-weight:800!important;letter-spacing:-.5px!important;font-variant-numeric:tabular-nums!important;line-height:1.05!important;color:#fff!important;text-shadow:0 0 18px rgba(56,189,248,.18)}
.axl-bal-amount.red{color:#ff4d6d!important;text-shadow:0 0 18px rgba(255,77,109,.25)}
.axl-cur{color:#00f5d4!important;font-weight:800!important}
.axl-bal-card.axl-card-total .axl-bal-amount{color:#fff!important}
.axl-bal-card.axl-card-lock .axl-bal-amount{color:#e2e8f0!important}
.axl-bal-icon{position:absolute!important;top:16px!important;right:16px!important;font-size:20px!important}
.ic-avail{color:#00f5d4!important}.ic-pend{color:#ff4d6d!important}.ic-total{color:#a855f7!important}.ic-lock{color:#06b6d4!important}
.axl-bal-btn{width:100%!important;margin-top:12px!important;padding:10px 14px!important;border:0!important;border-radius:12px!important;background:linear-gradient(90deg,#4f46e5,#06b6d4)!important;color:#fff!important;font-weight:700!important;font-size:13px!important;box-shadow:0 8px 22px rgba(6,182,212,.28)!important;transition:.2s!important}
.axl-bal-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(6,182,212,.4)!important}
@media (max-width:1100px){.dashboard-balances-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:640px){.dashboard-balances-grid{grid-template-columns:1fr!important}}

/* ===== FIX apilado de tarjetas ===== */
.dashboard-balances-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;width:100%!important;align-items:stretch!important}
.dashboard-balances-grid > .axl-bal-card{grid-column:auto!important;min-width:0!important;width:auto!important;margin:0!important;padding:22px 24px!important;box-sizing:border-box!important}
@media (max-width:992px){.dashboard-balances-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:600px){.dashboard-balances-grid{grid-template-columns:1fr!important}}

/* ===== Tema oscuro fijo ===== */
body.page-index,body.page-main,body.page-logout,body.page-resellerplaceorder{background:#070913!important;color:#cbd5e1!important}
body.page-index .bg-white,body.page-main .bg-white,body.page-logout .bg-white,body.page-resellerplaceorder .bg-white,body.page-index .bg-light,body.page-main .bg-light,body.page-logout .bg-light{background:#070913!important;color:#cbd5e1!important}
.modal-content{background:#131b2e!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;color:#cbd5e1!important}
.modal-header,.modal-footer{background:#131b2e!important;border-color:rgba(255,255,255,.08)!important;color:#fff!important}
.modal-header .modal-title,.modal-header h5{color:#fff!important}
.modal-body{background:#0f1526!important;color:#cbd5e1!important}
.modal-body label,.modal-body p,.modal-body span{color:#cbd5e1!important}
.close{color:#fff!important;text-shadow:none!important;opacity:.8}
.dropdown-menu{background:#131b2e!important;border:1px solid rgba(255,255,255,.08)!important}
.dropdown-item{color:#cbd5e1!important}
.dropdown-item:hover{background:rgba(99,102,241,.15)!important;color:#fff!important}
.nav-tabs .nav-link{color:#94a3b8!important}
.nav-tabs .nav-link.active{background:#131b2e!important;color:#fff!important;border-color:rgba(255,255,255,.08)!important}
.table{color:#cbd5e1!important}

/* ===== Fix clics en hero ===== */
.page-pre-loader,.loader,#loader,.spinner-loader{pointer-events:none!important}
.axl-hero2:before,.axl-hero2:after{pointer-events:none!important}
.axl-hero2-grid{position:relative!important;z-index:50!important}
.axl-cta,.axl-cta2,.axl-cta3{position:relative!important;z-index:99!important;pointer-events:auto!important;cursor:pointer!important}

/* ===== Tema oscuro global ===== */
body{background:#070913!important;color:#cbd5e1!important}
.bg-white,.bg-light,.bg-gray,.body-container{background:#070913!important;color:#cbd5e1!important}
.card,.modal-content{background:#131b2e!important;border:1px solid rgba(255,255,255,.08)!important;color:#cbd5e1!important}
.card-header,.card-footer{background:#131b2e!important;border-color:rgba(255,255,255,.08)!important}
h1,h2,h3,h4,h5,h6{color:#fff!important}
.form-control,.form-select,select,textarea,input{background:#0b0f19!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important}
.form-control::placeholder{color:#64748b!important}
.btn-primary{background:linear-gradient(135deg,#4f46e5,#06b6d4)!important;border:0!important}
.table{color:#cbd5e1!important}
.table thead th{color:#94a3b8!important;border-color:rgba(255,255,255,.08)!important}
.table td{border-color:rgba(255,255,255,.06)!important}
.dropdown-menu{background:#131b2e!important;border:1px solid rgba(255,255,255,.08)!important}
.dropdown-item{color:#cbd5e1!important}
.nav-tabs .nav-link{color:#94a3b8!important}
.alert{border-radius:12px!important}

/* ===== Dark total (registro y controles) ===== */
body.page-register,body.page-register .bg-white,body.page-register .bg-light{background:#070913!important;color:#cbd5e1!important}
.card-registration,.card-simple-form{background:#131b2e!important;border:1px solid rgba(255,255,255,.08)!important;color:#cbd5e1!important}
.progress{background:#0b0f19!important}
.progress-bar{background:linear-gradient(90deg,#4f46e5,#06b6d4)!important}
.chosen-container-single .chosen-single,.chosen-container .chosen-drop{background:#0b0f19!important;color:#fff!important;border-color:rgba(255,255,255,.12)!important}
.chosen-container .chosen-results li{color:#cbd5e1!important}
.control-label,label{color:#cbd5e1!important}
hr{border-color:rgba(255,255,255,.08)!important}
.stepwizard-step p,.stepwizard-step small{color:#cbd5e1!important}
.list-group-item{background:#131b2e!important;color:#cbd5e1!important;border-color:rgba(255,255,255,.08)!important}

/* ===== Header oscuro global ===== */
body .datetime-container,body .datetime-container *{background:#070913!important;color:#94a3b8!important;border-color:rgba(255,255,255,.06)!important}
body header,body .navbar,body .navbar-collapse{background:#070913!important;color:#e5e7eb!important;border-color:rgba(255,255,255,.06)!important}
body header .bg-white,body header .bg-light{background:#070913!important}
body .navbar a,body .navbar .nav-link,body .navbar-brand,body .navbar-brand *{color:#e5e7eb!important}
body .navbar-brand img{filter:brightness(0) invert(1)!important}
body .navbar .nav-link{border:1px solid rgba(99,102,241,.30);border-radius:999px;padding:.4rem .9rem!important;margin:2px;background:rgba(99,102,241,.06)}
body .navbar .nav-link:hover{border-color:#6366f1;background:rgba(99,102,241,.15)}
body .navbar .btn.bg-secondary{border:1px solid #10b981!important;background:rgba(16,185,129,.10)!important;color:#a7f3d0!important;border-radius:999px!important}
body .datetime-container select,body .datetime-container select option{background:#070913!important;color:#94a3b8!important}

/* ===== Fix top bar .header-top ===== */
body .header-top,body .header-top .container,body .header-top nav,body .navbar-light{background:#070913!important;color:#cbd5e1!important;border-color:rgba(255,255,255,.06)!important}
body .header-top a,body .header-top span,body .header-top div,body .header-top i,body .header-top small{color:#cbd5e1!important}
body .navbar-light .navbar-nav .nav-link,body .navbar-light .navbar-brand,body .navbar-light .navbar-brand *{color:#e5e7eb!important}
body .header-top select,body .header-top .chosen-single{background:#070913!important;color:#cbd5e1!important;border:1px solid rgba(255,255,255,.12)!important}
body .header-top{border-bottom:1px solid rgba(255,255,255,.06)!important}
body .navbar-light .navbar-toggler{border-color:rgba(255,255,255,.2)!important;color:#e5e7eb!important}

/* ===== Centrar registro ===== */
body.page-register .container,body.page-register .page-container{max-width:1100px!important;margin-left:auto!important;margin-right:auto!important}
body.page-register .card-registration{max-width:780px!important;margin:32px auto!important;float:none!important}
body.page-register .card-registration .form{max-width:660px!important;margin:0 auto!important}
body.page-register .card-registration .form-group{text-align:left}
@media (max-width:767px){body.page-register .card-registration{margin:16px!important}}

/* ===== Hamburguesa visible en móvil ===== */
body .navbar-toggler{padding:7px 11px!important;border:1px solid rgba(56,189,248,.55)!important;border-radius:10px!important;background:rgba(99,102,241,.20)!important;box-shadow:0 0 14px rgba(56,189,248,.18)!important}
body .navbar-toggler-icon{filter:invert(1) brightness(2) contrast(2)!important;width:22px!important;height:22px!important;background-size:100% 100%!important}
body .navbar-toggler:focus{outline:none!important;box-shadow:0 0 0 3px rgba(56,189,248,.30)!important}
@media (max-width:991px){body .navbar-toggler{display:inline-flex!important;align-items:center;justify-content:center;margin-left:6px}}

/* ===== Hamburguesa: icono fa-bars ===== */
body .navbar-toggler{background:rgba(99,102,241,.28)!important;border:1px solid rgba(56,189,248,.65)!important;border-radius:10px!important;padding:8px 11px!important;box-shadow:0 0 16px rgba(56,189,248,.25)!important}
body .navbar-toggler i,body .navbar-toggler .fa-bars,body .navbar-toggler .fal{color:#ffffff!important;font-size:22px!important;line-height:1!important;text-shadow:0 0 10px rgba(56,189,248,.9)!important;opacity:1!important}
body .navbar-toggler .fa-bars:before{color:#ffffff!important}
@media (max-width:991px){body .navbar-toggler{display:inline-flex!important;align-items:center;justify-content:center}}

/* ===== 3 tarjetas de pedidos (solo PC) ===== */
.axl-orders-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;max-width:980px!important;margin:24px auto!important;width:100%!important}
.axl-order-card{background:#0a0f1d!important;border-radius:14px!important;padding:22px 18px!important;text-align:center!important;box-shadow:0 0 0 1px rgba(255,255,255,.04),0 18px 40px rgba(0,0,0,.45)!important}
.axl-order-card.axl-ok{border:2px solid #22c55e!important;box-shadow:0 0 22px rgba(34,197,94,.28),inset 0 0 18px rgba(34,197,94,.06)!important}
.axl-order-card.axl-proc{border:2px solid #3b82f6!important;box-shadow:0 0 22px rgba(59,130,246,.28),inset 0 0 18px rgba(59,130,246,.06)!important}
.axl-order-card.axl-rej{border:2px solid #ec4899!important;box-shadow:0 0 22px rgba(236,72,153,.28),inset 0 0 18px rgba(236,72,153,.06)!important}
.axl-order-title{font-size:13px!important;font-weight:700!important;letter-spacing:.08em!important;color:#fff!important;text-transform:uppercase!important;margin-bottom:10px!important}
.axl-order-num{font-size:2.1rem!important;font-weight:800!important;line-height:1!important}
.axl-order-card.axl-ok .axl-order-num{color:#22c55e!important}
.axl-order-card.axl-proc .axl-order-num{color:#60a5fa!important}
.axl-order-card.axl-rej .axl-order-num{color:#f472b6!important}
@media (max-width:991px){.axl-orders-row{display:none!important}}

/* ===== Tarjetas originales estilizadas (solo PC) ===== */
.axl-orders-original{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;max-width:980px!important;margin:24px auto!important;width:100%!important}
.axl-orders-original > div{max-width:100%!important;margin:0!important;padding:0!important}
.axl-orders-original .card-area-status{background:#0a0f1d!important;border-radius:14px!important;padding:20px 16px!important;text-align:center!important;min-height:130px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.axl-orders-original .card-order-success{border:2px solid #22c55e!important;box-shadow:0 0 22px rgba(34,197,94,.30)!important}
.axl-orders-original .card-order-process{border:2px solid #3b82f6!important;box-shadow:0 0 22px rgba(59,130,246,.30)!important}
.axl-orders-original .card-order-fail{border:2px solid #ec4899!important;box-shadow:0 0 22px rgba(236,72,153,.30)!important}
.axl-orders-original h2{font-size:2rem!important;font-weight:800!important;color:#fff!important;margin:0 0 6px!important}
.axl-orders-original .card-order-success h2{color:#22c55e!important}
.axl-orders-original .card-order-process h2{color:#60a5fa!important}
.axl-orders-original .card-order-fail h2{color:#f472b6!important}
.axl-orders-original .text-muted1{font-size:12px!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#e5e7eb!important}
.axl-orders-original .progressbar{height:3px!important;border-radius:4px!important}
@media (max-width:991px){.axl-orders-original{display:none!important}}

/* ===== 4 tarjetas: saldo + 3 estados ===== */
.dashboard-balances-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;align-items:stretch!important;width:100%!important}
.dashboard-balances-grid > .d-row{display:contents!important}
.dashboard-balances-grid .axl-card-pend,.dashboard-balances-grid .axl-card-total,.dashboard-balances-grid .axl-card-lock{display:none!important}
.dashboard-balances-grid .card-othercredit{display:none!important}
.dashboard-balances-grid > .axl-orders-original{display:contents!important;max-width:none!important;margin:0!important;grid-template-columns:none!important}
.axl-orders-original > div{max-width:100%!important;margin:0!important;padding:0!important}
.axl-orders-original .card-area-status{min-height:140px!important;background:linear-gradient(165deg,#182236,#0d1422)!important;border-radius:16px!important;padding:20px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;text-align:left!important}
.axl-orders-original .card-order-success{border:1px solid #22c55e!important;box-shadow:0 0 18px rgba(34,197,94,.25)!important}
.axl-orders-original .card-order-process{border:1px solid #3b82f6!important;box-shadow:0 0 18px rgba(59,130,246,.25)!important}
.axl-orders-original .card-order-fail{border:1px solid #ec4899!important;box-shadow:0 0 18px rgba(236,72,153,.25)!important}
.axl-orders-original h2{font-size:2.1rem!important;font-weight:800!important;margin:0!important;text-align:left!important}
.axl-orders-original .text-muted1{font-size:13px!important;color:#cbd5e1!important;text-transform:uppercase!important;letter-spacing:.06em!important;text-align:left!important}
@media (max-width:1100px){.dashboard-balances-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:600px){.dashboard-balances-grid{grid-template-columns:1fr!important}}

/* igualar las 4 tarjetas */
.dashboard-balances-grid > .d-row > div,.dashboard-balances-grid > .axl-orders-original > div{display:flex!important;flex-direction:column!important}
.dashboard-balances-grid .axl-bal-card,.dashboard-balances-grid .axl-orders-original .card-area-status{min-height:150px!important;height:100%!important;width:100%!important}
.dashboard-balances-grid .axl-bal-card{padding:20px!important;border-radius:16px!important}
.dashboard-balances-grid .axl-orders-original .card-area-status{padding:20px!important;border-radius:16px!important}

/* ===== 4 tarjetas finales ===== */
.axl-orders-original{display:none!important}
.dashboard-balances-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;max-width:1100px!important;margin:0 auto!important}
.axl-card-avail,.axl-card-ok,.axl-card-proc,.axl-card-rej{min-height:150px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;padding:20px!important;border-radius:16px!important;background:linear-gradient(165deg,#182236,#0d1422)!important}
.axl-card-ok{border:1px solid rgba(34,197,94,.55)!important;box-shadow:0 0 20px rgba(34,197,94,.22)!important}
.axl-card-proc{border:1px solid rgba(59,130,246,.55)!important;box-shadow:0 0 20px rgba(59,130,246,.22)!important}
.axl-card-rej{border:1px solid rgba(236,72,153,.55)!important;box-shadow:0 0 20px rgba(236,72,153,.22)!important}
.axl-bal-amount.axl-green{color:#22c55e!important}
.axl-bal-amount.axl-blue{color:#60a5fa!important}
.axl-bal-amount.axl-pink{color:#f472b6!important}
@media (max-width:1100px){.dashboard-balances-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:600px){.dashboard-balances-grid{grid-template-columns:1fr!important}}

.theme-settings,#theme-settings,.theme-toggle,.theme-settings-btn{display:none!important}

/* ===== Historiales centrados y responsive ===== */
body[class*="order"] .container,body[class*="order"] .page-container{max-width:1200px!important;width:100%!important;margin-left:auto!important;margin-right:auto!important;padding-left:18px!important;padding-right:18px!important}
body[class*="order"] .page-container{display:block!important;flex:0 0 100%!important}
body[class*="order"] .row{justify-content:center!important;margin-left:0!important;margin-right:0!important}
body[class*="order"] .card{width:100%!important}
body[class*="order"] .table-responsive{overflow-x:auto!important;width:100%!important;-webkit-overflow-scrolling:touch}
body[class*="order"] .table{width:100%!important}
body[class*="order"] .btn{margin:4px 4px 4px 0!important}
body[class*="order"] .form-group,body[class*="order"] .col-md-3,body[class*="order"] .col-lg-3{min-width:200px!important}
@media (max-width:767px){body[class*="order"] .container,body[class*="order"] .page-container{padding-left:10px!important;padding-right:10px!important}body[class*="order"] .table{font-size:12px!important}body[class*="order"] .btn{width:100%!important;margin:4px 0!important}}

/* ===== Catálogo 100% (opción 1) ===== */
body.page-resellerplaceorder .container,body.page-resellerplaceorder .body-container,body.page-resellerplaceorder .page-container{max-width:100%!important;width:100%!important;margin:0!important;padding-left:10px!important;padding-right:10px!important}
body.page-resellerplaceorder .container > .page-container{display:block!important}
body.page-resellerplaceorder .row{max-width:100%!important;width:100%!important;margin-left:0!important;margin-right:0!important}
body.page-resellerplaceorder .row.group{width:100%!important}
@media (max-width:767px){body.page-resellerplaceorder .container,body.page-resellerplaceorder .page-container{padding-left:8px!important;padding-right:8px!important}}

/* ===== Historiales 98% (opción 2) ===== */
body[class*="order"] .container,body[class*="order"] .history-container,body[class*="order"] .page-container{max-width:98%!important;width:98%!important;margin-left:auto!important;margin-right:auto!important;padding-left:10px!important;padding-right:10px!important}
body[class*="order"] .container.history-container > .page-container{max-width:100%!important;width:100%!important}
body[class*="order"] .card-table-history{max-width:100%!important;width:100%!important}
body[class*="order"] .row{max-width:100%!important;width:100%!important;margin-left:0!important;margin-right:0!important}
@media (max-width:767px){body[class*="order"] .container,body[class*="order"] .history-container,body[class*="order"] .page-container{max-width:96%!important;width:96%!important;padding-left:6px!important;padding-right:6px!important}}