/*
 * SNS4LIKE White & Violet Theme 20260728
 * Primary brand color: #877efe
 * Presentation only: PHP, session, form, order and admin behavior are untouched.
 */

:root {
  --ssg-gold-900: #3f347b;
  --ssg-gold-800: #5749a4;
  --ssg-gold-700: #6e5dd0;
  --ssg-gold-600: #7868db;
  --ssg-gold-500: #877efe;
  --ssg-gold-400: #aaa2ff;
  --ssg-gold-300: #c8c3ff;
  --ssg-gold-200: #e0ddff;
  --ssg-gold-100: #f0eeff;
  --ssg-gold-050: #f8f7ff;
  --ssg-ink: #252238;
  --ssg-text: #48445d;
  --ssg-muted: #77728c;
  --ssg-line: #e7e5f0;
  --ssg-line-gold: #ddd8f4;
  --ssg-canvas: #f8f7fc;
  --ssg-surface: #ffffff;
  --ssg-success: #16815f;
  --ssg-warning: #a6650b;
  --ssg-danger: #d63b45;
}

body.ssakup-gold-user,
body.ssakup-gold-admin,
body.ssakup-gold-auth,
body.ssakup-gold-public {
  color: var(--ssg-text);
  background: var(--ssg-canvas) !important;
  color-scheme: light;
}

body.ssakup-gold-user *,
body.ssakup-gold-user *::before,
body.ssakup-gold-user *::after,
body.ssakup-gold-admin *,
body.ssakup-gold-admin *::before,
body.ssakup-gold-admin *::after,
body.ssakup-gold-auth *,
body.ssakup-gold-auth *::before,
body.ssakup-gold-auth *::after,
body.ssakup-gold-public *,
body.ssakup-gold-public *::before,
body.ssakup-gold-public *::after {
  box-shadow: none !important;
  text-shadow: none !important;
}

body.ssakup-gold-user a,
body.ssakup-gold-admin a,
body.ssakup-gold-auth a,
body.ssakup-gold-public a {
  color: var(--ssg-gold-800);
}

body.ssakup-gold-user a:hover,
body.ssakup-gold-admin a:hover,
body.ssakup-gold-auth a:hover,
body.ssakup-gold-public a:hover {
  color: var(--ssg-gold-900);
}

body.ssakup-gold-user .page,
body.ssakup-gold-user .page-main,
body.ssakup-gold-user .app-content,
body.ssakup-gold-admin .page,
body.ssakup-gold-admin .page-main,
body.ssakup-gold-admin .app-content {
  background: var(--ssg-canvas) !important;
}

body.ssakup-gold-user .card,
body.ssakup-gold-admin .card,
body.ssakup-gold-auth .card,
body.ssakup-gold-user .modal-content,
body.ssakup-gold-admin .modal-content,
body.ssakup-gold-auth .modal-content,
body.ssakup-gold-user .dropdown-menu,
body.ssakup-gold-admin .dropdown-menu {
  background: var(--ssg-surface) !important;
  border-color: var(--ssg-line) !important;
}

body.ssakup-gold-user .form-control,
body.ssakup-gold-user .custom-select,
body.ssakup-gold-admin .form-control,
body.ssakup-gold-admin .custom-select,
body.ssakup-gold-auth .form-control {
  color: var(--ssg-ink) !important;
  background-color: var(--ssg-surface) !important;
  border-color: #dcd9ea !important;
}

body.ssakup-gold-user .form-control:focus,
body.ssakup-gold-user .custom-select:focus,
body.ssakup-gold-admin .form-control:focus,
body.ssakup-gold-admin .custom-select:focus,
body.ssakup-gold-auth .form-control:focus {
  border-color: var(--ssg-gold-500) !important;
  outline: 3px solid rgba(135, 126, 254, 0.15) !important;
  outline-offset: 1px !important;
}

body.ssakup-gold-user .btn-primary,
body.ssakup-gold-user .btn-info,
body.ssakup-gold-admin .btn-primary,
body.ssakup-gold-admin .btn-info,
body.ssakup-gold-auth .btn-primary,
body.ssakup-gold-public .btn-primary {
  color: #ffffff !important;
  background: var(--ssg-gold-700) !important;
  border-color: var(--ssg-gold-700) !important;
}

body.ssakup-gold-user .btn-primary:hover,
body.ssakup-gold-user .btn-info:hover,
body.ssakup-gold-admin .btn-primary:hover,
body.ssakup-gold-admin .btn-info:hover,
body.ssakup-gold-auth .btn-primary:hover,
body.ssakup-gold-public .btn-primary:hover {
  color: #ffffff !important;
  background: var(--ssg-gold-900) !important;
  border-color: var(--ssg-gold-900) !important;
}

body.ssakup-gold-user .btn-outline-primary,
body.ssakup-gold-admin .btn-outline-primary {
  color: var(--ssg-gold-800) !important;
  background: #ffffff !important;
  border-color: var(--ssg-gold-400) !important;
}

body.ssakup-gold-user .btn-outline-primary:hover,
body.ssakup-gold-admin .btn-outline-primary:hover {
  color: var(--ssg-gold-900) !important;
  background: var(--ssg-gold-050) !important;
  border-color: var(--ssg-gold-600) !important;
}

body.ssakup-gold-user .badge-primary,
body.ssakup-gold-user .badge-info,
body.ssakup-gold-admin .badge-primary,
body.ssakup-gold-admin .badge-info {
  color: var(--ssg-gold-800) !important;
  background: var(--ssg-gold-100) !important;
  border-color: var(--ssg-gold-300) !important;
}

body.ssakup-gold-user .custom-control-input:checked ~ .custom-control-label::before,
body.ssakup-gold-admin .custom-control-input:checked ~ .custom-control-label::before,
body.ssakup-gold-auth .custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--ssg-gold-700) !important;
  border-color: var(--ssg-gold-700) !important;
}

body.ssakup-gold-user input[type="checkbox"],
body.ssakup-gold-user input[type="radio"],
body.ssakup-gold-admin input[type="checkbox"],
body.ssakup-gold-admin input[type="radio"],
body.ssakup-gold-auth input[type="checkbox"],
body.ssakup-gold-auth input[type="radio"] {
  accent-color: var(--ssg-gold-700);
}

body.ssakup-gold-user .pagination .page-item.active .page-link,
body.ssakup-gold-admin .pagination .page-item.active .page-link {
  color: #ffffff !important;
  background: var(--ssg-gold-700) !important;
  border-color: var(--ssg-gold-700) !important;
}

body.ssakup-gold-user .pagination .page-link,
body.ssakup-gold-admin .pagination .page-link {
  color: var(--ssg-gold-800) !important;
  border-color: var(--ssg-line) !important;
}

body.ssakup-gold-user .table th,
body.ssakup-gold-admin .table th {
  color: #514d63 !important;
  background: #f8f7fc !important;
  border-color: var(--ssg-line) !important;
}

body.ssakup-gold-user .table td,
body.ssakup-gold-admin .table td {
  border-color: #eceaf3 !important;
}

body.ssakup-gold-user .nav-tabs .nav-link.active,
body.ssakup-gold-admin .nav-tabs .nav-link.active {
  color: var(--ssg-gold-900) !important;
  border-color: transparent transparent var(--ssg-gold-600) !important;
}

/* User shell, sidebar and mobile header */
html body.ssakup-gold-user.sns-hybrid-user-layout-20260601,
html body.ssakup-gold-user.sns-hybrid-user-layout-20260601 .sns-hybrid-shell-20260601,
html body.ssakup-gold-user.sns-hybrid-user-layout-20260601 .sns-hybrid-app-content-20260601 {
  background: var(--ssg-canvas) !important;
}

html body.ssakup-gold-user #aside#aside,
html body.ssakup-gold-user .navbar-side.navbar-side {
  background: #ffffff !important;
  border-right-color: var(--ssg-line-gold) !important;
}

html body.ssakup-gold-user #aside#aside .mobile-logo,
html body.ssakup-gold-user .navbar-side.navbar-side .mobile-logo {
  border-bottom-color: #edeaf7 !important;
}

html body.ssakup-gold-user #aside#aside .sidebar-user-box,
html body.ssakup-gold-user .navbar-side.navbar-side .sidebar-user-box {
  background: #ffffff !important;
  border-color: var(--ssg-line-gold) !important;
}

html body.ssakup-gold-user #aside#aside .sidebar-balance-wrap {
  background: var(--ssg-gold-050) !important;
  border-color: var(--ssg-gold-200) !important;
}

html body.ssakup-gold-user #aside#aside .sidebar-balance-amount,
html body.ssakup-gold-user .top-balance-amount,
html body.ssakup-gold-user .top-balance-amount span {
  color: var(--ssg-gold-800) !important;
  -webkit-text-fill-color: var(--ssg-gold-800) !important;
}

html body.ssakup-gold-user #aside#aside .sidebar-btn-primary,
html body.ssakup-gold-user .guest-signup-btn,
html body.ssakup-gold-user .m-charge-btn {
  color: #ffffff !important;
  background: var(--ssg-gold-700) !important;
  border-color: var(--ssg-gold-700) !important;
}

