/* /App.razor.rz.scp.css */
.app-loading-container[b-mv3bjclr5r] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    background-color: #f8f9fa;
    padding: 2rem;
}

.app-loading-content[b-mv3bjclr5r] {
    text-align: center;
    background: white;
    border-radius: 8px;
    padding: 3rem 2rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border: 1px solid #e5e5e5;
    max-width: 400px;
    width: 100%;
}

    .app-loading-content .logo-section[b-mv3bjclr5r] {
        margin-bottom: 2rem;
    }

    .app-loading-content .app-title[b-mv3bjclr5r] {
        color: #0d6efd;
        font-weight: 600;
        margin-bottom: 0.5rem;
    }

    .app-loading-content .loading-section[b-mv3bjclr5r] {
        margin: 2rem 0;
    }

    .app-loading-content .loading-message[b-mv3bjclr5r] {
        margin: 1rem 0 0.5rem 0;
        font-size: 1.1rem;
        color: #495057;
    }

    .app-loading-content .spinner-border[b-mv3bjclr5r] {
        width: 2.5rem;
        height: 2.5rem;
        margin-bottom: 1rem;
    }
/* /Components/AuthenticationOverlay.razor.rz.scp.css */
.auth-overlay[b-rbqf3vdirw] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    backdrop-filter: blur(2px);
}

.auth-overlay-content[b-rbqf3vdirw] {
    text-align: center;
    color: white;
}

.overlay-message[b-rbqf3vdirw] {
    margin-top: 1rem;
    font-size: 1.1rem;
    font-weight: 500;
}

.spinner-border[b-rbqf3vdirw] {
    width: 3rem;
    height: 3rem;
}
/* /Components/Breadcrumb.razor.rz.scp.css */
.breadcrumb-wrapper[b-qzfdksdo7s] {
    margin-bottom: 1rem;
}

.breadcrumb[b-qzfdksdo7s] {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    padding: 0;
    background-color: transparent;
    margin-bottom: 0;
}

.breadcrumb-item[b-qzfdksdo7s] {
    color: var(--text-secondary);
    text-decoration: none;
}

    .breadcrumb-item:hover[b-qzfdksdo7s] {
        color: var(--primary-color);
        text-decoration: none;
    }

    .breadcrumb-item.active[b-qzfdksdo7s] {
        color: var(--text-primary);
        font-weight: 500;
    }

.separator[b-qzfdksdo7s] {
    margin: 0 0.5rem;
    color: var(--text-secondary);
}
/* /Components/ConfirmDialog.razor.rz.scp.css */
.modal-backdrop[b-oy25g27x8f] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1040;
}

    .modal-backdrop.show[b-oy25g27x8f] {
        opacity: 0.5;
    }

.modal[b-oy25g27x8f] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}

.modal-dialog[b-oy25g27x8f] {
    margin: 1.75rem auto;
    max-width: 500px;
    position: relative;
    width: auto;
    pointer-events: none;
}

.modal-content[b-oy25g27x8f] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0.3rem;
    outline: 0;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);
}

.modal-header[b-oy25g27x8f] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}

.modal-body[b-oy25g27x8f] {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
}

.modal-footer[b-oy25g27x8f] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid #e9ecef;
}

