/*
 * Stack Gamer 2026 - Capitulo 01: Fundacao da Identidade Visual e Design System.
 * Escopo: camada visual, tokens semanticos e componentes base.
 * Nao altera regras comerciais, payloads, preco, estoque, sessao ou permissoes.
 */

.theme-stackgamer-definitive-preview,
.sgds-scope {
    --sg-color-primary: #2563ff;
    --sg-color-primary-hover: #1d4ed8;
    --sg-color-primary-soft: #e8f0ff;
    --sg-color-interaction: #0ea5ff;
    --sg-color-interaction-hover: #0284c7;
    --sg-color-detail: #38ddf8;
    --sg-color-navy: #0f172a;
    --sg-color-page: #f3f4f6;
    --sg-color-surface: #ffffff;
    --sg-color-surface-raised: #f8fafc;
    --sg-color-surface-muted: #eef2f7;
    --sg-color-border: #dbe4f0;
    --sg-color-border-strong: #b8c7da;
    --sg-color-text: #0f172a;
    --sg-color-text-soft: #334155;
    --sg-color-muted: #64748b;
    --sg-color-disabled: #94a3b8;
    --sg-color-success: #047857;
    --sg-color-success-bg: #e8fff5;
    --sg-color-warning: #b45309;
    --sg-color-warning-bg: #fff7ed;
    --sg-color-error: #b91c1c;
    --sg-color-error-bg: #fff1f2;
    --sg-color-info: #0369a1;
    --sg-color-info-bg: #eff8ff;
    --sg-gradient-action: linear-gradient(135deg, #2563ff 0%, #0ea5ff 72%, #38ddf8 100%);
    --sg-gradient-soft: linear-gradient(135deg, rgba(37, 99, 255, .10), rgba(14, 165, 255, .10));
    --sg-font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --sg-font-display: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --sg-font-size-xs: .75rem;
    --sg-font-size-sm: .875rem;
    --sg-font-size-md: 1rem;
    --sg-font-size-lg: 1.125rem;
    --sg-font-size-xl: 1.5rem;
    --sg-font-size-2xl: 2rem;
    --sg-font-size-3xl: clamp(2rem, 4vw, 3.5rem);
    --sg-line-tight: 1.1;
    --sg-line-normal: 1.5;
    --sg-line-relaxed: 1.65;
    --sg-space-1: 4px;
    --sg-space-2: 8px;
    --sg-space-3: 12px;
    --sg-space-4: 16px;
    --sg-space-5: 24px;
    --sg-space-6: 32px;
    --sg-space-7: 40px;
    --sg-space-8: 48px;
    --sg-radius-xs: 4px;
    --sg-radius-sm: 6px;
    --sg-radius-md: 8px;
    --sg-radius-lg: 12px;
    --sg-radius-xl: 16px;
    --sg-shadow-sm: 0 1px 2px rgba(15, 23, 42, .08);
    --sg-shadow-md: 0 12px 30px rgba(15, 23, 42, .10);
    --sg-shadow-lg: 0 22px 48px rgba(15, 23, 42, .13);
    --sg-shadow-action: 0 14px 28px rgba(37, 99, 255, .20);
    --sg-z-header: 900;
    --sg-z-drawer: 1100;
    --sg-z-modal: 1200;
    --sg-z-toast: 1300;

    /* Legacy aliases kept to avoid breaking existing selectors while removing old visual language. */
    --sg-bg-primary: var(--sg-color-page);
    --sg-bg-secondary: var(--sg-color-surface);
    --sg-bg-deep: var(--sg-color-navy);
    --sg-surface: var(--sg-color-surface);
    --sg-surface-elevated: var(--sg-color-surface-raised);
    --sg-surface-purple: var(--sg-color-primary-soft);
    --sg-surface-glass: rgba(255, 255, 255, .92);
    --sg-cyan: var(--sg-color-interaction);
    --sg-cyan-soft: var(--sg-color-detail);
    --sg-purple: var(--sg-color-primary);
    --sg-purple-soft: #5b7cff;
    --sg-magenta: var(--sg-color-navy);
    --sg-aqua: var(--sg-color-detail);
    --sg-success: var(--sg-color-success);
    --sg-warning: var(--sg-color-warning);
    --sg-danger: var(--sg-color-error);
    --sg-text-primary: var(--sg-color-text);
    --sg-text-secondary: var(--sg-color-text-soft);
    --sg-text-muted: var(--sg-color-muted);
    --sg-border: var(--sg-color-border);
    --sg-border-cyan: rgba(14, 165, 255, .35);
    --sg-border-magenta: rgba(37, 99, 255, .28);
    --sg-gradient-primary: var(--sg-gradient-action);
    --sg-gradient-secondary: var(--sg-gradient-soft);
    --sg-gradient-panel: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    --sg-gradient-panel-soft: linear-gradient(180deg, #ffffff 0%, #f3f7ff 100%);
    --sg-glow-cyan: var(--sg-shadow-action);
    --sg-glow-purple: var(--sg-shadow-action);
    --sg-glow-magenta: var(--sg-shadow-md);
    --sg-shadow-panel: var(--sg-shadow-md);
    --sg-radius-small: var(--sg-radius-sm);
    --sg-radius-medium: var(--sg-radius-md);
    --sg-radius-large: var(--sg-radius-lg);
    --sg-transition-fast: 150ms ease;
    --sg-transition-normal: 220ms ease;
    --sg-font-ui: var(--sg-font-family);
    color: var(--sg-color-text);
    background: var(--sg-color-page);
    font-family: var(--sg-font-family);
}

.theme-stackgamer-definitive-preview,
.theme-stackgamer-definitive-preview * {
    box-sizing: border-box;
}

.theme-stackgamer-definitive-preview {
    min-height: 100vh;
    color: var(--sg-color-text);
    background:
        radial-gradient(circle at 7% 3%, rgba(37, 99, 255, .08), transparent 26rem),
        radial-gradient(circle at 93% 10%, rgba(14, 165, 255, .08), transparent 30rem),
        linear-gradient(180deg, #ffffff 0%, var(--sg-color-page) 42rem, var(--sg-color-page) 100%) !important;
    font-family: var(--sg-font-family) !important;
    letter-spacing: 0;
}

.theme-stackgamer-definitive-preview::before,
.theme-stackgamer-definitive-preview::after {
    opacity: 0 !important;
    content: none !important;
}

.theme-stackgamer-definitive-preview h1,
.theme-stackgamer-definitive-preview h2,
.theme-stackgamer-definitive-preview h3,
.theme-stackgamer-definitive-preview h4,
.theme-stackgamer-definitive-preview .section-title,
.theme-stackgamer-definitive-preview .product-title,
.sgds-heading {
    color: var(--sg-color-text);
    font-family: var(--sg-font-display) !important;
    font-weight: 800;
    line-height: var(--sg-line-tight);
    letter-spacing: 0;
    text-transform: none;
}

.theme-stackgamer-definitive-preview p,
.theme-stackgamer-definitive-preview li,
.theme-stackgamer-definitive-preview label,
.theme-stackgamer-definitive-preview input,
.theme-stackgamer-definitive-preview select,
.theme-stackgamer-definitive-preview textarea,
.theme-stackgamer-definitive-preview button,
.sgds-body {
    font-family: var(--sg-font-family) !important;
    letter-spacing: 0;
}

.theme-stackgamer-definitive-preview p,
.sgds-body {
    color: var(--sg-color-text-soft);
    line-height: var(--sg-line-normal);
}

.theme-stackgamer-definitive-preview a {
    color: var(--sg-color-primary);
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.theme-stackgamer-definitive-preview :focus-visible,
.sgds-scope :focus-visible {
    outline: 3px solid rgba(14, 165, 255, .75) !important;
    outline-offset: 3px !important;
    box-shadow: 0 0 0 6px rgba(14, 165, 255, .16) !important;
}

.theme-stackgamer-definitive-preview img {
    max-width: 100%;
    height: auto;
}

.theme-stackgamer-definitive-preview .container,
.theme-stackgamer-definitive-preview .page-container,
.theme-stackgamer-definitive-preview .main-container,
.theme-stackgamer-definitive-preview .content-wrapper,
.sgds-container {
    width: min(100% - 32px, 1280px);
    margin-inline: auto;
}

.theme-stackgamer-definitive-preview .top-header,
.theme-stackgamer-definitive-preview .main-header,
.theme-stackgamer-definitive-preview header,
.sgds-header {
    background: rgba(255, 255, 255, .96) !important;
    border-bottom: 1px solid var(--sg-color-border) !important;
    box-shadow: var(--sg-shadow-sm) !important;
    color: var(--sg-color-text) !important;
}

.theme-stackgamer-definitive-preview .nav,
.theme-stackgamer-definitive-preview .navbar,
.theme-stackgamer-definitive-preview .category-nav,
.theme-stackgamer-definitive-preview .menu-categorias,
.sgds-nav {
    background: var(--sg-color-navy) !important;
    color: #ffffff !important;
    border: 0 !important;
    box-shadow: none !important;
}

.theme-stackgamer-definitive-preview .logo img,
.theme-stackgamer-definitive-preview .brand img,
.theme-stackgamer-definitive-preview .site-logo img,
.sgds-logo {
    display: block;
    width: auto;
    max-height: 58px;
    object-fit: contain;
}

.theme-stackgamer-definitive-preview .brand,
.theme-stackgamer-definitive-preview .site-brand,
.sgds-brand {
    color: var(--sg-color-text) !important;
    text-transform: none !important;
}

.sgds-section,
.theme-stackgamer-definitive-preview section,
.theme-stackgamer-definitive-preview .section,
.theme-stackgamer-definitive-preview .home-section,
.theme-stackgamer-definitive-preview .catalog-section {
    background: transparent;
}

.sgds-card,
.sgds-panel,
.theme-stackgamer-definitive-preview .card,
.theme-stackgamer-definitive-preview .product-card,
.theme-stackgamer-definitive-preview .category-card,
.theme-stackgamer-definitive-preview .coupon-card,
.theme-stackgamer-definitive-preview .profile-card,
.theme-stackgamer-definitive-preview .order-card,
.theme-stackgamer-definitive-preview .summary-card,
.theme-stackgamer-definitive-preview .checkout-card,
.theme-stackgamer-definitive-preview .auth-card,
.theme-stackgamer-definitive-preview .admin-card,
.theme-stackgamer-definitive-preview .panel {
    position: relative;
    overflow: hidden;
    color: var(--sg-color-text) !important;
    background: var(--sg-color-surface) !important;
    border: 1px solid var(--sg-color-border) !important;
    border-radius: var(--sg-radius-md) !important;
    box-shadow: var(--sg-shadow-sm) !important;
}

.sgds-card::before,
.sgds-card::after,
.sgds-panel::before,
.sgds-panel::after,
.theme-stackgamer-definitive-preview .card::before,
.theme-stackgamer-definitive-preview .card::after,
.theme-stackgamer-definitive-preview .panel::before,
.theme-stackgamer-definitive-preview .panel::after,
.theme-stackgamer-definitive-preview .product-card::before,
.theme-stackgamer-definitive-preview .product-card::after {
    content: none !important;
}

.sgds-card:hover,
.theme-stackgamer-definitive-preview .product-card:hover,
.theme-stackgamer-definitive-preview .category-card:hover {
    border-color: rgba(37, 99, 255, .42) !important;
    box-shadow: var(--sg-shadow-md) !important;
    transform: translateY(-1px);
}

.sgds-card-title,
.theme-stackgamer-definitive-preview .product-card h3,
.theme-stackgamer-definitive-preview .product-name,
.theme-stackgamer-definitive-preview .category-card h3 {
    color: var(--sg-color-text) !important;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.theme-stackgamer-definitive-preview .product-card .price,
.theme-stackgamer-definitive-preview .product-price,
.theme-stackgamer-definitive-preview .preco,
.theme-stackgamer-definitive-preview .price-pix,
.sgds-price {
    color: var(--sg-color-primary) !important;
    font-weight: 900 !important;
    letter-spacing: 0;
}

.theme-stackgamer-definitive-preview .product-card .old-price,
.theme-stackgamer-definitive-preview .product-installments,
.theme-stackgamer-definitive-preview .product-meta,
.sgds-muted {
    color: var(--sg-color-muted) !important;
}

.theme-stackgamer-definitive-preview .product-card img,
.theme-stackgamer-definitive-preview .category-card img,
.theme-stackgamer-definitive-preview .product-image img,
.sgds-product-image {
    background: var(--sg-color-surface-raised);
    border-radius: var(--sg-radius-sm);
    object-fit: contain;
}

.sgds-button,
.theme-stackgamer-definitive-preview .btn,
.theme-stackgamer-definitive-preview button,
.theme-stackgamer-definitive-preview .button,
.theme-stackgamer-definitive-preview .btn-submit,
.theme-stackgamer-definitive-preview .btn-auth,
.theme-stackgamer-definitive-preview .btn-buy,
.theme-stackgamer-definitive-preview .btn-buy-primary,
.theme-stackgamer-definitive-preview .btn-checkout,
.theme-stackgamer-definitive-preview .btn-primary,
.theme-stackgamer-definitive-preview input[type="submit"] {
    min-height: 44px;
    border-radius: var(--sg-radius-md) !important;
    border: 1px solid transparent !important;
    font-family: var(--sg-font-family) !important;
    font-weight: 800 !important;
    letter-spacing: 0;
    text-transform: none !important;
    transition: transform 150ms ease, box-shadow 150ms ease, background 150ms ease, border-color 150ms ease;
}

.sgds-button,
.sgds-button--primary,
.theme-stackgamer-definitive-preview .btn-primary,
.theme-stackgamer-definitive-preview .btn-submit,
.theme-stackgamer-definitive-preview .btn-auth,
.theme-stackgamer-definitive-preview .btn-buy,
.theme-stackgamer-definitive-preview .btn-buy-primary,
.theme-stackgamer-definitive-preview .btn-checkout,
.theme-stackgamer-definitive-preview input[type="submit"] {
    color: #ffffff !important;
    background: var(--sg-gradient-action) !important;
    border-color: rgba(37, 99, 255, .40) !important;
    box-shadow: var(--sg-shadow-action) !important;
}

.sgds-button:hover,
.theme-stackgamer-definitive-preview .btn:hover,
.theme-stackgamer-definitive-preview button:hover,
.theme-stackgamer-definitive-preview .button:hover {
    transform: translateY(-1px);
}

.sgds-button--secondary,
.theme-stackgamer-definitive-preview .btn-secondary,
.theme-stackgamer-definitive-preview .btn-outline,
.theme-stackgamer-definitive-preview .btn-view,
.theme-stackgamer-definitive-preview .btn-details,
.theme-stackgamer-definitive-preview .btn-add-cart {
    color: var(--sg-color-primary) !important;
    background: #ffffff !important;
    border-color: #bcd4ff !important;
    box-shadow: none !important;
}

.sgds-button--ghost {
    color: var(--sg-color-text-soft) !important;
    background: transparent !important;
    border-color: var(--sg-color-border) !important;
    box-shadow: none !important;
}

.sgds-button[disabled],
.theme-stackgamer-definitive-preview button[disabled],
.theme-stackgamer-definitive-preview .btn[disabled],
.theme-stackgamer-definitive-preview .is-disabled {
    cursor: not-allowed !important;
    color: #ffffff !important;
    background: #94a3b8 !important;
    border-color: #94a3b8 !important;
    box-shadow: none !important;
    transform: none !important;
    opacity: .72;
}

.sgds-field,
.theme-stackgamer-definitive-preview input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.theme-stackgamer-definitive-preview select,
.theme-stackgamer-definitive-preview textarea {
    min-height: 44px;
    width: 100%;
    color: var(--sg-color-text) !important;
    background: #ffffff !important;
    border: 1px solid var(--sg-color-border-strong) !important;
    border-radius: var(--sg-radius-md) !important;
    box-shadow: inset 0 1px 0 rgba(15, 23, 42, .02) !important;
}

.theme-stackgamer-definitive-preview input::placeholder,
.theme-stackgamer-definitive-preview textarea::placeholder {
    color: #8a97aa !important;
    opacity: 1;
}

.sgds-label,
.theme-stackgamer-definitive-preview label,
.theme-stackgamer-definitive-preview .form-label {
    color: var(--sg-color-text-soft) !important;
    font-weight: 700 !important;
    text-transform: none !important;
}

.sgds-chip,
.sgds-badge,
.theme-stackgamer-definitive-preview .chip,
.theme-stackgamer-definitive-preview .badge,
.theme-stackgamer-definitive-preview .tag,
.theme-stackgamer-definitive-preview .status-badge {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    gap: 6px;
    color: var(--sg-color-primary) !important;
    background: var(--sg-color-primary-soft) !important;
    border: 1px solid rgba(37, 99, 255, .22) !important;
    border-radius: 999px !important;
    font-size: var(--sg-font-size-xs);
    font-weight: 800;
    letter-spacing: 0;
    text-transform: none !important;
}

.sgds-badge--success,
.theme-stackgamer-definitive-preview .status-success,
.theme-stackgamer-definitive-preview .em-estoque,
.theme-stackgamer-definitive-preview .success {
    color: var(--sg-color-success) !important;
    background: var(--sg-color-success-bg) !important;
    border-color: rgba(4, 120, 87, .25) !important;
}

.sgds-badge--warning,
.theme-stackgamer-definitive-preview .status-warning,
.theme-stackgamer-definitive-preview .warning {
    color: var(--sg-color-warning) !important;
    background: var(--sg-color-warning-bg) !important;
    border-color: rgba(180, 83, 9, .25) !important;
}

.sgds-badge--error,
.theme-stackgamer-definitive-preview .status-error,
.theme-stackgamer-definitive-preview .status-recused,
.theme-stackgamer-definitive-preview .error {
    color: var(--sg-color-error) !important;
    background: var(--sg-color-error-bg) !important;
    border-color: rgba(185, 28, 28, .25) !important;
}

.sgds-alert,
.theme-stackgamer-definitive-preview .alert,
.theme-stackgamer-definitive-preview .notice,
.theme-stackgamer-definitive-preview .toast {
    color: var(--sg-color-text) !important;
    background: var(--sg-color-info-bg) !important;
    border: 1px solid rgba(3, 105, 161, .22) !important;
    border-radius: var(--sg-radius-md) !important;
    box-shadow: var(--sg-shadow-sm) !important;
}

.sgds-alert--success,
.theme-stackgamer-definitive-preview .alert-success {
    color: var(--sg-color-success) !important;
    background: var(--sg-color-success-bg) !important;
    border-color: rgba(4, 120, 87, .25) !important;
}

.sgds-alert--error,
.theme-stackgamer-definitive-preview .alert-danger,
.theme-stackgamer-definitive-preview .alert-error {
    color: var(--sg-color-error) !important;
    background: var(--sg-color-error-bg) !important;
    border-color: rgba(185, 28, 28, .25) !important;
}

.sgds-table,
.theme-stackgamer-definitive-preview table {
    width: 100%;
    color: var(--sg-color-text);
    background: #ffffff;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid var(--sg-color-border);
    border-radius: var(--sg-radius-md);
    overflow: hidden;
}

.sgds-table th,
.theme-stackgamer-definitive-preview th {
    color: var(--sg-color-text-soft) !important;
    background: #f8fafc !important;
    border-bottom: 1px solid var(--sg-color-border) !important;
    font-weight: 800;
    text-align: left;
    text-transform: none !important;
}

.sgds-table td,
.theme-stackgamer-definitive-preview td {
    color: var(--sg-color-text-soft) !important;
    border-bottom: 1px solid #edf2f7 !important;
}

.sgds-modal,
.sgds-drawer,
.theme-stackgamer-definitive-preview .modal,
.theme-stackgamer-definitive-preview .drawer,
.theme-stackgamer-definitive-preview .cart-drawer,
.theme-stackgamer-definitive-preview .cart-sidebar {
    color: var(--sg-color-text) !important;
    background: #ffffff !important;
    border: 1px solid var(--sg-color-border) !important;
    box-shadow: var(--sg-shadow-lg) !important;
}

.theme-stackgamer-definitive-preview .modal-header,
.theme-stackgamer-definitive-preview .drawer-header,
.theme-stackgamer-definitive-preview .cart-header {
    color: var(--sg-color-text) !important;
    background: #ffffff !important;
    border-bottom: 1px solid var(--sg-color-border) !important;
}

.theme-stackgamer-definitive-preview .cart-overlay,
.theme-stackgamer-definitive-preview .modal-backdrop,
.sgds-backdrop {
    background: rgba(15, 23, 42, .52) !important;
    backdrop-filter: blur(6px);
}

.sgds-skeleton,
.theme-stackgamer-definitive-preview .skeleton,
.theme-stackgamer-definitive-preview .loading-skeleton {
    min-height: 16px;
    border-radius: var(--sg-radius-sm);
    background: linear-gradient(90deg, #e9eef6 0%, #f7faff 50%, #e9eef6 100%) !important;
    background-size: 220% 100% !important;
    animation: sgds-skeleton 1.35s ease-in-out infinite;
}

@keyframes sgds-skeleton {
    0% { background-position: 120% 0; }
    100% { background-position: -120% 0; }
}

.sgds-empty,
.sgds-state,
.theme-stackgamer-definitive-preview .empty-state,
.theme-stackgamer-definitive-preview .error-state,
.theme-stackgamer-definitive-preview .success-state {
    color: var(--sg-color-text-soft) !important;
    background: #ffffff !important;
    border: 1px dashed var(--sg-color-border-strong) !important;
    border-radius: var(--sg-radius-md) !important;
    padding: var(--sg-space-6);
}

.theme-stackgamer-definitive-preview .hero,
.theme-stackgamer-definitive-preview .home-hero,
.theme-stackgamer-definitive-preview .banner,
.theme-stackgamer-definitive-preview .product-hero,
.sgds-hero {
    color: var(--sg-color-text) !important;
    background: linear-gradient(135deg, #ffffff 0%, #eef6ff 100%) !important;
    border: 1px solid var(--sg-color-border) !important;
    border-radius: var(--sg-radius-lg) !important;
    box-shadow: var(--sg-shadow-sm) !important;
}

.theme-stackgamer-definitive-preview .dark-panel,
.theme-stackgamer-definitive-preview .cyber-panel,
.theme-stackgamer-definitive-preview .neon-panel,
.theme-stackgamer-definitive-preview .setup-panel,
.theme-stackgamer-definitive-preview .decision-panel,
.theme-stackgamer-definitive-preview .product-extra,
.theme-stackgamer-definitive-preview .faq-panel,
.theme-stackgamer-definitive-preview .compatibility-panel {
    color: var(--sg-color-text) !important;
    background: #ffffff !important;
    border: 1px solid var(--sg-color-border) !important;
    box-shadow: var(--sg-shadow-sm) !important;
}

.theme-stackgamer-definitive-preview .dark-panel *,
.theme-stackgamer-definitive-preview .cyber-panel *,
.theme-stackgamer-definitive-preview .neon-panel *,
.theme-stackgamer-definitive-preview .setup-panel *,
.theme-stackgamer-definitive-preview .decision-panel *,
.theme-stackgamer-definitive-preview .product-extra *,
.theme-stackgamer-definitive-preview .faq-panel *,
.theme-stackgamer-definitive-preview .compatibility-panel * {
    color: inherit;
    text-shadow: none !important;
}

.theme-stackgamer-definitive-preview [class*="neon"],
.theme-stackgamer-definitive-preview [class*="glow"],
.theme-stackgamer-definitive-preview [style*="text-shadow"] {
    text-shadow: none !important;
}

.theme-stackgamer-definitive-preview .footer,
.theme-stackgamer-definitive-preview footer,
.sgds-footer {
    color: #e5eefc !important;
    background: var(--sg-color-navy) !important;
    border-top: 1px solid rgba(56, 221, 248, .18) !important;
}

.theme-stackgamer-definitive-preview footer a,
.theme-stackgamer-definitive-preview .footer a {
    color: #dbeafe !important;
}

.theme-stackgamer-definitive-preview .floating-whatsapp,
.theme-stackgamer-definitive-preview .chat-floating,
.theme-stackgamer-definitive-preview .floating-chat,
.theme-stackgamer-definitive-preview .coupon-floating,
.theme-stackgamer-definitive-preview .floating-coupons {
    z-index: 850 !important;
    border-radius: 999px !important;
    box-shadow: var(--sg-shadow-md) !important;
}

.theme-stackgamer-definitive-preview .sg-admin-page,
.sg-admin-page.theme-stackgamer-definitive-preview {
    color: var(--sg-color-text) !important;
    background: var(--sg-color-page) !important;
}

.sg-admin-page .admin-shell,
.sg-admin-page .admin-layout,
.sg-admin-page .admin-main,
.sg-admin-page .admin-content,
.sg-admin-page .admin-panel,
.sg-admin-page .admin-card,
.sg-admin-page .kpi-card,
.sg-admin-page .filters-card,
.sg-admin-page .table-card,
.sg-admin-page .sg-admin-panel {
    color: var(--sg-color-text) !important;
    background: #ffffff !important;
    border: 1px solid var(--sg-color-border) !important;
    border-radius: var(--sg-radius-md) !important;
    box-shadow: var(--sg-shadow-sm) !important;
}

.sg-admin-page .admin-sidebar,
.sg-admin-page .admin-nav {
    color: #e5eefc !important;
    background: var(--sg-color-navy) !important;
    border-right: 1px solid rgba(219, 228, 240, .16) !important;
}

.sg-admin-page .admin-header,
.sg-admin-page .toolbar,
.sg-admin-page .admin-toolbar {
    color: var(--sg-color-text) !important;
    background: #ffffff !important;
    border-bottom: 1px solid var(--sg-color-border) !important;
    box-shadow: var(--sg-shadow-sm) !important;
}

.sg-admin-page table,
.sg-admin-page .data-table {
    font-size: var(--sg-font-size-sm);
}

.sg-admin-page .status,
.sg-admin-page .status-pill,
.sg-admin-page .badge {
    min-height: 26px;
    font-weight: 800;
}

.sg-admin-page .status::before,
.sg-admin-page .status-pill::before {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 6px;
    border-radius: 999px;
    background: currentColor;
    content: "";
}

.sgds-lab {
    padding: var(--sg-space-6) 0 var(--sg-space-8);
}

.sgds-lab-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: var(--sg-space-4);
}

.sgds-lab-grid > * {
    grid-column: span 4;
}

.sgds-lab .sgds-card,
.sgds-lab .sgds-panel {
    padding: var(--sg-space-5);
}

.sgds-token-swatch {
    display: flex;
    min-height: 92px;
    flex-direction: column;
    justify-content: end;
    gap: 4px;
    padding: var(--sg-space-4);
    border-radius: var(--sg-radius-md);
    border: 1px solid var(--sg-color-border);
    box-shadow: var(--sg-shadow-sm);
    font-weight: 800;
}

.sgds-token-swatch span {
    font-size: var(--sg-font-size-xs);
    font-weight: 700;
    opacity: .78;
}

.sgds-demo-row {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sg-space-3);
    align-items: center;
}

@media (max-width: 1024px) {
    .theme-stackgamer-definitive-preview .container,
    .theme-stackgamer-definitive-preview .page-container,
    .theme-stackgamer-definitive-preview .main-container,
    .theme-stackgamer-definitive-preview .content-wrapper,
    .sgds-container {
        width: min(100% - 24px, 960px);
    }

    .sgds-lab-grid > * {
        grid-column: span 6;
    }
}

@media (max-width: 640px) {
    .theme-stackgamer-definitive-preview {
        background: var(--sg-color-page) !important;
    }

    .theme-stackgamer-definitive-preview .container,
    .theme-stackgamer-definitive-preview .page-container,
    .theme-stackgamer-definitive-preview .main-container,
    .theme-stackgamer-definitive-preview .content-wrapper,
    .sgds-container {
        width: min(100% - 16px, 100%);
    }

    .sgds-lab-grid {
        grid-template-columns: 1fr;
    }

    .sgds-lab-grid > * {
        grid-column: 1;
    }

    .theme-stackgamer-definitive-preview .cart-drawer,
    .theme-stackgamer-definitive-preview .cart-sidebar,
    .theme-stackgamer-definitive-preview .drawer {
        width: min(100%, 420px) !important;
    }

    .theme-stackgamer-definitive-preview .sgds-button,
    .theme-stackgamer-definitive-preview .btn,
    .theme-stackgamer-definitive-preview button,
    .theme-stackgamer-definitive-preview .button {
        min-height: 46px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .theme-stackgamer-definitive-preview *,
    .sgds-scope * {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}