/* 전역 테마 변수 설정 */
:root {
    --global-bg: #f1f5f9;
    --global-text: #0f172a;
    --global-card-bg: #fff;
    --global-border: #cbd5e1;
    --global-top-bg: #ffffff;
    --global-top-text: #0f172a;
    --global-bottom-bg: #fff;
    --global-bottom-text: #64748b;
    --global-bottom-active: #2563eb;
    --global-sidebar-bg: #fff;
    --global-sidebar-hover: #f8fafc;
    --global-text-main: #0f172a;
    --global-text-sub: #475569;
    --global-text-muted: #94a3b8;
}
body.dark-mode {
    --global-bg: #0f172a;
    --global-text: #f1f5f9;
    --global-card-bg: #1e293b;
    --global-border: #334155;
    --global-top-bg: #0b1120;
    --global-top-text: #f1f5f9;
    --global-bottom-bg: #1e293b;
    --global-bottom-text: #64748b;
    --global-bottom-active: #38bdf8;
    --global-sidebar-bg: #1e293b;
    --global-sidebar-hover: #334155;
    --global-text-main: #f1f5f9;
    --global-text-sub: #94a3b8;
    --global-text-muted: #64748b;
    --global-hover-bg: #334155;
}

body.dark-mode input:not([type="checkbox"]):not([type="radio"]), 
body.dark-mode textarea, 
body.dark-mode select {
    background-color: var(--global-bg) !important;
    color: var(--global-text-main) !important;
    border-color: var(--global-border) !important;
}

/* 다크모드 시 검색창 배경색을 더 어둡게 보정 */
body.dark-mode #globalSearchBtn {
    background-color: var(--global-bg) !important;
    border-color: var(--global-border) !important;
}

/* 기본 스타일 초기화 및 모바일 반응형 설정 */
body { 
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; margin: 0; padding: 0; background-color: var(--global-bg); color: var(--global-text); transition: background-color 0.3s, color 0.3s; 
    -webkit-user-select: none; /* 텍스트 연속 터치 선택 방지 */
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none; /* 모바일 길게 누르기 팝업 방지 */
}
* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; /* 터치 시 파란/회색 음영 제거 */ }
input, textarea, select, [contenteditable="true"] { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; -webkit-touch-callout: default; }

/* 전역 스크롤바 숨김 (스크롤 기능은 완벽히 유지됨) */
::-webkit-scrollbar { display: none; }
* { scrollbar-width: none; -ms-overflow-style: none; }