.message-text[b-oy25g27x8f] {
    margin-bottom: 0;
}
/* /Components/ContentDashboard.razor.rz.scp.css */
.content-dashboard .card[b-1rynxsftuf] {
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.content-dashboard .card-header[b-1rynxsftuf] {
    background-color: rgba(0,0,0,0.02);
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.file-type-stats[b-1rynxsftuf] {
    font-size: 0.9rem;
}

.category-list[b-1rynxsftuf] {
    display: flex;
    flex-wrap: wrap;
}
/* /Components/ContentFileDisplay.razor.rz.scp.css */
.content-file-item[b-j99482akyl] {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 12px;
    margin-bottom: 10px;
}

    .content-file-item.empty[b-j99482akyl] {
        border-style: dashed;
        color: #999;
    }

.empty-content[b-j99482akyl], .content-error[b-j99482akyl] {
    display: flex;
    align-items: center;
    color: #999;
}

    .empty-content i[b-j99482akyl], .content-error i[b-j99482akyl] {
        margin-right: 8px;
        font-size: 1.2rem;
    }

.content-error[b-j99482akyl] {
    color: #dc3545;
}

.content-details[b-j99482akyl] {
    display: flex;
    align-items: center;
}

.content-icon[b-j99482akyl] {
    font-size: 2rem;
    margin-right: 12px;
}

    .content-icon i.bi-file-earmark-pdf[b-j99482akyl] {
        color: #f40f02;
    }

    .content-icon i.bi-file-earmark-word[b-j99482akyl] {
        color: #2b579a;
    }

    .content-icon i.bi-file-earmark-excel[b-j99482akyl] {
        color: #217346;
    }

    .content-icon i.bi-file-earmark-ppt[b-j99482akyl] {
        color: #d24726;
    }

    .content-icon i.bi-file-earmark-zip[b-j99482akyl] {
        color: #ffc107;
    }

.content-info[b-j99482akyl] {
    flex-grow: 1;
}

.content-title[b-j99482akyl] {
    font-weight: bold;
}

.content-filename[b-j99482akyl] {
    color: #666;
    font-size: 0.9rem;
}

.content-size[b-j99482akyl] {
    color: #888;
    font-size: 0.8rem;
}

.content-actions[b-j99482akyl] {
    margin-left: 10px;
}
/* /Components/ContentGalleryTooltip.razor.rz.scp.css */
.content-gallery-tooltip[b-5wio5dftdn] {
    display: inline-block;
    cursor: pointer;
    color: #6c757d;
}

    .content-gallery-tooltip:hover[b-5wio5dftdn] {
        color: #495057;
    }
/* /Components/ContentPicker.razor.rz.scp.css */
.content-picker[b-4j0gdhr7wq] {
    width: 100%;
}

.selected-contents-container[b-4j0gdhr7wq] {
    border: 1px solid #ddd;
    border-radius: 0.25rem;
    max-height: 200px;
    overflow-y: auto;
}

.selected-content-item[b-4j0gdhr7wq], .selected-content-container[b-4j0gdhr7wq] {
    display: flex;
    align-items: center;
    padding: 0.5rem;
    border-bottom: 1px solid #eee;
}

    .selected-content-item:last-child[b-4j0gdhr7wq] {
        border-bottom: none;
    }

.content-icon[b-4j0gdhr7wq] {
    font-size: 1.5rem;
    margin-right: 0.5rem;
    min-width: 24px;
}

.content-details[b-4j0gdhr7wq], .content-info[b-4j0gdhr7wq] {
    flex: 1;
    overflow: hidden;
}

.content-title[b-4j0gdhr7wq] {
    display: block;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.content-filename[b-4j0gdhr7wq] {
    display: block;
    font-size: 0.8rem;
    color: #6c757d;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn-remove[b-4j0gdhr7wq] {
    margin-left: 0.5rem;
    padding: 0.1rem 0.5rem;
    line-height: 1;
}

/* Gallery grid */
.card.selected[b-4j0gdhr7wq] {
    border: 2px solid #007bff;
    box-shadow: 0 0 0 1px #007bff;
}

.content-type-icon[b-4j0gdhr7wq] {
    position: relative;
}

.selected-overlay[b-4j0gdhr7wq] {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #007bff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

.content-gallery-modal .modal-dialog[b-4j0gdhr7wq] {
    max-width: 90%;
}
/* /Components/EmptyState.razor.rz.scp.css */
.empty-state[b-etnppje6yf] {
    text-align: center;
    padding: 3rem 1rem;
    background-color: #ffffff;
    border-radius: var(--border-radius);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.empty-state-icon[b-etnppje6yf] {
    font-size: 3rem;
    color: var(--text-secondary);
    margin-bottom: 1rem;
}

.empty-state h3[b-etnppje6yf] {
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: var(--text-primary);
}

.empty-state p[b-etnppje6yf] {
    color: var(--text-secondary);
    margin-bottom: 1.5rem;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}
/* /Components/ImageGalleryWidget.razor.rz.scp.css */
.dashboard-stats[b-6cnprhdufv] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.stat-item[b-6cnprhdufv] {
    text-align: center;
    padding: 0.75rem;
    background-color: #f8f9fa;
    border-radius: 4px;
    flex: 1;
    margin: 0 0.25rem;
}

.stat-value[b-6cnprhdufv] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #0d6efd;
}

.stat-label[b-6cnprhdufv] {
    font-size: 0.8rem;
    color: #6c757d;
}

.recent-images[b-6cnprhdufv] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 0.5rem;
}

.recent-image[b-6cnprhdufv] {
    width: calc(25% - 0.5rem);
    aspect-ratio: 1/1;
    overflow: hidden;
    border-radius: 4px;
    border: 1px solid #dee2e6;
}

    .recent-image img[b-6cnprhdufv] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
/* /Components/ImagePicker.razor.rz.scp.css */
.selected-image-container[b-uiegvykkw4] {
    position: relative;
    display: inline-block;
    max-width: 200px;
}

.selected-image[b-uiegvykkw4] {
    width: 100%;
    height: auto;
    max-height: 150px;
    object-fit: contain;
    border: 1px solid #ddd;
    padding: 3px;
    border-radius: 4px;
}

.image-info[b-uiegvykkw4] {
    font-size: 0.8rem;
    margin-top: 4px;
}

.btn-remove[b-uiegvykkw4] {
    position: absolute;
    top: -10px;
    right: -10px;
    border-radius: 50%;
    padding: 0.2rem 0.5rem;
}

.gallery-img-container[b-uiegvykkw4] {
    height: 100px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.gallery-img[b-uiegvykkw4] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card.selected[b-uiegvykkw4] {
    border: 2px solid #0d6efd;
    box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.25);
}

.selected-overlay[b-uiegvykkw4] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(13, 110, 253, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 2rem;
}

/* Multiple image selection styles */
.image-picker.multiple .selected-images-container[b-uiegvykkw4] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.image-picker.multiple .selected-image-item[b-uiegvykkw4] {
    position: relative;
    width: 100px;
    height: 100px;
}

.image-picker.multiple .selected-image[b-uiegvykkw4] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* /Components/LoadingSpinner.razor.rz.scp.css */
/* Backward compatibility */
.loading-container[b-lpi0qwq8xc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    background-color: #ffffff;
    border-radius: var(--border-radius);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.loading-text[b-lpi0qwq8xc] {
    margin-top: 1rem;
    color: var(--text-secondary);
}

/* New enhanced spinner styles */
.loading-spinner-container[b-lpi0qwq8xc] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

.loading-content[b-lpi0qwq8xc] {
    text-align: center;
    background: white;
    border-radius: 8px;
    padding: 3rem 2rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border: 1px solid #e5e5e5;
    max-width: 400px;
    width: 100%;
}

.logo-section[b-lpi0qwq8xc] {
    margin-bottom: 2rem;
}

.app-title[b-lpi0qwq8xc] {
    color: #0d6efd;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.spinner-section[b-lpi0qwq8xc] {
    margin: 2rem 0;
}

.loading-message[b-lpi0qwq8xc] {
    margin: 1rem 0 0.5rem 0;
    font-size: 1.1rem;
    color: #495057;
}

.spinner-border[b-lpi0qwq8xc] {
    --bs-spinner-width: 2.5rem;
    --bs-spinner-height: 2.5rem;
    --bs-spinner-border-width: 0.25rem;
    margin-bottom: 1rem;
}

/* Variants */
.loading-spinner-container.fullscreen[b-lpi0qwq8xc] {
    min-height: 100vh;
    background-color: #f8f9fa;
}

.loading-spinner-container.inline[b-lpi0qwq8xc] {
    padding: 1rem;
    min-height: auto;
}

.loading-content.compact[b-lpi0qwq8xc] {
    padding: 2rem 1.5rem;
}

.loading-content.minimal[b-lpi0qwq8xc] {
    background: transparent;
    box-shadow: none;
    border: none;
}

@media (max-width: 576px) {
    .loading-spinner-container[b-lpi0qwq8xc] {
        padding: 1rem;
    }
    
    .loading-content[b-lpi0qwq8xc] {
        padding: 2rem 1.5rem;
    }
}
/* /Components/PageHeader.razor.rz.scp.css */
.page-header[b-y1ffdhmd74] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--border-color);
}

.page-title[b-y1ffdhmd74] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 0.25rem;
    line-height: 1.2;
}

.page-subtitle[b-y1ffdhmd74] {
    color: var(--text-secondary);
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
}

.page-actions[b-y1ffdhmd74] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}
/* /Components/ToastNotification.razor.rz.scp.css */
.toast-container[b-qoq0lsd3hz] {
    z-index: 1060;
    max-width: 350px;
}