html body.ssakup-gold-user #aside#aside .sidebar-btn-primary:hover,
html body.ssakup-gold-user .guest-signup-btn:hover,
html body.ssakup-gold-user .m-charge-btn:hover {
  color: #ffffff !important;
  background: var(--ssg-gold-900) !important;
}

html body.ssakup-gold-user #aside#aside .sidebar-btn-light,
html body.ssakup-gold-user .guest-login-btn {
  color: var(--ssg-text) !important;
  background: #ffffff !important;
  border-color: var(--ssg-line-gold) !important;
}

html body.ssakup-gold-user #aside#aside .navbar-nav .nav-link:hover {
  color: var(--ssg-gold-800) !important;
  background: var(--ssg-gold-050) !important;
}

html body.ssakup-gold-user #aside#aside .navbar-nav .nav-link.active {
  color: var(--ssg-gold-900) !important;
  background: var(--ssg-gold-100) !important;
  border-color: var(--ssg-gold-200) !important;
}

html body.ssakup-gold-user #aside#aside .navbar-nav .nav-link.active::before {
  background: var(--ssg-gold-600) !important;
}

html body.ssakup-gold-user #aside#aside .navbar-nav .nav-link:hover .nav-icon,
html body.ssakup-gold-user #aside#aside .navbar-nav .nav-link.active .nav-icon {
  color: var(--ssg-gold-800) !important;
  background: rgba(135, 126, 254, 0.13) !important;
}

html body.ssakup-gold-user .sns-mobile-horizontal-header-20260601 .header,
html body.ssakup-gold-user .sns-mobile-horizontal-header-20260601 .header.top {
  background: #ffffff !important;
  border-bottom-color: var(--ssg-line-gold) !important;
}

html body.ssakup-gold-user .header .dropdown-item:hover {
  color: var(--ssg-gold-800) !important;
  background: var(--ssg-gold-050) !important;
}

/* Guest login and sign-up modals */
html body.ssakup-gold-user #loginPopupModal#loginPopupModal .modal-content,
html body.ssakup-gold-user #signupPopupModal#signupPopupModal .modal-content,
html body.ssakup-gold-user #snsEmailLoginChangedModal#snsEmailLoginChangedModal .modal-content {
  background: #ffffff !important;
  border: 1px solid var(--ssg-line-gold) !important;
  border-radius: 8px !important;
}

html body.ssakup-gold-user #loginPopupModal#loginPopupModal .brand-title span,
html body.ssakup-gold-user #signupPopupModal#signupPopupModal .brand-title span,
html body.ssakup-gold-user #loginPopupModal#loginPopupModal .bottom-gray-box span,
html body.ssakup-gold-user #signupPopupModal#signupPopupModal .bottom-gray-box span,
html body.ssakup-gold-user #loginPopupModal#loginPopupModal a,
html body.ssakup-gold-user #signupPopupModal#signupPopupModal a {
  color: var(--ssg-gold-800) !important;
}

html body.ssakup-gold-user #loginPopupModal#loginPopupModal .gray-input,
html body.ssakup-gold-user #signupPopupModal#signupPopupModal .gray-input,
html body.ssakup-gold-user #snsEmailLoginChangedModal#snsEmailLoginChangedModal .gray-input {
  color: var(--ssg-ink) !important;
  background: #faf9ff !important;
  border-color: #e1deed !important;
}

html body.ssakup-gold-user #loginPopupModal#loginPopupModal .input-icon-wrap:focus-within .gray-input,
html body.ssakup-gold-user #signupPopupModal#signupPopupModal .input-icon-wrap:focus-within .gray-input {
  background: #ffffff !important;
  border-color: var(--ssg-gold-500) !important;
  outline: 3px solid rgba(135, 126, 254, 0.14) !important;
}

html body.ssakup-gold-user #loginPopupModal#loginPopupModal .input-icon-wrap:focus-within i,
html body.ssakup-gold-user #signupPopupModal#signupPopupModal .input-icon-wrap:focus-within i {
  color: var(--ssg-gold-700) !important;
}

html body.ssakup-gold-user #loginPopupModal#loginPopupModal .btn-primary-action,
html body.ssakup-gold-user #signupPopupModal#signupPopupModal .btn-primary-action,
html body.ssakup-gold-user #snsEmailLoginChangedModal#snsEmailLoginChangedModal .btn-primary-action {
  color: #ffffff !important;
  background: var(--ssg-gold-700) !important;
  border-color: var(--ssg-gold-700) !important;
  border-radius: 8px !important;
}

html body.ssakup-gold-user #loginPopupModal#loginPopupModal .btn-primary-action:hover,
html body.ssakup-gold-user #signupPopupModal#signupPopupModal .btn-primary-action:hover {
  background: var(--ssg-gold-900) !important;
}

html body.ssakup-gold-user #loginPopupModal#loginPopupModal .bottom-gray-box,
html body.ssakup-gold-user #signupPopupModal#signupPopupModal .bottom-gray-box {
  background: var(--ssg-gold-050) !important;
  border-color: var(--ssg-gold-200) !important;
}

/* Order page */
html body.ssakup-gold-user .order-page-wrapper {
  --snspop-primary: var(--ssg-gold-700) !important;
  --snspop-primary-dark: var(--ssg-gold-900) !important;
  --snspop-primary-soft: var(--ssg-gold-100) !important;
  --snspop-primary-line: var(--ssg-gold-300) !important;
  --snspop-primary-glow: rgba(135, 126, 254, 0.16) !important;
  --ssakup-red: var(--ssg-gold-700) !important;
  --ssakup-red-dark: var(--ssg-gold-900) !important;
  --ssakup-red-deep: var(--ssg-gold-900) !important;
  --ssakup-rose: var(--ssg-gold-500) !important;
  --ssakup-amber: var(--ssg-gold-600) !important;
  --ssakup-soft: var(--ssg-gold-100) !important;
  --ssakup-soft-2: var(--ssg-gold-050) !important;
  --ssakup-line: var(--ssg-gold-300) !important;
  --ssakup-line-2: var(--ssg-gold-400) !important;
  --ssakup-ui-red: var(--ssg-gold-700) !important;
  --ssakup-ui-red-dark: var(--ssg-gold-900) !important;
  --ssakup-ui-red-soft: var(--ssg-gold-100) !important;
  --ssakup-ui-text: var(--ssg-ink) !important;
  --ssakup-ui-muted: var(--ssg-muted) !important;
  --ssakup-ui-line: var(--ssg-line) !important;
  --ssakup-ui-soft: var(--ssg-canvas) !important;
  color: var(--ssg-text) !important;
  background: var(--ssg-canvas) !important;
}

html body.ssakup-gold-user .order-page-wrapper .modern-title-wrapper h1.snspop-main-h1 i,
html body.ssakup-gold-user .order-page-wrapper .snspop-order-desc strong,
html body.ssakup-gold-user .order-page-wrapper .snspop-search-label > span i,
html body.ssakup-gold-user .order-page-wrapper .search-icon-abs,
html body.ssakup-gold-user .order-page-wrapper .link-input-icon,
html body.ssakup-gold-user .order-page-wrapper .section-main-title i,
html body.ssakup-gold-user .order-page-wrapper .app-form-header h5 i,
html body.ssakup-gold-user .order-page-wrapper .faq-header i,
html body.ssakup-gold-user .order-page-wrapper .qty-badge-wrap span.num,
html body.ssakup-gold-user .order-page-wrapper .modern-charge-number.active,
html body.ssakup-gold-user .order-page-wrapper .cs-amount-main.active,
html body.ssakup-gold-user .order-page-wrapper .snspop-svc-item-price,
html body.ssakup-gold-user .order-page-wrapper .search-item-cat {
  color: var(--ssg-gold-800) !important;
  -webkit-text-fill-color: var(--ssg-gold-800) !important;
}

html body.ssakup-gold-user .order-page-wrapper .order-card-wrapper,
html body.ssakup-gold-user .order-page-wrapper .snspop-browser-box,
html body.ssakup-gold-user .order-page-wrapper .service-desc-box,
html body.ssakup-gold-user .order-page-wrapper .app-style-form-wrapper,
html body.ssakup-gold-user .order-page-wrapper .smart-warning-box,
html body.ssakup-gold-user .order-page-wrapper .checkout-summary-box,
html body.ssakup-gold-user .order-page-wrapper .faq-section,
html body.ssakup-gold-user .order-page-wrapper .curation-card,
html body.ssakup-gold-user .order-page-wrapper .metric-card,
html body.ssakup-gold-user .order-page-wrapper .effect-card,
html body.ssakup-gold-user .order-page-wrapper .review-card {
  background: #ffffff !important;
  border-color: var(--ssg-line-gold) !important;
}

html body.ssakup-gold-user .order-page-wrapper .snspop-browser-header,
html body.ssakup-gold-user .order-page-wrapper .snspop-browser-breadcrumb,
html body.ssakup-gold-user .order-page-wrapper .service-desc-box,
html body.ssakup-gold-user .order-page-wrapper .smart-warning-box,
html body.ssakup-gold-user .order-page-wrapper .review-body {
  background: var(--ssg-gold-050) !important;
}

