/* suite-unify-200: shared customer-area appearance. Native layout, form structure and fixed positioning are retained. */
body.fxc-app{
 --suite-bg:#f5f7fa;--suite-paper:#fff;--suite-soft:#f7f8fb;--suite-field:#fff;
 --suite-ink:#111827;--suite-muted:#6f7787;--suite-line:#e5e9f0;
 --suite-brand:#16845b;--suite-brand-hover:#116b49;--suite-link:#16845b;--suite-selected:#eef7f2;
 --suite-price:#bd572f;--suite-shadow:0 1px 3px #14243c04;--suite-shadow-menu:0 10px 28px #14243c14;
 --fxc-bg:var(--suite-bg)!important;--fxc-paper:var(--suite-paper)!important;--fxc-soft:var(--suite-soft)!important;
 --fxc-ink:var(--suite-ink)!important;--fxc-muted:var(--suite-muted)!important;--fxc-line:var(--suite-line)!important;
 --fxc-accent:var(--suite-link)!important;--fxc-accent-hover:var(--suite-brand-hover)!important;--fxc-positive:var(--suite-link)!important;
 --fxc-font:Arial,"PingFang SC","Microsoft YaHei",sans-serif;--fxc-radius:8px;--fxc-round-panel:14px;--fxc-round-control:8px;
 --fxc-glass-panel:var(--suite-paper)!important;--fxc-glass-header:var(--suite-paper)!important;--fxc-glass-line:var(--suite-line)!important;
 --fxc-glass-shadow:var(--suite-shadow)!important;--fxc-glass-highlight:inset 0 0 0 transparent!important;
 --fxc-catalog-price:var(--suite-price)!important;
 --fxc-checkout-brand:var(--suite-brand)!important;--fxc-checkout-link:var(--suite-link)!important;--fxc-checkout-selected:var(--suite-selected)!important;
 background:var(--suite-bg);color:var(--suite-ink);font-family:var(--fxc-font);background-image:none;
}
html[data-fxc-mode=dark] body.fxc-app{
 --suite-bg:#0c1018;--suite-paper:#151c28;--suite-soft:#111722;--suite-field:#111722;
 --suite-ink:#eef2f8;--suite-muted:#a0aabc;--suite-line:#2a3445;
 --suite-link:#70d6ac;--suite-selected:#18372e;--suite-price:#f0ad8b;
 --suite-shadow:0 1px 3px #00000012;--suite-shadow-menu:0 12px 32px #0005;
}
body.fxc-app .fxc-commerce-catalog{
 --fc-blue:var(--suite-link)!important;--fc-teal:var(--suite-link)!important;--fc-pink:var(--suite-price)!important;
 --fc-card:var(--suite-paper)!important;--fc-subtle:var(--suite-soft)!important;--fc-code:var(--suite-soft)!important;--fc-border:var(--suite-line)!important;
}
body.fxc-app .fxc-configure{
 --cfg-surface:var(--suite-paper)!important;--cfg-bg:var(--suite-soft)!important;--cfg-line:var(--suite-line)!important;
 --cfg-ink:var(--suite-ink)!important;--cfg-muted:var(--suite-muted)!important;
 --cfg-selected:var(--suite-brand)!important;--cfg-selected-ink:#fff!important;
}

/* Type and ordinary native surfaces. Icon fonts and code retain their own font definitions. */
body.fxc-app :is(h1,h2,h3,h4,h5,h6){font-weight:600;letter-spacing:normal;color:var(--suite-ink)}
body.fxc-app :is(.fxc-page-heading h1,.fxc-welcome h1,.fxc-commerce-heading h1){font-weight:650;letter-spacing:-.5px}
body.fxc-app :is(.fxc-kicker,.fxc-nav-heading){letter-spacing:.6px}
body.fxc-app :is(.fxc-muted,.text-muted,.fxc-client-footer){color:var(--suite-muted)!important}
body.fxc-app .text-dark{color:var(--suite-ink)!important}
body.fxc-app :is(.bg-white,.bg-light){background-color:var(--suite-paper)!important}
body.fxc-app :is(.fxc-panel,.fxc-stat-grid,.fxc-summary,.fxc-product-card,.fxc-support-card){background:var(--suite-paper);border-color:var(--suite-line);border-radius:14px;box-shadow:var(--suite-shadow)}
body.fxc-app:not(.fxc-auth) :is(.card,.modal-content){background:var(--suite-paper);border-color:var(--suite-line);border-radius:14px;box-shadow:var(--suite-shadow);color:var(--suite-ink)}
body.fxc-app :is(.card-header,.modal-header,.modal-footer,.fxc-panel-header){background:transparent;border-color:var(--suite-line);color:var(--suite-ink)}
body.fxc-app .fxc-panel-header h2{font-size:15px;font-weight:600}
body.fxc-app :is(.dropdown-menu,.fxc-account-menu,.select2-dropdown){background:var(--suite-paper);border:1px solid var(--suite-line);border-radius:10px;box-shadow:var(--suite-shadow-menu);color:var(--suite-ink)}
body.fxc-app :is(.dropdown-item,.fxc-account-menu a){color:var(--suite-ink)}
body.fxc-app :is(.dropdown-item:hover,.dropdown-item:focus,.fxc-account-menu a:hover){background:var(--suite-soft);color:var(--suite-link)}
body.fxc-app .dropdown-item.active{background:var(--suite-selected);color:var(--suite-link)}
body.fxc-app :is(.table,.fxc-table){color:var(--suite-ink)}
body.fxc-app :is(.table td,.table th,.fxc-table td,.fxc-table th){border-color:var(--suite-line)}
body.fxc-app :is(.table thead th,.fxc-table th){background:var(--suite-soft);color:var(--suite-muted);font-weight:500}
body.fxc-app .table-hover tbody tr:hover{background:var(--suite-soft);color:var(--suite-ink)}
body.fxc-app :is(.pagination .page-link,.input-group-text){background:var(--suite-soft);border-color:var(--suite-line);color:var(--suite-muted)}
body.fxc-app .page-item.active .page-link{background:var(--suite-brand)!important;border-color:var(--suite-brand)!important;color:#fff!important}

/* Navigation keeps all existing widths, breakpoints and mobile opening behavior. */
body.fxc-app :is(.fxc-sidebar,.fxc-sidebar-brand,.fxc-sidebar-bottom){background:var(--suite-paper);border-color:var(--suite-line)}
body.fxc-app .fxc-topbar{background:var(--suite-paper);border-color:var(--suite-line);box-shadow:none}
body.fxc-app :is(.fxc-brand strong,.fxc-commerce-brand strong){color:var(--suite-ink);font-weight:650;letter-spacing:-.3px}
body.fxc-app :is(.fxc-navigation>a,.fxc-nav-group>summary,.fxc-nav-group>div>a){border-color:transparent;background:transparent;color:var(--suite-muted);border-radius:8px;font-weight:400;box-shadow:none}
body.fxc-app :is(.fxc-navigation>a:hover,.fxc-nav-group>summary:hover,.fxc-nav-group>div>a:hover){background:var(--suite-soft);color:var(--suite-ink)}
body.fxc-app .fxc-navigation a[aria-current=page]{background:var(--suite-selected)!important;border-color:transparent!important;color:var(--suite-link)!important;box-shadow:none!important;font-weight:500}
body.fxc-app .fxc-navigation a[aria-current=page] .fxc-icon{color:inherit}
body.fxc-app .fxc-avatar{background:var(--suite-selected);color:var(--suite-link)}
body.fxc-app :is(.fxc-breadcrumb,.fxc-top-actions,.fxc-sidebar-help){color:var(--suite-muted)}
body.fxc-app :is(.fxc-breadcrumb strong,.fxc-username){color:var(--suite-ink)}
body.fxc-app :is(.fxc-icon-btn,.fxc-color-toggle){border-radius:8px;color:var(--suite-muted);background:transparent}
body.fxc-app :is(.fxc-icon-btn:hover,.fxc-color-toggle:hover){background:var(--suite-soft);color:var(--suite-link)}
body.fxc-app .fxc-color-toggle{border-color:var(--suite-line)}
body.fxc-app .fxc-color-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:33px;padding:6px 9px;border:1px solid var(--suite-line);font-size:11px;line-height:1.4;cursor:pointer}
body.fxc-app .fxc-color-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
body.fxc-app .fxc-auth-header{gap:18px;align-items:center}
body.fxc-app .fxc-auth-header .fxc-auth-appearance{color:var(--suite-muted);background:var(--suite-paper)}