.toast[b-qoq0lsd3hz] {
    width: 350px;
    margin-bottom: 0.5rem;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);
}

.toast-header[b-qoq0lsd3hz] {
    background-color: rgba(255,255,255,0.1);
    color: #fff;
}

    .toast-header .btn-close[b-qoq0lsd3hz] {
        opacity: 0.8;
        filter: invert(1) grayscale(100%) brightness(200%);
    }
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-179gfkh4wf] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100vh;
    background-color: #f5f7fb;
}

main[b-179gfkh4wf] {
    flex: 1;
    overflow: hidden;
}

.sidebar[b-179gfkh4wf] {
    background-color: #212b36;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    transition: width 0.3s ease;
    overflow: hidden;
}

.top-row[b-179gfkh4wf] {
    background-color: #ffffff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
    justify-content: space-between;
    height: 4rem;
    display: flex;
    align-items: center;
    padding: 0 1.5rem;
}/* Top row elements */
.top-row-left[b-179gfkh4wf], .top-row-right[b-179gfkh4wf] {
    display: flex;
    align-items: center;
}

.sidebar-toggle[b-179gfkh4wf] {
    background: none;
    border: none;
    color: #637381;
    cursor: pointer;
    padding: 0.5rem;
    margin-right: 1rem;
    border-radius: 4px;
    transition: all 0.2s;
}

