.time-settings { margin-top: -8px; }
.anchor-status.abnormal-status { background: #ffe7e7; border-color: #e5a0a0; color: #8a1f1f; }
.charm-tier-form { align-items: flex-end; }
.charm-tier-list { display: grid; gap: 10px; min-width: min(520px, 100%); }
.charm-tier-row { display: flex; align-items: flex-end; gap: 10px; padding: 10px; border: 1px solid #d7e2f1; border-radius: 10px; background: #f8fbff; }
.charm-tier-row label { flex: 1; }
.tier-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.tier-remove { color: #b42318; }
.settings-form { display: flex; align-items: end; gap: 14px; flex-wrap: wrap; padding-top: 16px; }
.settings-form input[type="number"] { width: 170px; }
.time-range { display: flex; align-items: end; gap: 7px; }
.time-range label { display: grid; gap: 5px; }
.time-range select { min-width: 92px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (max-width: 900px) {
  .settings-form { align-items: stretch; flex-direction: column; gap: 12px; }
  .settings-form input[type="number"] { width: 100%; }
  .charm-tier-row { align-items: stretch; flex-direction: column; }
}