/* CERT_GAMEIOS_MODERNIZE_COMPAT_V1_20260721 */
:root{--cm-p:#5d87ff;--cm-bg:#f6f9fc;--cm-text:#2a3547;--cm-muted:#5a6a85;--cm-border:#e5eaef;--cm-ok:#13deb9;--cm-bad:#fa896b;--cm-warn:#ffae1f;--cm-radius:14px;--cm-shadow:0 2px 14px rgba(145,158,171,.14);--cm-side:270px}
html[data-cert-modernize="1"],html[data-cert-modernize="1"] body{min-height:100%;background:var(--cm-bg)!important;color:var(--cm-text)!important;font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif!important}
html[data-cert-modernize="1"] *{box-sizing:border-box}html[data-cert-modernize="1"] a{text-decoration:none}
html[data-cert-modernize="1"] .app-wrapper{min-height:100vh}
html[data-cert-modernize="1"] .left-sidebar{position:fixed;inset:0 auto 0 0;z-index:1040;width:var(--cm-side);overflow-y:auto;background:#fff;border-right:1px solid var(--cm-border);box-shadow:6px 0 20px rgba(145,158,171,.05);transition:transform .2s}
html[data-cert-modernize="1"] .brand-logo{min-height:72px;display:flex;align-items:center;gap:11px;padding:14px 20px;color:var(--cm-text)!important;border-bottom:1px solid var(--cm-border)}
html[data-cert-modernize="1"] .brand-logo__mark{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;flex:none;border-radius:13px;background:linear-gradient(135deg,#5d87ff,#49beff);color:#fff;font-weight:800;box-shadow:0 7px 18px rgba(93,135,255,.22)}
html[data-cert-modernize="1"] .brand-logo__title{display:block;color:var(--cm-text);font-weight:800;line-height:1.2}html[data-cert-modernize="1"] .brand-logo__subtitle{display:block;margin-top:3px;color:var(--cm-muted);font-size:11px}
html[data-cert-modernize="1"] .sidebar-nav{padding:16px 13px 28px}.nav-small-cap{padding:13px 12px 6px;color:#7c8fac;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.sidebar-item{list-style:none;margin:3px 0}
html[data-cert-modernize="1"] .sidebar-link{min-height:44px;display:flex;align-items:center;gap:12px;padding:10px 13px;color:var(--cm-text)!important;border-radius:10px;font-size:14px;font-weight:600;transition:.15s}.sidebar-link:hover{color:var(--cm-p)!important;background:#eef3ff;transform:translateX(2px)}.sidebar-link.active{color:#fff!important;background:var(--cm-p);box-shadow:0 7px 18px rgba(93,135,255,.22)}.sidebar-link svg{width:19px;height:19px;flex:none}
html[data-cert-modernize="1"] .body-wrapper{min-height:100vh;margin-left:var(--cm-side)}.app-header{min-height:70px;position:sticky;top:0;z-index:1020;background:rgba(255,255,255,.94);border-bottom:1px solid var(--cm-border);backdrop-filter:blur(12px)}.app-header__inner{min-height:70px;display:flex;align-items:center;gap:12px;padding:10px 24px}
.sidebar-toggle{width:42px;height:42px;display:none;align-items:center;justify-content:center;border:1px solid var(--cm-border);border-radius:11px;background:#fff;color:var(--cm-text)}.app-header__title{min-width:0;flex:1}.app-header__title strong{display:block;overflow:hidden;color:var(--cm-text);font-size:16px;text-overflow:ellipsis;white-space:nowrap}.app-header__title span{display:block;color:var(--cm-muted);font-size:11px}.app-header__actions{display:flex;gap:8px}.app-header__action{min-height:40px;display:inline-flex;align-items:center;gap:8px;padding:8px 13px;color:var(--cm-text)!important;border:1px solid var(--cm-border);border-radius:10px;background:#fff;font-size:13px;font-weight:700}.app-header__action:hover{color:var(--cm-p)!important;background:#f4f7ff}
html[data-cert-modernize="1"] .cert-modernize-main{width:100%;max-width:1680px;margin:auto;padding:24px}
.cert-public-shell{min-height:100vh;display:flex;flex-direction:column}.cert-public-header{position:sticky;top:0;z-index:1020;background:rgba(255,255,255,.94);border-bottom:1px solid var(--cm-border);backdrop-filter:blur(12px)}.cert-public-header__inner{min-height:68px;max-width:1240px;display:flex;align-items:center;gap:10px;margin:auto;padding:10px 20px}.cert-public-nav{display:flex;align-items:center;gap:4px;margin-left:auto}.cert-public-nav a{min-height:40px;display:inline-flex;align-items:center;padding:8px 12px;color:var(--cm-text)!important;border-radius:9px;font-size:13px;font-weight:700}.cert-public-nav a:hover,.cert-public-nav a.active{color:var(--cm-p)!important;background:#eef3ff}.cert-public-main{width:100%;max-width:1240px;flex:1;margin:auto;padding:24px 20px 96px}
html[data-cert-modernize="1"] .card,html[data-cert-modernize="1"] .cert-card,html[data-cert-modernize="1"] .cert-ops-card,html[data-cert-modernize="1"] .cert-revenue-card,html[data-cert-modernize="1"] .cert-ops-stat{color:var(--cm-text)!important;background:#fff!important;border:1px solid var(--cm-border)!important;border-radius:var(--cm-radius)!important;box-shadow:var(--cm-shadow)}
html[data-cert-modernize="1"] .card-header,html[data-cert-modernize="1"] .card-footer{background:transparent!important;border-color:var(--cm-border)!important}
html[data-cert-modernize="1"] h1,html[data-cert-modernize="1"] h2,html[data-cert-modernize="1"] h3,html[data-cert-modernize="1"] h4,html[data-cert-modernize="1"] h5,html[data-cert-modernize="1"] h6,html[data-cert-modernize="1"] .card-title,html[data-cert-modernize="1"] .page-title{color:var(--cm-text)!important}
html[data-cert-modernize="1"] p,html[data-cert-modernize="1"] small,html[data-cert-modernize="1"] .text-muted,html[data-cert-modernize="1"] .text-secondary{color:var(--cm-muted)!important}.page-header{margin:0 0 20px}.page-pretitle{color:#7c8fac;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.page-title{margin:0;font-size:clamp(22px,3vw,30px);font-weight:800}.btn-list{display:flex;flex-wrap:wrap;gap:8px}.btn{border-radius:9px!important;font-weight:700}.btn-primary{border-color:var(--cm-p)!important;background:var(--cm-p)!important}
html[data-cert-modernize="1"] .form-control,html[data-cert-modernize="1"] .form-select,html[data-cert-modernize="1"] input,html[data-cert-modernize="1"] textarea,html[data-cert-modernize="1"] select{color:var(--cm-text)!important;background:#fff!important;border-color:#dfe5ef!important;border-radius:9px!important}
html[data-cert-modernize="1"] .form-control:focus,html[data-cert-modernize="1"] input:focus,html[data-cert-modernize="1"] textarea:focus,html[data-cert-modernize="1"] select:focus{border-color:#9cb7ff!important;box-shadow:0 0 0 .2rem rgba(93,135,255,.13)!important}
html[data-cert-modernize="1"] .table-responsive,html[data-cert-modernize="1"] .cert-ops-table-wrap{overflow-x:auto;border:1px solid var(--cm-border);border-radius:12px;background:#fff}html[data-cert-modernize="1"] table,html[data-cert-modernize="1"] .table,html[data-cert-modernize="1"] .cert-ops-table{width:100%;color:var(--cm-text)!important;background:#fff!important;border-collapse:collapse}html[data-cert-modernize="1"] table th,html[data-cert-modernize="1"] .table th{padding:12px 14px;color:var(--cm-muted)!important;background:#f8fafc!important;border-bottom:1px solid var(--cm-border)!important;font-size:11px;font-weight:800;text-transform:uppercase;white-space:nowrap}html[data-cert-modernize="1"] table td,html[data-cert-modernize="1"] .table td{padding:12px 14px;color:var(--cm-text)!important;border-bottom:1px solid #edf1f5!important;vertical-align:middle}
.cert-admin-shortcuts,.cert-ops-grid,.cert-revenue-grid,.cert-ops-stat-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px!important;margin:18px 0!important}.cert-admin-shortcuts a,.cert-ops-btn{min-height:44px;display:inline-flex!important;align-items:center;justify-content:center;gap:8px;padding:10px 14px!important;color:var(--cm-text)!important;background:#fff!important;border:1px solid var(--cm-border)!important;border-radius:10px!important;font-size:13px;font-weight:700}.cert-admin-shortcuts a:hover,.cert-ops-btn:hover{color:var(--cm-p)!important;background:#f4f7ff!important}.cert-ops-btn-primary{color:#fff!important;border-color:var(--cm-p)!important;background:var(--cm-p)!important}.cert-ops-btn-danger{color:#fff!important;border-color:var(--cm-bad)!important;background:var(--cm-bad)!important}
.cert-ops-page{display:grid;gap:18px}.cert-ops-page-narrow{max-width:860px;margin:auto}.cert-ops-heading,.cert-ops-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.cert-ops-card,.cert-revenue-card,.cert-ops-stat{padding:18px}.cert-ops-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.cert-ops-detail{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(0,1.3fr);gap:9px 14px;margin:0}.cert-ops-detail dt{color:var(--cm-muted);font-size:12px}.cert-ops-detail dd{margin:0;color:var(--cm-text);font-weight:700;overflow-wrap:anywhere}.cert-ops-badge,.badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800}.cert-ops-badge.is-ok,.bg-green-lt{color:#0b806b!important;background:#e8fbf7!important}.cert-ops-badge.is-off,.bg-red-lt{color:#b34227!important;background:#fff0ec!important}.bg-blue-lt{color:#315fca!important;background:#eef3ff!important}
.cert-ops-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:10px;border:1px solid var(--cm-border);border-radius:12px;background:#fff}.cert-ops-nav a{min-height:40px;display:inline-flex;align-items:center;padding:8px 11px;color:var(--cm-text)!important;border-radius:9px;font-size:12px;font-weight:700}.cert-ops-nav a:hover,.cert-ops-nav a.is-active{color:var(--cm-p)!important;background:#eef3ff}
.cert-sign-app{min-height:86px;cursor:pointer!important;background:#fff!important;border-color:#dce5f6!important;transition:.15s}.cert-sign-app:hover:not(:disabled){transform:translateY(-2px);border-color:#9cb7ff!important;box-shadow:0 8px 22px rgba(93,135,255,.14)}.cert-sign-app:disabled{cursor:not-allowed!important;opacity:.48}.cert-sign-app.is-busy{pointer-events:none;opacity:.72}
.cert-modernize-footer{padding:20px 24px;color:var(--cm-muted);border-top:1px solid var(--cm-border);background:#fff;font-size:12px}.cert-modernize-footer__inner{max-width:1680px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:auto}.cert-modernize-footer__links{display:flex;gap:12px}.cert-modernize-footer a{color:var(--cm-muted)!important}
.cert-auth-shell{min-height:100vh;display:grid;place-items:center;padding:28px 16px;background:radial-gradient(circle at 12% 10%,rgba(93,135,255,.15),transparent 28rem),radial-gradient(circle at 88% 90%,rgba(73,190,255,.13),transparent 28rem),var(--cm-bg)}.cert-auth-frame{width:min(100%,520px)}.cert-auth-brand{display:flex;justify-content:center;margin-bottom:18px}.cert-auth-main .card{border:0!important;box-shadow:0 18px 50px rgba(145,158,171,.2)}
.cert-modernize-toast-stack{position:fixed;top:84px;right:18px;z-index:2200;width:min(390px,calc(100vw - 32px));display:grid;gap:10px;pointer-events:none}.cert-modernize-toast{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;padding:13px 14px;color:var(--cm-text);border:1px solid var(--cm-border);border-left:4px solid var(--cm-p);border-radius:12px;background:#fff;box-shadow:0 14px 38px rgba(42,53,71,.16);pointer-events:auto}.cert-modernize-toast.is-success{border-left-color:var(--cm-ok)}.cert-modernize-toast.is-error{border-left-color:var(--cm-bad)}.cert-modernize-toast.is-warning{border-left-color:var(--cm-warn)}.cert-modernize-toast__icon{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;color:#fff;border-radius:50%;background:var(--cm-p);font-weight:900}.cert-modernize-toast__title{font-size:13px;font-weight:800}.cert-modernize-toast__message{color:var(--cm-muted);font-size:12px}.cert-modernize-toast__close{border:0;background:transparent;color:#7c8fac;font-size:17px}
html[data-cert-modernize="1"] .cert-copy-footer{color:var(--cm-muted)!important;background:#fff!important;border-color:var(--cm-border)!important}html[data-cert-modernize="1"] .cert-mobile-nav{color:var(--cm-text)!important;background:rgba(255,255,255,.96)!important;border-color:var(--cm-border)!important;box-shadow:0 -8px 24px rgba(145,158,171,.14)}
.sidebar-backdrop{display:none}
@media(max-width:1199.98px){.left-sidebar{transform:translateX(-102%)}html.cert-sidebar-open .left-sidebar{transform:translateX(0)}.body-wrapper{margin-left:0!important}.sidebar-toggle{display:inline-flex}.sidebar-backdrop{position:fixed;inset:0;z-index:1035;display:block;visibility:hidden;opacity:0;background:rgba(42,53,71,.42);transition:.2s}html.cert-sidebar-open .sidebar-backdrop{visibility:visible;opacity:1}}
@media(max-width:767.98px){.cert-modernize-main,.cert-public-main{padding:16px 12px 96px!important}.app-header__inner{padding:9px 12px}.app-header__action span{display:none}.cert-admin-shortcuts,.cert-ops-grid,.cert-revenue-grid,.cert-ops-stat-grid{grid-template-columns:1fr!important}.cert-ops-heading,.cert-modernize-footer__inner{flex-direction:column;align-items:stretch}.cert-modernize-toast-stack{top:72px;right:12px;width:calc(100vw - 24px)}}
/* CERT_GAMEIOS_MODERNIZE_UI_POSITION_REPAIR_V1_20260722 */
html[data-cert-modernize="1"]{max-width:100%;overflow-x:clip}
html[data-cert-modernize="1"] body,
html[data-cert-modernize="1"] .cert-public-shell,
html[data-cert-modernize="1"] .body-wrapper{min-width:0;max-width:100%}
html[data-cert-modernize="1"] .cert-public-header__inner,
html[data-cert-modernize="1"] .cert-public-header .brand-logo,
html[data-cert-modernize="1"] .cert-public-nav,
html[data-cert-modernize="1"] .cert-modernize-main,
html[data-cert-modernize="1"] .cert-public-main{min-width:0}
html[data-cert-modernize="1"] .cert-public-header .brand-logo{flex:0 1 auto;overflow:hidden}
html[data-cert-modernize="1"] .cert-public-header .brand-logo>span:last-child{min-width:0}
html[data-cert-modernize="1"] .cert-public-header .brand-logo__title,
html[data-cert-modernize="1"] .cert-public-header .brand-logo__subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-cert-modernize-scope="admin"] .cert-ops-nav{display:none!important}
html[data-cert-modernize="1"] .table-responsive,
html[data-cert-modernize="1"] .cert-ops-table-wrap{max-width:100%}
html[data-cert-modernize="1"] input,
html[data-cert-modernize="1"] select,
html[data-cert-modernize="1"] textarea,
html[data-cert-modernize="1"] button{max-width:100%}
@media(max-width:767.98px){
 html[data-cert-modernize-scope="public"] .cert-public-header__inner{width:100%;min-height:62px;padding:8px 12px}
 html[data-cert-modernize-scope="public"] .cert-public-header .brand-logo{max-width:calc(100vw - 24px);min-height:46px;padding:0!important;border:0!important}
 html[data-cert-modernize-scope="public"] .cert-public-header .brand-logo__mark{width:38px;height:38px;border-radius:11px}
 html[data-cert-modernize-scope="public"] .cert-public-header .brand-logo__title{font-size:14px}
 html[data-cert-modernize-scope="public"] .cert-public-header .brand-logo__subtitle{font-size:10px}
 html[data-cert-modernize-scope="public"] .cert-public-nav{display:none!important}
 html[data-cert-modernize-scope="public"] body{padding-bottom:calc(var(--cert-mobile-nav-safe-space,96px) + env(safe-area-inset-bottom))}
 html[data-cert-modernize-scope="public"] .cert-public-main,
 html[data-cert-modernize-scope="public"] .cert-modernize-main{width:100%;max-width:100%;padding:16px 12px calc(var(--cert-mobile-nav-safe-space,96px) + 24px + env(safe-area-inset-bottom))!important;overflow-x:clip}
 html[data-cert-modernize-scope="public"] .cert-mobile-nav{right:10px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;z-index:1080!important;width:auto!important;max-width:calc(100vw - 20px)!important}
 html[data-cert-modernize="1"] .row{--bs-gutter-x:1rem}
 html[data-cert-modernize="1"] .card,
 html[data-cert-modernize="1"] .cert-card,
 html[data-cert-modernize="1"] .cert-ops-card{max-width:100%}
 html[data-cert-modernize-scope="admin"] .cert-modernize-main{padding:16px 12px}
 html[data-cert-modernize-scope="admin"] .cert-ops-heading,
 html[data-cert-modernize-scope="admin"] .cert-ops-card-head{flex-direction:column;align-items:stretch}
 html[data-cert-modernize-scope="admin"] .cert-ops-grid,
 html[data-cert-modernize-scope="admin"] .cert-revenue-grid,
 html[data-cert-modernize-scope="admin"] .cert-ops-stat-grid,
 html[data-cert-modernize-scope="admin"] .cert-admin-shortcuts{grid-template-columns:1fr!important}
}


/* CERT_GAMEIOS_MODERNIZE_TOPUP_CARD_COMPAT_V1_20260722 */
html[data-cert-route="topup-card"] .cert-public-main {
    width: 100%;
    max-width: 1180px;
}

html[data-cert-route="topup-card"] .cert-public-main > div {
    width: 100%;
    max-width: 1180px;
    margin-inline: auto;
}

html[data-cert-route="topup-card"] .max-w-7xl {
    max-width: 1180px;
}

html[data-cert-route="topup-card"] .mx-auto {
    margin-left: auto;
    margin-right: auto;
}

html[data-cert-route="topup-card"] .grid {
    display: grid;
}

html[data-cert-route="topup-card"] .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

html[data-cert-route="topup-card"] .gap-2 {
    gap: 8px;
}

html[data-cert-route="topup-card"] .gap-3 {
    gap: 12px;
}

html[data-cert-route="topup-card"] .gap-4 {
    gap: 16px;
}

html[data-cert-route="topup-card"] .gap-6 {
    gap: 24px;
}

html[data-cert-route="topup-card"] .space-y-3 > * + * {
    margin-top: 12px;
}

html[data-cert-route="topup-card"] .space-y-4 > * + * {
    margin-top: 16px;
}

html[data-cert-route="topup-card"] .space-y-5 > * + * {
    margin-top: 20px;
}

html[data-cert-route="topup-card"] .space-y-6 > * + * {
    margin-top: 24px;
}

html[data-cert-route="topup-card"] .flex {
    display: flex;
}

html[data-cert-route="topup-card"] .inline-flex {
    display: inline-flex;
}

html[data-cert-route="topup-card"] .items-center {
    align-items: center;
}

html[data-cert-route="topup-card"] .items-start {
    align-items: flex-start;
}

html[data-cert-route="topup-card"] .justify-center {
    justify-content: center;
}

html[data-cert-route="topup-card"] .justify-between {
    justify-content: space-between;
}

html[data-cert-route="topup-card"] .flex-col {
    flex-direction: column;
}

html[data-cert-route="topup-card"] .flex-wrap {
    flex-wrap: wrap;
}

html[data-cert-route="topup-card"] .w-full {
    width: 100%;
}

html[data-cert-route="topup-card"] .max-w-full {
    max-width: 100%;
}

html[data-cert-route="topup-card"] .min-w-0 {
    min-width: 0;
}

html[data-cert-route="topup-card"] .overflow-hidden {
    overflow: hidden;
}

html[data-cert-route="topup-card"] .relative {
    position: relative;
}

html[data-cert-route="topup-card"] .absolute {
    position: absolute;
}

html[data-cert-route="topup-card"] .fixed {
    position: fixed;
}

html[data-cert-route="topup-card"] .inset-0 {
    inset: 0;
}

html[data-cert-route="topup-card"] .hidden {
    display: none !important;
}

html[data-cert-route="topup-card"] .p-3 {
    padding: 12px;
}

html[data-cert-route="topup-card"] .p-4 {
    padding: 16px;
}

html[data-cert-route="topup-card"] .p-5 {
    padding: 20px;
}

html[data-cert-route="topup-card"] .px-3 {
    padding-left: 12px;
    padding-right: 12px;
}

html[data-cert-route="topup-card"] .px-4 {
    padding-left: 16px;
    padding-right: 16px;
}

html[data-cert-route="topup-card"] .py-2 {
    padding-top: 8px;
    padding-bottom: 8px;
}

html[data-cert-route="topup-card"] .py-3 {
    padding-top: 12px;
    padding-bottom: 12px;
}

html[data-cert-route="topup-card"] .py-8 {
    padding-top: 32px;
    padding-bottom: 32px;
}

html[data-cert-route="topup-card"] .mt-1 {
    margin-top: 4px;
}

html[data-cert-route="topup-card"] .mt-2 {
    margin-top: 8px;
}

html[data-cert-route="topup-card"] .mt-3 {
    margin-top: 12px;
}

html[data-cert-route="topup-card"] .mt-4 {
    margin-top: 16px;
}

html[data-cert-route="topup-card"] .mb-1 {
    margin-bottom: 4px;
}

html[data-cert-route="topup-card"] .mb-2 {
    margin-bottom: 8px;
}

html[data-cert-route="topup-card"] .mb-3 {
    margin-bottom: 12px;
}

html[data-cert-route="topup-card"] .mb-4 {
    margin-bottom: 16px;
}

html[data-cert-route="topup-card"] .rounded-lg {
    border-radius: 9px;
}

html[data-cert-route="topup-card"] .rounded-xl {
    border-radius: 12px;
}

html[data-cert-route="topup-card"] .rounded-2xl {
    border-radius: 16px;
}

html[data-cert-route="topup-card"] .border,
html[data-cert-route="topup-card"] .border-dark-border {
    border: 1px solid var(--cm-border);
}

html[data-cert-route="topup-card"] .border-b {
    border-bottom: 1px solid var(--cm-border);
}

html[data-cert-route="topup-card"] .bg-dark-card,
html[data-cert-route="topup-card"] .bg-dark-surface,
html[data-cert-route="topup-card"] .bg-dark-bg {
    color: var(--cm-text);
    background: #fff;
}

html[data-cert-route="topup-card"] .text-white {
    color: var(--cm-text) !important;
}

html[data-cert-route="topup-card"] .text-gray-300,
html[data-cert-route="topup-card"] .text-gray-400,
html[data-cert-route="topup-card"] .text-gray-500,
html[data-cert-route="topup-card"] .text-gray-600 {
    color: var(--cm-muted) !important;
}

html[data-cert-route="topup-card"] .text-amber-300,
html[data-cert-route="topup-card"] .text-amber-400,
html[data-cert-route="topup-card"] .text-yellow-400 {
    color: #b46a00 !important;
}

html[data-cert-route="topup-card"] .text-green-400 {
    color: #08735f !important;
}

html[data-cert-route="topup-card"] .text-red-400 {
    color: #c23d25 !important;
}

html[data-cert-route="topup-card"] .text-neon-cyan,
html[data-cert-route="topup-card"] .text-gradient {
    color: var(--cm-p) !important;
    -webkit-text-fill-color: currentColor !important;
    background: none !important;
}

html[data-cert-route="topup-card"] .section-title {
    margin: 0;
    color: var(--cm-text);
    font-size: clamp(25px, 4vw, 34px);
    font-weight: 800;
    letter-spacing: -.025em;
}

html[data-cert-route="topup-card"] .font-bold,
html[data-cert-route="topup-card"] .font-semibold,
html[data-cert-route="topup-card"] .font-black {
    font-weight: 700;
}

html[data-cert-route="topup-card"] .text-xs {
    font-size: 12px;
}

html[data-cert-route="topup-card"] .text-sm {
    font-size: 14px;
}

html[data-cert-route="topup-card"] .text-lg {
    font-size: 18px;
}

html[data-cert-route="topup-card"] .uppercase {
    text-transform: uppercase;
}

html[data-cert-route="topup-card"] .tracking-wider {
    letter-spacing: .045em;
}

html[data-cert-route="topup-card"] .cursor-pointer {
    cursor: pointer;
}

html[data-cert-route="topup-card"] #card-form {
    display: grid;
    gap: 20px;
    padding: 24px;
}

html[data-cert-route="topup-card"] #card-form .grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

html[data-cert-route="topup-card"] #card-form label {
    color: var(--cm-text);
    font-size: 13px;
    font-weight: 700;
}

html[data-cert-route="topup-card"] #card-form input[type="radio"] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
}

html[data-cert-route="topup-card"] #card-form input[type="radio"] + div {
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 10px;
    color: var(--cm-text);
    text-align: center;
    background: #fff;
    border: 1px solid #d7dfeb;
    border-radius: 11px;
    box-shadow: 0 1px 3px rgba(42, 53, 71, .04);
    transition: border-color .15s, box-shadow .15s, background .15s;
}

html[data-cert-route="topup-card"] #card-form input[type="radio"]:checked + div {
    color: #2458d3;
    background: #eef3ff;
    border-color: var(--cm-p);
    box-shadow: 0 0 0 3px rgba(93, 135, 255, .12);
}

html[data-cert-route="topup-card"] #card-form input[type="radio"]:focus-visible + div {
    outline: 3px solid rgba(93, 135, 255, .22);
    outline-offset: 2px;
}

html[data-cert-route="topup-card"] #card-form input[type="text"],
html[data-cert-route="topup-card"] #card-form input[type="password"],
html[data-cert-route="topup-card"] #card-form input:not([type]) {
    width: 100%;
    min-height: 48px;
    padding: 11px 14px;
    color: var(--cm-text) !important;
    background: #fff !important;
    border: 1px solid #d7dfeb !important;
    border-radius: 10px !important;
    font-size: 15px;
}

html[data-cert-route="topup-card"] #card-form input:focus {
    border-color: var(--cm-p) !important;
    box-shadow: 0 0 0 3px rgba(93, 135, 255, .12) !important;
    outline: 0;
}

html[data-cert-route="topup-card"] #btn-send-card {
    width: 100% !important;
    min-height: 50px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 12px 18px !important;
    color: #fff !important;
    background: var(--cm-p) !important;
    border: 1px solid var(--cm-p) !important;
    border-radius: 11px !important;
    font-size: 15px !important;
    font-weight: 800;
    box-shadow: 0 8px 18px rgba(93, 135, 255, .22);
}

html[data-cert-route="topup-card"] #btn-send-card:hover {
    filter: brightness(.96);
}

html[data-cert-route="topup-card"] table {
    width: 100%;
    border-collapse: collapse;
}

html[data-cert-route="topup-card"] th,
html[data-cert-route="topup-card"] td {
    padding: 11px 13px;
    border-bottom: 1px solid var(--cm-border);
}

html[data-cert-route="topup-card"] [style*="position:fixed"],
html[data-cert-route="topup-card"] .fixed.inset-0 {
    z-index: 2300;
}

@media (min-width: 992px) {
    html[data-cert-route="topup-card"] .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    html[data-cert-route="topup-card"] .lg\:col-span-2 {
        grid-column: span 2 / span 2;
    }
}

@media (min-width: 640px) {
    html[data-cert-route="topup-card"] #card-form .sm\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    html[data-cert-route="topup-card"] .lg\:grid-cols-3 {
        grid-template-columns: 1fr;
    }

    html[data-cert-route="topup-card"] .lg\:col-span-2 {
        grid-column: auto;
    }
}

@media (max-width: 767.98px) {
    html[data-cert-route="topup-card"] .cert-public-main {
        padding-top: 15px !important;
    }

    html[data-cert-route="topup-card"] .px-4 {
        padding-left: 12px;
        padding-right: 12px;
    }

    html[data-cert-route="topup-card"] .py-8 {
        padding-top: 16px;
        padding-bottom: 20px;
    }

    html[data-cert-route="topup-card"] #card-form {
        gap: 18px;
        padding: 18px 14px;
    }

    html[data-cert-route="topup-card"] #card-form .grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    html[data-cert-route="topup-card"] #card-form input[type="radio"] + div {
        min-height: 52px;
        padding: 10px 7px;
        font-size: 12px;
    }

    html[data-cert-route="topup-card"] #btn-send-card {
        min-height: 52px;
    }
}

/* Keep transaction forms free from a fixed overlaying bottom navigation. */
@media (max-width: 767.98px) {
    html[data-cert-route="topup-card"] .cert-mobile-nav,
    html[data-cert-route="topup-bank"] .cert-mobile-nav {
        position: static !important;
        inset: auto !important;
        width: calc(100% - 24px) !important;
        max-width: 460px !important;
        margin: 18px auto 8px !important;
        transform: none !important;
    }

    html[data-cert-route="topup-card"] body,
    html[data-cert-route="topup-bank"] body {
        padding-bottom: env(safe-area-inset-bottom) !important;
    }

    html[data-cert-route="topup-card"] .cert-public-main,
    html[data-cert-route="topup-card"] .cert-modernize-main,
    html[data-cert-route="topup-bank"] .cert-public-main,
    html[data-cert-route="topup-bank"] .cert-modernize-main {
        padding-bottom: 24px !important;
    }
}

/* CERT_GAMEIOS_NAVIGATION_POSITION_DISCOVERABILITY_V1_20260722 */
html[data-cert-modernize="1"] .cert-admin-mobile-quicknav,
html[data-cert-modernize="1"] .certvn-section-nav {
    scrollbar-width: thin;
    overscroll-behavior-x: contain;
}
html[data-cert-modernize="1"] .cert-admin-mobile-quicknav {
    display: none;
}
html[data-cert-modernize="1"] .certvn-section-nav {
    position: sticky;
    top: 79px;
    z-index: 1014;
    display: flex;
    gap: 8px;
    overflow-x: auto;
    margin: 0 0 16px;
    padding: 9px;
    border: 1px solid var(--cm-border);
    border-radius: 13px;
    background: rgba(255,255,255,.97);
    box-shadow: 0 6px 22px rgba(145,158,171,.12);
    backdrop-filter: blur(12px);
}
html[data-cert-modernize="1"] .certvn-section-nav a {
    min-height: 40px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    border-radius: 9px;
    color: var(--cm-text)!important;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}
html[data-cert-modernize="1"] .certvn-section-nav a:hover,
html[data-cert-modernize="1"] .certvn-section-nav a.is-active {
    color: var(--cm-p)!important;
    background: #eef3ff;
}
html[data-cert-modernize="1"] #overview,
html[data-cert-modernize="1"] #queue-health,
html[data-cert-modernize="1"] #settings,
html[data-cert-modernize="1"] #packages,
html[data-cert-modernize="1"] #orders {
    scroll-margin-top: 150px;
}
html[data-cert-modernize-scope="admin"] .cert-admin-shortcuts {
    margin-top: 14px;
    margin-bottom: 18px;
}
html[data-cert-modernize-scope="admin"] .cert-admin-shortcuts > a {
    display: flex!important;
    align-items: center!important;
    gap: 8px!important;
    flex-wrap: wrap;
}
html[data-cert-modernize-scope="admin"] .cert-ops-heading,
html[data-cert-modernize-scope="admin"] .cert-ops-card-head,
html[data-cert-modernize-scope="admin"] .cert-ops-stat,
html[data-cert-modernize-scope="admin"] .cert-admin-shortcuts a {
    column-gap: 8px;
    row-gap: 5px;
}
html[data-cert-modernize-scope="admin"] .gap-1 { gap: 4px!important; }
html[data-cert-modernize-scope="admin"] .gap-2 { gap: 8px!important; }
html[data-cert-modernize-scope="admin"] .gap-3 { gap: 12px!important; }
html[data-cert-modernize-scope="admin"] .gap-4 { gap: 16px!important; }
html[data-cert-modernize-scope="admin"] .gap-5 { gap: 20px!important; }
html[data-cert-modernize-scope="admin"] .gap-6 { gap: 24px!important; }
html[data-cert-modernize-scope="admin"] .space-y-2 > * + * { margin-top: 8px!important; }
html[data-cert-modernize-scope="admin"] .space-y-3 > * + * { margin-top: 12px!important; }
html[data-cert-modernize-scope="admin"] .space-y-4 > * + * { margin-top: 16px!important; }
html[data-cert-modernize-scope="admin"] .space-y-5 > * + * { margin-top: 20px!important; }
html[data-cert-modernize-scope="admin"] .space-y-6 > * + * { margin-top: 24px!important; }
html[data-cert-modernize-scope="admin"] .inline-flex { display: inline-flex; }
html[data-cert-modernize-scope="admin"] .items-center { align-items: center; }
html[data-cert-modernize-scope="admin"] .items-start { align-items: flex-start; }
html[data-cert-modernize-scope="admin"] .justify-between { justify-content: space-between; }
html[data-cert-modernize-scope="admin"] .flex-wrap { flex-wrap: wrap; }
html[data-cert-modernize-scope="admin"] .shrink-0 { flex-shrink: 0; }
html[data-cert-modernize-scope="admin"] .min-w-0 { min-width: 0; }
html[data-cert-modernize-scope="admin"] [data-cert-position-promoted="1"] {
    animation: none!important;
}
@media (max-width:1199.98px) {
    html[data-cert-modernize-scope="admin"] .cert-admin-mobile-quicknav {
        position: sticky;
        top: 71px;
        z-index: 1016;
        display: flex;
        gap: 7px;
        overflow-x: auto;
        width: 100%;
        padding: 8px 12px;
        border-bottom: 1px solid var(--cm-border);
        background: rgba(246,249,252,.97);
        backdrop-filter: blur(12px);
    }
    html[data-cert-modernize-scope="admin"] .cert-admin-mobile-quicknav a {
        min-height: 40px;
        flex: 0 0 auto;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 8px 12px;
        border: 1px solid var(--cm-border);
        border-radius: 10px;
        color: var(--cm-text)!important;
        background: #fff;
        font-size: 12px;
        font-weight: 800;
        white-space: nowrap;
    }
    html[data-cert-modernize-scope="admin"] .cert-admin-mobile-quicknav a.active {
        color: #fff!important;
        border-color: var(--cm-p);
        background: var(--cm-p);
        box-shadow: 0 7px 18px rgba(93,135,255,.24);
    }
    html[data-cert-modernize-scope="admin"] .certvn-section-nav {
        top: 126px;
    }
}
@media (max-width:767.98px) {
    html[data-cert-modernize-scope="public"] body {
        padding-bottom: 0!important;
    }
    html[data-cert-modernize-scope="public"] .cert-public-main,
    html[data-cert-modernize-scope="public"] .cert-modernize-main {
        padding-bottom: 32px!important;
    }
    html[data-cert-modernize-scope="public"] .cert-mobile-nav.cert-mobile-nav--top {
        position: sticky!important;
        inset: auto!important;
        top: 62px!important;
        z-index: 1018!important;
        display: grid!important;
        width: calc(100% - 20px)!important;
        max-width: none!important;
        margin: 8px 10px 0!important;
        transform: none!important;
        border: 1px solid var(--cm-border)!important;
        border-radius: 16px!important;
        box-shadow: 0 7px 22px rgba(145,158,171,.16)!important;
    }
    html[data-cert-modernize-scope="admin"] .cert-admin-mobile-quicknav {
        top: 71px;
    }
    html[data-cert-modernize-scope="admin"] .certvn-section-nav {
        top: 126px;
        margin-inline: -2px;
    }
}
@media (min-width:768px) {
    html[data-cert-modernize-scope="public"] .cert-mobile-nav.cert-mobile-nav--top {
        display: none!important;
    }
}