/* 공통 입력/버튼 요소 스타일 */
input { margin-bottom: 10px; padding: 10px; width: 100%; max-width: 300px; border: 1px solid #ccc; border-radius: 4px; }
button { padding: 10px 15px; border: none; background: #2980b9; color: white; border-radius: 4px; cursor: pointer; }
button:hover { background: #1c5980; }

#buildingList { list-style-type: none; padding: 0; margin-top: 20px; }
#buildingList li { background: var(--global-card-bg); border: 1px solid var(--global-border); padding: 15px; margin-bottom: 10px; border-radius: 6px; box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
#statusMessage { margin-top: 15px; font-weight: bold; }

/* 상단 탭 (Top Bar) 스타일 */
.top-bar {
    position: fixed; top: 0; left: 0; right: 0; height: 56px;
    background-color: var(--global-top-bg); color: var(--global-top-text);
    display: flex; justify-content: space-between; align-items: center;
    padding: 0 15px; z-index: 1000; transition: background-color 0.3s;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05); border-bottom: 1px solid var(--global-border);
}
.top-bar-left { display: flex; align-items: center; width: auto; margin-right: 15px; }
.top-bar-right { display: flex; align-items: center; width: auto; justify-content: flex-end; gap: 0px; }
.top-bar-center { flex: 1; text-align: left; font-size: 18px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.menu-btn { background: none; border: none; color: var(--global-top-text); font-weight: bold; font-size: 16px; cursor: pointer; padding: 0; width: auto; margin: 0; display: flex; align-items: center; gap: 4px; }
.account-btn { background: none; border: none; color: var(--global-top-text); padding: 0; cursor: pointer; display: flex; align-items: center; }
.top-bar-right .menu-btn, .top-bar-right .account-btn {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

/* 하단 탭 (Bottom Bar) 스타일 */
.bottom-bar {
    position: fixed; bottom: 0; left: 0; right: 0; height: 50px;
    background-color: var(--global-bottom-bg); border-top: 1px solid var(--global-border);
    display: flex; justify-content: flex-start; align-items: center;
    overflow-x: auto; white-space: nowrap;
    z-index: 1000; padding-bottom: env(safe-area-inset-bottom); transition: background-color 0.3s, border-color 0.3s;
    box-shadow: 0 -2px 5px rgba(0,0,0,0.05);
}
.bottom-bar::-webkit-scrollbar { display: none; }
.tab-item {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    flex: 0 0 70px; height: 100%; cursor: pointer; color: var(--global-bottom-text); transition: color 0.2s;
    /* 모바일 텍스트 선택 및 기본 터치 팝업 차단 */
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    -webkit-user-drag: none;
}
.tab-icon { font-size: 26px; margin-bottom: 0; }
.tab-label { display: none; }
.tab-item.active { color: var(--global-bottom-active); font-weight: bold; }

/* 메인 컨텐츠 영역 (상/하단 탭 뒤로 가려지지 않도록 패딩 추가) */
#app-content {
    padding: 70px 15px 70px 15px;
    max-width: 800px; /* 데스크톱에서 볼 때 너무 넓어지지 않게 고정 */
    margin: 0 auto;
}

/* 모듈 내부 래퍼 (카드 형태) */
.module-card {
    background: var(--global-card-bg); padding: 15px; border-radius: 8px; 
    margin-bottom: 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); transition: background-color 0.3s;
}

/* =========================================================
   칸반 모바일 스크롤 안정화 (좌우 떨림 방지 및 자석 스냅)
   ========================================================= */
.kanban-wrapper {
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
}
.kanban-wrapper > div {
    scroll-snap-align: center;
    scroll-snap-stop: always;
}

/* 사이드바 스타일 */
.sidebar {
    position: fixed; top: 0; left: -260px; width: 260px; height: 100%;
    background-color: var(--global-sidebar-bg); box-shadow: 2px 0 5px rgba(0,0,0,0.2);
    z-index: 2000; transition: left 0.3s ease, background-color 0.3s; display: flex; flex-direction: column;
}
.sidebar.open { left: 0; }
.sidebar-header {
    padding: 16px 20px; background-color: var(--global-top-bg); color: var(--global-top-text);
    display: flex; justify-content: space-between; align-items: center; height: 56px;
}
.sidebar-header h2 { margin: 0; font-size: 18px; }
.close-btn { background: none; border: none; color: var(--global-top-text); cursor: pointer; padding: 0; display: flex; }
.sidebar-menu { list-style: none; padding: 0; margin: 0; }
.sidebar-menu li {
    padding: 15px 20px; border-bottom: 1px solid var(--global-border); cursor: pointer;
    display: flex; align-items: center; gap: 10px; font-size: 16px; color: var(--global-text); transition: background-color 0.2s, color 0.2s;
}
.sidebar-menu li:hover { background-color: var(--global-sidebar-hover); color: var(--global-bottom-active); }

/* 사이드바 오버레이 (배경 어두워짐) */
.sidebar-overlay {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.5); z-index: 1500; display: none;
}
.sidebar-overlay.show { display: block; }

/* 로그인 화면 스타일 */
.login-screen {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background-color: var(--global-bg); z-index: 3000;
    display: flex; justify-content: center; align-items: center;
}
.login-card {
    background: var(--global-card-bg); padding: 40px 30px; border-radius: 12px;
    width: 90%; max-width: 400px; text-align: center;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}
.login-card h2 { margin-top: 0; color: var(--global-text); margin-bottom: 30px; }
.login-card input { width: 100%; max-width: 100%; margin-bottom: 15px; padding: 12px; border-radius: 6px; border: 1px solid #ccc; }
.login-card button { width: 100%; padding: 14px; font-size: 16px; font-weight: bold; border-radius: 6px; }
.error-msg { color: #e74c3c; margin-top: 15px; font-size: 14px; min-height: 20px; }

/* 숨김 유틸리티 클래스 */
.hidden { display: none !important; }

/* 상단 헤더 숨김 모드 자동 보정 */
body.hide-top-bar .top-bar { display: none !important; }
body.hide-top-bar #app-content { padding-top: 15px !important; }
body.hide-top-bar .sub-tab-menu { top: 0 !important; }
body.hide-top-bar #nardEditView, body.hide-top-bar #nardReadView, body.hide-top-bar #nardShareModal { top: 0 !important; height: calc(100dvh - 50px) !important; }

body.hide-top-bar .kanban-wrapper,
body.hide-top-bar #galaxy-container,
body.hide-top-bar #graph-wrapper-3d,
body.hide-top-bar #link-view-container,
body.hide-top-bar #app-content > div[style*="position: fixed"][style*="z-index: 999"] { /* Mind/Galaxy loading screen */
    top: 0 !important;
    height: calc(100dvh - 50px) !important;
}
body.hide-top-bar #nard-theme-wrapper,
body.hide-top-bar #app-content > div[style*="100dvh - 106px"],
body.hide-top-bar #app-content > div[style*="100dvh - 100px"],
body.hide-top-bar #app-content > div[style*="100vh - 105px"] {
    height: calc(100dvh - 50px) !important;
    min-height: calc(100dvh - 50px) !important;
    margin-top: -15px !important;
}
body.hide-top-bar #app-content > div[style*="100vh - 135px"] { height: calc(100vh - 79px) !important; margin-top: -15px !important; }
body.hide-top-bar #app-content > div > div[style*="100vh - 150px"],
body.hide-top-bar #app-content > div[style*="100vh - 150px"] { height: calc(100vh - 94px) !important; margin-top: -15px !important; }

/* 마인드 뷰 전체화면 모드 (다크/라이트 공통 헤더 및 탭 완벽 숨김) */
body.mind-fullscreen-mode .top-bar,
body.mind-fullscreen-mode .bottom-bar,
body.mind-fullscreen-mode .fab-container,
body.mind-fullscreen-mode .create-fab-container,
body.mind-fullscreen-mode .sub-tab-menu {
    display: none !important;
}
body.mind-fullscreen-mode #app-content { padding: 0 !important; margin: 0 !important; max-width: none !important; }
body.mind-fullscreen-mode #graph-wrapper-3d { height: 100dvh !important; top: 0 !important; z-index: 9999 !important; background: var(--global-bg); }

/* 모듈 내 서브 탭 메뉴 (가로 스크롤 및 상단 고정) */
.sub-tab-menu {
    display: flex;
    overflow-x: auto;
    background: var(--global-top-bg) !important;
    border-bottom: 1px solid var(--global-border);
    padding: 12px 15px;
    margin: -15px -15px 20px -15px; /* 컨테이너 패딩 무시하고 꽉 차게 */
    position: sticky;
    top: 56px; /* 상단바(56px) 바로 아래 고정 */
    z-index: 900;
    gap: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    -webkit-overflow-scrolling: touch; /* iOS 부드러운 스크롤 */
    transition: background-color 0.3s;
}
.sub-tab-menu::-webkit-scrollbar { display: none; } /* 모바일에서 기본 스크롤바 숨김 */
.sub-tab-btn {
    background: var(--global-bg);
    color: var(--global-bottom-text);
    border: 1px solid var(--global-border);
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    white-space: nowrap; /* 글자 줄바꿈 방지 */
    transition: all 0.2s;
    /* 모바일 텍스트 선택 및 기본 터치 팝업 차단 */
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
}
.sub-tab-btn.active {
    background: var(--global-bottom-active);
    color: var(--global-bg);
    border-color: var(--global-bottom-active);
}

/* 건물 등록 단계 표시기 스크롤바 숨김 */
.step-indicator-container::-webkit-scrollbar { display: none; }

/* AI 플로팅 모달 위치 및 X 버튼 오버레이 커스텀 */
#floatingAiModal {
    top: 56px !important;
    height: calc(100dvh - 56px) !important;
}
body.hide-top-bar #floatingAiModal {
    top: 0 !important;
    height: 100dvh !important;
}
#floatingAiHeader {
    display: none !important;
}
#closeFloatingAiBtn {
    position: fixed !important;
    top: 71px !important;
    right: 15px !important;
    z-index: 10001 !important;
    background: rgba(30, 41, 59, 0.7) !important;
    color: #f1f5f9 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    backdrop-filter: blur(4px) !important;
    cursor: pointer !important;
    padding: 0 !important;
}
#closeFloatingAiBtn .material-symbols-outlined {
    font-size: 20px !important;
    margin: 0 !important;
}
body.hide-top-bar #closeFloatingAiBtn {
    top: 15px !important;
}