.sidebar-toggle:hover[b-179gfkh4wf] {
    background-color: rgba(145, 158, 171, 0.08);
    color: #212b36;
}

.navbar-toggler-icon[b-179gfkh4wf] {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(99, 115, 129, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    background-size: 100%;
}

.user-profile[b-179gfkh4wf] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.notification-icon[b-179gfkh4wf] {
    position: relative;
    margin-right: 1rem;
}

.notification-icon .bi-bell[b-179gfkh4wf] {
    font-size: 1.25rem;
    color: #637381;
    cursor: pointer;
}

.badge[b-179gfkh4wf] {
    position: absolute;
    top: -8px;
    right: -8px;
    background-color: #ff4d4f;
    color: white;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    font-size: 0.7rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.user-avatar[b-179gfkh4wf] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}

@media (max-width: 640.98px) {
    .top-row[b-179gfkh4wf] {
        justify-content: space-between;
    }

    .top-row[b-179gfkh4wf]  a, .top-row[b-179gfkh4wf]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-179gfkh4wf] {
        flex-direction: row;
    }    .sidebar[b-179gfkh4wf] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }
    
    .top-row[b-179gfkh4wf] {
        position: sticky;
        top: 0;
        z-index: 10;
    }

    .user-name[b-179gfkh4wf] {
        font-weight: 500;
        color: #212b36;
    }

    article[b-179gfkh4wf] {
        padding: 1.5rem;
        overflow-y: auto;
        height: calc(100vh - 4rem);
    }
    
    .content-header[b-179gfkh4wf] {
        margin-bottom: 1.5rem;
        border-bottom: 1px solid #e6eaef;
        padding-bottom: 1rem;
    }
    
    .content-title[b-179gfkh4wf] {
        font-size: 1.75rem;
        font-weight: 700;
        color: #212b36;
        margin-bottom: 0.5rem;
    }
    
    .breadcrumb[b-179gfkh4wf] {
        display: flex;
        align-items: center;
        font-size: 0.875rem;
        color: #637381;
    }
    
    .breadcrumb-item[b-179gfkh4wf] {
        color: #637381;
    }
    
    .breadcrumb-item.active[b-179gfkh4wf] {
        color: #212b36;
        font-weight: 500;
    }
    
    .separator[b-179gfkh4wf] {
        margin: 0 0.5rem;
        color: #919eab;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.sidebar-header[b-uzzzlgdefz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 4rem;
    padding: 0 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.logo-container[b-uzzzlgdefz] {
    display: flex;
    align-items: center;
}

.logo[b-uzzzlgdefz] {
    width: 32px;
    height: 32px;
    margin-right: 0.75rem;
}

.logo-text[b-uzzzlgdefz] {
    color: #ffffff;
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0;
}

.navbar-toggler[b-uzzzlgdefz] {
    background: none;
    border: none;
    color: #919eab;
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 4px;
    transition: all 0.2s;
}

.navbar-toggler:hover[b-uzzzlgdefz] {
    background-color: rgba(255, 255, 255, 0.1);
}

.bi[b-uzzzlgdefz] {
    display: inline-block;
    font-size: 1.25rem;
    margin-right: 0.75rem;
    width: 24px;
    text-align: center;
}

.nav-scrollable[b-uzzzlgdefz] {
    height: calc(100vh - 4rem);
    overflow-y: auto;
}

.nav-section[b-uzzzlgdefz] {
    padding: 1rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.nav-section-title[b-uzzzlgdefz] {
    font-size: 0.75rem;
    font-weight: 700;
    color: #919eab;
    padding: 0 1.5rem;
    margin-bottom: 0.75rem;
    letter-spacing: 0.5px;
}

.nav-item[b-uzzzlgdefz] {
    position: relative;
    margin-bottom: 0.25rem;
}.nav-item .nav-link[b-uzzzlgdefz] {
    color: #919eab;
    border-radius: 8px;
    height: 44px;
    display: flex;
    align-items: center;
    padding: 0 1.5rem;
    cursor: pointer;
    transition: all 0.2s;
    margin: 0 0.75rem;
    font-weight: 500;
}

.nav-item .nav-link:hover[b-uzzzlgdefz] {
    background-color: rgba(145, 158, 171, 0.08);
    color: #ffffff;
}

.nav-item .nav-link.active[b-uzzzlgdefz] {
    background-color: rgba(0, 171, 85, 0.16);
    color: #00ab55;
}

.nav-item .nav-link.active i[b-uzzzlgdefz] {
    color: #00ab55;
}

.nav-item .nav-link.disabled[b-uzzzlgdefz] {
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
}

.nav-text[b-uzzzlgdefz] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Submenu styles */
.has-submenu[b-uzzzlgdefz] {
    margin-bottom: 0;
}

.has-submenu .submenu-icon[b-uzzzlgdefz] {
    margin-left: auto;
    margin-right: 0;
    transition: transform 0.3s;
}

.submenu-expanded .submenu-icon[b-uzzzlgdefz] {
    transform: rotate(180deg);
}

.submenu[b-uzzzlgdefz] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
}

.submenu.show[b-uzzzlgdefz] {
    max-height: 200px;
}

.submenu-link[b-uzzzlgdefz] {
    padding-left: 3.5rem !important;
    height: 40px !important;
    opacity: 0.9;
    font-size: 0.95rem;
    font-weight: 400;
}

.submenu-link i[b-uzzzlgdefz] {
    font-size: 0.875rem;
    width: 18px;
    opacity: 0.8;
}

@media (min-width: 641px) {
    .navbar-toggler[b-uzzzlgdefz] {
        display: none;
    }

    .collapse[b-uzzzlgdefz] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    .nav-scrollable[b-uzzzlgdefz] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Pages/ContentGallery.razor.rz.scp.css */
.content-card-selected[b-1r0mwkmfma] {
    border: 2px solid #007bff;
}

.content-type-icon[b-1r0mwkmfma] {
    text-align: center;
    position: relative;
}

.card[b-1r0mwkmfma] {
    transition: all 0.2s ease;
}

    .card:hover[b-1r0mwkmfma] {
        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    }

/* Override Bootstrap's modal backdrop to ensure it covers the entire viewport */
.modal-backdrop[b-1r0mwkmfma] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
/* /Pages/EntityManagement/CreateEntity.razor.rz.scp.css */
.page-header[b-bu6v4168yw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--border-color);
}

.page-title[b-bu6v4168yw] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 0.25rem;
}

