@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.7t9tbfaemk.bundle.scp.css';

/* /Components/Admin/Pages/Artists/ArtistDetailAdmin.razor.rz.scp.css */
/* ===== ADMIN ARTIST DETAIL PAGE STYLES ===== */

/* Admin Header */
.aa-admin-header[b-7lmpqejn9j] {
    background: white;
    border-radius: 1rem;
    padding: 2rem;
    margin-bottom: 2rem;
    box-shadow: var(--elevation-2);
    border: 1px solid rgba(var(--aa-primary-rgb), 0.1);
}

.breadcrumb[b-7lmpqejn9j] {
    margin-bottom: 0.5rem;
}

.breadcrumb-item + .breadcrumb-item[b-7lmpqejn9j]::before {
    color: var(--aa-medium-gray);
}

.breadcrumb-item a[b-7lmpqejn9j] {
    text-decoration: none;
}

.breadcrumb-item a:hover[b-7lmpqejn9j] {
    text-decoration: underline;
}

/* Profile Card */
.aa-profile-card[b-7lmpqejn9j] {
    background: white;
    border-radius: 1.5rem;
    box-shadow: var(--elevation-2);
    border: 1px solid rgba(var(--aa-primary-rgb), 0.1);
    overflow: hidden;
}

.aa-profile-header[b-7lmpqejn9j] {
    background: var(--aa-gradient-harmony-hero);
    color: white;
    padding: 2rem;
    position: relative;
}

.aa-profile-header[b-7lmpqejn9j]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 70% 20%, rgba(255,255,255,0.1) 0%, transparent 50%);
    pointer-events: none;
}

.aa-profile-body[b-7lmpqejn9j] {
    padding: 2rem;
    background: linear-gradient(135deg, var(--aa-light) 0%, white 100%);
}

.aa-profile-photo-wrapper[b-7lmpqejn9j] {
    position: relative;
    margin-bottom: 1.5rem;
}

.aa-profile-photo[b-7lmpqejn9j] {
    width: 100%;
    max-width: 200px;
    height: auto;
    max-height: 250px;
    object-fit: cover;
    border-radius: 1rem;
    border: 4px solid white;
    box-shadow: var(--elevation-3);
}

.aa-profile-info[b-7lmpqejn9j] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.aa-profile-item[b-7lmpqejn9j] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.aa-profile-label[b-7lmpqejn9j] {
    font-weight: 600;
    color: var(--aa-primary);
    font-size: var(--text-sm);
}

.aa-profile-value[b-7lmpqejn9j] {
    color: var(--aa-dark-gray);
    font-size: var(--text-base);
}

.aa-profile-bio[b-7lmpqejn9j] {
    margin-top: 1rem;
    padding: 1rem;
    background: rgba(var(--aa-primary-rgb), 0.05);
    border-left: 4px solid var(--aa-primary);
    border-radius: 0.5rem;
    line-height: 1.6;
}

/* Status Indicators */
.aa-status-pending[b-7lmpqejn9j] {
    background: var(--aa-warning);
    color: var(--aa-dark);
    padding: 0.25rem 0.75rem;
    border-radius: 1rem;
    font-weight: 600;
    font-size: var(--text-sm);
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.aa-status-approved[b-7lmpqejn9j] {
    background: var(--aa-success);
    color: white;
    padding: 0.25rem 0.75rem;
    border-radius: 1rem;
    font-weight: 600;
    font-size: var(--text-sm);
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.aa-status-denied[b-7lmpqejn9j] {
    background: var(--aa-danger);
    color: white;
    padding: 0.25rem 0.75rem;
    border-radius: 1rem;
    font-weight: 600;
    font-size: var(--text-sm);
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

/* Action Toolbar */
.aa-action-toolbar[b-7lmpqejn9j] {
    background: white;
    border-radius: 1rem;
    padding: 1rem;
    box-shadow: var(--elevation-1);
    border: 1px solid rgba(var(--aa-primary-rgb), 0.1);
}

.aa-action-btn[b-7lmpqejn9j] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    border-radius: 0.75rem;
    border: 2px solid var(--aa-primary);
    background: white;
    color: var(--aa-primary);
    text-decoration: none;
    font-weight: 600;
    font-size: var(--text-sm);
    transition: all 0.2s ease;
    cursor: pointer;
}

.aa-action-btn:hover[b-7lmpqejn9j] {
    background: var(--aa-primary);
    color: white;
    transform: translateY(-2px);
    box-shadow: var(--elevation-3);
    text-decoration: none;
}

.aa-action-btn.success[b-7lmpqejn9j] {
    border-color: var(--aa-success);
    color: var(--aa-success);
}

.aa-action-btn.success:hover[b-7lmpqejn9j] {
    background: var(--aa-success);
    color: white;
}

.aa-action-btn.primary[b-7lmpqejn9j] {
    background: var(--aa-primary);
    color: white;
}

.aa-action-btn.primary:hover[b-7lmpqejn9j] {
    background: var(--aa-primary-dark);
    border-color: var(--aa-primary-dark);
}

/* Tags Card */
.aa-tags-card[b-7lmpqejn9j] {
    background: white;
    border-radius: 1.5rem;
    padding: 1.5rem;
    box-shadow: var(--elevation-2);
    border: 1px solid rgba(var(--aa-primary-rgb), 0.1);
    height: fit-content;
}

/* Artwork Management Section */
.aa-artwork-section[b-7lmpqejn9j] {
    background: white;
    border-radius: 1.5rem;
    padding: 2rem;
    box-shadow: var(--elevation-2);
    border: 1px solid rgba(var(--aa-primary-rgb), 0.1);
    margin-top: 2rem;
}

.aa-artwork-header[b-7lmpqejn9j] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid var(--aa-primary);
}

.aa-artwork-grid[b-7lmpqejn9j] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1.5rem;
}

.aa-artwork-card[b-7lmpqejn9j] {
    background: white;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: var(--elevation-2);
    border: 1px solid rgba(var(--aa-primary-rgb), 0.1);
    transition: all 0.3s ease;
}

.aa-artwork-card:hover[b-7lmpqejn9j] {
    transform: translateY(-4px);
    box-shadow: var(--elevation-4);
}

.aa-artwork-image-wrapper[b-7lmpqejn9j] {
    position: relative;
    height: 250px;
    overflow: hidden;
    background: var(--aa-light-gray);
}

.aa-artwork-image[b-7lmpqejn9j] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.aa-artwork-card:hover .aa-artwork-image[b-7lmpqejn9j] {
    transform: scale(1.05);
}

.aa-artwork-overlay[b-7lmpqejn9j] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(var(--aa-primary-rgb), 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.aa-artwork-card:hover .aa-artwork-overlay[b-7lmpqejn9j] {
    opacity: 1;
}

.aa-artwork-action[b-7lmpqejn9j] {
    background: white;
    color: var(--aa-primary);
    border: none;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 1.2rem;
}

.aa-artwork-action:hover[b-7lmpqejn9j] {
    transform: scale(1.1);
    box-shadow: var(--elevation-3);
}

.aa-artwork-action.edit:hover[b-7lmpqejn9j] {
    background: var(--aa-info);
    color: white;
}

.aa-artwork-action.delete:hover[b-7lmpqejn9j] {
    background: var(--aa-danger);
    color: white;
}

.aa-artwork-content[b-7lmpqejn9j] {
    padding: 1.5rem;
}

.aa-artwork-title[b-7lmpqejn9j] {
    margin: 0 0 0.5rem 0;
    font-size: var(--text-lg);
    font-weight: 600;
    color: var(--aa-primary);
}

.aa-artwork-description[b-7lmpqejn9j] {
    margin: 0 0 1rem 0;
    color: var(--aa-dark-gray);
    line-height: 1.5;
}

.aa-artwork-meta[b-7lmpqejn9j] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: var(--text-sm);
    color: var(--aa-medium-gray);
}

/* Empty State */
.aa-empty-state[b-7lmpqejn9j] {
    text-align: center;
    padding: 3rem 2rem;
    background: linear-gradient(135deg, var(--aa-light) 0%, white 100%);
    border-radius: 1.5rem;
    border: 2px dashed var(--aa-medium-gray);
}

.aa-empty-icon[b-7lmpqejn9j] {
    font-size: 4rem;
    color: var(--aa-medium-gray);
    margin-bottom: 1rem;
    opacity: 0.6;
}

.aa-empty-title[b-7lmpqejn9j] {
    font-size: var(--text-xl);
    font-weight: 600;
    color: var(--aa-primary);
    margin-bottom: 0.5rem;
}

.aa-empty-description[b-7lmpqejn9j] {
    color: var(--aa-dark-gray);
    margin-bottom: 1.5rem;
}

.aa-quick-actions[b-7lmpqejn9j] {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.aa-quick-action[b-7lmpqejn9j] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: var(--aa-gradient-primary);
    color: white;
    text-decoration: none;
    border-radius: 0.75rem;
    font-weight: 600;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
}

.aa-quick-action:hover[b-7lmpqejn9j] {
    transform: translateY(-2px);
    box-shadow: var(--elevation-3);
    color: white;
    text-decoration: none;
}

/* Responsive Design */
@media (max-width: 991.98px) {
    .aa-artwork-grid[b-7lmpqejn9j] {
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
        gap: 1rem;
    }
    
    .aa-artwork-header[b-7lmpqejn9j] {
        flex-direction: column;
        gap: 1rem;
        align-items: stretch;
    }
    
    .aa-profile-body[b-7lmpqejn9j] {
        padding: 1.5rem;
    }
}

@media (max-width: 767.98px) {
    .aa-admin-header[b-7lmpqejn9j] {
        padding: 1.5rem;
    }
    
    .aa-profile-header[b-7lmpqejn9j] {
        padding: 1.5rem;
    }
    
    .aa-action-toolbar[b-7lmpqejn9j] {
        padding: 0.75rem;
    }
    
    .aa-action-btn[b-7lmpqejn9j] {
        padding: 0.5rem 1rem;
        font-size: var(--text-xs);
    }
    
    .aa-artwork-grid[b-7lmpqejn9j] {
        grid-template-columns: 1fr;
    }
    
    .aa-artwork-section[b-7lmpqejn9j] {
        padding: 1.5rem;
    }
    
    .aa-tags-card[b-7lmpqejn9j] {
        padding: 1rem;
    }
}

@media (max-width: 575.98px) {
    .aa-profile-photo[b-7lmpqejn9j] {
        max-width: 150px;
        max-height: 180px;
    }
    
    .aa-artwork-overlay[b-7lmpqejn9j] {
        gap: 0.5rem;
    }
    
    .aa-artwork-action[b-7lmpqejn9j] {
        width: 40px;
        height: 40px;
        font-size: 1rem;
    }
}
/* /Components/Admin/Pages/Artists/Index.razor.rz.scp.css */
/* ===== ADMIN ARTISTS PAGE SPECIFIC STYLES ===== */

/* Artists Management Toolbar */
.admin-artists-toolbar[b-33tm01sjpo] {
    background: white;
    border-radius: 0.75rem;
    padding: 1rem;
    box-shadow: 0 2px 12px rgba(var(--aa-primary-rgb), 0.08);
    border: 1px solid rgba(var(--aa-primary-rgb), 0.1);
    margin-bottom: 1.5rem;
}

.admin-artists-toolbar .toolbar-left[b-33tm01sjpo] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.admin-artists-toolbar .toolbar-right[b-33tm01sjpo] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

/* Search Input Styling */
.admin-artists-toolbar .input-group[b-33tm01sjpo] {
    box-shadow: 0 2px 8px rgba(var(--aa-primary-rgb), 0.06);
    border-radius: 0.5rem;
    overflow: hidden;
}

.admin-artists-toolbar .input-group-text[b-33tm01sjpo] {
    border-color: var(--aa-light-gray);
    color: var(--aa-primary);
}

.admin-artists-toolbar .form-control[b-33tm01sjpo] {
    border-color: var(--aa-light-gray);
    transition: all 0.2s ease;
}

.admin-artists-toolbar .form-control:focus[b-33tm01sjpo] {
    border-color: var(--aa-primary);
    box-shadow: 0 0 0 3px rgba(var(--aa-primary-rgb), 0.1);
}

/* Artist Management Cards */
.admin-artist-card[b-33tm01sjpo] {
    background: white;
    border-radius: 1rem;
    overflow: hidden;
    transition: all 0.3s ease;
    border: 1px solid rgba(var(--aa-primary-rgb), 0.1);
    height: 100%;
}

.admin-artist-card:hover[b-33tm01sjpo] {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(var(--aa-primary-rgb), 0.15);
    border-color: rgba(var(--aa-primary-rgb), 0.2);
}

/* Card Header Styling */
.admin-artist-card .aa-artist-card-header[b-33tm01sjpo] {
    background: var(--aa-gradient-harmony-hero);
    padding: 1rem;
    position: relative;
}

.admin-artist-card .aa-artist-card-title[b-33tm01sjpo] {
    color: white;
    font-weight: 700;
    font-size: var(--text-base);
    margin: 0;
}

/* Status Badge in Card Header */
.admin-artist-card .aa-card-badge[b-33tm01sjpo] {
    position: static;
    margin: 0;
}

.admin-artist-card .aa-card-badge .badge[b-33tm01sjpo] {
    font-size: 0.75rem;
    padding: 0.375rem 0.75rem;
    border-radius: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

/* Artist Photo Section */
.admin-artist-photo-section[b-33tm01sjpo] {
    position: relative;
    margin-bottom: 1rem;
}

.admin-artist-photo-wrapper[b-33tm01sjpo] {
    width: 100%;
    height: 120px;
    border-radius: 0.75rem;
    overflow: hidden;
    background: var(--aa-light-gray);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.admin-artist-photo[b-33tm01sjpo] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.admin-artist-card:hover .admin-artist-photo[b-33tm01sjpo] {
    transform: scale(1.05);
}

/* Artist Info Grid */
.admin-artist-info-grid[b-33tm01sjpo] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.admin-info-item[b-33tm01sjpo] {
    background: rgba(var(--aa-primary-rgb), 0.03);
    padding: 0.5rem;
    border-radius: 0.5rem;
    border: 1px solid rgba(var(--aa-primary-rgb), 0.08);
    text-align: center;
}

.admin-info-item .info-value[b-33tm01sjpo] {
    font-weight: 600;
    color: var(--aa-primary);
    font-size: var(--text-sm);
}

.admin-info-item .info-label[b-33tm01sjpo] {
    font-size: var(--text-xs);
    color: var(--aa-dark-gray);
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

/* Application Status Indicators */
.admin-status-indicators[b-33tm01sjpo] {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.admin-status-item[b-33tm01sjpo] {
    flex: 1;
    text-align: center;
    padding: 0.5rem;
    border-radius: 0.5rem;
    border: 2px solid transparent;
    background: rgba(var(--aa-light-gray-rgb), 0.5);
    transition: all 0.2s ease;
}

.admin-status-item.completed[b-33tm01sjpo] {
    background: rgba(var(--aa-success-rgb), 0.1);
    border-color: rgba(var(--aa-success-rgb), 0.3);
    color: var(--aa-success);
}

.admin-status-item.pending[b-33tm01sjpo] {
    background: rgba(var(--aa-warning-rgb), 0.1);
    border-color: rgba(var(--aa-warning-rgb), 0.3);
    color: var(--aa-warning);
}

.admin-status-item.missing[b-33tm01sjpo] {
    background: rgba(var(--aa-danger-rgb), 0.1);
    border-color: rgba(var(--aa-danger-rgb), 0.3);
    color: var(--aa-danger);
}

.admin-status-value[b-33tm01sjpo] {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 0.25rem;
}

.admin-status-label[b-33tm01sjpo] {
    font-size: var(--text-xs);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

/* Quick Actions */
.admin-quick-actions[b-33tm01sjpo] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.admin-quick-actions .btn[b-33tm01sjpo] {
    flex: 1;
    min-width: 120px;
    font-size: var(--text-xs);
    font-weight: 600;
    padding: 0.5rem 0.75rem;
    transition: all 0.2s ease;
}

.admin-quick-actions .btn:hover[b-33tm01sjpo] {
    transform: translateY(-2px);
}

/* Artist Bio Section */
.admin-artist-bio[b-33tm01sjpo] {
    background: rgba(var(--aa-light-rgb), 0.5);
    border-radius: 0.5rem;
    padding: 0.75rem;
    margin-bottom: 1rem;
    border-left: 3px solid var(--aa-primary);
}

.admin-artist-bio h6[b-33tm01sjpo] {
    color: var(--aa-primary);
    font-weight: 600;
    margin-bottom: 0.5rem;
    font-size: var(--text-sm);
}

.admin-artist-bio p[b-33tm01sjpo] {
    margin: 0;
    line-height: 1.4;
    color: var(--aa-dark-gray);
    font-size: var(--text-sm);
}

/* Contact Info Section */
.admin-contact-info[b-33tm01sjpo] {
    background: rgba(var(--aa-accent-cool-rgb), 0.05);
    border-radius: 0.5rem;
    padding: 0.75rem;
    margin-bottom: 1rem;
}

.admin-contact-info .contact-item[b-33tm01sjpo] {
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
    font-size: var(--text-xs);
    color: var(--aa-dark-gray);
}

.admin-contact-info .contact-item:last-child[b-33tm01sjpo] {
    margin-bottom: 0;
}

.admin-contact-info .contact-item i[b-33tm01sjpo] {
    color: var(--aa-accent-cool);
    width: 16px;
    text-align: center;
    margin-right: 0.5rem;
}

/* Bulk Actions (if implemented later) */
.admin-bulk-actions[b-33tm01sjpo] {
    background: white;
    border-radius: 0.5rem;
    padding: 0.75rem 1rem;
    box-shadow: 0 2px 8px rgba(var(--aa-primary-rgb), 0.08);
    border: 1px solid rgba(var(--aa-primary-rgb), 0.1);
    position: sticky;
    top: 100px;
    z-index: 10;
    margin-bottom: 1rem;
}

/* Results Summary */
.admin-results-summary[b-33tm01sjpo] {
    background: white;
    border-radius: 0.5rem;
    padding: 0.75rem 1rem;
    box-shadow: 0 2px 8px rgba(var(--aa-primary-rgb), 0.08);
    border: 1px solid rgba(var(--aa-primary-rgb), 0.1);
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.admin-results-summary .summary-count[b-33tm01sjpo] {
    font-weight: 700;
    color: var(--aa-primary);
    font-size: var(--text-base);
}

.admin-results-summary .summary-label[b-33tm01sjpo] {
    color: var(--aa-dark-gray);
    font-size: var(--text-sm);
}

/* Loading States */
.admin-loading-container[b-33tm01sjpo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 2rem;
    text-align: center;
}

.admin-loading-spinner[b-33tm01sjpo] {
    width: 3rem;
    height: 3rem;
    border: 3px solid rgba(var(--aa-primary-rgb), 0.1);
    border-top-color: var(--aa-primary);
    border-radius: 50%;
    animation: admin-spin-b-33tm01sjpo 1s linear infinite;
    margin-bottom: 1rem;
}

@keyframes admin-spin-b-33tm01sjpo {
    to {
        transform: rotate(360deg);
    }
}

/* Error States */
.admin-error-container[b-33tm01sjpo] {
    background: rgba(var(--aa-danger-rgb), 0.05);
    border: 1px solid rgba(var(--aa-danger-rgb), 0.2);
    border-radius: 0.75rem;
    padding: 2rem;
    text-align: center;
}

.admin-error-icon[b-33tm01sjpo] {
    font-size: 2.5rem;
    color: var(--aa-danger);
    margin-bottom: 1rem;
}

/* Processing States */
.admin-processing[b-33tm01sjpo] {
    pointer-events: none;
    opacity: 0.7;
}

.admin-processing .btn[b-33tm01sjpo] {
    position: relative;
}

.admin-processing .btn[b-33tm01sjpo]::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin-left: -8px;
    margin-top: -8px;
    border: 2px solid transparent;
    border-top-color: currentColor;
    border-radius: 50%;
    animation: admin-spin-b-33tm01sjpo 1s linear infinite;
}

/* Responsive Design */
@media (max-width: 1199.98px) {
    .admin-artists-toolbar .toolbar-left[b-33tm01sjpo],
    .admin-artists-toolbar .toolbar-right[b-33tm01sjpo] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.75rem;
    }
    
    .admin-artists-toolbar .input-group[b-33tm01sjpo] {
        width: 100% !important;
    }
    
    .admin-artists-toolbar .form-select[b-33tm01sjpo] {
        width: 100% !important;
    }
}

@media (max-width: 767.98px) {
    .admin-artist-info-grid[b-33tm01sjpo] {
        grid-template-columns: 1fr;
    }
    
    .admin-quick-actions[b-33tm01sjpo] {
        flex-direction: column;
    }
    
    .admin-quick-actions .btn[b-33tm01sjpo] {
        min-width: unset;
    }
    
    .admin-status-indicators[b-33tm01sjpo] {
        flex-wrap: wrap;
    }
    
    .admin-status-item[b-33tm01sjpo] {
        flex: 1 1 calc(50% - 0.25rem);
        min-width: 120px;
    }
}

@media (max-width: 575.98px) {
    .admin-artists-toolbar[b-33tm01sjpo] {
        padding: 0.75rem;
    }
    
    .admin-artist-card .aa-artist-card-header[b-33tm01sjpo] {
        padding: 0.75rem;
    }
    
    .admin-artist-card .card-body[b-33tm01sjpo] {
        padding: 1rem !important;
    }
    
    .admin-contact-info[b-33tm01sjpo],
    .admin-artist-bio[b-33tm01sjpo] {
        padding: 0.5rem;
    }
    
    .admin-status-item[b-33tm01sjpo] {
        flex: 1 1 100%;
    }
}

/* Dark Mode Support (if implemented) */
@media (prefers-color-scheme: dark) {
    .admin-artists-toolbar[b-33tm01sjpo],
    .admin-artist-card[b-33tm01sjpo] {
        background: var(--aa-dark);
        border-color: rgba(255, 255, 255, 0.1);
    }
    
    .admin-artist-card-title[b-33tm01sjpo] {
        color: var(--aa-light);
    }
    
    .admin-info-item[b-33tm01sjpo] {
        background: rgba(255, 255, 255, 0.05);
        border-color: rgba(255, 255, 255, 0.1);
    }
}

/* Animation Enhancements */
.admin-card-enter[b-33tm01sjpo] {
    animation: admin-slideInUp-b-33tm01sjpo 0.3s ease-out;
}

@keyframes admin-slideInUp-b-33tm01sjpo {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Focus States for Accessibility */
.admin-artist-card:focus-within[b-33tm01sjpo] {
    outline: 2px solid var(--aa-primary);
    outline-offset: 2px;
}

.admin-quick-actions .btn:focus[b-33tm01sjpo] {
    outline: 2px solid var(--aa-primary);
    outline-offset: 2px;
}

/* High Contrast Mode Support */
@media (prefers-contrast: high) {
    .admin-artist-card[b-33tm01sjpo] {
        border-width: 2px;
    }
    
    .admin-status-item[b-33tm01sjpo] {
        border-width: 3px;
    }
    
    .admin-info-item[b-33tm01sjpo] {
        border-width: 2px;
    }
}
/* /Components/Admin/Pages/Artwork/ListingOptionTypes.razor.rz.scp.css */
/* Option Types Admin Page Styles */

/* Option Values List */
.aa-option-values-list[b-k5jb0y1osn] {
    max-height: 300px;
    overflow-y: auto;
}

.aa-option-value-item[b-k5jb0y1osn] {
    background: var(--bs-gray-50);
    border: 1px solid var(--bs-border-color);
    transition: all 0.2s ease;
}

.aa-option-value-item:hover[b-k5jb0y1osn] {
    background: var(--bs-gray-100);
    border-color: var(--aa-primary);
}

/* New value indicator */
.aa-option-value-item.aa-new-value[b-k5jb0y1osn] {
    background: rgba(var(--bs-success-rgb), 0.1);
    border-color: var(--bs-success);
    border-style: dashed;
}

.aa-option-value-item.aa-new-value:hover[b-k5jb0y1osn] {
    background: rgba(var(--bs-success-rgb), 0.15);
    border-color: var(--bs-success);
}

/* Modal Headers */
.aa-modal-header[b-k5jb0y1osn] {
    background: linear-gradient(135deg, var(--aa-primary) 0%, var(--aa-secondary) 100%);
    color: white;
    border-bottom: none;
}

.aa-modal-header .btn-close[b-k5jb0y1osn] {
    filter: invert(1);
}

.aa-modal-header-danger[b-k5jb0y1osn] {
    background: linear-gradient(135deg, var(--bs-danger) 0%, #dc3545 100%);
    color: white;
    border-bottom: none;
}

.aa-modal-header-danger .btn-close[b-k5jb0y1osn] {
    filter: invert(1);
}

.aa-modal-header-warning[b-k5jb0y1osn] {
    background: linear-gradient(135deg, var(--bs-warning) 0%, #f0ad4e 100%);
    color: white;
    border-bottom: none;
}

.aa-modal-header-warning .btn-close[b-k5jb0y1osn] {
    filter: invert(1);
}

/* Actions Bar */
.aa-actions-bar[b-k5jb0y1osn] {
    padding: 1rem;
    background: var(--bs-gray-50);
    border: 1px solid var(--bs-border-color);
    border-radius: 0.5rem;
    margin-bottom: 1.5rem;
}

/* Page Header */
.aa-page-header[b-k5jb0y1osn] {
    padding-bottom: 1rem;
    border-bottom: 2px solid var(--aa-primary);
}

/* Table Enhancements */
.table-hover tbody tr:hover[b-k5jb0y1osn] {
    background-color: rgba(var(--aa-primary-rgb), 0.05);
}

/* Badge Styling */
.aa-badge-secondary[b-k5jb0y1osn] {
    background: var(--aa-secondary);
    color: white;
    font-weight: 500;
}

/* Button Group Enhancements */
.btn-group .btn[b-k5jb0y1osn] {
    min-width: 40px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .aa-option-values-list[b-k5jb0y1osn] {
        max-height: 200px;
    }
    
    .aa-option-value-item[b-k5jb0y1osn] {
        flex-direction: column;
        align-items: stretch !important;
    }
    
    .aa-option-value-item .btn-group[b-k5jb0y1osn] {
        margin-top: 0.5rem;
        align-self: flex-end;
    }
}
/* /Components/Admin/Pages/Companies/Index.razor.rz.scp.css */
/* Company Management Page Styles */

/* Company-specific card styling */
.aa-card .aa-artist-card-header .aa-artist-card-title i.fa-building[b-86qn1l4axl] {
    color: var(--aa-secondary);
    font-size: 0.9em;
}

/* Company logo placeholder styling */
.aa-placeholder-image .fa-building[b-86qn1l4axl] {
    color: var(--aa-secondary);
    font-size: 2rem;
}

/* Company status badges */
.aa-card .aa-card-badge .badge[b-86qn1l4axl] {
    font-size: var(--text-xs);
}

/* Company contact section styling */
.company-contact-section[b-86qn1l4axl] {
    background: rgba(var(--aa-secondary-rgb), 0.05);
    border-radius: 0.5rem;
    padding: 1rem;
    margin-bottom: 1rem;
}

.company-contact-section h6[b-86qn1l4axl] {
    color: var(--aa-secondary);
    margin-bottom: 0.75rem;
}

/* Company modal form styling */
.modal-content .form-label[b-86qn1l4axl] {
    font-weight: 600;
    color: var(--aa-text-dark);
    font-size: var(--text-sm);
}

.modal-content .form-control:focus[b-86qn1l4axl] {
    border-color: var(--aa-secondary);
    box-shadow: 0 0 0 0.2rem rgba(var(--aa-secondary-rgb), 0.25);
}

.modal-content .form-check-input:checked[b-86qn1l4axl] {
    background-color: var(--aa-secondary);
    border-color: var(--aa-secondary);
}

/* Company logo upload styling */
.company-logo-preview[b-86qn1l4axl] {
    border: 2px solid var(--aa-secondary);
    border-radius: 0.5rem;
    object-fit: contain;
    transition: all 0.3s ease;
}

.company-logo-preview:hover[b-86qn1l4axl] {
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(var(--aa-secondary-rgb), 0.3);
}

.company-logo-placeholder[b-86qn1l4axl] {
    background: rgba(var(--aa-secondary-rgb), 0.05);
    border: 2px dashed var(--aa-medium-gray) !important;
    transition: all 0.3s ease;
}

.company-logo-placeholder:hover[b-86qn1l4axl] {
    border-color: var(--aa-secondary) !important;
    background: rgba(var(--aa-secondary-rgb), 0.1);
}

/* File input styling */
.modal-content input[type="file"][b-86qn1l4axl] {
    font-size: var(--text-sm);
    padding: 0.5rem;
    border: 1px solid var(--aa-medium-gray);
    border-radius: 0.375rem;
    background: var(--aa-light-gray);
    transition: all 0.3s ease;
}

.modal-content input[type="file"]:hover[b-86qn1l4axl] {
    border-color: var(--aa-secondary);
    background: rgba(var(--aa-secondary-rgb), 0.05);
}

.modal-content input[type="file"]:focus[b-86qn1l4axl] {
    outline: none;
    border-color: var(--aa-secondary);
    box-shadow: 0 0 0 0.2rem rgba(var(--aa-secondary-rgb), 0.25);
}

/* Company form sections */
.company-form-section[b-86qn1l4axl] {
    border-top: 1px solid rgba(var(--aa-medium-gray-rgb), 0.2);
    padding-top: 1.5rem;
    margin-top: 1.5rem;
}

.company-form-section:first-child[b-86qn1l4axl] {
    border-top: none;
    padding-top: 0;
    margin-top: 0;
}

/* Website link styling */
.company-website-link[b-86qn1l4axl] {
    color: var(--aa-secondary);
    text-decoration: none;
    font-size: var(--text-xs);
}

.company-website-link:hover[b-86qn1l4axl] {
    color: var(--aa-secondary-dark);
    text-decoration: underline;
}

/* Company statistics styling */
.company-stats-grid[b-86qn1l4axl] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 0.5rem;
}

.company-stat-item[b-86qn1l4axl] {
    text-align: center;
    padding: 0.75rem;
    background: rgba(var(--aa-primary-rgb), 0.05);
    border-radius: 0.375rem;
    border: 1px solid rgba(var(--aa-primary-rgb), 0.1);
}

.company-stat-value[b-86qn1l4axl] {
    font-size: var(--text-lg);
    font-weight: 700;
    color: var(--aa-primary);
    margin-bottom: 0.25rem;
}

.company-stat-label[b-86qn1l4axl] {
    font-size: var(--text-xs);
    color: var(--aa-medium-gray);
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

/* Company action buttons */
.company-actions[b-86qn1l4axl] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.company-action-btn[b-86qn1l4axl] {
    flex: 1;
    min-width: 120px;
    font-size: var(--text-sm);
    padding: 0.5rem 0.75rem;
}

/* Logo upload area styling */
.company-logo-upload-area[b-86qn1l4axl] {
    border: 2px dashed var(--aa-medium-gray);
    border-radius: 0.5rem;
    background: rgba(var(--aa-light-gray-rgb), 0.3);
    transition: all 0.3s ease;
}

.company-logo-upload-area:hover[b-86qn1l4axl] {
    border-color: var(--aa-secondary);
    background: rgba(var(--aa-secondary-rgb), 0.05);
}

.company-logo-upload-area.dragover[b-86qn1l4axl] {
    border-color: var(--aa-secondary);
    background: rgba(var(--aa-secondary-rgb), 0.1);
    transform: scale(1.02);
}

/* Remove logo button styling */
.btn-outline-danger:hover[b-86qn1l4axl] {
    background-color: var(--aa-danger);
    border-color: var(--aa-danger);
    color: white;
}

/* Responsive adjustments for company cards */
@media (max-width: 768px) {
    .company-actions[b-86qn1l4axl] {
        flex-direction: column;
    }
    
    .company-action-btn[b-86qn1l4axl] {
        min-width: unset;
    }
    
    .company-stats-grid[b-86qn1l4axl] {
        grid-template-columns: repeat(3, 1fr);
    }

    .company-logo-preview[b-86qn1l4axl] {
        max-width: 80px !important;
        max-height: 80px !important;
    }

    .company-logo-placeholder[b-86qn1l4axl] {
        width: 80px !important;
        height: 80px !important;
    }
}

/* Empty state styling for companies */
.aa-no-results-card .fa-building[b-86qn1l4axl] {
    color: var(--aa-secondary);
    opacity: 0.6;
}

/* Company filter badges */
.aa-filter-badge[b-86qn1l4axl] {
    background: rgba(var(--aa-secondary-rgb), 0.1);
    color: var(--aa-secondary-dark);
    border: 1px solid rgba(var(--aa-secondary-rgb), 0.2);
}

.aa-filter-badge .aa-filter-badge-close[b-86qn1l4axl] {
    color: var(--aa-secondary);
}

.aa-filter-badge .aa-filter-badge-close:hover[b-86qn1l4axl] {
    color: var(--aa-danger);
}

/* Company search and toolbar styling */
.aa-artists-toolbar .form-control:focus[b-86qn1l4axl] {
    border-color: var(--aa-secondary);
    box-shadow: 0 0 0 0.2rem rgba(var(--aa-secondary-rgb), 0.25);
}

.aa-artists-toolbar .aa-sort-select:focus[b-86qn1l4axl] {
    border-color: var(--aa-secondary);
    box-shadow: 0 0 0 0.2rem rgba(var(--aa-secondary-rgb), 0.25);
}

/* Contributing Artists Modal Styles */
.contributor-modal .modal-dialog[b-86qn1l4axl] {
    max-width: 900px;
}

.contributor-item[b-86qn1l4axl] {
    transition: all 0.3s ease;
    border-radius: 0.5rem;
}

.contributor-item:hover[b-86qn1l4axl] {
    background-color: rgba(var(--aa-primary-rgb), 0.05);
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.contributor-avatar[b-86qn1l4axl] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--aa-light-gray);
}

.contributor-info[b-86qn1l4axl] {
    flex: 1;
    min-width: 0;
}

.contributor-name[b-86qn1l4axl] {
    font-weight: 600;
    color: var(--aa-text-dark);
    margin-bottom: 0.25rem;
}

.contributor-email[b-86qn1l4axl] {
    color: var(--aa-medium-gray);
    font-size: var(--text-xs);
}

.contributor-tags[b-86qn1l4axl] {
    margin-top: 0.25rem;
}

.contributor-tag[b-86qn1l4axl] {
    font-size: 0.65rem;
    padding: 0.125rem 0.375rem;
    border-radius: 0.25rem;
    margin-right: 0.25rem;
}

/* Artist Search Dropdown Styles */
.aa-searchable-select[b-86qn1l4axl] {
    position: relative;
}

.aa-dropdown-container[b-86qn1l4axl] {
    position: relative;
    z-index: 1050;
}

.aa-dropdown-menu[b-86qn1l4axl] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border: 1px solid var(--aa-light-gray);
    border-radius: 0.5rem;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
    max-height: 400px;
    overflow-y: auto;
    z-index: 1060;
}

.aa-dropdown-header[b-86qn1l4axl] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--aa-light-gray);
    background: rgba(var(--aa-primary-rgb), 0.05);
    border-radius: 0.5rem 0.5rem 0 0;
}

.aa-dropdown-scroll[b-86qn1l4axl] {
    padding: 0.5rem 0;
}

.aa-dropdown-item[b-86qn1l4axl] {
    padding: 0.75rem 1rem;
    cursor: pointer;
    transition: all 0.2s ease;
    border: none;
    background: none;
    width: 100%;
    text-align: left;
    display: block;
}

.aa-dropdown-item:hover[b-86qn1l4axl] {
    background-color: rgba(var(--aa-primary-rgb), 0.05);
}

.aa-dropdown-item.selected[b-86qn1l4axl] {
    background-color: rgba(var(--aa-primary-rgb), 0.1);
    color: var(--aa-primary);
}

.aa-dropdown-item.disabled[b-86qn1l4axl] {
    cursor: not-allowed;
    opacity: 0.6;
    background: none !important;
}

.aa-dropdown-overlay[b-86qn1l4axl] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    background: rgba(0, 0, 0, 0.1);
}

/* Contributing Artists Section in Card */
.contributing-artists-section[b-86qn1l4axl] {
    background: rgba(var(--aa-info-rgb), 0.05);
    border: 1px solid rgba(var(--aa-info-rgb), 0.15);
    border-radius: 0.5rem;
    padding: 0.75rem;
}

.contributing-artists-section h6[b-86qn1l4axl] {
    color: var(--aa-info);
    margin-bottom: 0.5rem;
}

.contributor-badge[b-86qn1l4axl] {
    background: rgba(var(--aa-info-rgb), 0.1);
    color: var(--aa-info-dark);
    border: 1px solid rgba(var(--aa-info-rgb), 0.2);
    font-size: var(--text-xs);
    padding: 0.25rem 0.5rem;
    border-radius: 0.375rem;
    display: inline-flex;
    align-items: center;
    margin-right: 0.25rem;
    margin-bottom: 0.25rem;
}

.contributor-badge i[b-86qn1l4axl] {
    margin-right: 0.25rem;
    font-size: 0.75em;
}

.add-contributor-btn[b-86qn1l4axl] {
    width: 28px;
    height: 28px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: var(--text-xs);
    transition: all 0.2s ease;
}

.add-contributor-btn:hover[b-86qn1l4axl] {
    transform: scale(1.1);
    box-shadow: 0 2px 8px rgba(var(--aa-success-rgb), 0.3);
}

/* Status grid adjustments for 4 columns */
.company-status-grid[b-86qn1l4axl] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.5rem;
}

.company-status-item[b-86qn1l4axl] {
    text-align: center;
    padding: 0.5rem;
    background: rgba(var(--aa-primary-rgb), 0.05);
    border-radius: 0.375rem;
    border: 1px solid rgba(var(--aa-primary-rgb), 0.1);
    min-height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.company-status-value[b-86qn1l4axl] {
    font-size: var(--text-sm);
    font-weight: 700;
    color: var(--aa-primary);
    margin-bottom: 0.125rem;
}

.company-status-label[b-86qn1l4axl] {
    font-size: var(--text-xxs);
    color: var(--aa-medium-gray);
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .company-status-grid[b-86qn1l4axl] {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .aa-dropdown-menu[b-86qn1l4axl] {
        max-height: 300px;
    }
    
    .contributor-modal .modal-dialog[b-86qn1l4axl] {
        margin: 1rem;
        max-width: none;
    }
    
    .contributor-item[b-86qn1l4axl] {
        padding: 0.5rem !important;
    }
    
    .contributor-avatar[b-86qn1l4axl] {
        width: 32px;
        height: 32px;
    }
}
/* /Components/Admin/Pages/Contacts/Index.razor.rz.scp.css */
/* ===== CONTACT INQUIRIES ADMIN PAGE STYLES ===== */

/* Page Header */
.contact-page-header[b-ev25mqqi9f] {
    background: var(--aa-gradient-monochrome-hero);
    border-bottom: 1px solid rgba(var(--aa-primary-rgb), 0.1);
    padding: 1rem 0;
    margin-bottom: 1.5rem;
}

.main-absolute .contact-page-header[b-ev25mqqi9f] {
    padding-top: 80px;
}

.contact-page-title[b-ev25mqqi9f] {
    color: var(--aa-light);
    font-size: var(--text-xl);
    font-weight: 600;
    margin: 0;
}

.contact-page-subtitle[b-ev25mqqi9f] {
    color: var(--aa-light);
    font-size: var(--text-xs);
    margin: 0;
    opacity: 0.9;
}

/* Stats Summary */
.contact-stats-bar[b-ev25mqqi9f] {
    background: white;
    border: 1px solid rgba(var(--aa-primary-rgb), 0.1);
    border-radius: 0.5rem;
    padding: 1rem;
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.contact-stat-item[b-ev25mqqi9f] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: var(--text-xs);
    color: var(--aa-dark-gray);
}

.contact-stat-number[b-ev25mqqi9f] {
    font-weight: 700;
    color: var(--aa-primary);
    font-size: var(--text-sm);
}

.contact-stat-icon[b-ev25mqqi9f] {
    color: var(--aa-primary);
    font-size: 1rem;
}

/* Toolbar */
.contact-toolbar[b-ev25mqqi9f] {
    background: white;
    border: 1px solid rgba(var(--aa-primary-rgb), 0.1);
    border-radius: 0.5rem;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.contact-toolbar-left h3[b-ev25mqqi9f] {
    margin: 0;
    font-size: var(--text-lg);
    color: var(--aa-primary);
    font-weight: 600;
}

.contact-toolbar-right[b-ev25mqqi9f] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.contact-filter-btn[b-ev25mqqi9f] {
    background: var(--aa-primary);
    color: white;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
    font-size: var(--text-xs);
    font-weight: 600;
    transition: all 0.2s ease;
    cursor: pointer;
}

.contact-filter-btn:hover[b-ev25mqqi9f] {
    background: var(--aa-primary-dark);
    transform: translateY(-1px);
}

.contact-filter-btn.active[b-ev25mqqi9f] {
    background: var(--aa-accent-cool);
}

/* Table Styles */
.contact-table-container[b-ev25mqqi9f] {
    background: white;
    border: 1px solid rgba(var(--aa-primary-rgb), 0.1);
    border-radius: 0.5rem;
    overflow: hidden;
    margin-bottom: 3rem;
}

.contact-table[b-ev25mqqi9f] {
    margin: 0;
    border: none;
}

.contact-table thead[b-ev25mqqi9f] {
    background: var(--aa-gradient-monochrome-hero);
}

.contact-table th[b-ev25mqqi9f] {
    color: var(--aa-light);
    font-size: var(--text-xs);
    font-weight: 600;
    padding: 0.75rem;
    border: none;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.contact-table td[b-ev25mqqi9f] {
    padding: 0.75rem;
    border-bottom: 1px solid rgba(var(--aa-primary-rgb), 0.05);
    font-size: var(--text-xs);
    vertical-align: middle;
}

.contact-table tbody tr[b-ev25mqqi9f] {
    transition: all 0.2s ease;
}

.contact-table tbody tr:hover[b-ev25mqqi9f] {
    background: rgba(var(--aa-primary-rgb), 0.02);
}

.contact-table tbody tr.unread[b-ev25mqqi9f] {
    background: rgba(var(--aa-warning-rgb), 0.05);
    border-left: 4px solid var(--aa-warning);
}

.contact-table tbody tr.unread:hover[b-ev25mqqi9f] {
    background: rgba(var(--aa-warning-rgb), 0.08);
}

/* Contact Message Preview */
.contact-message-preview[b-ev25mqqi9f] {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

/* Badge Styles */
.contact-badge[b-ev25mqqi9f] {
    font-size: var(--text-xxs);
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.contact-badge.read[b-ev25mqqi9f] {
    background: rgba(var(--aa-success-rgb), 0.1);
    color: var(--aa-success);
}

.contact-badge.unread[b-ev25mqqi9f] {
    background: rgba(var(--aa-danger-rgb), 0.1);
    color: var(--aa-danger);
}

.contact-badge.artist-inquiry[b-ev25mqqi9f] {
    background: rgba(var(--aa-info-rgb), 0.1);
    color: var(--aa-info);
}

/* Action Buttons */
.contact-action-btn[b-ev25mqqi9f] {
    background: var(--aa-primary);
    color: white;
    border: none;
    padding: 0.375rem 0.75rem;
    border-radius: 0.25rem;
    font-size: var(--text-xxs);
    font-weight: 600;
    transition: all 0.2s ease;
    cursor: pointer;
}

.contact-action-btn:hover[b-ev25mqqi9f] {
    background: var(--aa-primary-dark);
    transform: translateY(-1px);
}

.contact-action-btn.secondary[b-ev25mqqi9f] {
    background: var(--aa-medium-gray);
    color: var(--aa-dark);
}

.contact-action-btn.secondary:hover[b-ev25mqqi9f] {
    background: var(--aa-dark-gray);
    color: white;
}

/* Modal Styles */
.contact-modal[b-ev25mqqi9f] {
    background: rgba(var(--aa-dark-rgb), 0.5);
    backdrop-filter: blur(3px);
}

.contact-modal .modal-content[b-ev25mqqi9f] {
    border: none;
    border-radius: 0.75rem;
    box-shadow: var(--elevation-4);
}

.contact-modal .modal-header[b-ev25mqqi9f] {
    background: var(--aa-gradient-monochrome-hero);
    color: var(--aa-light);
    border-bottom: 1px solid rgba(var(--aa-primary-rgb), 0.1);
    border-radius: 0.75rem 0.75rem 0 0;
    padding: 1rem 1.5rem;
}

.contact-modal .modal-title[b-ev25mqqi9f] {
    font-size: var(--text-lg);
    font-weight: 600;
    margin: 0;
}

.contact-modal .btn-close[b-ev25mqqi9f] {
    background: none;
    border: none;
    color: var(--aa-light);
    opacity: 0.8;
    font-size: 1.2rem;
    padding: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-modal .btn-close:hover[b-ev25mqqi9f] {
    opacity: 1;
    color: white;
}

.contact-modal .btn-close[b-ev25mqqi9f]::before {
    content: '×';
}

.contact-modal .modal-body[b-ev25mqqi9f] {
    padding: 1.5rem;
}

.contact-modal .modal-footer[b-ev25mqqi9f] {
    padding: 1rem 1.5rem;
    border-top: 1px solid rgba(var(--aa-primary-rgb), 0.1);
    background: rgba(var(--aa-primary-rgb), 0.02);
}

/* Contact Details */
.contact-details dl[b-ev25mqqi9f] {
    margin: 0;
}

.contact-details dt[b-ev25mqqi9f] {
    font-weight: 600;
    color: var(--aa-primary);
    font-size: var(--text-xs);
    margin-bottom: 0.25rem;
}

.contact-details dd[b-ev25mqqi9f] {
    color: var(--aa-dark-gray);
    font-size: var(--text-xs);
    margin-bottom: 1rem;
    line-height: 1.4;
}

.contact-details dd:last-child[b-ev25mqqi9f] {
    margin-bottom: 0;
}

.contact-message-full[b-ev25mqqi9f] {
    background: rgba(var(--aa-primary-rgb), 0.02);
    border: 1px solid rgba(var(--aa-primary-rgb), 0.1);
    border-radius: 0.5rem;
    padding: 1rem;
    line-height: 1.5;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/* Action Log Styles */
.action-log-section[b-ev25mqqi9f] {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 2px solid rgba(var(--aa-primary-rgb), 0.1);
}

.action-log-title[b-ev25mqqi9f] {
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--aa-primary);
    margin-bottom: 1rem;
}

.action-log-table[b-ev25mqqi9f] {
    font-size: var(--text-xxs);
    margin: 0;
}

.action-log-table th[b-ev25mqqi9f] {
    background: rgba(var(--aa-primary-rgb), 0.05);
    color: var(--aa-primary);
    font-weight: 600;
    padding: 0.5rem 0.75rem;
    border: 1px solid rgba(var(--aa-primary-rgb), 0.1);
}

.action-log-table td[b-ev25mqqi9f] {
    padding: 0.5rem 0.75rem;
    border: 1px solid rgba(var(--aa-primary-rgb), 0.1);
    cursor: pointer;
    transition: background 0.2s ease;
}

.action-log-table tbody tr:hover[b-ev25mqqi9f] {
    background: rgba(var(--aa-primary-rgb), 0.02);
}

.action-log-expanded[b-ev25mqqi9f] {
    background: rgba(var(--aa-accent-cool-rgb), 0.02);
    font-style: italic;
    color: var(--aa-dark-gray);
}

.action-log-empty[b-ev25mqqi9f] {
    background: rgba(var(--aa-medium-gray-rgb), 0.05);
    color: var(--aa-dark-gray);
    text-align: center;
    padding: 1rem;
    border-radius: 0.5rem;
    font-size: var(--text-xs);
}

/* Add Action Log Form */
.add-action-form .form-label[b-ev25mqqi9f] {
    font-weight: 600;
    color: var(--aa-primary);
    font-size: var(--text-xs);
    margin-bottom: 0.5rem;
}

.add-action-form .form-control[b-ev25mqqi9f] {
    border: 1px solid rgba(var(--aa-primary-rgb), 0.2);
    border-radius: 0.375rem;
    font-size: var(--text-xs);
    transition: all 0.2s ease;
}

.add-action-form .form-control:focus[b-ev25mqqi9f] {
    border-color: var(--aa-primary);
    box-shadow: 0 0 0 3px rgba(var(--aa-primary-rgb), 0.1);
}

.add-action-form .form-check[b-ev25mqqi9f] {
    margin-bottom: 0.5rem;
}

.add-action-form .form-check-input[b-ev25mqqi9f] {
    border-color: rgba(var(--aa-primary-rgb), 0.3);
}

.add-action-form .form-check-input:checked[b-ev25mqqi9f] {
    background-color: var(--aa-primary);
    border-color: var(--aa-primary);
}

.add-action-form .form-check-label[b-ev25mqqi9f] {
    font-size: var(--text-xs);
    color: var(--aa-dark-gray);
}

.add-action-form .form-check-label.text-muted[b-ev25mqqi9f] {
    color: var(--aa-medium-gray) !important;
}

/* Loading States */
.contact-loading[b-ev25mqqi9f] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    color: var(--aa-primary);
}

.contact-loading .spinner-border[b-ev25mqqi9f] {
    margin-right: 1rem;
}

/* Empty States */
.contact-empty[b-ev25mqqi9f] {
    background: rgba(var(--aa-primary-rgb), 0.02);
    border: 2px dashed rgba(var(--aa-primary-rgb), 0.1);
    border-radius: 0.75rem;
    padding: 3rem 2rem;
    text-align: center;
    color: var(--aa-dark-gray);
    margin-bottom: 3rem;
}

.contact-empty-icon[b-ev25mqqi9f] {
    font-size: 3rem;
    color: var(--aa-medium-gray);
    margin-bottom: 1rem;
}

/* Error States */
.contact-error[b-ev25mqqi9f] {
    background: rgba(var(--aa-danger-rgb), 0.05);
    border: 1px solid rgba(var(--aa-danger-rgb), 0.2);
    border-left: 4px solid var(--aa-danger);
    border-radius: 0.5rem;
    padding: 1rem 1.5rem;
    color: var(--aa-danger);
    font-size: var(--text-xs);
    margin-bottom: 1.5rem;
}

/* Responsive Design */
@media (max-width: 991.98px) {
    .contact-stats-bar[b-ev25mqqi9f] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .contact-toolbar[b-ev25mqqi9f] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .contact-toolbar-right[b-ev25mqqi9f] {
        justify-content: space-between;
    }
    
    .contact-table[b-ev25mqqi9f] {
        font-size: var(--text-xxs);
    }
    
    .contact-table th[b-ev25mqqi9f],
    .contact-table td[b-ev25mqqi9f] {
        padding: 0.5rem;
    }
    
    .contact-message-preview[b-ev25mqqi9f] {
        max-width: 200px;
    }
}

@media (max-width: 767.98px) {
    .contact-page-header[b-ev25mqqi9f] {
        padding: 0.75rem 0;
    }
    
    .main-absolute .contact-page-header[b-ev25mqqi9f] {
        padding-top: calc(80px + 0.75rem);
    }
    
    .contact-stats-bar[b-ev25mqqi9f] {
        padding: 0.75rem;
    }
    
    .contact-toolbar[b-ev25mqqi9f] {
        padding: 0.5rem 0.75rem;
    }
    
    .contact-toolbar-right[b-ev25mqqi9f] {
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .contact-filter-btn[b-ev25mqqi9f] {
        width: 100%;
        justify-content: center;
    }
    
    .contact-table-container[b-ev25mqqi9f] {
        overflow-x: auto;
        margin-bottom: 2rem;
    }
    
    .contact-message-preview[b-ev25mqqi9f] {
        max-width: 150px;
    }
    
    .contact-modal .modal-body[b-ev25mqqi9f] {
        padding: 1rem;
    }
    
    .contact-modal .modal-footer[b-ev25mqqi9f] {
        padding: 0.75rem 1rem;
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .contact-modal .btn[b-ev25mqqi9f] {
        width: 100%;
    }
    
    .contact-details .row[b-ev25mqqi9f] {
        margin: 0;
    }
    
    .contact-details .col-sm-3[b-ev25mqqi9f],
    .contact-details .col-sm-9[b-ev25mqqi9f] {
        padding: 0;
    }
    
    .action-log-table[b-ev25mqqi9f] {
        font-size: 0.7rem;
    }
}

@media (max-width: 575.98px) {
    .contact-page-header[b-ev25mqqi9f] {
        margin-bottom: 1rem;
    }
    
    .main-absolute .contact-page-header[b-ev25mqqi9f] {
        padding-top: calc(80px + 0.5rem);
    }
    
    .contact-stats-bar[b-ev25mqqi9f] {
        margin-bottom: 1rem;
        padding: 0.5rem;
    }
    
    .contact-stat-item[b-ev25mqqi9f] {
        justify-content: space-between;
        padding: 0.5rem 0;
        border-bottom: 1px solid rgba(var(--aa-primary-rgb), 0.1);
    }
    
    .contact-stat-item:last-child[b-ev25mqqi9f] {
        border-bottom: none;
    }
    
    .contact-toolbar[b-ev25mqqi9f] {
        padding: 0.5rem;
    }
    
    .contact-table-container[b-ev25mqqi9f] {
        margin-bottom: 1.5rem;
    }
    
    .contact-modal .modal-header[b-ev25mqqi9f] {
        padding: 0.75rem 1rem;
    }
    
    .contact-details dt[b-ev25mqqi9f] {
        font-weight: 700;
        margin-top: 1rem;
    }
    
    .contact-details dt:first-child[b-ev25mqqi9f] {
        margin-top: 0;
    }
    
    .contact-details dd[b-ev25mqqi9f] {
        margin-bottom: 0;
        padding-bottom: 0.5rem;
        border-bottom: 1px solid rgba(var(--aa-primary-rgb), 0.1);
    }
}
/* /Components/Admin/Pages/FeaturedArtists/Index.razor.rz.scp.css */
/* Featured Artists Admin Page Styles */

.aa-admin-header[b-zi9yja7cxj] {
    background: linear-gradient(135deg, var(--aa-primary) 0%, var(--aa-secondary) 100%);
    color: white;
    padding: 2rem;
    border-radius: 0.75rem;
    margin-bottom: 1.5rem;
}

.aa-admin-header h1[b-zi9yja7cxj] {
    color: white;
    margin-bottom: 0.5rem;
}

.aa-admin-header p[b-zi9yja7cxj] {
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 0;
}

.aa-featured-toolbar[b-zi9yja7cxj] {
    background: var(--aa-bg-light);
    padding: 1.5rem;
    border-radius: 0.5rem;
    border: 1px solid var(--bs-border-color);
}

.aa-featured-toolbar .form-select[b-zi9yja7cxj] {
    border: 1px solid var(--aa-border-color);
}

.aa-featured-toolbar .form-select:focus[b-zi9yja7cxj] {
    border-color: var(--aa-primary);
    box-shadow: 0 0 0 0.2rem rgba(127, 112, 155, 0.25);
}

.aa-results-summary[b-zi9yja7cxj] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0.75rem 1rem;
    background: var(--aa-bg-white);
    border-radius: 0.375rem;
    border: 1px solid var(--aa-border-light);
}

/* Featured Artists Grid */
.aa-featured-grid[b-zi9yja7cxj] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    gap: 1.5rem;
    margin-top: 1.5rem;
}

.aa-featured-card[b-zi9yja7cxj] {
    background: var(--aa-bg-white);
    border: 1px solid var(--aa-border-light);
    border-radius: 0.75rem;
    overflow: hidden;
    transition: all 0.3s ease;
    position: relative;
}

.aa-featured-card:hover[b-zi9yja7cxj] {
    transform: translateY(-2px);
    box-shadow: var(--elevation-4);
    border-color: var(--aa-primary);
}

.aa-featured-card-header[b-zi9yja7cxj] {
    padding: 1rem 1.25rem;
    background: var(--aa-bg-light);
    border-bottom: 1px solid var(--aa-border-light);
}

.aa-featured-card-body[b-zi9yja7cxj] {
    padding: 1.25rem;
}

/* Artist Profile Section */
.artist-profile-section[b-zi9yja7cxj] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.artist-profile-image[b-zi9yja7cxj] {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    border: 2px solid var(--aa-border-light);
}

.artist-profile-placeholder[b-zi9yja7cxj] {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background: var(--aa-bg-light-gray);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--aa-text-medium-gray);
    font-size: 2rem;
    flex-shrink: 0;
    border: 2px solid var(--aa-border-light);
}

.artist-details[b-zi9yja7cxj] {
    flex: 1;
    min-width: 0;
}

.artist-details h4[b-zi9yja7cxj] {
    margin-bottom: 0.25rem;
    line-height: 1.3;
}

.artist-details p[b-zi9yja7cxj] {
    margin-bottom: 0.5rem;
}

/* Featured Tags */
.featured-tags[b-zi9yja7cxj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.featured-tags .badge[b-zi9yja7cxj] {
    font-size: 0.75rem;
    padding: 0.375rem 0.75rem;
    border-radius: 1rem;
}

/* Status Badges */
.aa-badge-success[b-zi9yja7cxj] {
    background-color: var(--aa-success);
    color: white;
}

.aa-badge-info[b-zi9yja7cxj] {
    background-color: var(--aa-info);
    color: white;
}

.aa-badge-warning[b-zi9yja7cxj] {
    background-color: var(--aa-warning);
    color: white;
}

.aa-badge-secondary[b-zi9yja7cxj] {
    background-color: var(--aa-text-medium-gray);
    color: white;
}

.aa-badge-primary[b-zi9yja7cxj] {
    background-color: var(--aa-primary);
    color: white;
}

.aa-badge-accent[b-zi9yja7cxj] {
    background-color: var(--aa-accent-warm);
    color: white;
}

/* Action Buttons */
.featured-actions[b-zi9yja7cxj] {
    display: flex;
    align-items: center;
}

.featured-actions .btn[b-zi9yja7cxj] {
    border-radius: 0.375rem;
    padding: 0.375rem 0.75rem;
    border: none;
}

.featured-actions .btn:hover[b-zi9yja7cxj] {
    transform: scale(1.05);
}

/* Schedule Section */
.featured-schedule[b-zi9yja7cxj] {
    background: var(--aa-bg-light);
    padding: 1rem;
    border-radius: 0.5rem;
    border: 1px solid var(--aa-border-light);
}

/* Meta Section */
.featured-meta[b-zi9yja7cxj] {
    background: var(--aa-bg-light);
    padding: 1rem;
    border-radius: 0.5rem;
    border: 1px solid var(--aa-border-light);
}

.featured-meta .row > div[b-zi9yja7cxj] {
    text-align: center;
}

/* Description and Notes */
.featured-description[b-zi9yja7cxj],
.featured-notes[b-zi9yja7cxj] {
    background: var(--aa-bg-light);
    padding: 1rem;
    border-radius: 0.5rem;
    border-left: 3px solid var(--aa-accent-cool);
}

/* Audit Information */
.featured-audit[b-zi9yja7cxj] {
    color: var(--aa-text-medium-gray);
    font-style: italic;
}

/* No Results State */
.aa-no-results-card[b-zi9yja7cxj] {
    background: var(--aa-bg-white);
    border: 2px dashed var(--aa-border-light);
    border-radius: 0.75rem;
    padding: 3rem 2rem;
    text-align: center;
    margin-top: 2rem;
}

.aa-no-results-card .btn[b-zi9yja7cxj] {
    margin-top: 1rem;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .aa-featured-grid[b-zi9yja7cxj] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    .aa-admin-header[b-zi9yja7cxj] {
        padding: 1.5rem;
        text-align: center;
    }
    
    .aa-admin-header .row[b-zi9yja7cxj] {
        flex-direction: column;
    }
    
    .aa-featured-toolbar .row[b-zi9yja7cxj] {
        flex-direction: column;
    }
    
    .artist-profile-section[b-zi9yja7cxj] {
        flex-direction: column;
        text-align: center;
    }
    
    .artist-profile-image[b-zi9yja7cxj],
    .artist-profile-placeholder[b-zi9yja7cxj] {
        align-self: center;
    }
    
    .featured-meta .row > div[b-zi9yja7cxj] {
        margin-bottom: 0.75rem;
    }
}

@media (max-width: 480px) {
    .aa-featured-card-body[b-zi9yja7cxj] {
        padding: 1rem;
    }
    
    .aa-featured-toolbar[b-zi9yja7cxj] {
        padding: 1rem;
    }
    
    .featured-actions[b-zi9yja7cxj] {
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .featured-actions .btn[b-zi9yja7cxj] {
        width: 100%;
    }
}
/* /Components/Admin/Pages/FeaturedArtworks/Index.razor.rz.scp.css */
/* ===== FEATURED ARTWORKS ADMIN PAGE STYLES ===== */

/* Main Container - Account for top navigation */
.container-fluid[b-2lsujscgwt] {
    padding-top: 80px;
}

/* Admin Header */
.aa-admin-header[b-2lsujscgwt] {
    padding: 1.5rem 0;
    border-bottom: 1px solid rgba(var(--aa-primary-rgb), 0.1);
    margin-bottom: 0 !important;
}

/* Featured Artworks Toolbar */
.aa-featured-toolbar[b-2lsujscgwt] {
    background: white;
    border-radius: 0.75rem;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(var(--aa-primary-rgb), 0.08);
    border: 1px solid rgba(var(--aa-primary-rgb), 0.1);
}

.aa-status-select[b-2lsujscgwt],
.aa-theme-select[b-2lsujscgwt],
.aa-sort-select[b-2lsujscgwt] {
    border: 1px solid var(--aa-medium-gray);
    border-radius: 0.5rem;
    background-color: white;
    color: var(--aa-dark-gray);
    transition: all 0.2s ease;
    cursor: pointer;
}

.aa-status-select:focus[b-2lsujscgwt],
.aa-theme-select:focus[b-2lsujscgwt],
.aa-sort-select:focus[b-2lsujscgwt] {
    border-color: var(--aa-primary);
    box-shadow: 0 0 0 3px rgba(var(--aa-primary-rgb), 0.1);
    outline: none;
}

/* Featured Artworks Grid */
.aa-featured-grid[b-2lsujscgwt] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

/* Featured Artwork Cards */
.aa-featured-card[b-2lsujscgwt] {
    background: white;
    border-radius: 1rem;
    overflow: hidden;
    transition: all 0.3s var(--ease-out);
    border: 1px solid rgba(var(--aa-primary-rgb), 0.1);
}

.aa-featured-card:hover[b-2lsujscgwt] {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(var(--aa-primary-rgb), 0.15) !important;
}

/* Card Header */
.aa-featured-card-header[b-2lsujscgwt] {
    background: linear-gradient(135deg, var(--aa-light) 0%, white 100%);
    padding: 1rem 1.25rem;
    border-bottom: 1px solid rgba(var(--aa-primary-rgb), 0.1);
}

.featured-status .badge[b-2lsujscgwt] {
    font-size: var(--text-xs);
    padding: 0.375rem 0.75rem;
}

.featured-actions .btn[b-2lsujscgwt] {
    transition: all 0.2s ease;
}

.featured-actions .btn:hover[b-2lsujscgwt] {
    transform: translateY(-2px);
}

/* Card Body */
.aa-featured-card-body[b-2lsujscgwt] {
    padding: 1.25rem;
}

.featured-artwork-info h4[b-2lsujscgwt] {
    line-height: 1.3;
    margin-bottom: 0.5rem;
}

.featured-artwork-info p[b-2lsujscgwt] {
    margin-bottom: 0.75rem;
    font-style: italic;
}

/* Schedule Information */
.featured-schedule[b-2lsujscgwt] {
    background: rgba(var(--aa-accent-cool-rgb), 0.05);
    border-radius: 0.5rem;
    padding: 0.75rem;
    border-left: 3px solid var(--aa-accent-cool);
}

.featured-schedule small[b-2lsujscgwt] {
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

/* Meta Information */
.featured-meta[b-2lsujscgwt] {
    background: rgba(var(--aa-primary-rgb), 0.03);
    border-radius: 0.5rem;
    padding: 0.75rem;
    border-left: 3px solid var(--aa-primary);
}

.featured-meta small[b-2lsujscgwt] {
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

/* Curator Notes */
.featured-notes[b-2lsujscgwt] {
    background: rgba(var(--aa-accent-warm-rgb), 0.05);
    border-radius: 0.5rem;
    padding: 0.75rem;
    border-left: 3px solid var(--aa-accent-warm);
}

.featured-notes p[b-2lsujscgwt] {
    margin-bottom: 0;
    line-height: 1.4;
}

/* Audit Information */
.featured-audit[b-2lsujscgwt] {
    border-top: 1px solid rgba(var(--aa-medium-gray-rgb), 0.3) !important;
}

/* Status Badge Colors */
.aa-badge-success[b-2lsujscgwt] {
    background: linear-gradient(135deg, var(--aa-success) 0%, rgba(var(--aa-success-rgb), 0.8) 100%);
}

.aa-badge-info[b-2lsujscgwt] {
    background: linear-gradient(135deg, var(--aa-info) 0%, rgba(var(--aa-info-rgb), 0.8) 100%);
}

.aa-badge-warning[b-2lsujscgwt] {
    background: linear-gradient(135deg, var(--aa-warning) 0%, rgba(var(--aa-warning-rgb), 0.8) 100%);
    color: var(--aa-dark);
}

.aa-badge-secondary[b-2lsujscgwt] {
    background: linear-gradient(135deg, var(--aa-secondary) 0%, rgba(var(--aa-secondary-rgb), 0.8) 100%);
}

/* Responsive Design */
@media (max-width: 1200px) {
    .aa-featured-grid[b-2lsujscgwt] {
        grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
        gap: 1rem;
    }
}

@media (max-width: 768px) {
    .aa-admin-header[b-2lsujscgwt] {
        padding: 1rem 0;
    }
    
    .aa-admin-header .row[b-2lsujscgwt] {
        flex-direction: column;
        text-align: center;
        gap: 1rem;
    }
    
    .aa-featured-toolbar[b-2lsujscgwt] {
        padding: 1rem;
    }
    
    .aa-featured-toolbar .row[b-2lsujscgwt] {
        gap: 1rem;
    }
    
    .aa-featured-grid[b-2lsujscgwt] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    .aa-featured-card-header .d-flex[b-2lsujscgwt] {
        flex-direction: column;
        align-items: stretch !important;
        gap: 0.75rem;
    }
    
    .featured-actions[b-2lsujscgwt] {
        text-align: center;
    }
    
    .aa-results-summary[b-2lsujscgwt] {
        text-align: center !important;
    }
}

@media (max-width: 576px) {
    .aa-featured-card-header[b-2lsujscgwt],
    .aa-featured-card-body[b-2lsujscgwt] {
        padding: 1rem;
    }
    
    .featured-schedule .row[b-2lsujscgwt],
    .featured-meta .row[b-2lsujscgwt] {
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .featured-schedule .col-6[b-2lsujscgwt],
    .featured-meta .col-4[b-2lsujscgwt] {
        text-align: center;
    }
}
/* /Components/Admin/Pages/Index.razor.rz.scp.css */
/* ===== ADMIN DASHBOARD SPECIFIC STYLES ===== */

/* Quick Stats in Hero */
.admin-quick-stats[b-1brvra1jyx] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.quick-stat-item[b-1brvra1jyx] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 0.75rem;
    transition: all 0.3s ease;
}

.quick-stat-item:hover[b-1brvra1jyx] {
    background: rgba(255, 255, 255, 0.1);
    transform: translateX(4px);
}

.quick-stat-item .stat-icon[b-1brvra1jyx] {
    font-size: 1.5rem;
    color: rgba(255, 255, 255, 0.9);
    min-width: 2rem;
}

.quick-stat-item .stat-details[b-1brvra1jyx] {
    flex: 1;
    color: white;
}

.quick-stat-item .stat-number[b-1brvra1jyx] {
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0.25rem;
}

.quick-stat-item .stat-label[b-1brvra1jyx] {
    opacity: 0.8;
    line-height: 1;
    margin: 0;
}

/* Admin Statistics Cards */
.aa-admin-stat-card[b-1brvra1jyx] {
    background: white;
    border-radius: 1rem;
    padding: 2rem;
    transition: all 0.3s var(--ease-out);
    border: 1px solid rgba(var(--aa-primary-rgb), 0.05);
    position: relative;
    overflow: hidden;
}

.aa-admin-stat-card[b-1brvra1jyx]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--aa-gradient-primary);
}

.aa-admin-stat-card:hover[b-1brvra1jyx] {
    transform: translateY(-8px);
    box-shadow: var(--elevation-4) !important;
}

.stat-card-icon[b-1brvra1jyx] {
    margin-bottom: 1.5rem;
}

.stat-card-icon i[b-1brvra1jyx] {
    font-size: 2.5rem;
}

.stat-card-content .stat-number[b-1brvra1jyx] {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0.5rem;
}

.stat-card-content .stat-label[b-1brvra1jyx] {
    color: var(--aa-dark-gray);
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.stat-change[b-1brvra1jyx] {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0.25rem 0.75rem;
    border-radius: 1rem;
    display: inline-flex;
}

.stat-change.positive[b-1brvra1jyx] {
    background: rgba(var(--aa-success-rgb), 0.1);
    color: var(--aa-success);
}

.stat-change.negative[b-1brvra1jyx] {
    background: rgba(var(--aa-danger-rgb), 0.1);
    color: var(--aa-danger);
}

.stat-change.neutral[b-1brvra1jyx] {
    background: rgba(var(--aa-medium-gray-rgb), 0.1);
    color: var(--aa-dark-gray);
}

.stat-change.attention[b-1brvra1jyx] {
    background: rgba(var(--aa-warning-rgb), 0.1);
    color: var(--aa-warning);
}

/* Admin Link Cards */
.aa-admin-link-card[b-1brvra1jyx] {
    background: white;
    border-radius: 1rem;
    padding: 2rem;
    transition: all 0.3s var(--ease-out);
    border: 1px solid rgba(var(--aa-primary-rgb), 0.05);
    position: relative;
    text-decoration: none !important;
    display: block;
}

.aa-admin-link-card:hover[b-1brvra1jyx] {
    transform: translateY(-4px);
    box-shadow: var(--elevation-3) !important;
    text-decoration: none !important;
}

.admin-card-icon[b-1brvra1jyx] {
    margin-bottom: 1.5rem;
}

.admin-card-icon i[b-1brvra1jyx] {
    font-size: 2.5rem;
}

.admin-card-content h4[b-1brvra1jyx] {
    margin-bottom: 1rem;
}

.admin-card-content p[b-1brvra1jyx] {
    margin-bottom: 1rem;
    line-height: 1.6;
}

.admin-card-stats[b-1brvra1jyx] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.admin-card-stats small[b-1brvra1jyx] {
    display: flex;
    align-items: center;
    font-weight: 500;
}

/* Button Variations */
.aa-btn-primary[b-1brvra1jyx] {
    background: var(--aa-gradient-primary);
    border: none;
    color: white;
    font-weight: 600;
    transition: all 0.2s ease;
}

.aa-btn-primary:hover[b-1brvra1jyx] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(var(--aa-primary-rgb), 0.3);
    color: white;
}

.aa-btn-cool[b-1brvra1jyx] {
    background: var(--aa-gradient-cool);
    border: none;
    color: white;
    font-weight: 600;
    transition: all 0.2s ease;
}

.aa-btn-cool:hover[b-1brvra1jyx] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(var(--aa-accent-cool-rgb), 0.3);
    color: white;
}

.aa-btn-warm[b-1brvra1jyx] {
    background: var(--aa-gradient-warm);
    border: none;
    color: white;
    font-weight: 600;
    transition: all 0.2s ease;
}

.aa-btn-warm:hover[b-1brvra1jyx] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(var(--aa-accent-warm-rgb), 0.3);
    color: white;
}

.aa-btn-secondary[b-1brvra1jyx] {
    border: 2px solid var(--aa-secondary);
    color: var(--aa-secondary);
    background: white;
    font-weight: 600;
    transition: all 0.2s ease;
}

.aa-btn-secondary:hover[b-1brvra1jyx] {
    background: var(--aa-secondary);
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(var(--aa-secondary-rgb), 0.3);
}

/* Special styling for admin-only sections */
.aa-admin-link-card:has(.badge-warning)[b-1brvra1jyx] {
    border-left: 4px solid var(--aa-warning);
}

.aa-admin-link-card:has(.btn-outline-danger)[b-1brvra1jyx] {
    border-left: 4px solid var(--aa-danger);
    background: linear-gradient(135deg, rgba(var(--aa-danger-rgb), 0.02) 0%, white 100%);
}

.aa-admin-link-card:has(.btn-outline-danger):hover[b-1brvra1jyx] {
    background: linear-gradient(135deg, rgba(var(--aa-danger-rgb), 0.05) 0%, white 100%);
}

/* ===== ADMIN DASHBOARD - BUSINESS FOCUSED STYLES ===== */

/* Admin Header */
.admin-header[b-1brvra1jyx] {
    background: var(--aa-gradient-monochrome-hero);
    border-bottom: 2px solid var(--aa-primary);
    box-shadow: 0 2px 4px rgba(var(--aa-primary-rgb), 0.1);
}

.main-absolute .admin-header[b-1brvra1jyx]  {
    padding-top: 80px;
}

.admin-title[b-1brvra1jyx] {
    color: var(--aa-light);
    font-size: var(--text-xl);
    font-weight: 600;
    margin: 0;
}

.admin-subtitle[b-1brvra1jyx] {
    color: var(--aa-light);
    font-size: var(--text-xs);
    margin: 0;
}

.admin-status-indicator[b-1brvra1jyx] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: var(--text-xs);
    color: var(--aa-light);
}

.status-dot[b-1brvra1jyx] {
    width: 8px;
    height: 8px;
    background: var(--aa-success);
    border-radius: 50%;
    animation: pulse-b-1brvra1jyx 2s infinite;
}

@keyframes pulse-b-1brvra1jyx {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}

/* Admin Content */
.admin-content[b-1brvra1jyx] {
    background: var(--aa-light);
    min-height: calc(100vh - 100px);
    padding: 1.5rem 0;
}

/* Stats Row */
.stats-row[b-1brvra1jyx] {
    margin-bottom: 1.5rem;
}

.stat-card[b-1brvra1jyx] {
    background: white;
    border: 1px solid rgba(var(--aa-primary-rgb), 0.1);
    border-radius: 0.5rem;
    transition: all 0.2s ease;
}

.stat-card:hover[b-1brvra1jyx] {
    box-shadow: 0 2px 8px rgba(var(--aa-primary-rgb), 0.15);
}

.stat-card.urgent[b-1brvra1jyx] {
    border-left: 4px solid var(--aa-warning);
}

.stat-card-body[b-1brvra1jyx] {
    padding: 1rem;
}

.stat-label[b-1brvra1jyx] {
    font-size: var(--text-xs);
    color: var(--aa-dark-gray);
    font-weight: 500;
    margin-bottom: 0.25rem;
}

.stat-number[b-1brvra1jyx] {
    font-size: var(--text-xl);
    font-weight: 700;
    color: var(--aa-primary);
    line-height: 1;
    margin-bottom: 0.25rem;
}

.stat-change[b-1brvra1jyx] {
    font-size: var(--text-xxs);
    font-weight: 500;
}

.stat-change.positive[b-1brvra1jyx] {
    color: var(--aa-success);
}

.stat-change.neutral[b-1brvra1jyx] {
    color: var(--aa-dark-gray);
}

.stat-change.attention[b-1brvra1jyx] {
    color: var(--aa-warning);
}

.stat-icon[b-1brvra1jyx] {
    background: var(--aa-light);
    color: var(--aa-primary);
    width: 32px;
    height: 32px;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}

/* Admin Sections */
.admin-section[b-1brvra1jyx] {
    background: white;
    border: 1px solid rgba(var(--aa-primary-rgb), 0.1);
    border-radius: 0.5rem;
    margin-bottom: 1.25rem;
}

.admin-section.admin-only[b-1brvra1jyx] {
    border-left: 4px solid var(--aa-warning);
}

.section-header[b-1brvra1jyx] {
    padding: 0.5rem 1rem;
    border-bottom: 1px solid rgba(var(--aa-primary-rgb), 0.1);
    background: var(--aa-gradient-monochrome-hero);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section-title[b-1brvra1jyx] {
    color: var(--aa-light);
    font-size: var(--text-sm);
    font-weight: 600;
    margin: 0;
}

.admin-badge[b-1brvra1jyx] {
    background: var(--aa-warning);
    color: var(--aa-dark);
    font-size: var(--text-xxs);
    font-weight: 600;
    padding: 0.2rem 0.4rem;
    border-radius: 0.25rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.section-content[b-1brvra1jyx] {
    padding: 1rem;
}

/* Function Cards */
.admin-function-card[b-1brvra1jyx] {
    background: white;
    border: 1px solid rgba(var(--aa-primary-rgb), 0.1);
    border-radius: 0.5rem;
    transition: all 0.2s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.admin-function-card:hover[b-1brvra1jyx] {
    border-color: var(--aa-primary);
    box-shadow: 0 2px 8px rgba(var(--aa-primary-rgb), 0.1);
}

.admin-function-card.compact[b-1brvra1jyx] {
    height: auto;
}

.function-header[b-1brvra1jyx] {
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid rgba(var(--aa-primary-rgb), 0.1);
    background: var(--aa-gradient-monochrome-hero);
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.function-icon[b-1brvra1jyx] {
    color: var(--aa-light);
    font-size: 1.1rem;
}

.function-icon.danger[b-1brvra1jyx] {
    color: var(--aa-light);
}

.function-header h4[b-1brvra1jyx] {
    color: var(--aa-light);
    font-size: var(--text-sm);
    font-weight: 600;
    margin: 0;
}

.function-body[b-1brvra1jyx] {
    padding: 0.75rem;
    flex: 1;
}

.function-body p[b-1brvra1jyx] {
    color: var(--aa-dark-gray);
    font-size: var(--text-xs);
    margin-bottom: 0.6rem;
    line-height: 1.3;
}

.function-stats[b-1brvra1jyx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.stat-item[b-1brvra1jyx] {
    display: flex;
    align-items: center;
    font-size: var(--text-xxs);
    font-weight: 500;
}

.stat-item.success[b-1brvra1jyx] {
    color: var(--aa-success);
}

.stat-item.warning[b-1brvra1jyx] {
    color: var(--aa-warning);
}

.stat-item.info[b-1brvra1jyx] {
    color: var(--aa-info);
}

.stat-item.secondary[b-1brvra1jyx] {
    color: var(--aa-secondary-dark);
}

.function-footer[b-1brvra1jyx] {
    padding: 0.5rem 0.75rem;
    border-top: 1px solid rgba(var(--aa-primary-rgb), 0.1);
    background: rgba(var(--aa-primary-rgb), 0.02);
}

.btn-function[b-1brvra1jyx] {
    color: var(--aa-primary);
    text-decoration: none;
    font-weight: 600;
    font-size: var(--text-xs);
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    transition: all 0.2s ease;
}

.btn-function:hover[b-1brvra1jyx] {
    color: var(--aa-primary-dark);
    text-decoration: none;
}

.btn-function.danger[b-1brvra1jyx] {
    color: var(--aa-danger);
}

.btn-function.danger:hover[b-1brvra1jyx] {
    color: #dc3545;
}

/* Quick Actions */
.quick-actions[b-1brvra1jyx] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.quick-action-item[b-1brvra1jyx] {
    display: flex;
    align-items: center;
    padding: 0.6rem;
    background: rgba(var(--aa-primary-rgb), 0.02);
    border: 1px solid rgba(var(--aa-primary-rgb), 0.1);
    border-radius: 0.375rem;
    color: var(--aa-primary);
    text-decoration: none;
    transition: all 0.2s ease;
    font-weight: 500;
    font-size: var(--text-xs);
}

.quick-action-item:hover[b-1brvra1jyx] {
    background: rgba(var(--aa-primary-rgb), 0.05);
    border-color: var(--aa-primary);
    color: var(--aa-primary);
    text-decoration: none;
}

.quick-action-item.urgent[b-1brvra1jyx] {
    border-left: 4px solid var(--aa-warning);
    background: rgba(var(--aa-warning-rgb), 0.05);
}

.quick-action-item.urgent:hover[b-1brvra1jyx] {
    background: rgba(var(--aa-warning-rgb), 0.1);
}

.quick-action-item span:nth-child(2)[b-1brvra1jyx] {
    flex: 1;
}

.quick-action-item .badge[b-1brvra1jyx] {
    background: var(--aa-primary);
    color: white;
    font-size: var(--text-xxs);
    padding: 0.2rem 0.4rem;
    border-radius: 0.25rem;
    min-width: 18px;
    text-align: center;
}

.quick-action-item.urgent .badge[b-1brvra1jyx] {
    background: var(--aa-warning);
    color: var(--aa-dark);
}

/* System Status */
.status-list[b-1brvra1jyx] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.status-item[b-1brvra1jyx] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.4rem 0;
}

.status-indicator[b-1brvra1jyx] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    flex-shrink: 0;
}

.status-indicator.success[b-1brvra1jyx] {
    background: var(--aa-success);
}

.status-indicator.warning[b-1brvra1jyx] {
    background: var(--aa-warning);
}

.status-indicator.danger[b-1brvra1jyx] {
    background: var(--aa-danger);
}

.status-label[b-1brvra1jyx] {
    flex: 1;
    font-weight: 500;
    color: var(--aa-dark-gray);
    font-size: var(--text-xs);
}

.status-value[b-1brvra1jyx] {
    font-size: var(--text-xxs);
    color: var(--aa-primary);
    font-weight: 500;
}

/* ===== RESPONSIVE STYLES ===== */
@media (max-width: 991.98px) {
    .admin-content[b-1brvra1jyx] {
        padding: 1.25rem 0;
    }

    .stats-row[b-1brvra1jyx] {
        margin-bottom: 1.25rem;
    }

    .stat-card-body[b-1brvra1jyx] {
        padding: 0.85rem;
    }

    .section-header[b-1brvra1jyx] {
        padding: 0.45rem 0.85rem;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.4rem;
    }

    .section-content[b-1brvra1jyx] {
        padding: 0.85rem;
    }

    .function-header[b-1brvra1jyx] {
        padding: 0.45rem 0.65rem;
    }

    .function-body[b-1brvra1jyx] {
        padding: 0.65rem;
    }

    .function-footer[b-1brvra1jyx] {
        padding: 0.4rem 0.65rem;
    }
}

@media (max-width: 767.98px) {
    .admin-header .row[b-1brvra1jyx] {
        text-align: center;
        flex-direction: column;
        gap: 0.8rem;
    }

    .admin-content[b-1brvra1jyx] {
        padding: 1rem 0;
    }

    .stat-card-body[b-1brvra1jyx] {
        padding: 0.7rem;
    }

    .stat-icon[b-1brvra1jyx] {
        width: 28px;
        height: 28px;
        font-size: 0.9rem;
    }

    .function-stats[b-1brvra1jyx] {
        flex-direction: column;
        gap: 0.4rem;
    }

    .quick-action-item[b-1brvra1jyx] {
        padding: 0.55rem;
    }
}

@media (max-width: 575.98px) {
    .admin-content[b-1brvra1jyx] {
        padding: 0.75rem 0;
    }

    .section-header[b-1brvra1jyx] {
        padding: 0.4rem 0.65rem;
    }

    .section-content[b-1brvra1jyx] {
        padding: 0.65rem;
    }

    .function-header[b-1brvra1jyx] {
        padding: 0.4rem 0.65rem;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.4rem;
    }

    .function-body[b-1brvra1jyx] {
        padding: 0.5rem 0.65rem;
    }

    .function-footer[b-1brvra1jyx] {
        padding: 0.4rem 0.65rem;
    }
}
/* /Components/Artists/Pages/ArtistProfile.razor.rz.scp.css */
/* ===== ARTIST PROFILE PAGE SCOPED STYLES ===== */

/* Profile Header */
[b-4nko30216o] .profile-header {
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
    border-bottom: 2px solid var(--aa-primary);
    position: relative;
}

[b-4nko30216o] .profile-header::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 60px;
    height: 2px;
    background: var(--aa-accent-cool);
}

/* Creative Language Header */
[b-4nko30216o] .creative-language-header {
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
    border-bottom: 2px solid var(--aa-primary);
    position: relative;
}

[b-4nko30216o] .creative-language-header::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 60px;
    height: 2px;
    background: var(--aa-accent-cool);
}

/* Artist Profile Layout */
[b-4nko30216o] .artist-profile-layout {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

/* Profile Photo Section */
[b-4nko30216o] .artist-photo-section {
    display: flex;
    justify-content: center;
    align-items: center;
}

[b-4nko30216o] .artist-photo-wrapper {
    position: relative;
    width: 220px;
    height: 280px;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: var(--elevation-3);
    transition: all 0.3s var(--ease-out);
    border: 3px solid var(--aa-primary);
}

[b-4nko30216o] .artist-photo-wrapper:hover {
    transform: translateY(-4px);
    box-shadow: var(--elevation-4);
}

[b-4nko30216o] .artist-photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

[b-4nko30216o] .artist-photo-placeholder {
    width: 220px;
    height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--aa-light);
    border-radius: 1rem;
    border: 3px dashed var(--aa-medium-gray);
}

[b-4nko30216o] .artist-photo-placeholder .aa-placeholder-icon {
    font-size: 5rem;
    color: var(--aa-medium-gray);
    opacity: 0.5;
}

/* Artist Details Section */
[b-4nko30216o] .artist-details-section {
    flex: 1;
}

[b-4nko30216o] .artist-bio-section {
    padding: 1.5rem;
    background: white;
    border-radius: 0.75rem;
    border: 1px solid rgba(var(--aa-primary-rgb), 0.1);
    border-left: 4px solid var(--aa-accent-cool);
}

[b-4nko30216o] .artist-bio-section p {
    line-height: 1.7;
}

/* Info Grid */
[b-4nko30216o] .artist-info-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

[b-4nko30216o] .info-item {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem;
    background: white;
    border-radius: 0.75rem;
    border: 1px solid rgba(var(--aa-primary-rgb), 0.1);
    transition: all 0.3s var(--ease-out);
}

[b-4nko30216o] .info-item:hover {
    transform: translateX(4px);
    box-shadow: var(--elevation-2);
    border-color: rgba(var(--aa-primary-rgb), 0.2);
}

[b-4nko30216o] .info-icon {
    background: var(--aa-primary);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: white;
    font-size: 1.2rem;
    box-shadow: 0 2px 8px rgba(var(--aa-primary-rgb), 0.3);
}

[b-4nko30216o] .info-content {
    flex: 1;
}

[b-4nko30216o] .info-content h6 {
    margin: 0;
    font-size: var(--text-sm);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

[b-4nko30216o] .info-content a {
    text-decoration: none;
    transition: all 0.2s ease;
}

[b-4nko30216o] .info-content a:hover {
    text-decoration: underline;
    color: var(--aa-accent-cool-purple) !important;
}

/* Tags Section */
[b-4nko30216o] .tags-section {
    background: var(--aa-light);
    border-radius: 0.75rem;
    padding: 1.5rem;
    border: 1px solid rgba(var(--aa-primary-rgb), 0.1);
}

/* ===== ARTWORK GALLERY STYLES ===== */

/* Gallery Header */
[b-4nko30216o] .artwork-gallery-header {
    margin-bottom: 2rem;
}

/* Artwork Cards */
[b-4nko30216o] .artwork-card {
    transition: all 0.3s var(--ease-out);
    cursor: pointer;
    overflow: hidden;
    position: relative;
}

[b-4nko30216o] .artwork-card:hover {
    transform: translateY(-8px);
    box-shadow: var(--elevation-4) !important;
}

/* Make links inherit styling */
[b-4nko30216o] .artwork-card a {
    color: inherit;
    text-decoration: none !important;
}

[b-4nko30216o] .artwork-card a:hover {
    color: inherit;
    text-decoration: none !important;
}

/* Artwork Image Container */
[b-4nko30216o] .artwork-image-container {
    position: relative;
    width: 100%;
    height: 280px;
    overflow: hidden;
    background: var(--aa-light);
}

[b-4nko30216o] .artwork-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform 0.3s var(--ease-out);
    background: white;
}

[b-4nko30216o] .artwork-card:hover .artwork-image {
    transform: scale(1.05);
}

/* Hover Overlay */
[b-4nko30216o] .artwork-hover-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(var(--aa-primary-rgb), 0.85);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 5;
}

[b-4nko30216o] .artwork-card:hover .artwork-hover-overlay {
    opacity: 1;
}

[b-4nko30216o] .artwork-hover-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    color: white;
    text-align: center;
}

[b-4nko30216o] .artwork-hover-icon {
    font-size: 2.5rem;
    transform: scale(0.8);
    transition: transform 0.3s ease;
}

[b-4nko30216o] .artwork-card:hover .artwork-hover-icon {
    transform: scale(1);
}

[b-4nko30216o] .artwork-hover-text {
    font-size: var(--text-sm);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* No Artwork Section */
[b-4nko30216o] .no-artwork-content {
    padding: 3rem 2rem;
}

[b-4nko30216o] .no-artwork-icon {
    font-size: 5rem;
    opacity: 0.5;
}

/* ===== RESPONSIVE DESIGN ===== */

/* Desktop View - Side by Side Layout */
@media (min-width: 768px) {
    [b-4nko30216o] .artist-profile-layout {
        flex-direction: row;
        align-items: flex-start;
    }
    
    [b-4nko30216o] .artist-photo-section {
        flex-shrink: 0;
    }
    
    [b-4nko30216o] .artist-details-section {
        flex: 1;
        min-width: 0;
    }
}

/* Tablet View */
@media (max-width: 991.98px) {
    [b-4nko30216o] .artist-profile-layout {
        gap: 1.5rem;
    }
    
    [b-4nko30216o] .artist-photo-wrapper,
    [b-4nko30216o] .artist-photo-placeholder {
        width: 180px;
        height: 230px;
    }
    
    [b-4nko30216o] .artist-bio-section {
        padding: 1.25rem;
    }
    
    [b-4nko30216o] .tags-section {
        padding: 1.25rem;
    }
    
    [b-4nko30216o] .artwork-image-container {
        height: 240px;
    }
}

/* Mobile View */
@media (max-width: 767.98px) {
    [b-4nko30216o] .artist-profile-layout {
        gap: 1.25rem;
    }
    
    [b-4nko30216o] .artist-photo-wrapper,
    [b-4nko30216o] .artist-photo-placeholder {
        width: 160px;
        height: 200px;
    }
    
    [b-4nko30216o] .artist-bio-section {
        padding: 1rem;
    }
    
    [b-4nko30216o] .tags-section {
        padding: 1rem;
    }
    
    [b-4nko30216o] .info-item {
        padding: 0.75rem;
    }
    
    [b-4nko30216o] .info-icon {
        width: 35px;
        height: 35px;
        font-size: 1rem;
    }
    
    [b-4nko30216o] .artwork-image-container {
        height: 200px;
    }
    
    [b-4nko30216o] .artwork-description {
        padding: 0.75rem;
    }
    
    [b-4nko30216o] .artwork-hover-icon {
        font-size: 2rem;
    }
    
    [b-4nko30216o] .artwork-hover-text {
        font-size: var(--text-xs);
    }
}

/* Extra Small Mobile View */
@media (max-width: 575.98px) {
    [b-4nko30216o] .artist-profile-layout {
        gap: 1rem;
    }
    
    [b-4nko30216o] .artist-photo-wrapper,
    [b-4nko30216o] .artist-photo-placeholder {
        width: 140px;
        height: 180px;
    }
    
    [b-4nko30216o] .artist-bio-section {
        padding: 0.75rem;
    }
    
    [b-4nko30216o] .tags-section {
        padding: 0.75rem;
    }
    
    [b-4nko30216o] .artist-info-grid {
        gap: 0.75rem;
    }
    
    [b-4nko30216o] .info-item {
        flex-direction: column;
        text-align: center;
        gap: 0.5rem;
    }
    
    [b-4nko30216o] .info-icon {
        margin: 0 auto;
    }
    
    [b-4nko30216o] .artwork-image-container {
        height: 180px;
    }
    
    [b-4nko30216o] .artwork-badge {
        font-size: 0.7rem;
        padding: 0.2rem 0.4rem;
    }
    
    [b-4nko30216o] .no-artwork-content {
        padding: 2rem 1rem;
    }
    
    [b-4nko30216o] .no-artwork-icon {
        font-size: 3rem;
    }
    
    [b-4nko30216o] .artwork-hover-icon {
        font-size: 1.75rem;
    }
    
    [b-4nko30216o] .artwork-hover-text {
        font-size: 0.7rem;
    }
}

/* ===== ACCESSIBILITY ===== */

/* Focus States */
[b-4nko30216o] .info-item:focus-within {
    outline: 2px solid var(--aa-primary);
    outline-offset: 2px;
}

[b-4nko30216o] .info-content a:focus {
    outline: 2px solid var(--aa-accent-cool);
    outline-offset: 2px;
    border-radius: 0.25rem;
}

[b-4nko30216o] .artwork-card:focus {
    outline: 2px solid var(--aa-primary);
    outline-offset: 2px;
}

/* Print Styles */
@media print {
    [b-4nko30216o] .aa-hero,
    [b-4nko30216o] .aa-hero-actions {
        display: none;
    }
    
    [b-4nko30216o] .aa-card {
        border: 1px solid #000;
        box-shadow: none;
        page-break-inside: avoid;
    }
    
    [b-4nko30216o] .profile-header,
    [b-4nko30216o] .creative-language-header {
        border-bottom: 2px solid #000;
    }
    
    [b-4nko30216o] .artwork-card {
        page-break-inside: avoid;
        margin-bottom: 1rem;
    }
}
/* /Components/Artists/Pages/Becoming-Artist.razor.rz.scp.css */
/* Page-specific styles for Becoming-Artist page */

.aa-process-step[b-3urslrbisj] {
    padding: 2rem 1rem;
}

.aa-process-number[b-3urslrbisj] {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background: var(--aa-primary);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: bold;
    margin: 0 auto 1rem auto;
}

/* Different color for each process step */
.aa-process-step:nth-child(2) .aa-process-number[b-3urslrbisj] {
    background: var(--aa-accent-warm);
}

.aa-process-step:nth-child(3) .aa-process-number[b-3urslrbisj] {
    background: var(--aa-accent-cool);
}

.aa-process-step:nth-child(4) .aa-process-number[b-3urslrbisj] {
    background: var(--aa-success);
}
/* /Components/Artists/Pages/Index.razor.rz.scp.css */
/* ===== MODERN ARTISTS GRID LAYOUT ===== */
.modern-artists-grid[b-fq1n65mx5h] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.modern-artist-card-wrapper[b-fq1n65mx5h] {
    display: flex;
    width: 100%;
    height: 100%;
}

/* ===== MODERN ARTIST CARD STYLES ===== */
.modern-artist-card[b-fq1n65mx5h] {
    display: flex;
    flex-direction: column;
    width: 100%;
    background: white;
    border-radius: 1rem;
    overflow: hidden;
    transition: all 0.3s var(--ease-out);
    border: 1px solid rgba(var(--aa-primary-rgb), 0.08);
    cursor: pointer;
    position: relative;
    max-width: 400px; /* Limit maximum card width */
    margin: 0 auto; /* Center cards in their grid cells */
}

.modern-artist-card:hover[b-fq1n65mx5h] {
    transform: translateY(-6px);
    box-shadow: var(--elevation-4);
    border-color: rgba(var(--aa-primary-rgb), 0.15);
}

.modern-artist-card:focus[b-fq1n65mx5h] {
    outline: 3px solid var(--aa-accent-cool);
    outline-offset: 2px;
}

/* ===== ARTIST PHOTO SECTION ===== */
.modern-artist-photo-container[b-fq1n65mx5h] {
    position: relative;
    height: 220px;
    overflow: hidden;
    background: linear-gradient(135deg, var(--aa-light) 0%, var(--aa-light-gray) 100%);
}

.modern-artist-photo-wrapper[b-fq1n65mx5h] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem;
}

.modern-artist-photo[b-fq1n65mx5h] {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 0.5rem;
    box-shadow: var(--elevation-2);
    transition: all 0.3s var(--ease-out);
}

.modern-artist-card:hover .modern-artist-photo[b-fq1n65mx5h] {
    transform: scale(1.02);
    box-shadow: var(--elevation-3);
}

/* ===== ARTIST OVERLAY ACTIONS ===== */
.modern-artist-overlay[b-fq1n65mx5h] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(var(--aa-primary-rgb), 0.85);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 0.3s var(--ease-out);
    border-radius: 0;
}

.modern-artist-card:hover .modern-artist-overlay[b-fq1n65mx5h] {
    opacity: 1;
}

.modern-artist-actions[b-fq1n65mx5h] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    justify-content: center;
}

.modern-action-btn[b-fq1n65mx5h] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    transition: all 0.2s var(--ease-out);
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.modern-action-btn.primary[b-fq1n65mx5h] {
    background: white;
    color: var(--aa-primary);
}

.modern-action-btn.secondary[b-fq1n65mx5h] {
    background: rgba(255, 255, 255, 0.2);
    color: white;
    border: 2px solid rgba(255, 255, 255, 0.4);
}

.modern-action-btn:hover[b-fq1n65mx5h] {
    transform: scale(1.1) translateY(-2px);
    box-shadow: var(--elevation-3);
}

.modern-action-btn.primary:hover[b-fq1n65mx5h] {
    background: var(--aa-primary);
    color: white;
}

.modern-action-btn.secondary:hover[b-fq1n65mx5h] {
    background: rgba(255, 255, 255, 0.3);
    border-color: rgba(255, 255, 255, 0.6);
}

/* ===== ARTIST INFO SECTION ===== */
.modern-artist-info[b-fq1n65mx5h] {
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    flex: 1;
    background: linear-gradient(135deg, white 0%, var(--aa-light) 100%);
}

.modern-artist-name[b-fq1n65mx5h] {
    color: var(--aa-primary);
    margin: 0 0 0.75rem 0;
    line-height: 1.3;
}

.modern-artist-bio[b-fq1n65mx5h] {
    flex: 1;
    min-height: 2.5rem;
    margin-bottom: 1rem;
}

.modern-artist-bio p[b-fq1n65mx5h] {
    line-height: 1.4;
    margin: 0;
}

/* ===== ARTIST TAGS SECTION ===== */
.modern-artist-tags[b-fq1n65mx5h] {
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.modern-more-tags[b-fq1n65mx5h] {
    color: var(--aa-secondary);
    font-weight: 500;
    font-style: italic;
    margin-top: 0.25rem;
}

/* More tags indicator from TagsDisplay component */
.aa-more-tags-indicator[b-fq1n65mx5h] {
    color: var(--aa-secondary);
    font-weight: 500;
    font-style: italic;
    margin-top: 0.25rem;
    display: flex;
    align-items: center;
}

/* ===== ARTWORK PREVIEW SECTION ===== */
.modern-artwork-preview[b-fq1n65mx5h] {
    margin-top: auto;
    padding-top: 0.75rem;
    border-top: 1px solid rgba(var(--aa-primary-rgb), 0.1);
}

.modern-artwork-thumbnails[b-fq1n65mx5h] {
    display: flex;
    gap: 0.375rem;
    align-items: center;
}

.modern-artwork-thumb[b-fq1n65mx5h] {
    position: relative;
    width: 35px;
    height: 35px;
    border-radius: 0.375rem;
    overflow: hidden;
    border: 2px solid rgba(var(--aa-primary-rgb), 0.15);
    transition: border-color 0.2s ease;
    cursor: pointer;
    background: var(--aa-light-gray);
}

.modern-artwork-thumb:hover[b-fq1n65mx5h] {
    border-color: var(--aa-primary);
}

.modern-artwork-thumb:focus[b-fq1n65mx5h] {
    outline: 2px solid var(--aa-accent-cool);
    outline-offset: 2px;
    border-color: var(--aa-primary);
}

.modern-artwork-thumb img[b-fq1n65mx5h] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Simple overlay indicator for thumbnails */
.modern-artwork-thumb-overlay[b-fq1n65mx5h] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(var(--aa-primary-rgb), 0.8);
    border-radius: 0.375rem;
    opacity: 0;
    transition: opacity 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modern-artwork-thumb:hover .modern-artwork-thumb-overlay[b-fq1n65mx5h] {
    opacity: 1;
}

.thumb-overlay-icon[b-fq1n65mx5h] {
    font-size: 0.75rem;
    color: white;
}

/* Remove the tooltip info */
.modern-artwork-thumb-info[b-fq1n65mx5h] {
    display: none;
}

/* Simplified artwork count button */
.modern-artwork-count[b-fq1n65mx5h] {
    width: 35px;
    height: 35px;
    border-radius: 0.375rem;
    background: var(--aa-gradient-primary);
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    box-shadow: var(--elevation-1);
    cursor: pointer;
    transition: border-color 0.2s ease;
    border: 2px solid transparent;
}

.modern-artwork-count:hover[b-fq1n65mx5h] {
    border-color: var(--aa-primary);
}

.modern-artwork-count:focus[b-fq1n65mx5h] {
    outline: 2px solid var(--aa-accent-cool);
    outline-offset: 2px;
    border-color: var(--aa-primary);
}

.count-icon[b-fq1n65mx5h] {
    font-size: 0.625rem;
    opacity: 0.9;
    margin-bottom: -2px;
}

.count-text[b-fq1n65mx5h] {
    line-height: 1;
}

/* ===== ARTWORK MODAL STYLES (Multiple Artworks) ===== */
.modern-artwork-modal-grid[b-fq1n65mx5h] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
    padding: 1rem;
    max-height: 70vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.modern-artwork-modal-item[b-fq1n65mx5h] {
    background: white;
    border-radius: 0.75rem;
    overflow: hidden;
    transition: all 0.3s var(--ease-out);
    cursor: pointer;
    border: 1px solid rgba(var(--aa-primary-rgb), 0.1);
    width: 100%;
    min-width: 0; /* Allow shrinking */
}

.modern-artwork-modal-item:hover[b-fq1n65mx5h] {
    transform: translateY(-4px);
    box-shadow: var(--elevation-3);
    border-color: var(--aa-primary);
}

.modern-artwork-modal-image[b-fq1n65mx5h] {
    position: relative;
    width: 100%;
    height: 140px;
    overflow: hidden;
    background: var(--aa-light-gray);
}

.artwork-image[b-fq1n65mx5h] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s var(--ease-out);
    display: block;
}

.modern-artwork-modal-item:hover .artwork-image[b-fq1n65mx5h] {
    transform: scale(1.05);
}

.artwork-placeholder[b-fq1n65mx5h] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--aa-medium-gray);
}

.placeholder-icon[b-fq1n65mx5h] {
    font-size: 2rem;
    opacity: 0.5;
}

.artwork-overlay[b-fq1n65mx5h] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(var(--aa-primary-rgb), 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.modern-artwork-modal-item:hover .artwork-overlay[b-fq1n65mx5h] {
    opacity: 1;
}

.overlay-icon[b-fq1n65mx5h] {
    font-size: 1.5rem;
    color: white;
}

.modern-artwork-modal-info[b-fq1n65mx5h] {
    padding: 0.75rem;
    background: linear-gradient(135deg, white 0%, var(--aa-light) 100%);
}

.modern-artwork-modal-info h6[b-fq1n65mx5h] {
    color: var(--aa-primary);
    margin: 0 0 0.25rem 0;
    line-height: 1.2;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* ===== INDIVIDUAL ARTWORK MODAL STYLES ===== */
.individual-artwork-modal .modal-dialog[b-fq1n65mx5h] {
    max-width: 700px;
    width: 95%;
    margin: 1rem auto;
}

.individual-artwork-modal-container[b-fq1n65mx5h] {
    width: 100%;
    max-height: 80vh;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.individual-artwork-modal-image[b-fq1n65mx5h] {
    position: relative;
    width: 100%;
    max-width: 100%;
    max-height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--aa-light-gray);
    border-radius: 0.75rem;
    overflow: hidden;
    margin-bottom: 1rem;
}

.individual-artwork-modal-image img[b-fq1n65mx5h] {
    max-width: 100%;
    max-height: 50vh;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 0.75rem;
    display: block;
}

.individual-artwork-modal-info[b-fq1n65mx5h] {
    text-align: center;
}

.individual-artwork-title[b-fq1n65mx5h] {
    color: var(--aa-primary);
    margin-bottom: 0.5rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-size: 1.5rem;
}

.individual-artwork-year[b-fq1n65mx5h] {
    color: var(--aa-dark-gray);
    margin-bottom: 1rem;
    font-size: 1rem;
    font-weight: 500;
}

.individual-artwork-actions[b-fq1n65mx5h] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 1rem;
}

/* ===== MODAL CONTAINER IMPROVEMENTS ===== */
.modern-artwork-modal-container[b-fq1n65mx5h] {
    width: 100%;
    max-width: 100%;
    max-height: 75vh;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

/* ===== MODAL RESPONSIVE CLASSES ===== */
.artwork-modal-responsive .modal-dialog[b-fq1n65mx5h] {
    max-width: 95%;
    width: 95%;
    margin: 1rem auto;
}

/* ===== TABLET RESPONSIVE (768px - 1199px) ===== */
@media (max-width: 1199.98px) {
    .modern-artwork-modal-grid[b-fq1n65mx5h] {
        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
        gap: 0.75rem;
        padding: 0.75rem;
        max-height: 65vh;
    }
    
    .modern-artwork-modal-image[b-fq1n65mx5h] {
        height: 120px;
    }
    
    .individual-artwork-modal .modal-dialog[b-fq1n65mx5h] {
        max-width: 90%;
        width: 90%;
    }
    
    .individual-artwork-modal-image[b-fq1n65mx5h] {
        max-height: 45vh;
        margin-bottom: 0.75rem;
    }
    
    .individual-artwork-modal-image img[b-fq1n65mx5h] {
        max-height: 45vh;
    }
    
    .individual-artwork-title[b-fq1n65mx5h] {
        font-size: 1.3rem;
    }
    
    .individual-artwork-year[b-fq1n65mx5h] {
        font-size: 0.9rem;
    }
}

/* ===== MOBILE RESPONSIVE (767px and below) ===== */
@media (max-width: 767.98px) {
    .artwork-modal-responsive .modal-dialog[b-fq1n65mx5h] {
        max-width: 98%;
        width: 98%;
        margin: 0.5rem auto;
    }
    
    .modern-artwork-modal-container[b-fq1n65mx5h] {
        max-height: 60vh;
        padding: 0;
    }
    
    /* RESPONSIVE: Stack images vertically on mobile */
    .modern-artwork-modal-grid[b-fq1n65mx5h] {
        grid-template-columns: 1fr; /* Single column layout */
        gap: 0.75rem;
        padding: 0.5rem;
        max-height: 55vh;
    }
    
    .modern-artwork-modal-image[b-fq1n65mx5h] {
        height: 180px; /* Larger height for single column */
    }
    
    .modern-artwork-modal-info[b-fq1n65mx5h] {
        padding: 0.75rem;
    }
    
    .modern-artwork-modal-info h6[b-fq1n65mx5h] {
        font-size: 0.9rem;
        line-height: 1.2;
    }
    
    .overlay-icon[b-fq1n65mx5h] {
        font-size: 1.2rem;
    }
    
    .individual-artwork-modal .modal-dialog[b-fq1n65mx5h] {
        max-width: 98%;
        width: 98%;
        margin: 0.5rem auto;
    }
    
    .individual-artwork-modal-container[b-fq1n65mx5h] {
        max-height: 70vh;
        padding: 0;
    }
    
    .individual-artwork-modal-image[b-fq1n65mx5h] {
        max-height: 40vh;
        margin-bottom: 0.75rem;
    }
    
    .individual-artwork-modal-image img[b-fq1n65mx5h] {
        max-height: 40vh;
    }
    
    .individual-artwork-title[b-fq1n65mx5h] {
        font-size: 1.2rem;
        margin-bottom: 0.4rem;
    }
    
    .individual-artwork-year[b-fq1n65mx5h] {
        font-size: 0.85rem;
        margin-bottom: 0.75rem;
    }
    
    .individual-artwork-actions[b-fq1n65mx5h] {
        flex-direction: column;
        gap: 0.75rem;
        margin-top: 0.75rem;
    }
    
    .individual-artwork-actions .btn[b-fq1n65mx5h] {
        width: 100%;
    }
}

/* ===== SMALL MOBILE (575px and below) ===== */
@media (max-width: 575.98px) {
    .artwork-modal-responsive .modal-dialog[b-fq1n65mx5h] {
        max-width: 100%;
        width: 100%;
        margin: 0.25rem auto;
    }
    
    .modern-artwork-modal-container[b-fq1n65mx5h] {
        max-height: 50vh;
    }
    
    /* Keep single column, but smaller images */
    .modern-artwork-modal-grid[b-fq1n65mx5h] {
        grid-template-columns: 1fr;
        gap: 0.5rem;
        padding: 0.5rem;
        max-height: 45vh;
    }
    
    .modern-artwork-modal-image[b-fq1n65mx5h] {
        height: 150px;
    }
    
    .modern-artwork-modal-info[b-fq1n65mx5h] {
        padding: 0.5rem;
    }
    
    .modern-artwork-modal-info h6[b-fq1n65mx5h] {
        font-size: 0.8rem;
    }
    
    .modern-artwork-modal-info p[b-fq1n65mx5h] {
        font-size: 0.7rem;
    }
    
    .individual-artwork-modal .modal-dialog[b-fq1n65mx5h] {
        max-width: 100%;
        width: 100%;
        margin: 0.25rem auto;
    }
    
    .individual-artwork-modal-container[b-fq1n65mx5h] {
        max-height: 75vh;
    }
    
    .individual-artwork-modal-image[b-fq1n65mx5h] {
        max-height: 35vh;
        margin-bottom: 0.5rem;
    }
    
    .individual-artwork-modal-image img[b-fq1n65mx5h] {
        max-height: 35vh;
    }
    
    .individual-artwork-title[b-fq1n65mx5h] {
        font-size: 1.1rem;
        margin-bottom: 0.3rem;
    }
    
    .individual-artwork-year[b-fq1n65mx5h] {
        font-size: 0.8rem;
        margin-bottom: 0.5rem;
    }
    
    .individual-artwork-actions[b-fq1n65mx5h] {
        margin-top: 0.5rem;
    }
}

/* ===== TOUCH DEVICE OPTIMIZATIONS ===== */
@media (hover: none) and (pointer: coarse) {
    .modern-artwork-modal-item:active[b-fq1n65mx5h] {
        transform: scale(0.98);
        opacity: 0.8;
    }
    
    .artwork-overlay[b-fq1n65mx5h] {
        opacity: 0.1;
    }
    
    .modern-artwork-modal-item:active .artwork-overlay[b-fq1n65mx5h] {
        opacity: 1;
    }
    
    .individual-artwork-actions .btn[b-fq1n65mx5h] {
        min-height: 44px;
        padding: 0.75rem 1rem;
    }
}

/* ===== MODAL FOOTER IMPROVEMENTS ===== */
.modal-footer .d-flex[b-fq1n65mx5h] {
    width: 100%;
}

@media (max-width: 575.98px) {
    .modal-footer .d-flex[b-fq1n65mx5h] {
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .modal-footer .btn[b-fq1n65mx5h] {
        width: 100%;
    }
}

/* ===== ACCESSIBILITY AND FOCUS IMPROVEMENTS ===== */
.modern-artwork-modal-item:focus-visible[b-fq1n65mx5h] {
    outline: 2px solid var(--aa-primary);
    outline-offset: 2px;
}

.individual-artwork-actions .btn:focus-visible[b-fq1n65mx5h] {
    outline: 2px solid var(--aa-primary);
    outline-offset: 2px;
}

/* ===== PREVENT HORIZONTAL SCROLLING ===== */
.modal-body[b-fq1n65mx5h] {
    overflow-x: hidden !important;
}

.modal-dialog[b-fq1n65mx5h] {
    overflow-x: hidden;
}

/* ===== MODAL ANIMATION AND PERFORMANCE ===== */
@media (prefers-reduced-motion: reduce) {
    .modern-artwork-modal-item[b-fq1n65mx5h],
    .artwork-image[b-fq1n65mx5h] {
        transition: none;
    }
    
    .modern-artwork-modal-item:hover[b-fq1n65mx5h] {
        transform: none;
    }
    
    .modern-artwork-modal-item:hover .artwork-image[b-fq1n65mx5h] {
        transform: none;
    }
}

/* ===== HIGH CONTRAST MODE SUPPORT ===== */
@media (prefers-contrast: high) {
    .modern-artwork-modal-item[b-fq1n65mx5h] {
        border-width: 2px;
        border-color: var(--aa-primary);
    }
    
    .artwork-overlay[b-fq1n65mx5h] {
        background: rgba(0, 0, 0, 0.9);
    }
    
    .individual-artwork-modal-image[b-fq1n65mx5h] {
        border: 2px solid var(--aa-primary);
    }
}



/* /Components/Artists/Pages/Manage/ArtistDashboard.razor.rz.scp.css */
/* ===== ARTIST DASHBOARD PAGE SPECIFIC STYLES ===== */

/* Dashboard Header */
.aa-dashboard-header[b-6yom6pckhj] {
    background: var(--aa-gradient-harmony-hero);
    padding: 1.5rem;
    margin-bottom: 1rem;
    color: white;
    position: relative;
    overflow: hidden;
}

.main-absolute .aa-dashboard-header[b-6yom6pckhj] {
    padding-top: 80px;
}

.aa-dashboard-title[b-6yom6pckhj] {
    font-size: var(--text-3xl);
    font-weight: 700;
    margin: 0;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Action Toolbar */
.aa-action-toolbar[b-6yom6pckhj] {
    background: white;
    border-radius: 1rem;
    padding: .25rem;
    margin-bottom: 1rem;
    box-shadow: var(--elevation-2);
    border: 1px solid rgba(var(--aa-primary-rgb), 0.1);
}

.aa-action-btn[b-6yom6pckhj] {
    background: white;
    border: 2px solid var(--aa-primary);
    color: var(--aa-primary);
    padding: 0.25rem 0.5rem;
    border-radius: 0.75rem;
    font-weight: 600;
    font-size: var(--text-xs);
    transition: all 0.3s var(--ease-out);
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
    margin: 0.25rem;
} 

.aa-action-btn:hover:not(:disabled)[b-6yom6pckhj] {
    background: var(--aa-primary);
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(var(--aa-primary-rgb), 0.3);
}

.aa-action-btn:disabled[b-6yom6pckhj] {
    opacity: 0.5;
    cursor: not-allowed;
    background: var(--aa-light-gray);
    border-color: var(--aa-medium-gray);
    color: var(--aa-dark-gray);
}

.aa-action-btn.primary[b-6yom6pckhj] {
    background: var(--aa-primary);
    color: white;
}

.aa-action-btn.primary:hover:not(:disabled)[b-6yom6pckhj] {
    background: var(--aa-primary-dark);
    border-color: var(--aa-primary-dark);
}

.aa-action-btn.success[b-6yom6pckhj] {
    border-color: var(--aa-success);
    color: var(--aa-success);
}

.aa-action-btn.success:hover:not(:disabled)[b-6yom6pckhj] {
    background: var(--aa-success);
    color: white;
}

.aa-action-btn.warning[b-6yom6pckhj] {
    border-color: var(--aa-warning);
    color: var(--aa-warning);
}

.aa-action-btn.warning:hover:not(:disabled)[b-6yom6pckhj] {
    background: var(--aa-warning);
    color: white;
}

/* Profile Card */
.aa-profile-card[b-6yom6pckhj] {
    background: white;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: var(--elevation-3);
    border: 1px solid rgba(var(--aa-primary-rgb), 0.1);
    height: 100%;
}

.aa-profile-header[b-6yom6pckhj] {
    background: var(--aa-gradient-primary);
    color: white;
    padding: 1rem 1.5rem;
    position: relative;
}

.aa-profile-header[b-6yom6pckhj]::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    height: 5px;
    background: linear-gradient(90deg, var(--aa-accent-cool) 0%, var(--aa-accent-coral) 100%);
}

.aa-profile-body[b-6yom6pckhj] {
    background: linear-gradient(135deg, var(--aa-light) 0%, white 100%);
    padding: 1.5rem;
}

.aa-profile-photo-wrapper[b-6yom6pckhj] {
    text-align: center;
    margin-bottom: 1.5rem;
}

.aa-profile-photo[b-6yom6pckhj] {
    width: 12.5rem; /* 200px to rem */
    height: 16.25rem; /* 260px to rem */
    object-fit: cover;
    border-radius: 1rem;
    border: 3px solid rgba(var(--aa-primary-rgb), 0.2);
    transition: all 0.3s ease;
    box-shadow: var(--elevation-2);
}

.aa-profile-photo:hover[b-6yom6pckhj] {
    transform: scale(1.02);
    box-shadow: var(--elevation-4);
}

.aa-profile-info[b-6yom6pckhj] {
    display: grid;
    gap: 0.75rem;
}

.aa-profile-item[b-6yom6pckhj] {
    display: flex;
    align-items: center;
    padding: 0.75rem;
    background: rgba(var(--aa-primary-rgb), 0.05);
    border-radius: 0.5rem;
    border-left: 3px solid var(--aa-primary);
}

.aa-profile-label[b-6yom6pckhj] {
    font-weight: 600;
    color: var(--aa-primary-dark);
    margin-right: 0.5rem;
    font-size: var(--text-sm);
}

.aa-profile-value[b-6yom6pckhj] {
    color: var(--aa-dark);
    font-size: var(--text-base);
}

.aa-profile-bio[b-6yom6pckhj] {
    background: rgba(var(--aa-accent-cool-rgb), 0.05);
    padding: 1rem;
    border-radius: 0.75rem;
    border-left: 4px solid var(--aa-accent-cool);
    margin-top: 1rem;
    line-height: 1.6;
}

/* Status Indicators */
.aa-status-approved[b-6yom6pckhj] {
    color: var(--aa-success);
    background: rgba(var(--aa-success-rgb), 0.1);
    padding: 0.25rem 0.75rem;
    border-radius: 1rem;
    font-weight: 600;
    font-size: var(--text-sm);
}

.aa-status-pending[b-6yom6pckhj] {
    color: var(--aa-warning);
    background: rgba(var(--aa-warning-rgb), 0.1);
    padding: 0.25rem 0.75rem;
    border-radius: 1rem;
    font-weight: 600;
    font-size: var(--text-sm);
}

.aa-status-rejected[b-6yom6pckhj] {
    color: var(--aa-danger);
    background: rgba(var(--aa-danger-rgb), 0.1);
    padding: 0.25rem 0.75rem;
    border-radius: 1rem;
    font-weight: 600;
    font-size: var(--text-sm);
}

/* Tags Card */
.aa-tags-card[b-6yom6pckhj] {
    background: white;
    border-radius: 1rem;
    padding: 1.5rem;
    box-shadow: var(--elevation-3);
    border: 1px solid rgba(var(--aa-primary-rgb), 0.1);
    height: 100%;
    position: relative;
}

/* Artwork Management */
.aa-artwork-section[b-6yom6pckhj] {
    background: white;
    border-radius: 1rem;
    padding: 2rem;
    margin-top: 2rem;
    box-shadow: var(--elevation-3);
    border: 1px solid rgba(var(--aa-primary-rgb), 0.1);
}

.aa-artwork-header[b-6yom6pckhj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid var(--aa-primary);
}

.aa-artwork-grid[b-6yom6pckhj] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(18.75rem, 1fr)); /* 300px to rem */
    gap: 1.5rem;
    margin-top: 2rem;
}

.aa-artwork-card[b-6yom6pckhj] {
    background: white;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: var(--elevation-2);
    border: 1px solid rgba(var(--aa-primary-rgb), 0.1);
    transition: all 0.3s var(--ease-out);
    position: relative;
}

.aa-artwork-card:hover[b-6yom6pckhj] {
    transform: translateY(-4px);
    box-shadow: var(--elevation-4);
}

.aa-artwork-image-wrapper[b-6yom6pckhj] {
    position: relative;
    height: 12.5rem; /* 200px to rem */
    overflow: hidden;
    background: var(--aa-light-gray);
}

.aa-artwork-image[b-6yom6pckhj] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.aa-artwork-card:hover .aa-artwork-image[b-6yom6pckhj] {
    transform: scale(1.05);
}

.aa-artwork-overlay[b-6yom6pckhj] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: opacity 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.aa-artwork-card:hover .aa-artwork-overlay[b-6yom6pckhj] {
    opacity: 1;
}

.aa-artwork-action[b-6yom6pckhj] {
    background: white;
    color: var(--aa-primary);
    border: none;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: var(--text-lg);
}

.aa-artwork-action:hover[b-6yom6pckhj] {
    background: var(--aa-primary);
    color: white;
    transform: scale(1.1);
}

.aa-artwork-action.edit[b-6yom6pckhj] {
    background: var(--aa-accent-cool);
    color: white;
}

.aa-artwork-action.edit:hover[b-6yom6pckhj] {
    background: var(--aa-primary);
}

.aa-artwork-action.delete[b-6yom6pckhj] {
    background: var(--aa-danger);
    color: white;
}

.aa-artwork-action.delete:hover[b-6yom6pckhj] {
    background: #c0392b;
}

.aa-artwork-content[b-6yom6pckhj] {
    padding: 1rem;
}

.aa-artwork-title[b-6yom6pckhj] {
    font-weight: 600;
    color: var(--aa-primary-dark);
    margin-bottom: 0.5rem;
    font-size: var(--text-lg);
}

.aa-artwork-description[b-6yom6pckhj] {
    color: var(--aa-dark-gray);
    font-size: var(--text-sm);
    line-height: 1.5;
    margin-bottom: 0.75rem;
}

.aa-artwork-meta[b-6yom6pckhj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: var(--text-xs);
    color: var(--aa-medium-gray);
}

/* Empty State */
.aa-empty-state[b-6yom6pckhj] {
    text-align: center;
    padding: 3rem 2rem;
    background: linear-gradient(135deg, var(--aa-light) 0%, white 100%);
    border-radius: 1rem;
    border: 2px dashed var(--aa-medium-gray);
}

.aa-empty-icon[b-6yom6pckhj] {
    font-size: var(--text-5xl);
    color: var(--aa-medium-gray);
    margin-bottom: 1rem;
    opacity: 0.6;
}

.aa-empty-title[b-6yom6pckhj] {
    font-size: var(--text-xl);
    font-weight: 600;
    color: var(--aa-dark-gray);
    margin-bottom: 0.5rem;
}

.aa-empty-description[b-6yom6pckhj] {
    color: var(--aa-medium-gray);
    font-size: var(--text-base);
    margin-bottom: 1.5rem;
}

/* Alert Enhancements */
.aa-dashboard-alert[b-6yom6pckhj] {
    border-radius: 1rem;
    border: none;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    box-shadow: var(--elevation-2);
}

.aa-dashboard-alert.warning[b-6yom6pckhj] {
    background: linear-gradient(135deg, rgba(var(--aa-warning-rgb), 0.1) 0%, rgba(var(--aa-warning-rgb), 0.05) 100%);
    border-left: 4px solid var(--aa-warning);
}

.aa-dashboard-alert.info[b-6yom6pckhj] {
    background: linear-gradient(135deg, rgba(var(--aa-info-rgb), 0.1) 0%, rgba(var(--aa-info-rgb), 0.05) 100%);
    border-left: 4px solid var(--aa-info);
}

.aa-dashboard-alert.success[b-6yom6pckhj] {
    background: linear-gradient(135deg, rgba(var(--aa-success-rgb), 0.1) 0%, rgba(var(--aa-success-rgb), 0.05) 100%);
    border-left: 4px solid var(--aa-success);
}

.aa-alert-icon[b-6yom6pckhj] {
    font-size: var(--text-xl);
    flex-shrink: 0;
    margin-top: 0.25rem;
}

.aa-alert-content[b-6yom6pckhj] {
    flex: 1;
}

.aa-alert-title[b-6yom6pckhj] {
    font-weight: 700;
    margin-bottom: 0.5rem;
    font-size: var(--text-lg);
}

.aa-alert-description[b-6yom6pckhj] {
    margin-bottom: 1rem;
    font-size: var(--text-base);
    line-height: 1.5;
}

/* Quick Actions */
.aa-quick-actions[b-6yom6pckhj] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 1rem;
}

.aa-quick-action[b-6yom6pckhj] {
    background: var(--aa-gradient-primary);
    color: white;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 0.75rem;
    font-weight: 600;
    font-size: var(--text-sm);
    cursor: pointer;
    transition: all 0.3s var(--ease-out);
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.aa-quick-action:hover[b-6yom6pckhj] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(var(--aa-primary-rgb), 0.3);
}

.aa-quick-action.secondary[b-6yom6pckhj] {
    background: var(--aa-accent-cool);
}

.aa-quick-action.secondary:hover[b-6yom6pckhj] {
    box-shadow: 0 4px 12px rgba(var(--aa-accent-cool-rgb), 0.3);
}

/* Loading States */
.aa-loading-overlay[b-6yom6pckhj] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    z-index: 10;
}

.aa-loading-spinner[b-6yom6pckhj] {
    width: 3rem;
    height: 3rem;
    border: 3px solid var(--aa-light-gray);
    border-top: 3px solid var(--aa-primary);
    border-radius: 50%;
    animation: aa-spin-b-6yom6pckhj 1s linear infinite;
}

@keyframes aa-spin-b-6yom6pckhj {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* ===== RESPONSIVE DESIGN FOR ARTIST DASHBOARD ===== */
@media (max-width: 991.98px) {
    .aa-artwork-grid[b-6yom6pckhj] {
        grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); /* Smaller cards on tablets */
    }
    
    .aa-action-toolbar[b-6yom6pckhj] {
        text-align: center;
    }
    
    .aa-artwork-header[b-6yom6pckhj] {
        flex-direction: column;
        gap: 1rem;
        align-items: stretch;
    }
    
    .aa-quick-actions[b-6yom6pckhj] {
        justify-content: center;
    }
}

@media (max-width: 767.98px) {
    .aa-dashboard-header[b-6yom6pckhj] {
        padding: 1rem;
        text-align: center;
    }
    
    .aa-dashboard-title[b-6yom6pckhj] {
        font-size: var(--text-2xl);
    }
    
    .aa-profile-photo[b-6yom6pckhj] {
        width: 10rem; /* 160px to rem */
        height: 13rem; /* 208px to rem */
    }
    
    .aa-artwork-grid[b-6yom6pckhj] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    .aa-action-btn[b-6yom6pckhj] {
        width: 100%;
        justify-content: center;
        margin: 0.25rem 0;
    }
    
    .aa-dashboard-alert[b-6yom6pckhj] {
        padding: 1rem;
        flex-direction: column;
        text-align: center;
    }
    
    .aa-alert-icon[b-6yom6pckhj] {
        align-self: center;
    }
    
    .aa-quick-actions[b-6yom6pckhj] {
        flex-direction: column;
    }
    
    .aa-quick-action[b-6yom6pckhj] {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 575.98px) {
    .aa-dashboard-header[b-6yom6pckhj] {
        padding: 0.75rem;
    }
    
    .aa-action-toolbar[b-6yom6pckhj] {
        padding: 0.75rem;
    }
    
    .aa-profile-body[b-6yom6pckhj] {
        padding: 1rem;
    }
    
    .aa-tags-card[b-6yom6pckhj] {
        padding: 1rem;
    }
    
    .aa-artwork-section[b-6yom6pckhj] {
        padding: 1rem;
        margin-top: 1rem;
    }
    
    .aa-profile-photo[b-6yom6pckhj] {
        width: 8rem; /* 128px to rem */
        height: 10rem; /* 160px to rem */
    }
    
    .aa-artwork-image-wrapper[b-6yom6pckhj] {
        height: 10rem; /* 160px to rem */
    }
}

/* Print Styles */
@media print {
    .aa-action-toolbar[b-6yom6pckhj],
    .aa-quick-actions[b-6yom6pckhj],
    .aa-artwork-overlay[b-6yom6pckhj],
    .aa-artwork-action[b-6yom6pckhj] {
        display: none;
    }
    
    .aa-dashboard-header[b-6yom6pckhj] {
        background: white !important;
        color: black !important;
        border: 1px solid #ccc;
    }
    
    .aa-profile-card[b-6yom6pckhj],
    .aa-tags-card[b-6yom6pckhj],
    .aa-artwork-section[b-6yom6pckhj] {
        border: 1px solid #ccc;
        box-shadow: none;
        page-break-inside: avoid;
    }
}
/* /Components/Artists/Pages/Manage/ArtworkListings.razor.rz.scp.css */
/* ===== ARTWORK LISTINGS PAGE-SPECIFIC STYLES ===== */

/* Dashboard Header Section */
.aa-dashboard-header[b-fchs3dzq0s] {
    background: var(--aa-gradient-harmony-hero);
    padding: 2rem;
    border-radius: 1rem;
    margin-bottom: 2rem;
    color: white;
    text-align: center;
}

.aa-dashboard-title[b-fchs3dzq0s] {
    font-size: var(--text-4xl);
    font-weight: 700;
    margin: 0 0 0.5rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

/* Alert Components */
.aa-dashboard-alert[b-fchs3dzq0s] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem 1.5rem;
    border-radius: 0.75rem;
    margin-bottom: 1.5rem;
    border: none;
}

.aa-dashboard-alert.success[b-fchs3dzq0s] {
    background: linear-gradient(135deg, rgba(var(--aa-success-rgb), 0.1) 0%, rgba(var(--aa-success-rgb), 0.05) 100%);
    color: var(--aa-success);
    border-left: 4px solid var(--aa-success);
}

.aa-dashboard-alert.danger[b-fchs3dzq0s] {
    background: linear-gradient(135deg, rgba(var(--aa-danger-rgb), 0.1) 0%, rgba(var(--aa-danger-rgb), 0.05) 100%);
    color: var(--aa-danger);
    border-left: 4px solid var(--aa-danger);
}

.aa-dashboard-alert.warning[b-fchs3dzq0s] {
    background: linear-gradient(135deg, rgba(var(--aa-warning-rgb), 0.1) 0%, rgba(var(--aa-warning-rgb), 0.05) 100%);
    color: var(--aa-warning);
    border-left: 4px solid var(--aa-warning);
}

.aa-alert-icon[b-fchs3dzq0s] {
    font-size: 1.5rem;
    flex-shrink: 0;
    margin-top: 0.125rem;
}

.aa-alert-content[b-fchs3dzq0s] {
    flex: 1;
}

.aa-alert-title[b-fchs3dzq0s] {
    font-weight: 600;
    font-size: var(--text-base);
    margin-bottom: 0.25rem;
}

.aa-alert-description[b-fchs3dzq0s] {
    font-size: var(--text-sm);
    opacity: 0.9;
}

/* Action Toolbar */
.aa-action-toolbar[b-fchs3dzq0s] {
    background: white;
    border-radius: 0.75rem;
    padding: 1rem;
    margin-bottom: 2rem;
    box-shadow: var(--elevation-1);
    border: 1px solid rgba(var(--aa-primary-rgb), 0.1);
}

.aa-action-btn[b-fchs3dzq0s] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border: none;
    border-radius: 0.5rem;
    font-weight: 600;
    font-size: var(--text-sm);
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
    background: var(--aa-light-gray);
    color: var(--aa-dark-gray);
}

.aa-action-btn:hover[b-fchs3dzq0s] {
    transform: translateY(-2px);
    box-shadow: var(--elevation-2);
}

.aa-action-btn.primary[b-fchs3dzq0s] {
    background: var(--aa-gradient-primary);
    color: white;
}

.aa-action-btn.primary:hover[b-fchs3dzq0s] {
    box-shadow: 0 4px 12px rgba(var(--aa-primary-rgb), 0.3);
}

.aa-action-btn.success[b-fchs3dzq0s] {
    background: var(--aa-success);
    color: white;
}

.aa-action-btn.success:hover[b-fchs3dzq0s] {
    box-shadow: 0 4px 12px rgba(var(--aa-success-rgb), 0.3);
}

.aa-action-btn.warning[b-fchs3dzq0s] {
    background: var(--aa-warning);
    color: var(--aa-dark);
}

.aa-action-btn.warning:hover[b-fchs3dzq0s] {
    box-shadow: 0 4px 12px rgba(var(--aa-warning-rgb), 0.3);
}

.aa-action-btn.danger[b-fchs3dzq0s] {
    background: var(--aa-danger);
    color: white;
}

.aa-action-btn.danger:hover[b-fchs3dzq0s] {
    box-shadow: 0 4px 12px rgba(var(--aa-danger-rgb), 0.3);
}

.aa-action-btn.sm[b-fchs3dzq0s] {
    padding: 0.5rem 0.75rem;
    font-size: var(--text-xs);
}

.aa-stats-summary[b-fchs3dzq0s] {
    display: flex;
    gap: 1rem;
    align-items: center;
    font-size: var(--text-sm);
}

.aa-stat[b-fchs3dzq0s] {
    color: var(--aa-dark-gray);
    white-space: nowrap;
}

/* Listings Grid */
.aa-listings-grid[b-fchs3dzq0s] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.aa-listing-card[b-fchs3dzq0s] {
    background: white;
    border-radius: 1rem;
    border: 2px solid rgba(var(--aa-primary-rgb), 0.1);
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: var(--elevation-1);
}

.aa-listing-card:hover[b-fchs3dzq0s] {
    box-shadow: var(--elevation-3);
    transform: translateY(-4px);
}

.aa-listing-card.active[b-fchs3dzq0s] {
    border-color: var(--aa-success);
}

.aa-listing-card.inactive[b-fchs3dzq0s] {
    border-color: var(--aa-warning);
    opacity: 0.85;
}

.aa-listing-header[b-fchs3dzq0s] {
    display: flex;
    gap: 1rem;
    padding: 1rem;
}

.aa-listing-image-wrapper[b-fchs3dzq0s] {
    position: relative;
    flex-shrink: 0;
}

.aa-listing-image[b-fchs3dzq0s] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 0.5rem;
    background: var(--aa-light-gray);
}

.aa-no-image[b-fchs3dzq0s] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--aa-medium-gray);
    font-size: 2rem;
}

.aa-listing-status[b-fchs3dzq0s] {
    position: absolute;
    top: -8px;
    right: -8px;
    padding: 0.25rem 0.5rem;
    border-radius: 1rem;
    font-size: var(--text-xxs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.aa-listing-status.active[b-fchs3dzq0s] {
    background: rgba(var(--aa-success-rgb), 0.1);
    color: var(--aa-success);
    border: 1px solid rgba(var(--aa-success-rgb), 0.3);
}

.aa-listing-status.inactive[b-fchs3dzq0s] {
    background: rgba(var(--aa-warning-rgb), 0.1);
    color: var(--aa-warning);
    border: 1px solid rgba(var(--aa-warning-rgb), 0.3);
}

.aa-listing-info[b-fchs3dzq0s] {
    flex: 1;
    min-width: 0;
}

.aa-listing-title[b-fchs3dzq0s] {
    font-size: var(--text-lg);
    font-weight: 600;
    margin: 0 0 0.5rem 0;
    color: var(--aa-dark);
}

.aa-listing-description[b-fchs3dzq0s] {
    color: var(--aa-dark-gray);
    font-size: var(--text-sm);
    margin: 0 0 0.75rem 0;
    line-height: 1.5;
}

.aa-listing-meta[b-fchs3dzq0s] {
    display: flex;
    gap: 1rem;
    font-size: var(--text-xs);
    color: var(--aa-medium-gray);
}

.aa-meta-item[b-fchs3dzq0s] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.aa-variants-summary[b-fchs3dzq0s] {
    padding: 1rem;
    border-top: 1px solid rgba(var(--aa-primary-rgb), 0.1);
    background: linear-gradient(135deg, var(--aa-light) 0%, rgba(255, 255, 255, 0.8) 100%);
}

.aa-variants-stats[b-fchs3dzq0s] {
    display: flex;
    justify-content: space-around;
}

.aa-variant-stat[b-fchs3dzq0s] {
    text-align: center;
}

.aa-stat-number[b-fchs3dzq0s] {
    display: block;
    font-size: var(--text-xl);
    font-weight: 700;
    color: var(--aa-primary);
}

.aa-stat-label[b-fchs3dzq0s] {
    display: block;
    font-size: var(--text-xs);
    color: var(--aa-dark-gray);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.aa-listing-actions[b-fchs3dzq0s] {
    display: flex;
    gap: 0.5rem;
    padding: 1rem;
    background: var(--aa-light);
    border-top: 1px solid rgba(var(--aa-primary-rgb), 0.1);
    flex-wrap: wrap;
}

/* Empty State */
.aa-empty-state[b-fchs3dzq0s] {
    text-align: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 1rem;
    border: 2px dashed var(--aa-medium-gray);
    margin: 2rem 0;
}

.aa-empty-icon[b-fchs3dzq0s] {
    font-size: 4rem;
    color: var(--aa-medium-gray);
    margin-bottom: 1rem;
}

.aa-empty-title[b-fchs3dzq0s] {
    font-size: var(--text-2xl);
    font-weight: 700;
    color: var(--aa-dark);
    margin-bottom: 1rem;
}

.aa-empty-description[b-fchs3dzq0s] {
    font-size: var(--text-base);
    color: var(--aa-dark-gray);
    line-height: 1.6;
    margin-bottom: 2rem;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.aa-quick-actions[b-fchs3dzq0s] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.aa-quick-action[b-fchs3dzq0s] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--aa-gradient-primary);
    color: white;
    padding: 1rem 2rem;
    border: none;
    border-radius: 0.75rem;
    font-weight: 600;
    font-size: var(--text-base);
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
}

.aa-quick-action:hover[b-fchs3dzq0s] {
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(var(--aa-primary-rgb), 0.3);
    color: white;
    text-decoration: none;
}

/* Responsive Design */
@media (max-width: 991.98px) {
    .aa-listings-grid[b-fchs3dzq0s] {
        grid-template-columns: 1fr;
    }
    
    .aa-action-toolbar[b-fchs3dzq0s] {
        padding: 0.75rem;
    }
    
    .aa-action-toolbar .d-flex[b-fchs3dzq0s] {
        flex-direction: column;
        gap: 1rem;
        align-items: stretch;
    }
    
    .aa-stats-summary[b-fchs3dzq0s] {
        justify-content: center;
        flex-wrap: wrap;
    }
}

@media (max-width: 767.98px) {
    .aa-dashboard-header[b-fchs3dzq0s] {
        padding: 1.5rem;
        text-align: center;
    }
    
    .aa-dashboard-title[b-fchs3dzq0s] {
        font-size: var(--text-3xl);
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .aa-listing-header[b-fchs3dzq0s] {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    
    .aa-listing-image-wrapper[b-fchs3dzq0s] {
        align-self: center;
    }
    
    .aa-listing-actions[b-fchs3dzq0s] {
        justify-content: center;
    }
    
    .aa-variants-stats[b-fchs3dzq0s] {
        flex-direction: column;
        gap: 1rem;
    }
    
    .aa-empty-state[b-fchs3dzq0s] {
        padding: 2rem 1rem;
    }
    
    .aa-empty-description[b-fchs3dzq0s] {
        font-size: var(--text-sm);
    }
}

@media (max-width: 575.98px) {
    .aa-action-btn[b-fchs3dzq0s] {
        justify-content: center;
        flex: 1;
    }
    
    .aa-listing-actions[b-fchs3dzq0s] {
        flex-direction: column;
    }
    
    .aa-listing-actions .aa-action-btn[b-fchs3dzq0s] {
        width: 100%;
    }
    
    .aa-stats-summary[b-fchs3dzq0s] {
        flex-direction: column;
        gap: 0.5rem;
    }
}
/* /Components/Artists/Pages/Manage/CreateListingWizard.razor.rz.scp.css */
/* CreateListingWizard component-specific styles */

.wizard-progress[b-38dlrf4jir] {
    height: 4px;
    background: #e5e7eb;
    position: relative;
}

.wizard-progress-bar[b-38dlrf4jir] {
    height: 100%;
    background: var(--aa-gradient-harmony);
    transition: width 0.3s ease;
}

.wizard-step[b-38dlrf4jir] {
    min-height: clamp(300px, 50vh, 400px);
}

/* Step 1: Artwork Selection Styles */
.artwork-selection-grid[b-38dlrf4jir] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: var(--spacing-base);
    max-height: clamp(300px, 50vh, 400px);
    overflow-y: auto;
}

.artwork-selection-card[b-38dlrf4jir] {
    border: 2px solid #e5e7eb;
    border-radius: 8px;
    padding: var(--spacing-base);
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    background: white;
}

.artwork-selection-card:hover[b-38dlrf4jir] {
    border-color: var(--aa-primary);
    box-shadow: var(--elevation-2);
}

.artwork-selection-card.selected[b-38dlrf4jir] {
    border-color: var(--aa-success);
    background: #f0fdf4;
}

.artwork-selection-image[b-38dlrf4jir] {
    width: 100%;
    height: 120px;
    object-fit: cover;
    border-radius: 4px;
    margin-bottom: var(--spacing-sm);
}

.artwork-selection-image.no-image[b-38dlrf4jir] {
    background: #f3f4f6;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--aa-text-muted);
    font-size: var(--text-2xl);
}

.artwork-selection-info[b-38dlrf4jir] {
    text-align: center;
}

.artwork-selection-title[b-38dlrf4jir] {
    font-size: var(--text-sm);
    font-weight: 600;
    margin-bottom: var(--spacing-xs);
    color: var(--aa-text-primary);
}

.artwork-selection-year[b-38dlrf4jir] {
    font-size: var(--text-xs);
    color: var(--aa-text-muted);
    margin: 0;
}

.artwork-selection-check[b-38dlrf4jir] {
    position: absolute;
    top: var(--spacing-sm);
    right: var(--spacing-sm);
    color: var(--aa-success);
    font-size: var(--text-xl);
}

/* Step 2: Improved Options Configuration Styles */
.wizard-options-container[b-38dlrf4jir] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-base);
    max-height: clamp(400px, 60vh, 500px);
    overflow-y: auto;
    padding-right: var(--spacing-sm);
}

.wizard-option-card[b-38dlrf4jir] {
    border: 2px solid var(--aa-light-gray);
    border-radius: 8px;
    padding: var(--spacing-base);
    background: white;
    transition: all 0.2s var(--ease);
}

.wizard-option-card:hover[b-38dlrf4jir] {
    border-color: var(--aa-primary-light);
    box-shadow: var(--elevation-1);
}

.wizard-option-card.selected[b-38dlrf4jir] {
    border-color: var(--aa-primary);
    background: var(--aa-primary-light);
    box-shadow: var(--elevation-2);
}

.wizard-option-header[b-38dlrf4jir] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--spacing-sm);
}

.wizard-option-title[b-38dlrf4jir] {
    font-size: var(--text-base);
    font-weight: 600;
    margin-bottom: 0;
    cursor: pointer;
    color: var(--aa-dark);
}

.wizard-option-controls[b-38dlrf4jir] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

.wizard-option-values[b-38dlrf4jir] {
    margin-top: var(--spacing-base);
    padding-top: var(--spacing-base);
    border-top: 1px solid var(--aa-light-gray);
    animation: slideDown-b-38dlrf4jir 0.3s var(--ease-out);
}

@keyframes slideDown-b-38dlrf4jir {
    from {
        opacity: 0;
        max-height: 0;
        margin-top: 0;
        padding-top: 0;
    }
    to {
        opacity: 1;
        max-height: 300px;
        margin-top: var(--spacing-base);
        padding-top: var(--spacing-base);
    }
}

.wizard-values-grid[b-38dlrf4jir] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: var(--spacing-sm);
    margin-top: var(--spacing-sm);
}

.wizard-value-item[b-38dlrf4jir] {
    padding: var(--spacing-sm) var(--spacing-sm);
    border: 1px solid var(--aa-light-gray);
    border-radius: 6px;
    background: white;
    transition: all 0.2s var(--ease);
    cursor: pointer;
}

.wizard-value-item:hover[b-38dlrf4jir] {
    border-color: var(--aa-primary-light);
    background: var(--aa-light);
    transform: translateY(-1px);
    box-shadow: var(--elevation-1);
}

.wizard-value-item.selected[b-38dlrf4jir] {
    border-color: var(--aa-primary);
    background: var(--aa-primary-light);
    color: var(--aa-primary-dark);
    font-weight: 500;
}

.wizard-value-item .form-check[b-38dlrf4jir] {
    margin-bottom: 0;
}

.wizard-value-item .form-check-label[b-38dlrf4jir] {
    font-size: var(--text-sm);
    cursor: pointer;
    width: 100%;
    display: block;
}

.wizard-option-empty[b-38dlrf4jir] {
    display: flex;
    align-items: center;
    padding: var(--spacing-base);
    margin-top: var(--spacing-base);
    background: var(--aa-warning-light);
    border: 1px solid var(--aa-warning);
    border-radius: 6px;
    color: var(--aa-warning-dark);
}

/* Options Summary */
.wizard-options-summary[b-38dlrf4jir] {
    margin-top: var(--spacing-2xl);
    padding: var(--spacing-xl);
    background: var(--aa-light);
    border: 2px solid var(--aa-success);
    border-radius: 8px;
    animation: fadeIn-b-38dlrf4jir 0.4s var(--ease-out);
}

@keyframes fadeIn-b-38dlrf4jir {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.wizard-summary-grid[b-38dlrf4jir] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: var(--spacing-base);
    margin-bottom: var(--spacing-base);
}

.wizard-summary-item[b-38dlrf4jir] {
    padding: var(--spacing-base);
    background: white;
    border: 1px solid var(--aa-light-gray);
    border-radius: 6px;
    box-shadow: var(--elevation-1);
}

.wizard-summary-header[b-38dlrf4jir] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--spacing-sm);
}

.wizard-summary-values[b-38dlrf4jir] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-xs);
}

.wizard-variants-preview[b-38dlrf4jir] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-sm);
    background: var(--aa-success-light);
    border: 1px solid var(--aa-success);
    border-radius: 6px;
    font-weight: 600;
    color: var(--aa-success-dark);
}

/* Legacy Step 2 styles (keeping for fallback) */
.option-types-list[b-38dlrf4jir] {
    max-height: clamp(300px, 50vh, 400px);
    overflow-y: auto;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: var(--spacing-base);
}

.option-type-item[b-38dlrf4jir] {
    padding: var(--spacing-base);
    border-bottom: 1px solid #f3f4f6;
}

.option-type-item:last-child[b-38dlrf4jir] {
    border-bottom: none;
}

.option-values-preview[b-38dlrf4jir] {
    margin-top: var(--spacing-sm);
    padding-left: var(--spacing-xl);
}

.selected-options-list[b-38dlrf4jir] {
    max-height: clamp(300px, 50vh, 400px);
    overflow-y: auto;
}

.selected-option-item[b-38dlrf4jir] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: var(--spacing-base);
    margin-bottom: var(--spacing-base);
}

.option-values-selection[b-38dlrf4jir] {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    padding: var(--spacing-sm);
    max-height: 150px;
    overflow-y: auto;
}

/* Enhance checkbox spacing in option values selection */
.option-values-selection .form-check[b-38dlrf4jir] {
    margin-bottom: var(--spacing-sm);
}

.option-values-selection .form-check-input[b-38dlrf4jir] {
    margin-top: 0.125rem;
}

/* Step 3: Pricing Styles */
.option-pricing-section[b-38dlrf4jir] {
    background: #f8fafc;
    border-radius: 8px;
    padding: var(--spacing-base);
    border: 1px solid #e2e8f0;
    margin-bottom: var(--spacing-base);
}

/* Step 4: Review Styles */
.review-section[b-38dlrf4jir] {
    background: #f9fafb;
    border-radius: 8px;
    padding: var(--spacing-xl);
    margin-bottom: var(--spacing-xl);
    border: 1px solid #e5e7eb;
}

.review-artwork-image[b-38dlrf4jir] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
}

.pricing-summary[b-38dlrf4jir] {
    background: white;
    border-radius: 4px;
    padding: var(--spacing-base);
    border: 1px solid #e5e7eb;
}

.options-review[b-38dlrf4jir] {
    background: white;
    border-radius: 4px;
    padding: var(--spacing-base);
    border: 1px solid #e5e7eb;
}

.variants-preview[b-38dlrf4jir] {
    background: var(--aa-warning-light);
    color: var(--aa-warning-dark);
    padding: var(--spacing-sm);
    border-radius: 4px;
    text-align: center;
    font-weight: 500;
}

/* Responsive Design */
@media (max-width: 768px) {
    .artwork-selection-grid[b-38dlrf4jir] {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        gap: var(--spacing-sm);
    }
    
    .wizard-option-header[b-38dlrf4jir] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-sm);
    }
    
    .wizard-values-grid[b-38dlrf4jir] {
        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    }
    
    .wizard-summary-grid[b-38dlrf4jir] {
        grid-template-columns: 1fr;
    }
    
    .wizard-options-container[b-38dlrf4jir] {
        max-height: clamp(300px, 50vh, 400px);
    }
    
    .wizard-options-summary[b-38dlrf4jir] {
        padding: var(--spacing-base);
        margin-top: var(--spacing-xl);
    }
    
    .review-section[b-38dlrf4jir] {
        padding: var(--spacing-base);
        margin-bottom: var(--spacing-base);
    }
}

@media (max-width: 576px) {
    .artwork-selection-grid[b-38dlrf4jir] {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
        gap: var(--spacing-xs);
    }
    
    .wizard-option-card[b-38dlrf4jir] {
        padding: var(--spacing-sm);
    }
    
    .wizard-options-summary[b-38dlrf4jir] {
        padding: var(--spacing-sm);
    }
    
    .review-section[b-38dlrf4jir] {
        padding: var(--spacing-sm);
    }
    
    .wizard-values-grid[b-38dlrf4jir] {
        grid-template-columns: 1fr;
    }
    
    .wizard-summary-item[b-38dlrf4jir] {
        padding: var(--spacing-sm);
    }
    
    .option-types-list[b-38dlrf4jir] {
        padding: var(--spacing-sm);
    }
    
    .selected-option-item[b-38dlrf4jir] {
        padding: var(--spacing-sm);
        margin-bottom: var(--spacing-sm);
    }
}
/* /Components/Artists/Pages/Manage/CreateListingWizardAlt.razor.rz.scp.css */
/* CreateListingWizardAlt component-specific styles */
/* Shared styles from original wizard */

.wizard-progress[b-zjsueff2pn] {
    height: 4px;
    background: #e5e7eb;
    position: relative;
}

.wizard-progress-bar[b-zjsueff2pn] {
    height: 100%;
    background: var(--aa-gradient-harmony);
    transition: width 0.3s ease;
}

.wizard-step[b-zjsueff2pn] {
    min-height: clamp(300px, 50vh, 400px);
}

/* Step 1: Artwork Selection Styles */
.artwork-selection-grid[b-zjsueff2pn] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: var(--spacing-base);
    max-height: clamp(300px, 50vh, 400px);
    overflow-y: auto;
}

.artwork-selection-card[b-zjsueff2pn] {
    border: 2px solid #e5e7eb;
    border-radius: 8px;
    padding: var(--spacing-base);
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    background: white;
}

.artwork-selection-card:hover[b-zjsueff2pn] {
    border-color: var(--aa-primary);
    box-shadow: var(--elevation-2);
}

.artwork-selection-card.selected[b-zjsueff2pn] {
    border-color: var(--aa-success);
    background: #f0fdf4;
}

.artwork-selection-image[b-zjsueff2pn] {
    width: 100%;
    height: 120px;
    object-fit: cover;
    border-radius: 4px;
    margin-bottom: var(--spacing-sm);
}

.artwork-selection-image.no-image[b-zjsueff2pn] {
    background: #f3f4f6;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--aa-text-muted);
    font-size: var(--text-2xl);
}

.artwork-selection-info[b-zjsueff2pn] {
    text-align: center;
}

.artwork-selection-title[b-zjsueff2pn] {
    font-size: var(--text-sm);
    font-weight: 600;
    margin-bottom: var(--spacing-xs);
    color: var(--aa-text-primary);
}

.artwork-selection-year[b-zjsueff2pn] {
    font-size: var(--text-xs);
    color: var(--aa-text-muted);
    margin: 0;
}

.artwork-selection-check[b-zjsueff2pn] {
    position: absolute;
    top: var(--spacing-sm);
    right: var(--spacing-sm);
    color: var(--aa-success);
    font-size: var(--text-xl);
}

/* Alternative Wizard Specific Styles for Step 2 */
.wizard-options-container[b-zjsueff2pn] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
    max-height: clamp(400px, 60vh, 500px);
    overflow-y: auto;
    padding-right: var(--spacing-sm);
}

.wizard-option-card-alt[b-zjsueff2pn] {
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    padding: var(--spacing-xxs);
    margin-bottom: var(--spacing-xxs);
    transition: all 0.2s ease;
    background: white;
}

.wizard-option-card-alt:hover[b-zjsueff2pn] {
    border-color: var(--aa-primary-light);
    box-shadow: var(--elevation-1);
}

.wizard-option-card-alt.selected[b-zjsueff2pn] {
    border-color: var(--aa-primary);
    background: var(--aa-primary-light);
    box-shadow: var(--elevation-2);
}

.wizard-option-header-alt[b-zjsueff2pn] {
    margin-bottom: var(--spacing-sm);
}

.wizard-option-title[b-zjsueff2pn] {
    font-size: var(--text-sm);
    font-weight: 600;
    margin-bottom: 0;
    cursor: pointer;
    color: var(--aa-dark);
}

.wizard-option-controls[b-zjsueff2pn] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

.wizard-selected-values[b-zjsueff2pn] {
    padding: var(--spacing-xs);
    background: #f1f5f9;
    border-radius: 6px;
    border: 1px solid #e2e8f0;
    animation: slideDown 0.3s var(--ease-out);
}



.wizard-selected-values .d-flex.justify-content-between[b-zjsueff2pn] {
    margin-top: var(--spacing-xs);
    padding-top: var(--spacing-xs);
    border-top: 1px solid #e2e8f0;
}

.wizard-selected-values .btn-outline-primary[b-zjsueff2pn] {
    font-size: var(--text-xs);
    padding: var(--spacing-xs) var(--spacing-xs);
    border-color: var(--aa-primary);
    color: var(--aa-primary);
    transition: all 0.2s ease;
}

.wizard-selected-values .btn-outline-primary:hover[b-zjsueff2pn] {
    background-color: var(--aa-primary);
    border-color: var(--aa-primary);
    color: white;
    transform: translateY(-1px);
    box-shadow: var(--elevation-1);
}

.selected-values-list[b-zjsueff2pn] {
    margin-bottom: var(--spacing-xs);
}

.selected-value-badge[b-zjsueff2pn] {
    font-size: var(--text-sm);
    padding: var(--spacing-xs) var(--spacing-xs);
    position: relative;
}

.selected-value-badge .btn-close[b-zjsueff2pn] {
    font-size: var(--text-xxs);
    padding: 0;
    margin-left: var(--spacing-xs);
}

/* Value Selection Modal Styles */
.value-selection-grid[b-zjsueff2pn] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: var(--spacing-sm);
    margin-bottom: var(--spacing-base);
}

.value-selection-item[b-zjsueff2pn] {
    border: 2px solid #e2e8f0;
    border-radius: 6px;
    padding: var(--spacing-sm);
    cursor: pointer;
    transition: all 0.2s ease;
    background: white;
}

.value-selection-item:hover[b-zjsueff2pn] {
    border-color: #cbd5e1;
    background: #f8fafc;
    transform: translateY(-1px);
    box-shadow: var(--elevation-1);
}

.value-selection-item.selected[b-zjsueff2pn] {
    border-color: #3b82f6;
    background: #eff6ff;
    color: var(--aa-primary-dark);
    font-weight: 500;
}

.value-selection-item .form-check[b-zjsueff2pn] {
    margin-bottom: 0;
}

.value-selection-item .form-check-label[b-zjsueff2pn] {
    font-size: var(--text-sm);
    cursor: pointer;
    width: 100%;
    display: block;
}

.selected-values-preview[b-zjsueff2pn] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-xs);
}

.wizard-option-empty[b-zjsueff2pn] {
    padding: var(--spacing-sm);
    background: #f9fafb;
    border-radius: 6px;
    border: 1px dashed #d1d5db;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--aa-warning-dark);
}

/* Options Summary - Shared between both wizards */
.wizard-options-summary[b-zjsueff2pn] {
    margin-top: var(--spacing-2xl);
    padding: var(--spacing-xl);
    background: var(--aa-light);
    border: 2px solid var(--aa-success);
    border-radius: 8px;
    animation: fadeIn-b-zjsueff2pn 0.4s var(--ease-out);
}

@keyframes fadeIn-b-zjsueff2pn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.wizard-summary-grid[b-zjsueff2pn] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: var(--spacing-base);
    margin-bottom: var(--spacing-base);
}

.wizard-summary-item[b-zjsueff2pn] {
    padding: var(--spacing-base);
    background: white;
    border: 1px solid var(--aa-light-gray);
    border-radius: 6px;
    box-shadow: var(--elevation-1);
}

.wizard-summary-header[b-zjsueff2pn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--spacing-sm);
}

.wizard-summary-values[b-zjsueff2pn] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-xs);
}

.wizard-variants-preview[b-zjsueff2pn] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-sm);
    background: var(--aa-success-light);
    border: 1px solid var(--aa-success);
    border-radius: 6px;
    font-weight: 600;
    color: var(--aa-success-dark);
}

/* Step 3: Pricing Styles */
.option-pricing-section[b-zjsueff2pn] {
    background: #f8fafc;
    border-radius: 8px;
    padding: var(--spacing-base);
    border: 1px solid #e2e8f0;
    margin-bottom: var(--spacing-base);
}

/* Step 4: Review Styles */
.review-section[b-zjsueff2pn] {
    background: #f9fafb;
    border-radius: 8px;
    padding: var(--spacing-xl);
    margin-bottom: var(--spacing-xl);
    border: 1px solid #e5e7eb;
}

.review-artwork-image[b-zjsueff2pn] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
}

.pricing-summary[b-zjsueff2pn] {
    background: white;
    border-radius: 4px;
    padding: var(--spacing-base);
    border: 1px solid #e5e7eb;
}

.options-review[b-zjsueff2pn] {
    background: white;
    border-radius: 4px;
    padding: var(--spacing-base);
    border: 1px solid #e5e7eb;
}

.variants-preview[b-zjsueff2pn] {
    background: var(--aa-warning-light);
    color: var(--aa-warning-dark);
    padding: var(--spacing-sm);
    border-radius: 4px;
    text-align: center;
    font-weight: 500;
}

/* Modal Layering */
.modal.show[b-zjsueff2pn] {
    z-index: 1050 !important;
}

.modal.show[style*="z-index: 1070"][b-zjsueff2pn] {
    z-index: 1070 !important;
}

.modal-backdrop[b-zjsueff2pn] {
    z-index: 1040 !important;
}

/* Responsive Design */
@media (max-width: 768px) {
    .artwork-selection-grid[b-zjsueff2pn] {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        gap: var(--spacing-sm);
    }
    
    .wizard-option-header-alt[b-zjsueff2pn] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-sm);
    }
    
    .value-selection-grid[b-zjsueff2pn] {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: var(--spacing-sm);
    }
    
    .wizard-summary-grid[b-zjsueff2pn] {
        grid-template-columns: 1fr;
    }
    
    .wizard-options-container[b-zjsueff2pn] {
        max-height: clamp(300px, 50vh, 400px);
    }
    
    .wizard-options-summary[b-zjsueff2pn] {
        padding: var(--spacing-base);
        margin-top: var(--spacing-xl);
    }
    
    .review-section[b-zjsueff2pn] {
        padding: var(--spacing-base);
        margin-bottom: var(--spacing-base);
    }
    
    .wizard-option-card-alt[b-zjsueff2pn] {
        padding: var(--spacing-sm);
        margin-bottom: var(--spacing-sm);
    }
}

@media (max-width: 576px) {
    .artwork-selection-grid[b-zjsueff2pn] {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
        gap: var(--spacing-xs);
    }
    
    .wizard-option-card-alt[b-zjsueff2pn] {
        padding: var(--spacing-sm);
    }
    
    .wizard-options-summary[b-zjsueff2pn] {
        padding: var(--spacing-sm);
    }
    
    .review-section[b-zjsueff2pn] {
        padding: var(--spacing-sm);
    }
    
    .value-selection-grid[b-zjsueff2pn] {
        grid-template-columns: 1fr;
        gap: var(--spacing-xs);
    }
    
    .wizard-summary-item[b-zjsueff2pn] {
        padding: var(--spacing-sm);
    }
    
    .wizard-selected-values[b-zjsueff2pn] {
        padding: var(--spacing-xs);
    }
    
    .selected-value-badge[b-zjsueff2pn] {
        padding: var(--spacing-xxs) var(--spacing-xs);
        font-size: var(--text-xs);
    }
    
    .value-selection-item[b-zjsueff2pn] {
        padding: var(--spacing-xs);
    }
}
/* /Components/Artists/Pages/Manage/ListingDetails.razor.rz.scp.css */
/* ListingDetails page-specific styles */

.listing-details-header[b-5w6eqiwfmn] {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid #f3f4f6;
}

.listing-status-badge[b-5w6eqiwfmn] {
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: var(--text-sm);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.listing-status-badge.active[b-5w6eqiwfmn] {
    background: var(--aa-success-light);
    color: var(--aa-success-dark);
}

.listing-status-badge.inactive[b-5w6eqiwfmn] {
    background: var(--aa-warning-light);
    color: var(--aa-warning-dark);
}

.listing-details-title[b-5w6eqiwfmn] {
    font-size: var(--text-3xl);
    font-weight: 700;
    margin: 1rem 0 0.5rem 0;
    color: var(--aa-text-primary);
}

.listing-details-subtitle[b-5w6eqiwfmn] {
    font-size: var(--text-lg);
    margin: 0;
}

.listing-info-section[b-5w6eqiwfmn] {
    background: white;
    border-radius: 12px;
    padding: 2rem;
    margin-bottom: 2rem;
    border: 1px solid #e5e7eb;
    box-shadow: var(--elevation-1);
}

.section-title[b-5w6eqiwfmn] {
    font-size: var(--text-xl);
    font-weight: 600;
    color: var(--aa-text-primary);
    margin-bottom: 1.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #f3f4f6;
}

.artwork-preview[b-5w6eqiwfmn] {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
}

.artwork-preview-image[b-5w6eqiwfmn] {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 12px;
    flex-shrink: 0;
    border: 2px solid #e5e7eb;
}

.artwork-preview-image.no-image[b-5w6eqiwfmn] {
    background: #f9fafb;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--aa-text-muted);
    font-size: 2rem;
}

.artwork-info[b-5w6eqiwfmn] {
    flex: 1;
    min-width: 0;
}

.artwork-title[b-5w6eqiwfmn] {
    font-size: var(--text-xl);
    font-weight: 600;
    margin: 0 0 0.5rem 0;
    color: var(--aa-text-primary);
}

.artwork-year[b-5w6eqiwfmn] {
    font-size: var(--text-base);
    color: var(--aa-text-muted);
    margin: 0 0 1rem 0;
    font-weight: 500;
}

.artwork-description[b-5w6eqiwfmn] {
    font-size: var(--text-sm);
    color: var(--aa-text-muted);
    line-height: 1.6;
    margin: 0;
}

.listing-settings[b-5w6eqiwfmn] {
    space-y: 1rem;
}

.setting-row[b-5w6eqiwfmn] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0.75rem 0;
    border-bottom: 1px solid #f3f4f6;
}

.setting-row:last-child[b-5w6eqiwfmn] {
    border-bottom: none;
}

.setting-row.notes[b-5w6eqiwfmn] {
    flex-direction: column;
    align-items: stretch;
    gap: 0.5rem;
}

.setting-label[b-5w6eqiwfmn] {
    font-weight: 600;
    color: var(--aa-text-secondary);
    font-size: var(--text-sm);
}

.setting-value[b-5w6eqiwfmn] {
    font-size: var(--text-sm);
    color: var(--aa-text-primary);
}

.status-indicator[b-5w6eqiwfmn] {
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: var(--text-xs);
    font-weight: 600;
    text-transform: uppercase;
}

.status-indicator.active[b-5w6eqiwfmn] {
    background: var(--aa-success-light);
    color: var(--aa-success-dark);
}

.status-indicator.inactive[b-5w6eqiwfmn] {
    background: var(--aa-warning-light);
    color: var(--aa-warning-dark);
}

.options-summary[b-5w6eqiwfmn] {
    space-y: 1rem;
}

.option-summary-item[b-5w6eqiwfmn] {
    padding: 1rem;
    background: #f8fafc;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    margin-bottom: 1rem;
}

.option-name[b-5w6eqiwfmn] {
    font-size: var(--text-base);
    font-weight: 600;
    margin: 0 0 0.75rem 0;
    color: var(--aa-text-primary);
}

.option-values[b-5w6eqiwfmn] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.variants-management-section[b-5w6eqiwfmn] {
    background: white;
    border-radius: 12px;
    padding: 2rem;
    border: 1px solid #e5e7eb;
    box-shadow: var(--elevation-1);
    height: fit-content;
}

.variants-actions[b-5w6eqiwfmn] {
    display: flex;
    gap: 0.5rem;
}

.variants-grid[b-5w6eqiwfmn] {
    display: grid;
    gap: 1rem;
    max-height: 600px;
    overflow-y: auto;
}

.variant-card[b-5w6eqiwfmn] {
    border: 2px solid #e5e7eb;
    border-radius: 12px;
    padding: 1rem;
    background: white;
    transition: all 0.2s ease;
}

.variant-card:hover[b-5w6eqiwfmn] {
    box-shadow: var(--elevation-2);
}

.variant-card.available[b-5w6eqiwfmn] {
    border-color: var(--aa-success);
    background: #f0fdf4;
}

.variant-card.unavailable[b-5w6eqiwfmn] {
    border-color: var(--aa-warning);
    background: #fefce8;
    opacity: 0.8;
}

.variant-card.sold[b-5w6eqiwfmn] {
    border-color: var(--aa-danger);
    background: #fef2f2;
    opacity: 0.7;
}

.variant-card.reserved[b-5w6eqiwfmn] {
    border-color: var(--aa-primary);
    background: #f0f9ff;
}

.variant-header[b-5w6eqiwfmn] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.variant-info[b-5w6eqiwfmn] {
    flex: 1;
    min-width: 0;
}

.variant-title[b-5w6eqiwfmn] {
    font-size: var(--text-base);
    font-weight: 600;
    margin: 0 0 0.25rem 0;
    color: var(--aa-text-primary);
}

.variant-sku[b-5w6eqiwfmn] {
    font-size: var(--text-xs);
    color: var(--aa-text-muted);
    margin: 0;
    font-family: monospace;
}

.variant-status[b-5w6eqiwfmn] {
    flex-shrink: 0;
}

.status-badge[b-5w6eqiwfmn] {
    padding: 0.25rem 0.5rem;
    border-radius: 8px;
    font-size: var(--text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.status-badge.available[b-5w6eqiwfmn] {
    background: var(--aa-success-light);
    color: var(--aa-success-dark);
}

.status-badge.unavailable[b-5w6eqiwfmn] {
    background: var(--aa-warning-light);
    color: var(--aa-warning-dark);
}

.status-badge.sold[b-5w6eqiwfmn] {
    background: var(--aa-danger-light);
    color: var(--aa-danger-dark);
}

.status-badge.reserved[b-5w6eqiwfmn] {
    background: var(--aa-primary-light);
    color: var(--aa-primary-dark);
}

.variant-details[b-5w6eqiwfmn] {
    margin-bottom: 1rem;
}

.variant-stat[b-5w6eqiwfmn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.stat-label[b-5w6eqiwfmn] {
    font-size: var(--text-sm);
    color: var(--aa-text-muted);
    font-weight: 500;
}

.stat-value[b-5w6eqiwfmn] {
    font-size: var(--text-sm);
    color: var(--aa-text-primary);
    font-weight: 600;
}

.variant-options[b-5w6eqiwfmn] {
    margin-top: 0.75rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.option-tag[b-5w6eqiwfmn] {
    background: #e5e7eb;
    color: var(--aa-text-secondary);
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: var(--text-xs);
    font-weight: 500;
}

.variant-actions[b-5w6eqiwfmn] {
    display: flex;
    gap: 0.5rem;
    justify-content: space-between;
}

.listing-actions-toolbar[b-5w6eqiwfmn] {
    position: sticky;
    bottom: 2rem;
    background: white;
    border: 2px solid #e5e7eb;
    border-radius: 12px;
    padding: 1.5rem;
    margin-top: 3rem;
    box-shadow: var(--elevation-3);
}

@media (max-width: 768px) {
    .artwork-preview[b-5w6eqiwfmn] {
        flex-direction: column;
        text-align: center;
    }
    
    .artwork-preview-image[b-5w6eqiwfmn] {
        align-self: center;
    }
    
    .variants-grid[b-5w6eqiwfmn] {
        max-height: 400px;
    }
    
    .variant-actions[b-5w6eqiwfmn] {
        flex-direction: column;
    }
    
    .listing-actions-toolbar .d-flex[b-5w6eqiwfmn] {
        flex-direction: column;
        gap: 1rem;
    }
}
/* /Components/Artists/Pages/Manage/VariantEditModal.razor.rz.scp.css */
/* VariantEditModal component-specific styles */

.variant-info-section[b-5ugp9facfo] {
    background: #f8fafc;
    border-radius: 8px;
    padding: 1.5rem;
    border: 1px solid #e2e8f0;
    height: 100%;
}

.section-subtitle[b-5ugp9facfo] {
    font-size: var(--text-base);
    font-weight: 600;
    color: var(--aa-text-primary);
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #e5e7eb;
}

.selected-options-display[b-5ugp9facfo] {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 2px solid #f3f4f6;
}

.options-readonly[b-5ugp9facfo] {
    background: #f9fafb;
    border-radius: 8px;
    padding: 1rem;
    border: 1px solid #e5e7eb;
    margin-bottom: 0.5rem;
}

.option-display-item[b-5ugp9facfo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid #e5e7eb;
}

.option-display-item:last-child[b-5ugp9facfo] {
    border-bottom: none;
}

.option-type[b-5ugp9facfo] {
    font-weight: 600;
    color: var(--aa-text-secondary);
    font-size: var(--text-sm);
}

.option-value[b-5ugp9facfo] {
    color: var(--aa-text-primary);
    font-size: var(--text-sm);
    font-weight: 500;
}
/* /Components/Gallery/ArtworkDetail.razor.rz.scp.css */
/* Artwork Detail page specific styles */

/* Add top padding for fixed navigation */
.aa-artwork-detail-page[b-u9qedoz0la] {
    background: var(--aa-light);
}

/* Breadcrumb - More compact */
.aa-breadcrumb[b-u9qedoz0la] {
    background: rgba(var(--aa-primary-rgb), 0.05);
    border-bottom: 1px solid rgba(var(--aa-primary-rgb), 0.1);
}

    .aa-breadcrumb .breadcrumb[b-u9qedoz0la] {
        font-size: var(--text-xs);
    }

/* Image Gallery - Vertical Thumbnails */
.aa-artwork-image-gallery[b-u9qedoz0la] {
    position: relative;
}

.aa-main-image-container[b-u9qedoz0la] {
    position: relative;
    background: white;
    border-radius: 0.5rem;
    overflow: hidden;
    max-height: 500px;
}

.aa-main-image[b-u9qedoz0la] {
    width: 100%;
    height: auto;
    max-height: 500px;
    object-fit: contain;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.aa-main-image:hover[b-u9qedoz0la] {
    transform: scale(1.02);
}

.aa-image-overlay[b-u9qedoz0la] {
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.aa-main-image-container:hover .aa-image-overlay[b-u9qedoz0la] {
    opacity: 1;
}

.aa-zoom-btn[b-u9qedoz0la] {
    font-size: var(--text-xs);
    padding: 0.25rem 0.5rem;
}

/* Vertical Thumbnails - Left side */
.aa-image-thumbnails-vertical[b-u9qedoz0la] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-height: 500px;
    overflow-y: auto;
    padding-right: 0.25rem;
}

.aa-thumbnail-vertical[b-u9qedoz0la] {
    width: 100%;
    height: 60px;
    border: 2px solid transparent;
    border-radius: 0.25rem;
    overflow: hidden;
    background: white;
    padding: 0;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: var(--elevation-1);
}

.aa-thumbnail-vertical:hover[b-u9qedoz0la] {
    transform: scale(1.05);
    box-shadow: var(--elevation-2);
}

.aa-thumbnail-vertical.active[b-u9qedoz0la] {
    border-color: var(--aa-primary);
    box-shadow: var(--elevation-3);
}

.aa-thumbnail-vertical img[b-u9qedoz0la] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Custom scrollbar for thumbnails */
.aa-image-thumbnails-vertical[b-u9qedoz0la]::-webkit-scrollbar {
    width: 4px;
}

.aa-image-thumbnails-vertical[b-u9qedoz0la]::-webkit-scrollbar-track {
    background: var(--aa-light-gray);
    border-radius: 2px;
}

.aa-image-thumbnails-vertical[b-u9qedoz0la]::-webkit-scrollbar-thumb {
    background: var(--aa-primary);
    border-radius: 2px;
}

/* No Image Placeholder - Compact */
.aa-no-image-placeholder[b-u9qedoz0la] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 300px;
    background: var(--aa-light-gray);
    border-radius: 0.5rem;
    color: var(--aa-dark-gray);
}

.aa-placeholder-icon[b-u9qedoz0la] {
    font-size: 3rem;
    opacity: 0.5;
}

/* Artwork Details - Compact spacing */
.aa-artwork-details[b-u9qedoz0la] {
    padding: 0;
}

.aa-artwork-header[b-u9qedoz0la] {
    border-bottom: 1px solid var(--aa-light-gray);
    padding-bottom: 0.75rem;
}

.aa-artwork-title[b-u9qedoz0la] {
    line-height: 1.2;
}

.aa-artist-link[b-u9qedoz0la] {
    color: var(--aa-secondary-dark);
    text-decoration: none;
    font-weight: 600;
}

.aa-artist-link:hover[b-u9qedoz0la] {
    color: var(--aa-primary);
    text-decoration: underline;
}

/* Description */
.aa-description-content[b-u9qedoz0la] {
    background: rgba(var(--aa-primary-rgb), 0.03);
    padding: 0.75rem;
    border-radius: 0.375rem;
    border-left: 3px solid var(--aa-primary);
}

/* Specifications Grid - Compact */
.aa-spec-grid[b-u9qedoz0la] {
    display: grid;
    gap: 0.5rem;
}

.aa-spec-item[b-u9qedoz0la] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0.75rem;
    background: rgba(var(--aa-light-gray-rgb), 0.3);
    border-radius: 0.25rem;
    font-size: var(--text-responsive-xs);
}

.aa-spec-label[b-u9qedoz0la] {
    font-weight: 600;
    color: var(--aa-secondary-dark);
}

.aa-spec-value[b-u9qedoz0la] {
    color: var(--aa-dark-gray);
    font-weight: 500;
}

/* Tags - Compact */
.aa-tags-display[b-u9qedoz0la] {
    background: rgba(var(--aa-light-gray-rgb), 0.2);
    padding: 0.75rem;
    border-radius: 0.375rem;
}

.aa-tag-group[b-u9qedoz0la] {
    margin-bottom: 0.5rem;
}

.aa-tag-group:last-child[b-u9qedoz0la] {
    margin-bottom: 0;
}

.aa-tag-type-title[b-u9qedoz0la] {
    color: var(--aa-secondary-dark);
    margin-bottom: 0.25rem;
}

.aa-tags-list[b-u9qedoz0la] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.aa-artwork-tag[b-u9qedoz0la] {
    display: inline-block;
    padding: 0.125rem 0.5rem;
    border-radius: 1rem;
    color: white;
    font-size: var(--text-xxs);
    font-weight: 500;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* Status Card - Compact */
.aa-status-card[b-u9qedoz0la] {
    background: rgba(var(--aa-info-rgb), 0.1);
    border: 1px solid rgba(var(--aa-info-rgb), 0.3);
    border-radius: 0.375rem;
    padding: 0.75rem;
}

.aa-status-content[b-u9qedoz0la] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.aa-status-icon[b-u9qedoz0la] {
    font-size: 1.25rem;
    color: var(--aa-info);
    flex-shrink: 0;
    margin-top: 0.125rem;
}

.aa-status-text h4[b-u9qedoz0la] {
    color: var(--aa-info);
    margin-bottom: 0.25rem;
}

/* Action Buttons - Compact */
.aa-artwork-actions .btn[b-u9qedoz0la] {
    font-size: var(--text-responsive-sm);
}

.aa-artwork-actions .btn-sm[b-u9qedoz0la] {
    font-size: var(--text-xs);
    padding: 0.375rem 0.75rem;
}

/* Artist Section - Compact */
.aa-artist-section[b-u9qedoz0la] {
    background: var(--aa-light);
    border: 1px solid var(--aa-light-gray);
    border-radius: 0.5rem;
    padding: 1rem;
}

.aa-artist-preview[b-u9qedoz0la] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
}

.aa-artist-icon[b-u9qedoz0la] {
    font-size: 3rem;
    color: var(--aa-primary);
    opacity: 0.7;
}

/* Image Modal */
.aa-image-modal[b-u9qedoz0la] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    cursor: pointer;
}

.aa-modal-content[b-u9qedoz0la] {
    position: relative;
    max-width: 90vw;
    max-height: 90vh;
    cursor: default;
}

.aa-modal-image[b-u9qedoz0la] {
    width: 100%;
    height: 100%;
    max-width: 90vw;
    max-height: 90vh;
    object-fit: contain;
    border-radius: 0.5rem;
}

.aa-modal-close[b-u9qedoz0la] {
    position: absolute;
    top: -40px;
    right: 0;
    background: rgba(255, 255, 255, 0.2);
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    cursor: pointer;
    transition: background 0.3s ease;
}

.aa-modal-close:hover[b-u9qedoz0la] {
    background: rgba(255, 255, 255, 0.3);
}

.aa-modal-nav[b-u9qedoz0la] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    border: none;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    cursor: pointer;
    transition: all 0.3s ease;
}

.aa-modal-nav:hover:not(:disabled)[b-u9qedoz0la] {
    background: rgba(0, 0, 0, 0.8);
    transform: translateY(-50%) scale(1.1);
}

.aa-modal-nav:disabled[b-u9qedoz0la] {
    opacity: 0.3;
    cursor: not-allowed;
}

.aa-modal-prev[b-u9qedoz0la] {
    left: -60px;
}

.aa-modal-next[b-u9qedoz0la] {
    right: -60px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .aa-main-image-container[b-u9qedoz0la] {
        max-height: 400px;
    }
    
    .aa-main-image[b-u9qedoz0la] {
        max-height: 400px;
    }
    
    .aa-image-thumbnails-vertical[b-u9qedoz0la] {
        max-height: 400px;
    }
    
    .aa-thumbnail-vertical[b-u9qedoz0la] {
        height: 50px;
    }
    
    .aa-artwork-details[b-u9qedoz0la] {
        margin-top: 1rem;
    }
    
    .aa-spec-grid[b-u9qedoz0la] {
        grid-template-columns: 1fr;
    }
    
    .aa-artist-section[b-u9qedoz0la] {
        padding: 0.75rem;
    }
    
    .aa-modal-nav[b-u9qedoz0la] {
        width: 40px;
        height: 40px;
    }
    
    .aa-modal-prev[b-u9qedoz0la] {
        left: 10px;
    }
    
    .aa-modal-next[b-u9qedoz0la] {
        right: 10px;
    }
}

@media (max-width: 576px) {
    .aa-main-image-container[b-u9qedoz0la] {
        max-height: 300px;
    }
    
    .aa-main-image[b-u9qedoz0la] {
        max-height: 300px;
    }
    
    .aa-image-thumbnails-vertical[b-u9qedoz0la] {
        max-height: 300px;
        gap: 0.25rem;
    }
    
    .aa-thumbnail-vertical[b-u9qedoz0la] {
        height: 40px;
    }
    
    .aa-spec-item[b-u9qedoz0la] {
        padding: 0.375rem 0.5rem;
    }
    
    .aa-tags-display[b-u9qedoz0la] {
        padding: 0.5rem;
    }
    
    .aa-status-card[b-u9qedoz0la] {
        padding: 0.5rem;
    }
    
    .aa-artist-section[b-u9qedoz0la] {
        padding: 0.5rem;
    }
}
/* /Components/Gallery/Collection.razor.rz.scp.css */
/* ===== COLLECTION PAGE SPECIFIC STYLES ===== */

/* Collection Page - Remove fixed padding since we have a hero now */
.aa-collection-page[b-lg0m00nqbg] {
    /* Removed padding-top since hero section handles spacing */
}

/* Collection Page - Compact Hero Styling */
.aa-collection-page .aa-hero.aa-hero-compact[b-lg0m00nqbg] {
    min-height: 30vh; /* Short hero section - similar to other pages */
}

.aa-collection-page .aa-hero-content[b-lg0m00nqbg] {
    padding: 2rem 0; /* Adequate padding for compact hero */
}

/* Hero Stats for Collections */
.aa-collection-page .aa-hero-stats[b-lg0m00nqbg] {
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.aa-collection-page .aa-stat-item[b-lg0m00nqbg] {
    text-align: center;
    color: white;
    min-width: 80px;
}

.aa-collection-page .aa-stat-number[b-lg0m00nqbg] {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0.5rem;
}

.aa-collection-page .aa-stat-label[b-lg0m00nqbg] {
    font-size: 0.85rem;
    opacity: 0.9;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Breadcrumb styling */
.aa-breadcrumb[b-lg0m00nqbg] {
    background: var(--aa-light);
    border-bottom: 1px solid rgba(var(--aa-primary-rgb), 0.1);
    padding: 1rem 0;
}

.aa-breadcrumb .breadcrumb[b-lg0m00nqbg] {
    margin: 0;
    background: transparent;
    padding: 0;
}

.aa-breadcrumb .breadcrumb-item[b-lg0m00nqbg] {
    font-size: var(--text-sm);
}

.aa-breadcrumb .breadcrumb-item + .breadcrumb-item[b-lg0m00nqbg]::before {
    color: var(--aa-primary);
}

.aa-breadcrumb .breadcrumb-item a[b-lg0m00nqbg] {
    color: var(--aa-primary);
    text-decoration: none;
    font-weight: 500;
    transition: all 0.2s ease;
}

.aa-breadcrumb .breadcrumb-item a:hover[b-lg0m00nqbg] {
    color: var(--aa-primary-dark);
    text-decoration: underline;
}

.aa-breadcrumb .breadcrumb-item.active[b-lg0m00nqbg] {
    color: var(--aa-dark-gray);
    font-weight: 600;
}

/* Collection overview cards */
.aa-collection-overview .aa-card[b-lg0m00nqbg] {
    transition: all 0.3s var(--ease-out);
}

.aa-collection-overview .aa-card:hover[b-lg0m00nqbg] {
    transform: translateY(-6px);
    box-shadow: var(--elevation-4) !important;
}

/* Collection Grid Enhancements */
.aa-collection-page .aa-card-image img[b-lg0m00nqbg] {
    border-radius: inherit;
    transition: transform 0.3s ease;
}

.aa-collection-page .aa-card:hover .aa-card-image img[b-lg0m00nqbg] {
    transform: scale(1.05);
}

/* Sample artwork info overlay for collection cards */
.aa-sample-info[b-lg0m00nqbg] {
    position: absolute;
    bottom: 0.75rem;
    left: 0.75rem;
    right: 0.75rem;
    text-align: center;
    background: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(10px);
    padding: 0.75rem;
    border-radius: 0.5rem;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.3s ease;
    z-index: 10;
}

.aa-card:hover .aa-sample-info[b-lg0m00nqbg] {
    opacity: 1;
    transform: translateY(0);
}

.aa-sample-info small[b-lg0m00nqbg] {
    font-size: 0.75rem;
    line-height: 1.3;
    display: block;
    margin: 0;
}

.aa-sample-info small:first-child[b-lg0m00nqbg] {
    font-weight: 600;
    margin-bottom: 0.25rem;
}

/* Collection detail artwork grid */
.aa-collection-detail .aa-card[b-lg0m00nqbg] {
    transition: all 0.3s var(--ease-out);
    background: white;
    border: 1px solid rgba(var(--aa-primary-rgb), 0.08);
}

.aa-collection-detail .aa-card:hover[b-lg0m00nqbg] {
    transform: translateY(-4px);
    box-shadow: var(--elevation-3) !important;
    border-color: rgba(var(--aa-primary-rgb), 0.2);
}

.aa-collection-detail .aa-card-image[b-lg0m00nqbg] {
    height: 220px;
    background: var(--aa-light-gray);
    border-radius: 1rem 1rem 0 0;
    overflow: hidden;
    position: relative;
}

.aa-collection-detail .aa-card-image img[b-lg0m00nqbg] {
    transition: transform 0.3s var(--ease-out);
}

.aa-collection-detail .aa-card:hover .aa-card-image img[b-lg0m00nqbg] {
    transform: scale(1.02);
}

/* Artwork status indicators for collection detail */
.aa-collection-detail .aa-status-indicators[b-lg0m00nqbg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid rgba(var(--aa-primary-rgb), 0.1);
}

.aa-collection-detail .aa-status-indicators small[b-lg0m00nqbg] {
    display: flex;
    align-items: center;
    background: rgba(var(--aa-info-rgb), 0.1);
    padding: 0.25rem 0.5rem;
    border-radius: 1rem;
    font-weight: 500;
}

/* Results summary styling */
.aa-results-summary[b-lg0m00nqbg] {
    padding: 1rem 2rem;
    background: white;
    border-radius: 0.75rem;
    display: inline-flex;
    align-items: center;
    box-shadow: var(--elevation-2);
    border: 1px solid rgba(var(--aa-primary-rgb), 0.1);
    color: var(--aa-dark-gray);
    font-size: var(--text-base);
}

.aa-results-summary strong[b-lg0m00nqbg] {
    color: var(--aa-primary);
}

/* Loading state */
.aa-collection-loading[b-lg0m00nqbg] {
    padding: 4rem 0;
    text-align: center;
}

.aa-collection-loading .spinner-border[b-lg0m00nqbg] {
    width: 3rem;
    height: 3rem;
}

/* No Results Card for Collections */
.aa-no-results-card[b-lg0m00nqbg] {
    background: white;
    border-radius: 1.5rem;
    padding: 3rem 2rem;
    text-align: center;
    border: 2px dashed var(--aa-medium-gray);
    background: linear-gradient(135deg, var(--aa-light) 0%, white 100%);
    box-shadow: var(--elevation-2);
    margin: 2rem 0;
}

.aa-no-results-card .aa-placeholder-icon[b-lg0m00nqbg] {
    font-size: 4rem;
    opacity: 0.5;
    color: var(--aa-primary);
    margin-bottom: 1rem;
}

/* Collection-specific layout styles */
.collection-stats[b-lg0m00nqbg] {
    margin-bottom: 0.5rem;
}

.collection-status[b-lg0m00nqbg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.collection-status small[b-lg0m00nqbg] {
    display: flex;
    align-items: center;
}

/* No results card specific to collections - legacy class */
.aa-collection-no-results[b-lg0m00nqbg] {
    background: white;
    border-radius: 1.5rem;
    padding: 4rem 2rem;
    text-align: center;
    border: 2px dashed var(--aa-medium-gray);
    background: linear-gradient(135deg, var(--aa-light) 0%, white 100%);
    margin: 2rem 0;
}

.aa-collection-no-results .aa-placeholder-icon[b-lg0m00nqbg] {
    font-size: 4rem;
    color: var(--aa-medium-gray);
    opacity: 0.6;
    margin-bottom: 1.5rem;
}

/* Responsive adjustments */
@media (max-width: 991.98px) {
    .aa-collection-detail .aa-card-image[b-lg0m00nqbg] {
        height: 200px;
    }
    
    .aa-breadcrumb[b-lg0m00nqbg] {
        padding: 0.75rem 0;
    }
    
    .aa-results-summary[b-lg0m00nqbg] {
        padding: 0.75rem 1.5rem;
        font-size: var(--text-sm);
    }
}

@media (max-width: 768px) {
    .aa-collection-page .aa-hero.aa-hero-compact[b-lg0m00nqbg] {
        min-height: 25vh; /* Even shorter on mobile */
    }
    
    .aa-collection-page .aa-hero-content[b-lg0m00nqbg] {
        padding: 1.5rem 0;
    }
    
    .aa-collection-page .aa-hero-stats[b-lg0m00nqbg] {
        flex-direction: column;
        gap: 1rem !important;
        margin-top: 1.5rem;
    }
    
    .aa-collection-page .aa-stat-item[b-lg0m00nqbg] {
        min-width: auto;
    }
    
    .aa-collection-page .aa-stat-number[b-lg0m00nqbg] {
        font-size: 1.5rem;
    }
    
    .aa-collection-page .aa-stat-label[b-lg0m00nqbg] {
        font-size: 0.75rem;
    }
    
    .aa-collection-detail .aa-card-image[b-lg0m00nqbg] {
        height: 180px;
    }
    
    .aa-breadcrumb .breadcrumb-item[b-lg0m00nqbg] {
        font-size: var(--text-xs);
    }
    
    .aa-results-summary[b-lg0m00nqbg] {
        padding: 0.5rem 1rem;
        font-size: var(--text-xs);
        flex-direction: column;
        text-align: center;
        gap: 0.25rem;
    }
    
    .aa-no-results-card[b-lg0m00nqbg] {
        padding: 2rem 1rem;
        margin: 1rem;
    }
    
    .aa-no-results-card .aa-placeholder-icon[b-lg0m00nqbg] {
        font-size: 3rem;
    }
    
    .aa-collection-no-results[b-lg0m00nqbg] {
        padding: 3rem 1.5rem;
    }
    
    .aa-collection-no-results .aa-placeholder-icon[b-lg0m00nqbg] {
        font-size: 3rem;
    }
}

@media (max-width: 576px) {
    .aa-collection-page .aa-hero.aa-hero-compact[b-lg0m00nqbg] {
        min-height: 20vh; /* Very compact on small screens */
    }
    
    .aa-collection-page .aa-hero-content[b-lg0m00nqbg] {
        padding: 1rem 0;
    }
    
    .aa-collection-page .aa-hero h1[b-lg0m00nqbg] {
        font-size: var(--text-3xl) !important;
    }
    
    .aa-collection-page .aa-hero p[b-lg0m00nqbg] {
        font-size: var(--text-base) !important;
    }
    
    .aa-collection-page .aa-hero-stats[b-lg0m00nqbg] {
        gap: 0.75rem !important;
        margin-top: 1rem;
    }
    
    .aa-collection-detail .aa-card-image[b-lg0m00nqbg] {
        height: 160px;
    }
    
    .aa-breadcrumb[b-lg0m00nqbg] {
        padding: 0.5rem 0;
    }
    
    .breadcrumb-item[b-lg0m00nqbg] {
        font-size: var(--text-xs);
    }
    
    .aa-no-results-card[b-lg0m00nqbg] {
        padding: 2rem 1rem;
    }
    
    .aa-collection-no-results[b-lg0m00nqbg] {
        padding: 2rem 1rem;
    }
}
/* /Components/Gallery/Index.razor.rz.scp.css */
/* Gallery-specific styles that aren't covered by site-global.css */

/* Featured Artwork Preview in Hero */
.featured-artwork-preview[b-iyn4l2wijr] {
    position: relative;
    border-radius: 1rem;
    overflow: hidden;
    background: rgba(255,255,255,0.1);
    backdrop-filter: blur(10px);
    padding: 1rem;
}

.artwork-overlay[b-iyn4l2wijr] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, rgba(0,0,0,0.7));
    padding: 2rem 1rem 1rem;
}

.artwork-info h5[b-iyn4l2wijr] {
    font-size: 1.1rem;
}

.artwork-info p[b-iyn4l2wijr] {
    font-size: 0.9rem;
}

/* Sample artwork info overlay for collection cards */
.aa-sample-info[b-iyn4l2wijr] {
    position: absolute;
    bottom: 0.75rem;
    left: 0.75rem;
    right: 0.75rem;
    text-align: center;
    background: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(10px);
    padding: 0.75rem;
    border-radius: 0.5rem;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.3s ease;
    z-index: 10;
}

.aa-card:hover .aa-sample-info[b-iyn4l2wijr] {
    opacity: 1;
    transform: translateY(0);
}

.aa-sample-info small[b-iyn4l2wijr] {
    font-size: 0.75rem;
    line-height: 1.3;
    display: block;
    margin: 0;
}

.aa-sample-info small:first-child[b-iyn4l2wijr] {
    font-weight: 600;
    margin-bottom: 0.25rem;
}

/* Ensure card image containers have proper positioning context */
.aa-card-image[b-iyn4l2wijr] {
    position: relative;
    overflow: hidden;
}

/* Collection-specific layout styles */
.collection-stats[b-iyn4l2wijr] {
    margin-bottom: 0.5rem;
}

.collection-status[b-iyn4l2wijr] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.collection-status small[b-iyn4l2wijr] {
    display: flex;
    align-items: center;
}

/* Ensure images fit properly in cards */
.aa-card-image img[b-iyn4l2wijr] {
    border-radius: inherit;
    transition: transform 0.3s ease;
}

.aa-card:hover .aa-card-image img[b-iyn4l2wijr] {
    transform: scale(1.05);
}

/* Gallery Index - Featured Collection Showcase Styles */
.featured-collection-showcase[b-iyn4l2wijr] {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 400px;
    border-radius: 1rem;
    overflow: hidden;
    background: var(--aa-gradient-vibrant-hero);
}

/* Artist Spotlight Styles */
.artist-spotlight-hero[b-iyn4l2wijr] {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

.spotlight-background[b-iyn4l2wijr] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    filter: blur(2px) brightness(0.6);
    z-index: 1;
}

.spotlight-content[b-iyn4l2wijr] {
    position: relative;
    z-index: 2;
    text-align: center;
    max-width: 100%;
}

.featured-artwork-grid[b-iyn4l2wijr] {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
    margin: 1rem 0;
    flex-wrap: wrap;
}

/* Technique Showcase Styles */
.technique-showcase-hero[b-iyn4l2wijr] {
    width: 100%;
    height: 100%;
    background: var(--aa-gradient-nature-hero);
}

.technique-split[b-iyn4l2wijr] {
    display: flex;
    height: 100%;
}

.technique-process[b-iyn4l2wijr] {
    flex: 1;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.technique-result[b-iyn4l2wijr] {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.process-image[b-iyn4l2wijr] {
    max-width: 100%;
    height: 120px;
    object-fit: cover;
    border-radius: 0.5rem;
    border: 2px solid rgba(255, 255, 255, 0.3);
}

.result-image[b-iyn4l2wijr] {
    max-width: 100%;
    max-height: 280px;
    object-fit: contain;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: transform 0.3s ease;
    background: white;
    padding: 0.5rem;
}

.result-image:hover[b-iyn4l2wijr] {
    transform: scale(1.05);
}

.result-overlay[b-iyn4l2wijr] {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
    background: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 0.75rem;
    border-radius: 0.5rem;
    text-align: center;
}

.result-title[b-iyn4l2wijr] {
    display: block;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.result-artist[b-iyn4l2wijr] {
    display: block;
    font-size: 0.875rem;
    opacity: 0.8;
}

/* Community Choice Styles */
.community-choice-hero[b-iyn4l2wijr] {
    width: 100%;
    height: 100%;
    background: var(--aa-gradient-harmony-hero);
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
}

.choice-header[b-iyn4l2wijr] {
    text-align: center;
    margin-bottom: 1rem;
}

/* Journey Collection Styles */
.journey-collection-hero[b-iyn4l2wijr] {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

.journey-background[b-iyn4l2wijr] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.journey-content[b-iyn4l2wijr] {
    position: relative;
    z-index: 2;
    max-width: 100%;
}

.journey-quote[b-iyn4l2wijr] {
    font-style: italic;
    max-width: 400px;
    margin: 0 auto;
    line-height: 1.6;
}

.journey-quote cite[b-iyn4l2wijr] {
    display: block;
    margin-top: 0.5rem;
    font-style: normal;
    font-size: 0.875rem;
}

.journey-artwork-preview[b-iyn4l2wijr] {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
    margin: 1rem 0;
}

/* ===== GALLERY PAGE STYLES - FADE CAROUSEL ===== */

/* Main carousel container - RESPONSIVE */
.aa-featured-artwork-carousel[b-iyn4l2wijr] {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 1rem;
    background: linear-gradient(135deg, var(--aa-primary) 0%, var(--aa-secondary) 100%);
}

/* Hero image container - RESPONSIVE SIZING */
.aa-hero-image[b-iyn4l2wijr] {
    width: 100%;
    min-height: 400px;
    aspect-ratio: 4/3;
}

/* Carousel wrapper */
.carousel-container[b-iyn4l2wijr] {
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

/* Individual artwork slides - FADE APPROACH */
.featured-artwork-slide[b-iyn4l2wijr] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.8s ease-in-out;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Active slide is visible */
.featured-artwork-slide.active[b-iyn4l2wijr] {
    opacity: 1;
    z-index: 2;
}

/* Next slide preparing to show */
.featured-artwork-slide.next[b-iyn4l2wijr] {
    z-index: 1;
}

.featured-artwork-slide:hover[b-iyn4l2wijr] {
    z-index: 10;
}

/* Image container - PROPERLY CONSTRAINED */
.artwork-image-container[b-iyn4l2wijr] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    /* Force container to use available space */
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    overflow: hidden;
}

/* The actual images - CLEAN MINIMAL LOOK WITHOUT SHADOWS */
.featured-artwork-image[b-iyn4l2wijr] {
    /* Force all images to fill the container properly */
    width: calc(100% - 2rem);
    height: calc(100% - 2rem);
    margin: 1rem;
    object-fit: contain;
    object-position: center center;
    border-radius: 0.75rem;
    background: linear-gradient(135deg, var(--aa-primary) 0%, var(--aa-secondary) 100%);
    padding: 0.5rem;
    border: 0;
    display: block;
    transition: all 0.3s ease;
    position: relative;
    z-index: 1;
    /* Clean minimal look - just a subtle border */
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15);
}

.featured-artwork-slide:hover .featured-artwork-image[b-iyn4l2wijr] {
    transform: scale(1.03);
    /* Slightly brighter border on hover */
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25);
}

/* Details overlay - TOP POSITION, SHOW ON HOVER */
.artwork-details-overlay[b-iyn4l2wijr] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: linear-gradient(rgba(0, 0, 0, 0.8), transparent);
    padding: 1rem 1rem 2rem;
    transform: translateY(-100%);
    transition: transform 0.3s ease;
    z-index: 15;
}

.featured-artwork-slide:hover .artwork-details-overlay[b-iyn4l2wijr] {
    transform: translateY(0);
}

/* Actions overlay - BOTTOM POSITION, ALWAYS VISIBLE ON HOVER */
.artwork-info-overlay[b-iyn4l2wijr] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
    padding: 2rem 1rem 0.75rem;
    transform: translateY(100%);
    transition: transform 0.3s ease;
    z-index: 15;
}

.featured-artwork-slide:hover .artwork-info-overlay[b-iyn4l2wijr] {
    transform: translateY(0);
}

/* Smaller text sizes for details */
.artwork-details[b-iyn4l2wijr] {
    margin-bottom: 0;
}

.artwork-title[b-iyn4l2wijr] {
    font-size: var(--text-responsive-sm);
    line-height: 1.2;
    margin-bottom: 0.25rem;
}

.artist-name[b-iyn4l2wijr] {
    font-size: var(--text-responsive-xs);
    margin-bottom: 0.25rem;
}

.theme-tag[b-iyn4l2wijr] {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.25rem;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 0.25rem;
    font-size: 0.6rem;
    color: white;
    backdrop-filter: blur(4px);
}

/* Actions section - compact */
.artwork-actions[b-iyn4l2wijr] {
    margin-top: 0;
}

.artwork-actions .btn[b-iyn4l2wijr] {
    font-size: var(--text-responsive-xs);
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
}

/* Carousel controls */
.carousel-controls[b-iyn4l2wijr] {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    padding: 0 1rem;
    pointer-events: none;
    z-index: 30;
}

.carousel-control[b-iyn4l2wijr] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    background: rgba(0, 0, 0, 0.5);
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    color: white;
    cursor: pointer;
    transition: all 0.3s ease;
    pointer-events: auto;
    outline: none;
}

.carousel-control:hover[b-iyn4l2wijr],
.carousel-control:focus[b-iyn4l2wijr] {
    background: rgba(0, 0, 0, 0.8);
    border-color: rgba(255, 255, 255, 0.6);
    transform: scale(1.1);
}

/* Carousel indicators */
.carousel-indicators[b-iyn4l2wijr] {
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 0.5rem;
    z-index: 30;
}

.indicator[b-iyn4l2wijr] {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.4);
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    outline: none;
}

.indicator:hover[b-iyn4l2wijr],
.indicator:focus[b-iyn4l2wijr] {
    background: rgba(255, 255, 255, 0.7);
    transform: scale(1.2);
}

.indicator.active[b-iyn4l2wijr] {
    background: white;
    transform: scale(1.3);
}

/* Loading states */
.aa-featured-loading[b-iyn4l2wijr],
.aa-featured-error[b-iyn4l2wijr],
.aa-no-featured-artworks[b-iyn4l2wijr] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, var(--aa-primary) 0%, var(--aa-secondary) 100%);
    border-radius: 1rem;
}

/* Featured Artwork Header */
.featured-artwork-header[b-iyn4l2wijr] {
    margin-bottom: 1rem;
}

.featured-artwork-header h3[b-iyn4l2wijr] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.75rem;
}

.featured-artwork-header .text-warning[b-iyn4l2wijr] {
    filter: drop-shadow(0 2px 4px rgba(255, 193, 7, 0.3));
}

/* ===== GALLERY PAGE STYLES - FADE CAROUSEL ===== */

/* Main carousel container - RESPONSIVE */
.aa-featured-artwork-carousel[b-iyn4l2wijr] {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 1rem;
    background: linear-gradient(135deg, var(--aa-primary) 0%, var(--aa-secondary) 100%);
}

/* Hero image container - RESPONSIVE SIZING */
.aa-hero-image[b-iyn4l2wijr] {
    width: 100%;
    min-height: 400px;
    aspect-ratio: 4/3;
}

/* Carousel wrapper */
.carousel-container[b-iyn4l2wijr] {
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

/* Individual artwork slides - FADE APPROACH */
.featured-artwork-slide[b-iyn4l2wijr] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.8s ease-in-out;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Active slide is visible */
.featured-artwork-slide.active[b-iyn4l2wijr] {
    opacity: 1;
    z-index: 2;
}

/* Next slide preparing to show */
.featured-artwork-slide.next[b-iyn4l2wijr] {
    z-index: 1;
}

.featured-artwork-slide:hover[b-iyn4l2wijr] {
    z-index: 10;
}

/* Image container - PROPERLY CONSTRAINED */
.artwork-image-container[b-iyn4l2wijr] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    /* Force container to use available space */
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    overflow: hidden;
}

/* The actual images - CLEAN MINIMAL LOOK WITHOUT SHADOWS */
.featured-artwork-image[b-iyn4l2wijr] {
    /* Force all images to fill the container properly */
    width: calc(100% - 2rem);
    height: calc(100% - 2rem);
    margin: 1rem;
    object-fit: contain;
    object-position: center center;
    border-radius: 0.75rem;
    background: linear-gradient(135deg, var(--aa-primary) 0%, var(--aa-secondary) 100%);
    padding: 0.5rem;
    border: 0;
    display: block;
    transition: all 0.3s ease;
    position: relative;
    z-index: 1;
    /* Clean minimal look - just a subtle border */
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15);
}

.featured-artwork-slide:hover .featured-artwork-image[b-iyn4l2wijr] {
    transform: scale(1.03);
    /* Slightly brighter border on hover */
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25);
}

/* Details overlay - TOP POSITION, SHOW ON HOVER */
.artwork-details-overlay[b-iyn4l2wijr] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: linear-gradient(rgba(0, 0, 0, 0.8), transparent);
    padding: 1rem 1rem 2rem;
    transform: translateY(-100%);
    transition: transform 0.3s ease;
    z-index: 15;
}

.featured-artwork-slide:hover .artwork-details-overlay[b-iyn4l2wijr] {
    transform: translateY(0);
}

/* Actions overlay - BOTTOM POSITION, ALWAYS VISIBLE ON HOVER */
.artwork-info-overlay[b-iyn4l2wijr] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
    padding: 2rem 1rem 0.75rem;
    transform: translateY(100%);
    transition: transform 0.3s ease;
    z-index: 15;
}

.featured-artwork-slide:hover .artwork-info-overlay[b-iyn4l2wijr] {
    transform: translateY(0);
}

/* Smaller text sizes for details */
.artwork-details[b-iyn4l2wijr] {
    margin-bottom: 0;
}

.artwork-title[b-iyn4l2wijr] {
    font-size: var(--text-responsive-sm);
    line-height: 1.2;
    margin-bottom: 0.25rem;
}

.artist-name[b-iyn4l2wijr] {
    font-size: var(--text-responsive-xs);
    margin-bottom: 0.25rem;
}

.theme-tag[b-iyn4l2wijr] {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.25rem;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 0.25rem;
    font-size: 0.6rem;
    color: white;
    backdrop-filter: blur(4px);
}

/* Actions section - compact */
.artwork-actions[b-iyn4l2wijr] {
    margin-top: 0;
}

.artwork-actions .btn[b-iyn4l2wijr] {
    font-size: var(--text-responsive-xs);
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
}

/* Carousel controls */
.carousel-controls[b-iyn4l2wijr] {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    padding: 0 1rem;
    pointer-events: none;
    z-index: 30;
}

.carousel-control[b-iyn4l2wijr] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    background: rgba(0, 0, 0, 0.5);
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    color: white;
    cursor: pointer;
    transition: all 0.3s ease;
    pointer-events: auto;
    outline: none;
}

.carousel-control:hover[b-iyn4l2wijr],
.carousel-control:focus[b-iyn4l2wijr] {
    background: rgba(0, 0, 0, 0.8);
    border-color: rgba(255, 255, 255, 0.6);
    transform: scale(1.1);
}

/* Carousel indicators */
.carousel-indicators[b-iyn4l2wijr] {
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 0.5rem;
    z-index: 30;
}

.indicator[b-iyn4l2wijr] {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.4);
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    outline: none;
}

.indicator:hover[b-iyn4l2wijr],
.indicator:focus[b-iyn4l2wijr] {
    background: rgba(255, 255, 255, 0.7);
    transform: scale(1.2);
}

.indicator.active[b-iyn4l2wijr] {
    background: white;
    transform: scale(1.3);
}

/* Loading states */
.aa-featured-loading[b-iyn4l2wijr],
.aa-featured-error[b-iyn4l2wijr],
.aa-no-featured-artworks[b-iyn4l2wijr] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, var(--aa-primary) 0%, var(--aa-secondary) 100%);
    border-radius: 1rem;
}

/* Featured Artwork Header */
.featured-artwork-header[b-iyn4l2wijr] {
    margin-bottom: 1rem;
}

.featured-artwork-header h3[b-iyn4l2wijr] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.75rem;
}

.featured-artwork-header .text-warning[b-iyn4l2wijr] {
    filter: drop-shadow(0 2px 4px rgba(255, 193, 7, 0.3));
}

/* ===== MOBILE CARD LAYOUTS - PINTEREST STYLE ===== */

/* Mobile Cards Container - Enable Pinterest-style layout */
.aa-mobile-cards[b-iyn4l2wijr] {
    /* Keep standard grid on desktop/tablet */
}

/* Mobile Card Styling - Optimized for two-column layout */
.aa-mobile-card[b-iyn4l2wijr] {
    /* Standard card on desktop */
}

/* Fix image border-radius to match card containers exactly */
.aa-mobile-card .aa-card-image img[b-iyn4l2wijr],
.aa-mobile-card .aa-placeholder-image[b-iyn4l2wijr] {
    /* Match the card's border-radius exactly */
    border-radius: inherit;
    /* Ensure images fill the container completely */
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    /* Remove any margin/padding that could cause gaps */
    margin: 0 !important;
    padding: 0 !important;
    /* Ensure proper box sizing */
    box-sizing: border-box !important;
}

/* Pinterest-Style Mobile Layout */
@media (max-width: 768px) {
    .aa-mobile-cards[b-iyn4l2wijr] {
        /* Use CSS Grid for Pinterest-style masonry layout on mobile */
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 0.5rem;
        /* Override Bootstrap grid on mobile */
        margin-left: 0;
        margin-right: 0;
    }
    
    .aa-mobile-cards .col-6[b-iyn4l2wijr] {
        /* Remove Bootstrap column styling on mobile */
        padding: 0;
        width: auto;
        flex: none;
        max-width: none;
    }
    
    .aa-mobile-card[b-iyn4l2wijr] {
        /* Optimize card proportions for mobile two-column */
        width: 100%;
        margin-bottom: 0; /* Grid handles spacing */
        
        /* Enhanced mobile styling */
        border-radius: 0.75rem;
        overflow: hidden;
    }
    
    .aa-mobile-card .aa-card-image[b-iyn4l2wijr] {
        /* Adjust image height for better mobile proportions */
        aspect-ratio: 4/3;
        min-height: 120px;
        max-height: 160px;
        /* Remove any border-radius from container since card handles it */
        border-radius: 0.75rem 0.75rem 0 0;
        overflow: hidden;
        /* Ensure container has no padding that could cause white space */
        padding: 0;
        margin: 0;
        /* Ensure proper positioning */
        position: relative;
        width: 100%;
        /* Force container to have exact dimensions */
        box-sizing: border-box;
    }
    
    .aa-mobile-card .aa-card-image.tall[b-iyn4l2wijr] {
        /* Taller aspect ratio for featured collections */
        aspect-ratio: 3/4;
        min-height: 160px;
        max-height: 200px;
        border-radius: 0.75rem 0.75rem 0 0;
    }
    
    .aa-mobile-card .aa-card-image img[b-iyn4l2wijr],
    .aa-mobile-card .aa-placeholder-image[b-iyn4l2wijr] {
        /* CRITICAL: Force images to fill container completely on mobile */
        border-radius: 0.75rem 0.75rem 0 0;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
        /* Remove ALL spacing that could cause gaps */
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        /* Ensure proper box model */
        box-sizing: border-box !important;
        /* Position absolutely to avoid any spacing issues */
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    
    .aa-mobile-card .aa-card-content[b-iyn4l2wijr] {
        /* Compact content for mobile */
        padding: 0.75rem;
        /* Ensure content area has proper bottom radius */
        border-radius: 0 0 0.75rem 0.75rem;
    }
    
    .aa-mobile-card h4[b-iyn4l2wijr] {
        /* Smaller headings on mobile */
        font-size: var(--text-responsive-base);
        line-height: 1.2;
        margin-bottom: 0.5rem;
    }
    
    .aa-mobile-card p[b-iyn4l2wijr] {
        /* Smaller descriptions on mobile */
        font-size: var(--text-responsive-sm);
        line-height: 1.3;
        margin-bottom: 0.5rem;
        /* Limit to 2 lines on mobile */
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    
    .aa-mobile-card .aa-card-stats[b-iyn4l2wijr] {
        margin-bottom: 0.5rem;
    }
    
    .aa-mobile-card .aa-status-indicators[b-iyn4l2wijr] {
        /* Stack status indicators on mobile */
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
        margin-top: 0.5rem;
    }
    
    .aa-mobile-card .aa-status-indicators small[b-iyn4l2wijr] {
        font-size: 0.6rem;
    }
    
    .aa-mobile-card .collection-stats[b-iyn4l2wijr] {
        /* Stack collection stats on mobile */
        flex-direction: column;
        gap: 0.25rem;
        align-items: flex-start;
    }
    
    .aa-mobile-card .collection-status[b-iyn4l2wijr] {
        /* Stack collection status on mobile */
        flex-direction: column;
        gap: 0.25rem;
        align-items: flex-start;
        margin-top: 0.5rem;
    }
    
    .aa-mobile-card .aa-card-actions[b-iyn4l2wijr] {
        margin-top: 0.75rem;
    }
    
    .aa-mobile-card .btn[b-iyn4l2wijr] {
        /* Smaller buttons on mobile */
        font-size: var(--text-responsive-xs);
        padding: 0.375rem 0.5rem;
    }
    
    /* Sample info overlay adjustments for mobile */
    .aa-mobile-card .aa-sample-info[b-iyn4l2wijr] {
        padding: 0.5rem;
        bottom: 0.5rem;
        left: 0.5rem;
        right: 0.5rem;
        border-radius: 0.375rem;
        /* Ensure overlay doesn't interfere with image sizing */
        z-index: 10;
        position: absolute;
    }
    
    .aa-mobile-card .aa-sample-info small[b-iyn4l2wijr] {
        font-size: 0.65rem;
        line-height: 1.2;
    }
}

/* Very small mobile devices - optimize further */
@media (max-width: 480px) {
    .aa-mobile-cards[b-iyn4l2wijr] {
        grid-gap: 0.75rem;
    }
    
    .aa-mobile-card[b-iyn4l2wijr] {
        border-radius: 0.5rem;
    }
    
    .aa-mobile-card .aa-card-image[b-iyn4l2wijr] {
        min-height: 100px;
        max-height: 140px;
        border-radius: 0.5rem 0.5rem 0 0;
    }
    
    .aa-mobile-card .aa-card-image.tall[b-iyn4l2wijr] {
        min-height: 140px;
        max-height: 180px;
        border-radius: 0.5rem 0.5rem 0 0;
    }
    
    .aa-mobile-card .aa-card-image img[b-iyn4l2wijr],
    .aa-mobile-card .aa-placeholder-image[b-iyn4l2wijr] {
        border-radius: 0.5rem 0.5rem 0 0;
        /* Maintain absolute positioning and full coverage */
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .aa-mobile-card .aa-card-content[b-iyn4l2wijr] {
        padding: 0.5rem;
        border-radius: 0 0 0.5rem 0.5rem;
    }
    
    .aa-mobile-card h4[b-iyn4l2wijr] {
        font-size: var(--text-responsive-sm);
        margin-bottom: 0.375rem;
    }
    
    .aa-mobile-card p[b-iyn4l2wijr] {
        font-size: var(--text-responsive-xs);
        margin-bottom: 0.375rem;
        -webkit-line-clamp: 2;
    }
    
    .aa-mobile-card .aa-status-indicators small[b-iyn4l2wijr] {
        font-size: 0.55rem;
    }
    
    .aa-mobile-card .btn[b-iyn4l2wijr] {
        font-size: 0.65rem;
        padding: 0.25rem 0.375rem;
    }
    
    .aa-mobile-card .aa-sample-info[b-iyn4l2wijr] {
        border-radius: 0.25rem;
    }
}

/* Landscape mobile orientation */
@media (max-width: 768px) and (orientation: landscape) {
    .aa-mobile-cards[b-iyn4l2wijr] {
        /* Use 3 columns on landscape mobile for better space usage */
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 0.75rem;
    }
    
    .aa-mobile-card .aa-card-image[b-iyn4l2wijr] {
        aspect-ratio: 1/1; /* Square images on landscape mobile */
        min-height: 100px;
        max-height: 120px;
        border-radius: 0.75rem 0.75rem 0 0;
    }
    
    .aa-mobile-card .aa-card-image.tall[b-iyn4l2wijr] {
        aspect-ratio: 1/1;
        min-height: 100px;
        max-height: 120px;
        border-radius: 0.75rem 0.75rem 0 0;
    }
    
    .aa-mobile-card .aa-card-image img[b-iyn4l2wijr],
    .aa-mobile-card .aa-placeholder-image[b-iyn4l2wijr] {
        border-radius: 0.75rem 0.75rem 0 0;
        /* Maintain absolute positioning */
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}
/* /Components/Layout/Footer.razor.rz.scp.css */
/* ===== FOOTER STYLES ===== */
.footer[b-ir0ot094uu] {
    background: var(--aa-gradient-harmony) !important;
    border-top: 3px solid rgba(255, 255, 255, 0.2);
    box-shadow: var(--elevation-4);
    position: relative;
    overflow: hidden;
}

.footer[b-ir0ot094uu]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 20% 20%, rgba(255,255,255,0.1) 0%, transparent 50%);
    pointer-events: none;
}

.footer .container-fluid[b-ir0ot094uu] {
    position: relative;
    z-index: 2;
}

/* Footer headings */
.footer h6[b-ir0ot094uu] {
    color: white !important;
    font-weight: 700;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
}

/* Footer links */
.footer a[b-ir0ot094uu] {
    color: rgba(255, 255, 255, 0.9) !important;
    text-decoration: none !important;
    transition: all 0.3s var(--ease-out);
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0;
    border-radius: 0.25rem;
}

.footer a:hover[b-ir0ot094uu] {
    color: white !important;
    background: rgba(255, 255, 255, 0.1);
    transform: translateX(4px);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

/* Footer text */
.footer .text-light[b-ir0ot094uu] {
    color: rgba(255, 255, 255, 0.95) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.footer .text-muted[b-ir0ot094uu] {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Footer icons */
.footer .bi[b-ir0ot094uu] {
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
}

/* Footer sections */
.footer .col-lg-3[b-ir0ot094uu] {
    padding: 1rem 0.75rem;
}

/* Bottom bar */
.footer hr[b-ir0ot094uu] {
    border-color: rgba(255, 255, 255, 0.2) !important;
    opacity: 1;
}

/* Contact info styling */
.footer .contact-info[b-ir0ot094uu] {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 0.5rem;
    padding: 0.75rem;
    backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.15);
}

/* Social media links */
.footer .social-links a[b-ir0ot094uu] {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 0.5rem;
    padding: 0.5rem;
    margin-bottom: 0.25rem;
    border: 1px solid rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(5px);
    transition: all 0.3s var(--ease-out);
}

.footer .social-links a:hover[b-ir0ot094uu] {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .footer .col-lg-3[b-ir0ot094uu] {
        padding: 0.75rem 0.5rem;
        margin-bottom: 1rem;
    }
    
    .footer h6[b-ir0ot094uu] {
        font-size: var(--text-sm);
        margin-bottom: 0.75rem;
    }
    
    .footer .social-links[b-ir0ot094uu] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
    }
    
    .footer .social-links a[b-ir0ot094uu] {
        flex: 1;
        min-width: 120px;
        justify-content: center;
    }
}

@media (max-width: 576px) {
    .footer .container-fluid[b-ir0ot094uu] {
        padding: 1rem;
    }
    
    .footer .d-flex.gap-2[b-ir0ot094uu] {
        flex-direction: column;
        gap: 0.25rem !important;
    }
    
    .footer .d-flex.gap-2 span[b-ir0ot094uu] {
        display: none;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
html[b-vy9v0d7wxy], body[b-vy9v0d7wxy] {
    height: 100%;
    margin: 0;
    overflow-x: hidden; /* Prevent horizontal scrolling */
}

.page[b-vy9v0d7wxy] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    position: relative;
}

main[b-vy9v0d7wxy] {
    display: flex;
    flex: 1;
    overflow-x: visible;
    height: auto !important;
    background-color: #f5f5f5; /* Soft gray */
    flex-direction: column;
}

.main-absolute[b-vy9v0d7wxy] {
    /* FIXED: Remove position absolute and use flex instead */
    position: static;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    flex: 1; /* Allow it to grow and fill space */
    display: flex;
    flex-direction: column;
    /* Allow content to extend under navbar if needed */
    margin-top: calc(-1 * var(--nav-height, 80px)); /* Adjust based on your nav height */
    /*padding-top: var(--nav-height, 80px);*/ /* Add padding to account for negative margin */
}

.main-normal[b-vy9v0d7wxy] {
    position: static;
    top: auto;
    left: auto;
    right: auto;
    display: flex;
    flex-direction: column;
    flex: 1;
}

article[b-vy9v0d7wxy] {
    padding: 0;
    flex: 1;
}

@media (min-width: 641px) {
    article[b-vy9v0d7wxy] {
        padding: 0 !important;
    }
}

.nav-menu[b-vy9v0d7wxy] {

}

.content[b-vy9v0d7wxy] {
    flex: 1;
    padding: 0;
    background-color: #f5f5f5; /* Soft gray */
    min-height: 0;
}

.footer[b-vy9v0d7wxy] {
    padding: 0;
    background-color: #e9ecef; /* Soft gray for footer */
    margin-top: auto;
    flex-shrink: 0;
    z-index: 1; /* Ensure footer appears above main content */
}

#blazor-error-ui[b-vy9v0d7wxy] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-vy9v0d7wxy] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.main-shadow[b-5gwjy708yx] {
    box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, .6);
}

.nav-container[b-5gwjy708yx] {
    display: flex;
}
.logo-cell[b-5gwjy708yx] {
    width: 7.5em;
    height: 2.5em;
    top: .1em;
    left: .1em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 0.5rem;
}

.center-logo[b-5gwjy708yx] {
    width: 6em;
    height: 2em;
    background-image: var(--aa-full-logo-light);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.6));
}

.modern-nav-bg.scrolled .center-logo[b-5gwjy708yx],
.modern-nav-bg:hover .center-logo[b-5gwjy708yx]{
    background-image: var(--aa-full-logo-dark);
    /*filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.4));*/
}



/* Mobile menu button styling */
.mobile-menu-btn[b-5gwjy708yx] {
    border: none !important;
    background: transparent !important;
    padding: 0.2rem 0.4rem !important;
    min-height: unset !important;
}

.mobile-menu-btn:hover[b-5gwjy708yx],
.mobile-menu-btn:focus[b-5gwjy708yx] {
    background: rgba(207, 194, 242, 0.2) !important;
}

/* Mobile navigation layout improvements */
@media (max-width: 991.98px) {
    /* Reduce mobile nav container height */
    .d-lg-none[b-5gwjy708yx] {
        padding: 0.25rem 0.5rem !important;
        min-height: unset !important;
    }
    
    /* Compact mobile logo sizing */
    .d-lg-none .logo-cell[b-5gwjy708yx] {
        width: auto;
        min-width: 4em;
        height: 1.5em;
        padding: 0.1rem;
    }
    
    .d-lg-none .center-logo[b-5gwjy708yx] {
        width: 4em;
        height: 1.8em;
    }
    
    /* Reduce mobile nav button spacing */
    .d-lg-none .gap-3[b-5gwjy708yx] {
        gap: 0.5rem !important;
    }

    /* Make nav links more compact on mobile */
    .d-lg-none .modern-nav-link[b-5gwjy708yx] {
        padding: 0.2rem 0.4rem !important;
        font-size: 0.9rem !important;
    }

    /* Reduce dropdown menu button size */
    .d-lg-none .dropdown-toggle[b-5gwjy708yx] {
        padding: 0.2rem 0.4rem !important;
    }

    .modern-nav-bg.scrolled .center-logo[b-5gwjy708yx],
    .modern-nav-bg:hover .center-logo[b-5gwjy708yx] {
        background-image: var(--aa-full-logo-light);
        /*filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.4));*/
    }

    .dropdown-menu[b-5gwjy708yx] {
        position: absolute !important;
        transform: none !important;
    }
}

/* Offcanvas customizations */
.offcanvas-logo-container[b-5gwjy708yx] {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.offcanvas-logo[b-5gwjy708yx] {
    width: 180px;
    height: 60px;
    background-image: var(--aa-full-logo-light);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
    filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.4));
}

/* Mobile nav links in offcanvas */
.offcanvas .nav-item .btn[b-5gwjy708yx] {
    border-radius: 0.375rem;
    margin: 0.125rem 0;
    transition: background-color 0.2s;
}

.offcanvas .nav-item .btn:hover[b-5gwjy708yx] {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.offcanvas .nav-item .btn.active[b-5gwjy708yx] {
    background-color: rgba(207, 194, 242, 0.3) !important;
}



/* /Components/Pages/About.razor.rz.scp.css */
/* ===== ABOUT PAGE SPECIFIC STYLES ===== */
.about-info-preview[b-ra5303ul9q] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.about-highlight[b-ra5303ul9q] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: rgba(255,255,255,0.1);
    border-radius: 0.75rem;
    backdrop-filter: blur(5px);
    border: 1px solid rgba(255,255,255,0.2);
}

.about-icon[b-ra5303ul9q] {
    font-size: 1.5rem;
    color: rgba(255,255,255,0.9);
    min-width: 2rem;
}

.about-details h5[b-ra5303ul9q] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}

.about-details p[b-ra5303ul9q] {
    margin: 0;
    font-size: 0.875rem;
}

.mission-content[b-ra5303ul9q] {
    line-height: 1.7;
}

.value-icon-wrapper[b-ra5303ul9q] {
    background: var(--aa-gradient-primary);
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: relative;
}

    .value-icon-wrapper[b-ra5303ul9q]::before {
        content: '';
        position: absolute;
        top: -2px;
        left: -2px;
        right: -2px;
        bottom: -2px;
        background: var(--aa-gradient-primary);
        border-radius: 50%;
        z-index: -1;
        opacity: 0.3;
    }

.value-icon[b-ra5303ul9q] {
    font-size: 1.5rem;
    color: white;
}

.process-step[b-ra5303ul9q] {
    gap: 1rem;
}

.step-number[b-ra5303ul9q] {
    background: var(--aa-gradient-primary);
    color: white;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.1rem;
    flex-shrink: 0;
    margin-top: 0.25rem;
}

    .step-number.final[b-ra5303ul9q] {
        background: var(--aa-gradient-warm);
        box-shadow: 0 4px 15px rgba(var(--aa-accent-warm-rgb), 0.3);
    }

.step-content[b-ra5303ul9q] {
    flex: 1;
}
/* /Components/Pages/ContactUs.razor.rz.scp.css */
/* Contact-specific styles that aren't covered by site-global.css */

/* Contact Method Layout in Hero */
.contact-info-preview[b-44krqdpskn] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.contact-method[b-44krqdpskn] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: rgba(255,255,255,0.1);
    border-radius: 0.75rem;
    backdrop-filter: blur(5px);
    border: 1px solid rgba(255,255,255,0.2);
}

.contact-icon[b-44krqdpskn] {
    font-size: 1.5rem;
    color: rgba(255,255,255,0.9);
    min-width: 40px;
    text-align: center;
}

.contact-details h5[b-44krqdpskn] {
    margin-bottom: 0.25rem;
    font-size: 1.1rem;
}

.contact-details p[b-44krqdpskn] {
    font-size: 0.9rem;
    margin-bottom: 0;
}

/* Method Link Hover Effects */
.method-link[b-44krqdpskn] {
    text-decoration: none;
    font-weight: 600;
    transition: color 0.3s ease;
}

.method-link:hover[b-44krqdpskn] {
    text-decoration: underline;
}

/* Form-specific styles */
.aa-form-control[b-44krqdpskn] {
    border: 2px solid #e9ecef;
    border-radius: 0.75rem;
    padding: 1rem 0.75rem;
    font-size: 1rem;
    transition: all 0.3s ease;
}

.aa-form-control:focus[b-44krqdpskn] {
    border-color: var(--aa-primary);
    box-shadow: 0 0 0 0.2rem rgba(var(--aa-primary-rgb), 0.1);
    transform: translateY(-2px);
}

.contact-form .form-floating label[b-44krqdpskn] {
    display: flex;
    align-items: center;
    color: var(--aa-secondary-dark);
    font-weight: 500;
}

.message-textarea[b-44krqdpskn] {
    min-height: 150px !important;
    resize: vertical;
}

.form-check-custom[b-44krqdpskn] {
    background: rgba(var(--aa-primary-rgb), 0.05);
    border-radius: 0.75rem;
    padding: 1rem 1.5rem;
    border: 1px solid rgba(var(--aa-primary-rgb), 0.1);
}

.form-check-custom .form-check-input[b-44krqdpskn] {
    margin-top: 0.1rem;
    margin-right: 0.75rem;
}

.form-check-custom .form-check-label[b-44krqdpskn] {
    color: var(--aa-dark);
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.form-actions[b-44krqdpskn] {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid rgba(var(--aa-primary-rgb), 0.1);
}

.form-actions .btn[b-44krqdpskn] {
    min-width: 200px;
    border-radius: 2rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
}

.form-actions .btn:hover[b-44krqdpskn] {
    transform: translateY(-2px);
}

/* FAQ Layout */
.faq-header[b-44krqdpskn] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid rgba(var(--aa-accent-cool), 0.1);
}

.faq-content[b-44krqdpskn] {
    padding-left: 2.5rem;
}

/* Address Block Styling */
.address-block[b-44krqdpskn] {
    line-height: 1.6;
}

/* Responsive Design */
@media (max-width: 768px) {
    .contact-info-preview[b-44krqdpskn] {
        gap: 1rem;
    }
    
    .contact-method[b-44krqdpskn] {
        padding: 0.75rem;
    }
    
    .contact-icon[b-44krqdpskn] {
        font-size: 1.25rem;
        min-width: 35px;
    }
    
    .faq-content[b-44krqdpskn] {
        padding-left: 0;
        margin-top: 1rem;
    }
    
    .faq-header[b-44krqdpskn] {
        flex-direction: column;
        text-align: center;
        gap: 0.5rem;
    }
}

@media (max-width: 576px) {
    .contact-method[b-44krqdpskn] {
        flex-direction: column;
        text-align: center;
        gap: 0.5rem;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* ===== HOME PAGE SPECIFIC STYLES ===== */

/* Navigation spacer - 20vh harmony gradient above hero */
.aa-hero[b-x191arku4y] {
    /* Add 20vh of harmony gradient padding above the hero */
    padding-top: 20vh;
    background: var(--aa-gradient-harmony-hero);
}

/* Subtle Development Notice */
.aa-development-notice[b-x191arku4y] {
    background: rgba(var(--aa-warning-rgb), 0.05);
    border-top: 1px solid rgba(var(--aa-warning-rgb), 0.1);
    border-bottom: 1px solid rgba(var(--aa-warning-rgb), 0.1);
    padding: 0.75rem 0;
    margin: 0;
}

.aa-notice-content[b-x191arku4y] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    text-align: center;
}

.aa-notice-icon[b-x191arku4y] {
    font-size: var(--text-xs);
    color: var(--aa-warning);
    opacity: 0.7;
    flex-shrink: 0;
}

.aa-notice-text[b-x191arku4y] {
    font-size: var(--text-xs);
    color: var(--aa-dark-gray);
    opacity: 0.8;
    font-style: italic;
    line-height: 1.3;
}

/* Responsive notice */
@media (max-width: 768px) {
    .aa-development-notice[b-x191arku4y] {
        padding: 0.5rem 0;
    }
    
    .aa-notice-content[b-x191arku4y] {
        flex-direction: row;
        gap: 0.4rem;
        padding: 0 1rem;
    }
    
    .aa-notice-icon[b-x191arku4y] {
        font-size: var(--text-xxs);
    }
    
    .aa-notice-text[b-x191arku4y] {
        font-size: var(--text-xxs);
    }
}

@media (max-width: 480px) {
    .aa-notice-content[b-x191arku4y] {
        padding: 0 0.5rem;
    }
    
    .aa-notice-text[b-x191arku4y] {
        font-size: 0.7rem; /* Even smaller on very small screens */
    }
}

/* Hero Section - Clean Image with Floating Container */
.aa-hero[b-x191arku4y] {
    position: relative;
    overflow: hidden;
    min-height: 70vh;
    display: flex;
    align-items: center;
    justify-content: center;
    /* Add 20vh of harmony gradient padding above the hero */
    padding-top: 20vh;
    background: var(--aa-gradient-harmony-hero);
}

.aa-hero-background-image[b-x191arku4y] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 1;
}

.aa-hero-content-overlay[b-x191arku4y] {
    position: relative;
    z-index: 3;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Floating Container for Hero Content */
.aa-hero-floating-container[b-x191arku4y] {
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(0px);
    border-radius: 1rem;
    padding: 2.5rem 2rem;
    max-width: 800px;
    margin: 0 auto;
}

/* Hero content styling */
.aa-hero .aa-hero-content[b-x191arku4y] {
    text-align: center;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.aa-hero .aa-hero-actions .btn[b-x191arku4y] {
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.aa-hero .aa-hero-actions .aa-btn-warm[b-x191arku4y] {
    background: rgba(var(--aa-accent-warm-rgb), 0.9);
    border-color: var(--aa-accent-warm);
}

.aa-hero .aa-hero-actions .btn-outline-light[b-x191arku4y] {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.5);
}

.aa-hero .aa-hero-actions .btn:hover[b-x191arku4y] {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}

/* Responsive adjustments for hero */
@media (max-width: 768px) {
    .aa-hero[b-x191arku4y] {
        min-height: 60vh; /* Slightly shorter on mobile */
        padding-top: 15vh; /* Slightly less space on mobile */
        background-attachment: scroll;
    }
    
    .aa-hero-floating-container[b-x191arku4y] {
        padding: 2rem 1.5rem;
        margin: 0 1rem;
        border-radius: 0.75rem;
    }
    
    .aa-hero h1[b-x191arku4y] {
        font-size: var(--text-4xl);
    }
    
    .aa-hero p[b-x191arku4y] {
        font-size: var(--text-lg);
    }
    
    .aa-hero .aa-hero-actions .btn[b-x191arku4y] {
        font-size: var(--text-sm);
        padding: 0.75rem 1.5rem;
        margin: 0.5rem;
        width: 100%;
        max-width: 250px;
    }
}

@media (max-width: 480px) {
    .aa-hero[b-x191arku4y] {
        min-height: 50vh; /* Even shorter on small mobile */
        padding-top: 12vh; /* Even less space on small mobile */
    }
    
    .aa-hero-floating-container[b-x191arku4y] {
        padding: 1.5rem 1rem;
        margin: 0 0.5rem;
        border-radius: 0.5rem;
    }
    
    .aa-hero .aa-hero-actions[b-x191arku4y] {
        flex-direction: column;
        align-items: center;
    }
    
    .aa-hero .aa-hero-actions .btn[b-x191arku4y] {
        width: 100%;
        max-width: 200px;
        margin: 0.25rem 0;
    }
}

/* Creative Spotlight Wrapper - Clean, Minimal */
.aa-creative-spotlight-wrapper[b-x191arku4y] {
    position: relative;
    background: var(--aa-light);
    border-radius: 1rem;
    padding: 2rem;
    margin: 2rem 0;
    box-shadow: var(--elevation-3);
    border: 1px solid rgba(var(--aa-primary-rgb), 0.15);
    overflow: hidden;
}

.aa-creative-spotlight-wrapper[b-x191arku4y]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--aa-primary);
    border-radius: 1rem 1rem 0 0;
}

/* Value Icon Wrapper - Consistent with other pages */
.value-icon-wrapper[b-x191arku4y] {
    background: var(--aa-gradient-primary);
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: relative;
}

.value-icon-wrapper[b-x191arku4y]::before {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    background: var(--aa-gradient-primary);
    border-radius: 50%;
    z-index: -1;
    opacity: 0.3;
}

.value-icon[b-x191arku4y] {
    font-size: 1.5rem;
    color: white;
}

/* Process Step Number Styling - Consistent with About page */
.step-number[b-x191arku4y] {
    background: var(--aa-gradient-primary);
    color: white;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: var(--text-lg);
    margin-right: 1rem;
    flex-shrink: 0;
    box-shadow: var(--elevation-2);
}

.step-content[b-x191arku4y] {
    flex: 1;
}

/* Creative Spotlight Gallery - Clean with Subtle Background */
.physics-gallery-container[b-x191arku4y] {
    position: relative;
    width: 100%;
    height: 600px;
    background: linear-gradient(135deg, 
                                rgba(var(--aa-primary-rgb), 0.8) 0%, 
                                rgba(var(--aa-primary-rgb), 0.85) 50%, 
                                rgba(var(--aa-secondary-rgb), 0.8) 100%);
    overflow: hidden;
    border-radius: 0.75rem;
    margin: 0;
    cursor: default;
    border: 2px solid rgba(255, 255, 255, 0.2);
    box-shadow: var(--elevation-3), 
                inset 0 1px 0 rgba(255, 255, 255, 0.1);
    z-index: 2;
}

.gallery-wall[b-x191arku4y] {
    position: relative;
    width: 100%;
    height: 100%;
    user-select: none;
}

.gallery-title-overlay[b-x191arku4y] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 100;
}

.gallery-title.main[b-x191arku4y] {
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
    color: rgba(255, 255, 255, 0.95);
    font-size: clamp(1.5rem, 4vw, 2.5rem);
    font-weight: 600;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    font-family: 'Inter', -apple-system, sans-serif;
}

.gallery-title.sub[b-x191arku4y] {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    color: rgba(255, 255, 255, 0.8);
    font-size: clamp(0.9rem, 2.5vw, 1.3rem);
    font-weight: 400;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    font-style: italic;
}

/* Enhanced Gallery Lighting - Much More Visible */
.gallery-lighting[b-x191arku4y] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 50;
}

.gallery-light[b-x191arku4y] {
    position: absolute;
    top: 15px;
    width: 140px;
    height: 250px;
    background: radial-gradient(ellipse 70px 125px at 50% 0%, 
                                rgba(255, 248, 220, 0.5) 0%,
                                rgba(255, 248, 220, 0.25) 40%,
                                rgba(var(--aa-accent-warm-rgb), 0.15) 60%,
                                transparent 85%);
    transform: translateX(-50%);
    animation: gentle-glow-b-x191arku4y 8s ease-in-out infinite alternate;
    filter: blur(0.5px);
}

    .gallery-light:nth-child(2)[b-x191arku4y] { animation-delay: 1.2s; }
    .gallery-light:nth-child(3)[b-x191arku4y] { animation-delay: 2.8s; }
    .gallery-light:nth-child(4)[b-x191arku4y] { animation-delay: 0.5s; }
    .gallery-light:nth-child(5)[b-x191arku4y] { animation-delay: 4.1s; }
    .gallery-light:nth-child(6)[b-x191arku4y] { animation-delay: 1.8s; }
    .gallery-light:nth-child(7)[b-x191arku4y] { animation-delay: 3.5s; }

/* Gentle gallery glow animation - much softer and slower */
@keyframes gentle-glow-b-x191arku4y {
    0% {
        opacity: 0.75;
        filter: blur(0.4px) brightness(1);
    }
    25% {
        opacity: 0.85;
        filter: blur(0.3px) brightness(1.05);
    }
    50% {
        opacity: 0.8;
        filter: blur(0.5px) brightness(0.98);
    }
    75% {
        opacity: 0.9;
        filter: blur(0.35px) brightness(1.08);
    }
    100% {
        opacity: 0.82;
        filter: blur(0.45px) brightness(1.02);
    }
}

/* Hide tablet and mobile lights by default (desktop view) */
.tablet-light[b-x191arku4y],
.mobile-light[b-x191arku4y] {
    display: none;
}

/* Artist Spotlight Frame - Clean Card Styling */
.artist-spotlight-frame[b-x191arku4y] {
    position: absolute;
    cursor: pointer;
    z-index: 10;
    opacity: 0;
    transform: none;
    transition: opacity 1s ease-in-out;
}

    .artist-spotlight-frame.fading-in[b-x191arku4y] {
        opacity: 1;
        transform: none;
        transition: opacity 1s ease-in-out;
    }

    .artist-spotlight-frame.displaying[b-x191arku4y] {
        opacity: 1;
        transform: none;
    }

    .artist-spotlight-frame.falling-out[b-x191arku4y] {
        opacity: 0;
        transform: translateY(700px) rotate(12deg) scale(0.8) !important;
        transition: all 1.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) !important;
    }

    .artist-spotlight-frame:hover:not(.falling-out)[b-x191arku4y] {
        transform: scale(1.03);
        z-index: 50;
        transition: transform 0.3s ease-out;
        box-shadow: var(--elevation-4);
    }

    .artist-spotlight-frame.falling-out:hover[b-x191arku4y] {
        transform: translateY(700px) rotate(12deg) scale(0.8) !important;
        transition: all 1.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) !important;
    }

/* Artist Portrait - Clean White Card */
.spotlight-artist-portrait[b-x191arku4y] {
    position: relative;
    width: 100%;
    height: 100%;
    background: white;
    border: 2px solid rgba(255, 255, 255, 0.95);
    border-radius: 0.75rem;
    box-shadow: var(--elevation-3);
    overflow: hidden;
    backdrop-filter: blur(10px);
}

.spotlight-portrait-image[b-x191arku4y] {
    width: calc(100% - 8px);
    height: calc(100% - 60px);
    margin: 4px 4px 0 4px;
    object-fit: cover;
    border-radius: 0.5rem;
    filter: contrast(1.05) brightness(1.02);
}

.artist-spotlight-nameplate[b-x191arku4y] {
    position: absolute;
    bottom: 4px;
    left: 4px;
    right: 4px;
    height: 48px;
    background: var(--aa-primary);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 0.5rem;
    overflow: hidden;
}

.spotlight-nameplate-content[b-x191arku4y] {
    padding: 8px 12px;
    color: white;
    text-align: center;
}

.spotlight-artist-name[b-x191arku4y] {
    font-size: var(--text-xs);
    font-weight: 600;
    line-height: 1.2;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.spotlight-artist-medium[b-x191arku4y] {
    font-size: var(--text-xxs);
    opacity: 0.9;
    font-style: italic;
    line-height: 1;
}

/* Artwork Spotlight Frame - Clean Card Styling */
.artwork-spotlight-frame[b-x191arku4y] {
    position: absolute;
    cursor: pointer;
    z-index: 10;
    opacity: 0;
    transform: none;
    transition: opacity 0.8s ease-in-out;
}

    .artwork-spotlight-frame.fading-in[b-x191arku4y] {
        opacity: 1;
        transform: none;
        transition: opacity 0.8s ease-in-out;
    }

    .artwork-spotlight-frame.displaying[b-x191arku4y] {
        opacity: 1;
        transform: none;
    }

    .artwork-spotlight-frame.falling-out[b-x191arku4y] {
        opacity: 0;
        transform: translateY(800px) rotate(-8deg) scale(0.7) !important;
        transition: all 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) !important;
    }

    .artwork-spotlight-frame:hover:not(.falling-out)[b-x191arku4y] {
        transform: scale(1.05);
        z-index: 45;
        transition: transform 0.3s ease-out;
    }

    .artwork-spotlight-frame.falling-out:hover[b-x191arku4y] {
        transform: translateY(800px) rotate(-8deg) scale(0.7) !important;
        transition: all 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) !important;
    }

/* Artwork Image - Clean White Card */
.spotlight-artwork-image[b-x191arku4y] {
    position: relative;
    width: 100%;
    height: 100%;
    background: white;
    border: 2px solid rgba(255, 255, 255, 0.95);
    border-radius: 0.5rem;
    box-shadow: var(--elevation-2);
    overflow: hidden;
    backdrop-filter: blur(10px);
}

.spotlight-artwork-img[b-x191arku4y] {
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    margin: 3px;
    object-fit: cover;
    object-position: center;
    border-radius: 0.25rem;
    filter: contrast(1.03) saturate(1.05);
    transition: filter 0.3s ease;
}

.artwork-spotlight-frame:hover:not(.falling-out) .spotlight-artwork-image[b-x191arku4y] {
    box-shadow: var(--elevation-3);
}

.artwork-spotlight-frame:hover:not(.falling-out) .spotlight-artwork-img[b-x191arku4y] {
    filter: contrast(1.08) saturate(1.1) brightness(1.02);
}

/* Empty Gallery State - Clean Styling */
.gallery-empty[b-x191arku4y] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: rgba(255, 255, 255, 0.9);
}

.empty-frame[b-x191arku4y] {
    background: rgba(255, 255, 255, 0.15);
    border: 2px dashed rgba(255, 255, 255, 0.3);
    border-radius: 0.75rem;
    padding: 2rem;
    backdrop-filter: blur(10px);
}

.empty-content h3[b-x191arku4y] {
    font-size: var(--text-xl);
    margin-bottom: 0.5rem;
    font-weight: 600;
}

.empty-content p[b-x191arku4y] {
    font-size: var(--text-sm);
    opacity: 0.8;
}

/* Responsive adjustments for creative spotlight gallery */
@media (max-width: 768px) {
    .physics-gallery-container[b-x191arku4y] {
        height: 400px;
    }

    .aa-creative-spotlight-wrapper[b-x191arku4y] {
        padding: 1rem;
        margin: 1rem 0;
    }

    /* Hide desktop lights and show tablet lights */
    .desktop-light[b-x191arku4y] {
        display: none !important;
    }

    .tablet-light[b-x191arku4y] {
        display: block !important;
        top: 15px !important;
        width: 120px;
        height: 180px;
        background: radial-gradient(ellipse 60px 90px at 50% 0%, 
                                    rgba(255, 248, 220, 0.6) 0%,
                                    rgba(255, 248, 220, 0.3) 40%,
                                    rgba(var(--aa-accent-warm-rgb), 0.2) 60%,
                                    transparent 85%);
        filter: blur(0.3px);
        transform: translateX(-50%);
        animation: gentle-glow-b-x191arku4y 8s ease-in-out infinite alternate;
    }

    .gallery-title.main[b-x191arku4y] {
        top: 1rem;
        left: 1rem;
        font-size: clamp(1.2rem, 3.5vw, 2rem);
    }

    .gallery-title.sub[b-x191arku4y] {
        bottom: 1rem;
        right: 1rem;
        font-size: clamp(0.8rem, 2vw, 1.2rem);
    }

    /* Artist and artwork responsive adjustments */
    .spotlight-artist-name[b-x191arku4y] {
        font-size: var(--text-xs) !important;
    }

    .spotlight-artist-medium[b-x191arku4y] {
        font-size: var(--text-xxs) !important;
    }

    .spotlight-artist-portrait[b-x191arku4y] {
        border: 1.5px solid rgba(255, 255, 255, 0.95) !important;
    }

    .spotlight-portrait-image[b-x191arku4y] {
        width: calc(100% - 6px) !important;
        height: calc(100% - 40px) !important;
        margin: 3px 3px 0 3px !important;
    }

    .artist-spotlight-nameplate[b-x191arku4y] {
        bottom: 3px !important;
        left: 3px !important;
        right: 3px !important;
        height: 34px !important;
        border: 1px solid rgba(255, 255, 255, 0.3) !important;
    }

    .spotlight-nameplate-content[b-x191arku4y] {
        padding: 4px 8px !important;
    }

    .spotlight-artwork-image[b-x191arku4y] {
        border: 1.5px solid rgba(255, 255, 255, 0.95) !important;
    }

    .spotlight-artwork-img[b-x191arku4y] {
        width: calc(100% - 4px) !important;
        height: calc(100% - 4px) !important;
        margin: 2px !important;
    }

    /* Mobile positioning adjustments */
    .artist-spotlight-frame[b-x191arku4y] {
        left: 50% !important;
        top: 53.75% !important;
        width: 160px !important;
        height: 224px !important;
        margin-left: -80px !important;
        margin-top: -112px !important;
    }

    .artwork-spotlight-frame:nth-child(3)[b-x191arku4y] {
        left: 20% !important;
        top: 23.75% !important;
        width: 100px !important;
        height: 100px !important;
        margin-left: -50px !important;
        margin-top: -50px !important;
    }

    .artwork-spotlight-frame:nth-child(4)[b-x191arku4y] {
        left: 82.5% !important;
        top: 25% !important;
        width: 100px !important;
        height: 100px !important;
        margin-left: -50px !important;
        margin-top: -50px !important;
    }

    .artwork-spotlight-frame:nth-child(5)[b-x191arku4y] {
        left: 20% !important;
        top: 83.75% !important;
        width: 100px !important;
        height: 100px !important;
        margin-left: -50px !important;
        margin-top: -50px !important;
    }

    .artwork-spotlight-frame:nth-child(6)[b-x191arku4y] {
        left: 80% !important;
        top: 83.75% !important;
        width: 100px !important;
        height: 100px !important;
        margin-left: -50px !important;
        margin-top: -50px !important;
    }

    /* Responsive value icons */
    .value-icon-wrapper[b-x191arku4y] {
        width: 50px;
        height: 50px;
    }

    .value-icon[b-x191arku4y] {
        font-size: 1.25rem;
    }

    /* Responsive step numbers */
    .step-number[b-x191arku4y] {
        width: 35px;
        height: 35px;
        font-size: var(--text-base);
    }
}

@media (max-width: 480px) {
    .physics-gallery-container[b-x191arku4y] {
        height: 300px;
    }

    /* Hide desktop and tablet lights, show mobile lights */
    .desktop-light[b-x191arku4y],
    .tablet-light[b-x191arku4y] {
        display: none !important;
    }

    .mobile-light[b-x191arku4y] {
        display: block !important;
        top: 10px !important;
        width: 100px;
        height: 120px;
        background: radial-gradient(ellipse 50px 60px at 50% 0%, 
                                    rgba(255, 248, 220, 0.7) 0%,
                                    rgba(255, 248, 220, 0.35) 40%,
                                    rgba(var(--aa-accent-warm-rgb), 0.25) 60%,
                                    transparent 85%);
        filter: blur(0.2px);
        transform: translateX(-50%);
        animation: gentle-glow-b-x191arku4y 8s ease-in-out infinite alternate;
    }

    .gallery-title.main[b-x191arku4y] {
        font-size: clamp(1rem, 3vw, 1.5rem);
    }

    .gallery-title.sub[b-x191arku4y] {
        font-size: clamp(0.7rem, 1.8vw, 1rem);
    }

    /* Small mobile adjustments */
    .spotlight-artist-name[b-x191arku4y] {
        font-size: var(--text-xxs) !important;
        line-height: 1.1 !important;
    }

    .spotlight-artist-medium[b-x191arku4y] {
        font-size: var(--text-xxs) !important;
        line-height: 1 !important;
    }

    .artist-spotlight-frame[b-x191arku4y] {
        left: 50% !important;
        top: 55% !important;
        width: 120px !important;
        height: 168px !important;
        margin-left: -60px !important;
        margin-top: -84px !important;
    }

    .artwork-spotlight-frame:nth-child(3)[b-x191arku4y] {
        left: 17.5% !important;
        top: 22.5% !important;
        width: 80px !important;
        height: 80px !important;
        margin-left: -40px !important;
        margin-top: -40px !important;
    }

    .artwork-spotlight-frame:nth-child(4)[b-x191arku4y] {
        left: 82.5% !important;
        top: 22.5% !important;
        width: 80px !important;
        height: 80px !important;
        margin-left: -40px !important;
        margin-top: -40px !important;
    }

    .artwork-spotlight-frame:nth-child(5)[b-x191arku4y] {
        left: 17.5% !important;
        top: 87.5% !important;
        width: 80px !important;
        height: 80px !important;
        margin-left: -40px !important;
        margin-top: -40px !important;
    }

    .artwork-spotlight-frame:nth-child(6)[b-x191arku4y] {
        left: 82.5% !important;
        top: 87.5% !important;
        width: 80px !important;
        height: 80px !important;
        margin-left: -40px !important;
        margin-top: -40px !important;
    }

    .empty-frame[b-x191arku4y] {
        width: 200px;
        height: 150px;
        padding: 1.5rem;
    }

    .empty-content h3[b-x191arku4y] {
        font-size: var(--text-lg);
    }

    .empty-content p[b-x191arku4y] {
        font-size: var(--text-xs);
    }

    /* Even smaller icons and numbers on mobile */
    .value-icon-wrapper[b-x191arku4y] {
        width: 45px;
        height: 45px;
    }

    .value-icon[b-x191arku4y] {
        font-size: 1rem;
    }

    .step-number[b-x191arku4y] {
        width: 30px;
        height: 30px;
        font-size: var(--text-sm);
        margin-right: 0.75rem;
    }
}
/* /Components/Pages/Privacy.razor.rz.scp.css */
/* ===== PRIVACY PAGE SPECIFIC STYLES ===== */

/* Privacy Info Preview in Hero */
.privacy-info-preview[b-68ys94q3it] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.privacy-highlight[b-68ys94q3it] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: rgba(255,255,255,0.1);
    border-radius: 0.75rem;
    backdrop-filter: blur(5px);
    border: 1px solid rgba(255,255,255,0.2);
    transition: all 0.3s ease;
}

.privacy-highlight:hover[b-68ys94q3it] {
    background: rgba(255,255,255,0.15);
    transform: translateX(4px);
}

.privacy-icon[b-68ys94q3it] {
    font-size: var(--text-xl);
    color: rgba(255,255,255,0.9);
    min-width: 2rem;
}

.privacy-details h5[b-68ys94q3it] {
    margin: 0;
    font-size: var(--text-base);
    font-weight: 600;
}

.privacy-details p[b-68ys94q3it] {
    margin: 0;
    font-size: var(--text-sm);
}

/* Privacy Policy Content Sections */
.privacy-overview-content[b-68ys94q3it] {
    text-align: left;
}

.privacy-principle[b-68ys94q3it] {
    padding: 1.5rem;
    background: linear-gradient(135deg, rgba(var(--aa-primary-rgb), 0.05) 0%, rgba(var(--aa-primary-rgb), 0.02) 100%);
    border-radius: 0.75rem;
    border-left: 4px solid var(--aa-primary);
    height: 100%;
}

.privacy-subsection[b-68ys94q3it] {
    border-bottom: 1px solid rgba(var(--aa-primary-rgb), 0.1);
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
}

.privacy-subsection:last-child[b-68ys94q3it] {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.privacy-list[b-68ys94q3it] {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.privacy-list li[b-68ys94q3it] {
    padding: 0.5rem 0;
    border-bottom: 1px solid rgba(var(--aa-medium-gray-rgb), 0.2);
    position: relative;
    padding-left: 1.5rem;
    font-size: var(--text-base);
    line-height: 1.6;
}

.privacy-list li:last-child[b-68ys94q3it] {
    border-bottom: none;
}

.privacy-list li[b-68ys94q3it]::before {
    content: '•';
    color: var(--aa-primary);
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0.5rem;
    font-size: var(--text-base);
}

/* Privacy Use Cases */
.privacy-use-case[b-68ys94q3it] {
    padding: 1.5rem;
    background: rgba(var(--aa-accent-cool-rgb), 0.05);
    border-radius: 0.75rem;
    height: 100%;
    border: 1px solid rgba(var(--aa-accent-cool-rgb), 0.1);
    transition: all 0.3s ease;
}

.privacy-use-case:hover[b-68ys94q3it] {
    background: rgba(var(--aa-accent-cool-rgb), 0.08);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(var(--aa-accent-cool-rgb), 0.15);
}

.privacy-use-case h5[b-68ys94q3it] {
    font-size: var(--text-lg);
    margin-bottom: 0.5rem;
}

.privacy-use-case .privacy-list li[b-68ys94q3it] {
    font-size: var(--text-sm);
}

/* Information Sharing Scenarios */
.privacy-sharing-section[b-68ys94q3it] {
    background: rgba(var(--aa-light-rgb), 0.8);
    padding: 2rem;
    border-radius: 1rem;
    border: 1px solid rgba(var(--aa-primary-rgb), 0.1);
}

.privacy-sharing-section h4[b-68ys94q3it] {
    font-size: var(--text-xl);
    margin-bottom: 1rem;
}

.sharing-scenario[b-68ys94q3it] {
    padding: 1rem;
    background: white;
    border-radius: 0.5rem;
    border-left: 4px solid var(--aa-accent-sage);
    box-shadow: 0 2px 4px rgba(var(--aa-primary-rgb), 0.05);
    margin-bottom: 1rem;
}

.sharing-scenario:last-child[b-68ys94q3it] {
    margin-bottom: 0;
}

.sharing-scenario h5[b-68ys94q3it] {
    font-size: var(--text-lg);
    margin-bottom: 0.5rem;
}

.sharing-scenario p[b-68ys94q3it] {
    font-size: var(--text-base);
    margin-bottom: 0;
}

/* Security Measures */
.security-measure[b-68ys94q3it] {
    text-align: center;
    padding: 1.5rem;
    background: linear-gradient(135deg, rgba(var(--aa-success-rgb), 0.05) 0%, rgba(var(--aa-success-rgb), 0.02) 100%);
    border-radius: 1rem;
    height: 100%;
    transition: all 0.3s ease;
    border: 1px solid rgba(var(--aa-success-rgb), 0.1);
}

.security-measure:hover[b-68ys94q3it] {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(var(--aa-success-rgb), 0.15);
}

.security-icon-wrapper[b-68ys94q3it] {
    background: var(--aa-gradient-primary);
    border-radius: 50%;
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
    position: relative;
}

.security-icon-wrapper[b-68ys94q3it]::before {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    background: var(--aa-gradient-primary);
    border-radius: 50%;
    z-index: -1;
    opacity: 0.3;
}

.security-icon[b-68ys94q3it] {
    font-size: var(--text-xl);
    color: white;
}

.security-measure h5[b-68ys94q3it] {
    font-size: var(--text-lg);
    margin-bottom: 0.5rem;
}

.security-measure p[b-68ys94q3it] {
    font-size: var(--text-base);
    margin-bottom: 0;
}

/* Privacy Rights Grid */
.rights-grid[b-68ys94q3it] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(18.75rem, 1fr)); /* 300px converted to rem */
    gap: 1.5rem;
}

.rights-item[b-68ys94q3it] {
    padding: 1.5rem;
    background: linear-gradient(135deg, rgba(var(--aa-accent-warm-rgb), 0.05) 0%, rgba(var(--aa-accent-warm-rgb), 0.02) 100%);
    border-radius: 0.75rem;
    border-left: 4px solid var(--aa-accent-warm);
    transition: all 0.3s ease;
}

.rights-item:hover[b-68ys94q3it] {
    background: linear-gradient(135deg, rgba(var(--aa-accent-warm-rgb), 0.08) 0%, rgba(var(--aa-accent-warm-rgb), 0.04) 100%);
    transform: translateX(4px);
    box-shadow: 0 4px 12px rgba(var(--aa-accent-warm-rgb), 0.15);
}

.rights-item h5[b-68ys94q3it] {
    font-size: var(--text-lg);
    margin-bottom: 0.5rem;
}

.rights-item p[b-68ys94q3it] {
    font-size: var(--text-base);
    margin-bottom: 0;
}

/* Cookie Types */
.cookie-types[b-68ys94q3it] {
    background: rgba(var(--aa-light-gray-rgb), 0.3);
    padding: 1.5rem;
    border-radius: 0.75rem;
    border: 1px solid rgba(var(--aa-medium-gray-rgb), 0.2);
}

.cookie-type[b-68ys94q3it] {
    padding: 1rem;
    background: white;
    border-radius: 0.5rem;
    box-shadow: 0 1px 3px rgba(var(--aa-primary-rgb), 0.1);
    margin-bottom: 1rem;
}

.cookie-type:last-child[b-68ys94q3it] {
    margin-bottom: 0;
}

.cookie-type h5[b-68ys94q3it] {
    font-size: var(--text-lg);
    margin-bottom: 0.5rem;
}

.cookie-type p[b-68ys94q3it] {
    font-size: var(--text-base);
    margin-bottom: 0;
}

/* Contact Methods for Privacy */
.contact-method-privacy[b-68ys94q3it] {
    padding: 1.5rem;
    background: rgba(var(--aa-primary-rgb), 0.05);
    border-radius: 0.75rem;
    border: 1px solid rgba(var(--aa-primary-rgb), 0.1);
    height: 100%;
    transition: all 0.3s ease;
}

.contact-method-privacy:hover[b-68ys94q3it] {
    background: rgba(var(--aa-primary-rgb), 0.08);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(var(--aa-primary-rgb), 0.15);
}

.contact-method-privacy h5[b-68ys94q3it] {
    font-size: var(--text-lg);
    margin-bottom: 0.5rem;
}

.contact-method-privacy p[b-68ys94q3it],
.contact-method-privacy .aa-text-dark[b-68ys94q3it] {
    font-size: var(--text-base);
}

.contact-method-privacy small[b-68ys94q3it] {
    font-size: var(--text-sm);
}

/* Enhanced Typography */
.privacy-principle h5[b-68ys94q3it] {
    font-size: var(--text-lg);
    margin-bottom: 0.5rem;
}

.privacy-principle p[b-68ys94q3it] {
    font-size: var(--text-base);
    margin-bottom: 0;
}

/* ===== RESPONSIVE DESIGN FOR PRIVACY PAGE ===== */
@media (max-width: 768px) {
    .privacy-info-preview[b-68ys94q3it] {
        gap: 0.75rem;
    }
    
    .privacy-highlight[b-68ys94q3it] {
        padding: 0.75rem;
        flex-direction: column;
        text-align: center;
        gap: 0.5rem;
    }
    
    .privacy-icon[b-68ys94q3it] {
        font-size: var(--text-2xl);
    }
    
    .privacy-principle[b-68ys94q3it] {
        padding: 1rem;
    }
    
    .privacy-use-case[b-68ys94q3it] {
        padding: 1rem;
    }
    
    .security-measure[b-68ys94q3it] {
        padding: 1rem;
    }
    
    .security-icon-wrapper[b-68ys94q3it] {
        width: 3rem;
        height: 3rem;
        margin-bottom: 0.75rem;
    }
    
    .security-icon[b-68ys94q3it] {
        font-size: var(--text-lg);
    }
    
    .rights-grid[b-68ys94q3it] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    .rights-item[b-68ys94q3it] {
        padding: 1rem;
    }
    
    .privacy-sharing-section[b-68ys94q3it] {
        padding: 1.5rem;
    }
    
    .sharing-scenario[b-68ys94q3it] {
        padding: 0.75rem;
    }
    
    .contact-method-privacy[b-68ys94q3it] {
        padding: 1rem;
    }
}

@media (max-width: 576px) {
    .privacy-highlight[b-68ys94q3it] {
        padding: 0.5rem;
    }
    
    .privacy-principle[b-68ys94q3it] {
        padding: 0.75rem;
    }
    
    .privacy-use-case[b-68ys94q3it] {
        padding: 0.75rem;
    }
    
    .security-measure[b-68ys94q3it] {
        padding: 0.75rem;
    }
    
    .security-icon-wrapper[b-68ys94q3it] {
        width: 2.5rem;
        height: 2.5rem;
    }
    
    .security-icon[b-68ys94q3it] {
        font-size: var(--text-base);
    }
    
    .rights-item[b-68ys94q3it] {
        padding: 0.75rem;
    }
    
    .privacy-sharing-section[b-68ys94q3it] {
        padding: 1rem;
    }
    
    .cookie-types[b-68ys94q3it] {
        padding: 1rem;
    }
    
    .contact-method-privacy[b-68ys94q3it] {
        padding: 0.75rem;
    }
}

/* Enhanced Privacy Page Animations */
.privacy-highlight[b-68ys94q3it],
.privacy-use-case[b-68ys94q3it],
.security-measure[b-68ys94q3it],
.rights-item[b-68ys94q3it],
.contact-method-privacy[b-68ys94q3it] {
    animation: fadeInUp-b-68ys94q3it 0.6s ease-out;
}

.privacy-highlight:nth-child(1)[b-68ys94q3it] { animation-delay: 0.1s; }
.privacy-highlight:nth-child(2)[b-68ys94q3it] { animation-delay: 0.2s; }
.privacy-highlight:nth-child(3)[b-68ys94q3it] { animation-delay: 0.3s; }

@keyframes fadeInUp-b-68ys94q3it {
    from {
        opacity: 0;
        transform: translateY(1.25rem); /* 20px to rem */
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Enhanced Link Styling for Privacy Page */
.aa-card-content a.aa-text-primary[b-68ys94q3it] {
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: all 0.2s ease;
}

.aa-card-content a.aa-text-primary:hover[b-68ys94q3it] {
    border-bottom-color: var(--aa-primary);
    color: var(--aa-primary-dark);
}

/* Privacy Alert Variations */
.aa-alert.light[b-68ys94q3it] {
    background: linear-gradient(135deg, rgba(var(--aa-light-gray-rgb), 0.4) 0%, rgba(var(--aa-light-gray-rgb), 0.1) 100%);
    color: var(--aa-dark-gray);
    border-left: 4px solid var(--aa-medium-gray);
}

/* Section Dividers */
.aa-card + .aa-card[b-68ys94q3it] {
    margin-top: 2rem;
}

/* Enhanced Privacy Policy Typography */
.privacy-subsection h4[b-68ys94q3it],
.privacy-use-case h5[b-68ys94q3it],
.rights-item h5[b-68ys94q3it],
.sharing-scenario h5[b-68ys94q3it] {
    letter-spacing: 0.03125rem; /* 0.5px to rem */
}

.privacy-list li strong[b-68ys94q3it] {
    color: var(--aa-primary-dark);
}

/* Privacy Page Specific Button Styling */
.privacy-btn-group[b-68ys94q3it] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    justify-content: center;
}

.privacy-btn-group .btn[b-68ys94q3it] {
    min-width: 9.375rem; /* 150px to rem */
}

@media (max-width: 576px) {
    .privacy-btn-group[b-68ys94q3it] {
        flex-direction: column;
        align-items: center;
    }
    
    .privacy-btn-group .btn[b-68ys94q3it] {
        width: 100%;
        max-width: 18.75rem; /* 300px to rem */
    }
}
/* /Components/Pages/TermsOfService.razor.rz.scp.css */
body[b-uknjxni69h] {
}

/* ===== TERMS OF SERVICE PAGE SPECIFIC STYLES ===== */

/* Terms Info Preview in Hero */
.terms-info-preview[b-uknjxni69h] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.terms-highlight[b-uknjxni69h] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: rgba(255,255,255,0.1);
    border-radius: 0.75rem;
    backdrop-filter: blur(5px);
    border: 1px solid rgba(255,255,255,0.2);
    transition: all 0.3s ease;
}

.terms-highlight:hover[b-uknjxni69h] {
    background: rgba(255,255,255,0.15);
    transform: translateX(4px);
}

.terms-icon[b-uknjxni69h] {
    font-size: var(--text-xl);
    color: rgba(255,255,255,0.9);
    min-width: 2rem;
}

.terms-details h5[b-uknjxni69h] {
    margin: 0;
    font-size: var(--text-base);
    font-weight: 600;
}

.terms-details p[b-uknjxni69h] {
    margin: 0;
    font-size: var(--text-sm);
}

/* Terms of Service Content Sections */
.terms-principle[b-uknjxni69h] {
    padding: 1.5rem;
    background: linear-gradient(135deg, rgba(var(--aa-primary-rgb), 0.05) 0%, rgba(var(--aa-primary-rgb), 0.02) 100%);
    border-radius: 0.75rem;
    border-left: 4px solid var(--aa-primary);
    height: 100%;
    transition: all 0.3s ease;
}

.terms-principle:hover[b-uknjxni69h] {
    background: linear-gradient(135deg, rgba(var(--aa-primary-rgb), 0.08) 0%, rgba(var(--aa-primary-rgb), 0.04) 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(var(--aa-primary-rgb), 0.15);
}

.terms-subsection[b-uknjxni69h] {
    border-bottom: 1px solid rgba(var(--aa-primary-rgb), 0.1);
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
}

.terms-subsection:last-child[b-uknjxni69h] {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.terms-list[b-uknjxni69h] {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.terms-list li[b-uknjxni69h] {
    padding: 0.5rem 0;
    border-bottom: 1px solid rgba(var(--aa-medium-gray-rgb), 0.2);
    position: relative;
    padding-left: 1.5rem;
    font-size: var(--text-base);
    line-height: 1.6;
}

.terms-list li:last-child[b-uknjxni69h] {
    border-bottom: none;
}

.terms-list li[b-uknjxni69h]::before {
    content: '•';
    color: var(--aa-primary);
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0.5rem;
    font-size: var(--text-base);
}

/* Terms Acceptance Section */
.terms-acceptance-section[b-uknjxni69h] {
    background: rgba(var(--aa-success-rgb), 0.05);
    padding: 1.5rem;
    border-radius: 0.75rem;
    border-left: 4px solid var(--aa-success);
}

/* Artist Terms Notice - Special Styling */
.artist-terms-notice[b-uknjxni69h] {
    background: linear-gradient(135deg, rgba(var(--aa-accent-warm-rgb), 0.08) 0%, rgba(var(--aa-accent-warm-rgb), 0.03) 100%);
    padding: 2rem;
    border-radius: 1rem;
    border: 1px solid rgba(var(--aa-accent-warm-rgb), 0.2);
}

.artist-terms-cta[b-uknjxni69h] {
    text-align: center;
    padding: 1.5rem;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 0.75rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: all 0.3s ease;
}

.artist-terms-cta:hover[b-uknjxni69h] {
    background: rgba(255, 255, 255, 0.95);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(var(--aa-accent-warm-rgb), 0.2);
}

/* Acceptable Use Sections */
.acceptable-use-section[b-uknjxni69h] {
    padding: 1.5rem;
    background: linear-gradient(135deg, rgba(var(--aa-success-rgb), 0.05) 0%, rgba(var(--aa-success-rgb), 0.02) 100%);
    border-radius: 0.75rem;
    border: 1px solid rgba(var(--aa-success-rgb), 0.1);
    height: 100%;
    transition: all 0.3s ease;
}

.acceptable-use-section:hover[b-uknjxni69h] {
    background: linear-gradient(135deg, rgba(var(--aa-success-rgb), 0.08) 0%, rgba(var(--aa-success-rgb), 0.04) 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(var(--aa-success-rgb), 0.15);
}

.prohibited-use-section[b-uknjxni69h] {
    padding: 1.5rem;
    background: linear-gradient(135deg, rgba(var(--aa-danger-rgb), 0.05) 0%, rgba(var(--aa-danger-rgb), 0.02) 100%);
    border-radius: 0.75rem;
    border: 1px solid rgba(var(--aa-danger-rgb), 0.1);
    height: 100%;
    transition: all 0.3s ease;
}

.prohibited-use-section:hover[b-uknjxni69h] {
    background: linear-gradient(135deg, rgba(var(--aa-danger-rgb), 0.08) 0%, rgba(var(--aa-danger-rgb), 0.04) 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(var(--aa-danger-rgb), 0.15);
}

/* Content Rights Grid */
.content-rights-grid[b-uknjxni69h] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(18.75rem, 1fr)); /* 300px to rem */
    gap: 1rem;
}

.content-right-item[b-uknjxni69h] {
    padding: 1rem;
    background: rgba(var(--aa-accent-cool-rgb), 0.05);
    border-radius: 0.5rem;
    border-left: 3px solid var(--aa-accent-cool);
    transition: all 0.3s ease;
}

.content-right-item:hover[b-uknjxni69h] {
    background: rgba(var(--aa-accent-cool-rgb), 0.08);
    transform: translateX(4px);
    box-shadow: 0 2px 8px rgba(var(--aa-accent-cool-rgb), 0.15);
}

.content-right-item h6[b-uknjxni69h] {
    font-size: var(--text-base);
    margin-bottom: 0.5rem;
}

.content-right-item p[b-uknjxni69h] {
    font-size: var(--text-sm);
    margin-bottom: 0;
}

/* Privacy Highlights */
.privacy-highlights[b-uknjxni69h] {
    background: rgba(var(--aa-accent-cool-rgb), 0.05);
    padding: 1.5rem;
    border-radius: 0.75rem;
    border: 1px solid rgba(var(--aa-accent-cool-rgb), 0.1);
}

.privacy-highlight-item[b-uknjxni69h] {
    padding: 1rem;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 0.5rem;
    transition: all 0.3s ease;
}

.privacy-highlight-item:hover[b-uknjxni69h] {
    background: rgba(255, 255, 255, 0.9);
    transform: translateY(-2px);
    box-shadow: 0 2px 8px rgba(var(--aa-accent-cool-rgb), 0.1);
}

.privacy-highlight-item h5[b-uknjxni69h] {
    font-size: var(--text-lg);
    margin-bottom: 0.5rem;
}

.privacy-highlight-item p[b-uknjxni69h] {
    font-size: var(--text-base);
    margin-bottom: 0;
}

/* Termination Sections */
.termination-section[b-uknjxni69h] {
    padding: 1.5rem;
    background: rgba(var(--aa-light-rgb), 0.5);
    border-radius: 0.75rem;
    height: 100%;
    transition: all 0.3s ease;
}

.termination-section:hover[b-uknjxni69h] {
    background: rgba(var(--aa-light-rgb), 0.8);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(var(--aa-primary-rgb), 0.1);
}

.termination-section h5[b-uknjxni69h] {
    font-size: var(--text-lg);
    margin-bottom: 1rem;
}

.termination-section p[b-uknjxni69h] {
    font-size: var(--text-base);
    margin-bottom: 1rem;
}

/* Changes Process */
.changes-process[b-uknjxni69h] {
    background: rgba(var(--aa-info-rgb), 0.05);
    padding: 1.5rem;
    border-radius: 0.75rem;
    border-left: 4px solid var(--aa-info);
}

.changes-process h5[b-uknjxni69h] {
    font-size: var(--text-lg);
    margin-bottom: 1rem;
}

/* Contact Methods for Terms */
.contact-method-terms[b-uknjxni69h] {
    padding: 1.5rem;
    background: rgba(var(--aa-primary-rgb), 0.05);
    border-radius: 0.75rem;
    border: 1px solid rgba(var(--aa-primary-rgb), 0.1);
    height: 100%;
    transition: all 0.3s ease;
}

.contact-method-terms:hover[b-uknjxni69h] {
    background: rgba(var(--aa-primary-rgb), 0.08);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(var(--aa-primary-rgb), 0.15);
}

.contact-method-terms h5[b-uknjxni69h] {
    font-size: var(--text-lg);
    margin-bottom: 0.5rem;
}

.contact-method-terms p[b-uknjxni69h],
.contact-method-terms .aa-text-dark[b-uknjxni69h] {
    font-size: var(--text-base);
}

.contact-method-terms small[b-uknjxni69h] {
    font-size: var(--text-sm);
}

/* ===== RESPONSIVE DESIGN FOR TERMS PAGE ===== */
@media (max-width: 768px) {
    .terms-info-preview[b-uknjxni69h] {
        gap: 0.75rem;
    }
    
    .terms-highlight[b-uknjxni69h] {
        padding: 0.75rem;
        flex-direction: column;
        text-align: center;
        gap: 0.5rem;
    }
    
    .terms-icon[b-uknjxni69h] {
        font-size: var(--text-2xl);
    }
    
    .terms-principle[b-uknjxni69h] {
        padding: 1rem;
    }
    
    .artist-terms-notice[b-uknjxni69h] {
        padding: 1.5rem;
    }
    
    .artist-terms-cta[b-uknjxni69h] {
        padding: 1rem;
        margin-top: 1rem;
    }
    
    .acceptable-use-section[b-uknjxni69h],
    .prohibited-use-section[b-uknjxni69h] {
        padding: 1rem;
    }
    
    .content-rights-grid[b-uknjxni69h] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }
    
    .content-right-item[b-uknjxni69h] {
        padding: 0.75rem;
    }
    
    .privacy-highlights[b-uknjxni69h] {
        padding: 1rem;
    }
    
    .privacy-highlight-item[b-uknjxni69h] {
        padding: 0.75rem;
    }
    
    .termination-section[b-uknjxni69h] {
        padding: 1rem;
    }
    
    .changes-process[b-uknjxni69h] {
        padding: 1rem;
    }
    
    .contact-method-terms[b-uknjxni69h] {
        padding: 1rem;
    }
}

@media (max-width: 576px) {
    .terms-highlight[b-uknjxni69h] {
        padding: 0.5rem;
    }
    
    .terms-principle[b-uknjxni69h] {
        padding: 0.75rem;
    }
    
    .artist-terms-notice[b-uknjxni69h] {
        padding: 1rem;
    }
    
    .artist-terms-cta[b-uknjxni69h] {
        padding: 0.75rem;
    }
    
    .acceptable-use-section[b-uknjxni69h],
    .prohibited-use-section[b-uknjxni69h] {
        padding: 0.75rem;
    }
    
    .content-right-item[b-uknjxni69h] {
        padding: 0.5rem;
    }
    
    .privacy-highlight-item[b-uknjxni69h] {
        padding: 0.5rem;
    }
    
    .termination-section[b-uknjxni69h] {
        padding: 0.75rem;
    }
    
    .changes-process[b-uknjxni69h] {
        padding: 0.75rem;
    }
    
    .contact-method-terms[b-uknjxni69h] {
        padding: 0.75rem;
    }
}

/* Enhanced Terms Page Animations */
.terms-highlight[b-uknjxni69h],
.terms-principle[b-uknjxni69h],
.acceptable-use-section[b-uknjxni69h],
.prohibited-use-section[b-uknjxni69h],
.privacy-highlight-item[b-uknjxni69h],
.termination-section[b-uknjxni69h],
.contact-method-terms[b-uknjxni69h] {
    animation: fadeInUp-b-uknjxni69h 0.6s ease-out;
}

.terms-highlight:nth-child(1)[b-uknjxni69h] { animation-delay: 0.1s; }
.terms-highlight:nth-child(2)[b-uknjxni69h] { animation-delay: 0.2s; }
.terms-highlight:nth-child(3)[b-uknjxni69h] { animation-delay: 0.3s; }

@keyframes fadeInUp-b-uknjxni69h {
    from {
        opacity: 0;
        transform: translateY(1.25rem); /* 20px to rem */
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Enhanced Link Styling for Terms Page */
.aa-card-content a.aa-text-primary[b-uknjxni69h] {
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: all 0.2s ease;
}

.aa-card-content a.aa-text-primary:hover[b-uknjxni69h] {
    border-bottom-color: var(--aa-primary);
    color: var(--aa-primary-dark);
}

/* Section Dividers */
.aa-card + .aa-card[b-uknjxni69h] {
    margin-top: 2rem;
}

/* Enhanced Terms Typography */
.terms-subsection h4[b-uknjxni69h],
.acceptable-use-section h5[b-uknjxni69h],
.prohibited-use-section h5[b-uknjxni69h],
.privacy-highlight-item h5[b-uknjxni69h],
.termination-section h5[b-uknjxni69h] {
    letter-spacing: 0.03125rem; /* 0.5px to rem */
}

.terms-list li strong[b-uknjxni69h] {
    color: var(--aa-primary-dark);
}

/* Special Highlighting for Artist Terms Card */
.aa-card[style*="border-left: 4px solid var(--aa-accent-warm)"][b-uknjxni69h] {
    position: relative;
}

.aa-card[style*="border-left: 4px solid var(--aa-accent-warm)"][b-uknjxni69h]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--aa-accent-warm) 0%, var(--aa-accent-coral) 100%);
    border-radius: 1rem 1rem 0 0;
}

/* Terms Button Styling */
.terms-btn-group[b-uknjxni69h] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    justify-content: center;
}

.terms-btn-group .btn[b-uknjxni69h] {
    min-width: 9.375rem; /* 150px to rem */
}

@media (max-width: 576px) {
    .terms-btn-group[b-uknjxni69h] {
        flex-direction: column;
        align-items: center;
    }
    
    .terms-btn-group .btn[b-uknjxni69h] {
        width: 100%;
        max-width: 18.75rem; /* 300px to rem */
    }
}

/* Artist Terms CTA Enhancement */
.artist-terms-cta .aa-method-icon-wrapper[b-uknjxni69h] {
    background: var(--aa-gradient-warm);
    width: 4rem;
    height: 4rem;
    margin: 0 auto 1rem;
}

.artist-terms-cta .aa-method-icon[b-uknjxni69h] {
    font-size: var(--text-xl);
    color: white;
}

/* Hover Effects for Interactive Elements */
.content-right-item[b-uknjxni69h],
.privacy-highlight-item[b-uknjxni69h],
.artist-terms-cta[b-uknjxni69h] {
    cursor: default;
}

.content-right-item:hover[b-uknjxni69h],
.privacy-highlight-item:hover[b-uknjxni69h],
.artist-terms-cta:hover[b-uknjxni69h] {
    cursor: default;
}

/* Focus States for Accessibility */
.terms-highlight:focus[b-uknjxni69h],
.terms-principle:focus[b-uknjxni69h],
.acceptable-use-section:focus[b-uknjxni69h],
.prohibited-use-section:focus[b-uknjxni69h] {
    outline: 2px solid var(--aa-primary);
    outline-offset: 2px;
}

/* Print Styles for Terms Page */
@media print {
    .aa-hero[b-uknjxni69h],
    .aa-cta-section[b-uknjxni69h] {
        display: none;
    }
    
    .aa-card[b-uknjxni69h] {
        border: 1px solid #ccc;
        page-break-inside: avoid;
        margin-bottom: 1rem;
    }
    
    .terms-highlight[b-uknjxni69h],
    .terms-principle[b-uknjxni69h],
    .acceptable-use-section[b-uknjxni69h],
    .prohibited-use-section[b-uknjxni69h] {
        background: white !important;
        border: 1px solid #ddd;
    }
}

/* Privacy Alert Variations */
.aa-alert.light[b-uknjxni69h] {
    background: linear-gradient(135deg, rgba(var(--aa-medium-gray-rgb), 0.8) 0%, rgba(var(--aa-medium-gray-rgb), 0.6) 100%);
    color: var(--aa-dark);
    border-left: 4px solid var(--aa-primary);
}
/* /Components/Shared/Artworks/AddArtworkModal.razor.rz.scp.css */
/* /Components/Shared/FilterPanel/FilterPanel.razor.rz.scp.css */
/* ===== FILTER PANEL COMPONENT STYLES ===== */

/* Container for the entire filter panel */
.aa-filter-panel-container[b-a506ajbae7] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    width: 100%;
    max-width: 100%;
}

/* Individual filter cards */
.aa-filter-card[b-a506ajbae7] {
    background: white;
    border-radius: 0.75rem;
    border: 1px solid rgba(var(--aa-primary-rgb), 0.1);
    overflow: hidden;
    transition: all 0.3s var(--ease-out);
    box-shadow: var(--elevation-1);
}

.aa-filter-card:hover[b-a506ajbae7] {
    border-color: rgba(var(--aa-primary-rgb), 0.2);
    box-shadow: var(--elevation-2);
}

.aa-filter-card-body[b-a506ajbae7] {
    padding: 1rem;
}

/* Filter labels */
.aa-filter-label[b-a506ajbae7] {
    display: flex;
    align-items: center;
    font-weight: 600;
    color: var(--aa-primary);
    margin-bottom: 0.75rem;
    font-size: var(--text-xs);
}

/* Filter inputs - ALL form controls use --text-xs */
.aa-filter-input[b-a506ajbae7] {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid var(--aa-medium-gray);
    border-radius: 0.5rem;
    font-size: var(--text-xs);
    transition: all 0.2s ease;
    background-color: white;
    color: var(--aa-dark-gray);
}

.aa-filter-input:focus[b-a506ajbae7] {
    outline: none;
    border-color: var(--aa-primary);
    box-shadow: 0 0 0 3px rgba(var(--aa-primary-rgb), 0.1);
}

.aa-filter-input[b-a506ajbae7]::placeholder {
    color: rgba(var(--aa-dark-gray-rgb), 0.6);
    font-size: var(--text-xs);
}

.aa-filter-input-sm[b-a506ajbae7] {
    padding: 0.5rem 0.75rem;
    font-size: var(--text-xs);
}

/* Price input specific styles */
.aa-price-inputs[b-a506ajbae7] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
}

.aa-price-input-group[b-a506ajbae7] {
    display: flex;
    flex-direction: column;
}

.aa-price-range-display[b-a506ajbae7] {
    margin-top: 0.75rem;
    padding: 0.5rem;
    background: rgba(var(--aa-primary-rgb), 0.05);
    border-radius: 0.375rem;
    border: 1px solid rgba(var(--aa-primary-rgb), 0.1);
}

.aa-price-range-text[b-a506ajbae7] {
    color: var(--aa-dark-gray);
    font-size: var(--text-xs);
    display: flex;
    align-items: center;
    margin: 0;
}

/* Tag groups container */
.aa-tag-groups-container[b-a506ajbae7] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

/* Tag checkboxes */
.aa-tag-checkboxes[b-a506ajbae7] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.aa-tag-checkbox-item[b-a506ajbae7] {
    display: flex;
    align-items: center;
    padding: 0.25rem 0;
    transition: all 0.2s ease;
}

.aa-tag-checkbox-item:hover[b-a506ajbae7] {
    background: rgba(var(--aa-primary-rgb), 0.05);
    border-radius: 0.375rem;
    margin: 0 -0.25rem;
    padding: 0.25rem 0.25rem;
}

.aa-tag-checkbox-item .form-check-input[b-a506ajbae7] {
    margin-right: 0.75rem;
    flex-shrink: 0;
    cursor: pointer;
}

.aa-tag-checkbox-item .form-check-input:focus[b-a506ajbae7] {
    box-shadow: 0 0 0 3px rgba(var(--aa-primary-rgb), 0.1);
}

.aa-tag-checkbox-label[b-a506ajbae7] {
    font-size: var(--text-xs);
    color: var(--aa-dark-gray);
    cursor: pointer;
    user-select: none;
    line-height: 1.4;
    margin: 0;
    flex: 1;
}

.aa-tag-checkbox-label:hover[b-a506ajbae7] {
    color: var(--aa-primary);
}

/* Filter actions */
.aa-filter-actions[b-a506ajbae7] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 1rem;
    padding-top: 0.5rem;
    border-top: 1px solid rgba(var(--aa-primary-rgb), 0.1);
}

.aa-filter-action-btn[b-a506ajbae7] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem 0.5rem;
    border: none;
    border-radius: 0.5rem;
    font-weight: 600;
    font-size: var(--text-xs);
    cursor: pointer;
    transition: all 0.2s ease;
    text-wrap: nowrap;
    text-decoration: none;
    width: 100%;
    gap: 0.5rem;
}

.aa-filter-apply-btn[b-a506ajbae7] {
    background: var(--aa-gradient-primary);
    color: white;
    box-shadow: var(--elevation-2);
}

.aa-filter-apply-btn:hover[b-a506ajbae7] {
    transform: translateY(-2px);
    box-shadow: var(--elevation-3);
}

.aa-filter-clear-btn[b-a506ajbae7] {
    background: rgba(var(--aa-medium-gray-rgb), 0.1);
    color: var(--aa-dark-gray);
    border: 1px solid var(--aa-medium-gray);
}

.aa-filter-clear-btn:hover[b-a506ajbae7] {
    background: rgba(var(--aa-medium-gray-rgb), 0.2);
    border-color: var(--aa-primary);
    color: var(--aa-primary);
    transform: translateY(-1px);
}

.aa-filter-close-btn[b-a506ajbae7] {
    background: transparent;
    color: var(--aa-dark-gray);
    border: 1px solid var(--aa-medium-gray);
}

.aa-filter-close-btn:hover[b-a506ajbae7] {
    background: rgba(var(--aa-danger-rgb), 0.1);
    border-color: var(--aa-danger);
    color: var(--aa-danger);
    transform: translateY(-1px);
}

/* Responsive design - only go horizontal on larger screens where there's plenty of space */
@media (min-width: 992px) {

    .aa-filter-action-btn[b-a506ajbae7] {
        flex: 1;
    }
    
    .aa-filter-apply-btn[b-a506ajbae7] {
        flex: 2; /* Make apply button larger */
    }
}

@media (max-width: 576px) {
    .aa-filter-panel-container[b-a506ajbae7] {
        gap: 0.5rem;
    }
    
    .aa-filter-card-body[b-a506ajbae7] {
        padding: 0.75rem;
    }
    
    .aa-price-inputs[b-a506ajbae7] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }
    
    .aa-filter-label[b-a506ajbae7] {
        font-size: var(--text-xs);
        margin-bottom: 0.5rem;
    }
    
    .aa-filter-input[b-a506ajbae7] {
        padding: 0.5rem 0.75rem;
        font-size: var(--text-xs);
    }
    
    .aa-tag-checkbox-label[b-a506ajbae7] {
        font-size: var(--text-xs);
    }
    
    .aa-filter-action-btn[b-a506ajbae7] {
        padding: 0.625rem 0.75rem;
        font-size: var(--text-xs);
    }
}
/* /Components/Shared/SearchableArtworkSelect.razor.rz.scp.css */
/* ===== SEARCHABLE ARTWORK SELECT COMPONENT ===== */

.aa-searchable-select[b-m5s1xq3xhm] {
    position: relative;
}

.aa-search-controls .input-group-text[b-m5s1xq3xhm] {
    background-color: var(--aa-light);
    border-color: var(--aa-medium-gray);
    color: var(--aa-dark-gray);
}

.aa-search-controls input:focus[b-m5s1xq3xhm],
.aa-search-controls select:focus[b-m5s1xq3xhm] {
    border-color: var(--aa-primary);
    box-shadow: 0 0 0 3px rgba(var(--aa-primary-rgb), 0.1);
}

/* Dropdown Container */
.aa-dropdown-container[b-m5s1xq3xhm] {
    z-index: 1050;
}

.aa-dropdown-menu[b-m5s1xq3xhm] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: white;
    border: 1px solid var(--aa-medium-gray);
    border-radius: 0.5rem;
    box-shadow: 0 4px 12px rgba(var(--aa-primary-rgb), 0.15);
    max-height: 400px;
    overflow: hidden;
    z-index: 1051;
}

.aa-dropdown-header[b-m5s1xq3xhm] {
    padding: 0.5rem 1rem;
    background: var(--aa-light);
    border-bottom: 1px solid rgba(var(--aa-medium-gray-rgb), 0.3);
}

.aa-dropdown-scroll[b-m5s1xq3xhm] {
    max-height: 350px;
    overflow-y: auto;
}

.aa-dropdown-item[b-m5s1xq3xhm] {
    padding: 0.75rem 1rem;
    cursor: pointer;
    border-bottom: 1px solid rgba(var(--aa-medium-gray-rgb), 0.1);
    transition: all 0.2s ease;
}

.aa-dropdown-item:hover:not(.disabled)[b-m5s1xq3xhm] {
    background-color: rgba(var(--aa-primary-rgb), 0.05);
}

.aa-dropdown-item.selected[b-m5s1xq3xhm] {
    background-color: rgba(var(--aa-primary-rgb), 0.1);
    border-left: 3px solid var(--aa-primary);
}

.aa-dropdown-item.disabled[b-m5s1xq3xhm] {
    cursor: default;
    background-color: var(--aa-light);
    color: var(--aa-medium-gray);
}

.aa-dropdown-item:last-child[b-m5s1xq3xhm] {
    border-bottom: none;
}

/* Selected Artwork Display */
.aa-selected-artwork[b-m5s1xq3xhm] {
    animation: slideDown-b-m5s1xq3xhm 0.2s ease-out;
}

@keyframes slideDown-b-m5s1xq3xhm {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Dropdown Overlay */
.aa-dropdown-overlay[b-m5s1xq3xhm] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1049;
    background: transparent;
}

/* Responsive Design */
@media (max-width: 768px) {
    .aa-dropdown-menu[b-m5s1xq3xhm] {
        max-height: 300px;
    }
    
    .aa-dropdown-scroll[b-m5s1xq3xhm] {
        max-height: 250px;
    }
    
    .aa-dropdown-item[b-m5s1xq3xhm] {
        padding: 0.625rem;
    }
    
    .aa-search-controls .row[b-m5s1xq3xhm] {
        flex-direction: column;
        gap: 0.5rem;
    }
}
/* /Components/Shared/Tags/TagsDisplay.razor.rz.scp.css */
.tags-vertical[b-6dj62wf49d] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.tags-vertical .badge[b-6dj62wf49d] {
    margin-bottom: 0.25rem;
}
/* /Components/Shoppe/ArtworkDetail.razor.rz.scp.css */
/* ===== ARTWORK DETAIL PAGE STYLES ===== */

/* Breadcrumb styling */
.breadcrumb[b-n2oh4wd1uv] {
    background: transparent;
    padding: 0;
}

.breadcrumb-item a[b-n2oh4wd1uv] {
    font-weight: 500;
    transition: all 0.2s ease;
}

.breadcrumb-item a:hover[b-n2oh4wd1uv] {
    color: var(--aa-primary-dark) !important;
    text-decoration: underline !important;
}

.breadcrumb-item.active[b-n2oh4wd1uv] {
    color: var(--aa-dark-gray);
    font-weight: 600;
}

/* Compact Image Section */
.artwork-image-section[b-n2oh4wd1uv] {
    position: static; /* Remove sticky for compact layout */
}

.main-artwork-image[b-n2oh4wd1uv] {
    position: relative;
}

.artwork-image-container[b-n2oh4wd1uv] {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}

.artwork-image-container:hover .image-overlay-hint[b-n2oh4wd1uv] {
    opacity: 1;
}

.image-overlay-hint[b-n2oh4wd1uv] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.7);
    padding: 8px 12px;
    border-radius: 4px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.artwork-main-img[b-n2oh4wd1uv] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 8px;
    background: var(--aa-light);
}

.artwork-placeholder-large[b-n2oh4wd1uv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: var(--aa-light);
}

.artwork-status-badge[b-n2oh4wd1uv] {
    position: absolute;
    z-index: 10;
}

.artwork-status-badge .badge[b-n2oh4wd1uv] {
    font-size: 0.7rem;
    padding: 0.25rem 0.5rem;
    border-radius: 1rem;
    box-shadow: var(--elevation-1);
}

/* Additional images - Compact */
.additional-images h6[b-n2oh4wd1uv] {
    color: var(--aa-primary);
}

.additional-image[b-n2oh4wd1uv] {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.2s ease;
    border: 1px solid #dee2e6;
}

.additional-image:hover[b-n2oh4wd1uv] {
    border-color: var(--aa-primary);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    transform: scale(1.02);
}

.additional-image img[b-n2oh4wd1uv] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Compact Artwork Details Section */
.artwork-details-section[b-n2oh4wd1uv] {
    background: white;
}

.artwork-header[b-n2oh4wd1uv] {
    border-bottom: 1px solid var(--aa-light-gray);
}

.artist-info a[b-n2oh4wd1uv] {
    font-weight: 600;
    transition: all 0.2s ease;
}

.artist-info a:hover[b-n2oh4wd1uv] {
    color: var(--aa-accent-coral) !important;
    text-decoration: underline !important;
}

/* Compact Info Cards */
.info-card[b-n2oh4wd1uv] {
    background: #f8f9fa;
    border: 1px solid #dee2e6 !important;
    border-radius: 8px;
}

.detail-item[b-n2oh4wd1uv] {
    line-height: 1.2;
    margin-bottom: 0.25rem;
}

.detail-item:last-child[b-n2oh4wd1uv] {
    margin-bottom: 0;
}

/* ===== SHOPPING BAG INTEGRATION STYLES ===== */

/* Variant Cards */
.variants-grid[b-n2oh4wd1uv] {
    margin-top: 1rem;
}

.variant-card[b-n2oh4wd1uv] {
    transition: all var(--ease) 0.2s;
    position: relative;
    background: white;
    border-radius: 8px;
    box-shadow: var(--elevation-1);
}

.variant-card:hover[b-n2oh4wd1uv] {
    box-shadow: var(--elevation-2);
    transform: translateY(-2px);
}

.variant-card.border-success[b-n2oh4wd1uv] {
    border-left: 4px solid var(--aa-success) !important;
}

.variant-card.border-danger[b-n2oh4wd1uv] {
    border-left: 4px solid var(--aa-danger) !important;
    opacity: 0.7;
}

.variant-card.border-warning[b-n2oh4wd1uv] {
    border-left: 4px solid var(--aa-warning) !important;
    opacity: 0.8;
}

.variant-card.border-secondary[b-n2oh4wd1uv] {
    border-left: 4px solid var(--aa-medium-gray) !important;
    opacity: 0.6;
}

.variant-header h6[b-n2oh4wd1uv] {
    color: var(--aa-primary);
    font-size: var(--text-sm);
    line-height: 1.3;
}

.variant-price[b-n2oh4wd1uv] {
    border-bottom: 1px solid var(--aa-light-gray);
    padding-bottom: 0.5rem;
}

.variant-status .badge[b-n2oh4wd1uv] {
    font-size: 0.7rem;
    font-weight: 500;
}

.variant-actions[b-n2oh4wd1uv] {
    min-height: 120px; /* Consistent height for add to bag buttons */
}

.variant-contact button[b-n2oh4wd1uv] {
    font-size: 0.8rem;
    padding: 0.375rem 0.75rem;
}

.variant-shipping[b-n2oh4wd1uv] {
    border-top: 1px solid var(--aa-light-gray);
    padding-top: 0.5rem;
}

/* Success Toast Styling */
.toast-container .toast[b-n2oh4wd1uv] {
    min-width: 350px;
    max-width: 400px;
}

.toast-header.bg-success[b-n2oh4wd1uv] {
    background-color: var(--aa-success) !important;
}

.toast-body .btn[b-n2oh4wd1uv] {
    font-size: 0.8rem;
    padding: 0.25rem 0.75rem;
}

/* Enhanced alert styles for shopping bag */
.alert.alert-success[b-n2oh4wd1uv] {
    background-color: rgba(25, 135, 84, 0.1);
    border-color: var(--aa-success);
    color: #0f5132;
}

.alert.alert-warning[b-n2oh4wd1uv] {
    background-color: rgba(255, 193, 7, 0.1);
    border-color: var(--aa-warning);
    color: #664d03;
}

/* Badge improvements */
.aa-badge-success[b-n2oh4wd1uv] {
    background-color: var(--aa-success);
    color: white;
}

.aa-badge-warning[b-n2oh4wd1uv] {
    background-color: var(--aa-warning);
    color: var(--aa-dark);
}

/* ===== LEGACY STYLES (PRESERVED) ===== */

/* Compact Variants Table */
.variants-table-container[b-n2oh4wd1uv] {
    background: white;
    border-radius: 8px;
    border: 1px solid #dee2e6;
    overflow: hidden;
}

.variants-table[b-n2oh4wd1uv] {
    margin-bottom: 0;
}

.variants-table th[b-n2oh4wd1uv],
.variants-table td[b-n2oh4wd1uv] {
    padding: 0.4rem !important;
    vertical-align: middle;
    font-size: 0.8rem;
}

.variants-table th[b-n2oh4wd1uv] {
    background: var(--aa-dark-gray) !important;
    color: white;
    font-weight: 600;
    border: none;
}

.variants-table .btn-xs[b-n2oh4wd1uv] {
    font-size: 0.7rem;
    padding: 0.2rem 0.4rem;
    line-height: 1.2;
    min-width: auto;
}

.variant-options .badge[b-n2oh4wd1uv] {
    font-size: 0.65rem;
    padding: 0.15rem 0.4rem;
}

.variant-sku[b-n2oh4wd1uv] {
    font-size: 0.7rem !important;
    color: var(--aa-text-muted);
}

/* Compact Action Buttons */
.btn-group-vertical .btn[b-n2oh4wd1uv] {
    border-radius: 0.2rem;
    margin-bottom: 2px;
}

.btn-group-vertical .btn:last-child[b-n2oh4wd1uv] {
    margin-bottom: 0;
}

/* Compact Tags */
.artwork-tags .badge[b-n2oh4wd1uv] {
    font-size: 0.7rem;
    padding: 0.2rem 0.5rem;
    border-radius: 0.75rem;
    font-weight: 500;
    transition: all 0.2s ease;
}

.artwork-tags .badge:hover[b-n2oh4wd1uv] {
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Compact Related Artworks */
.related-artworks-section .aa-card[b-n2oh4wd1uv] {
    transition: all 0.2s var(--ease-out);
    cursor: pointer;
}

.related-artworks-section .aa-card:hover[b-n2oh4wd1uv] {
    transform: translateY(-2px);
    box-shadow: var(--elevation-2) !important;
}

.related-artworks-section .aa-card-image img[b-n2oh4wd1uv] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.2s ease;
}

.related-artworks-section .aa-card:hover .aa-card-image img[b-n2oh4wd1uv] {
    transform: scale(1.05);
}

.related-artworks-section .aa-card-overlay[b-n2oh4wd1uv] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(var(--aa-primary-rgb), 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.related-artworks-section .aa-card:hover .aa-card-overlay[b-n2oh4wd1uv] {
    opacity: 1;
}

.related-artworks-section .aa-card-icon[b-n2oh4wd1uv] {
    font-size: 1.2rem;
    color: white;
    transform: scale(0.9);
    transition: transform 0.2s ease;
}

.related-artworks-section .aa-card:hover .aa-card-icon[b-n2oh4wd1uv] {
    transform: scale(1);
}

/* Fullscreen Image Modal */
.modal-fullscreen .modal-body[b-n2oh4wd1uv] {
    padding: 0;
}

.modal-fullscreen .btn-close[b-n2oh4wd1uv] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 1070;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
}

.modal-fullscreen .modal-footer[b-n2oh4wd1uv] {
    background: rgba(0, 0, 0, 0.7);
    border: none;
}

/* Responsive design */
@media (max-width: 991.98px) {
    .artwork-image-section[b-n2oh4wd1uv] {
        margin-bottom: 1rem;
    }
    
    .info-card[b-n2oh4wd1uv] {
        padding: 0.75rem !important;
    }
    
    .variants-grid .col-lg-6[b-n2oh4wd1uv] {
        margin-bottom: 1rem;
    }
    
    .variant-card[b-n2oh4wd1uv] {
        margin-bottom: 1rem;
    }
}

@media (max-width: 767.98px) {
    .variants-table th[b-n2oh4wd1uv],
    .variants-table td[b-n2oh4wd1uv] {
        padding: 0.3rem !important;
        font-size: 0.75rem;
    }
    
    .btn-xs[b-n2oh4wd1uv] {
        font-size: 0.65rem !important;
        padding: 0.15rem 0.3rem !important;
    }
    
    .variant-options .badge[b-n2oh4wd1uv] {
        font-size: 0.6rem;
        padding: 0.1rem 0.3rem;
    }
    
    .artwork-image-container[b-n2oh4wd1uv] {
        height: 250px !important;
    }
    
    .toast-container[b-n2oh4wd1uv] {
        position: fixed !important;
        top: 80px !important;
        right: 10px !important;
        left: 10px !important;
    }
    
    .toast-container .toast[b-n2oh4wd1uv] {
        min-width: auto;
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .artwork-image-container[b-n2oh4wd1uv] {
        height: 200px !important;
    }
    
    .info-card[b-n2oh4wd1uv] {
        padding: 0.5rem !important;
    }
    
    .variants-table th[b-n2oh4wd1uv],
    .variants-table td[b-n2oh4wd1uv] {
        padding: 0.25rem !important;
        font-size: 0.7rem;
    }
    
    .btn-xs[b-n2oh4wd1uv] {
        font-size: 0.6rem !important;
        padding: 0.1rem 0.25rem !important;
    }
    
    .related-artworks-section .aa-card-image[b-n2oh4wd1uv] {
        height: 100px !important;
    }
    
    .variants-grid .row[b-n2oh4wd1uv] {
        margin: 0 -5px;
    }
    
    .variants-grid .col-lg-6[b-n2oh4wd1uv],
    .variants-grid .col-xl-4[b-n2oh4wd1uv] {
        padding: 0 5px;
    }
    
    .variant-card[b-n2oh4wd1uv] {
        padding: 1rem !important;
    }
    
    .variant-actions[b-n2oh4wd1uv] {
        min-height: auto;
    }
}

/* Loading states */
.artwork-loading[b-n2oh4wd1uv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
}

/* Print styles */
@media print {
    .action-buttons[b-n2oh4wd1uv],
    .related-artworks-section[b-n2oh4wd1uv],
    .breadcrumb[b-n2oh4wd1uv],
    .image-overlay-hint[b-n2oh4wd1uv],
    .additional-images[b-n2oh4wd1uv],
    .variant-actions[b-n2oh4wd1uv],
    .variant-contact[b-n2oh4wd1uv],
    .toast-container[b-n2oh4wd1uv] {
        display: none !important;
    }
    
    .artwork-image-container[b-n2oh4wd1uv] {
        height: auto !important;
        max-height: 300px;
    }
    
    .info-card[b-n2oh4wd1uv] {
        border: 1px solid #ccc !important;
        box-shadow: none;
        page-break-inside: avoid;
    }
    
    .variants-table-container[b-n2oh4wd1uv] {
        page-break-inside: avoid;
    }
    
    .variant-card[b-n2oh4wd1uv] {
        break-inside: avoid;
        page-break-inside: avoid;
    }
}

/* Accessibility improvements */
@media (prefers-reduced-motion: reduce) {
    .variant-card[b-n2oh4wd1uv],
    .additional-image[b-n2oh4wd1uv],
    .image-overlay-hint[b-n2oh4wd1uv] {
        transition: none;
    }
    
    .variant-card:hover[b-n2oh4wd1uv],
    .additional-image:hover[b-n2oh4wd1uv] {
        transform: none;
    }
}

/* High contrast mode */
@media (prefers-contrast: high) {
    .variant-card[b-n2oh4wd1uv] {
        border-width: 2px !important;
    }
    
    .variant-card.border-success[b-n2oh4wd1uv],
    .variant-card.border-danger[b-n2oh4wd1uv],
    .variant-card.border-warning[b-n2oh4wd1uv],
    .variant-card.border-secondary[b-n2oh4wd1uv] {
        border-left-width: 6px !important;
    }
}
/* /Components/Shoppe/Index.razor.rz.scp.css */
/* Shoppe-specific styles that aren't covered by site-global.css */

/* ===== SHOPPE/MARKETPLACE SPECIFIC STYLES ===== */

/* Hero Section Styling - Specific to Shoppe */
.aa-shoppe-hero-row[b-1xm49qf87o] {
    padding: var(--spacing-sm) 0 !important;
}

.aa-shoppe-hero-content[b-1xm49qf87o] {
    padding: var(--spacing-sm) 0 !important;
}

.aa-shoppe-hero-title[b-1xm49qf87o] {
    margin-bottom: var(--spacing-xxs) !important;
}

.aa-shoppe-hero-subtitle[b-1xm49qf87o] {
    margin-bottom: var(--spacing-xxs) !important;
}

.aa-shoppe-hero-actions[b-1xm49qf87o] {
    margin-top: var(--spacing-sm) !important;
}

.aa-shoppe-browse-btn[b-1xm49qf87o] {
    padding: var(--spacing-xxs) var(--spacing-sm) !important;
}

.aa-shoppe-gallery-btn[b-1xm49qf87o] {
    padding: var(--spacing-xxs) var(--spacing-sm) !important;
}

.aa-shoppe-btn-icon[b-1xm49qf87o] {
    font-size: var(--text-xs);
}

/* Featured Container Styling */
.aa-shoppe-featured-container[b-1xm49qf87o] {
    height: 0px !important; /* This specific height requirement stays for layout */
    padding: var(--spacing-xxs) !important;
}

.aa-shoppe-loading-spinner[b-1xm49qf87o] {
    width: var(--spacing-lg);
    height: var(--spacing-lg);
}

.aa-shoppe-no-items-icon[b-1xm49qf87o] {
    font-size: var(--text-2xl);
}

/* Search Input Styling */
.aa-shoppe-search-input[b-1xm49qf87o] {
    min-width: 200px; /* Specific layout requirement */
}

/* Filter Badge Icons */
.aa-filter-badge-icon[b-1xm49qf87o] {
    font-size: var(--text-xs);
}

/* Tag-specific filter badge (keeps the inline style for background color) */
.aa-filter-badge-tag[b-1xm49qf87o] {
    /* Background gradient applied via inline style for dynamic colors */
}

/* No Results Icon */
.aa-no-results-icon[b-1xm49qf87o] {
    font-size: var(--text-4xl);
}

/* Artwork Tag Badge */
.aa-artwork-tag-badge[b-1xm49qf87o] {
    /* Background color applied via inline style for dynamic colors */
}

/* Filter Offcanvas */
.aa-shoppe-filter-offcanvas[b-1xm49qf87o] {
    margin-top: 4.5em; /* Specific layout requirement for fixed nav */
}

/* Marketplace Toolbar */
.aa-marketplace-toolbar[b-1xm49qf87o] {
    background: white;
    border-radius: var(--spacing-base);
    padding: var(--spacing-sm);
    box-shadow: var(--elevation-2);
    border: 1px solid rgba(var(--aa-primary-rgb), 0.1);
}

.toolbar-left h3[b-1xm49qf87o] {
    margin: 0;
    white-space: nowrap;
}

.toolbar-right[b-1xm49qf87o] {
    flex-shrink: 0;
}

    .toolbar-right .d-flex[b-1xm49qf87o] {
        flex-wrap: nowrap;
        min-width: max-content;
    }

.search-section[b-1xm49qf87o] {
    margin-bottom: var(--spacing-base);
}

.aa-search-input[b-1xm49qf87o] {
    border: 2px solid var(--aa-light-gray);
    border-radius: var(--spacing-sm) 0 0 var(--spacing-sm);
    padding: var(--spacing-xxs) var(--spacing-sm);
    font-size: var(--text-xs);
    transition: all 0.3s ease;
}

.aa-search-input:focus[b-1xm49qf87o] {
    border-color: var(--aa-primary);
    box-shadow: 0 0 0 3px rgba(var(--aa-primary-rgb), 0.1);
    outline: none;
}

.aa-search-input + .btn[b-1xm49qf87o] {
    border-radius: 0 var(--spacing-sm) var(--spacing-sm) 0;
    border: 2px solid var(--aa-primary);
    border-left: none;
    padding: var(--spacing-xxs) var(--spacing-sm);
}

.filter-section[b-1xm49qf87o] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-base);
    align-items: end;
}

.price-filter[b-1xm49qf87o],
.sort-filter[b-1xm49qf87o] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xxs);
}

.price-filter input[b-1xm49qf87o],
.sort-filter select[b-1xm49qf87o] {
    border: 1px solid var(--aa-medium-gray);
    border-radius: var(--spacing-sm);
    padding: var(--spacing-xs) var(--spacing-sm);
    transition: all 0.2s ease;
}

.price-filter input:focus[b-1xm49qf87o],
.sort-filter select:focus[b-1xm49qf87o] {
    border-color: var(--aa-primary);
    box-shadow: 0 0 0 2px rgba(var(--aa-primary-rgb), 0.1);
    outline: none;
}

/* ===== FEATURED ITEMS CAROUSEL - FADE APPROACH ===== */

/* Main carousel container - RESPONSIVE */
.aa-featured-artwork-carousel[b-1xm49qf87o] {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: var(--spacing-base);
    background: linear-gradient(135deg, var(--aa-primary) 0%, var(--aa-secondary) 100%);
}

/* Hero image container - RESPONSIVE SIZING */
.aa-hero-image[b-1xm49qf87o] {
    width: 100%;
    min-height: 200px; /* Base minimum height for functionality */
}

/* Carousel wrapper */
.carousel-container[b-1xm49qf87o] {
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

/* Individual artwork slides - FADE APPROACH */
.featured-artwork-slide[b-1xm49qf87o] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.8s ease-in-out;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Active slide is visible */
.featured-artwork-slide.active[b-1xm49qf87o] {
    opacity: 1;
    z-index: 2;
}

/* Next slide preparing to show */
.featured-artwork-slide.next[b-1xm49qf87o] {
    z-index: 1;
}

.featured-artwork-slide:hover[b-1xm49qf87o] {
    z-index: 10;
}

/* Image container - PROPERLY CONSTRAINED */
.artwork-image-container[b-1xm49qf87o] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    /* Force container to use available space */
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    overflow: hidden;
}

/* The actual images - CLEAN MINIMAL LOOK WITHOUT SHADOWS */
.featured-artwork-image[b-1xm49qf87o] {
    /* Force all images to fill the container properly */
    width: calc(100% - var(--spacing-sm));
    height: calc(100% - var(--spacing-sm));

    object-fit: contain;
    object-position: center center;
    border-radius: var(--spacing-sm);
    background: linear-gradient(135deg, var(--aa-primary) 0%, var(--aa-secondary) 100%);
    padding: 0;
    border: 0;
    display: block;
    transition: all 0.3s ease;
    position: relative;
    z-index: 1;
}

.featured-artwork-slide:hover .featured-artwork-image[b-1xm49qf87o] {
    transform: scale(1.03);
    /* Slightly brighter border on hover */
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25);
}

/* Details overlay - TOP POSITION, SHOW ON HOVER */
.artwork-details-overlay[b-1xm49qf87o] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: linear-gradient(rgba(0, 0, 0, 0.8), transparent);
    padding: var(--spacing-base) var(--spacing-base) var(--spacing-2xl);
    transform: translateY(-100%);
    transition: transform 0.3s ease;
    z-index: 15;
}

.featured-artwork-slide:hover .artwork-details-overlay[b-1xm49qf87o] {
    transform: translateY(0);
}

/* Actions overlay - BOTTOM POSITION, ALWAYS VISIBLE ON HOVER */
.artwork-info-overlay[b-1xm49qf87o] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
    padding: var(--spacing-2xl) var(--spacing-base) var(--spacing-sm);
    transform: translateY(100%);
    transition: transform 0.3s ease;
    z-index: 15;
}

.featured-artwork-slide:hover .artwork-info-overlay[b-1xm49qf87o] {
    transform: translateY(0);
}

/* Smaller text sizes for details */
.artwork-details[b-1xm49qf87o] {
    margin-bottom: 0;
}

.artwork-title[b-1xm49qf87o] {
    font-size: var(--text-sm);
    line-height: 1.2;
    margin-bottom: var(--spacing-xxs);
}

.artist-name[b-1xm49qf87o] {
    font-size: var(--text-xs);
    margin-bottom: var(--spacing-xxs);
}

.item-price[b-1xm49qf87o] {
    font-size: var(--text-sm);
    font-weight: 600;
    color: #4ade80; /* Green for price */
}

.theme-tag[b-1xm49qf87o] {
    display: inline-flex;
    align-items: center;
    padding: var(--spacing-xxs) var(--spacing-xs);
    background: rgba(255, 255, 255, 0.2);
    border-radius: var(--spacing-xs);
    font-size: var(--text-xxs);
    color: white;
    backdrop-filter: blur(4px);
}

/* Actions section - compact */
.artwork-actions[b-1xm49qf87o] {
    margin-top: 0;
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    flex-wrap: wrap;
}

.artwork-actions .btn[b-1xm49qf87o] {
    font-size: var(--text-xs);
    padding: var(--spacing-xxs) var(--spacing-sm);
    border-radius: var(--spacing-xs);
}

/* Carousel controls */
.carousel-controls[b-1xm49qf87o] {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    padding: 0 var(--spacing-base);
    pointer-events: none;
    z-index: 30;
}

.carousel-control[b-1xm49qf87o] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem; /* Specific size needed for circular buttons */
    height: 2.5rem;
    background: rgba(0, 0, 0, 0.5);
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    color: white;
    cursor: pointer;
    transition: all 0.3s ease;
    pointer-events: auto;
    outline: none;
}

.carousel-control:hover[b-1xm49qf87o],
.carousel-control:focus[b-1xm49qf87o] {
    background: rgba(0, 0, 0, 0.8);
    border-color: rgba(255, 255, 255, 0.6);
    transform: scale(1.1);
}

/* Carousel indicators */
.carousel-indicators[b-1xm49qf87o] {
    position: absolute;
    bottom: var(--spacing-base);
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: var(--spacing-sm);
    z-index: 30;
}

.indicator[b-1xm49qf87o] {
    width: var(--spacing-sm);
    height: var(--spacing-sm);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.4);
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    outline: none;
}

.indicator:hover[b-1xm49qf87o],
.indicator:focus[b-1xm49qf87o] {
    background: rgba(255, 255, 255, 0.7);
    transform: scale(1.2);
}

.indicator.active[b-1xm49qf87o] {
    background: white;
    transform: scale(1.3);
}

/* Loading states */
.aa-featured-loading[b-1xm49qf87o],
.aa-featured-error[b-1xm49qf87o],
.aa-no-featured-artworks[b-1xm49qf87o] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, var(--aa-primary) 0%, var(--aa-secondary) 100%);
    border-radius: var(--spacing-base);
}

/* Legacy Featured Artwork Carousel in Hero (for backward compatibility) */
.featured-artwork-carousel[b-1xm49qf87o] {
    position: relative;
    height: 100%;
    min-height: 300px;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
}

.featured-item[b-1xm49qf87o] {
    position: relative;
    flex: 1;
    min-height: 100px;
    border-radius: var(--spacing-sm);
    overflow: hidden;
    cursor: pointer;
    transition: all 0.3s var(--ease-out);
    background: rgba(255,255,255,0.1);
    backdrop-filter: blur(10px);
}

.featured-item:hover[b-1xm49qf87o] {
    transform: translateY(-4px) scale(1.02);
    box-shadow: 0 8px 25px rgba(0,0,0,0.2);
}

.featured-artwork-img[b-1xm49qf87o] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.featured-item:hover .featured-artwork-img[b-1xm49qf87o] {
    transform: scale(1.1);
}

/* Enhanced artwork overlay for legacy carousel */
.artwork-overlay[b-1xm49qf87o] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, rgba(0,0,0,0.8));
    color: white;
    padding: var(--spacing-base);
    transform: translateY(100%);
    transition: transform 0.3s ease;
}

.featured-item:hover .artwork-overlay[b-1xm49qf87o] {
    transform: translateY(0);
}

/* Legacy artwork preview styles (keep for backward compatibility) */
.featured-artwork-preview[b-1xm49qf87o] {
    position: relative;
    border-radius: var(--spacing-base);
    overflow: hidden;
    background: rgba(255,255,255,0.1);
    backdrop-filter: blur(10px);
    padding: var(--spacing-base);
}

.featured-artwork-preview .artwork-overlay[b-1xm49qf87o] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, rgba(0,0,0,0.7));
    padding: var(--spacing-2xl) var(--spacing-base) var(--spacing-base);
    transform: none; /* Don't hide by default for legacy */
}

.artwork-info h5[b-1xm49qf87o] {
    font-size: var(--text-lg);
}

.artwork-info p[b-1xm49qf87o] {
    font-size: var(--text-base);
}

/* Marketplace Grid Items */
.marketplace-item[b-1xm49qf87o] {
    transition: all 0.3s var(--ease-out);
    cursor: pointer;
}

.marketplace-item:hover[b-1xm49qf87o] {
    transform: translateY(-8px);
    box-shadow: var(--elevation-4) !important;
}

.marketplace-item .aa-card-image[b-1xm49qf87o] {
    height: 250px; /* Specific layout requirement */
    position: relative;
    overflow: hidden;
}

.marketplace-item .aa-card-image img[b-1xm49qf87o] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.marketplace-item:hover .aa-card-image img[b-1xm49qf87o] {
    transform: scale(1.1);
}

.marketplace-item .aa-card-badge[b-1xm49qf87o] {
    position: absolute;
    top: var(--spacing-sm);
    left: var(--spacing-sm);
    z-index: 10;
}

.marketplace-item .aa-card-overlay[b-1xm49qf87o] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(var(--aa-primary-rgb), 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.marketplace-item:hover .aa-card-overlay[b-1xm49qf87o] {
    opacity: 1;
}

.marketplace-item .aa-card-icon[b-1xm49qf87o] {
    font-size: var(--text-2xl);
    color: white;
    transform: scale(0.8);
    transition: transform 0.3s ease;
}

.marketplace-item:hover .aa-card-icon[b-1xm49qf87o] {
    transform: scale(1);
}

/* Marketplace Item Content */
.marketplace-item .aa-card-stats[b-1xm49qf87o] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--spacing-sm);
}

.price-display[b-1xm49qf87o] {
    font-size: var(--text-xl);
    font-weight: 700;
}

.availability-status[b-1xm49qf87o] {
    display: flex;
    align-items: center;
    font-weight: 600;
}

.artwork-tags[b-1xm49qf87o] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-xs);
}

.artwork-tags .badge[b-1xm49qf87o] {
    font-size: var(--text-xxs);
    padding: var(--spacing-xxs) var(--spacing-sm);
    border-radius: var(--spacing-base);
}

/* Active Filters Bar */
.aa-active-filters-bar[b-1xm49qf87o] {
    background: white;
    border-radius: var(--spacing-sm);
    padding: var(--spacing-base);
    box-shadow: var(--elevation-1);
    border: 1px solid rgba(var(--aa-primary-rgb), 0.1);
}

.aa-filter-badge[b-1xm49qf87o] {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-sm);
    background: var(--aa-gradient-primary);
    color: white;
    padding: var(--spacing-xs) var(--spacing-sm);
    border-radius: var(--spacing-2xl);
    font-size: var(--text-sm);
    font-weight: 500;
    transition: all 0.2s ease;
}

.aa-filter-badge:hover[b-1xm49qf87o] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(var(--aa-primary-rgb), 0.3);
}

.aa-filter-badge-close[b-1xm49qf87o] {
    background: rgba(255, 255, 255, 0.2);
    border: none;
    border-radius: 50%;
    width: 20px; /* Specific size needed for close button */
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    padding: 0;
    color: white;
    font-size: var(--text-xxs);
    margin-left: var(--spacing-xs);
    flex-shrink: 0;
}

.aa-filter-badge-close:hover[b-1xm49qf87o] {
    background: rgba(255, 255, 255, 0.3);
    transform: rotate(90deg);
}

/* Results Summary */
.aa-results-summary[b-1xm49qf87o] {
    background: white;
    border-radius: var(--spacing-sm);
    padding: var(--spacing-sm) var(--spacing-base);
    display: inline-flex;
    align-items: center;
    box-shadow: var(--elevation-1);
    border: 1px solid rgba(var(--aa-primary-rgb), 0.1);
    color: var(--aa-primary);
    font-weight: 600;
}

/* No Results Card */
.aa-no-results-card[b-1xm49qf87o] {
    background: white;
    border-radius: var(--spacing-xl);
    padding: var(--spacing-3xl) var(--spacing-2xl);
    text-align: center;
    border: 2px dashed var(--aa-medium-gray);
    background: linear-gradient(135deg, var(--aa-light) 0%, white 100%);
}

/* Pagination Styling */
.pagination[b-1xm49qf87o] {
    margin-top: var(--spacing-2xl);
}

.pagination .page-link[b-1xm49qf87o] {
    color: var(--aa-primary);
    border: 1px solid var(--aa-medium-gray);
    border-radius: var(--spacing-sm);
    margin: 0 var(--spacing-xxs);
    padding: var(--spacing-sm) var(--spacing-sm);
    transition: all 0.2s ease;
}

.pagination .page-link:hover[b-1xm49qf87o] {
    background-color: var(--aa-primary);
    color: white;
    border-color: var(--aa-primary);
    transform: translateY(-2px);
}

.pagination .page-item.active .page-link[b-1xm49qf87o] {
    background-color: var(--aa-primary);
    border-color: var(--aa-primary);
    color: white;
}

.pagination .page-item.disabled .page-link[b-1xm49qf87o] {
    color: var(--aa-medium-gray);
    cursor: not-allowed;
}

/* Legacy Artist Badge and Stats (keep for backward compatibility) */
.artist-badge[b-1xm49qf87o] {
    position: absolute;
    top: var(--spacing-base);
    left: var(--spacing-base);
    background: rgba(255,255,255,0.9);
    border-radius: 50%;
    width: 40px; /* Specific layout requirement */
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(10px);
}

.artist-stats[b-1xm49qf87o] {
    margin-bottom: var(--spacing-sm);
}

.artist-stats .stat[b-1xm49qf87o] {
    font-size: var(--text-sm);
}

.price-range[b-1xm49qf87o] {
    font-weight: 600;
    font-size: var(--text-base);
}

/* Loading States */
.marketplace-item.loading[b-1xm49qf87o] {
    opacity: 0.6;
    pointer-events: none;
}

.marketplace-item.loading[b-1xm49qf87o]::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: var(--spacing-2xl);
    height: var(--spacing-2xl);
    border: 2px solid var(--aa-light-gray);
    border-top: 2px solid var(--aa-primary);
    border-radius: 50%;
    animation: spin-b-1xm49qf87o 1s linear infinite;
    z-index: 100;
}

@keyframes spin-b-1xm49qf87o {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}

/* Enhanced hover effects for marketplace cards */
.marketplace-item .aa-card-content[b-1xm49qf87o] {
    position: relative;
    transition: all 0.3s ease;
}

.marketplace-item:hover .aa-card-content[b-1xm49qf87o] {
    transform: translateY(-2px);
}

/* Featured carousel enhancements */
.aa-featured-artwork-carousel[b-1xm49qf87o] {
    animation: fadeIn-b-1xm49qf87o 0.8s ease-in-out;
}

@keyframes fadeIn-b-1xm49qf87o {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ===== PAGE-SPECIFIC RESPONSIVE DESIGN FOR SHOPPE ===== */
@media (max-width: 768px) {
    .aa-marketplace-toolbar .d-flex.justify-content-between[b-1xm49qf87o] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-base);
    }

    .toolbar-right[b-1xm49qf87o] {
        width: 100%;
    }

        .toolbar-right .d-flex[b-1xm49qf87o] {
            flex-wrap: wrap;
            justify-content: flex-start;
            width: 100%;
        }
    
    .filter-section[b-1xm49qf87o] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .price-filter .d-flex[b-1xm49qf87o] {
        flex-direction: column;
        gap: var(--spacing-sm);
    }
    
    .price-filter input[b-1xm49qf87o] {
        width: 100% !important;
    }
    
    .marketplace-item .aa-card-stats[b-1xm49qf87o] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-sm);
    }
    
    .price-display[b-1xm49qf87o] {
        font-size: var(--text-lg);
    }
    
    .featured-artwork-carousel[b-1xm49qf87o] {
        min-height: 200px;
    }
    
    .featured-item[b-1xm49qf87o] {
        min-height: 60px;
    }
    
    .artwork-overlay[b-1xm49qf87o] {
        padding: var(--spacing-sm);
    }

    /* Mobile carousel adjustments */
    .aa-hero-image[b-1xm49qf87o] {
        min-height: 300px;
        aspect-ratio: 3/2;
    }
    
    .carousel-controls[b-1xm49qf87o] {
        padding: 0 var(--spacing-sm);
    }
    
    .carousel-control[b-1xm49qf87o] {
        width: 2rem;
        height: 2rem;
    }
    
    .carousel-indicators[b-1xm49qf87o] {
        bottom: var(--spacing-sm);
        gap: var(--spacing-xs);
    }
    
    .indicator[b-1xm49qf87o] {
        width: var(--spacing-xs);
        height: var(--spacing-xs);
    }
}

@media (max-width: 576px) {
    .aa-marketplace-toolbar[b-1xm49qf87o] {
        padding: var(--spacing-sm);
    }

    .toolbar-right .d-flex[b-1xm49qf87o] {
        flex-direction: column;
        align-items: stretch;
        gap: var(--spacing-sm);
    }

        .toolbar-right .d-flex > div[b-1xm49qf87o] {
            width: 100%;
        }
    
    .search-section .input-group[b-1xm49qf87o] {
        flex-direction: column;
    }
    
    .aa-search-input[b-1xm49qf87o] {
        border-radius: var(--spacing-sm);
        margin-bottom: var(--spacing-sm);
    }
    
    .aa-search-input + .btn[b-1xm49qf87o] {
        border-radius: var(--spacing-sm);
        border: 2px solid var(--aa-primary);
        width: 100%;
    }
    
    .filter-section[b-1xm49qf87o] {
        gap: var(--spacing-sm);
    }
    
    .aa-active-filters-bar[b-1xm49qf87o] {
        padding: var(--spacing-sm);
    }
    
    .aa-filter-badge[b-1xm49qf87o] {
        font-size: var(--text-xs);
        padding: var(--spacing-xxs) var(--spacing-sm);
    }
    
    .aa-results-summary[b-1xm49qf87o] {
        padding: var(--spacing-sm) var(--spacing-sm);
        font-size: var(--text-sm);
    }
    
    .marketplace-item .aa-card-image[b-1xm49qf87o] {
        height: 200px;
    }
    
    .price-display[b-1xm49qf87o] {
        font-size: var(--text-base);
    }
    
    .pagination .page-link[b-1xm49qf87o] {
        padding: var(--spacing-xs) var(--spacing-sm);
        font-size: var(--text-sm);
    }

    /* Very small mobile carousel */
    .aa-hero-image[b-1xm49qf87o] {
        min-height: 250px;
    }
    
    .featured-artwork-image[b-1xm49qf87o] {
        width: calc(100% - var(--spacing-base));
        height: calc(100% - var(--spacing-base));
        margin: var(--spacing-sm);
    }
    
    .artwork-details-overlay[b-1xm49qf87o],
    .artwork-info-overlay[b-1xm49qf87o] {
        padding: var(--spacing-sm) var(--spacing-sm) var(--spacing-base);
    }
    
    .artwork-title[b-1xm49qf87o] {
        font-size: var(--text-xs);
    }
    
    .artist-name[b-1xm49qf87o],
    .item-price[b-1xm49qf87o] {
        font-size: var(--text-xxs);
    }
}
/* /Components/ShoppingBag/AddToBagButton.razor.rz.scp.css */
/* Add to Bag Button Component Styles */
.aa-add-to-bag-component[b-m2yaopkvse] {
    max-width: 400px;
}

.aa-quantity-section[b-m2yaopkvse] {
    margin-bottom: 1rem;
}

.aa-quantity-input[b-m2yaopkvse] {
    max-width: 140px;
}

.aa-quantity-input .btn[b-m2yaopkvse] {
    width: 45px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-color: var(--aa-primary);
    color: var(--aa-primary);
    transition: all var(--ease) 0.2s;
}

.aa-quantity-input .btn:hover:not(:disabled)[b-m2yaopkvse] {
    background-color: var(--aa-primary);
    color: white;
    transform: translateY(-1px);
}

.aa-quantity-input .form-control[b-m2yaopkvse] {
    border-color: var(--aa-primary);
    font-weight: 600;
    color: var(--aa-primary);
}

.aa-quantity-input .form-control:focus[b-m2yaopkvse] {
    border-color: var(--aa-primary);
    box-shadow: 0 0 0 0.2rem rgba(127, 112, 155, 0.25);
}

.aa-add-to-bag-btn[b-m2yaopkvse] {
    background: var(--aa-gradient-primary);
    border: none;
    font-weight: 600;
    letter-spacing: 0.025em;
    transition: all var(--ease) 0.2s;
    position: relative;
    overflow: hidden;
    box-shadow: var(--elevation-2);
}

.aa-add-to-bag-btn:hover:not(:disabled)[b-m2yaopkvse] {
    transform: translateY(-2px);
    box-shadow: var(--elevation-3);
    background: var(--aa-gradient-primary);
    filter: brightness(1.1);
}

.aa-add-to-bag-btn:active:not(:disabled)[b-m2yaopkvse] {
    transform: translateY(0);
    box-shadow: var(--elevation-1);
}

.aa-add-to-bag-btn:disabled[b-m2yaopkvse] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none !important;
    box-shadow: var(--elevation-1);
}

.aa-add-to-bag-btn .spinner-border-sm[b-m2yaopkvse] {
    width: 1rem;
    height: 1rem;
    border-width: 0.15em;
}

.aa-already-in-bag[b-m2yaopkvse] {
    text-align: center;
    background: var(--aa-light);
    padding: 0.5rem;
    border-radius: 6px;
    border: 1px solid var(--aa-light-gray);
}

/* Alert styles for this component */
.aa-add-to-bag-component .aa-alert[b-m2yaopkvse] {
    padding: 0.75rem 1rem;
    border-radius: 8px;
    border: 1px solid;
    display: flex;
    align-items: center;
    font-size: var(--text-sm);
    animation: slideIn-b-m2yaopkvse 0.3s ease-in-out;
}

.aa-add-to-bag-component .aa-alert.success[b-m2yaopkvse] {
    background-color: rgba(25, 135, 84, 0.1);
    border-color: #198754;
    color: #0f5132;
}

.aa-add-to-bag-component .aa-alert.danger[b-m2yaopkvse] {
    background-color: rgba(220, 53, 69, 0.1);
    border-color: #dc3545;
    color: #721c24;
}

/* Stock warning styles */
.text-warning[b-m2yaopkvse] {
    color: #664d03 !important;
}

/* Loading state animation */
.aa-add-to-bag-btn .spinner-border[b-m2yaopkvse] {
    animation: spin-b-m2yaopkvse 1s linear infinite;
}

@keyframes spin-b-m2yaopkvse {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes slideIn-b-m2yaopkvse {
    0% {
        opacity: 0;
        transform: translateY(-10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive design */
@media (max-width: 576px) {
    .aa-add-to-bag-component[b-m2yaopkvse] {
        max-width: 100%;
    }
    
    .aa-quantity-input[b-m2yaopkvse] {
        max-width: 100%;
    }
    
    .aa-add-to-bag-btn[b-m2yaopkvse] {
        font-size: var(--text-base);
        padding: 0.875rem 1.5rem;
    }
}

/* Focus states for accessibility */
.aa-quantity-input .btn:focus[b-m2yaopkvse],
.aa-add-to-bag-btn:focus[b-m2yaopkvse] {
    outline: 2px solid var(--aa-primary);
    outline-offset: 2px;
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .aa-quantity-input .btn[b-m2yaopkvse],
    .aa-add-to-bag-btn[b-m2yaopkvse] {
        border-width: 2px;
    }
    
    .aa-already-in-bag[b-m2yaopkvse] {
        border-width: 2px;
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .aa-quantity-input .btn[b-m2yaopkvse],
    .aa-add-to-bag-btn[b-m2yaopkvse] {
        transition: none;
    }
    
    .aa-add-to-bag-btn:hover:not(:disabled)[b-m2yaopkvse] {
        transform: none;
    }
    
    .aa-alert[b-m2yaopkvse] {
        animation: none;
    }
}

/* Print styles */
@media print {
    .aa-add-to-bag-component[b-m2yaopkvse] {
        display: none;
    }
}
/* /Components/ShoppingBag/Index.razor.rz.scp.css */
/* Shopping Bag Styles */
.aa-shopping-bag-container[b-1f67fjcfbz] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

.aa-empty-bag-container[b-1f67fjcfbz] {
    min-height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.aa-empty-bag-icon[b-1f67fjcfbz] {
    opacity: 0.6;
}

.aa-shopping-bag-header[b-1f67fjcfbz] {
    border-bottom: 2px solid var(--aa-light-gray);
    padding-bottom: 1rem;
    margin-bottom: 2rem;
}

.aa-bag-item-card[b-1f67fjcfbz] {
    background: white;
    border: 1px solid var(--aa-light-gray);
    border-radius: 12px;
    padding: 1.5rem;
    transition: all var(--ease) 0.2s;
    box-shadow: var(--elevation-1);
}

.aa-bag-item-card:hover[b-1f67fjcfbz] {
    box-shadow: var(--elevation-2);
    border-color: var(--aa-primary);
}

.aa-item-image-container[b-1f67fjcfbz] {
    position: relative;
    aspect-ratio: 1;
    border-radius: 8px;
    overflow: hidden;
    background: var(--aa-light);
}

.aa-item-image[b-1f67fjcfbz] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--ease) 0.3s;
}

.aa-item-image:hover[b-1f67fjcfbz] {
    transform: scale(1.05);
}

.aa-placeholder-image[b-1f67fjcfbz] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--aa-light-gray);
    color: var(--aa-medium-gray);
    font-size: 2rem;
}

.aa-item-details[b-1f67fjcfbz] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.aa-item-title[b-1f67fjcfbz] {
    font-size: var(--text-lg);
    font-weight: 600;
    color: var(--aa-dark);
    margin-bottom: 0.5rem;
    line-height: 1.3;
}

.aa-item-artist[b-1f67fjcfbz] {
    color: var(--aa-primary);
    font-weight: 500;
    margin-bottom: 0.75rem;
    font-size: var(--text-base);
}

.aa-item-variant[b-1f67fjcfbz] {
    font-size: var(--text-sm);
    margin-bottom: 0.75rem;
    padding: 0.5rem;
    background: var(--aa-light);
    border-radius: 6px;
}

.aa-price-change-notice[b-1f67fjcfbz],
.aa-availability-notice[b-1f67fjcfbz] {
    padding: 0.5rem;
    border-radius: 6px;
    font-size: var(--text-sm);
}

.aa-price-change-notice[b-1f67fjcfbz] {
    background: var(--aa-accent-warm);
    color: var(--aa-dark);
}

.aa-availability-notice[b-1f67fjcfbz] {
    background: var(--aa-warning);
    color: var(--aa-dark);
}

.aa-item-actions[b-1f67fjcfbz] {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.aa-quantity-controls .input-group[b-1f67fjcfbz] {
    max-width: 120px;
}

.aa-quantity-controls input[b-1f67fjcfbz] {
    font-weight: 600;
    background: white;
}

.aa-quantity-controls button[b-1f67fjcfbz] {
    width: 40px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.aa-item-pricing[b-1f67fjcfbz] {
    text-align: right;
}

.aa-price-comparison[b-1f67fjcfbz] {
    margin-bottom: 0.5rem;
}

.aa-line-total[b-1f67fjcfbz] {
    font-size: var(--text-lg);
    color: var(--aa-primary);
}

.aa-bag-summary-card[b-1f67fjcfbz] {
    position: sticky;
    top: 100px;
}

.aa-bag-summary-card .card[b-1f67fjcfbz] {
    border: 2px solid var(--aa-primary);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: var(--elevation-3);
}

.aa-bag-summary-card .card-header[b-1f67fjcfbz] {
    background: var(--aa-gradient-primary);
    color: white;
    padding: 1.25rem;
    border-bottom: none;
}

.aa-bag-summary-card .card-body[b-1f67fjcfbz] {
    padding: 1.5rem;
}

.aa-summary-line[b-1f67fjcfbz] {
    padding: 0.75rem 0;
    font-size: var(--text-base);
}

.aa-summary-line:not(:last-child)[b-1f67fjcfbz] {
    border-bottom: 1px solid var(--aa-light-gray);
}

.aa-summary-total[b-1f67fjcfbz] {
    font-size: var(--text-lg);
    padding: 1rem 0;
    color: var(--aa-primary);
}

.aa-free-shipping-notice[b-1f67fjcfbz],
.aa-shipping-threshold[b-1f67fjcfbz] {
    padding: 0.75rem;
    border-radius: 8px;
    font-size: var(--text-sm);
    text-align: center;
}

.aa-free-shipping-notice[b-1f67fjcfbz] {
    background: var(--aa-success);
    border: 1px solid #198754;
}

.aa-shipping-threshold[b-1f67fjcfbz] {
    background: var(--aa-light);
    border: 1px solid var(--aa-light-gray);
}

.aa-bag-actions[b-1f67fjcfbz] {
    padding: 2rem 0;
    border-top: 2px solid var(--aa-light-gray);
    text-align: center;
}

/* Responsive Design */
@media (max-width: 768px) {
    .aa-shopping-bag-container[b-1f67fjcfbz] {
        padding: 1rem 0.5rem;
    }
    
    .aa-bag-item-card[b-1f67fjcfbz] {
        padding: 1rem;
    }
    
    .aa-bag-item-card .row[b-1f67fjcfbz] {
        --bs-gutter-x: 1rem;
    }
    
    .aa-item-actions[b-1f67fjcfbz] {
        margin-top: 1rem;
    }
    
    .aa-quantity-controls .input-group[b-1f67fjcfbz] {
        max-width: 100%;
    }
    
    .aa-item-pricing[b-1f67fjcfbz] {
        text-align: left;
    }
    
    .aa-bag-summary-card[b-1f67fjcfbz] {
        position: static;
        margin-top: 2rem;
    }
}

@media (max-width: 576px) {
    .aa-shopping-bag-header[b-1f67fjcfbz] {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 1rem;
    }
    
    .aa-bag-item-card .col-md-3[b-1f67fjcfbz],
    .aa-bag-item-card .col-md-6[b-1f67fjcfbz],
    .aa-bag-item-card .col-md-3[b-1f67fjcfbz] {
        margin-bottom: 1rem;
    }
    
    .aa-item-image-container[b-1f67fjcfbz] {
        max-width: 200px;
        margin: 0 auto;
    }
}

/* Loading States */
.aa-bag-item-card.updating[b-1f67fjcfbz] {
    opacity: 0.7;
    pointer-events: none;
}

/* Animation for item removal */
.aa-bag-item-card.removing[b-1f67fjcfbz] {
    animation: slideOutRight-b-1f67fjcfbz 0.3s ease-in-out forwards;
}

@keyframes slideOutRight-b-1f67fjcfbz {
    0% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(100%);
        opacity: 0;
    }
}

/* Hover effects */
.aa-bag-item-card .btn:hover[b-1f67fjcfbz] {
    transform: translateY(-1px);
    box-shadow: var(--elevation-2);
}

.aa-bag-summary-card .btn-primary:hover[b-1f67fjcfbz] {
    background: var(--aa-primary-dark);
    border-color: var(--aa-primary-dark);
}

/* Focus states for accessibility */
.aa-quantity-controls button:focus[b-1f67fjcfbz],
.aa-quantity-controls input:focus[b-1f67fjcfbz] {
    outline: 2px solid var(--aa-primary);
    outline-offset: 2px;
}

/* Alert styles integration */
.aa-alert[b-1f67fjcfbz] {
    padding: 1rem 1.25rem;
    border-radius: 8px;
    border: 1px solid;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
}

.aa-alert.success[b-1f67fjcfbz] {
    background-color: var(--aa-success);
    border-color: #198754;
    color: #0f5132;
}

.aa-alert.danger[b-1f67fjcfbz] {
    background-color: var(--aa-danger);
    border-color: #dc3545;
    color: #721c24;
}

.aa-alert.warning[b-1f67fjcfbz] {
    background-color: var(--aa-warning);
    border-color: #ffc107;
    color: #664d03;
}
/* /Components/ShoppingBag/ShoppingBagWidget.razor.rz.scp.css */
/* Shopping Bag Widget Styles */
.aa-shopping-bag-widget[b-zxiyvvpwjn] {
    position: relative;
    display: inline-block;
}

.aa-bag-link[b-zxiyvvpwjn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-sm);
    border-radius: 8px;
    transition: all var(--ease) 0.2s;
    color: var(--aa-light) !important;
    min-width: 44px;
    min-height: 44px;
}

.aa-bag-link:hover[b-zxiyvvpwjn] {
    background-color: rgba(207, 194, 242, 0.2) !important;
    color: #cfc2f2 !important;
    transform: translateY(-1px);
}

.aa-bag-icon[b-zxiyvvpwjn] {
    font-size: var(--text-lg);
    transition: transform var(--ease) 0.2s;
}

.aa-bag-link:hover .aa-bag-icon[b-zxiyvvpwjn] {
    transform: scale(1.1);
}

.aa-bag-count[b-zxiyvvpwjn] {
    top: 2px;
    right: 2px;
    min-width: 16px;
    min-height: 16px;
    font-size: var(--text-xxs);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: 600;
    border: 1px solid white;
    animation: bagCountPulse-b-zxiyvvpwjn 0.3s ease-in-out;
    line-height: 1;
}

.aa-expiring-indicator[b-zxiyvvpwjn] {
    top: -5px;
    left: -5px;
    font-size: var(--text-xs);
    animation: expiringPulse-b-zxiyvvpwjn 2s infinite;
}

.aa-bag-tooltip[b-zxiyvvpwjn] {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: var(--spacing-sm);
    opacity: 0;
    visibility: hidden;
    transition: all var(--ease) 0.2s;
    z-index: 1000;
    pointer-events: none;
}

.aa-shopping-bag-widget:hover .aa-bag-tooltip[b-zxiyvvpwjn] {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.aa-tooltip-content[b-zxiyvvpwjn] {
    background: white;
    border: 1px solid var(--aa-light-gray);
    border-radius: 8px;
    padding: var(--spacing-base);
    box-shadow: var(--elevation-3);
    min-width: clamp(180px, 25vw, 250px);
    max-width: 250px;
}

.aa-tooltip-content[b-zxiyvvpwjn]::before {
    content: '';
    position: absolute;
    top: -6px;
    right: 20px;
    width: 12px;
    height: 12px;
    background: white;
    border: 1px solid var(--aa-light-gray);
    border-bottom: none;
    border-right: none;
    transform: rotate(45deg);
}

.aa-tooltip-header[b-zxiyvvpwjn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--spacing-sm);
    padding-bottom: var(--spacing-sm);
    border-bottom: 1px solid var(--aa-light-gray);
}

.aa-tooltip-total[b-zxiyvvpwjn] {
    font-size: var(--text-lg);
    color: var(--aa-primary);
    text-align: center;
    margin: var(--spacing-sm) 0;
}

.aa-tooltip-warning[b-zxiyvvpwjn] {
    background: var(--aa-warning);
    color: var(--aa-dark);
    padding: var(--spacing-sm);
    border-radius: 4px;
    text-align: center;
    margin: var(--spacing-sm) 0;
}

.aa-tooltip-actions[b-zxiyvvpwjn] {
    text-align: center;
    padding-top: var(--spacing-sm);
    border-top: 1px solid var(--aa-light-gray);
}

/* Animations */
@keyframes bagCountPulse-b-zxiyvvpwjn {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1); }
}

@keyframes expiringPulse-b-zxiyvvpwjn {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

/* Navigation Integration Styles - Match NavMenu behavior */
.navbar .aa-shopping-bag-widget[b-zxiyvvpwjn] {
    margin-left: var(--spacing-base);
}

/* Default state - light color like other nav links */
.navbar .aa-bag-link[b-zxiyvvpwjn] {
    color: var(--aa-light) !important;
}

/* When nav is scrolled - change to primary color */
.modern-nav-bg.scrolled .aa-bag-link[b-zxiyvvpwjn] {
    color: var(--aa-primary) !important;
}

/* When nav is scrolled and bag link is hovered */
.modern-nav-bg.scrolled .aa-bag-link:hover[b-zxiyvvpwjn] {
    color: var(--aa-primary-dark) !important;
    background: rgba(127, 112, 155, 0.15) !important;
}

/* When nav is hovered (desktop) - change to primary-dark */
.modern-nav-bg:hover .aa-bag-link[b-zxiyvvpwjn] {
    color: var(--aa-primary-dark) !important;
}

/* When nav is hovered and bag link is hovered */
.modern-nav-bg:hover .aa-bag-link:hover[b-zxiyvvpwjn] {
    color: var(--aa-primary-dark) !important;
    background: rgba(107, 90, 131, 0.2) !important;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .aa-bag-tooltip[b-zxiyvvpwjn] {
        right: -50px;
        left: auto;
    }
    
    .aa-tooltip-content[b-zxiyvvpwjn] {
        min-width: clamp(160px, 30vw, 180px);
    }
    
    .aa-tooltip-content[b-zxiyvvpwjn]::before {
        right: 70px;
    }
}

@media (max-width: 576px) {
    .aa-bag-icon[b-zxiyvvpwjn] {
        font-size: var(--text-base);
    }
    
    .aa-bag-count[b-zxiyvvpwjn] {
        min-width: 18px;
        min-height: 18px;
        font-size: var(--text-xxs);
        top: -1px;
        right: -1px;
    }
    
    .navbar .aa-shopping-bag-widget[b-zxiyvvpwjn] {
        margin-left: var(--spacing-sm);
    }
}

/* Mobile navigation - always light colored on gradient background */
@media (max-width: 991.98px) {
    .modern-nav-bg .aa-bag-link[b-zxiyvvpwjn],
    .modern-nav-bg.scrolled .aa-bag-link[b-zxiyvvpwjn],
    .modern-nav-bg:hover .aa-bag-link[b-zxiyvvpwjn] {
        color: var(--aa-light) !important;
    }
    
    .modern-nav-bg .aa-bag-link:hover[b-zxiyvvpwjn],
    .modern-nav-bg.scrolled .aa-bag-link:hover[b-zxiyvvpwjn],
    .modern-nav-bg:hover .aa-bag-link:hover[b-zxiyvvpwjn] {
        background: rgba(207, 194, 242, 0.2) !important;
        color: white !important;
    }
}

/* Dark theme support (if needed) */
@media (prefers-color-scheme: dark) {
    .aa-tooltip-content[b-zxiyvvpwjn] {
        background: var(--aa-dark);
        border-color: var(--aa-medium-gray);
        color: white;
    }
    
    .aa-tooltip-content[b-zxiyvvpwjn]::before {
        background: var(--aa-dark);
        border-color: var(--aa-medium-gray);
    }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .aa-bag-link[b-zxiyvvpwjn] {
        border: 2px solid transparent;
    }
    
    .aa-bag-link:hover[b-zxiyvvpwjn],
    .aa-bag-link:focus[b-zxiyvvpwjn] {
        border-color: currentColor;
    }
    
    .aa-bag-count[b-zxiyvvpwjn] {
        border-width: 3px;
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .aa-bag-link[b-zxiyvvpwjn],
    .aa-bag-icon[b-zxiyvvpwjn],
    .aa-bag-tooltip[b-zxiyvvpwjn] {
        transition: none;
    }
    
    .aa-bag-count[b-zxiyvvpwjn],
    .aa-expiring-indicator[b-zxiyvvpwjn] {
        animation: none;
    }
}