/* CEOACC R28 content presentation, based on the fresh source/ templates.
 * Shell, navigation, authentication and backoffice belong to separate files.
 * Existing product modes, tab visibility, form states, payment/QR behaviour,
 * Bootstrap modal geometry and plugin scrolling are intentionally retained.
 */

/* Content primitives: opaque reading surfaces with a restrained colour wash. */
html.ceo-glass body .content-page :is(.card, .sa-card, .tc-card, .crypto-recharge-card, .crypto-side-card, .crypto-checkout-card) {
    color: var(--cg-text, #1c2736);
    background: linear-gradient(155deg, var(--cg-surface, #fff) 65%, var(--cg-surface-soft, #f7f9fd));
    border: 1px solid var(--cg-line, #e2e8f0);
    border-radius: 24px;
    box-shadow: var(--cg-shadow, 0 5px 22px rgba(43,65,104,.045));
    font-family: var(--cg-font, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif);
    font-size: 14px;
    line-height: 1.6;
}
html.ceo-glass body .content-page .card > .card-header {
    background-color: var(--cg-surface, #fff);
    color: var(--cg-text, #1c2736);
    border-bottom-color: var(--cg-line, #e2e8f0);
    border-radius: 23px 23px 0 0;
    padding: 16px 20px;
}
/* The home recent-activity headers carry inline theme fills and white titles. */
html.ceo-glass body .content-page .card > .card-header[style*="background"] { background: var(--cg-surface-soft, #f7f9fd) !important; }
html.ceo-glass body .content-page .card > .card-header[style*="background"] .card-title[style*="color"] { color: var(--cg-text, #1c2736) !important; }
html.ceo-glass body .content-page .card > .card-body { padding: 20px; }
html.ceo-glass body .content-page .card > .card-footer {
    background: var(--cg-surface-soft, #f7f9fd);
    border-top-color: var(--cg-line, #e2e8f0);
    border-radius: 0 0 23px 23px;
    padding: 14px 20px;
}
html.ceo-glass body .content-page .card .card { border-radius: 20px; box-shadow: none; }
html.ceo-glass body .content-page .card-title { color: var(--cg-text, #1c2736); font-size: 17px; font-weight: 600; line-height: 1.5; }
html.ceo-glass body .content-page :is(.header-title, .card-body) > :is(h2, h3, h4, h5, h6) { color: var(--cg-text, #1c2736); font-weight: 600; }
html.ceo-glass body .content-page :is(.form-control, .custom-select, .sa-input) {
    color: var(--cg-text, #1c2736);
    background-color: var(--cg-surface, #fff);
    border-color: var(--cg-line-strong, #d4dfed);
    border-radius: 12px;
    font-family: inherit;
    font-size: 14px;
}
html.ceo-glass body .content-page :is(.form-control, .custom-select, .sa-input):not(button, [type="checkbox"], [type="radio"], [type="button"], [type="submit"], [type="reset"], [type="image"], [type="range"], [type="file"], [type="color"], [type="hidden"]):focus { border-color: var(--cg-primary, #2465bd); box-shadow: 0 0 0 2px var(--cg-field-ring, rgba(36, 101, 189, .12)); outline: 0; outline-offset: 0; }
html.ceo-glass body .content-page :is(.form-control, .custom-select, .sa-input)::placeholder { color: var(--cg-muted, #64748a); }
html.ceo-glass body .content-page :is(.form-control, .custom-select, .sa-input):is(:disabled, [readonly]) { background-color: var(--cg-surface-soft, #f7f9fd); color: var(--cg-muted, #64748a); }
html.ceo-glass body .content-page :is(.form-control, .custom-select).is-invalid { border-color: var(--cg-danger, #c83f52); }
html.ceo-glass body .content-page :is(.form-control, .custom-select).is-valid { border-color: var(--cg-success, #18864b); }
html.ceo-glass body .content-page :is(label, .form-label, .sa-label) { font-weight: 500; }
html.ceo-glass body .content-page .input-group-text { color: var(--cg-muted, #64748a); background: var(--cg-surface-soft, #f7f9fd); border-color: var(--cg-line-strong, #d4dfed); }
html.ceo-glass body .content-page .btn { border-radius: 12px; font-size: 14px; font-weight: 500; }
html.ceo-glass body .content-page .btn-sm { border-radius: 10px; font-size: 12px; }
html.ceo-glass body .content-page .btn-primary { background-color: var(--cg-primary-fill, #2465bd); border-color: var(--cg-primary-fill, #2465bd); color: #fff; }
html.ceo-glass body .content-page .btn-outline-primary { color: var(--cg-primary, #2465bd); border-color: var(--cg-line-strong, #d4dfed); }
html.ceo-glass body .content-page .btn-outline-primary:hover { color: var(--cg-primary, #2465bd); background-color: var(--cg-blue-soft, #edf4ff); border-color: var(--cg-primary, #2465bd); }
html.ceo-glass body .content-page :is(button, a, input:is([type="checkbox"], [type="radio"], [type="button"], [type="submit"], [type="reset"], [type="image"], [type="range"], [type="file"], [type="color"])):focus-visible { outline: 2px solid var(--cg-primary, #2465bd); outline-offset: 3px; }
/* Bootstrap's semantic success/danger/warning classes and disabled opacity stay native. */
html.ceo-glass body .content-page .alert { border-radius: 20px; box-shadow: none; }
html.ceo-glass body .content-page .alert.alert-primary { background-color: var(--cg-blue-soft, #edf4ff); color: var(--cg-blue-text, #315f9f); border-color: var(--cg-line, #e2e8f0); }
html.ceo-glass body .content-page .alert.bg-white.alert-primary { background-color: var(--cg-blue-soft, #edf4ff) !important; }
html.ceo-glass body .content-page .iq-alert-text { overflow-wrap: anywhere; }
html.ceo-glass body .content-page .text-muted { color: var(--cg-muted, #64748a) !important; }
html.ceo-glass body .content-page .table { color: var(--cg-text, #1c2736); font-size: 13px; }
html.ceo-glass body .content-page .table :is(th, td) { border-color: var(--cg-line, #e2e8f0); vertical-align: middle; }
html.ceo-glass body .content-page .table thead:not(.thead-dark) th { background-color: var(--cg-surface-soft, #f7f9fd); color: var(--cg-muted, #64748a); font-size: 12px; font-weight: 600; }
html.ceo-glass body .content-page .table-striped > tbody > tr:nth-of-type(odd):not([class*="table-"]):not([class*="bg-"]) { background-color: var(--cg-surface-soft, #f7f9fd); }
/* R29: use a theme-aware fallback when no dedicated hover token is configured. */
html.ceo-glass body .content-page .table-hover > tbody > tr:hover:not([class*="table-"]):not([class*="bg-"]) { color: var(--cg-text, #1c2736); background-color: var(--cg-hover, var(--cg-blue-soft, #edf4ff)); }
html.ceo-glass body .content-page .table-responsive { scrollbar-width: thin; scrollbar-color: var(--cg-line-strong, #d4dfed) transparent; }
html.ceo-glass body .content-page .dataTables_wrapper :is(.dataTables_filter, .dataTables_length, .dataTables_info) { color: var(--cg-muted, #64748a); font-size: 12px; }
html.ceo-glass body .content-page .page-link { color: var(--cg-primary, #2465bd); background-color: var(--cg-surface, #fff); border-color: var(--cg-line, #e2e8f0); border-radius: 10px; font-size: 12px; }
html.ceo-glass body .content-page .page-item.active .page-link { color: #fff; background-color: var(--cg-primary-fill, #2465bd); border-color: var(--cg-primary-fill, #2465bd); }
html.ceo-glass body .content-page .page-item.disabled .page-link { color: var(--cg-muted, #64748a); background-color: var(--cg-surface-soft, #f7f9fd); }

/* R30: the referral tabs need their own states; legacy dark pills set blue text
 * over a blue fill. Keep this component separate from catalogue and other tabs. */
html.ceo-glass body .content-page.affiliate-page .affiliate-tabs-card > .card-header {
    padding: 8px !important;
    border-radius: inherit;
}
html.ceo-glass body .affiliate-page .affiliate-tabs-card #pills-tab-1 {
    margin: 0 !important;
    gap: 6px;
}
html.ceo-glass body .affiliate-page .affiliate-tabs-card #pills-tab-1 .nav-link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    min-height: 44px;
    padding: 9px 16px;
    border: 1px solid transparent;
    border-radius: 14px;
    color: var(--cg-muted, #64748a);
    background: transparent;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    box-shadow: none;
    transition: background-color .16s ease, color .16s ease, border-color .16s ease;
}
html.ceo-glass body .affiliate-page .affiliate-tabs-card #pills-tab-1 .nav-link:hover {
    color: var(--cg-text, #1c2736);
    background: var(--cg-surface-soft, #f7f9fd);
    border-color: var(--cg-line, #e2e8f0);
}
html.ceo-glass body .affiliate-page .affiliate-tabs-card #pills-tab-1 .nav-link.active {
    color: var(--cg-primary, #2465bd);
    background: var(--cg-blue-soft, #eaf2ff);
    border-color: var(--cg-primary, #2465bd);
    font-weight: 600;
    box-shadow: none;
}
html.ceo-glass body .affiliate-page .affiliate-tabs-card #pills-tab-1 .nav-link:focus-visible {
    outline: 2px solid var(--cg-primary, #2465bd);
    outline-offset: 2px;
}
/* These two fields use named inline colours in the existing overview/withdrawal
 * panes. Override only those values, without changing amounts or other labels. */
html.ceo-glass body .affiliate-page #pills-tabContent-1 :is(#pills-home-fill, #pills-contact-fill) .form-group.row > .col-sm-8 > b[style*="color: blue"] {
    color: var(--cg-primary, #2465bd) !important;
}
html.ceo-glass body .affiliate-page #pills-tabContent-1 :is(#pills-home-fill, #pills-contact-fill) .form-group.row > .col-sm-8 > b[style*="color: red"] {
    color: #b33948 !important;
}
html.ceo-glass.cg-dark body .affiliate-page #pills-tabContent-1 :is(#pills-home-fill, #pills-contact-fill) .form-group.row > .col-sm-8 > b[style*="color: red"],
html.ceo-glass body:is(.dark, .dark-mode) .affiliate-page #pills-tabContent-1 :is(#pills-home-fill, #pills-contact-fill) .form-group.row > .col-sm-8 > b[style*="color: red"] {
    color: #ffa1ad !important;
}

/* Home/shop-account.php: announcement, category navigation and existing list/grid.
 * No ordering or display overrides: the configured product modes remain intact. */
html.ceo-glass body .content-page .search-wrapper { background: var(--cg-surface, #fff); border-color: var(--cg-line, #e2e8f0); border-radius: 20px; box-shadow: var(--cg-shadow, none); }
html.ceo-glass body .content-page .search-wrapper:focus-within { transform: none; border-color: var(--cg-primary, #2465bd); box-shadow: 0 0 0 2px var(--cg-field-ring, rgba(36, 101, 189, .12)); }
/* The search container owns the ring; its inner text field must not add a second one. */
html.ceo-glass body .content-page .search-wrapper .search-input-modern:focus { outline: 0; outline-offset: 0; box-shadow: none; }
html.ceo-glass body .content-page .search-input-modern { color: var(--cg-text, #1c2736); min-width: 0; font-size: 14px; }
html.ceo-glass body .content-page .search-input-modern::placeholder { color: var(--cg-muted, #64748a); font-size: 13px; }
html.ceo-glass body .content-page .search-icon { color: var(--cg-muted, #64748a); }
html.ceo-glass body .content-page .search-btn { color: #fff; background-color: var(--cg-primary-fill, #2465bd); box-shadow: none; }
html.ceo-glass body .content-page .clear-btn { color: var(--cg-muted, #64748a); }
html.ceo-glass body .content-page #pills-tab-1.shop-account-category-tabs {
    gap: 8px;
    padding: 16px;
    color: var(--cg-text, #1c2736);
    background: linear-gradient(155deg, var(--cg-surface, #fff) 65%, var(--cg-surface-soft, #f7f9fd));
    border: 1px solid var(--cg-line, #e2e8f0);
    border-radius: 24px;
    box-shadow: var(--cg-shadow, none);
}
html.ceo-glass body .content-page #pills-tab-1.shop-account-category-tabs .nav-link {
    color: var(--cg-muted, #64748a);
    background: var(--cg-surface, #fff);
    border: 1px solid var(--cg-line, #e2e8f0);
    border-radius: 20px;
    box-shadow: none;
    font-size: 13px;
    font-weight: 500;
    min-height: 42px;
}
html.ceo-glass body .content-page #pills-tab-1.shop-account-category-tabs .nav-link.active { color: var(--cg-primary, #2465bd); background: var(--cg-blue-soft, #edf4ff); border-color: var(--cg-primary, #2465bd); }
html.ceo-glass body .content-page #showProduct .card-product { background: var(--cg-surface-soft, #f7f9fd); border-color: var(--cg-line, #e2e8f0); padding: 14px 18px; }
html.ceo-glass body .content-page #showProduct .card-product .card-title { color: var(--cg-text, #1c2736); font-size: 15px; font-weight: 600; }
/* The AJAX renderer supplies a nested Bootstrap row around p-0 tables. */
html.ceo-glass body .content-page #showProduct > .row:has(> .p-0 > .table-responsive) { margin-left: 0; margin-right: 0; }
html.ceo-glass body .content-page #showProduct > .row > .p-0 > .table-responsive {
    color: var(--cg-text, #1c2736);
    background: var(--cg-surface, #fff);
    border: 1px solid var(--cg-line, #e2e8f0);
    border-radius: 24px;
    box-shadow: var(--cg-shadow, none);
    margin-bottom: 16px;
    padding: 0;
}
html.ceo-glass body .content-page #showProduct .name-product h3 { color: var(--cg-text, #1c2736); font-weight: 600; }
html.ceo-glass body .content-page #showProduct .content-mota { color: var(--cg-muted, #64748a); }
html.ceo-glass body .content-page #showProduct .table { font-size: 13px; }
html.ceo-glass body .content-page #showProduct .shop-product-table-head th { font-size: 12px; font-weight: 500; }
html.ceo-glass body .content-page #showProduct .table > tbody > tr > td { padding-left: 12px; padding-right: 12px; }
html.ceo-glass body .content-page #showProduct .basic-drop-shadow { background: var(--cg-surface, #fff); border: 1px solid var(--cg-line, #e2e8f0); border-radius: 20px; box-shadow: var(--cg-shadow, none); }
html.ceo-glass body .content-page #showProduct :is(.btn, .badge) { font-weight: 500; }
html.ceo-glass body .content-page #showProduct .shop-product-icon { border-radius: 10px; object-fit: contain; }
html.ceo-glass body .content-page .list-category { gap: 12px; }
html.ceo-glass body .content-page .custom-block .custom-control-label2 { border-color: var(--cg-line, #e2e8f0); border-radius: 20px; background: var(--cg-surface, #fff); }
html.ceo-glass body .content-page .custom-block .custom-control-label2:hover { color: var(--cg-primary, #2465bd); border-color: var(--cg-primary, #2465bd); box-shadow: var(--cg-shadow, none); }

/* The current home announcement is editor HTML with inline presentation.
 * Match its existing wrapper and paint only; links and all warning text remain. */
html.ceo-glass body .content-page:has(#showProduct) .alert.bg-white.alert-primary:has(> .iq-alert-text) {
    color: var(--cg-text, #1c2736);
    background: linear-gradient(155deg, var(--cg-surface, #fff) 65%, var(--cg-surface-soft, #f7f9fd)) !important;
    border: 1px solid var(--cg-line, #e2e8f0);
    border-radius: 24px;
    box-shadow: var(--cg-shadow, none);
    padding: 20px;
    margin-bottom: 16px;
}
html.ceo-glass body .content-page:has(#showProduct) .iq-alert-text > div[style*="linear-gradient"][style*="position:relative"] {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin-bottom: 16px !important;
    padding: 0 !important;
}
html.ceo-glass body .content-page:has(#showProduct) .iq-alert-text div[style*="radial-gradient"][style*="position:absolute"] { background: transparent !important; }
html.ceo-glass body .content-page:has(#showProduct) .iq-alert-text h3 { margin-top: 0; margin-bottom: 8px; line-height: 1.45; }
html.ceo-glass body .content-page:has(#showProduct) .iq-alert-text h3 span[style*="color"] { color: var(--cg-text, #1c2736) !important; }
html.ceo-glass body .content-page:has(#showProduct) .iq-alert-text div[style*="color:#65676b"] { color: var(--cg-muted, #64748a) !important; }
html.ceo-glass body .content-page:has(#showProduct) .iq-alert-text a[style*="linear-gradient"] {
    color: var(--cg-primary, #2465bd) !important;
    background: var(--cg-blue-soft, #edf4ff) !important;
    border: 1px solid var(--cg-line, #e2e8f0) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    font-weight: 500 !important;
}
html.ceo-glass body .content-page:has(#showProduct) .iq-alert-text div:is([style*="background:#f0f9ff"], [style*="background:#f8fafc"]) {
    color: var(--cg-text, #1c2736) !important;
    background: var(--cg-surface-soft, #f7f9fd) !important;
    border-color: var(--cg-line, #e2e8f0) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}
html.ceo-glass body .content-page:has(#showProduct) .iq-alert-text div[style*="background:#fef2f2"] { border-radius: 12px !important; box-shadow: none !important; }
html.ceo-glass:is(.cg-dark) body .content-page:has(#showProduct) .iq-alert-text div[style*="background:#fef2f2"],
html.ceo-glass body:is(.dark, .dark-mode, .color-dark) .content-page:has(#showProduct) .iq-alert-text div[style*="background:#fef2f2"] { color: #ffafb6 !important; background: #382731 !important; border-color: #62404a !important; }
@media (max-width: 600px) {
    html.ceo-glass body .content-page #pills-tab-1.shop-account-category-tabs { padding: 12px; border-radius: 20px; }
    html.ceo-glass body .content-page #showProduct > .row > .p-0 > .table-responsive { border-radius: 20px; }
    html.ceo-glass body .content-page:has(#showProduct) .alert.bg-white.alert-primary:has(> .iq-alert-text) { border-radius: 20px; padding: 16px; }
}

/* Real select-inventory/cart/buy dialogs, including dynamic product detail rows. */
html.ceo-glass body :is(#modalSelectPurchase, #modalCart, #modalBuy, #modalBoughtSuccess) {
    --sp-surface: var(--cg-surface, #fff);
    --sp-elevated: var(--cg-surface, #fff);
    --sp-subtle: var(--cg-surface-soft, #f7f9fd);
    --sp-border: var(--cg-line, #e2e8f0);
    --sp-text: var(--cg-text, #1c2736);
    --sp-muted: var(--cg-muted, #64748a);
    --sp-selected: var(--cg-blue-soft, #edf4ff);
}
html.ceo-glass body #modalBuy {
    --buy-modal-surface: var(--cg-surface, #fff); --buy-modal-elevated: var(--cg-surface, #fff);
    --buy-modal-subtle: var(--cg-surface-soft, #f7f9fd); --buy-modal-border: var(--cg-line, #e2e8f0);
    --buy-modal-text: var(--cg-text, #1c2736); --buy-modal-muted: var(--cg-muted, #64748a);
}
html.ceo-glass body #modalBuy .modal-header { background: var(--cg-surface-soft, #f7f9fd); }
html.ceo-glass body #modalBuy :is(.modal-title, .close) { color: var(--cg-text, #1c2736) !important; }
html.ceo-glass body #modalBuy .modal-title small { color: var(--cg-muted, #64748a); }
html.ceo-glass body :is(#modalSelectPurchase, #modalCart, #modalBuy, #modalBoughtSuccess) .modal-content { border-radius: 24px; border-color: var(--cg-line, #e2e8f0); background-color: var(--cg-surface, #fff); color: var(--cg-text, #1c2736); box-shadow: var(--cg-popover-shadow, 0 16px 44px rgba(28,46,76,.17)); }
html.ceo-glass body :is(#modalSelectPurchase, #modalCart, #modalBuy) .modal-header { background-color: var(--cg-surface, #fff); border-bottom-color: var(--cg-line, #e2e8f0); border-radius: 23px 23px 0 0; }
html.ceo-glass body :is(#modalSelectPurchase, #modalCart, #modalBuy) .modal-title { color: var(--cg-text, #1c2736); font-size: 18px; font-weight: 600; }
html.ceo-glass body :is(#modalSelectPurchase, #modalCart, #modalBuy, #modalBoughtSuccess) .modal-footer { background-color: var(--cg-surface-soft, #f7f9fd); border-top-color: var(--cg-line, #e2e8f0); border-radius: 0 0 23px 23px; }
html.ceo-glass body :is(#modalSelectPurchase, #modalCart, #modalBuy) .close { color: var(--cg-muted, #64748a); text-shadow: none; }
html.ceo-glass body :is(#modalSelectPurchase, #modalCart, #modalBuy, #modalBoughtSuccess) :is(.form-control, textarea) { background-color: var(--cg-surface, #fff); color: var(--cg-text, #1c2736); border-color: var(--cg-line-strong, #d4dfed); border-radius: 12px; }
html.ceo-glass body :is(#modalSelectPurchase, #modalCart, #modalBuy, #modalBoughtSuccess) .btn { border-radius: 12px; font-size: 13px; }
html.ceo-glass body #modalCart .cart-table { color: var(--cg-text, #1c2736); }
html.ceo-glass body #modalCart .cart-table th { color: var(--cg-muted, #64748a); background: var(--cg-surface-soft, #f7f9fd); border-color: var(--cg-line, #e2e8f0); }
html.ceo-glass body #modalCart .cart-table td { border-color: var(--cg-line, #e2e8f0); }
html.ceo-glass body #modalCart .cart-product-name { color: var(--cg-text, #1c2736); font-weight: 600; }
html.ceo-glass body #modalSelectPurchase :is(.select-search-toolbar, .select-bulk-actions) { border-color: var(--cg-line, #e2e8f0); border-radius: 16px; }
html.ceo-glass body #modalSelectPurchase :is(.select-account-option, .select-variant-option) { border-radius: 16px; }
html.ceo-glass body #modalSelectPurchase .select-account-profile-link { color: var(--cg-primary, #2465bd) !important; }
/* Selected, disabled, unavailable, loading and empty states keep their own rules. */

/* Existing specialist token sets follow the common theme without PHP changes. */
html.ceo-glass body .seller-apply {
    --sa-text: var(--cg-text, #1c2736); --sa-muted: var(--cg-muted, #64748a);
    --sa-blue: var(--cg-primary, #2465bd); --sa-fill: var(--cg-primary-fill, #2465bd);
    --sa-line: var(--cg-line, #e2e8f0); --sa-input: var(--cg-surface, #fff);
    --sa-soft: var(--cg-blue-soft, #edf4ff);
}
html.ceo-glass body .dapi-shell { --dapi-primary: var(--cg-primary, #2465bd); --dapi-primary-dark: var(--cg-primary, #2465bd); --dapi-ink: var(--cg-text, #1c2736); --dapi-muted: var(--cg-muted, #64748a); --dapi-border: var(--cg-line, #e2e8f0); --dapi-soft: var(--cg-surface-soft, #f7f9fd); }
html.ceo-glass body .tc-page { --tc-primary: var(--cg-primary, #2465bd); --tc-ink: var(--cg-text, #1c2736); --tc-muted: var(--cg-muted, #64748a); --tc-border: var(--cg-line, #e2e8f0); --tc-soft: var(--cg-surface-soft, #f7f9fd); }
html.ceo-glass body .ta-page { --ta-primary: var(--cg-primary, #2465bd); --ta-ink: var(--cg-text, #1c2736); --ta-muted: var(--cg-muted, #64748a); --ta-border: var(--cg-line, #e2e8f0); }
html.ceo-glass body .ctools-shell { --ct-primary: var(--cg-primary, #2465bd); --ct-ink: var(--cg-text, #1c2736); --ct-muted: var(--cg-muted, #64748a); --ct-border: var(--cg-line, #e2e8f0); }
html.ceo-glass body .orders-page { --or-primary: var(--cg-primary, #2465bd); --or-ink: var(--cg-text, #1c2736); --or-muted: var(--cg-muted, #64748a); --or-border: var(--cg-line, #e2e8f0); }
html.ceo-glass body .crypto-recharge-shell { --crypto-primary: var(--cg-primary, #2465bd); --crypto-surface: var(--cg-surface, #fff); --crypto-subtle: var(--cg-surface-soft, #f7f9fd); --crypto-text: var(--cg-text, #1c2736); --crypto-muted: var(--cg-muted, #64748a); --crypto-border: var(--cg-line, #e2e8f0); }
html.ceo-glass body .crypto-checkout { --co-primary: var(--cg-primary, #2465bd); --co-surface: var(--cg-surface, #fff); --co-subtle: var(--cg-surface-soft, #f7f9fd); --co-text: var(--cg-text, #1c2736); --co-muted: var(--cg-muted, #64748a); --co-border: var(--cg-line, #e2e8f0); }

/* Quiet page introductions replace saturated hero fills; the real text stays. */
html.ceo-glass body .content-page :is(.sa-hero, .dapi-hero, .tc-hero, .ctools-intro, .orders-hero, .api-hero, .crypto-recharge-hero, .sp-hero, .affiliate-hero, .sv-hero) {
    color: var(--cg-text, #1c2736);
    background: linear-gradient(135deg, var(--cg-surface, #fff) 35%, var(--cg-blue-soft, #edf4ff));
    border: 1px solid var(--cg-line, #e2e8f0);
    border-radius: 24px;
    box-shadow: var(--cg-shadow, none);
}
html.ceo-glass body .content-page :is(.sa-hero, .dapi-hero, .tc-hero, .ctools-intro, .orders-hero, .api-hero, .crypto-recharge-hero, .sp-hero, .affiliate-hero, .sv-hero) :is(h1, h2, h3) { color: var(--cg-text, #1c2736); font-size: 24px; font-weight: 600; letter-spacing: -.025em; line-height: 1.35; }
/* Existing recharge title and API Bootstrap text-white declarations are important. */
html.ceo-glass body .content-page :is(.crypto-recharge-hero h3, .api-hero .text-white) { color: var(--cg-text, #1c2736) !important; }
html.ceo-glass body .content-page :is(.sa-hero, .dapi-hero, .tc-hero, .ctools-intro, .orders-hero, .api-hero, .crypto-recharge-hero, .sp-hero, .affiliate-hero, .sv-hero) p { color: var(--cg-muted, #64748a); font-size: 13px; line-height: 1.7; }
/* These specialist heroes kept white copy and saturated badges in their native CSS. */
html.ceo-glass body .content-page :is(.sp-hero, .affiliate-hero, .sv-hero) { --cg-hero-copy: #586a82; }
html.ceo-glass.cg-dark body .content-page :is(.sp-hero, .affiliate-hero, .sv-hero),
html.ceo-glass body:is(.dark, .dark-mode, .color-dark) .content-page :is(.sp-hero, .affiliate-hero, .sv-hero) { --cg-hero-copy: var(--cg-muted, #a1b0c4); }
html.ceo-glass body .content-page :is(.sp-hero, .affiliate-hero, .sv-hero) p { color: var(--cg-hero-copy) !important; }
html.ceo-glass body .content-page :is(.sp-hero-kicker, .affiliate-kicker, .sv-eyebrow) { color: var(--cg-primary, #2465bd); background: var(--cg-blue-soft, #edf4ff); border-color: var(--cg-line, #e2e8f0); border-radius: 20px; font-size: 11px; font-weight: 500; }
html.ceo-glass body .content-page :is(.sp-hero-badge, .affiliate-hero-badges span, .sv-benefit) { color: var(--cg-hero-copy); background: var(--cg-surface-soft, #f7f9fd); border-color: var(--cg-line, #e2e8f0); border-radius: 12px; font-weight: 500; }
html.ceo-glass body .content-page :is(.sp-hero, .affiliate-hero, .sv-hero) i { color: var(--cg-primary, #2465bd); }
html.ceo-glass body .content-page :is(.sa-hero-kicker, .dapi-hero-kicker, .ctools-kicker, .api-version, .crypto-recharge-hero-badge) { color: var(--cg-primary, #2465bd); background: var(--cg-blue-soft, #edf4ff); border-color: var(--cg-line, #e2e8f0); font-size: 11px; font-weight: 500; }
html.ceo-glass body .content-page :is(.sa-progress li, .dapi-step-pill) { color: var(--cg-muted, #64748a); background: var(--cg-surface-soft, #f7f9fd); border-color: var(--cg-line, #e2e8f0); border-radius: 12px; font-weight: 500; }
html.ceo-glass body .content-page :is(.sa-progress b, .dapi-step-pill b, .crypto-step-number) { color: var(--cg-primary, #2465bd); background: var(--cg-blue-soft, #edf4ff); }
html.ceo-glass body .content-page :is(.tc-hero-icon, .sa-card-title-icon, .dapi-icon, .crypto-recharge-hero-icon) { color: var(--cg-primary, #2465bd); background: var(--cg-blue-soft, #edf4ff); border-color: var(--cg-line, #e2e8f0); border-radius: 14px; }
html.ceo-glass body .content-page .orders-hero .btn { color: var(--cg-primary, #2465bd); background: var(--cg-surface, #fff); border-color: var(--cg-line, #e2e8f0); font-weight: 500; }
/* The application card has a second, locally scoped token set in R15. */
html.ceo-glass body .seller-apply .sa-card {
    --sa-card-bg: var(--cg-surface, #fff); --sa-card-footer: var(--cg-surface-soft, #f7f9fd);
    --sa-card-border: var(--cg-line, #e2e8f0); --sa-card-text: var(--cg-text, #1c2736);
    --sa-card-muted: var(--cg-muted, #64748a); --sa-card-input: var(--cg-surface, #fff);
    --sa-card-blue: var(--cg-primary, #2465bd); --sa-card-fill: var(--cg-primary-fill, #2465bd);
    --sa-card-icon: var(--cg-blue-soft, #edf4ff);
}
html.ceo-glass body .seller-apply :is(.sa-card-header, .sa-card-footer) { background: var(--cg-surface-soft, #f7f9fd); border-color: var(--cg-line, #e2e8f0); }
html.ceo-glass body .seller-apply .sa-card-header { border-radius: 23px 23px 0 0; }
html.ceo-glass body .seller-apply .sa-card-footer { border-radius: 0 0 23px 23px; }
html.ceo-glass body .seller-apply :is(.sa-card-body, .sa-card-form) { background: var(--cg-surface, #fff); }
html.ceo-glass body .seller-apply .sa-card-title { font-size: 17px; font-weight: 600; }
html.ceo-glass body .seller-apply .sa-button { border-radius: 12px; font-size: 14px; font-weight: 500; }
html.ceo-glass body .seller-apply .sa-input-wrap { border-radius: 12px; }

/* Hosted storefront application/configuration: actual agent-store.php markup. */
html.ceo-glass body .ha-wrap {
    --ha-surface: var(--cg-surface, #fff); --ha-surface-soft: var(--cg-surface-soft, #f7f9fd);
    --ha-surface-accent: var(--cg-blue-soft, #edf4ff); --ha-text: var(--cg-text, #1c2736);
    --ha-muted: var(--cg-muted, #64748a); --ha-line: var(--cg-line, #e2e8f0);
    --ha-line-strong: var(--cg-line-strong, #d4dfed); --ha-accent: var(--cg-primary, #2465bd);
    --ha-accent-strong: var(--cg-primary, #2465bd); --ha-accent-fill: var(--cg-primary-fill, #2465bd);
    --ha-shadow: var(--cg-shadow, none);
}
html.ceo-glass body .ha-wrap :is(.ha-card, .ha-hero) { color: var(--ha-text); background: linear-gradient(135deg, var(--ha-surface) 55%, var(--ha-surface-soft)); border: 1px solid var(--ha-line); border-radius: 24px; box-shadow: var(--ha-shadow); }
html.ceo-glass body .ha-wrap .ha-hero h1 { color: var(--ha-text); font-size: 24px; font-weight: 600; letter-spacing: -.025em; }
html.ceo-glass body .ha-wrap .ha-hero-description { color: var(--ha-muted); font-size: 13px; }
html.ceo-glass body .ha-wrap .ha-hero-kicker { color: var(--ha-accent); background: var(--ha-surface-accent); border-color: var(--ha-line); font-size: 11px; font-weight: 500; }
html.ceo-glass body .ha-wrap .ha-card-header { background: var(--ha-surface); border-color: var(--ha-line); border-radius: 23px 23px 0 0; }
html.ceo-glass body .ha-wrap .ha-card-footer { background: var(--ha-surface-soft); border-color: var(--ha-line); border-radius: 0 0 23px 23px; }
html.ceo-glass body .ha-wrap :is(.ha-section-title, .ha-benefits-head, .ha-card-header h4) { font-size: 17px; font-weight: 600; }
html.ceo-glass body .ha-wrap .ha-input { border-radius: 12px; font-size: 14px; }
html.ceo-glass body .ha-wrap :is(.ha-help, .ha-benefit > span:not(.ha-benefit-icon)) { font-size: 13px; }
html.ceo-glass body .ha-wrap :is(.ha-step, .ha-domain-panel, .ha-dns-note, .ha-record-grid, .ha-product) { border-radius: 16px; }
html.ceo-glass body .ha-wrap .ha-benefit strong { font-size: 14px; font-weight: 600; }
html.ceo-glass.cg-dark body .ha-wrap,
html.ceo-glass body:is(.dark, .dark-mode, .color-dark) .ha-wrap {
    --ha-surface: var(--cg-surface, #192433); --ha-surface-soft: var(--cg-surface-soft, #152031);
    --ha-surface-accent: var(--cg-blue-soft, #203958); --ha-text: var(--cg-text, #e4edf9);
    --ha-muted: var(--cg-muted, #a5b4c9); --ha-line: var(--cg-line, #2c3c52);
    --ha-line-strong: var(--cg-line-strong, #3a4e69); --ha-accent: var(--cg-primary, #99c4ff);
    --ha-accent-strong: var(--cg-primary, #99c4ff); --ha-accent-fill: var(--cg-primary-fill, #2465bd);
    --ha-success: var(--cg-positive, #88d5ae); --ha-warning: #f0c76e; --ha-danger: #ffadb7;
}

/* API access/documentation: keep keys, code blocks and sticky in-page links. */
html.ceo-glass body .api-center-tabs { border-color: var(--cg-line, #e2e8f0); }
html.ceo-glass body .api-center-tabs a { color: var(--cg-muted, #64748a); border-color: var(--cg-line, #e2e8f0); border-radius: 16px; background: var(--cg-surface, #fff); font-size: 13px; font-weight: 500; }
html.ceo-glass body .api-center-tabs a.active { color: var(--cg-primary, #2465bd); background: var(--cg-blue-soft, #edf4ff); border-color: var(--cg-primary, #2465bd); }
html.ceo-glass body .dapi-shell :is(.dapi-guide, .dapi-key-picker) { background-color: var(--cg-surface-soft, #f7f9fd); border-color: var(--cg-line, #e2e8f0); border-radius: 16px; }
html.ceo-glass body .dapi-shell .dapi-card-title { color: var(--cg-text, #1c2736); font-weight: 600; }
html.ceo-glass body .api-docs-shell { color: var(--cg-text, #1c2736); }
html.ceo-glass body .api-docs-shell :is(.api-base-box, .api-mini-card, .api-endpoint) { color: var(--cg-text, #1c2736); background: var(--cg-surface-soft, #f7f9fd); border-color: var(--cg-line, #e2e8f0); border-radius: 16px; }
html.ceo-glass body .api-docs-shell .api-base-box code { color: var(--cg-text, #1c2736); }
html.ceo-glass body .api-docs-shell .api-copy { color: var(--cg-primary, #2465bd); background: var(--cg-surface, #fff); border-radius: 10px; font-weight: 500; }
html.ceo-glass body .api-docs-shell .api-toc { background: var(--cg-surface, #fff); border: 1px solid var(--cg-line, #e2e8f0); border-radius: 20px; box-shadow: var(--cg-shadow, none); }
html.ceo-glass body .api-docs-shell .api-toc a { color: var(--cg-muted, #64748a); border-radius: 12px; font-weight: 500; }
html.ceo-glass body .api-docs-shell .api-toc a:hover { color: var(--cg-primary, #2465bd); background: var(--cg-blue-soft, #edf4ff); }
html.ceo-glass body .api-docs-shell pre { border: 1px solid var(--cg-line, #e2e8f0); border-radius: 16px; }
html.ceo-glass body .api-docs-shell .api-note { border-radius: 16px; }

/* Tutorial listing/cards; the article remains an unboxed editorial flow. */
html.ceo-glass body .tc-page .tc-card:hover { transform: translateY(-2px); box-shadow: var(--cg-shadow, none); border-color: var(--cg-line-strong, #d4dfed); }
html.ceo-glass body .tc-page .tc-card-body { padding: 17px 18px; }
html.ceo-glass body .tc-page .tc-card h2 { color: var(--cg-text, #1c2736); font-size: 16px; font-weight: 600; }
html.ceo-glass body .tc-page .tc-search input { background: var(--cg-surface, #fff); color: var(--cg-text, #1c2736); -webkit-text-fill-color: var(--cg-text, #1c2736); border-color: var(--cg-line, #e2e8f0); border-radius: 16px; }
html.ceo-glass body .tc-page .tc-thumb { background: var(--cg-surface-soft, #f7f9fd); }
html.ceo-glass body .ta-page .ta-header { border-color: var(--cg-line, #e2e8f0); }
html.ceo-glass body .ta-page .ta-header h1 { color: var(--cg-text, #1c2736); font-size: clamp(24px, 2.6vw, 32px); font-weight: 600; }
html.ceo-glass body .ta-page .ta-content { color: var(--cg-text, #1c2736); }
html.ceo-glass body .ta-page .ta-content :is(pre, blockquote, table) { border-color: var(--cg-line, #e2e8f0); }
html.ceo-glass body .ta-page .ta-content blockquote { background: var(--cg-surface-soft, #f7f9fd); color: var(--cg-muted, #64748a); border-radius: 16px; }
html.ceo-glass body .ta-page :is(.ta-cover, .ta-content img, .ta-content video) { border-radius: 20px; }

/* Tools: native tab panes, live/dead counts, result areas and progress retained. */
html.ceo-glass body .ctools-shell .ctools-privacy { color: var(--cg-muted, #64748a); background: var(--cg-surface-soft, #f7f9fd); border-color: var(--cg-line, #e2e8f0); border-radius: 20px; }
html.ceo-glass body .ctools-shell .ctools-privacy strong { color: var(--cg-text, #1c2736); }
html.ceo-glass body .ctools-shell .ctools-privacy i { color: var(--cg-primary, #2465bd); }
html.ceo-glass body .ctools-shell .tool-nav-wrap { background: var(--cg-surface, #fff); border-color: var(--cg-line, #e2e8f0); border-radius: 20px; box-shadow: var(--cg-shadow, none); }
html.ceo-glass body .ctools-shell .tool-nav-item { color: var(--cg-muted, #64748a); background: transparent; border-color: transparent; border-radius: 14px; font-size: 13px; font-weight: 500; }
html.ceo-glass body .ctools-shell .tool-nav-item.active { color: var(--cg-primary, #2465bd); background: var(--cg-blue-soft, #edf4ff); border-color: var(--cg-line, #e2e8f0); }
/* These two properties counter the template's explicit .border-0/.shadow-sm rules. */
html.ceo-glass body .ctools-shell .tab-content > .tab-pane > .card { border: 1px solid var(--cg-line, #e2e8f0) !important; border-radius: 24px !important; background: linear-gradient(155deg, var(--cg-surface, #fff) 65%, var(--cg-surface-soft, #f7f9fd)) !important; color: var(--cg-text, #1c2736); box-shadow: var(--cg-shadow, none) !important; }
html.ceo-glass body .ctools-shell .card.bg-light { background: var(--cg-surface-soft, #f7f9fd) !important; }
html.ceo-glass body .ctools-shell .form-control.bg-white { background-color: var(--cg-surface, #fff) !important; }

/* Profile and plain application/history cards inherit the primitives above. */
html.ceo-glass body .content-page .p-card .profile-card { background: linear-gradient(135deg, var(--cg-surface, #fff), var(--cg-blue-soft, #edf4ff)); border-radius: 23px 23px 0 0; }
html.ceo-glass body .content-page .p-card .profile-card .text-white { color: var(--cg-text, #1c2736) !important; }
html.ceo-glass body .content-page .p-card .pro-content { color: var(--cg-text, #1c2736); background: var(--cg-surface, #fff); border-radius: 0 0 23px 23px; }
html.ceo-glass body .content-page .p-card .p-icon { color: var(--cg-primary, #2465bd); background: var(--cg-blue-soft, #edf4ff); border-radius: 14px; }
html.ceo-glass body .content-page .orders-card .dataTables_wrapper { padding: 14px; }

/* Recharge/payment: preserve active/disabled methods and exact QR geometry. */
html.ceo-glass body .crypto-recharge-shell :is(.crypto-form-body, .crypto-side-body, .crypto-order-panel) { color: var(--cg-text, #1c2736); background-color: var(--cg-surface, #fff); }
html.ceo-glass body .crypto-recharge-shell .crypto-side-title { color: var(--cg-text, #1c2736); border-color: var(--cg-line, #e2e8f0); font-weight: 600; }
html.ceo-glass body .crypto-recharge-shell .crypto-method { background: var(--cg-surface, #fff); color: var(--cg-text, #1c2736); border-color: var(--cg-line, #e2e8f0); border-radius: 16px; box-shadow: none; }
html.ceo-glass body .crypto-recharge-shell .crypto-method.active { background: var(--cg-blue-soft, #edf4ff); border-color: var(--cg-primary, #2465bd); box-shadow: 0 0 0 1px var(--cg-primary, #2465bd); }
html.ceo-glass body .crypto-recharge-shell .crypto-method-copy small { color: var(--cg-muted, #64748a); }
html.ceo-glass body .crypto-recharge-shell :is(.crypto-amount-wrap #amount, .epay-amount-wrap #epayAmount) { color: var(--cg-text, #1c2736); background: var(--cg-surface, #fff); border-color: var(--cg-line-strong, #d4dfed); font-weight: 600; }
html.ceo-glass body .crypto-recharge-shell :is(.crypto-selected-summary, .crypto-howto) { color: var(--cg-muted, #64748a); }
html.ceo-glass body :is(.crypto-recharge-shell, .crypto-checkout) :is(.crypto-payment-warning, .crypto-checkout-warning) { border-radius: 16px; }
html.ceo-glass body .crypto-checkout .crypto-checkout-card-head { background: var(--cg-surface-soft, #f7f9fd); border-color: var(--cg-line, #e2e8f0); }
html.ceo-glass body .crypto-checkout :is(.crypto-pay-field, .crypto-meta-box, .crypto-checkout-step) { color: var(--cg-text, #1c2736); border-color: var(--cg-line, #e2e8f0); border-radius: 16px; }
html.ceo-glass body .crypto-checkout .crypto-address-value { color: var(--cg-text, #1c2736); }
html.ceo-glass body .crypto-checkout .crypto-meta-box { background: var(--cg-surface-soft, #f7f9fd); }
/* QR frames stay opaque white; logos, status pills, countdowns and payment amount
 * warning colours are never inverted or painted over by a generic dark rule. */

/* Dark fallbacks for legacy templates that hard-code white surfaces/text.
 * Tokens supplied by the shell win; these only provide a readable fallback. */
html.ceo-glass.cg-dark body :is(.seller-apply, .dapi-shell, .tc-page, .ta-page, .ctools-shell, .orders-page, .crypto-recharge-shell, .crypto-checkout),
html.ceo-glass body:is(.dark, .dark-mode, .color-dark) :is(.seller-apply, .dapi-shell, .tc-page, .ta-page, .ctools-shell, .orders-page, .crypto-recharge-shell, .crypto-checkout) {
    --sa-text: var(--cg-text, #e4edf9); --sa-muted: var(--cg-muted, #a5b4c9); --sa-blue: var(--cg-primary, #99c4ff); --sa-fill: var(--cg-primary-fill, #2465bd); --sa-line: var(--cg-line, #2c3c52); --sa-input: var(--cg-surface, #192433); --sa-soft: var(--cg-blue-soft, #203958);
    --dapi-primary: var(--cg-primary, #99c4ff); --dapi-primary-dark: var(--cg-primary, #99c4ff); --dapi-ink: var(--cg-text, #e4edf9); --dapi-muted: var(--cg-muted, #a5b4c9); --dapi-border: var(--cg-line, #2c3c52); --dapi-soft: var(--cg-surface-soft, #152031);
    --tc-primary: var(--cg-primary, #99c4ff); --tc-ink: var(--cg-text, #e4edf9); --tc-muted: var(--cg-muted, #a5b4c9); --tc-border: var(--cg-line, #2c3c52); --tc-soft: var(--cg-surface-soft, #152031);
    --ta-primary: var(--cg-primary, #99c4ff); --ta-ink: var(--cg-text, #e4edf9); --ta-muted: var(--cg-muted, #a5b4c9); --ta-border: var(--cg-line, #2c3c52);
    --ct-primary: var(--cg-primary, #99c4ff); --ct-ink: var(--cg-text, #e4edf9); --ct-muted: var(--cg-muted, #a5b4c9); --ct-border: var(--cg-line, #2c3c52);
    --or-primary: var(--cg-primary, #99c4ff); --or-ink: var(--cg-text, #e4edf9); --or-muted: var(--cg-muted, #a5b4c9); --or-border: var(--cg-line, #2c3c52);
    --crypto-primary: var(--cg-primary, #99c4ff); --crypto-surface: var(--cg-surface, #192433); --crypto-subtle: var(--cg-surface-soft, #152031); --crypto-text: var(--cg-text, #e4edf9); --crypto-muted: var(--cg-muted, #a5b4c9); --crypto-border: var(--cg-line, #2c3c52);
    --co-primary: var(--cg-primary, #99c4ff); --co-surface: var(--cg-surface, #192433); --co-subtle: var(--cg-surface-soft, #152031); --co-text: var(--cg-text, #e4edf9); --co-muted: var(--cg-muted, #a5b4c9); --co-border: var(--cg-line, #2c3c52);
}
html.ceo-glass.cg-dark body :is(#modalSelectPurchase, #modalCart, #modalBuy, #modalBoughtSuccess),
html.ceo-glass body:is(.dark, .dark-mode, .color-dark) :is(#modalSelectPurchase, #modalCart, #modalBuy, #modalBoughtSuccess) {
    --sp-surface: var(--cg-surface, #192433); --sp-elevated: var(--cg-surface, #192433); --sp-subtle: var(--cg-surface-soft, #152031); --sp-border: var(--cg-line, #2c3c52); --sp-text: var(--cg-text, #e4edf9); --sp-muted: var(--cg-muted, #a5b4c9); --sp-selected: var(--cg-blue-soft, #203958);
    color-scheme: dark;
}

html.ceo-glass.cg-dark body #modalBuy,
html.ceo-glass body:is(.dark, .dark-mode, .color-dark) #modalBuy {
    --buy-modal-surface: var(--cg-surface, #192433); --buy-modal-elevated: var(--cg-surface, #192433);
    --buy-modal-subtle: var(--cg-surface-soft, #152031); --buy-modal-border: var(--cg-line, #2c3c52);
    --buy-modal-text: var(--cg-text, #e4edf9); --buy-modal-muted: var(--cg-muted, #a5b4c9);
}

/* Live/dead/unknown result panels use inline pastel status fills in the tool
 * template. Dark variants retain the same semantic distinction. */
html.ceo-glass.cg-dark body .ctools-shell .card[style*="#e6f4ea"],
html.ceo-glass body:is(.dark, .dark-mode) .ctools-shell .card[style*="#e6f4ea"] { background: #173a2c !important; }
html.ceo-glass.cg-dark body .ctools-shell .card[style*="#fce8e6"],
html.ceo-glass body:is(.dark, .dark-mode) .ctools-shell .card[style*="#fce8e6"] { background: #3f2730 !important; }
html.ceo-glass.cg-dark body .ctools-shell .card[style*="#f0f0f0"],
html.ceo-glass body:is(.dark, .dark-mode) .ctools-shell .card[style*="#f0f0f0"] { background: var(--cg-surface-soft, #212d3c) !important; }

@media (max-width: 600px) {
    html.ceo-glass body .ctools-shell .tab-content > .tab-pane > .card { border-radius: 20px !important; }
    html.ceo-glass body .ha-wrap :is(.ha-card, .ha-hero) { border-radius: 20px; }
    html.ceo-glass body .ha-wrap .ha-hero h1 { font-size: 22px; }
    html.ceo-glass body .ha-wrap .ha-input { font-size: 16px; }
    html.ceo-glass body .content-page :is(.card, .sa-card, .tc-card, .crypto-recharge-card, .crypto-side-card, .crypto-checkout-card, .sa-hero, .dapi-hero, .tc-hero, .ctools-intro, .orders-hero, .api-hero, .crypto-recharge-hero, .sp-hero, .affiliate-hero, .sv-hero) { border-radius: 20px; }
    html.ceo-glass body .content-page .card > .card-header { border-radius: 19px 19px 0 0; padding: 14px 16px; }
    html.ceo-glass body .content-page .card > .card-body { padding: 16px; }
    html.ceo-glass body .content-page .card > .card-footer { border-radius: 0 0 19px 19px; padding: 12px 16px; }
    html.ceo-glass body .content-page :is(.sa-hero, .dapi-hero, .tc-hero, .ctools-intro, .orders-hero, .api-hero, .crypto-recharge-hero, .sp-hero, .affiliate-hero, .sv-hero) :is(h1, h2, h3) { font-size: 22px; }
    html.ceo-glass body .content-page :is(input.form-control, textarea.form-control, select.form-control, .sa-input, .search-input-modern) { font-size: 16px; }
    html.ceo-glass body .content-page #pills-tab-1.shop-account-category-tabs .nav-link { border-radius: 16px; min-height: 44px; font-size: 12px; }
    html.ceo-glass body .content-page #showProduct .table > tbody > tr > td { padding-left: 9px; padding-right: 9px; }
    html.ceo-glass body :is(#modalSelectPurchase, #modalCart, #modalBuy, #modalBoughtSuccess) .modal-content { border-radius: 20px; }
    html.ceo-glass body :is(#modalSelectPurchase, #modalCart, #modalBuy, #modalBoughtSuccess) :is(input.form-control, textarea.form-control, select.form-control) { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
    html.ceo-glass body .content-page .tc-card:hover { transform: none; }
    html.ceo-glass body .content-page .blink-hot-tag { animation: none; }
}