@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.7t9tbfaemk.bundle.scp.css';

/* _content/KopoAdminDashboard/Components/Layout/MainLayout.razor.rz.scp.css */
/* ��ü ���̾ƿ� �����̳� */
.layout[b-8gh42bdyiw] {
    display: flex; /* Flexbox ��� */
    min-height: 100vh; /* ��ü ȭ�� ���� */
    transition: all 0.3s ease; /* �ε巯�� ��ȯ ȿ�� */
}

/* ���� ������ ��Ÿ�� */
.main-content[b-8gh42bdyiw] {
    flex: 1; /* ���� ������ ��� ���� */
    padding: 1rem; /* ���� ���� */
    background-color: #fff; /* ���� */
    margin-left: 250px; /* ���̵�� �ʺ�ŭ ���� ���� */
    transition: margin-left 0.3s ease, margin-top 0.3s ease; /* �ε巯�� ��ȯ ȿ�� */
}

/* ������ ��Ÿ��: ȭ�� �ʺ� 1000px ���� */
@media (max-width: 1000px) {
    .layout[b-8gh42bdyiw] {
        flex-direction: column; /* ���̾ƿ��� �������� ���� */
    }

    .main-content[b-8gh42bdyiw] {
        margin-left: 0; /* ���� ���� ���� */
    }
}
/* _content/KopoAdminDashboard/Components/Layout/NavMenu.razor.rz.scp.css */
/* ���̵�� ��Ÿ�� */
.sidebar[b-3bcp8v9pyt] {
    width: 250px; /* ���̵�� �⺻ �ʺ� */
    flex-shrink: 0; /* ���̵�� ũ�� ���� */
    height: 100vh; /* ��ü ȭ�� ���� */
    position: fixed; /* ȭ�� ���ʿ� ���� */
    top: 0; /* ��� ���� */
    left: 0; /* ���� ���� */
    background-color: #f8f9fa; /* ��Ʈ��Ʈ�� ���� */
    z-index: 1000; /* �ٸ� UI ���� ǥ�� */
    overflow-y: auto; /* ��ũ�� ���� */
    background-image: linear-gradient(180deg, rgb(50, 40, 70) 0%, rgb(94, 50, 70) 70%);
    transition: all 0.3s ease; /* �ε巯�� ��ȯ ȿ�� */
}
.offcanvas-custom[b-3bcp8v9pyt] {
    background-color: #f8f9fa; /* ���ϴ� ���� */
    color: black; /* �ؽ�Ʈ ���� ���� */
}

.navbar-toggler[b-3bcp8v9pyt] {
    display: none;
}

/* ��� ��Ÿ�� */
.sidebar-header[b-3bcp8v9pyt] {
    font-weight: bold;
    font-size: 18px;
}


/* Ȯ���� ��輱 �����ϱ� */
.sidebar-header[b-3bcp8v9pyt] {
    border: none !important; /* ��� ��輱 ���� */
    outline: none; /* �߰������� outline ���� */
    box-shadow: none; /* �׸��� ���� */
    color: white; /* �ؽ�Ʈ ���� ��� */
}
/* Ǫ�� ��Ÿ�� */
.sidebar-footer[b-3bcp8v9pyt] {
    text-align: center;
    line-height: 1.2; /* �ٰ��� ���� (�⺻�� 1.5���� �۰� ����) */
    font-size: 0.8rem; /* ��Ʈ ũ�� ���� �Ǵ� ���� */
    padding: 0.5rem 0; /* ���� �е� ���� */
}

.nav-scrollable[b-3bcp8v9pyt] {
    display: block;
    height: calc(100vh - 3.5rem);
    overflow-y: auto;
}

/* �޴� ��Ÿ�� */
.nav-item .nav-link[b-3bcp8v9pyt] {
    color: #333; /* ��ũ �⺻ ���� */
    text-decoration: none; /* ���� ���� */
    padding: 0.5rem 0; /* ��ũ ���� */
    display: flex; /* �����ܰ� �ؽ�Ʈ ���� */
    align-items: center; /* ������ ���� */
    transition: color 0.2s, background-color 0.2s;
}

    .nav-item .nav-link:hover[b-3bcp8v9pyt] {
        color: #007bff; /* ȣ�� �� ��ũ ���� */
        background-color: #e9ecef; /* ȣ�� �� ���� */
    }

.nav-item[b-3bcp8v9pyt] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-3bcp8v9pyt] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-3bcp8v9pyt] {
        padding-bottom: 1rem;
    }

    .nav-item[b-3bcp8v9pyt]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

    .nav-item[b-3bcp8v9pyt]  a.active {
        background-color: rgba(255,255,255,0.37);
        color: white;
    }

    .nav-item[b-3bcp8v9pyt]  .nav-link:hover {
        background-color: rgba(255,255,255,0.1);
        color: white;
    }

/* Ȯ���� ��輱 �����ϱ� */
.sidebar-footer[b-3bcp8v9pyt] {
    border: none !important; /* ��� ��輱 ���� */
    outline: none; /* �߰������� outline ���� */
    box-shadow: none; /* �׸��� ���� */
    color: white; /* �ؽ�Ʈ ���� ��� */
}

/* ������ ��Ÿ��: ȭ�� �ʺ� 1000px ���� */
@media (max-width: 992px) {
    .sidebar[b-3bcp8v9pyt] {
        width: 100%; /* ��ü �ʺ�� ���� */
        height: 60px; /* ���� ���� */
        position: relative; /* ���� ��ġ ���� */
        background-image: linear-gradient(90deg, rgb(50, 40, 70) 0%, rgb(94, 50, 70) 70%);
        display: flex; /* Flexbox ��� */
        flex-direction: row; /* ���� �޴��� ���η� ��ġ */
        align-items: center; /* ���� �߾� ���� */
        overflow-x: auto; /* ���� ��ũ�� ���� */
        overflow-y: hidden; /* ���� ��ũ�� ���� */
    }



    .main-content[b-3bcp8v9pyt] {
        margin-left: 0; /* ���� ���� ���� */
        margin-top: 100px; /* ��� ���� �߰� */
    }
}
/* _content/KopoAdminDashboard/Components/Pages/Login/Login.razor.rz.scp.css */
.page-center[b-mm6x0s7s18] {
    display: flex; /* Flexbox 사용 */
    justify-content: center; /* 가로 중앙 정렬 */
    align-items: center; /* 세로 중앙 정렬 */
    height: 90vh; /* 화면 전체 높이를 고정 */
    margin: 0; /* 외부 여백 제거 */
    overflow: hidden; /* 불필요한 스크롤 제거 */
    background-color: transparent; /* 불필요한 배경 제거 */
}