/* FAB 열림 시 상단 헤더 영역 블러 효과 */
.top-bar-left, .top-bar-center, .top-bar-right > *:not(.fab-container) {
    transition: filter 0.3s ease, opacity 0.3s ease;
}
body.fab-open .top-bar-left,
body.fab-open .top-bar-center,
body.fab-open .top-bar-right > *:not(.fab-container) {
    filter: blur(3px);
    opacity: 0.4;
    pointer-events: none;
}

/* 나드 탭 글로벌 배경 적용 시 헤더/탭 반투명 처리 */
body.has-global-bg .top-bar,
body.has-global-bg .bottom-bar,
body.has-global-bg .sub-tab-menu {
    background-color: rgba(255, 255, 255, 0.75) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
}
body.dark-mode.has-global-bg .top-bar,
body.dark-mode.has-global-bg .sub-tab-menu {
    background-color: rgba(11, 17, 32, 0.75) !important;
}
body.dark-mode.has-global-bg .bottom-bar {
    background-color: rgba(30, 41, 59, 0.75) !important;
}
body.has-global-bg #nard-theme-wrapper,
body.has-global-bg #app-content > div {
    background-color: transparent !important;
}

#global-bg-blur {
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    z-index: -1;
    pointer-events: none;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    background: rgba(255, 255, 255, 0.15);
    opacity: 0;
    transition: opacity 0.3s ease;
}
body.dark-mode #global-bg-blur { background: rgba(15, 23, 42, 0.4); }
body.has-global-bg.blur-bg #global-bg-blur { opacity: 1; }

