/* ═══════════════════════════════════════════════════════════════════════════
   Cable List 상단 영역 Compact Override
   - 탭 + 슬라이서(SYSTEM/NODE) + 드롭다운 + 일괄작업 한 번에 압축
   - 스크린샷 기준 ~400px → ~180px로 축소
   ═══════════════════════════════════════════════════════════════════════════ */

/* 탭 바 (활성 케이블 / 삭제됨) */
.cable-tabs {
  padding: 4px 12px 0 !important;
  gap: 4px !important;
  margin-bottom: 0 !important;
}
.cable-tabs .cable-tab {
  padding: 6px 12px !important;
  font-size: 12px !important;
  height: auto !important;
  min-height: 28px !important;
  border-radius: 4px 4px 0 0 !important;
}
.cable-tab-count { font-size: 11px !important; padding: 1px 6px !important; }

/* 페이지 헤더 (케이블 리스트 + 우상단 일괄 작업) */
.legacy-shell > header,
.legacy-shell .panel-header,
.cable-list-header {
  padding: 6px 12px !important;
  min-height: 32px !important;
  margin-bottom: 0 !important;
}
.legacy-shell h1, .legacy-shell .panel-title { font-size: 14px !important; margin: 0 !important; }

/* 컨트롤 데크 — 전체 패널 패딩/갭 압축 */
.legacy-filter-panel.excel-control-deck {
  padding: 8px 12px !important;
  gap: 8px !important;
  margin-bottom: 6px !important;
  display: grid !important;
  grid-template-columns: minmax(280px, 320px) 1fr !important;
  align-items: start !important;
}

/* 좌측 슬라이서 스택 (SYSTEM + 구역/NODE) — 한 row에 두 슬라이서 */
.excel-slicer-stack {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 6px !important;
}
.excel-slicer {
  border-radius: 4px !important;
  border-width: 1px !important;
}
.excel-slicer-head {
  padding: 4px 8px !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  min-height: 22px !important;
}
.excel-slicer-head strong { font-size: 10.5px !important; }
.excel-slicer-head em { font-size: 10px !important; opacity: 0.85 !important; }
.excel-slicer-body {
  max-height: 96px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
.slicer-chip {
  padding: 2px 6px !important;
  font-size: 10.5px !important;
  height: auto !important;
  min-height: 20px !important;
  line-height: 1.3 !important;
  border-radius: 3px !important;
}
.slicer-chip span { font-size: 10px !important; padding: 0 4px !important; }

/* 우측 ops 스택 — 드롭다운 + 검색 + 일괄작업 모두 압축 */
.excel-ops-stack {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}
.excel-ops-panel {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) 1.4fr auto !important;
  gap: 6px !important;
  padding: 6px 8px !important;
  align-items: end !important;
}
.excel-ops-panel label {
  font-size: 10px !important;
  letter-spacing: 0.04em !important;
  margin-bottom: 2px !important;
  color: #4a5568 !important;
}
.excel-ops-panel select,
.excel-ops-panel input[type="text"],
.excel-ops-panel input[type="search"] {
  height: 26px !important;
  padding: 2px 6px !important;
  font-size: 12px !important;
  border-radius: 3px !important;
}
.excel-ops-panel button {
  height: 26px !important;
  padding: 0 10px !important;
  font-size: 11px !important;
  border-radius: 3px !important;
}

/* 일괄작업 행 (2개 → 1개로 압축) */
.excel-bulk-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  align-items: center !important;
  padding: 4px 8px !important;
  background: #f5f8fc !important;
  border-radius: 4px !important;
  border: 1px solid #e2e8f0 !important;
}
.excel-bulk-row + .excel-bulk-row {
  margin-top: 0 !important;
  border-top: none !important;
  border-radius: 0 0 4px 4px !important;
}
.excel-bulk-row .bulk-label,
.excel-bulk-row strong {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #2d3748 !important;
}
.excel-bulk-row button {
  height: 24px !important;
  padding: 0 8px !important;
  font-size: 10.5px !important;
  border-radius: 3px !important;
  font-weight: 600 !important;
}
.excel-bulk-row input[type="date"] {
  height: 24px !important;
  padding: 1px 6px !important;
  font-size: 11px !important;
  border-radius: 3px !important;
}
.excel-bulk-row span,
.excel-bulk-row em {
  font-size: 10.5px !important;
  color: #4a5568 !important;
}

/* "0건 선택", "현재 페이지 선택" 등 라인 — 인라인 압축 */
.bulk-actions-bar,
.selection-summary {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  align-items: center !important;
  padding: 0 !important;
}

/* 표시 카운터 + 페이지 정보 — 한 줄 */
.cable-meta-row,
.table-summary-row {
  padding: 3px 12px !important;
  font-size: 11px !important;
  min-height: 22px !important;
}

/* 우상단 액션 (포설일자/결선/필터내보내기) — 작은 라운드 칩 */
.cable-list-header .header-actions button,
.legacy-shell > header button {
  height: 26px !important;
  padding: 0 10px !important;
  font-size: 11px !important;
  border-radius: 4px !important;
}

/* 모바일 — 그리드 1열 */
@media (max-width: 1024px) {
  .legacy-filter-panel.excel-control-deck {
    grid-template-columns: 1fr !important;
  }
  .excel-ops-panel {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* 페이지네이션 / 푸터 영역도 살짝 줄임 */
.cable-pagination,
.legacy-pagination {
  padding: 4px 12px !important;
  font-size: 11px !important;
  min-height: 32px !important;
}
.cable-pagination button,
.legacy-pagination button {
  height: 24px !important;
  padding: 0 8px !important;
  font-size: 11px !important;
}