/**
 * Peer Hours admin tab — scoped styles. Brand red #bd2727.
 *
 * @package SoberAF\PeerHours
 */

.saf-peerhours__summary {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin: 12px 0;
}
.saf-peerhours__stat {
  flex: 1 1 180px;
  min-width: 160px;
  padding: 14px 16px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid #e6dede;
  border-left: 4px solid #bd2727;
}
.saf-peerhours__stat-num {
  font-size: 2rem;
  font-weight: 800;
  line-height: 1.1;
  color: #bd2727;
}
.saf-peerhours__stat-lbl {
  font-weight: 600;
  margin-top: 2px;
}

.saf-peerhours__form {
  margin: 14px 0;
  padding: 12px 14px;
  border: 1px solid #e0d9d9;
  border-radius: 8px;
  background: #faf7f7;
}
.saf-peerhours__form legend {
  font-weight: 700;
  padding: 0 6px;
}
.saf-peerhours__form-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px 14px;
  margin-bottom: 10px;
}
.saf-peerhours__form-grid label {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-weight: 600;
}
.saf-peerhours__form-grid input,
.saf-peerhours__form-grid select {
  padding: 6px 8px;
}

.saf-peerhours__status {
  margin: 8px 0;
  font-style: italic;
  color: #555;
}
.saf-peerhours__status.is-error {
  color: #bd2727;
  font-style: normal;
  font-weight: 600;
}

.saf-peerhours__subhead {
  margin: 18px 0 6px;
}

.saf-peerhours__row--met {
  background: #eaf6ec;
}
.saf-peerhours__bar {
  display: inline-block;
  width: 120px;
  height: 10px;
  background: #eee;
  border-radius: 5px;
  overflow: hidden;
  vertical-align: middle;
  margin-right: 6px;
}
.saf-peerhours__bar-fill {
  height: 100%;
  background: #bd2727;
}
.saf-peerhours__pct {
  font-size: 0.85rem;
  color: #555;
}

.saf-dash-button--danger {
  background: #bd2727;
  color: #fff;
}

@media (max-width: 640px) {
  .saf-peerhours__form-grid {
    grid-template-columns: 1fr;
  }
}