.page-subtitle[b-bu6v4168yw] {
    color: var(--text-secondary);
    font-size: 0.875rem;
}

.section-title[b-bu6v4168yw] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0;
}

.field-card[b-bu6v4168yw] {
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

    .field-card:hover[b-bu6v4168yw] {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    }

    .field-card .card-header[b-bu6v4168yw] {
        background-color: rgba(145, 158, 171, 0.04);
        border-bottom: 1px solid var(--border-color);
    }
/* /Pages/EntityManagement/EditEntity.razor.rz.scp.css */
.page-header[b-crku9f067k] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--border-color);
}

.page-title[b-crku9f067k] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 0.25rem;
}

.page-subtitle[b-crku9f067k] {
    color: var(--text-secondary);
    font-size: 0.875rem;
}

.section-title[b-crku9f067k] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0;
}

.field-card[b-crku9f067k] {
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

    .field-card:hover[b-crku9f067k] {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    }

    .field-card .card-header[b-crku9f067k] {
        background-color: rgba(145, 158, 171, 0.04);
        border-bottom: 1px solid var(--border-color);
    }

.loading-container[b-crku9f067k] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    background-color: #ffffff;
    border-radius: var(--border-radius);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
/* /Pages/EntityManagement/ListEntities.razor.rz.scp.css */
.page-header[b-2g46sj91vb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--border-color);
}

