/* /Components/Layout/LayoutPreview.razor.rz.scp.css */
.layout-preview[b-jyrt5sws7b] {
    font-size: 9px;
    border-radius: 4px;
    padding: 4px;
    cursor: pointer;
    border: 2px solid #c0c4cc;
    transition: border .3s linear;
}

    .layout-preview:hover[b-jyrt5sws7b] {
        border: 2px solid #28a745;
    }

    .layout-preview.active[b-jyrt5sws7b] {
        border: 2px solid #28a745;
    }

[b-jyrt5sws7b] .layout {
    --bb-layout-height: 80px;
    --bb-layout-header-height: 16px;
    --bb-layout-footer-height: 12px;
    --bb-layout-sidebar-width: 30%;
    --bb-layout-banner-font-size: 9px;
    --bb-layout-title-color: #fff;
    border: 1px solid var(--bb-layout-header-background);
}

    [b-jyrt5sws7b] .layout .layout-footer,
    [b-jyrt5sws7b] .layout .layout-header {
        justify-content: center;
    }

    [b-jyrt5sws7b] .layout .layout-menu {
        display: flex;
        align-items: center;
        justify-content: center;
    }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.layout-drawer[b-y8lw0u3ui8] {
    margin-inline-start: .5rem;
    height: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.layout-drawer-body[b-y8lw0u3ui8]  .groupbox {
    margin-top: 1rem;
}

.layout-drawer-body[b-y8lw0u3ui8]  .btn-info {
    --bs-info: #0078d4;
    --bs-btn-hover-bg: #1260b0;
    margin-bottom: 1rem;
}

#blazor-error-ui[b-y8lw0u3ui8] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    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-y8lw0u3ui8] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
.conn-status[b-y8lw0u3ui8] {
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 12px;
    margin-right: 8px;
    align-self: center;
}

.conn-ok[b-y8lw0u3ui8] {
    background-color: #d4edda;
    color: #155724;
}

.conn-bad[b-y8lw0u3ui8] {
    background-color: #f8d7da;
    color: #721c24;
}

.conn-warn[b-y8lw0u3ui8] {
    background-color: #fff3cd;
    color: #856404;
}
.right[b-y8lw0u3ui8] {
    display: flex;
    flex-direction: column; /* 纵向排列子元素 */
    gap: 20px; /* 子元素上下间隔 20px */
}

    /* 让内部元素横向撑满 */
    .right > *[b-y8lw0u3ui8] {
        width: 100%;
    }
/* /Components/Pages/Login.razor.rz.scp.css */
.login-container[b-1b2zqrc9l1] {
    min-height: 100vh; /* 占满视口高度 */
    display: flex;
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
}

.login-card[b-1b2zqrc9l1] {
    width: 500px;
    height: 300px;
    padding: 34px;
    box-sizing: border-box; /* 包含内边距在宽高里 */
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 12px rgba(0,0,0,.1);
    display: flex;
    flex-direction: column;
    justify-content: center; /* 让表单在卡片内也比较居中 */
}
/* /Components/Pages/LogsTable.razor.rz.scp.css */
.logs-table-wrapper[b-7vvjlooxam] {
    /* 让当前页面可用区域内铺满高度（减去顶部导航等自己按需要调整） */
    height: calc(100vh - 150px); /* 150px 只是示例，根据你的布局调整 */
    display: flex;
    flex-direction: column;
}

/* 真正滚动的区域 */
.logs-table-wrapper .table-demo[b-7vvjlooxam] {
    flex: 1 1 auto;
    overflow-y: auto;
}

/* 避免 table 内容被撑出 */
.logs-table-wrapper .table-demo .table[b-7vvjlooxam] {
    margin-bottom: 0;
}