html body.ssakup-gold-user .order-page-wrapper .snspop-section-step,
html body.ssakup-gold-user .order-page-wrapper .snspop-browser-step,
html body.ssakup-gold-user .order-page-wrapper .step-text-num {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: var(--ssg-gold-700) !important;
  border-color: var(--ssg-gold-700) !important;
}

html body.ssakup-gold-user .order-page-wrapper .platform-icon-img,
html body.ssakup-gold-user .order-page-wrapper .platform-code-icon,
html.sns-kakao-inapp body.ssakup-gold-user .order-page-wrapper .platform-icon-img,
html.sns-kakao-inapp body.ssakup-gold-user .order-page-wrapper .platform-code-icon {
  background: transparent !important;
  border-color: transparent !important;
}

html body.ssakup-gold-user .order-page-wrapper .platform-btn:hover .platform-icon-img,
html body.ssakup-gold-user .order-page-wrapper .platform-btn:hover .platform-code-icon,
html body.ssakup-gold-user .order-page-wrapper .platform-btn:focus-visible .platform-icon-img,
html body.ssakup-gold-user .order-page-wrapper .platform-btn:focus-visible .platform-code-icon {
  background: transparent !important;
  border-color: var(--ssg-gold-300) !important;
}

html body.ssakup-gold-user .order-page-wrapper .platform-btn.active .platform-icon-img,
html body.ssakup-gold-user .order-page-wrapper .platform-btn.active .platform-code-icon,
html.sns-kakao-inapp body.ssakup-gold-user .order-page-wrapper .platform-btn.active .platform-icon-img,
html.sns-kakao-inapp body.ssakup-gold-user .order-page-wrapper .platform-btn.active .platform-code-icon {
  background: transparent !important;
  border-color: var(--ssg-gold-700) !important;
}

html body.ssakup-gold-user .order-page-wrapper .platform-btn.active span:not(.sns-hot-badge) {
  color: var(--ssg-gold-900) !important;
  -webkit-text-fill-color: var(--ssg-gold-900) !important;
}

html body.ssakup-gold-user .order-page-wrapper .sns-hot-badge,
html body.ssakup-gold-user .order-page-wrapper .sns-curation-badge,
html body.ssakup-gold-user .order-page-wrapper .ai-free-badge {
  color: #ffffff !important;
  background: var(--ssg-gold-700) !important;
  border-color: #ffffff !important;
}

html body.ssakup-gold-user .order-page-wrapper .service-search-input:focus,
html body.ssakup-gold-user .order-page-wrapper .form-control.square:focus,
html body.ssakup-gold-user .order-page-wrapper .app-input-field:focus,
html body.ssakup-gold-user .order-page-wrapper .custom-select-wrapper.open .custom-select-trigger,
html body.ssakup-gold-user .order-page-wrapper .sns-local-select-wrapper-20260601.open .sns-local-select-trigger-20260601 {
  border-color: var(--ssg-gold-500) !important;
  outline: 3px solid rgba(135, 126, 254, 0.14) !important;
}

html body.ssakup-gold-user .order-page-wrapper .search-item:hover,
html body.ssakup-gold-user .order-page-wrapper .search-item:focus-visible,
html body.ssakup-gold-user .order-page-wrapper .snspop-cat-item:hover,
html body.ssakup-gold-user .order-page-wrapper .snspop-svc-item:hover {
  color: var(--ssg-gold-900) !important;
  background: var(--ssg-gold-050) !important;
  outline-color: var(--ssg-gold-300) !important;
}

html body.ssakup-gold-user .order-page-wrapper .snspop-cat-item.active,
html body.ssakup-gold-user .order-page-wrapper .snspop-svc-item.active {
  color: var(--ssg-gold-900) !important;
  background: var(--ssg-gold-100) !important;
  border-left-color: var(--ssg-gold-600) !important;
}

html body.ssakup-gold-user .order-page-wrapper .snspop-svc-item.active .snspop-svc-item-name {
  color: var(--ssg-gold-900) !important;
}

html body.ssakup-gold-user .order-page-wrapper .smart-warning-box {
  border-left-color: var(--ssg-gold-600) !important;
}

html body.ssakup-gold-user .order-page-wrapper .app-style-form-wrapper::before,
html body.ssakup-gold-user .order-page-wrapper .mobile-ui-card::before {
  background: var(--ssg-gold-600) !important;
}

html body.ssakup-gold-user .order-page-wrapper .slim-order-btn,
html body.ssakup-gold-user .order-page-wrapper .slim-order-btn.ready,
html body.ssakup-gold-user .order-page-wrapper .btn-receipt-close,
html body.ssakup-gold-user .order-page-wrapper .scanner-btn,
html body.ssakup-gold-user #sns-fullscreen-scanner .scanner-btn {
  color: #ffffff !important;
  background: var(--ssg-gold-700) !important;
  border-color: var(--ssg-gold-700) !important;
}

html body.ssakup-gold-user .order-page-wrapper .slim-order-btn:hover,
html body.ssakup-gold-user .order-page-wrapper .slim-order-btn:focus-visible {
  background: var(--ssg-gold-900) !important;
  outline-color: rgba(135, 126, 254, 0.18) !important;
}

html body.ssakup-gold-user .order-page-wrapper .cs-charge-btn,
html body.ssakup-gold-user .order-page-wrapper .view-policy-btn,
html body.ssakup-gold-user .order-page-wrapper .quick-chip:hover,
html body.ssakup-gold-user .order-page-wrapper .curation-card.active .text,
html body.ssakup-gold-user .order-page-wrapper .curation-card.active .curation-check {
  color: var(--ssg-gold-900) !important;
  -webkit-text-fill-color: var(--ssg-gold-900) !important;
  background: var(--ssg-gold-100) !important;
  border-color: var(--ssg-gold-300) !important;
}

html body.ssakup-gold-user .order-page-wrapper .policy-agree-wrap strong,
html body.ssakup-gold-user .order-page-wrapper #link_guide_text,
html body.ssakup-gold-user .order-page-wrapper #blog_calc_result {
  color: var(--ssg-gold-800) !important;
}

html body.ssakup-gold-user .order-page-wrapper #blog_calc_result {
  background: var(--ssg-gold-050) !important;
  border-color: var(--ssg-gold-300) !important;
}

/* Add funds */
html body.ssakup-gold-user .add-funds-wrapper {
  --ssakup-red: var(--ssg-gold-700) !important;
  --ssakup-red-dark: var(--ssg-gold-900) !important;
  --ssakup-red-deep: var(--ssg-gold-900) !important;
  --ssakup-soft: var(--ssg-gold-100) !important;
  --ssakup-soft-2: var(--ssg-gold-050) !important;
  --ssakup-line: var(--ssg-gold-300) !important;
}

html body.ssakup-gold-user .add-funds-wrapper,
html body.ssakup-gold-user .add-funds-wrapper ~ .sticky-checkout-bar {
  color: var(--ssg-text) !important;
}

html body.ssakup-gold-user .premium-bonus-banner,
html body.ssakup-gold-user .app-card,
html body.ssakup-gold-user .funds-history-card,
html body.ssakup-gold-user .payment-method-card,
html body.ssakup-gold-user .pm-modal-content {
  background: #ffffff !important;
  border-color: var(--ssg-line-gold) !important;
}

html body.ssakup-gold-user .premium-bonus-banner::after {
  display: none !important;
}

html body.ssakup-gold-user .banner-title,
html body.ssakup-gold-user .banner-title i,
html body.ssakup-gold-user .modern-title-area h1 i,
html body.ssakup-gold-user .modern-title-area p strong,
html body.ssakup-gold-user .funds-history-title i,
html body.ssakup-gold-user .balance-preview .val.active,
html body.ssakup-gold-user .chk-info .val.active,
html body.ssakup-gold-user .pm-desc strong,
html body.ssakup-gold-user .pm-info-box p strong {
  color: var(--ssg-gold-800) !important;
  -webkit-text-fill-color: var(--ssg-gold-800) !important;
}

html body.ssakup-gold-user .b-item,
html body.ssakup-gold-user .bonus-badge,
html body.ssakup-gold-user .funds-history-icon,
html body.ssakup-gold-user .funds-history-empty .empty-icon,
html body.ssakup-gold-user .pm-info-box {
  color: var(--ssg-gold-900) !important;
  background: var(--ssg-gold-100) !important;
  border-color: var(--ssg-gold-300) !important;
}

html body.ssakup-gold-user .b-item .tag {
  color: var(--ssg-gold-800) !important;
  background: #ffffff !important;
}

html body.ssakup-gold-user .card-header-flex .step-num,
html body.ssakup-gold-user .btn-submit-checkout.ready,
html body.ssakup-gold-user .pm-btn-close {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: var(--ssg-gold-700) !important;
  border-color: var(--ssg-gold-700) !important;
}

html body.ssakup-gold-user .giant-amount-wrap:focus-within,
html body.ssakup-gold-user .standard-input:focus {
  border-color: var(--ssg-gold-500) !important;
  outline: 3px solid rgba(135, 126, 254, 0.14) !important;
}