.page-title[b-2g46sj91vb] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 0.25rem;
}

.page-subtitle[b-2g46sj91vb] {
    color: var(--text-secondary);
    font-size: 0.875rem;
}

.section-title[b-2g46sj91vb] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0;
}

.field-card[b-2g46sj91vb] {
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

    .field-card:hover[b-2g46sj91vb] {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    }

    .field-card .card-header[b-2g46sj91vb] {
        background-color: rgba(145, 158, 171, 0.04);
        border-bottom: 1px solid var(--border-color);
    }

.entity-icon[b-2g46sj91vb] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background-color: rgba(0, 171, 85, 0.1);
    color: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.125rem;
    margin-right: 0.75rem;
}

.entity-table th[b-2g46sj91vb] {
    font-weight: 600;
    color: var(--text-secondary);
    background-color: rgba(145, 158, 171, 0.05);
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--border-color);
}

.entity-table td[b-2g46sj91vb] {
    vertical-align: middle;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--border-color);
}

.entity-table tr:last-child td[b-2g46sj91vb] {
    border-bottom: none;
}

code[b-2g46sj91vb] {
    background-color: rgba(145, 158, 171, 0.1);
    padding: 0.2rem 0.4rem;
    border-radius: 4px;
    font-size: 0.875rem;
    color: var(--text-secondary);
}
/* /Pages/ImageGallery.razor.rz.scp.css */
.img-container[b-jww96shpre] {
    height: 200px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.gallery-img[b-jww96shpre] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card.selected[b-jww96shpre] {
    border: 2px solid #0d6efd;
    box-shadow: 0 0 5px rgba(13, 110, 253, 0.5);
}

.image-actions[b-jww96shpre] {
    position: absolute;
    top: 8px;
    left: 8px;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 5px;
    border-radius: 4px;
}

.form-check-input[b-jww96shpre] {
    cursor: pointer;
    width: 1.2em;
    height: 1.2em;
}
/* /Pages/PlaceholderPage.razor.rz.scp.css */
.placeholder-icon[b-pw3u601e4l] {
    font-size: 4rem;
    color: var(--primary-color);
    margin-bottom: 1rem;
}