/* _content/SoftProducts.UI/Components/SpInlineEditList.razor.rz.scp.css */
.sp-cursor-pointer[b-ms2oty1mp6] {
    cursor: pointer;
}
/* _content/SoftProducts.UI/Components/SpSearchBar.razor.rz.scp.css */
.sp-search-overlay-mobile[b-iaarg1ryb2] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1050;
    background: var(--bs-body-bg);
    padding: 8px 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.sp-search-inline[b-iaarg1ryb2] {
    max-width: 450px;
}
/* _content/SoftProducts.UI/Components/SpSignalRStatusIndicator.razor.rz.scp.css */
.sp-status-dot[b-1w6cpn6pxs] {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.sp-status-dot-connected[b-1w6cpn6pxs] {
    background-color: var(--bs-success);
}

.sp-status-dot-reconnecting[b-1w6cpn6pxs] {
    background-color: var(--bs-warning);
}

.sp-status-dot-disconnected[b-1w6cpn6pxs] {
    background-color: var(--bs-danger);
}
/* _content/SoftProducts.UI/Dialogs/SpImageDialog.razor.rz.scp.css */
.sp-image-dialog-img[b-hd0g0ebghc] {
    max-width: 100%;
    max-height: 80vh;
    object-fit: contain;
}
/* _content/SoftProducts.UI/Dialogs/SpModal.razor.rz.scp.css */
/* Show a visible modal — Bootstrap's .show class is used alongside .d-block for static (no-JS) modals. */
[b-nto6tqdsi9] .modal.show.d-block {
    display: block;
}
/* _content/SoftProducts.UI/Dialogs/SpShortcutHelpDialog.razor.rz.scp.css */
[b-fpnd5p5k2k] .sp-shortcut-key {
    display: inline-block;
    padding: 2px 8px;
    border: 1px solid var(--bs-border-color);
    border-radius: 4px;
    font-family: var(--bs-font-monospace, monospace);
    font-size: 0.9rem;
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
}
/* _content/SoftProducts.UI/Layout/SpSidebar.razor.rz.scp.css */
/* Desktop sidebar */
.sp-sidebar[b-6ydhy5cx20] {
    width: var(--sp-sidebar-width, 250px);
    min-height: calc(100vh - var(--sp-navbar-height, 56px));
    transition: width 0.2s ease-in-out;
    overflow-x: hidden;
    flex-shrink: 0;
}

.sp-sidebar.collapsed[b-6ydhy5cx20] {
    width: var(--sp-sidebar-collapsed-width, 60px);
}

.sp-sidebar.collapsed[b-6ydhy5cx20]  .nav-link-text {
    display: none;
}

.sp-sidebar.collapsed[b-6ydhy5cx20]  .nav-link {
    text-align: center;
    padding-left: 0 !important;
    padding-right: 0 !important;
    justify-content: center;
}

.sp-sidebar.collapsed[b-6ydhy5cx20]  .nav-link i {
    margin-right: 0 !important;
}

/* Mobile overlay */
.sp-sidebar-overlay[b-6ydhy5cx20] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1040;
}

.sp-sidebar-mobile[b-6ydhy5cx20] {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: var(--sp-sidebar-width, 250px);
    z-index: 1045;
    overflow-y: auto;
    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
}