/* ==========================================================
   CuttingOverviewPanel.uss - 전체 OVERVIEW 패널 스타일
   Colors: --primary, --primary-light, --primary-pale,
           --bg-card, --border-card, --bg-input, --bg-info,
           --text-subtle
   ========================================================== */

/* === Process Cards Section (공정 카드 행) === */
.process-cards-section {
    flex-shrink: 0;
    height: 220px;
    margin-bottom: 12px;
}

.process-cards-section ScrollView {
    flex-grow: 1;
}

.process-cards-section .unity-scroll-view__content-container {
    flex-direction: row;
    align-items: stretch;
}

/* === Equipment Cards Section (상단 카드 행) === */
.equipment-cards-section {
    flex-shrink: 0;
    height: 220px;
    margin-bottom: 12px;
}

.equipment-cards-section ScrollView {
    flex-grow: 1;
}

.equipment-cards-section .unity-scroll-view__content-container {
    flex-direction: row;
    align-items: stretch;
}

/* 개별 카드 */
.equipment-card {
    width: 240px;
    min-width: 240px;
    margin-right: 10px;
    padding: 12px;
    background-color: rgba(255, 255, 255, 0.95);
    border-radius: 6px;
    border-width: 1px;
    border-color: #E0E0E0;
    flex-direction: column;
}

.equipment-card--summary {
    width: 260px;
    min-width: 260px;
    border-left-width: 3px;
    border-left-color: #2563EB;
}

.equipment-card:hover {
    border-color: #93C5FD;
}

.equipment-card--active {
    border-color: #2563EB;
    border-width: 2px;
}

