/**
 * Page-specific overrides (loaded after inline <style> on auth/shop pages)
 */
.login-page {
    background: var(--zb-bg) !important;
}

.login-floating-element {
    background: var(--zb-accent-muted) !important;
}

.login-floating-element:nth-child(2) {
    background: rgba(255, 26, 26, 0.15) !important;
}

.login-card {
    background: rgba(12, 12, 14, 0.85) !important;
    border: 1px solid var(--zb-border) !important;
    border-radius: var(--zb-radius-lg) !important;
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.45) !important;
}

.login-logo {
    filter: none !important;
    width: 72px !important;
}

.login-header h1 {
    letter-spacing: 0.12em !important;
    font-size: 24px !important;
}

.form-group input {
    border-radius: var(--zb-radius) !important;
    border-color: var(--zb-border) !important;
}

.form-group input:focus {
    border-color: var(--zb-accent-glow) !important;
}

.error-message {
    background: rgba(255, 26, 26, 0.1) !important;
    border-color: rgba(255, 26, 26, 0.3) !important;
    color: #ff6b6b !important;
    border-radius: var(--zb-radius) !important;
}

.login-button {
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
}

.login-button::after {
    display: none !important;
}

/* Shop */
body.shop-body,
.shop-wrap {
    background: var(--zb-bg);
}

.sidebar-block,
.shop-card,
.rec-card,
.cart-sidebar {
    border-radius: var(--zb-radius-lg) !important;
    border-color: var(--zb-border) !important;
}

.sidebar-title,
.shop-section-title,
.shop-card-name {
    font-family: var(--zb-font-display) !important;
    letter-spacing: 0.08em !important;
}

.filter-btn.active,
.filter-btn.active .count {
    background: var(--zb-accent-muted) !important;
    color: var(--zb-accent-bright) !important;
}

.sidebar-nick input:focus,
.search-wrap input:focus {
    border-color: var(--zb-accent-glow) !important;
}

.shop-card:hover,
.rec-card:hover {
    border-color: var(--zb-accent-glow) !important;
}

.shop-card-price,
.rec-card-price,
.cart-item-price,
#cart-badge {
    color: var(--zb-accent-bright) !important;
}

.shop-buy-btn,
.cart-checkout-btn,
#modal-cart-btn {
    border-radius: var(--zb-radius) !important;
}

/* Dashboard */
.dashboard-sidebar,
.dashboard-panel,
.profile-card {
    border-radius: var(--zb-radius-lg) !important;
}

.dashboard-nav a.active,
.dashboard-nav a:hover {
    border-left-color: var(--zb-accent) !important;
    color: var(--zb-accent-bright) !important;
}