/* Shared controls: dimensions and form participation stay with the native pages. */
body.fxc-app :is(.fxc-btn,.btn,.fxc-choice){border-radius:8px;font-weight:500;box-shadow:none}
body.fxc-app .fxc-btn:not(.fxc-btn-primary){background:var(--suite-paper);color:var(--suite-ink);border-color:var(--suite-line)}
body.fxc-app :is(.fxc-btn-primary,.btn-primary,.btn-success){background:var(--suite-brand)!important;border-color:var(--suite-brand)!important;color:#fff!important}
body.fxc-app :is(.fxc-btn-primary:hover,.btn-primary:hover,.btn-success:hover){background:var(--suite-brand-hover)!important;border-color:var(--suite-brand-hover)!important;color:#fff!important}
body.fxc-app :is(.btn-outline-primary,.btn-outline-success){border-color:var(--suite-line);color:var(--suite-link);background:transparent}
body.fxc-app :is(.fxc-text-link,.text-primary){color:var(--suite-link)!important}
body.fxc-app :is(.form-control,.custom-select,.select2-container--default .select2-selection--single,.select2-container--default .select2-selection--multiple){background-color:var(--suite-field);border-color:var(--suite-line);border-radius:8px;color:var(--suite-ink);box-shadow:none}
body.fxc-app :is(.form-control,.custom-select)::placeholder{color:var(--suite-muted);opacity:.8}
body.fxc-app :is(.form-control,.custom-select):focus{border-color:var(--suite-brand);background:var(--suite-field);color:var(--suite-ink);box-shadow:0 0 0 3px #16845b10}
body.fxc-app :is(.form-control,.custom-select):disabled,body.fxc-app .form-control[readonly]{background:var(--suite-soft);color:var(--suite-muted);opacity:1}
body.fxc-app :is(.select2-selection__rendered,.select2-results__option){color:var(--suite-ink)}
body.fxc-app .select2-results__option--highlighted[aria-selected]{background:var(--suite-selected);color:var(--suite-link)}
body.fxc-app :is(.custom-control-input,.form-check-input,.payment-checkbox){accent-color:var(--suite-brand)}
body.fxc-app .form-control.is-invalid{border-color:#d9636f}
body.fxc-app .form-control.is-valid{border-color:var(--suite-brand)}

/* Overview and ordinary account screens. */
body.fxc-app .fxc-stat-label{color:var(--suite-muted);font-size:12px}
body.fxc-app .fxc-stat-label .fxc-icon{color:var(--suite-muted)}
body.fxc-app .fxc-stat strong{font-weight:600;letter-spacing:-.8px;color:var(--suite-ink)}
body.fxc-app .fxc-stat-balance strong{color:var(--suite-link)}
body.fxc-app :is(.fxc-stat-caption,.fxc-account-info dt,.fxc-announcements time){color:var(--suite-muted)}
body.fxc-app :is(.fxc-announcements li+li,.fxc-account-security,.fxc-shortcut+.fxc-shortcut){border-color:var(--suite-line)}
body.fxc-app .fxc-support-card{background:var(--suite-soft);border-color:var(--suite-line)}
body.fxc-app .fxc-support-card .fxc-btn{background:var(--suite-paper);border-color:var(--suite-line)}
body.fxc-app .fxc-empty>.fxc-icon{color:var(--suite-muted);opacity:.65}

/* Authentication is native markup inside the existing split frame. */
body.fxc-app.fxc-auth{background:var(--suite-paper)}
body.fxc-app .fxc-auth-brand{background:var(--suite-soft);border-color:var(--suite-line)}
body.fxc-app .fxc-auth-brand h1{color:var(--suite-ink);font-weight:600;letter-spacing:-.8px}
body.fxc-app .fxc-auth-brand h1 em{color:var(--suite-link)}
body.fxc-app :is(.fxc-auth-brand>p,.fxc-auth-header,.fxc-auth-footer){color:var(--suite-muted)}
body.fxc-app .fxc-auth-architecture>div{color:var(--suite-muted);letter-spacing:.6px}
body.fxc-app .fxc-auth-architecture>div:before,body.fxc-app .fxc-auth-architecture>div:after{background:var(--suite-line)}
body.fxc-app .fxc-auth-native{background:var(--suite-paper)}
body.fxc-app .fxc-auth-native .form-control{background:var(--suite-field)!important;border-color:var(--suite-line);border-radius:8px;color:var(--suite-ink)!important}
body.fxc-app .fxc-auth-native .form-control:focus{border-color:var(--suite-brand);box-shadow:0 0 0 3px #16845b10}
body.fxc-app .fxc-auth-native label{color:var(--suite-ink);font-weight:500}
body.fxc-app .fxc-auth-native .nav-tabs{border-color:var(--suite-line)}
body.fxc-app .fxc-auth-native .nav-tabs .nav-link{color:var(--suite-muted)!important;font-weight:500}
body.fxc-app .fxc-auth-native .nav-tabs .nav-link.active{color:var(--suite-link)!important;border-bottom-color:var(--suite-brand)!important}
body.fxc-app .fxc-auth-footer{background:var(--suite-paper);border-color:var(--suite-line)}

/* Product directory: preserve the accepted category width and product grid. */
body.fxc-app.fxc-catalog-page :is(.fxc-catalog-nav,.fxc-catalog-heading,.fxc-catalog-card,.fxc-catalog-guides,.fxc-catalog-empty){background:var(--suite-paper);border-color:var(--suite-line);border-radius:14px;box-shadow:var(--suite-shadow)}
body.fxc-app.fxc-catalog-page .fxc-catalog-card-header{background:transparent}
body.fxc-app.fxc-catalog-page .fxc-catalog-card-header h2{color:var(--suite-ink);font-weight:600}
body.fxc-app.fxc-catalog-page .fxc-catalog-description{color:var(--suite-muted)}
body.fxc-app.fxc-catalog-page :is(.fxc-catalog-category-search,.fxc-catalog-search,.fxc-catalog-code,.fxc-catalog-price-box){background:var(--suite-soft);border-color:var(--suite-line)}
body.fxc-app.fxc-catalog-page :is(.fxc-catalog-search input,.fxc-catalog-category-search input){background:transparent;color:var(--suite-ink)}
body.fxc-app.fxc-catalog-page :is(.fxc-catalog-price-box,.fxc-catalog-code){border-radius:8px}
body.fxc-app.fxc-catalog-page .fxc-catalog-group:not(.is-selected)>summary{color:var(--suite-ink)}
body.fxc-app.fxc-catalog-page .fxc-catalog-group:not(.is-selected)>summary>.fxc-icon{color:var(--suite-muted)}
body.fxc-app.fxc-catalog-page .fxc-catalog-group.is-selected>summary{background:var(--suite-brand)!important;color:#fff!important;box-shadow:none!important}
body.fxc-app.fxc-catalog-page .fxc-catalog-group.is-selected>summary :is(.fxc-icon,.fxc-catalog-caret){color:#fff!important}
body.fxc-app.fxc-catalog-page .fxc-catalog-subgroups>a{color:var(--suite-muted)}
body.fxc-app.fxc-catalog-page .fxc-catalog-subgroups>a[aria-current=page]{background:var(--suite-soft);border-left-color:var(--suite-brand);color:var(--suite-link)}
body.fxc-app.fxc-catalog-page .fxc-catalog-nav-help{border-color:var(--suite-line);color:var(--suite-muted)}
body.fxc-app.fxc-catalog-page :is(.fxc-catalog-stock,.fxc-catalog-offer-tag){border-radius:6px}
body.fxc-app.fxc-catalog-page :is(.fxc-catalog-buy,.fxc-catalog-search button,.fxc-catalog-category-search>button){background:var(--suite-brand);border-color:var(--suite-brand);color:#fff;border-radius:8px;box-shadow:none}
body.fxc-app.fxc-catalog-page .fxc-catalog-buy:disabled,body.fxc-app.fxc-catalog-page .fxc-catalog-buy.is-disabled{background:var(--suite-soft)!important;border-color:var(--suite-line)!important;color:var(--suite-muted)!important;box-shadow:none}
body.fxc-app.fxc-catalog-page .fxc-catalog-list-controls select{border-color:var(--suite-line);background:var(--suite-paper);color:var(--suite-ink);border-radius:8px}

/* Configuration: override colors and corners only, never the option grid or sticky quote. */
body.fxc-app .fxc-configure :is(.fxc-config-heading,.fxc-config-products){background:var(--suite-paper);border-color:var(--suite-line);border-radius:14px;box-shadow:var(--suite-shadow)}
body.fxc-app .fxc-configure .fxc-configure-native .fxc-config-field-row{background:var(--suite-paper)!important;border-color:var(--suite-line)!important;border-radius:14px!important;box-shadow:var(--suite-shadow)!important}
body.fxc-app .fxc-configure .fxc-configure-native .fxc-config-field-label{color:var(--suite-ink);border-color:var(--suite-line);font-weight:600}
body.fxc-app .fxc-configure .fxc-configure-native .fxc-config-summary-card{background:var(--suite-paper)!important;border-color:var(--suite-line)!important;border-radius:14px!important;box-shadow:var(--suite-shadow)!important}
body.fxc-app .fxc-configure .fxc-configure-native :is(.form-control,.bootstrap-select>.dropdown-toggle,.fxc-os-version-button){background:var(--suite-field)!important;color:var(--suite-ink)!important;border-color:var(--suite-line)!important;border-radius:8px!important;box-shadow:none!important}
body.fxc-app .fxc-configure .fxc-configure-native :is(.form-control,.bootstrap-select>.dropdown-toggle,.fxc-os-version-button):focus{border-color:var(--suite-brand)!important;box-shadow:0 0 0 3px #16845b10!important;outline:0!important}
body.fxc-app .fxc-configure .fxc-configure-native .form-control.is-invalid{border-color:#d9636f!important}
body.fxc-app .fxc-configure .fxc-configure-native .form-control:is([readonly],:disabled){background:var(--suite-soft)!important;color:var(--suite-muted)!important}
body.fxc-app .fxc-configure-native :is(.fxc-config-os-tab,.fxc-config-cycle-row .cycle,.btn-group>.btn,.fxc-config-login){border-radius:8px!important}
body.fxc-app .fxc-configure .fxc-config-product-pill{background:var(--suite-soft);border-color:var(--suite-line);color:var(--suite-ink);border-radius:8px}
body.fxc-app .fxc-configure .fxc-config-product-pill.is-active{background:var(--suite-brand);border-color:var(--suite-brand);color:#fff}
body.fxc-app .fxc-configure-native .fxc-config-os-mark{background:transparent!important;border-color:transparent;box-shadow:none!important}
body.fxc-app .fxc-configure-native .fxc-config-os-mark img{background:transparent;object-fit:contain;box-shadow:none}
body.fxc-app .fxc-configure-native .fxc-config-os-mark img:is([src$="/ubuntu.svg"],[src$="/linux.svg"]),body.fxc-app .fxc-configure-native .fxc-config-summary-os-icon:is([data-fxc-os=ubuntu],[data-fxc-os=linux]){background:#fff!important;border-radius:50%!important}
body.fxc-app .fxc-configure-native .fxc-config-login{border-color:var(--suite-line)}
body.fxc-app .fxc-configure-native .fxc-config-password-actions button{border-radius:8px;border-color:var(--suite-line);background:var(--suite-soft);color:var(--suite-ink)}
body.fxc-app .fxc-configure-native .configoption_total{color:var(--suite-ink)}
body.fxc-app .fxc-configure-native .configoption_total :is(td,th){border-color:var(--suite-line)}
body.fxc-app .fxc-configure-native .fxc-config-cycle-row .cycle{background:var(--suite-soft);border-color:var(--suite-line)}
body.fxc-app .fxc-configure-native .fxc-config-cycle-row .cycle>.btn{color:var(--suite-muted)!important}
body.fxc-app .fxc-configure-native .fxc-config-cycle-row .cycle>.btn.active,body.fxc-app .fxc-configure-native .fxc-config-cycle-row .cycle>.btn:has(input:checked){background:var(--suite-brand)!important;color:#fff!important}
body.fxc-app .fxc-os-version-menu{background:var(--suite-paper);color:var(--suite-ink);border-color:var(--suite-line);border-radius:10px;box-shadow:var(--suite-shadow-menu)}
body.fxc-app .fxc-os-version-option.is-active{background:var(--suite-soft)}
body.fxc-app .fxc-os-version-option[aria-selected=true]{background:var(--suite-selected);color:var(--suite-link)}

/* Native order review: keep the two columns, account modes, payment grouping and mobile CTA. */
body.fxc-app.fxc-checkout-page .fxc-checkout-native :is(.card,.fxc-checkout-card){background:var(--suite-paper)!important;border-color:var(--suite-line)!important;border-radius:14px!important;box-shadow:var(--suite-shadow)!important}
body.fxc-app.fxc-checkout-page .fxc-checkout-native :is(.fxc-checkout-card-heading,.fxc-checkout-section-title){border-color:var(--suite-line);color:var(--suite-ink)}
body.fxc-app.fxc-checkout-page .fxc-checkout-native :is(.fxc-checkout-card-heading h4,.fxc-checkout-summary-heading h4){font-weight:600;color:var(--suite-ink)}
body.fxc-app.fxc-checkout-page .fxc-checkout-native .form-control{background:var(--suite-field)!important;color:var(--suite-ink)!important;border-color:var(--suite-line)!important;border-radius:8px!important;box-shadow:none!important}
body.fxc-app.fxc-checkout-page .fxc-checkout-native .form-control:focus{border-color:var(--suite-brand)!important;box-shadow:0 0 0 3px #16845b10!important}
body.fxc-app.fxc-checkout-page .fxc-checkout-native .form-control.is-invalid{border-color:#d9636f!important}
body.fxc-app.fxc-checkout-page .fxc-checkout-native .fxc-checkout-channel{background:var(--suite-soft);border-color:var(--suite-line);border-radius:9px}
body.fxc-app.fxc-checkout-page .fxc-checkout-native .fxc-checkout-channel>label.btn{color:var(--suite-muted)!important;border-radius:6px!important}
body.fxc-app.fxc-checkout-page .fxc-checkout-native .fxc-checkout-channel>label.btn.active{background:var(--suite-brand)!important;color:#fff!important}
body.fxc-app.fxc-checkout-page .fxc-checkout-native .fxc-checkout-payment{background:var(--suite-soft)!important;border-color:var(--suite-line)!important;border-radius:10px;color:var(--suite-ink)!important}
body.fxc-app.fxc-checkout-page .fxc-checkout-native .fxc-checkout-payment.active{background:var(--suite-selected)!important;border-color:var(--suite-brand)!important}
body.fxc-app.fxc-checkout-page .fxc-checkout-native .fxc-checkout-payment-name{color:var(--suite-ink)}
body.fxc-app.fxc-checkout-page .fxc-checkout-native .fxc-checkout-payment.active:after{background:var(--suite-brand);color:#fff}
body.fxc-app.fxc-checkout-page .fxc-checkout-native .fxc-checkout-payment-icon{color:var(--suite-link)}
body.fxc-app.fxc-checkout-page .fxc-checkout-native .fxc-checkout-product~.fxc-checkout-product{border-color:var(--suite-line)}
body.fxc-app.fxc-checkout-page .fxc-checkout-native :is(.fxc-checkout-product,.goods_info .info){color:var(--suite-muted)}
body.fxc-app.fxc-checkout-page .fxc-checkout-native .checkboxDiv{background:var(--suite-soft);border-color:var(--suite-line);border-radius:8px;color:var(--suite-ink)}
body.fxc-app.fxc-checkout-page .fxc-checkout-native .checkboxDiv.checkboxSelect{background:var(--suite-selected);border-color:var(--suite-brand)}
body.fxc-app .mobile-bottom-total{background:var(--suite-paper)!important;border-color:var(--suite-line)!important;color:var(--suite-ink)}

@media(max-width:760px){
 body.fxc-app .fxc-auth-header{gap:14px}
 body.fxc-app .fxc-auth-header .fxc-color-label{display:none}
 body.fxc-app .fxc-welcome h1{font-size:23px}
 body.fxc-app .fxc-panel-header h2{font-size:14px}
 body.fxc-app :is(.fxc-panel,.fxc-stat-grid,.fxc-summary,.fxc-support-card){border-radius:12px}
 body.fxc-app.fxc-catalog-page :is(.fxc-catalog-nav,.fxc-catalog-heading,.fxc-catalog-card){border-radius:12px}
 body.fxc-app .fxc-configure .fxc-configure-native :is(.fxc-config-field-row,.fxc-config-summary-card){border-radius:12px!important}
 body.fxc-app.fxc-checkout-page .fxc-checkout-native :is(.card,.fxc-checkout-card){border-radius:12px!important}
}
@media(max-width:600px){
 body.fxc-app .fxc-top-actions .fxc-color-label{display:none}
 body.fxc-app .fxc-color-toggle{flex-shrink:0;min-width:34px}
 body.fxc-app .fxc-breadcrumb{min-width:0;white-space:nowrap}
 body.fxc-app .fxc-breadcrumb>a,body.fxc-app .fxc-breadcrumb>strong{overflow:hidden;text-overflow:ellipsis}
 body.fxc-app .fxc-breadcrumb>strong{flex-shrink:1}
}

/* suite-home-210: the homepage's floating frame, measured spacing and navy / mint hierarchy. */
body.fxc-app{
 --suite-bg:#f7f8fb;--suite-primary:#131b2a;--suite-primary-hover:#24354b;--suite-primary-ink:#fff;
 --suite-shadow:0 2px 5px #14243c03;--suite-shadow-float:0 4px 20px #14243c04;
 font-size:14px;line-height:1.7;
}
html[data-fxc-mode=dark] body.fxc-app{
 --suite-bg:#0c1018;--suite-primary:#e9eef6;--suite-primary-hover:#fff;--suite-primary-ink:#131b2a;
 --suite-shadow:0 2px 5px #00000010;--suite-shadow-float:0 4px 20px #00000018;
}
body.fxc-app :is(h1,h2,h3,h4,h5,h6){font-family:var(--fxc-font);font-weight:600;line-height:1.45;letter-spacing:-.25px}
body.fxc-app :is(p,label,.form-control,.custom-select,.btn,.table,.fxc-table){font-family:var(--fxc-font)}
body.fxc-app :is(.fxc-page-heading h1,.fxc-welcome h1,.fxc-commerce-heading h1){font-size:28px;font-weight:650;letter-spacing:-.7px}
body.fxc-app .fxc-page-heading{margin-bottom:26px;min-height:43px}
body.fxc-app .fxc-page-heading>.fxc-text-link{font-size:12px}
body.fxc-app .fxc-welcome{margin-bottom:28px;gap:24px}
body.fxc-app .fxc-welcome .fxc-kicker{display:none}
body.fxc-app .fxc-welcome h1{margin-bottom:8px;font-size:30px}
body.fxc-app .fxc-welcome p{font-size:13px;line-height:1.8}
body.fxc-app .fxc-client-footer{padding-top:10px;font-size:11px;line-height:1.8;color:var(--suite-muted)}

/* The shell is never transformed or filtered: native fixed menus and the mobile payment bar keep their viewport. */
body.fxc-app:not(.fxc-auth) .fxc-topbar{border:1px solid var(--suite-line);border-radius:16px;box-shadow:var(--suite-shadow-float)}
body.fxc-app:not(.fxc-auth) .fxc-sidebar{border:1px solid var(--suite-line);box-shadow:var(--suite-shadow-float)}
body.fxc-app .fxc-sidebar-brand{display:flex;align-items:center;height:70px;min-height:70px;padding:0 22px;border-bottom:1px solid var(--suite-line)}
body.fxc-app .fxc-sidebar-brand .fxc-brand{height:auto;gap:10px}
body.fxc-app .fxc-sidebar-brand :is(strong,.fxc-brand strong){font-size:20px;letter-spacing:-.4px;font-weight:650}
body.fxc-app .fxc-navigation{padding:17px 12px;scrollbar-width:thin;scrollbar-color:var(--suite-line) transparent}
body.fxc-app .fxc-nav-heading{display:none}
body.fxc-app :is(.fxc-navigation>a,.fxc-nav-group>summary,.fxc-nav-group>div>a){min-height:41px;padding:9px 12px;margin-bottom:4px;border:1px solid transparent;border-radius:8px;font-size:13px;font-weight:400;line-height:1.65;gap:11px}
body.fxc-app .fxc-nav-group>summary{font-size:12px;font-weight:500;margin-top:12px;color:var(--suite-muted)}
body.fxc-app .fxc-nav-group>div>a{padding-left:21px;min-height:37px;font-size:12px}
body.fxc-app .fxc-nav-group .fxc-nav-group{padding-left:8px}
body.fxc-app .fxc-nav-group .fxc-nav-group>summary{margin-top:5px}
body.fxc-app .fxc-navigation>a[aria-current=page],body.fxc-app .fxc-navigation .fxc-nav-group a[aria-current=page]{border-color:var(--suite-selected)!important;font-weight:600}
body.fxc-app .fxc-sidebar-bottom{padding:15px 16px 16px}
body.fxc-app .fxc-sidebar-bottom>.fxc-btn{min-height:40px;font-size:12px}
body.fxc-app .fxc-sidebar-help{margin-top:13px;font-size:11px}
body.fxc-app .fxc-nav-divider{margin:18px 12px}
body.fxc-app .fxc-breadcrumb{gap:12px;font-size:12px;min-width:0}
body.fxc-app .fxc-breadcrumb>strong{font-weight:500}
body.fxc-app .fxc-top-actions{gap:17px;font-size:12px;flex-shrink:0}
body.fxc-app .fxc-color-toggle{min-height:34px;padding:6px 9px;font-size:11px;background:var(--suite-paper)}
body.fxc-app .fxc-account-menu{padding:7px;border-radius:12px;box-shadow:var(--suite-shadow-menu)}
body.fxc-app .fxc-account-menu a{padding:9px 12px;border-radius:7px}
body.fxc-app .fxc-account summary{white-space:nowrap}
body.fxc-app .fxc-avatar{width:31px;height:31px;font-size:12px}
@media(min-width:1200px){
 body.fxc-app:not(.fxc-auth) .fxc-sidebar{inset:18px auto 18px 18px;width:228px;border-radius:18px}
 body.fxc-app:not(.fxc-auth) .fxc-sidebar-brand{border-radius:17px 17px 0 0}
 body.fxc-app:not(.fxc-auth) .fxc-sidebar-bottom{border-radius:0 0 17px 17px}
 body.fxc-app:not(.fxc-auth) .fxc-topbar{height:64px;margin:18px 24px 0 266px;padding:0 23px;gap:20px}
 body.fxc-app:not(.fxc-auth) .fxc-main.main-content{margin-left:266px;min-height:calc(100vh - 82px)}
 body.fxc-app:not(.fxc-auth) .fxc-page-content.page-content{padding:29px 24px 40px 0}
 body.fxc-app:not(.fxc-auth) .fxc-container.container-fluid{max-width:1480px}
 body.fxc-app:not(.fxc-auth) .fxc-client-footer{max-width:1504px;padding:0 24px 25px 0}
 body.fxc-app.fxc-catalog-page .fxc-sidebar-brand{height:70px;min-height:70px;padding:0 22px}
 body.fxc-app:not(.fxc-auth).fxc-config-nav-collapsed .fxc-topbar,body.fxc-app:not(.fxc-auth).fxc-catalog-nav-collapsed .fxc-topbar{margin-left:24px}
 body.fxc-app:not(.fxc-auth).fxc-config-nav-collapsed .fxc-main.main-content,body.fxc-app:not(.fxc-auth).fxc-catalog-nav-collapsed .fxc-main.main-content{margin-left:24px}
}
@media(min-width:761px) and (max-width:1199px){
 body.fxc-app:not(.fxc-auth):not(.fxc-catalog-page) .fxc-sidebar{inset:14px auto 14px 14px;width:190px;border-radius:16px}
 body.fxc-app:not(.fxc-auth) .fxc-sidebar-brand{border-radius:15px 15px 0 0}
 body.fxc-app:not(.fxc-auth) .fxc-sidebar-bottom{border-radius:0 0 15px 15px}
 body.fxc-app:not(.fxc-auth):not(.fxc-catalog-page) .fxc-topbar{height:62px;margin:14px 20px 0 222px;padding:0 18px}
 body.fxc-app:not(.fxc-auth):not(.fxc-catalog-page) .fxc-main.main-content{margin-left:222px;min-height:calc(100vh - 76px)}
 body.fxc-app:not(.fxc-auth):not(.fxc-catalog-page) .fxc-page-content.page-content{padding:25px 20px 35px 0}
 body.fxc-app:not(.fxc-auth):not(.fxc-catalog-page) .fxc-client-footer{padding:0 20px 24px 0}
 body.fxc-app.fxc-catalog-page .fxc-topbar{height:62px;margin:14px 20px 0;padding-inline:20px}
 body.fxc-app.fxc-catalog-page .fxc-page-content.page-content{padding:25px 20px 35px}
 body.fxc-app:not(.fxc-auth).fxc-config-nav-collapsed .fxc-topbar,body.fxc-app:not(.fxc-auth).fxc-config-nav-collapsed .fxc-main.main-content{margin-left:20px}
 body.fxc-app .fxc-sidebar-brand{padding-inline:17px}
 body.fxc-app .fxc-navigation{padding-inline:9px}
 body.fxc-app .fxc-top-actions{gap:12px}
}

/* Independent overview cards echo the homepage product bento without changing the data. */
body.fxc-app .fxc-stat-grid{gap:16px;overflow:visible;background:transparent;border:0;border-radius:0;margin-bottom:27px}
body.fxc-app .fxc-stat{padding:23px 23px 21px;border:1px solid var(--suite-line)!important;border-radius:14px;background:var(--suite-paper);box-shadow:var(--suite-shadow)}
body.fxc-app .fxc-stat strong{font-size:34px;font-weight:600;margin:17px 0 12px;line-height:1.1}
body.fxc-app .fxc-stat strong small{font-size:12px;font-weight:400}
body.fxc-app .fxc-stat-label{font-size:12px}
body.fxc-app .fxc-stat-caption{font-size:11px;gap:7px}
body.fxc-app .fxc-dash-layout{gap:22px}
body.fxc-app .fxc-panel{border-radius:14px;margin-bottom:22px;box-shadow:var(--suite-shadow)}
body.fxc-app .fxc-panel-header{min-height:68px;padding:20px 24px}
body.fxc-app .fxc-panel-header h2{font-size:15px;letter-spacing:-.2px}
body.fxc-app .fxc-panel-header .fxc-text-link{font-size:11px}
body.fxc-app .fxc-announcements{padding:4px 24px}
body.fxc-app .fxc-announcements a{font-size:12px;padding:17px 0}
body.fxc-app .fxc-announcements time{font-size:11px}
body.fxc-app .fxc-account-info{padding:10px 24px}
body.fxc-app .fxc-account-info>div{padding:9px 0;font-size:12px}
body.fxc-app .fxc-account-security{padding:17px 24px;font-size:12px}
body.fxc-app .fxc-shortcut{padding:19px 24px;font-size:12px}
body.fxc-app .fxc-support-card{padding:25px;border-radius:14px;background:var(--suite-paper);box-shadow:var(--suite-shadow)}
body.fxc-app .fxc-support-card .fxc-kicker{display:none}
body.fxc-app .fxc-support-card h2{font-size:19px;margin:0 0 10px}
body.fxc-app .fxc-support-card p{font-size:12px;line-height:1.9;margin-bottom:22px}
body.fxc-app .fxc-support-card .fxc-btn{min-height:38px;font-size:12px}
body.fxc-app .fxc-empty{padding:46px 24px 48px}
body.fxc-app .fxc-empty>.fxc-icon{width:34px;height:34px;opacity:.6;margin-bottom:15px}
body.fxc-app .fxc-empty h3{font-size:16px;font-weight:600}
body.fxc-app .fxc-empty p{font-size:12px;line-height:1.9;margin-bottom:20px}

/* Native account lists, articles and forms share the same generous card frame. */
body.fxc-app:not(.fxc-auth):not(.fxc-commerce-page) .card{border-radius:14px;margin-bottom:22px;border-color:var(--suite-line);background:var(--suite-paper);box-shadow:var(--suite-shadow)}
body.fxc-app:not(.fxc-auth):not(.fxc-commerce-page) .card>.card-body{padding:27px}
body.fxc-app:not(.fxc-auth):not(.fxc-commerce-page) .card>.card-header{padding:20px 25px;background:transparent;border-color:var(--suite-line)}
body.fxc-app:not(.fxc-auth):not(.fxc-commerce-page) :is(.card-title,.card-header h4,.card-header h5){font-size:17px;font-weight:600;letter-spacing:-.3px;color:var(--suite-ink)}
body.fxc-app:not(.fxc-auth):not(.fxc-commerce-page) .card>.card-body.px-5.mx-auto.w-75{width:100%!important;max-width:1060px;padding:30px 34px!important}
body.fxc-app:not(.fxc-auth):not(.fxc-commerce-page) .card>.card-body.px-5.mx-auto.w-75+.card-body{padding-top:10px!important}
body.fxc-app:not(.fxc-auth):not(.fxc-commerce-page) .table-container{color:var(--suite-ink)}
body.fxc-app:not(.fxc-auth):not(.fxc-commerce-page) .table-header{margin-bottom:23px;gap:16px}
body.fxc-app:not(.fxc-auth):not(.fxc-commerce-page) .table-header :is(.form-control,.bootstrap-select>.dropdown-toggle){min-height:40px;font-size:12px}
body.fxc-app:not(.fxc-auth):not(.fxc-commerce-page) .table-footer{padding-top:21px;margin-top:16px;border-top:1px solid var(--suite-line);font-size:12px;gap:15px}
body.fxc-app:not(.fxc-auth):not(.fxc-commerce-page) .table-pageinfo{color:var(--suite-muted);font-size:11px}
body.fxc-app:not(.fxc-auth):not(.fxc-commerce-page) .table-pageinfo select{min-height:30px;margin-inline:5px;padding:3px 7px;border:1px solid var(--suite-line);border-radius:6px;background:var(--suite-field);color:var(--suite-ink)}
body.fxc-app :is(.table,.fxc-table){margin-bottom:0;font-size:13px}
body.fxc-app :is(.table thead,.table thead.bg-light,.table .thead-light,.table thead th,.table .bg-light th,.fxc-table th){background:var(--suite-soft)!important;color:var(--suite-muted)!important;border-color:var(--suite-line)!important}
body.fxc-app :is(.table thead th,.fxc-table th){padding:14px 18px;border-top:0;font-size:11px;font-weight:500;line-height:1.8;vertical-align:middle}
body.fxc-app :is(.table tbody td,.fxc-table td){padding:19px 18px;line-height:1.8;border-color:var(--suite-line);vertical-align:middle}
body.fxc-app .fxc-table td strong{font-size:13px;font-weight:500}
body.fxc-app .fxc-table td small{font-size:11px;margin-top:3px}
body.fxc-app .tablelist td[colspan]{height:180px;padding-block:35px;color:var(--suite-muted);font-size:12px;text-align:center}
body.fxc-app .tablelist .no-data{position:sticky;left:0;display:grid;place-items:center;width:min(100%,calc(100vw - 100px));min-height:105px;color:var(--suite-muted);font-size:12px}
body.fxc-app .table-hover tbody tr:hover{background:var(--suite-soft)}
body.fxc-app .table :is(.bg-light,.thead-light){background:var(--suite-soft)!important}
body.fxc-app .table :is(.custom-checkbox.mb-3,.custom-control.mb-3){margin-bottom:0!important}
body.fxc-app .table .text-black-50{color:var(--suite-muted)!important}
body.fxc-app .table a:not(.btn):not(.badge){color:var(--suite-ink)}
body.fxc-app .table a:not(.btn):not(.badge):hover{color:var(--suite-link)}
body.fxc-app .pagination{gap:5px;margin:0}
body.fxc-app .pagination .page-link{display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;padding:5px 9px;margin:0;border:1px solid var(--suite-line);border-radius:7px!important;background:var(--suite-paper);color:var(--suite-muted);font-size:12px;box-shadow:none}
body.fxc-app .page-item.active .page-link{background:var(--suite-primary)!important;border-color:var(--suite-primary)!important;color:var(--suite-primary-ink)!important}
body.fxc-app .page-item.disabled .page-link{background:var(--suite-soft);color:var(--suite-muted);border-color:var(--suite-line);opacity:.55}

/* Primary actions use the homepage navy. Green remains the selection and payment accent. */
body.fxc-app :is(.fxc-btn,.btn){border-radius:8px;font-size:13px;font-weight:500;line-height:1.5;padding:10px 17px;box-shadow:none}
body.fxc-app :is(.fxc-btn-primary,.btn-primary){background:var(--suite-primary)!important;border-color:var(--suite-primary)!important;color:var(--suite-primary-ink)!important;box-shadow:0 3px 6px #14243c05}
body.fxc-app :is(.fxc-btn-primary:hover,.btn-primary:hover){background:var(--suite-primary-hover)!important;border-color:var(--suite-primary-hover)!important;color:var(--suite-primary-ink)!important}
body.fxc-app :is(.btn-light,.btn-secondary,.btn-outline-light,.btn-default){background:var(--suite-paper)!important;color:var(--suite-ink)!important;border:1px solid var(--suite-line)!important}
body.fxc-app :is(.btn-light:hover,.btn-secondary:hover,.btn-outline-light:hover,.btn-default:hover){background:var(--suite-soft)!important;border-color:var(--suite-muted)!important}
body.fxc-app :is(.btn-outline-primary,.btn-outline-success){background:transparent!important;color:var(--suite-ink)!important;border:1px solid var(--suite-line)!important}
body.fxc-app :is(.btn-outline-primary:hover,.btn-outline-success:hover){background:var(--suite-selected)!important;color:var(--suite-link)!important;border-color:var(--suite-link)!important}
body.fxc-app .btn-sm{padding:7px 12px;font-size:12px;border-radius:7px}
body.fxc-app :is(.btn,.fxc-btn):disabled,body.fxc-app :is(.btn,.fxc-btn).disabled{opacity:.5;box-shadow:none}
body.fxc-app :is(.form-control,.custom-select){min-height:42px;padding:10px 13px;font-size:13px;line-height:1.5;border-radius:8px;color:var(--suite-ink);background-color:var(--suite-field)}
body.fxc-app textarea.form-control{min-height:110px;line-height:1.8;padding-block:12px}
body.fxc-app select.form-control{padding-right:28px}
body.fxc-app .form-group{margin-bottom:22px}
body.fxc-app :is(label,.col-form-label){font-size:12px;font-weight:400;color:var(--suite-ink)}
body.fxc-app .form-group>label{margin-bottom:8px}
body.fxc-app .form-text{font-size:11px;line-height:1.9;color:var(--suite-muted)!important;margin-top:7px}
body.fxc-app .input-group-text{padding:9px 13px;border-radius:8px;font-size:12px;background:var(--suite-soft);color:var(--suite-muted);border-color:var(--suite-line)}
body.fxc-app .input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}
body.fxc-app .input-group-append>.btn{border-top-left-radius:0;border-bottom-left-radius:0}
body.fxc-app .bootstrap-select>.dropdown-toggle{border:1px solid var(--suite-line)!important;border-radius:8px;background:var(--suite-field)!important;color:var(--suite-ink)!important;box-shadow:none;padding:10px 13px;font-size:13px}
body.fxc-app .bootstrap-select>.dropdown-menu{padding:6px;border-radius:10px;border-color:var(--suite-line);box-shadow:var(--suite-shadow-menu)}
body.fxc-app .bootstrap-select .dropdown-menu .dropdown-item{font-size:12px;padding:9px 11px;border-radius:6px}
body.fxc-app .bootstrap-select .dropdown-menu .selected>.dropdown-item{background:var(--suite-selected);color:var(--suite-link)}
body.fxc-app :is(.form-check,.custom-control){font-size:12px;line-height:1.8}
body.fxc-app :is(.form-check-label,.custom-control-label){color:var(--suite-muted);font-weight:400}
body.fxc-app .custom-control-label:before{border-color:var(--suite-line);background:var(--suite-field);box-shadow:none;border-radius:4px}
body.fxc-app .custom-control-input:checked~.custom-control-label:before{background:var(--suite-brand);border-color:var(--suite-brand)}
body.fxc-app .custom-radio .custom-control-label:before{border-radius:50%}
body.fxc-app :is(.invalid-feedback,.text-danger){color:#cc5965!important}
body.fxc-app .valid-feedback{color:var(--suite-link)}

/* Quiet tabs, disclosure groups and native feedback. Active classes remain the sole state source. */
body.fxc-app:not(.fxc-auth) .nav-tabs{gap:7px;margin-bottom:24px;border-bottom:1px solid var(--suite-line)}
body.fxc-app:not(.fxc-auth) .nav-tabs .nav-link{padding:12px 17px;margin-bottom:-1px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--suite-muted)!important;font-size:13px;font-weight:400}
body.fxc-app:not(.fxc-auth) .nav-tabs .nav-link.active{color:var(--suite-ink)!important;font-weight:600;background:transparent;border-color:var(--suite-brand)}
body.fxc-app:not(.fxc-auth) .nav-tabs .nav-link:after{background:var(--suite-brand)!important}
body.fxc-app .nav-pills .nav-link{border-radius:8px;color:var(--suite-muted);font-size:13px;padding:10px 16px}
body.fxc-app .nav-pills .nav-link.active{background:var(--suite-selected);color:var(--suite-link)}
body.fxc-app .list-group-item{padding:17px 20px;background:var(--suite-paper);color:var(--suite-ink);border-color:var(--suite-line);font-size:13px}
body.fxc-app .list-group-item-action:hover{background:var(--suite-soft)}
body.fxc-app .list-group-item.active{background:var(--suite-selected);color:var(--suite-link);border-color:var(--suite-line)}
body.fxc-app .accordion .card{margin-bottom:10px;border-radius:10px}
body.fxc-app .accordion .card-header{padding:15px 20px;background:var(--suite-paper)}
body.fxc-app .accordion .card-header .btn{width:100%;padding:0;text-align:left;color:var(--suite-ink);font-weight:500}
body.fxc-app .accordion .card-body{padding:20px;color:var(--suite-muted);font-size:13px;line-height:1.9}
body.fxc-app .badge{font-size:10px;font-weight:500;padding:5px 8px;border-radius:5px;line-height:1.4}
body.fxc-app :is(.badge-primary,.badge-soft-primary,.badge-success,.badge-soft-success){background:var(--suite-selected)!important;color:var(--suite-link)!important}
body.fxc-app :is(.badge-secondary,.badge-light){background:var(--suite-soft);color:var(--suite-muted)}
body.fxc-app .alert{padding:15px 18px;border:1px solid;border-radius:10px;font-size:12px;line-height:1.9;box-shadow:none}
body.fxc-app .alert-info{background:#edf3fc;color:#456a9d;border-color:#dce6f5}
body.fxc-app .alert-success{background:var(--suite-selected);color:var(--suite-link);border-color:var(--suite-line)}
body.fxc-app .alert-warning{background:#fff7e8;color:#8e672c;border-color:#f1e1bd}
body.fxc-app .alert-danger{background:#fff0f1;color:#a64f5d;border-color:#efd4d9}
html[data-fxc-mode=dark] body.fxc-app .alert-info{background:#18263b;color:#afc8ed;border-color:#2b3b51}
html[data-fxc-mode=dark] body.fxc-app .alert-warning{background:#2b2519;color:#d9bb83;border-color:#443a26}
html[data-fxc-mode=dark] body.fxc-app .alert-danger{background:#2c1d27;color:#e1a2b1;border-color:#47303f}
body.fxc-app .modal-content{border:1px solid var(--suite-line);border-radius:16px;background:var(--suite-paper);box-shadow:0 20px 70px #10182725}
body.fxc-app .modal-header{padding:22px 25px;border-bottom:1px solid var(--suite-line);align-items:center}
body.fxc-app .modal-title{font-size:17px;font-weight:600;color:var(--suite-ink)}
body.fxc-app .modal-body{padding:26px;font-size:13px;line-height:1.85}
body.fxc-app .modal-footer{padding:17px 25px;border-top:1px solid var(--suite-line);gap:8px}
body.fxc-app .modal :is(.close,.close:hover){color:var(--suite-muted);text-shadow:none;opacity:.8}

/* Account security is a neutral identity card, with semantic strength colors kept on the progress bar. */
body.fxc-app .card.bg-primary.security-header{background:var(--suite-paper)!important;border-color:var(--suite-line)!important;color:var(--suite-ink)!important}
body.fxc-app .security-header :is(.text-white,.security-info,.security-username,.security-label,.security-meta){color:var(--suite-ink)!important}
body.fxc-app .security-header .security-info{background:transparent!important;box-shadow:none;border:0;padding:0}
body.fxc-app .security-header .security-avatar{background:transparent!important;box-shadow:none;border:0}
body.fxc-app .security-header :is(.security-avatar,.security-logo):before,body.fxc-app .security-header :is(.security-avatar,.security-logo):after{display:none}
body.fxc-app .security-header .security-meta{font-size:12px;line-height:2;color:var(--suite-muted)!important}
body.fxc-app .security-header .security-logo{background:var(--suite-selected)!important;color:var(--suite-link)!important;box-shadow:none}
body.fxc-app .security-username{font-size:19px;font-weight:600;margin-bottom:8px}
body.fxc-app .security-header .security-label{font-size:12px}
body.fxc-app .security-header .progress{background:var(--suite-line);height:5px;border-radius:5px}
body.fxc-app .security-item{padding-block:23px;border-color:var(--suite-line)}
body.fxc-app .security-item-icon{background:var(--suite-selected)!important;color:var(--suite-link)!important;border-radius:12px;box-shadow:none}
body.fxc-app .security-item-title{font-size:15px;font-weight:600;color:var(--suite-ink)}
body.fxc-app .security-item-title small{font-size:10px;color:var(--suite-link);font-weight:400}
body.fxc-app .security-item-desc{font-size:12px;line-height:1.9;color:var(--suite-muted)}
body.fxc-app .security-header .novalid{background:var(--suite-selected);color:var(--suite-link);border:1px solid var(--suite-line);border-radius:5px;box-shadow:none}
body.fxc-app .security-item-image{display:none}
body.fxc-app .ticket-top{font-size:13px;line-height:1.95;color:var(--suite-muted)}
body.fxc-app .ticket-top p{margin-bottom:12px}
body.fxc-app .card.border-hover{border-radius:12px;background:var(--suite-soft);border-color:var(--suite-line)!important;box-shadow:none}
body.fxc-app .card.border-hover:hover{border-color:var(--suite-link)!important;box-shadow:0 0 0 1px var(--suite-link)}
body.fxc-app .card.border-hover h5{font-size:16px;font-weight:600}
body.fxc-app .addfunds-payment{border:1px solid var(--suite-line);border-radius:10px;background:var(--suite-paper);box-shadow:none;padding:17px}
body.fxc-app .addfunds-payment.active{border-color:var(--suite-brand);background:var(--suite-selected);box-shadow:none}
body.fxc-app .addfunds-payment img{background:#fff;padding:4px 8px;border-radius:5px;box-sizing:content-box}

/* Commerce keeps the selected category tree, option grid, sticky quote and native payment groupings. */
body.fxc-app .fxc-commerce-head{margin-bottom:27px;gap:20px}
body.fxc-app .fxc-commerce-head :is(h1,h2){font-size:29px;font-weight:650;letter-spacing:-.7px}
body.fxc-app .fxc-commerce-head p{font-size:13px;line-height:1.9;margin-top:7px}
body.fxc-app .fxc-order-steps{padding-bottom:23px;margin-bottom:25px;gap:22px;border-color:var(--suite-line)}
body.fxc-app .fxc-order-steps li{font-size:11px;gap:8px}
body.fxc-app .fxc-order-steps b{width:25px;height:25px;font-size:11px}
body.fxc-app.fxc-catalog-page .fxc-catalog-heading{padding:21px 23px;margin-top:22px;margin-bottom:17px;border:1px solid var(--suite-line)}
body.fxc-app.fxc-catalog-page .fxc-catalog-heading h1{font-size:24px;letter-spacing:-.5px;font-weight:650}
body.fxc-app.fxc-catalog-page .fxc-catalog-heading>div>p{font-size:12px;margin-top:7px}
body.fxc-app.fxc-catalog-page .fxc-catalog-card-header{padding:21px 19px 20px;min-height:102px}
body.fxc-app.fxc-catalog-page .fxc-catalog-card-header h2{font-size:16px;line-height:1.6;letter-spacing:-.3px}
body.fxc-app.fxc-catalog-page .fxc-catalog-card-header>div>span{font-size:11px;margin-top:6px;line-height:1.7}
body.fxc-app.fxc-catalog-page .fxc-catalog-description{padding:20px 19px 24px;font-size:12px;line-height:2}
body.fxc-app.fxc-catalog-page .fxc-catalog-card-footer{padding:0 18px 19px}
body.fxc-app.fxc-catalog-page .fxc-catalog-price-box{padding:13px 12px}
body.fxc-app.fxc-catalog-page .fxc-catalog-buy{min-height:41px;background:var(--suite-primary);border-color:var(--suite-primary);color:var(--suite-primary-ink);font-size:12px}
body.fxc-app.fxc-catalog-page .fxc-catalog-buy:hover{background:var(--suite-primary-hover);border-color:var(--suite-primary-hover)}
body.fxc-app.fxc-catalog-page :is(.fxc-catalog-search button,.fxc-catalog-category-search>button){background:var(--suite-primary);border-color:var(--suite-primary);color:var(--suite-primary-ink)}
body.fxc-app .fxc-config-pagebar{margin-bottom:23px}
body.fxc-app .fxc-config-pagebar>strong{font-size:17px}
body.fxc-app .fxc-configure .fxc-config-heading{padding:26px;margin-bottom:20px}
body.fxc-app .fxc-configure .fxc-config-heading h1{font-size:26px;line-height:1.5;font-weight:650;letter-spacing:-.6px}
body.fxc-app .fxc-configure .fxc-config-heading p{font-size:12px;line-height:1.9}
body.fxc-app .fxc-configure .fxc-config-products{padding:22px 24px}
body.fxc-app .fxc-configure .fxc-configure-native .fxc-config-field-row{padding:23px 24px!important}
body.fxc-app .fxc-configure .fxc-configure-native .fxc-config-field-label{font-size:14px;padding-bottom:15px;margin-bottom:16px}
body.fxc-app .fxc-configure .fxc-configure-native .fxc-config-summary-card{padding:24px!important}
body.fxc-app .fxc-configure .fxc-configure-native .fxc-config-summary-card h4{font-size:16px;line-height:1.7}
body.fxc-app .fxc-configure .fxc-configure-native .fxc-config-login{padding:20px 0 0!important;margin-top:23px!important;border-top:1px solid var(--suite-line);background:transparent!important}
body.fxc-app .fxc-configure .fxc-configure-native .fxc-config-login h4{font-size:14px}
body.fxc-app .fxc-configure .fxc-configure-native .fxc-config-login p{font-size:11px;line-height:1.9}
body.fxc-app .fxc-configure .fxc-configure-native .fxc-config-cycle-row .cycle>.btn{padding:8px 9px;font-size:11px}
body.fxc-app .fxc-configure .fxc-configure-native .fxc-config-os-tab{font-size:12px;min-height:37px}
body.fxc-app .fxc-configure .fxc-configure-native .fxc-os-version-button{min-height:39px;padding:9px 12px;font-size:12px}
body.fxc-app.fxc-checkout-page .fxc-checkout-native .card-body{padding:27px!important}
body.fxc-app.fxc-checkout-page .fxc-checkout-native .fxc-checkout-card-heading{padding-bottom:20px;margin-bottom:22px}
body.fxc-app.fxc-checkout-page .fxc-checkout-native :is(.fxc-checkout-card-heading h4,.fxc-checkout-summary-heading h4){font-size:17px;letter-spacing:-.3px}
body.fxc-app.fxc-checkout-page .fxc-checkout-native .fxc-checkout-section-title{font-size:13px;font-weight:500;margin-bottom:16px}
body.fxc-app.fxc-checkout-page .fxc-checkout-native .fxc-checkout-channel>label.btn{padding:9px 13px;font-size:12px}
body.fxc-app.fxc-checkout-page .fxc-checkout-native .fxc-checkout-channel>label.btn.active{background:var(--suite-primary)!important;border-color:var(--suite-primary)!important;color:var(--suite-primary-ink)!important}
body.fxc-app.fxc-checkout-page .fxc-checkout-native .fxc-checkout-product{padding-block:20px;font-size:12px;line-height:1.85}
body.fxc-app.fxc-checkout-page .fxc-checkout-native .fxc-checkout-product-title{font-size:14px;line-height:1.8;font-weight:600}
body.fxc-app.fxc-checkout-page .fxc-checkout-native .fxc-checkout-submit .submit-btn,body.fxc-app.fxc-checkout-page .fxc-checkout-mobile-total button[type=submit]{background:var(--suite-brand)!important;border-color:var(--suite-brand)!important;color:#fff!important}

/* Authentication is a centered workspace card rather than a full-height advertising split. */
body.fxc-app.fxc-auth{background:var(--suite-bg)}
body.fxc-app.fxc-auth .fxc-auth-header{position:relative;inset:auto;min-height:58px;width:min(1080px,calc(100% - 64px));margin:22px auto 0;padding:12px 18px;border:1px solid var(--suite-line);border-radius:14px;background:var(--suite-paper);gap:22px;box-shadow:var(--suite-shadow-float);font-size:12px}
body.fxc-app.fxc-auth .fxc-auth-header>a:first-child{margin-right:auto;color:var(--suite-ink)}
body.fxc-app.fxc-auth .fxc-auth-shell{width:min(1080px,calc(100% - 64px));min-height:620px;margin:32px auto 42px;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1fr);align-items:stretch;border:1px solid var(--suite-line);border-radius:22px;background:var(--suite-paper);box-shadow:0 12px 40px #14243c05}
body.fxc-app.fxc-auth .fxc-auth-brand{padding:42px;border-right:1px solid var(--suite-line);border-bottom:0;border-radius:22px 0 0 22px;background:var(--suite-soft)}
body.fxc-app.fxc-auth .fxc-auth-brand>.fxc-brand{margin-bottom:52px;gap:10px}
body.fxc-app.fxc-auth .fxc-auth-brand .fxc-brand strong{font-size:21px;letter-spacing:-.5px}
body.fxc-app.fxc-auth .fxc-auth-brand .fxc-brand small{display:none}
body.fxc-app.fxc-auth .fxc-auth-brand>.fxc-kicker{display:block;font-size:11px;letter-spacing:0;font-weight:500;color:var(--suite-muted);margin-bottom:13px}
body.fxc-app.fxc-auth .fxc-auth-brand h1{font-size:33px;line-height:1.5;font-weight:650;letter-spacing:-.9px;margin:0 0 20px}
body.fxc-app.fxc-auth .fxc-auth-brand>p{font-size:12px;line-height:2;margin-bottom:28px;max-width:340px}
body.fxc-app.fxc-auth .fxc-auth-benefits{gap:16px;font-size:12px;line-height:1.8}
body.fxc-app.fxc-auth .fxc-auth-benefits li{gap:11px}
body.fxc-app.fxc-auth .fxc-auth-benefits .fxc-icon{width:17px;height:17px}
body.fxc-app.fxc-auth .fxc-auth-architecture{padding-top:44px}
body.fxc-app.fxc-auth .fxc-auth-architecture>div{font-size:10px;letter-spacing:0}
body.fxc-app.fxc-auth .fxc-auth-native{padding:52px 48px;min-width:0;border-radius:0 22px 22px 0;background:var(--suite-paper)}
body.fxc-app.fxc-auth .fxc-auth-native[aria-label]:not(:has(.fxc-form-title,h1,h2,h3,h4)){flex-direction:column}
body.fxc-app.fxc-auth .fxc-auth-native[aria-label]:not(:has(.fxc-form-title,h1,h2,h3,h4)):before{content:attr(aria-label);display:block;flex:none;width:100%;max-width:390px;margin:0 0 24px;color:var(--suite-ink);font-size:28px;font-weight:600;line-height:1.45;letter-spacing:-.7px;text-align:left}
body.fxc-app.fxc-auth .fxc-auth-native :is(.form-control,.custom-select){min-height:46px;padding:11px 13px;font-size:13px}
body.fxc-app.fxc-auth .fxc-auth-native button[type=submit]{min-height:46px;border-radius:9px;font-size:14px}
body.fxc-app.fxc-auth .fxc-auth-native .form-group{margin-bottom:23px}
body.fxc-app.fxc-auth .fxc-auth-native .nav-tabs{gap:0;margin-bottom:28px}
body.fxc-app.fxc-auth .fxc-auth-native .nav-tabs .nav-link{font-size:13px;font-weight:500;padding:12px 8px!important}
body.fxc-app.fxc-auth .fxc-form-title h2{font-size:28px;letter-spacing:-.7px;font-weight:650}
body.fxc-app.fxc-auth .fxc-form-title p{font-size:12px;line-height:1.9;margin-bottom:28px}
body.fxc-app.fxc-auth .fxc-auth-footer{width:min(1080px,calc(100% - 64px));min-height:0;margin:0 auto;padding:0 0 27px;border-top:0;background:transparent;font-size:11px;line-height:1.8}

@media(max-width:1000px) and (min-width:761px){
 body.fxc-app .fxc-stat-grid{gap:11px}
 body.fxc-app .fxc-stat{padding:21px 16px}
 body.fxc-app .fxc-stat strong{font-size:29px}
 body.fxc-app.fxc-auth .fxc-auth-shell{grid-template-columns:minmax(0,.82fr) minmax(0,1fr)}
 body.fxc-app.fxc-auth .fxc-auth-brand{padding:32px 28px}
 body.fxc-app.fxc-auth .fxc-auth-brand h1{font-size:29px}
 body.fxc-app.fxc-auth .fxc-auth-native{padding:42px 30px}
}
@media(max-width:760px){
 body.fxc-app:not(.fxc-auth) .fxc-topbar{height:58px;margin:9px 10px 0;padding:0 12px;gap:12px;border-radius:13px}
 body.fxc-app:not(.fxc-auth) .fxc-main.main-content{margin-left:0;min-height:calc(100vh - 67px)}
 body.fxc-app:not(.fxc-auth) .fxc-page-content.page-content{padding:25px 14px 32px}
 body.fxc-app:not(.fxc-auth) .fxc-client-footer{padding:0 15px 23px;font-size:10px}
 body.fxc-app:not(.fxc-auth) .fxc-sidebar{inset:0 auto 0 0;width:246px;border-width:0 1px 0 0;border-radius:0;box-shadow:none}
 body.fxc-app .fxc-sidebar-brand{height:67px;min-height:67px;padding:0 22px}
 body.fxc-app .fxc-top-actions{gap:8px}
 body.fxc-app .fxc-top-actions .fxc-color-label{display:none}
 body.fxc-app .fxc-top-actions .fxc-color-toggle{padding:6px;min-width:32px;min-height:32px}
 body.fxc-app .fxc-top-actions>.fxc-btn{padding:7px 10px;min-height:32px;font-size:11px}
 body.fxc-app .fxc-top-actions .fxc-icon-btn{width:29px;height:32px}
 body.fxc-app .fxc-top-actions .fxc-account summary{gap:5px;font-size:11px}
 body.fxc-app .fxc-top-actions .fxc-account summary>.fxc-icon{width:13px}
 body.fxc-app .fxc-breadcrumb{gap:7px;font-size:11px}
 body.fxc-app .fxc-mobile-menu{width:28px;padding:4px}
 body.fxc-app .fxc-page-heading{margin-bottom:22px;min-height:36px}
 body.fxc-app :is(.fxc-page-heading h1,.fxc-welcome h1,.fxc-commerce-heading h1){font-size:24px;letter-spacing:-.5px}
 body.fxc-app .fxc-page-heading>.fxc-text-link{font-size:11px}
 body.fxc-app .fxc-welcome{gap:13px;margin-bottom:23px}
 body.fxc-app .fxc-welcome p{font-size:12px;max-width:220px}
 body.fxc-app .fxc-welcome .fxc-btn{font-size:11px;padding:8px 11px;min-height:35px;margin-top:4px}
 body.fxc-app .fxc-stat-grid{gap:12px;margin-bottom:23px}
 body.fxc-app .fxc-stat{padding:21px 18px 19px;border-radius:13px}
 body.fxc-app .fxc-stat strong{font-size:31px;margin:15px 0 11px}
 body.fxc-app .fxc-stat-label{font-size:11px}
 body.fxc-app .fxc-stat-caption{font-size:10px;gap:5px}
 body.fxc-app .fxc-dash-layout{gap:20px}
 body.fxc-app .fxc-panel{border-radius:13px;margin-bottom:20px}
 body.fxc-app .fxc-panel-header{padding:19px 19px;min-height:61px}
 body.fxc-app .fxc-panel-header h2{font-size:14px}
 body.fxc-app .fxc-announcements{padding-inline:19px}
 body.fxc-app .fxc-announcements a{padding:16px 0;font-size:12px}
 body.fxc-app .fxc-announcements time{font-size:10px}
 body.fxc-app .fxc-account-info{padding:10px 19px}
 body.fxc-app .fxc-account-security,body.fxc-app .fxc-shortcut{padding:17px 19px}
 body.fxc-app .fxc-support-card{padding:23px;border-radius:13px}
 body.fxc-app:not(.fxc-auth):not(.fxc-commerce-page) .card>.card-body{padding:21px 18px}
 body.fxc-app:not(.fxc-auth):not(.fxc-commerce-page) .card>.card-header{padding:19px 18px}
 body.fxc-app:not(.fxc-auth):not(.fxc-commerce-page) .card>.card-body.px-5.mx-auto.w-75{padding:25px 19px!important;max-width:none}
 body.fxc-app:not(.fxc-auth):not(.fxc-commerce-page) .table-header{gap:12px;margin-bottom:19px}
 body.fxc-app:not(.fxc-auth):not(.fxc-commerce-page) .table-footer{padding-top:18px;font-size:11px}
 body.fxc-app :is(.table thead th,.fxc-table th){padding:12px 14px;font-size:10px}
 body.fxc-app :is(.table tbody td,.fxc-table td){padding:17px 14px;font-size:12px}
 body.fxc-app .tablelist td[colspan]{height:160px;font-size:12px}
 body.fxc-app .pagination .page-link{min-width:29px;min-height:30px;padding:4px 8px;font-size:11px}
 body.fxc-app:not(.fxc-auth) .nav-tabs{gap:1px;flex-wrap:wrap;margin-bottom:22px}
 body.fxc-app:not(.fxc-auth) .nav-tabs .nav-link{padding:11px 12px;font-size:12px}
 body.fxc-app .security-header .security-meta{margin-top:16px}
 body.fxc-app .security-item{padding-block:20px}
 body.fxc-app .security-item-desc{font-size:11px}
 body.fxc-app .security-item-title{font-size:14px}
 body.fxc-app .security-item-info .btn{min-width:auto;padding:7px 10px;font-size:11px}
 body.fxc-app .modal-dialog{margin:20px 13px}
 body.fxc-app .modal-header{padding:19px 20px}
 body.fxc-app .modal-body{padding:23px 20px}
 body.fxc-app .modal-footer{padding:15px 20px}
 body.fxc-app .fxc-commerce-head{margin-bottom:23px}
 body.fxc-app .fxc-commerce-head :is(h1,h2){font-size:25px}
 body.fxc-app .fxc-commerce-head p{font-size:12px}
 body.fxc-app .fxc-order-steps{gap:12px;padding-bottom:20px;margin-bottom:23px}
 body.fxc-app .fxc-order-steps li{font-size:10px;gap:6px}
 body.fxc-app .fxc-order-steps b{width:23px;height:23px;font-size:10px}
 body.fxc-app.fxc-catalog-page .fxc-catalog-heading{padding:20px;margin-top:20px}
 body.fxc-app.fxc-catalog-page .fxc-catalog-heading h1{font-size:22px}
 body.fxc-app.fxc-catalog-page .fxc-catalog-card-header{padding:21px 20px;min-height:98px}
 body.fxc-app.fxc-catalog-page .fxc-catalog-description{padding:20px 20px 25px}
 body.fxc-app.fxc-catalog-page .fxc-catalog-card-footer{padding:0 19px 20px}
 body.fxc-app .fxc-config-pagebar{margin-bottom:20px}
 body.fxc-app .fxc-config-pagebar>strong{font-size:15px}
 body.fxc-app .fxc-configure .fxc-config-heading{padding:22px 20px}
 body.fxc-app .fxc-configure .fxc-config-heading h1{font-size:23px}
 body.fxc-app .fxc-configure .fxc-config-products{padding:20px}
 body.fxc-app .fxc-configure .fxc-configure-native .fxc-config-field-row{padding:21px 19px!important}
 body.fxc-app .fxc-configure .fxc-configure-native .fxc-config-field-label{font-size:13px}
 body.fxc-app .fxc-configure .fxc-configure-native .fxc-config-summary-card{padding:21px 19px!important}
 body.fxc-app.fxc-checkout-page .fxc-checkout-native .card-body{padding:23px 20px!important}
 body.fxc-app.fxc-checkout-page .fxc-checkout-native .fxc-checkout-card-heading{padding-bottom:18px;margin-bottom:21px}
 body.fxc-app.fxc-checkout-page .fxc-checkout-native :is(.fxc-checkout-card-heading h4,.fxc-checkout-summary-heading h4){font-size:16px}
 body.fxc-app.fxc-auth .fxc-auth-header{width:calc(100% - 24px);min-height:52px;margin-top:12px;padding:9px 13px;gap:15px;border-radius:12px;font-size:11px}
 body.fxc-app.fxc-auth .fxc-auth-header>a:last-child{display:inline}
 body.fxc-app.fxc-auth .fxc-auth-shell{display:block;width:calc(100% - 24px);min-height:0;margin:21px auto 28px;border-radius:18px}
 body.fxc-app.fxc-auth .fxc-auth-brand{padding:23px 24px;border-right:0;border-bottom:1px solid var(--suite-line);border-radius:18px 18px 0 0;background:var(--suite-soft)}
 body.fxc-app.fxc-auth .fxc-auth-brand>.fxc-brand{margin:0}
 body.fxc-app.fxc-auth .fxc-auth-brand :is(.fxc-kicker,h1,p,.fxc-auth-benefits,.fxc-auth-architecture){display:none}
 body.fxc-app.fxc-auth .fxc-auth-brand .fxc-brand strong{font-size:20px}
 body.fxc-app.fxc-auth .fxc-auth-brand .fxc-brand small{display:inline-block}
 body.fxc-app.fxc-auth .fxc-auth-native{padding:30px 24px 34px;border-radius:0 0 18px 18px}
 body.fxc-app.fxc-auth .fxc-auth-native[aria-label]:not(:has(.fxc-form-title,h1,h2,h3,h4)):before{max-width:420px;margin-bottom:22px;font-size:25px}
 body.fxc-app.fxc-auth .fxc-form-title h2{font-size:26px}
 body.fxc-app.fxc-auth .fxc-auth-footer{width:calc(100% - 40px);padding:0 0 24px;min-height:0;font-size:10px;gap:9px}
 body.fxc-app.fxc-auth .fxc-auth-footer nav{gap:15px}
}

/* suite-home-210 native follow-up: one quotation inset, bounded totals and the actual message table. */
body.fxc-app .search-box .position-relative:has(>.search-icon)>input.form-control{padding-left:38px}
body.fxc-app .fxc-configure .fxc-configure-native .fxc-config-summary-card>.card-body.fxc-config-summary-body{width:100%;min-width:0;margin:0;padding:0!important}
body.fxc-app .fxc-configure .fxc-configure-native .fxc-config-summary-card .fxc-config-cycle-row{margin-left:0!important;margin-right:0!important}
body.fxc-app .fxc-configure .fxc-configure-native .fxc-config-summary-card .fxc-config-cycle-row .cycle{flex-wrap:nowrap!important;min-width:0;gap:3px}
body.fxc-app .fxc-configure .fxc-configure-native .fxc-config-summary-card .fxc-config-cycle-row .cycle>.btn{flex:1 1 0%!important;min-width:0!important;width:auto!important;padding:6px 4px!important;white-space:nowrap}
body.fxc-app .fxc-configure .fxc-configure-native .fxc-config-summary-card .configoption_total{width:100%;max-width:100%;min-width:0;margin-left:0!important;margin-right:0!important}
body.fxc-app .fxc-configure .fxc-configure-native .fxc-config-summary-card .configoption_total table{table-layout:fixed;width:100%!important;min-width:0!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
body.fxc-app .fxc-configure .fxc-configure-native .fxc-config-summary-card .configoption_total table,
body.fxc-app .fxc-configure .fxc-configure-native .fxc-config-summary-card .configoption_total table tbody{display:block;width:100%}
body.fxc-app .fxc-configure .fxc-configure-native .fxc-config-summary-card .configoption_total table tbody>tr:not(.mobile-hide){display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:10px}
body.fxc-app .fxc-configure .fxc-configure-native .fxc-config-summary-card .configoption_total table td:first-child,
body.fxc-app .fxc-configure .fxc-configure-native .fxc-config-summary-card .configoption_total table td:last-child{width:auto!important;min-width:0}
body.fxc-app .fxc-configure .fxc-configure-native .fxc-config-summary-card .configoption_total table td:first-child{word-break:normal;overflow-wrap:break-word}
body.fxc-app .fxc-configure .fxc-configure-native .fxc-config-summary-card .configoption_total table td:last-child{white-space:nowrap;text-align:right}
@media(min-width:761px){body.fxc-app .fxc-configure .fxc-configure-native .fxc-config-summary-card .configoption_total table tbody>tr.mobile-hide{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:10px}}
html[data-fxc-mode=dark] body.fxc-app .table-container:has(#allReadBtn)>.table-responsive,
html[data-fxc-mode=dark] body.fxc-app .table-container:has(#allReadBtn) .tablelist,
html[data-fxc-mode=dark] body.fxc-app .table-container:has(#allReadBtn) .tablelist tbody,
html[data-fxc-mode=dark] body.fxc-app .table-container:has(#allReadBtn) .tablelist tbody :is(tr,td){background:var(--suite-paper)!important;color:var(--suite-ink)}

/* sidebar-refine-211: the primary navigation stays distinct from the product category tree. */
body.fxc-app:not(.fxc-auth) #fxc-sidebar .fxc-navigation{padding:14px 10px}
body.fxc-app:not(.fxc-auth) #fxc-sidebar .fxc-navigation>a{
 min-height:40px;padding:8px 12px;margin-bottom:4px;border:0;border-radius:7px;
 background:transparent;color:var(--suite-muted);font-size:12px;font-weight:400;line-height:1.6;gap:10px;box-shadow:none;
}
body.fxc-app:not(.fxc-auth) #fxc-sidebar .fxc-navigation>a .fxc-icon{width:16px;height:16px;color:inherit}
body.fxc-app:not(.fxc-auth) #fxc-sidebar .fxc-navigation>a:hover{background:var(--suite-soft);color:var(--suite-ink)}
body.fxc-app:not(.fxc-auth) #fxc-sidebar .fxc-navigation>a[aria-current=page]{background:var(--suite-selected)!important;color:var(--suite-link)!important;border:0!important;box-shadow:none!important;font-weight:500}
body.fxc-app:not(.fxc-auth) #fxc-sidebar .fxc-sidebar-bottom{padding:14px}
body.fxc-app:not(.fxc-auth) #fxc-sidebar .fxc-sidebar-help{margin-top:0;font-size:11px}
body.fxc-app:not(.fxc-auth) #fxc-sidebar .fxc-sidebar-bottom>.fxc-btn+.fxc-sidebar-help{margin-top:13px}
@media(min-width:1200px){
 body.fxc-app.fxc-client:not(.fxc-auth) #fxc-sidebar{inset:18px auto 18px 18px;width:204px;border-radius:14px}
 body.fxc-app.fxc-client:not(.fxc-auth) #fxc-sidebar .fxc-sidebar-brand{height:64px;min-height:64px;padding:0 18px;border-radius:13px 13px 0 0}
 body.fxc-app.fxc-client:not(.fxc-auth) #fxc-sidebar .fxc-sidebar-bottom{border-radius:0 0 13px 13px}
 body.fxc-app.fxc-client:not(.fxc-auth) .fxc-topbar{height:64px;margin-left:242px}
 body.fxc-app.fxc-client:not(.fxc-auth) .fxc-main.main-content{margin-left:242px}
 body.fxc-app.fxc-client.fxc-config-nav-collapsed .fxc-topbar,
 body.fxc-app.fxc-client.fxc-config-nav-collapsed .fxc-main.main-content,
 body.fxc-app.fxc-client.fxc-catalog-nav-collapsed .fxc-topbar,
 body.fxc-app.fxc-client.fxc-catalog-nav-collapsed .fxc-main.main-content{margin-left:24px}
}

/* deep-black-212: neutral black surfaces in the selected dark appearance only. */
html[data-fxc-mode=dark] body.fxc-app{
 --suite-bg:#080808;--suite-paper:#121212;--suite-soft:#0e0e0e;--suite-field:#0e0e0e;
 --suite-ink:#f2f2f2;--suite-muted:#a3a3a3;--suite-line:#292929;
 --suite-primary:#ededed;--suite-primary-hover:#fff;--suite-primary-ink:#080808;
}

/* choice-surfaces-230: one quiet selected surface for native option, method and tab controls. */
body.fxc-app{--suite-choice-fill:#edf7f0;--suite-choice-ink:#176344;--suite-choice-border:#79b896}
html[data-fxc-mode=dark] body.fxc-app{--suite-choice-fill:#173326;--suite-choice-ink:#c5eed9;--suite-choice-border:#3d7159}

/* Product and OS choices retain their own native sizing and real icons. */
body.fxc-app .fxc-configure .fxc-config-product-list .fxc-config-product-pill{background:var(--suite-paper)!important;border-color:var(--suite-line)!important;color:var(--suite-ink)!important;box-shadow:none!important}
body.fxc-app .fxc-configure .fxc-config-product-list .fxc-config-product-pill:is(.is-current,.is-active,[aria-current=true]){background:var(--suite-choice-fill)!important;border-color:var(--suite-choice-border)!important;color:var(--suite-choice-ink)!important}
body.fxc-app .fxc-configure .fxc-configure-native .fxc-config-os-tab{background:var(--suite-paper)!important;border-color:var(--suite-line)!important;color:var(--suite-ink)!important;box-shadow:none!important}
body.fxc-app .fxc-configure .fxc-configure-native .fxc-config-os-tab:is(.is-current,[aria-pressed=true]){background:var(--suite-choice-fill)!important;border-color:var(--suite-choice-border)!important;color:var(--suite-choice-ink)!important}
body.fxc-app .fxc-configure .fxc-configure-native .fxc-config-os-tab:hover:not(:disabled){border-color:var(--suite-choice-border)!important}

/* Login and registration methods use the original active tab and radio states. */
body.fxc-app.fxc-auth .fxc-auth-native .nav-tabs{padding:4px;gap:4px;border:1px solid var(--suite-line);border-radius:10px;background:var(--suite-soft)}
body.fxc-app.fxc-auth .fxc-auth-native .nav-tabs .nav-link{margin:0!important;border:1px solid transparent!important;border-radius:7px!important;background:transparent!important;color:var(--suite-muted)!important;box-shadow:none!important}
body.fxc-app.fxc-auth .fxc-auth-native .nav-tabs .nav-link:is(.active,[aria-selected=true]){background:var(--suite-choice-fill)!important;border-color:var(--suite-choice-border)!important;color:var(--suite-choice-ink)!important}
body.fxc-app.fxc-auth .fxc-auth-native .nav-tabs .nav-link:after{background:transparent!important}
body.fxc-app.fxc-checkout-page .fxc-checkout-native .fxc-checkout-channel>label.btn{border:1px solid transparent!important;background:transparent!important;color:var(--suite-muted)!important;box-shadow:none!important}
body.fxc-app.fxc-checkout-page .fxc-checkout-native .fxc-checkout-channel>label.btn:is(.active,:has(>input:checked)){background:var(--suite-choice-fill)!important;border-color:var(--suite-choice-border)!important;color:var(--suite-choice-ink)!important}

/* Payment method tiles keep their native logos, credit values and selection cues. */
body.fxc-app .fxc-page-content .addfunds-payment,
body.fxc-app.fxc-checkout-page .fxc-checkout-native .fxc-checkout-payment,
body.fxc-app.fxc-checkout-page .fxc-checkout-native .checkboxDiv:has(>input.payment-checkbox[name=paymt]){background:var(--suite-paper)!important;border:1px solid var(--suite-line)!important;color:var(--suite-ink)!important;box-shadow:none!important}
body.fxc-app .fxc-page-content .addfunds-payment:is(.active,:has(>input[type=radio]:checked)),
body.fxc-app.fxc-checkout-page .fxc-checkout-native .fxc-checkout-payment:is(.active,:has(>input[type=radio]:checked)),
body.fxc-app.fxc-checkout-page .fxc-checkout-native .checkboxDiv:has(>input.payment-checkbox[name=paymt]):is(.checkboxSelect,:has(>input:checked)){background:var(--suite-choice-fill)!important;border-color:var(--suite-choice-border)!important;color:var(--suite-choice-ink)!important;box-shadow:none!important}
body.fxc-app .fxc-page-content .addfunds-payment:hover,
body.fxc-app.fxc-checkout-page .fxc-checkout-native .fxc-checkout-payment:hover{border-color:var(--suite-choice-border)!important}
body.fxc-app.fxc-checkout-page .fxc-checkout-native .fxc-checkout-payment:is(.active,:has(>input[type=radio]:checked)) .fxc-checkout-payment-name{color:var(--suite-choice-ink)!important}
body.fxc-app.fxc-checkout-page .fxc-checkout-native .fxc-checkout-payment:is(.active,:has(>input[type=radio]:checked)) .fxc-checkout-payment-icon{background:var(--suite-choice-fill);color:var(--suite-choice-ink)}
body.fxc-app.fxc-checkout-page .fxc-checkout-native .fxc-checkout-payment:is(.active,:has(>input[type=radio]:checked)):after{border-color:var(--suite-choice-border);background:var(--suite-brand);color:#fff}

/* Customer-content tabs are separate from the main navigation and action buttons. */
body.fxc-app .fxc-page-content :is(.nav-tabs,.nav-pills){gap:6px}
body.fxc-app .fxc-page-content .nav-tabs{border-bottom:0}
body.fxc-app .fxc-page-content :is(.nav-tabs,.nav-pills) .nav-link{margin:0;border:1px solid transparent!important;border-radius:7px!important;background:transparent!important;color:var(--suite-muted)!important;box-shadow:none!important}
body.fxc-app .fxc-page-content :is(.nav-tabs,.nav-pills) .nav-link:is(.active,[aria-selected=true]){background:var(--suite-choice-fill)!important;border-color:var(--suite-choice-border)!important;color:var(--suite-choice-ink)!important}
body.fxc-app .fxc-page-content :is(.nav-tabs,.nav-pills) .nav-link:after{background:transparent!important}
body.fxc-app .fxc-page-content :is(.nav-tabs,.nav-pills) .nav-link:hover:not(.disabled){border-color:var(--suite-choice-border)!important}

/* Native radio-label groups outside the resource configurator keep their original dimensions. */
body.fxc-app:not(.fxc-configure-page) .fxc-page-content .btn-group-toggle>label.btn:has(>input[type=radio]){border:1px solid transparent!important;border-radius:7px!important;background:transparent!important;color:var(--suite-muted)!important;box-shadow:none!important}
body.fxc-app:not(.fxc-configure-page) .fxc-page-content .btn-group-toggle>label.btn:has(>input[type=radio]):is(.active,:has(>input:checked)){background:var(--suite-choice-fill)!important;border-color:var(--suite-choice-border)!important;color:var(--suite-choice-ink)!important}
body.fxc-app .fxc-choice:has(input:is([type=radio],[type=checkbox])){background:var(--suite-paper)!important;border-color:var(--suite-line)!important;color:var(--suite-ink)!important;box-shadow:none!important}
body.fxc-app .fxc-choice:has(input:is([type=radio],[type=checkbox]):checked){background:var(--suite-choice-fill)!important;border-color:var(--suite-choice-border)!important;color:var(--suite-choice-ink)!important}


/* Catalog category choices, command tabs and native page choices use the same selected surface. */
body.fxc-app.fxc-catalog-page .fxc-commerce-catalog .fxc-catalog-group.is-selected>summary{background:var(--suite-choice-fill)!important;border-color:var(--suite-choice-border)!important;color:var(--suite-choice-ink)!important;box-shadow:inset 0 0 0 1px var(--suite-choice-border)!important}
body.fxc-app.fxc-catalog-page .fxc-commerce-catalog .fxc-catalog-group.is-selected>summary :is(.fxc-icon,.fxc-catalog-caret){color:var(--suite-choice-ink)!important}
body.fxc-app.fxc-catalog-page .fxc-commerce-catalog .fxc-catalog-group.is-selected>summary .fxc-catalog-group-count{background:transparent!important;color:inherit!important}
body.fxc-app.fxc-catalog-page .fxc-commerce-catalog .fxc-catalog-subgroups>a[aria-current=page]{background:var(--suite-choice-fill)!important;border-left-color:var(--suite-choice-border)!important;color:var(--suite-choice-ink)!important}
body.fxc-app.fxc-catalog-page .fxc-commerce-catalog .fxc-catalog-guide-tabs button{border:1px solid transparent!important;border-radius:7px;background:transparent!important;color:var(--suite-muted)!important;box-shadow:none!important}
body.fxc-app.fxc-catalog-page .fxc-commerce-catalog .fxc-catalog-guide-tabs button[aria-selected=true]{background:var(--suite-choice-fill)!important;border-color:var(--suite-choice-border)!important;color:var(--suite-choice-ink)!important}
body.fxc-app .fxc-page-content .pagination .page-item.active>.page-link{background:var(--suite-choice-fill)!important;border-color:var(--suite-choice-border)!important;color:var(--suite-choice-ink)!important;box-shadow:none!important}


/* responsive-shell-231: keep the native tablet reset from placing content beneath the desktop sidebar. */
@media(min-width:761px) and (max-width:1199px){
 body.fxc-app:not(.fxc-auth):not(.fxc-catalog-page) .fxc-main.main-content{margin-left:222px!important}
 body.fxc-app:not(.fxc-auth):not(.fxc-catalog-page).fxc-config-nav-collapsed .fxc-main.main-content{margin-left:20px!important}
}
@media(min-width:761px) and (max-width:992px){
 body.fxc-app.fxc-configure-page .fxc-configure .fxc-configure-native .fxc-config-layout{grid-template-columns:minmax(0,1fr)!important}
 body.fxc-app.fxc-configure-page .fxc-configure .fxc-configure-native .fxc-config-summary{position:static!important;top:auto!important;grid-column:1/-1}
 body.fxc-app.fxc-configure-page .fxc-configure .fxc-config-footnote{margin-right:0!important}
}

/* sidebar-style-313: readable labels and a clear current-page marker. */
body.fxc-app:not(.fxc-auth) #fxc-sidebar {
  --sidebar-label: #515b66;
  --sidebar-hover: #f2f5f4;
  font-family: "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;
}

html[data-fxc-mode="dark"] body.fxc-app:not(.fxc-auth) #fxc-sidebar {
  --sidebar-label: #b6bac1;
  --sidebar-hover: #1d1e20;
}

body.fxc-app:not(.fxc-auth) #fxc-sidebar .fxc-sidebar-brand .fxc-brand {
  gap: 11px;
  font-family: inherit;
}

body.fxc-app:not(.fxc-auth) #fxc-sidebar .fxc-sidebar-brand .fxc-brand img {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  object-fit: contain;
}

body.fxc-app:not(.fxc-auth) #fxc-sidebar .fxc-sidebar-brand .fxc-brand strong {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: normal;
}

body.fxc-app:not(.fxc-auth) #fxc-sidebar .fxc-navigation :is(a, summary) {
  font-family: inherit;
  letter-spacing: normal;
}

body.fxc-app:not(.fxc-auth) #fxc-sidebar .fxc-navigation > a {
  gap: 11px;
  padding-inline: 12px;
  border-radius: 9px;
  color: var(--sidebar-label);
  font-size: 13px;
  line-height: 1.55;
}

body.fxc-app:not(.fxc-auth) #fxc-sidebar .fxc-navigation > a .fxc-icon {
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
}

body.fxc-app:not(.fxc-auth) #fxc-sidebar .fxc-navigation > a:hover {
  background: var(--sidebar-hover);
  color: var(--suite-ink);
}

body.fxc-app:not(.fxc-auth) #fxc-sidebar .fxc-navigation a[aria-current="page"] {
  position: relative;
  background: var(--suite-choice-fill) !important;
  color: var(--suite-choice-ink) !important;
  font-weight: 600;
}

body.fxc-app:not(.fxc-auth) #fxc-sidebar .fxc-navigation a[aria-current="page"]::before {
  position: absolute;
  inset-inline-start: 0;
  inset-block: 28%;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: var(--suite-choice-border);
  content: "";
}

body.fxc-app:not(.fxc-auth) #fxc-sidebar .fxc-sidebar-help {
  min-height: 42px;
  gap: 10px;
  padding: 8px 10px;
  border: 1px solid var(--suite-line);
  border-radius: 9px;
  background: var(--sidebar-hover);
  color: var(--sidebar-label) !important;
  font-family: inherit;
  font-size: 12px;
  line-height: 1.5;
}

body.fxc-app:not(.fxc-auth) #fxc-sidebar .fxc-sidebar-help :is(.fxc-icon, span[aria-hidden]) {
  color: var(--suite-link);
}

body.fxc-app:not(.fxc-auth) #fxc-sidebar .fxc-sidebar-help:hover {
  border-color: var(--suite-choice-border);
  background: var(--suite-choice-fill);
  color: var(--suite-choice-ink) !important;
}
