/* _content/SoftProducts.UI/Components/SpInlineEditList.razor.rz.scp.css */
.sp-cursor-pointer[b-3l3tcrbzwg] {
    cursor: pointer;
}
/* _content/SoftProducts.UI/Components/SpSearchBar.razor.rz.scp.css */
.sp-search-overlay-mobile[b-42a0gpu6lx] {
    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-42a0gpu6lx] {
    max-width: 450px;
}
/* _content/SoftProducts.UI/Components/SpSignalRStatusIndicator.razor.rz.scp.css */
.sp-status-dot[b-z3de6y5rxj] {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

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

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

.sp-status-dot-disconnected[b-z3de6y5rxj] {
    background-color: var(--bs-danger);
}
/* _content/SoftProducts.UI/Dialogs/SpImageDialog.razor.rz.scp.css */
.sp-image-dialog-img[b-8rt973esuh] {
    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-2p5vdfy92i] .modal.show.d-block {
    display: block;
}
/* _content/SoftProducts.UI/Dialogs/SpShortcutHelpDialog.razor.rz.scp.css */
[b-kco6tww9pq] .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-3r8dtwah5j] {
    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-3r8dtwah5j] {
    width: var(--sp-sidebar-collapsed-width, 60px);
}

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

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

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

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

.sp-sidebar-mobile[b-3r8dtwah5j] {
    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);
}