/**
 * 관리자 공통 레이아웃 CSS - 3행 구조 (탭 바 + 서브메뉴 + 콘텐츠)
 */

/* ═══════════════════════════════════════
   리셋 & 기본
   ═══════════════════════════════════════ */
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
    font-family: 'Noto Sans KR', -apple-system, sans-serif;
    height: 100vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #f5f6fa;
    color: #333;
    font-size: 13px;
}

/* ═══════════════════════════════════════
   1행: 탭 네비게이션 바
   ═══════════════════════════════════════ */
.admin-nav {
    display: flex;
    align-items: center;
    height: 42px;
    background: #2c3e50;
    padding: 0 12px;
    flex-shrink: 0;
    z-index: 1000;
}

.admin-tab {
    color: #bdc3c7;
    padding: 0 14px;
    line-height: 42px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    border-bottom: 2px solid transparent;
    transition: color 0.15s, border-color 0.15s;
    white-space: nowrap;
}
.admin-tab:hover {
    color: #ecf0f1;
}
.admin-tab.active {
    color: #fff;
    border-bottom-color: #3498db;
}

/* master 탭 구분선 */
.tab-separator {
    width: 1px;
    height: 20px;
    background: #4a6272;
    margin: 0 6px;
    flex-shrink: 0;
}

/* 우측 관리자 정보 */
.nav-admin-info {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}
.nav-admin-name {
    color: #95a5a6;
    font-size: 12px;
}
.nav-admin-code {
    color: #7f8c8d;
    font-size: 11px;
}
.nav-logout {
    color: #e74c3c;
    text-decoration: none;
    font-size: 11px;
    margin-left: 8px;
    padding: 3px 8px;
    border: 1px solid #e74c3c;
    border-radius: 3px;
    transition: background 0.15s, color 0.15s;
}
.nav-logout:hover {
    background: #e74c3c;
    color: #fff;
}

/* ═══════════════════════════════════════
   2행: 서브메뉴 / 툴바
   ═══════════════════════════════════════ */
.admin-toolbar {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    background: #fff;
    border-bottom: 1px solid #ddd;
    flex-shrink: 0;
    flex-wrap: wrap;
    min-height: 38px;
}

/* 서브메뉴가 비어있을 때 숨김 */
.admin-toolbar:empty {
    display: none;
}

/* 툴바 내 구분선 */
.toolbar-divider {
    width: 1px;
    height: 20px;
    background: #ddd;
    flex-shrink: 0;
}

/* 툴바 내 공통 버튼 스타일 */
.toolbar-btn {
    padding: 4px 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fff;
    font-size: 12px;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.15s;
}
.toolbar-btn:hover {
    background: #f0f0f0;
}

/* 툴바 내 입력 필드 */
.toolbar-input {
    padding: 4px 8px;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 12px;
    outline: none;
}
.toolbar-input:focus {
    border-color: #3498db;
}

/* 툴바 내 라벨/체크박스 */
.toolbar-check {
    display: flex;
    align-items: center;
    gap: 3px;
    font-size: 11px;
    white-space: nowrap;
    cursor: pointer;
    margin-right: 10px;
}
.toolbar-check input[type="checkbox"] {
    margin: 0;
}

/* ═══════════════════════════════════════
   3행: 콘텐츠 영역
   ═══════════════════════════════════════ */
.admin-content {
    flex: 1;
    overflow: auto;
    position: relative;
}