#floatingAiModal {
    background: rgba(15, 23, 42, 0.85) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

/* 메인 플로팅 액션 버튼 (FAB) */
.fab-container {
    position: relative;
    z-index: 5000;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.fab-main {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: transparent;
    color: var(--global-top-text);
    border: none;
    box-shadow: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s;
    -webkit-tap-highlight-color: transparent;
}
.fab-main .material-symbols-outlined {
    font-size: 24px;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.fab-container.open .fab-main {
    background-color: transparent;
    color: #e74c3c;
    transform: rotate(90deg);
}
.fab-menu {
    position: absolute;
    top: 50%;
    right: calc(100% + 12px); /* 메인 버튼의 왼쪽으로 전개 */
    display: flex;
    flex-direction: row-reverse; /* 최신 항목이 메인 버튼에 가깝게 유지 */
    gap: 8px; /* 모바일 가로폭을 고려해 간격 약간 축소 */
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-50%) translateX(20px);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.fab-container.open .fab-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(-50%) translateX(0);
}
.fab-item {
    width: 36px; height: 36px; border-radius: 50%; /* 가로 배치에 맞게 크기 축소 */
    background-color: var(--global-card-bg); color: var(--global-text);
    border: 1px solid var(--global-border); box-shadow: 0 3px 8px rgba(0,0,0,0.15);
    cursor: pointer; display: flex; justify-content: center; align-items: center;
    transition: background-color 0.2s, transform 0.2s; -webkit-tap-highlight-color: transparent;
}
.fab-item:hover, .fab-item:active { background-color: var(--global-hover-bg); transform: scale(1.08); }
.fab-item .material-symbols-outlined { font-size: 20px; color: var(--global-bottom-active); }
#globalThemeToggleBtn.fab-item .material-symbols-outlined { color: #f39c12; }
#nardFavoriteBtn.fab-item .material-symbols-outlined { color: #f1c40f; }

/* 하단 우측 생성 FAB (새 나드, 칸반, 스케줄) */
.create-fab-container {
    position: fixed;
    bottom: 120px;
    right: 20px;
    z-index: 5000;
    display: flex;
    flex-direction: column;
    align-items: center;
}
body.hide-top-bar .create-fab-container {
    bottom: 70px;
}
.create-fab-main {
    width: 50px; height: 50px; border-radius: 50%;
    background-color: var(--global-bottom-active); color: white;
    border: none; box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    cursor: pointer; display: flex; justify-content: center; align-items: center;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s;
    -webkit-tap-highlight-color: transparent;
}
.create-fab-main .material-symbols-outlined { font-size: 28px; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
.create-fab-container.open .create-fab-main {
    background-color: #e74c3c;
    transform: rotate(45deg);
}
.create-fab-menu {
    position: absolute; bottom: calc(100% + 15px); right: 3px;
    display: flex; flex-direction: column; gap: 12px;
    opacity: 0; visibility: hidden; pointer-events: none;
    transform: translateY(20px); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.create-fab-container.open .create-fab-menu {
    opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0);
}
.create-fab-item {
    width: 44px; height: 44px; border-radius: 50%;
    background-color: var(--global-card-bg); color: var(--global-text);
    border: 1px solid var(--global-border); box-shadow: 0 3px 8px rgba(0,0,0,0.15);
    cursor: pointer; display: flex; justify-content: center; align-items: center;
    transition: background-color 0.2s, transform 0.2s; -webkit-tap-highlight-color: transparent;
}
.create-fab-item:hover, .create-fab-item:active { background-color: var(--global-hover-bg); transform: scale(1.08); }
.create-fab-item .material-symbols-outlined { font-size: 24px; }

/* 통합 설정 허브 모달 */
.settings-hub-layout { flex-direction: row; }
.settings-hub-tabs { width: 160px; background: var(--global-card-bg); border-right: 1px solid var(--global-border); overflow-y: auto; display: flex; flex-direction: column; padding: 10px 0; }
.settings-tab-btn {
    background: transparent; border: none; text-align: left; padding: 14px 20px; color: var(--global-text); font-size: 14px; font-weight: bold; cursor: pointer; transition: background 0.2s, color 0.2s; width: 100%; border-left: 3px solid transparent; border-radius: 0;
}
.settings-tab-btn:hover { background: var(--global-hover-bg); }
.settings-tab-btn.active { background: var(--global-hover-bg); color: var(--global-bottom-active); border-left-color: var(--global-bottom-active); }

@media (max-width: 600px) {
    .settings-hub-layout { flex-direction: column !important; }
    .settings-hub-tabs { width: 100% !important; border-right: none !important; border-bottom: 1px solid var(--global-border); flex-direction: row !important; overflow-x: auto; padding: 0 !important; }
    .settings-hub-tabs::-webkit-scrollbar { display: none; }
    .settings-tab-btn { width: auto; white-space: nowrap; padding: 12px 16px; border-left: none !important; border-bottom: 3px solid transparent; }
    .settings-tab-btn.active { border-left: none !important; border-bottom-color: var(--global-bottom-active); }
}

/* =========================================================
   Nard Publisher (문서 출력/인쇄 전용 엔진) 
   ========================================================= */
body.is-printing > *:not(#print-container) {
    /* 인쇄 모드 시 화면의 모든 불필요한 앱 UI(버튼, 배경, 사이드바 등)를 강제 숨김 */
    display: none !important; 
}
body.is-printing {
    background: white !important;
    overflow: visible !important;
    height: auto !important;
}
#print-container {
    display: none; /* 평상시에는 숨김 */
}
body.is-printing #print-container {
    display: block !important;
    width: 100%;
    color: black;
    background: white;
    padding: 0;
    margin: 0;
}
@media print {
    body > *:not(#print-container) {
        display: none !important;
    }
    body {
        background: white !important;
        overflow: visible !important;
        height: auto !important;
    }
    #print-container { display: block !important; width: 100% !important; background: white !important; }
    @page { 
        size: A4; /* A4 규격 강제 */
        margin: 15mm; /* 인쇄 여백 설정 */
    }
    #print-container { font-family: 'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif; }
    #print-container h2 { font-size: 24pt; border-bottom: 2px solid #000; padding-bottom: 10px; margin-bottom: 20px; color: #000; }
    #print-container .print-content { font-size: 11pt; line-height: 1.6; color: #000; white-space: pre-wrap; word-break: break-all; }
    #print-container img { max-width: 100%; height: auto; page-break-inside: avoid; }
    .page-break { page-break-before: always; }
}

