/*
 * Stack Gamer 2026 - Capitulo 08: Login, cadastro, conta, pedidos e pos-venda.
 * Escopo visual/UX. Nao altera autenticacao, sessao, senha, pedidos, banco ou payloads.
 */

.theme-stackgamer-definitive-preview.sg-page-login,
.theme-stackgamer-definitive-preview.sg-page-perfil {
    --sg-account-blue: #2563ff;
    --sg-account-energy: #0ea5ff;
    --sg-account-cyan: #38ddf8;
    --sg-account-navy: #0f172a;
    --sg-account-muted: #64748b;
    --sg-account-border: rgba(15, 23, 42, .11);
    --sg-account-shadow: 0 18px 48px rgba(15, 23, 42, .08);
    background: #f3f4f6 !important;
}

.theme-stackgamer-definitive-preview.sg-page-login .center-wrapper {
    width: min(100% - 32px, 1120px) !important;
    margin: clamp(28px, 5vw, 70px) auto !important;
    padding: 0 !important;
}

.theme-stackgamer-definitive-preview.sg-page-login .center-box {
    position: relative !important;
    width: min(100%, 760px) !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: clamp(22px, 4vw, 36px) !important;
    overflow: hidden !important;
    color: var(--sg-account-navy) !important;
    background:
        linear-gradient(135deg, rgba(255,255,255,.98), rgba(239,246,255,.92)),
        radial-gradient(circle at 92% 8%, rgba(14,165,255,.16), transparent 30%) !important;
    border: 1px solid rgba(37, 99, 255, .14) !important;
    border-radius: 14px !important;
    box-shadow: var(--sg-account-shadow) !important;
}

.theme-stackgamer-definitive-preview.sg-page-login .center-box::before,
.theme-stackgamer-definitive-preview.sg-page-perfil .panel::before {
    content: "" !important;
    position: absolute !important;
    top: -1px !important;
    right: 34px !important;
    width: 110px !important;
    height: 2px !important;
    background: linear-gradient(90deg, transparent, var(--sg-account-energy), transparent) !important;
}

.theme-stackgamer-definitive-preview.sg-page-login .brand-logo-large {
    display: grid !important;
    justify-items: center !important;
    gap: 10px !important;
    margin: 0 0 22px !important;
    text-align: center !important;
}

.theme-stackgamer-definitive-preview.sg-page-login .sg-login-brand-logo {
    width: min(260px, 78vw) !important;
    height: auto !important;
    object-fit: contain !important;
    filter: drop-shadow(0 14px 24px rgba(37, 99, 255, .12)) !important;
}

