/**
 * Component styles
 * Styles for reusable UI components
 */

/* Toast Notifications */
.toast-container {
    z-index: 9999 !important;
}

.toast {
    min-width: 300px;
    margin-bottom: 0.5rem;
}

.toast-header {
    display: flex;
    align-items: center;
}

.toast-icon {
    display: inline-flex;
    align-items: center;
}

/* User Avatar Component */
.user-avatar {
    width: 50px;
    height: 50px;
    object-fit: cover;
}

.user-avatar.rounded-circle {
    border-radius: 50%;
}

/* File Upload Component */
.file-upload-loader {
    text-align: center;
    padding: 3rem 0;
}

.file-upload-loader .spinner-border {
    width: 3rem;
    height: 3rem;
}

.file-upload-container #uppy-dashboard-improved {
    display: none;
}

.file-upload-container #uppy-dashboard-improved.initialized {
    display: block;
}