/* 카드 헤더 */
.card-header {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.card-title {
    font-size: 13px;
    color: #1E1E2E;
    -unity-font-style: bold;
}

/* .card-info-button — see .info-circle-button in MonitoringUI.uss */

/* 차트 컨테이너 */
.card-charts-container {
    flex-grow: 1;
}

/* 막대 그래프 */
.bar-chart-row {
    flex-direction: row;
    align-items: center;
    margin-bottom: 4px;
    height: 32px;
}

.bar-chart-label {
    width: 72px;
    min-width: 72px;
    font-size: 9px;
    color: #6B6B7B;
    -unity-text-align: middle-left;
    overflow: hidden;
    white-space: nowrap;
}

.bar-chart-track-container {
    flex-grow: 1;
    flex-direction: column;
}

.bar-chart-track {
    height: 16px;
    background-color: #F0F0F5;
    border-radius: 3px;
    flex-direction: row;
    overflow: hidden;
}

.bar-chart-fill--primary {
    height: 100%;
    background-color: #93C5FD;
}

.bar-chart-fill--secondary {
    height: 100%;
    background-color: #BFDBFE;
}

.bar-chart-value--primary {
    font-size: 9px;
    color: #3B82F6;
    -unity-text-align: upper-right;
    margin-right: 6px;
}

.bar-chart-value--secondary {
    font-size: 9px;
    color: #93C5FD;
    -unity-text-align: upper-right;
}

/* W/O 정보 */
.card-info-section {
    margin-top: 6px;
    padding-top: 6px;
    border-top-width: 1px;
    border-top-color: #E0E0E0;
}

.card-wo-label {
    font-size: 9px;
    color: #6B6B7B;
    margin-bottom: 2px;
    overflow: hidden;
    white-space: nowrap;
}

/* === 하단 패널 컨테이너 === */
.bottom-panels-container {
    flex-direction: row;
    flex-grow: 1;
}

/* 공통 컨텐츠 패널 */
.content-panel {
    background-color: rgba(255, 255, 255, 0.95);
    border-radius: 6px;
    border-width: 1px;
    border-color: #E0E0E0;
    flex-direction: column;
    overflow: hidden;
}

.panel-header {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    border-bottom-width: 1px;
    border-bottom-color: #E0E0E0;
    flex-shrink: 0;
}

.panel-title {
    font-size: 14px;
    color: #1E1E2E;
    -unity-font-style: bold;
}

/* .panel-info-button — see .info-circle-button in MonitoringUI.uss */

.panel-body {
    flex-grow: 1;
    padding: 12px;
}

/* === 공정 모니터링 패널 (좌측) === */
.process-monitoring-panel {
    flex-grow: 1;
    margin-right: 12px;
}

.process-visualization-area {
    flex-grow: 1;
    background-color: #EBF5FF;
    border-radius: 6px;
    align-items: center;
    justify-content: center;
}

.process-placeholder {
    font-size: 16px;
    color: #3B82F6;
    -unity-text-align: middle-center;
}

/* === 스케줄 정보 패널 (우측 하단) === */
.schedule-info-panel {
    width: 420px;
    height: 520px;
    flex-shrink: 0;
    align-self: flex-end;
}

/* 스케줄 툴바 */
.schedule-toolbar {
    flex-direction: column;
    padding: 8px 14px;
    border-bottom-width: 1px;
    border-bottom-color: #E0E0E0;
    flex-shrink: 0;
}

.schedule-toggle-group {
    flex-direction: row;
    margin-bottom: 6px;
}

.schedule-toggle-btn {
    padding: 4px 12px;
    background-color: #F0F0F5;
    border-width: 1px;
    border-color: #D0D0D8;
    color: #6B6B7B;
    font-size: 12px;
    border-radius: 0;
    margin: 0;
}

.schedule-toggle-btn--active {
    background-color: #2563EB;
    color: #FFFFFF;
    border-color: #2563EB;
}

/* 날짜 네비게이션 */
.schedule-date-nav {
    flex-direction: row;
    align-items: center;
}

.schedule-nav-btn {
    width: 24px;
    height: 24px;
    background-color: rgba(0, 0, 0, 0);
    border-width: 0;
    color: #6B6B7B;
    font-size: 14px;
    padding: 0;
    margin: 0;
    -unity-text-align: middle-center;
}

.schedule-nav-btn:hover {
    color: #2563EB;
}

.schedule-date-label {
    padding: 2px 8px;
    font-size: 12px;
    color: #6B6B7B;
    margin: 0 2px;
    -unity-text-align: middle-center;
}

.schedule-date-label--active {
    background-color: #2563EB;
    color: #FFFFFF;
    border-radius: 4px;
}

/* 스케줄 테이블 */
.schedule-table {
    flex-grow: 1;
    flex-direction: column;
}

.schedule-table-header-row {
    flex-direction: row;
    background-color: #F5F5FA;
    border-bottom-width: 1px;
    border-bottom-color: #E0E0E0;
    flex-shrink: 0;
}

.schedule-table-header-cell {
    flex-grow: 1;
    padding: 6px 4px;
    font-size: 11px;
    color: #6B6B7B;
    -unity-font-style: bold;
    -unity-text-align: middle-center;
    border-right-width: 1px;
    border-right-color: #E0E0E0;
}

.schedule-table-row {
    flex-direction: row;
    border-bottom-width: 1px;
    border-bottom-color: #F0F0F5;
}

.schedule-table-row:hover {
    background-color: #F5F8FF;
}

.schedule-table-cell {
    flex-grow: 1;
    padding: 6px 4px;
    font-size: 10px;
    color: #1E1E2E;
    -unity-text-align: middle-center;
    border-right-width: 1px;
    border-right-color: #F0F0F5;
    overflow: hidden;
    white-space: nowrap;
}

/* === 설비 기준 필터 === */
.schedule-equipment-filter {
    flex-direction: row;
    align-items: center;
    display: none;
}

.schedule-dropdown-label {
    font-size: 12px;
    color: #6B6B7B;
    margin-right: 4px;
    margin-left: 12px;
}

.schedule-dropdown {
    min-width: 120px;
    font-size: 12px;
    background-color: #F0F0F5;
    border-width: 1px;
    border-color: #D0D0D8;
    border-radius: 4px;
    color: #1E1E2E;
}

.schedule-dropdown .unity-base-popup-field__input {
    padding: 4px 8px;
    font-size: 12px;
    color: #1E1E2E;
    background-color: #F0F0F5;
}

.schedule-dropdown .unity-base-popup-field__arrow {
    -unity-background-image-tint-color: #6B6B7B;
}