.theme-stackgamer-definitive-preview.sg-page-login .brand-logo-large p {
    margin: 0 !important;
    color: var(--sg-account-muted) !important;
    font: 800 .92rem/1.4 Inter, system-ui, sans-serif !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.theme-stackgamer-definitive-preview.sg-page-login .tabs {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin: 0 0 22px !important;
    padding: 6px !important;
    background: #eef6ff !important;
    border: 1px solid rgba(37, 99, 255, .12) !important;
    border-radius: 10px !important;
}

.theme-stackgamer-definitive-preview.sg-page-login .tab-btn {
    min-height: 46px !important;
    color: var(--sg-account-muted) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 8px !important;
    font: 950 .92rem/1 Inter, system-ui, sans-serif !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    cursor: pointer !important;
}

.theme-stackgamer-definitive-preview.sg-page-login .tab-btn.active {
    color: #ffffff !important;
    background: linear-gradient(135deg, var(--sg-account-blue), var(--sg-account-energy)) !important;
    box-shadow: 0 12px 24px rgba(37, 99, 255, .18) !important;
}

.theme-stackgamer-definitive-preview.sg-page-login .auth-form {
    display: none !important;
    gap: 16px !important;
}

.theme-stackgamer-definitive-preview.sg-page-login .auth-form.active {
    display: grid !important;
}

.theme-stackgamer-definitive-preview.sg-page-login .form-row,
.theme-stackgamer-definitive-preview.sg-page-perfil .form-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

.theme-stackgamer-definitive-preview.sg-page-login .form-group,
.theme-stackgamer-definitive-preview.sg-page-perfil .form-group {
    display: grid !important;
    gap: 7px !important;
    margin: 0 !important;
}

.theme-stackgamer-definitive-preview.sg-page-login .form-label,
.theme-stackgamer-definitive-preview.sg-page-perfil .form-label {
    color: var(--sg-account-navy) !important;
    font: 900 .82rem/1.2 Inter, system-ui, sans-serif !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.theme-stackgamer-definitive-preview.sg-page-login .form-control,
.theme-stackgamer-definitive-preview.sg-page-perfil .form-control {
    min-height: 46px !important;
    width: 100% !important;
    color: var(--sg-account-navy) !important;
    background: #ffffff !important;
    border: 1px solid rgba(15, 23, 42, .14) !important;
    border-radius: 8px !important;
    padding: 0 13px !important;
    font: 750 .94rem/1 Inter, system-ui, sans-serif !important;
    outline: none !important;
}

.theme-stackgamer-definitive-preview.sg-page-login textarea.form-control,
.theme-stackgamer-definitive-preview.sg-page-perfil textarea.form-control {
    min-height: 110px !important;
    padding: 12px 13px !important;
    line-height: 1.45 !important;
}

.theme-stackgamer-definitive-preview.sg-page-login .form-control:focus,
.theme-stackgamer-definitive-preview.sg-page-perfil .form-control:focus {
    border-color: rgba(37, 99, 255, .52) !important;
    box-shadow: 0 0 0 4px rgba(37, 99, 255, .12) !important;
}

.theme-stackgamer-definitive-preview.sg-page-login .form-control:disabled,
.theme-stackgamer-definitive-preview.sg-page-perfil .form-control:disabled {
    color: #475569 !important;
    background: #f1f5f9 !important;
}

.theme-stackgamer-definitive-preview.sg-page-login .btn-auth,
.theme-stackgamer-definitive-preview.sg-page-login .btn-submit,
.theme-stackgamer-definitive-preview.sg-page-perfil .btn-update,
.theme-stackgamer-definitive-preview.sg-page-perfil .btn-rate-action,
.theme-stackgamer-definitive-preview.sg-page-perfil .btn-resume-pay {
    min-height: 48px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, var(--sg-account-blue), var(--sg-account-energy)) !important;
    border: 1px solid rgba(37, 99, 255, .18) !important;
    border-radius: 8px !important;
    box-shadow: 0 14px 28px rgba(37, 99, 255, .22) !important;
    font: 950 .92rem/1 Inter, system-ui, sans-serif !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

.theme-stackgamer-definitive-preview.sg-page-login .alert,
.theme-stackgamer-definitive-preview.sg-page-perfil .alert {
    padding: 12px 14px !important;
    border-radius: 8px !important;
    font: 800 .9rem/1.35 Inter, system-ui, sans-serif !important;
}

.theme-stackgamer-definitive-preview.sg-page-login .alert-error,
.theme-stackgamer-definitive-preview.sg-page-perfil .alert[style*="255,51,102"] {
    color: #dc2626 !important;
    background: #fef2f2 !important;
    border: 1px solid rgba(220, 38, 38, .18) !important;
}

.theme-stackgamer-definitive-preview.sg-page-login .alert-success,
.theme-stackgamer-definitive-preview.sg-page-perfil .alert[style*="0,243,255"] {
    color: #047857 !important;
    background: #ecfdf5 !important;
    border: 1px solid rgba(4, 120, 87, .18) !important;
}

.theme-stackgamer-definitive-preview.sg-page-login .sg-account-section-label {
    margin: 8px 0 0 !important;
    padding-top: 16px !important;
    color: var(--sg-account-blue) !important;
    border-top: 1px solid rgba(15, 23, 42, .10) !important;
    font: 950 .88rem/1.2 Inter, system-ui, sans-serif !important;
}

.theme-stackgamer-definitive-preview.sg-page-perfil .admin-container.profile-grid {
    width: min(100% - 32px, 1380px) !important;
    max-width: none !important;
    margin: clamp(24px, 4vw, 52px) auto !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(320px, 390px) minmax(0, 1fr) !important;
    gap: 24px !important;
    align-items: start !important;
}

.theme-stackgamer-definitive-preview.sg-page-perfil .panel {
    position: relative !important;
    overflow: hidden !important;
    color: var(--sg-account-navy) !important;
    background: #ffffff !important;
    border: 1px solid var(--sg-account-border) !important;
    border-radius: 14px !important;
    box-shadow: var(--sg-account-shadow) !important;
}

.theme-stackgamer-definitive-preview.sg-page-perfil .profile-sidebar {
    padding: clamp(18px, 2.4vw, 24px) !important;
}

.theme-stackgamer-definitive-preview.sg-page-perfil main .panel {
    padding: clamp(18px, 2.4vw, 28px) !important;
}

.theme-stackgamer-definitive-preview.sg-page-perfil .avatar-wrapper {
    display: grid !important;
    place-items: center !important;
    width: 118px !important;
    height: 118px !important;
    margin: 0 auto 16px !important;
    overflow: hidden !important;
    background: #eef6ff !important;
    border: 1px solid rgba(37, 99, 255, .18) !important;
    border-radius: 20px !important;
    box-shadow: 0 16px 30px rgba(37, 99, 255, .13) !important;
    cursor: pointer !important;
}

.theme-stackgamer-definitive-preview.sg-page-perfil .avatar-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.theme-stackgamer-definitive-preview.sg-page-perfil .avatar-iniciais {
    color: var(--sg-account-blue) !important;
    font: 950 2rem/1 Inter, system-ui, sans-serif !important;
}

.theme-stackgamer-definitive-preview.sg-page-perfil .profile-sidebar h2,
.theme-stackgamer-definitive-preview.sg-page-perfil .box-title,
.theme-stackgamer-definitive-preview.sg-page-perfil main .panel > h3 {
    color: var(--sg-account-navy) !important;
    font-family: Inter, system-ui, sans-serif !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.theme-stackgamer-definitive-preview.sg-page-perfil .box-title {
    margin: 22px 0 12px !important;
    padding: 0 !important;
    border: 0 !important;
    font: 950 1rem/1.2 Inter, system-ui, sans-serif !important;
}

.theme-stackgamer-definitive-preview.sg-page-perfil main .panel > h3 {
    margin: 0 0 18px !important;
    font: 950 clamp(1.35rem, 3vw, 1.9rem)/1.1 Inter, system-ui, sans-serif !important;
}

.theme-stackgamer-definitive-preview.sg-page-perfil .order-card {
    margin: 0 0 16px !important;
    padding: 18px !important;
    color: var(--sg-account-navy) !important;
    background: #ffffff !important;
    border: 1px solid rgba(15, 23, 42, .10) !important;
    border-left: 5px solid var(--sg-account-energy) !important;
    border-radius: 12px !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .06) !important;
}

.theme-stackgamer-definitive-preview.sg-page-perfil .order-card strong {
    color: var(--sg-account-navy) !important;
}

.theme-stackgamer-definitive-preview.sg-page-perfil .order-card [style*="color:#aaa"],
.theme-stackgamer-definitive-preview.sg-page-perfil .order-card [style*="color:#ccc"] {
    color: var(--sg-account-muted) !important;
}

.theme-stackgamer-definitive-preview.sg-page-perfil .order-timeline {
    margin-top: 16px !important;
    padding-top: 16px !important;
    border-top: 1px solid rgba(15, 23, 42, .10) !important;
}

.theme-stackgamer-definitive-preview.sg-page-perfil .timeline-status {
    color: var(--sg-account-navy) !important;
    font-family: Inter, system-ui, sans-serif !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.theme-stackgamer-definitive-preview.sg-page-perfil .timeline-date {
    color: var(--sg-account-muted) !important;
}

.theme-stackgamer-definitive-preview.sg-page-perfil .profile-empty-orders {
    color: var(--sg-account-muted) !important;
    background: #f8fafc !important;
    border: 1px dashed rgba(37, 99, 255, .26) !important;
    border-radius: 10px !important;
}

.theme-stackgamer-definitive-preview.sg-page-perfil .profile-empty-orders strong {
    color: var(--sg-account-navy) !important;
    font-family: Inter, system-ui, sans-serif !important;
    text-transform: none !important;
}

.theme-stackgamer-definitive-preview.sg-page-perfil .profile-empty-actions a {
    color: var(--sg-account-blue) !important;
    background: #ffffff !important;
    border: 1px solid rgba(37, 99, 255, .20) !important;
    border-radius: 8px !important;
    font-weight: 900 !important;
}

.theme-stackgamer-definitive-preview.sg-page-perfil .cyber-modal-content {
    color: var(--sg-account-navy) !important;
    background: #ffffff !important;
    border: 1px solid rgba(37, 99, 255, .16) !important;
    border-radius: 14px !important;
    box-shadow: 0 24px 70px rgba(15, 23, 42, .24) !important;
}

.theme-stackgamer-definitive-preview.sg-page-perfil .modal-title,
.theme-stackgamer-definitive-preview.sg-page-perfil .cyber-modal-content label,
.theme-stackgamer-definitive-preview.sg-page-perfil .cyber-modal-content strong {
    color: var(--sg-account-navy) !important;
    font-family: Inter, system-ui, sans-serif !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.theme-stackgamer-definitive-preview.sg-page-perfil .modal-close {
    color: var(--sg-account-navy) !important;
    background: #f8fafc !important;
    border: 1px solid rgba(15, 23, 42, .12) !important;
    border-radius: 8px !important;
}

.theme-stackgamer-definitive-preview.sg-page-login button:hover:not(:disabled),
.theme-stackgamer-definitive-preview.sg-page-login button:focus-visible,
.theme-stackgamer-definitive-preview.sg-page-login a:focus-visible,
.theme-stackgamer-definitive-preview.sg-page-perfil button:hover:not(:disabled),
.theme-stackgamer-definitive-preview.sg-page-perfil button:focus-visible,
.theme-stackgamer-definitive-preview.sg-page-perfil a:focus-visible {
    outline: 3px solid rgba(56, 221, 248, .36) !important;
    outline-offset: 2px !important;
}

@media (max-width: 980px) {
    .theme-stackgamer-definitive-preview.sg-page-perfil .admin-container.profile-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 640px) {
    .theme-stackgamer-definitive-preview.sg-page-login .center-wrapper,
    .theme-stackgamer-definitive-preview.sg-page-perfil .admin-container.profile-grid {
        width: min(100% - 20px, 100%) !important;
        margin: 18px auto !important;
    }

    .theme-stackgamer-definitive-preview.sg-page-login .form-row,
    .theme-stackgamer-definitive-preview.sg-page-perfil .form-row,
    .theme-stackgamer-definitive-preview.sg-page-login .tabs {
        grid-template-columns: 1fr !important;
    }

    .theme-stackgamer-definitive-preview.sg-page-login .center-box,
    .theme-stackgamer-definitive-preview.sg-page-perfil .profile-sidebar,
    .theme-stackgamer-definitive-preview.sg-page-perfil main .panel {
        padding: 16px !important;
        border-radius: 10px !important;
    }
}