html body.ssakup-gold-user .btn-quick-amt:hover,
html body.ssakup-gold-user .btn-quick-amt:focus-visible {
  color: var(--ssg-gold-900) !important;
  background: var(--ssg-gold-050) !important;
  border-color: var(--ssg-gold-400) !important;
}

html body.ssakup-gold-user .balance-preview,
html body.ssakup-gold-user .ox-notice,
html body.ssakup-gold-user .funds-history-guide-20260601 {
  background: var(--ssg-gold-050) !important;
  border-color: var(--ssg-gold-200) !important;
}

html body.ssakup-gold-user .sticky-checkout-bar {
  background: rgba(255, 255, 255, 0.98) !important;
  border-color: var(--ssg-line-gold) !important;
}

/* Order history and transactions */
html body.ssakup-gold-user .modern-header-layout,
html body.ssakup-gold-user .modern-order-card,
html body.ssakup-gold-user .mobile-ui-card {
  --ssakup-red: var(--ssg-gold-700) !important;
  --ssakup-red-dark: var(--ssg-gold-900) !important;
  --ssakup-soft: var(--ssg-gold-100) !important;
  --ssakup-soft-2: var(--ssg-gold-050) !important;
  --ssakup-line: var(--ssg-gold-300) !important;
}

html body.ssakup-gold-user .modern-order-card,
html body.ssakup-gold-user .mobile-ui-card,
html body.ssakup-gold-user .modern-modal .modal-content {
  background: #ffffff !important;
  border-color: var(--ssg-line-gold) !important;
}

html body.ssakup-gold-user .modern-page-title i,
html body.ssakup-gold-user .m-blue,
html body.ssakup-gold-user .detail-value-2026 a,
html body.ssakup-gold-user .sns-form-label-20260601 {
  color: var(--ssg-gold-800) !important;
  -webkit-text-fill-color: var(--ssg-gold-800) !important;
}

html body.ssakup-gold-user .add-new-btn,
html body.ssakup-gold-user .modern-empty-btn,
html body.ssakup-gold-user .m-link-actions .btn-primary,
html body.ssakup-gold-user .modern-detail-copy-btn-20260601,
html body.ssakup-gold-user .order-title-icon-2026 {
  color: #ffffff !important;
  background: var(--ssg-gold-700) !important;
  border-color: var(--ssg-gold-700) !important;
}

html body.ssakup-gold-user .m-detail-btn,
html body.ssakup-gold-user .detail-platform-2026,
html body.ssakup-gold-user .modern-order-card .badge-info,
html body.ssakup-gold-user .modern-order-card .badge-primary {
  color: var(--ssg-gold-900) !important;
  background: var(--ssg-gold-100) !important;
  border-color: var(--ssg-gold-300) !important;
}

html body.ssakup-gold-user .modern-search .input-group:focus-within {
  border-color: var(--ssg-gold-500) !important;
  outline: 3px solid rgba(135, 126, 254, 0.14) !important;
}

html body.ssakup-gold-user .modern-order-card .card-table th,
html body.ssakup-gold-user .m-gray-box,
html body.ssakup-gold-user .detail-view-box {
  background: #f8f7fc !important;
  border-color: var(--ssg-line) !important;
}

/* Admin shell */
body.ssakup-gold-admin {
  --admin-blue: var(--ssg-gold-700);
  --admin-text: var(--ssg-ink);
  --admin-sub: var(--ssg-muted);
}

html body.ssakup-gold-admin #aside#aside {
  background: #ffffff !important;
  border-right-color: var(--ssg-line-gold) !important;
}

html body.ssakup-gold-admin #aside#aside .mobile-logo,
html body.ssakup-gold-admin #aside#aside > .navbar-nav:last-child {
  background: #ffffff !important;
  border-color: #edeaf7 !important;
}

html body.ssakup-gold-admin #aside#aside .navbar-nav .nav-link:hover {
  color: var(--ssg-gold-800) !important;
  background: var(--ssg-gold-050) !important;
}

html body.ssakup-gold-admin #aside#aside .navbar-nav .nav-link.active {
  color: var(--ssg-gold-900) !important;
  background: var(--ssg-gold-100) !important;
}

html body.ssakup-gold-admin #aside#aside .navbar-nav .nav-link.active::before {
  background: var(--ssg-gold-600) !important;
}

html body.ssakup-gold-admin #aside#aside .navbar-nav .nav-link:hover .nav-icon,
html body.ssakup-gold-admin #aside#aside .navbar-nav .nav-link.active .nav-icon {
  color: var(--ssg-gold-800) !important;
  background: rgba(135, 126, 254, 0.13) !important;
}

html body.ssakup-gold-admin .admin-topbar-2026,
html body.ssakup-gold-admin .header.top {
  background: rgba(255, 255, 255, 0.98) !important;
  border-bottom-color: var(--ssg-line-gold) !important;
}

html body.ssakup-gold-admin .admin-mobile-menu-2026:hover,
html body.ssakup-gold-admin .admin-topbar-icon-btn-2026:hover,
html body.ssakup-gold-admin .admin-profile-toggle-2026:hover {
  color: var(--ssg-gold-800) !important;
  background: var(--ssg-gold-050) !important;
  border-color: var(--ssg-gold-300) !important;
}

html body.ssakup-gold-admin .admin-profile-avatar-2026 {
  color: #ffffff !important;
  background: var(--ssg-gold-700) !important;
}

html body.ssakup-gold-admin .admin-profile-menu-2026 {
  border-color: var(--ssg-line-gold) !important;
}

html body.ssakup-gold-admin .page-header .page-title,
html body.ssakup-gold-admin .card-title {
  color: var(--ssg-ink) !important;
}

html body.ssakup-gold-admin .text-primary,
html body.ssakup-gold-admin .text-info {
  color: var(--ssg-gold-800) !important;
}

html body.ssakup-gold-admin .bg-primary,
html body.ssakup-gold-admin .bg-info,
html body.ssakup-gold-admin .progress-bar {
  background-color: var(--ssg-gold-700) !important;
}

html body.ssakup-gold-admin .selectize-input.focus,
html body.ssakup-gold-admin .selectize-control.single .selectize-input.input-active {
  border-color: var(--ssg-gold-500) !important;
  outline: 3px solid rgba(135, 126, 254, 0.14) !important;
}

/* Standalone login and registration */
body.ssakup-gold-auth .login-bg-image {
  display: none !important;
}

body.ssakup-gold-auth .page.auth-login-form {
  min-height: 100vh;
  background: var(--ssg-canvas) !important;
}

body.ssakup-gold-auth .auth-form {
  min-height: 100vh;
}

body.ssakup-gold-auth .app-auth-card,
body.ssakup-gold-auth .auth-form > form.card,
body.ssakup-gold-auth .col-login > form.card {
  background: #ffffff !important;
  border: 1px solid var(--ssg-line-gold) !important;
  border-radius: 8px !important;
}

body.ssakup-gold-auth .app-auth-title,
body.ssakup-gold-auth .card-title h5 {
  color: var(--ssg-ink) !important;
}

body.ssakup-gold-auth .app-input,
body.ssakup-gold-auth .input-icon .form-control {
  color: var(--ssg-ink) !important;
  background: #faf9ff !important;
  border-color: #e1deed !important;
  border-radius: 8px !important;
}

body.ssakup-gold-auth .app-input:focus,
body.ssakup-gold-auth .input-icon .form-control:focus {
  background: #ffffff !important;
  border-color: var(--ssg-gold-500) !important;
  outline: 3px solid rgba(135, 126, 254, 0.14) !important;
}

body.ssakup-gold-auth .input-icon-addon,
body.ssakup-gold-auth .app-forgot-link:hover,
body.ssakup-gold-auth .app-auth-footer a,
body.ssakup-gold-auth .text-muted a {
  color: var(--ssg-gold-800) !important;
}

body.ssakup-gold-auth .app-btn-submit {
  color: #ffffff !important;
  background: var(--ssg-gold-700) !important;
  border-color: var(--ssg-gold-700) !important;
  border-radius: 8px !important;
}

body.ssakup-gold-auth .app-btn-submit:hover {
  background: var(--ssg-gold-900) !important;
  transform: none !important;
}

