/* 자동배정 설정탭 킬스위치 행 (2026-07-17) — DB배정 모달 > 자동배정 > 설정탭.
 * 데스크톱: [스위치·라벨] --- [요일][시간 시작~종료 ⟲][저장] 한 줄.
 * 모바일(≤640px): 스위치·요일·시간·저장이 각 줄로 줄바꿈되며 전부 우측 정렬,
 *                시작~종료는 한 줄 유지(.fdb-ks-time nowrap).
 */
.fdb-ks-row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  row-gap: 8px;
}
.fdb-ks-head { display: inline-flex; align-items: center; gap: 10px; flex-shrink: 0; }
.fdb-ks-spacer { flex: 1; }
.fdb-ks-opts {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  row-gap: 6px;
}
.fdb-ks-time { display: inline-flex; align-items: center; gap: 6px; flex-wrap: nowrap; flex-shrink: 0; }
.fdb-ks-divider { width: 1px; height: 24px; background: #d1d5db; margin: 0 4px; flex-shrink: 0; }

/* 시간 초기화 아이콘 버튼 */
.fdb-ks-time-reset {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 1px solid #d1d5db;
  border-radius: 5px;
  background: white;
  color: #9ca3af;
  cursor: pointer;
  flex-shrink: 0;
}
.fdb-ks-time-reset:hover { color: #dc2626; border-color: #fca5a5; background: #fef2f2; }

@media (max-width: 640px) {
  .fdb-ks-row { justify-content: flex-end; }
  .fdb-ks-head { margin-right: auto; }  /* 스위치·라벨은 좌측 고정, 나머지 줄은 우측 정렬 */
  .fdb-ks-opts { justify-content: flex-end; }
  .fdb-ks-spacer { display: none; }
  .fdb-ks-divider { display: none; }
}