/* 可愛漫畫風排表：即使系統使用深色模式，排表編輯區仍保持亮色。 */
.roster-full-editor,
.roster-full-editor button,
.roster-full-editor input,
.roster-full-editor select {
  color-scheme: light;
}

.roster-group-editor {
  color: #29263b !important;
  background: #fffaf0 !important;
}

.roster-group-editor > header {
  color: #29263b !important;
  background: linear-gradient(100deg, #ffb8cf 0%, #ffe6a0 48%, #9ce5e8 100%) !important;
  border-bottom-color: #29263b !important;
}

.roster-group-editor > header h3,
.roster-group-editor > header small,
.roster-group-editor > header > b {
  color: #29263b !important;
  text-shadow: none !important;
}

.roster-team-card {
  color: #29263b !important;
  background: #fffaf0 !important;
}

.roster-slot-editor,
.roster-slot-editor.job-colored {
  color: #29263b !important;
  background: #fffaf0 !important;
  border-color: #e7a9bd !important;
}

.roster-slot-editor.leave-warning {
  background: #fff0f3 !important;
  box-shadow: inset 4px 0 0 #f2527e !important;
}

.roster-slot-editor .slot-fields > select:first-child {
  color: #29263b !important;
  background: #fffdf8 !important;
  background-image: none !important;
  border-color: #e7a9bd !important;
  text-shadow: none !important;
}

.roster-slot-editor .slot-fields > select:nth-child(2),
.roster-slot-editor .slot-fields > select.position-select,
.roster-slot-editor .slot-skills > select.skill-add-select,
.roster-slot-editor .slot-skills > div,
.roster-slot-editor .slot-editor-head button {
  color: #29263b !important;
  background: #fffdf8 !important;
  background-image: none !important;
  border-color: #e7a9bd !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

.roster-slot-editor .slot-skills > div:empty::before {
  color: #a4687e !important;
}

.roster-slot-editor .slot-fields > select:nth-child(2):focus,
.roster-slot-editor .slot-fields > select.position-select:focus,
.roster-slot-editor .slot-skills > select.skill-add-select:focus,
.roster-slot-editor .slot-fields > select:first-child:focus {
  outline: 3px solid #78dce1 !important;
  outline-offset: 1px !important;
}