body.ssakup-gold-auth .jq-toast-single,
body.ssakup-gold-user .jq-toast-single,
body.ssakup-gold-admin .jq-toast-single {
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

body.ssakup-gold-auth .jq-toast-loader,
body.ssakup-gold-user .jq-toast-loader,
body.ssakup-gold-admin .jq-toast-loader {
  background-color: var(--ssg-gold-500) !important;
}

/* Public pages */
body.ssakup-gold-public #headerNav,
body.ssakup-gold-public .header {
  background: #ffffff !important;
  border-bottom-color: var(--ssg-line-gold) !important;
}

body.ssakup-gold-public .btn-primary,
body.ssakup-gold-public .page-item.active .page-link {
  color: #ffffff !important;
  background: var(--ssg-gold-700) !important;
  border-color: var(--ssg-gold-700) !important;
}

body.ssakup-gold-public .text-primary,
body.ssakup-gold-public .nav-link.active {
  color: var(--ssg-gold-800) !important;
}

@media (max-width: 767.98px) {
  body.ssakup-gold-auth .auth-form {
    padding: 20px 14px !important;
  }

  body.ssakup-gold-auth .app-auth-card,
  body.ssakup-gold-auth .auth-form > form.card,
  body.ssakup-gold-auth .col-login > form.card {
    padding: 30px 20px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.ssakup-gold-user *,
  body.ssakup-gold-admin *,
  body.ssakup-gold-auth *,
  body.ssakup-gold-public * {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/*
 * Final visual reset
 * Several legacy views append inline styles after the layout head. The :is()
 * specificity keeps this presentation-only layer authoritative without
 * changing their markup, events or PHP flow.
 */
html body.ssakup-gold-user :is(#ssg-visual-reset#ssg-visual-reset, *),
html body.ssakup-gold-admin :is(#ssg-visual-reset#ssg-visual-reset, *),
html body.ssakup-gold-auth :is(#ssg-visual-reset#ssg-visual-reset, *),
html body.ssakup-gold-public :is(#ssg-visual-reset#ssg-visual-reset, *) {
  box-shadow: none !important;
  text-shadow: none !important;
  letter-spacing: 0 !important;
}

html body.ssakup-gold-user :is(#ssg-visual-reset#ssg-visual-reset, *)::before,
html body.ssakup-gold-user :is(#ssg-visual-reset#ssg-visual-reset, *)::after,
html body.ssakup-gold-admin :is(#ssg-visual-reset#ssg-visual-reset, *)::before,
html body.ssakup-gold-admin :is(#ssg-visual-reset#ssg-visual-reset, *)::after,
html body.ssakup-gold-auth :is(#ssg-visual-reset#ssg-visual-reset, *)::before,
html body.ssakup-gold-auth :is(#ssg-visual-reset#ssg-visual-reset, *)::after,
html body.ssakup-gold-public :is(#ssg-visual-reset#ssg-visual-reset, *)::before,
html body.ssakup-gold-public :is(#ssg-visual-reset#ssg-visual-reset, *)::after {
  box-shadow: none !important;
  text-shadow: none !important;
  letter-spacing: 0 !important;
}

/* Remaining user-shell accents */
html body.ssakup-gold-user #aside#aside .sns-sidebar-ai-link {
  color: var(--ssg-gold-900) !important;
  background: var(--ssg-gold-050) !important;
  border-color: var(--ssg-gold-200) !important;
}

html body.ssakup-gold-user #aside#aside .sns-sidebar-ai-link .nav-icon,
html body.ssakup-gold-user #aside#aside .sns-sidebar-ai-link .nav-icon i {
  color: var(--ssg-gold-800) !important;
  background: var(--ssg-gold-100) !important;
}

html body.ssakup-gold-user #aside#aside #menu#menu .nav-link,
html body.ssakup-gold-user #aside#aside #menu#menu .nav-icon,
html body.ssakup-gold-user #aside#aside #menu#menu .nav-icon::before,
html body.ssakup-gold-user #aside#aside #menu#menu .nav-icon::after {
  box-shadow: none !important;
  text-shadow: none !important;
  letter-spacing: 0 !important;
}

html body.ssakup-gold-user #aside#aside #menu#menu > li.sns-sidebar-ai-item > a.sns-sidebar-ai-link,
html body.ssakup-gold-user #aside#aside #menu#menu > li.sns-sidebar-ai-item > a.sns-sidebar-ai-link:hover {
  color: var(--ssg-gold-900) !important;
  background: var(--ssg-gold-050) !important;
  border-color: var(--ssg-gold-200) !important;
}

html body.ssakup-gold-user #aside#aside #menu#menu > li.sns-sidebar-ai-item > a.sns-sidebar-ai-link .nav-icon,
html body.ssakup-gold-user #aside#aside #menu#menu > li.sns-sidebar-ai-item > a.sns-sidebar-ai-link .nav-icon i {
  color: var(--ssg-gold-800) !important;
  background: var(--ssg-gold-100) !important;
}

html body.ssakup-gold-user #aside#aside .sidebar-guest-login-needed strong {
  color: var(--ssg-gold-800) !important;
  -webkit-text-fill-color: var(--ssg-gold-800) !important;
}

html body.ssakup-gold-user .guest-preview-banner {
  color: var(--ssg-text) !important;
  background: var(--ssg-gold-050) !important;
  border-color: var(--ssg-gold-300) !important;
  border-left-color: var(--ssg-gold-600) !important;
}

html body.ssakup-gold-user .guest-preview-banner .guest-preview-icon,
html body.ssakup-gold-user .guest-preview-banner strong,
html body.ssakup-gold-user .guest-preview-banner a {
  color: var(--ssg-gold-800) !important;
}

/* Order screen accents left by hard-coded legacy colors */
html body.ssakup-gold-user .order-page-wrapper .toss-text,
html body.ssakup-gold-user .order-page-wrapper .toss-text span,
html body.ssakup-gold-user .order-page-wrapper .toss-guide-btn i,
html body.ssakup-gold-user .order-page-wrapper #snspop-breadcrumb-icon,
html body.ssakup-gold-user .order-page-wrapper #snspop-breadcrumb-icon i,
html body.ssakup-gold-user .order-page-wrapper .snspop-browser-header i,
html body.ssakup-gold-user .order-page-wrapper .modern-charge-number,
html body.ssakup-gold-user .order-page-wrapper .modern-charge-number span,
html body.ssakup-gold-user .order-page-wrapper .ssc-header i,
html body.ssakup-gold-user .order-page-wrapper .ssc-refund .ssc-icon-box,
html body.ssakup-gold-user .order-page-wrapper .ssc-refund .ssc-icon-box i,
html body.ssakup-gold-user .order-page-wrapper .ssc-refund .ssc-text-wrap p span,
html body.ssakup-gold-user .order-page-wrapper .ssc-refund .ssc-arrow {
  color: var(--ssg-gold-800) !important;
  -webkit-text-fill-color: var(--ssg-gold-800) !important;
}

html body.ssakup-gold-user .order-page-wrapper .ssc-refund .ssc-icon-box {
  background: var(--ssg-gold-100) !important;
  border-color: var(--ssg-gold-300) !important;
}

html body.ssakup-gold-user .order-page-wrapper .ssc-refund:hover {
  border-color: var(--ssg-gold-400) !important;
}

html body.ssakup-gold-user .order-page-wrapper .snspop-cat-item.active,
html body.ssakup-gold-user .order-page-wrapper .snspop-svc-item.active {
  border-color: var(--ssg-gold-300) !important;
  border-left-color: var(--ssg-gold-600) !important;
}

/* Member order history */
html body.ssakup-gold-user .modern-header-layout .order_btn_group .btn.btn-info,
html body.ssakup-gold-user .modern-header-layout .order_btn_group .btn.btn-info:hover {
  color: #ffffff !important;
  background: var(--ssg-gold-700) !important;
  border-color: var(--ssg-gold-700) !important;
}

html body.ssakup-gold-user .modern-order-card,
html body.ssakup-gold-user .mobile-ui-card,
html body.ssakup-gold-user .modern-empty-state-20260601 {
  border-radius: 8px !important;
}

/* Member add-funds information icons */
html body.ssakup-gold-user .funds-history-guide-icon-20260601,
html body.ssakup-gold-user .funds-history-guide-icon-20260601 i {
  color: var(--ssg-gold-800) !important;
  -webkit-text-fill-color: var(--ssg-gold-800) !important;
}

html body.ssakup-gold-user .funds-history-guide-icon-20260601 {
  background: var(--ssg-gold-100) !important;
  border-color: var(--ssg-gold-300) !important;
}

html body.ssakup-gold-user .funds-history-guide-row-20260601 strong {
  color: var(--ssg-gold-800) !important;
  -webkit-text-fill-color: var(--ssg-gold-800) !important;
}

/* Guest sign-up modal step and required controls */
html body.ssakup-gold-user #signupPopupModal#signupPopupModal .sns-signup-step-chip-20260530.active {
  color: #ffffff !important;
  background: var(--ssg-gold-700) !important;
  border-color: var(--ssg-gold-700) !important;
}

html body.ssakup-gold-user #signupPopupModal#signupPopupModal .sns-signup-step-chip-20260530:not(.active),
html body.ssakup-gold-user #signupPopupModal#signupPopupModal .sns-auth-badge-required-20260530 {
  color: var(--ssg-gold-800) !important;
  background: var(--ssg-gold-100) !important;
  border-color: var(--ssg-gold-300) !important;
}

html body.ssakup-gold-user #signupPopupModal#signupPopupModal .sns-signup-step-line-20260530 {
  background: var(--ssg-gold-200) !important;
}

html body.ssakup-gold-user #signupPopupModal#signupPopupModal .sns-auth-section-20260530,
html body.ssakup-gold-user #signupPopupModal#signupPopupModal .sns-auth-terms-view-card-20260601,
html body.ssakup-gold-user #signupPopupModal#signupPopupModal .sns-auth-agree-row-20260530 {
  background: var(--ssg-gold-050) !important;
  border-color: var(--ssg-gold-200) !important;
}

html body.ssakup-gold-user #signupPopupModal#signupPopupModal .sns-auth-terms-view-btn-20260601 {
  color: var(--ssg-gold-900) !important;
  background: var(--ssg-gold-100) !important;
  border-color: var(--ssg-gold-300) !important;
}

/* Nico standalone account screens */
body.ssakup-gold-auth .login-card {
  background: #ffffff !important;
  border: 1px solid var(--ssg-line-gold) !important;
  border-radius: 8px !important;
  overflow: hidden;
}

body.ssakup-gold-auth .login-card .left-image {
  background: var(--ssg-gold-050) !important;
}

body.ssakup-gold-auth .login-card .login-card-description {
  color: var(--ssg-ink) !important;
  font-weight: 700 !important;
}

body.ssakup-gold-auth .login-card .form-control {
  color: var(--ssg-ink) !important;
  background: #faf9ff !important;
  border-color: #dcd9ea !important;
  border-radius: 8px !important;
}

body.ssakup-gold-auth .login-card .form-control:focus {
  background: #ffffff !important;
  border-color: var(--ssg-gold-500) !important;
  outline: 3px solid rgba(135, 126, 254, 0.14) !important;
}

body.ssakup-gold-auth .login-card .login-btn,
body.ssakup-gold-auth .login-card .login-btn:hover,
body.ssakup-gold-auth .login-card .login-btn:focus {
  color: #ffffff !important;
  background: var(--ssg-gold-700) !important;
  border-color: var(--ssg-gold-700) !important;
  border-radius: 8px !important;
}

body.ssakup-gold-auth .login-card .login-card-footer-text {
  color: var(--ssg-text) !important;
}

body.ssakup-gold-auth .login-card a,
body.ssakup-gold-auth .login-card .forgot-password-link {
  color: var(--ssg-gold-800) !important;
}

body.ssakup-gold-auth .login-card .custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--ssg-gold-700) !important;
  border-color: var(--ssg-gold-700) !important;
}

body.ssakup-gold-auth .login-card-img {
  object-position: center !important;
}

@media (max-width: 767.98px) {
  body.ssakup-gold-auth .login-card {
    border-radius: 8px !important;
  }
}

/* Statistics: member dashboard */
html body.ssakup-gold-user .sns-statistics-20260601 {
  --ssakup-red: var(--ssg-gold-700);
  --ssakup-red-dark: var(--ssg-gold-800);
  --ssakup-red-deep: var(--ssg-gold-900);
  --ssakup-soft: var(--ssg-gold-100);
  --ssakup-soft-2: var(--ssg-gold-050);
  --ssakup-line: var(--ssg-gold-300);
  color: var(--ssg-text) !important;
}

html body.ssakup-gold-user .sns-statistics-20260601 .sns-stat-card-20260601,
html body.ssakup-gold-user .sns-statistics-20260601 .sns-stat-card-20260601.is-primary,
html body.ssakup-gold-user .sns-statistics-20260601 .sns-stat-card-20260601.is-blue,
html body.ssakup-gold-user .sns-statistics-20260601 .sns-stat-card-20260601.is-white,
html body.ssakup-gold-user .sns-statistics-20260601 .sns-stat-status-card-20260601,
html body.ssakup-gold-user .sns-statistics-20260601 .sns-stat-panel-20260601,
html body.ssakup-gold-user .sns-statistics-20260601 .sns-stat-chart-card-20260601,
html body.ssakup-gold-user .sns-statistics-20260601 .sns-bestseller-20260601 {
  color: var(--ssg-text) !important;
  background: #ffffff !important;
  border: 1px solid var(--ssg-line-gold) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

html body.ssakup-gold-user .sns-statistics-20260601 .sns-stat-card-20260601.is-primary {
  border-left: 4px solid var(--ssg-gold-700) !important;
}

html body.ssakup-gold-user .sns-statistics-20260601 .sns-stat-card-20260601::after,
html body.ssakup-gold-user .sns-statistics-20260601 .sns-stat-panel-20260601::after,
html body.ssakup-gold-user .sns-statistics-20260601 .sns-stat-chart-card-20260601::after {
  display: none !important;
}

html body.ssakup-gold-user .sns-statistics-20260601 .sns-stat-card-title-20260601,
html body.ssakup-gold-user .sns-statistics-20260601 .sns-stat-card-20260601.is-primary .sns-stat-card-title-20260601,
html body.ssakup-gold-user .sns-statistics-20260601 .sns-stat-card-caption-20260601,
html body.ssakup-gold-user .sns-statistics-20260601 .sns-stat-section-desc-20260601,
html body.ssakup-gold-user .sns-statistics-20260601 .sns-stat-panel-sub-20260601,
html body.ssakup-gold-user .sns-statistics-20260601 .sns-stat-status-name-20260601,
html body.ssakup-gold-user .sns-statistics-20260601 .sns-bestseller-sub-20260601 {
  color: var(--ssg-muted) !important;
  -webkit-text-fill-color: var(--ssg-muted) !important;
}

html body.ssakup-gold-user .sns-statistics-20260601 .sns-stat-card-value-20260601,
html body.ssakup-gold-user .sns-statistics-20260601 .sns-stat-card-20260601.is-primary .sns-stat-card-value-20260601,
html body.ssakup-gold-user .sns-statistics-20260601 .sns-stat-status-value-20260601,
html body.ssakup-gold-user .sns-statistics-20260601 .sns-stat-section-title-20260601,
html body.ssakup-gold-user .sns-statistics-20260601 .sns-stat-panel-title-20260601,
html body.ssakup-gold-user .sns-statistics-20260601 .sns-bestseller-title-20260601 {
  color: var(--ssg-ink) !important;
  -webkit-text-fill-color: var(--ssg-ink) !important;
}

html body.ssakup-gold-user .sns-statistics-20260601 .sns-stat-card-icon-20260601,
html body.ssakup-gold-user .sns-statistics-20260601 .sns-stat-card-20260601.is-primary .sns-stat-card-icon-20260601,
html body.ssakup-gold-user .sns-statistics-20260601 .sns-stat-section-title-20260601 .title-icon,
html body.ssakup-gold-user .sns-statistics-20260601 .sns-stat-status-icon-20260601,
html body.ssakup-gold-user .sns-statistics-20260601 .sns-stat-status-icon-20260601.done,
html body.ssakup-gold-user .sns-statistics-20260601 .sns-stat-status-icon-20260601.processing,
html body.ssakup-gold-user .sns-statistics-20260601 .sns-stat-status-icon-20260601.running,
html body.ssakup-gold-user .sns-statistics-20260601 .sns-stat-status-icon-20260601.waiting,
html body.ssakup-gold-user .sns-statistics-20260601 .sns-stat-status-icon-20260601.partial,
html body.ssakup-gold-user .sns-statistics-20260601 .sns-stat-status-icon-20260601.cancel,
html body.ssakup-gold-user .sns-statistics-20260601 .sns-stat-status-icon-20260601.refund,
html body.ssakup-gold-user .sns-statistics-20260601 .sns-bestseller-title-20260601 .icon {
  color: var(--ssg-gold-800) !important;
  background: var(--ssg-gold-100) !important;
  border: 1px solid var(--ssg-gold-300) !important;
  box-shadow: none !important;
}

html body.ssakup-gold-user .sns-statistics-20260601 .sns-stat-status-card-20260601:hover {
  background: var(--ssg-gold-050) !important;
  border-color: var(--ssg-gold-400) !important;
  transform: none !important;
}

html body.ssakup-gold-user .sns-statistics-20260601 .sns-stat-badge-20260601,
html body.ssakup-gold-user .sns-statistics-20260601 .sns-price-badge-20260601,
html body.ssakup-gold-user .sns-statistics-20260601 .sns-stat-mini-chip-20260601 {
  color: var(--ssg-gold-900) !important;
  -webkit-text-fill-color: var(--ssg-gold-900) !important;
  background: var(--ssg-gold-050) !important;
  border-color: var(--ssg-gold-300) !important;
  box-shadow: none !important;
}

html body.ssakup-gold-user .sns-statistics-20260601 .sns-stat-panel-head-20260601,
html body.ssakup-gold-user .sns-statistics-20260601 .sns-bestseller-20260601 .card-header {
  border-bottom-color: var(--ssg-line) !important;
}

html body.ssakup-gold-user .sns-statistics-20260601 .c3-axis-x text,
html body.ssakup-gold-user .sns-statistics-20260601 .c3-axis-y text,
html body.ssakup-gold-user .sns-statistics-20260601 .c3-legend-item text {
  fill: var(--ssg-muted) !important;
}

html body.ssakup-gold-user .sns-statistics-20260601 .c3-axis path,
html body.ssakup-gold-user .sns-statistics-20260601 .c3-axis line,
html body.ssakup-gold-user .sns-statistics-20260601 .c3-grid line {
  stroke: var(--ssg-line) !important;
}

html body.ssakup-gold-user .sns-statistics-20260601 .c3-line {
  stroke: var(--ssg-gold-700) !important;
}

html body.ssakup-gold-user .sns-statistics-20260601 .c3-circle {
  fill: var(--ssg-gold-700) !important;
  stroke: #ffffff !important;
}

html body.ssakup-gold-user .sns-statistics-20260601 .sns-stat-chart-shell-20260601 {
  background: #ffffff !important;
  border: 1px solid var(--ssg-line-gold) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

html body.ssakup-gold-user .sns-statistics-20260601 .sns-stat-card-20260601::after,
html body.ssakup-gold-user .sns-statistics-20260601 .sns-stat-panel-20260601::after,
html body.ssakup-gold-user .sns-statistics-20260601 .sns-stat-chart-card-20260601::after,
html body.ssakup-gold-user .sns-statistics-20260601 .sns-stat-chart-shell-20260601::after {
  display: none !important;
}

html body.ssakup-gold-user .sns-statistics-20260601 .sns-stat-panel-icon-20260601,
html body.ssakup-gold-user .sns-statistics-20260601 .sns-stat-panel-icon-20260601.ratio {
  color: var(--ssg-gold-800) !important;
  -webkit-text-fill-color: var(--ssg-gold-800) !important;
  background: var(--ssg-gold-100) !important;
  border: 1px solid var(--ssg-gold-300) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

html body.ssakup-gold-user .sns-statistics-20260601 .sns-stat-badge-20260601.live::before,
html body.ssakup-gold-user .sns-statistics-20260601 .sns-stat-mini-chip-20260601 .dot,
html body.ssakup-gold-user .sns-statistics-20260601 .sns-stat-mini-chip-20260601.orange .dot,
html body.ssakup-gold-user .sns-statistics-20260601 .sns-stat-mini-chip-20260601.green .dot {
  background: var(--ssg-gold-700) !important;
  box-shadow: none !important;
}

html body.ssakup-gold-user .sns-statistics-20260601 .c3-legend-item-tile {
  fill: var(--ssg-gold-700) !important;
  stroke: var(--ssg-gold-700) !important;
}

html body.ssakup-gold-user .sns-statistics-20260601 .c3-legend-item:nth-of-type(1) .c3-legend-item-tile {
  fill: var(--ssg-gold-900) !important;
  stroke: var(--ssg-gold-900) !important;
}

html body.ssakup-gold-user .sns-statistics-20260601 .c3-legend-item:nth-of-type(2) .c3-legend-item-tile {
  fill: var(--ssg-gold-700) !important;
  stroke: var(--ssg-gold-700) !important;
}

html body.ssakup-gold-user .sns-statistics-20260601 .c3-legend-item:nth-of-type(3) .c3-legend-item-tile {
  fill: var(--ssg-gold-500) !important;
  stroke: var(--ssg-gold-500) !important;
}

html body.ssakup-gold-user .sns-statistics-20260601 .c3-legend-item:nth-of-type(4) .c3-legend-item-tile {
  fill: var(--ssg-gold-300) !important;
  stroke: var(--ssg-gold-300) !important;
}

html body.ssakup-gold-user .sns-statistics-20260601 .c3-legend-item:nth-of-type(n+5) .c3-legend-item-tile {
  fill: #aaa4c4 !important;
  stroke: #aaa4c4 !important;
}

html body.ssakup-gold-user .sns-statistics-20260601 .c3-line,
html body.ssakup-gold-user .sns-statistics-20260601 .c3-circle,
html body.ssakup-gold-user .sns-statistics-20260601 .c3-chart-arc path,
html body.ssakup-gold-user .sns-statistics-20260601 .c3-tooltip-container {
  filter: none !important;
}

html body.ssakup-gold-user .sns-statistics-20260601 .c3-chart-arc:nth-child(1) path {
  fill: var(--ssg-gold-900) !important;
}

html body.ssakup-gold-user .sns-statistics-20260601 .c3-chart-arc:nth-child(2) path {
  fill: var(--ssg-gold-700) !important;
}

html body.ssakup-gold-user .sns-statistics-20260601 .c3-chart-arc:nth-child(3) path {
  fill: var(--ssg-gold-500) !important;
}

html body.ssakup-gold-user .sns-statistics-20260601 .c3-chart-arc:nth-child(4) path {
  fill: var(--ssg-gold-300) !important;
}

html body.ssakup-gold-user .sns-statistics-20260601 .c3-chart-arc:nth-child(n+5) path {
  fill: #aaa4c4 !important;
}

html body.ssakup-gold-user .sns-statistics-20260601 .sns-bestseller-table-20260601 .btn,
html body.ssakup-gold-user .sns-statistics-20260601 .sns-bestseller-table-20260601 .btn:hover {
  color: #ffffff !important;
  background: var(--ssg-gold-700) !important;
  border-color: var(--ssg-gold-700) !important;
  border-radius: 8px !important;
}

/* Statistics: admin dashboard */
html body.ssakup-gold-admin #sns-dashboard-2026 {
  --sns-bg: var(--ssg-canvas);
  --sns-card: #ffffff;
  --sns-text: var(--ssg-ink);
  --sns-sub: var(--ssg-muted);
  --sns-border: var(--ssg-line-gold);
  --sns-soft: var(--ssg-gold-050);
  --sns-blue: var(--ssg-gold-700);
  --sns-blue-dark: var(--ssg-gold-900);
}

html body.ssakup-gold-admin #sns-dashboard-2026 .dashboard-page-icon {
  color: var(--ssg-gold-800) !important;
  background: var(--ssg-gold-100) !important;
  border: 1px solid var(--ssg-gold-300) !important;
  border-radius: 8px !important;
}

html body.ssakup-gold-admin #sns-dashboard-2026 .dashboard-page-icon i {
  color: var(--ssg-gold-800) !important;
}

html body.ssakup-gold-admin #sns-dashboard-2026 .stat-card,
html body.ssakup-gold-admin #sns-dashboard-2026 .chart-card,
html body.ssakup-gold-admin #sns-dashboard-2026 .status-table-card {
  color: var(--ssg-text) !important;
  background: #ffffff !important;
  border: 1px solid var(--ssg-line-gold) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

html body.ssakup-gold-admin #sns-dashboard-2026 .stat-card:hover {
  background: var(--ssg-gold-050) !important;
  border-color: var(--ssg-gold-400) !important;
}

