.btn:hover {
    color: #9c9c9c;
    
}
        @keyframes fadein {
            0% {
                opacity: 0;
            }

            100% {
                opacity: 1;
            }
        }

        .pre-hide {
            display: none !important;
            /*opacity: 0;*/
        }

        ;

        .fadein {
            animation: fadein 5s;
        }

        /*- .mm-init-hide:not(.mm-collapse) {
                //- display: none;
                //- }*/

        ::-webkit-scrollbar {
            width: 6px;
            height: 6px;
        }

        ::-webkit-scrollbar-thumb {
            background-color: #6691E780;
            border-radius: 8px;
        }

        ::-webkit-scrollbar-track {
            background-color: transparent;
            /*background-color: grey;
  border-radius: 10px;
  box-shadow: inset 0px 0px 5px white;*/
        }

        pre {
            white-space: -moz-pre-wrap;
            /* Mozilla, supported since 1999 */
            white-space: -pre-wrap;
            /* Opera */
            white-space: -o-pre-wrap;
            /* Opera */
            white-space: pre-wrap;
            /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
            word-wrap: break-word;
            /* IE 5.5+ */
        }

        .modal-body>.btn {
            margin: 4px;
        }

        .modal-open {
            padding-right: 0px !important;
        }

        .alertify-logs {
            z-index: 999999 !important;
        }

        /* 모달 배경: 화면 고정 */
        .modal-backdrop {
            position: fixed;
            inset: 0;
            background: rgba(0, 0, 0, .5);
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 16px;
            /* 모바일 여백 */
            z-index: 1000;
        }

        /* 카드(모달) 크기 제한 + 세로 플렉스 */
        .modal-card.manage-modal {
            width: min(96vw, 960px);
            /* 가로 최대폭 제한 */
            max-height: 90vh;
            /* 세로 최대높이 제한 */
            background: #1f242a;
            color: #e6eaf0;
            border-radius: 12px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, .4);
            display: flex;
            flex-direction: column;
            /* 헤더/바디/푸터 수직 정렬 */
            overflow: hidden;
            /* 모서리 라운드 유지 */
        }

        /* 헤더/푸터는 고정 높이(내용에 따라 자동) */
        .modal-header,
        .modal-footer {
            flex: 0 0 auto;
            padding: 16px 20px;
            border-bottom: 1px solid #2b3036;
        }

        .modal-footer {
            border-top: 1px solid #2b3036;
            border-bottom: none;
        }

        /* 바디는 남은 공간을 채우며 스크롤 */
        .modal-body {
            flex: 1 1 auto;
            /* 남는 공간 차지 */
            overflow: auto;
            /* 내용이 넘치면 여기만 스크롤 */
            padding: 16px 20px;
            min-height: 0;
            /* flex 컨테이너에서 overflow 작동에 필요 */
        }

        /* 표/카드 영역이 넓을 때 가로 스크롤(선택) */
        .board-table,
        .brand-manage-cards {
            overflow: visible;
        }

        .modal-body .board-table-wrapper {
            overflow-x: auto;
        }

        /* 모바일 대응(선택) */
        @media (max-width: 640px) {
            .modal-card.manage-modal {
                width: 100%;
                max-height: 92vh;
            }

            .modal-header,
            .modal-footer {
                padding: 12px 14px;
            }

            .modal-body {
                padding: 12px 14px;
            }
        }

        /* (선택) 스크롤바 커스텀 */
        .modal-body::-webkit-scrollbar {
            width: 10px;
        }

        .modal-body::-webkit-scrollbar-thumb {
            background: #3a4047;
            border-radius: 8px;
        }

        .modal-body::-webkit-scrollbar-track {
            background: #23282e;
        }