/* =========================================================
   표(Table) 컴포넌트: 비활성/읽기 모드 시 행/열 인덱스 숨김 처리
   ========================================================= */
.nard-sheet th:first-child,
.nard-sheet td:first-child {
    display: none !important;
}
.nard-sheet thead {
    visibility: collapse;
}
.nard-sheet thead th {
    padding-top: 0 !important; padding-bottom: 0 !important;
    border-top: 0 !important; border-bottom: 0 !important;
    height: 0 !important; font-size: 0 !important; line-height: 0 !important;
    color: transparent !important; overflow: hidden !important;
}

/* 편집 모드에서 선택된(Active) 표만 인덱스 표시 */
#nardEditView .nard-table-container.nard-table-active .nard-sheet th:first-child,
#nardEditView .nard-table-container.nard-table-active .nard-sheet td:first-child {
    display: table-cell !important;
}
#nardEditView .nard-table-container.nard-table-active .nard-sheet thead {
    visibility: visible;
}
#nardEditView .nard-table-container.nard-table-active .nard-sheet thead th {
    padding-top: 8px !important; padding-bottom: 8px !important;
    border-top: 1px solid var(--global-border, #cbd5e1) !important; 
    border-bottom: 1px solid var(--global-border, #cbd5e1) !important;
    height: auto !important; font-size: 13px !important; line-height: normal !important;
    color: var(--global-text-sub, #475569) !important; overflow: visible !important;
}

#nardEditView .nard-table-container.nard-table-active .nard-table-del-btn {
    display: flex !important;
}