html body.ssakup-gold-admin #sns-dashboard-2026 .stamp,
html body.ssakup-gold-admin #sns-dashboard-2026 .stamp.bg-primary,
html body.ssakup-gold-admin #sns-dashboard-2026 .stamp.bg-info,
html body.ssakup-gold-admin #sns-dashboard-2026 .stamp.bg-success,
html body.ssakup-gold-admin #sns-dashboard-2026 .stamp.bg-warning,
html body.ssakup-gold-admin #sns-dashboard-2026 .stamp.bg-danger,
html body.ssakup-gold-admin #sns-dashboard-2026 .stamp-primary-custom,
html body.ssakup-gold-admin #sns-dashboard-2026 .status-badge {
  color: var(--ssg-gold-800) !important;
  background: var(--ssg-gold-100) !important;
  border-color: var(--ssg-gold-300) !important;
}

html body.ssakup-gold-admin #sns-dashboard-2026 .stat-label,
html body.ssakup-gold-admin #sns-dashboard-2026 .stat-value,
html body.ssakup-gold-admin #sns-dashboard-2026 .chart-title,
html body.ssakup-gold-admin #sns-dashboard-2026 .status-table-title,
html body.ssakup-gold-admin #sns-dashboard-2026 .fallback-legend-value {
  color: var(--ssg-ink) !important;
}

