/* /Components/Layout/AICodingAssistant.razor.rz.scp.css */
/* AI Assistant Box */

#ai-assistant[b-f9mvo8q3r6] {
    position: absolute;
    bottom: 64px;
    left: 9px;
    width: 188px;
    border: 1px solid transparent;
    border-radius: 11px;
    padding: 5px 16px;
    background: linear-gradient(var(--kendo-color-surface), var(--kendo-color-surface)) padding-box, linear-gradient(114deg, #4b5ffa 0%, #c158e4 93%) border-box;
}

    #ai-assistant[b-f9mvo8q3r6]::before {
        content: "";
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: .18;
        background: url(ai-circle.png) center center no-repeat;
        background-size: cover;
    }

    #ai-assistant h4[b-f9mvo8q3r6],
    #ai-assistant > p[b-f9mvo8q3r6],
    #ai-assistant > a[b-f9mvo8q3r6] {
        position: relative;
        padding-left: 41px;
        z-index: 2;
    }

    #ai-assistant h4[b-f9mvo8q3r6] {
        position: relative;
        margin: 0 0 .3em;
        font-size: 20px;
        line-height: 1.4;
        font-weight: 500;
    }

    #ai-assistant .k-icon[b-f9mvo8q3r6] {
        position: absolute;
        left: 0;
        top: 0;
        color: #4b5ffa;
    }

    #ai-assistant > a[b-f9mvo8q3r6] {
        color: #a75ae9;
        text-decoration: none;
    }

        #ai-assistant > a:hover[b-f9mvo8q3r6] {
            text-decoration: underline;
        }
/* /Components/Layout/LinkPlayLayout.razor.rz.scp.css */
.app-logo[b-3rcmjm1bwt] {
    width: 80px;
    height: 40px;
    object-fit: contain;
    margin-right: 8px;
    vertical-align: middle;
}
.drawer-disabled[b-3rcmjm1bwt] {
    cursor: not-allowed;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Drawer 상단 헤더 컨테이너 */
[b-ot8k5gmppr] .drawer-header {
    display: flex;
    align-items: center; /* 세로 중앙 정렬 */
    padding: 9px 16px; /* 여백 설정 */
    border-bottom: 1px solid rgba(0, 0, 0, 0.08); /* 메뉴 영역과의 구분선 */
}

/* 로고 이미지 스타일 */
[b-ot8k5gmppr] .drawer-logo {
    width: 80px;
    height: 40px;
    object-fit: contain;
    margin-right: 8px;
    vertical-align: middle;
}

/* 회사명 텍스트 스타일 */
[b-ot8k5gmppr] .company-name {
    font-weight: 500;
    font-size: 1.05rem;
    color: oklch(); /* 텍스트 색상 */
    white-space: nowrap; /* 줄바꿈 방지 */
}

[b-ot8k5gmppr] .mainlayout-drawer .k-drawer-wrapper {
    height: 100%;
}
/* 전체 템플릿 래퍼: Flexbox로 수직 정렬 구조 생성 */
.drawer-container[b-ot8k5gmppr] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

/* 상단 메인 영역 (로고 + 메뉴) */
.drawer-body[b-ot8k5gmppr] {
    flex: 1;
    overflow-y: auto; /* 메뉴가 길어질 경우 상단 영역만 스크롤 되도록 설정 */
}

/* 최하단 사용자 정보 영역 */
.drawer-footer[b-ot8k5gmppr] {
    padding: 16px;
    background-color: #f8f9fa; /* 배경색 (선택사항) */
}

    .drawer-footer .user-info[b-ot8k5gmppr] {
        display: flex;
        align-items: center;
        gap: 10px;
        font-weight: 500;
    }

/* 메뉴 클릭했을때 테두리 생기는 것 없애는 것*/

[b-ot8k5gmppr] .k-menu .k-item:focus {
    box-shadow: none !important;
}
/* /Components/Pages/Auth/AccessDenied.razor.rz.scp.css */
/* CSS for AccessDenied component */
.access-denied-container[b-pwahtfwki5] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f5f7fa;
}

.access-denied-card[b-pwahtfwki5] {
    width: 480px;
    padding: 40px;
    text-align: center;
    background: white;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(0,0,0,.12);
}

.icon[b-pwahtfwki5] {
    font-size: 70px;
    margin-bottom: 20px;
}

.access-denied-card h1[b-pwahtfwki5] {
    color: #d32f2f;
    margin-bottom: 20px;
}

.access-denied-card p[b-pwahtfwki5] {
    color: #666;
    line-height: 1.7;
    margin-bottom: 30px;
}

.home-button[b-pwahtfwki5] {
    padding: 12px 32px;
    font-size: 16px;
    border: none;
    border-radius: 6px;
    background: #1976d2;
    color: white;
    cursor: pointer;
    transition: .2s;
}

    .home-button:hover[b-pwahtfwki5] {
        background: #1565c0;
    }
/* /Components/Pages/Auth/Login.razor.rz.scp.css */
/* CSS for Login component */
.login-page[b-j35piemgyw] {
    min-height: 100vh;
    background: #f3f6fb;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.login-card[b-j35piemgyw] {
    display: flex;
    background: white;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0,0,0,.1);
}

.login-panel[b-j35piemgyw] {
    padding: 50px;
}

.clickable-link[b-j35piemgyw] {
    display: inline-block;
    cursor: pointer;
    color: #0d6efd;
    text-decoration: underline;
}

    .clickable-link:hover[b-j35piemgyw] {
        color: #0a58ca;
    }

@media (max-width: 768px) {
    .login-page[b-j35piemgyw] {
        align-items: flex-start; /* 중앙 정렬 해제 (위쪽으로 밀착) */
        padding-top: 60px; /* 상단 여백 직접 지정 (원하는 만큼 조절) */
        padding-bottom: 40px; /* 하단 여백 추가 */
        /* min-height를 없애지 않고 유지하여 전체 배경색을 보장합니다 */
    }
}
/* /Components/Pages/User/Users.razor.rz.scp.css */
/* CSS for Users component */
.pm-page[b-p3fems7xvh] {
    width: 100%;
    min-height: 60vh;
    margin: 30px auto;
    padding: 10px 10px;
    max-width: 850px;
}
.pm-header[b-p3fems7xvh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
    margin-bottom: 20px;
}

    .pm-header h3[b-p3fems7xvh] {
        margin: 0;
        font-size: 32px;
        font-weight: 600;
    }

.toolbar[b-p3fems7xvh] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
}
.user-count-text[b-p3fems7xvh] {
    margin-top : 10px;
    padding-left: 5px;
}

/* /Components/Pages/Video/ImageViewer.razor.rz.scp.css */
/* CSS for ImageViewer2 component */
.image-dialog[b-p0vjsw46np] {
    padding: 0;
}

    .image-dialog .k-window-content[b-p0vjsw46np] {
        padding: 0;
    }

.toolbar[b-p0vjsw46np] {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
    align-items: center;
}

.image-dialog .k-window-content[b-p0vjsw46np] {
    padding: 0;
}
.scroll-container[b-p0vjsw46np] {
    width: 100%;
    height: calc(100vh - 60px);
    overflow: auto;
    background: black;
    border: solid 1px #eee;
}
.viewer[b-p0vjsw46np] {
    position: relative;
}

    .viewer img[b-p0vjsw46np] {
        display: block;
        user-select: none;
    }