html body.ssakup-gold-admin #sns-dashboard-2026 .stat-sub-value {
  color: var(--ssg-gold-900) !important;
  background: var(--ssg-gold-100) !important;
  border: 1px solid var(--ssg-gold-300) !important;
}

html body.ssakup-gold-admin #sns-dashboard-2026 .chart-panel,
html body.ssakup-gold-admin #sns-dashboard-2026 .fallback-bar-track,
html body.ssakup-gold-admin #sns-dashboard-2026 .fallback-pie::after {
  background: var(--ssg-gold-050) !important;
  border-color: var(--ssg-line-gold) !important;
  border-radius: 8px !important;
}

html body.ssakup-gold-admin #sns-dashboard-2026 .c3-axis-y text,
html body.ssakup-gold-admin #sns-dashboard-2026 .c3-axis-x text,
html body.ssakup-gold-admin #sns-dashboard-2026 .c3-legend-item text {
  fill: var(--ssg-muted) !important;
}

html body.ssakup-gold-admin #sns-dashboard-2026 .c3-axis path,
html body.ssakup-gold-admin #sns-dashboard-2026 .c3-axis line,
html body.ssakup-gold-admin #sns-dashboard-2026 .c3-grid line {
  stroke: var(--ssg-line) !important;
}

html body.ssakup-gold-admin #sns-dashboard-2026 .c3-line {
  stroke: var(--ssg-gold-700) !important;
}

html body.ssakup-gold-admin #sns-dashboard-2026 .c3-circle {
  fill: var(--ssg-gold-700) !important;
  stroke: #ffffff !important;
}

html body.ssakup-gold-admin #sns-dashboard-2026 .c3-legend-item-tile {
  fill: var(--ssg-gold-700) !important;
  stroke: var(--ssg-gold-700) !important;
}

html body.ssakup-gold-admin #sns-dashboard-2026 .c3-legend-item:nth-of-type(1) .c3-legend-item-tile {
  fill: var(--ssg-gold-900) !important;
  stroke: var(--ssg-gold-900) !important;
}

html body.ssakup-gold-admin #sns-dashboard-2026 .c3-legend-item:nth-of-type(2) .c3-legend-item-tile {
  fill: var(--ssg-gold-700) !important;
  stroke: var(--ssg-gold-700) !important;
}

html body.ssakup-gold-admin #sns-dashboard-2026 .c3-legend-item:nth-of-type(3) .c3-legend-item-tile {
  fill: var(--ssg-gold-500) !important;
  stroke: var(--ssg-gold-500) !important;
}

html body.ssakup-gold-admin #sns-dashboard-2026 .c3-legend-item:nth-of-type(4) .c3-legend-item-tile {
  fill: var(--ssg-gold-300) !important;
  stroke: var(--ssg-gold-300) !important;
}

html body.ssakup-gold-admin #sns-dashboard-2026 .c3-legend-item:nth-of-type(n+5) .c3-legend-item-tile {
  fill: #aaa4c4 !important;
  stroke: #aaa4c4 !important;
}

html body.ssakup-gold-admin #sns-dashboard-2026 .c3-line,
html body.ssakup-gold-admin #sns-dashboard-2026 .c3-circle,
html body.ssakup-gold-admin #sns-dashboard-2026 .c3-chart-arc path,
html body.ssakup-gold-admin #sns-dashboard-2026 .c3-tooltip-container {
  filter: none !important;
}

html body.ssakup-gold-admin #sns-dashboard-2026 .c3-chart-arc:nth-child(1) path {
  fill: var(--ssg-gold-900) !important;
}

html body.ssakup-gold-admin #sns-dashboard-2026 .c3-chart-arc:nth-child(2) path {
  fill: var(--ssg-gold-700) !important;
}

html body.ssakup-gold-admin #sns-dashboard-2026 .c3-chart-arc:nth-child(3) path {
  fill: var(--ssg-gold-500) !important;
}

html body.ssakup-gold-admin #sns-dashboard-2026 .c3-chart-arc:nth-child(4) path {
  fill: var(--ssg-gold-300) !important;
}

html body.ssakup-gold-admin #sns-dashboard-2026 .c3-chart-arc:nth-child(n+5) path {
  fill: #aaa4c4 !important;
}

html body.ssakup-gold-admin #sns-dashboard-2026 .fallback-bar {
  background: var(--ssg-gold-700) !important;
}

html body.ssakup-gold-admin #sns-dashboard-2026 .fallback-pie {
  background: conic-gradient(
    var(--ssg-gold-900) 0deg 72deg,
    var(--ssg-gold-700) 72deg 144deg,
    var(--ssg-gold-500) 144deg 216deg,
    var(--ssg-gold-300) 216deg 288deg,
    #aaa4c4 288deg 360deg
  ) !important;
}

html body.ssakup-gold-admin #sns-dashboard-2026 .fallback-legend-item:nth-child(5n+1) .fallback-dot {
  background: var(--ssg-gold-900) !important;
}

html body.ssakup-gold-admin #sns-dashboard-2026 .fallback-legend-item:nth-child(5n+2) .fallback-dot {
  background: var(--ssg-gold-700) !important;
}

html body.ssakup-gold-admin #sns-dashboard-2026 .fallback-legend-item:nth-child(5n+3) .fallback-dot {
  background: var(--ssg-gold-500) !important;
}

html body.ssakup-gold-admin #sns-dashboard-2026 .fallback-legend-item:nth-child(5n+4) .fallback-dot {
  background: var(--ssg-gold-300) !important;
}

html body.ssakup-gold-admin #sns-dashboard-2026 .fallback-legend-item:nth-child(5n+5) .fallback-dot {
  background: #aaa4c4 !important;
}

/* Statistics: admin ranking, bestseller and recent-user panels */
html body.ssakup-gold-admin #ranking-users-2026 .ranking-card,
html body.ssakup-gold-admin #best-sellers-2026 .best-card,
html body.ssakup-gold-admin #last-users-modern .chart-card {
  color: var(--ssg-ink) !important;
  background: #ffffff !important;
  border: 1px solid var(--ssg-line-gold) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

html body.ssakup-gold-admin #ranking-users-2026 .ranking-header,
html body.ssakup-gold-admin #best-sellers-2026 .best-header,
html body.ssakup-gold-admin #last-users-modern .card-header {
  background: #ffffff !important;
  border-bottom-color: var(--ssg-line) !important;
}

html body.ssakup-gold-admin #ranking-users-2026 .ranking-icon,
html body.ssakup-gold-admin #ranking-users-2026 .ranking-card-total .ranking-icon,
html body.ssakup-gold-admin #ranking-users-2026 .user-avatar,
html body.ssakup-gold-admin #best-sellers-2026 .best-icon {
  color: var(--ssg-gold-800) !important;
  background: var(--ssg-gold-100) !important;
  border: 1px solid var(--ssg-gold-300) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

html body.ssakup-gold-admin #ranking-users-2026 .ranking-icon i,
html body.ssakup-gold-admin #ranking-users-2026 .ranking-card-total .ranking-icon i,
html body.ssakup-gold-admin #best-sellers-2026 .best-icon i,
html body.ssakup-gold-admin #ranking-users-2026 .amount-blue,
html body.ssakup-gold-admin #ranking-users-2026 .amount-green,
html body.ssakup-gold-admin #best-sellers-2026 .price-sell,
html body.ssakup-gold-admin #last-users-modern .balance-txt {
  color: var(--ssg-gold-800) !important;
}

html body.ssakup-gold-admin #ranking-users-2026 .rank-badge,
html body.ssakup-gold-admin #ranking-users-2026 .rank-1,
html body.ssakup-gold-admin #ranking-users-2026 .rank-2,
html body.ssakup-gold-admin #ranking-users-2026 .rank-3,
html body.ssakup-gold-admin #ranking-users-2026 .rank-normal,
html body.ssakup-gold-admin #best-sellers-2026 .best-rank,
html body.ssakup-gold-admin #best-sellers-2026 .best-id,
html body.ssakup-gold-admin #best-sellers-2026 .order-pill {
  color: var(--ssg-gold-900) !important;
  background: var(--ssg-gold-100) !important;
  border-color: var(--ssg-gold-300) !important;
  box-shadow: none !important;
}

html body.ssakup-gold-admin #ranking-users-2026 .ranking-table th,
html body.ssakup-gold-admin #best-sellers-2026 .best-table th,
html body.ssakup-gold-admin #last-users-modern th {
  color: var(--ssg-muted) !important;
  background: var(--ssg-gold-050) !important;
  border-color: var(--ssg-line) !important;
}

html body.ssakup-gold-admin #ranking-users-2026 .ranking-table td,
html body.ssakup-gold-admin #best-sellers-2026 .best-table td,
html body.ssakup-gold-admin #last-users-modern td {
  color: var(--ssg-ink) !important;
  border-color: var(--ssg-line) !important;
}

html body.ssakup-gold-admin #ranking-users-2026 .ranking-table tbody tr:hover td,
html body.ssakup-gold-admin #best-sellers-2026 .best-table tbody tr:hover td,
html body.ssakup-gold-admin #last-users-modern tr:hover td {
  background: var(--ssg-gold-050) !important;
}

/* Order: AI diagnostics entry banner */
html body.ssakup-gold-user .order-page-wrapper .ai-trigger-card {
  color: var(--ssg-text) !important;
  background: #ffffff !important;
  border: 1px solid var(--ssg-line-gold) !important;
  border-left: 4px solid var(--ssg-gold-700) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

html body.ssakup-gold-user .order-page-wrapper .ai-trigger-card:hover {
  background: var(--ssg-gold-050) !important;
  border-color: var(--ssg-gold-400) !important;
}

html body.ssakup-gold-user .order-page-wrapper .ai-trigger-card::before {
  display: none !important;
}

html body.ssakup-gold-user .order-page-wrapper .ai-trigger-card .ai-free-badge {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: var(--ssg-gold-700) !important;
  border: 1px solid var(--ssg-gold-700) !important;
  border-radius: 999px !important;
}

html body.ssakup-gold-user .order-page-wrapper .ai-trigger-card .ai-tc-icon {
  color: var(--ssg-gold-800) !important;
  background: var(--ssg-gold-100) !important;
  border: 1px solid var(--ssg-gold-300) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

html body.ssakup-gold-user .order-page-wrapper .ai-trigger-card .ai-tc-text h4 {
  color: var(--ssg-ink) !important;
  -webkit-text-fill-color: var(--ssg-ink) !important;
}

html body.ssakup-gold-user .order-page-wrapper .ai-trigger-card .ai-tc-text p {
  color: var(--ssg-muted) !important;
  -webkit-text-fill-color: var(--ssg-muted) !important;
}

html body.ssakup-gold-user .order-page-wrapper .ai-trigger-card .ai-tc-arrow {
  color: var(--ssg-gold-800) !important;
}