/* Company Settings → Forecast Review Queue tab — per-subsection fieldsets.
 *
 * 2026-09-07 restructure (founder request): the tab was ONE wall-of-text
 * fieldset — a 14-checkbox list followed by five orphaned hint paragraphs
 * whose triggers sat 40 lines above them. Each subsection (queue basics,
 * floors, core triggers, and every prose-heavy trigger family) now owns a
 * bordered fieldset holding its controls AND its explanation together.
 * Classes, not inline styles (design-system ratchet). */

.frq-fieldset {
  border: 1px solid #e7e3da;
  border-radius: 8px;
  padding: 14px 16px 16px;
  margin: 0 0 16px 0;
  background: #fff;
}
.frq-fieldset legend {
  padding: 0 6px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.01em;
  color: #2a2a2a;
}
.frq-fieldset > .form-group:last-child {
  margin-bottom: 0;
}
/* Trigger fieldsets carry their explanation directly under their controls. */
.frq-fieldset .form-hint {
  display: block;
  margin-top: 6px;
}

/* Stacked checkbox/control rows (generalizes .dsh-settings-fieldset). */
.frq-fieldset-stack {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* T12 materiality floors (2026-09-15) — a subordinate row under the Override
 * Drifted checkbox. Indented to read as a qualifier on the trigger above it, and
 * each number input gets its OWN <label> (the first cut wrapped both inputs in
 * one label, so clicking the text focused an arbitrary control). */
.frq-materiality-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  padding-left: 22px;
}
.frq-materiality-lead {
  color: #6b675e;
}
.frq-materiality-field {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-weight: 600;
  margin: 0;
}
.frq-materiality-input {
  max-width: 88px;
}
.frq-materiality-or {
  font-weight: 700;
  color: #6b675e;
}

/* Horizontal mini-grids: ABC floor multipliers + Extreme Order ratio tiers. */
.frq-threshold-grid {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.frq-threshold-grid label {
  font-size: 12px;
  font-weight: 600;
}

/* Approval window + scope (2026-10-03). Each option is a radio followed by a
 * sentence with inline number inputs; wraps on narrow screens. */
.frq-approval-options {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.frq-approval-option {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}
.frq-approval-option-text {
  font-weight: 400;
  margin: 0;
}
/* Compact boxes inside a sentence: narrow enough for 3-4 digits (so the text
 * after a box sits close to the number) and short enough that the radio rows
 * stay tight. Scoped under the option row to outrank .form-control. */
.frq-approval-option .frq-approval-input {
  display: inline-block;
  width: 64px;
  max-width: 64px;
  padding: 3px 8px;
  line-height: 1.4;
}

/* A fieldset's lead-in prose, separated from the first control below it. */
.frq-fieldset .form-hint.frq-fieldset-intro {
  margin-bottom: 16px;
}

/* A threshold box sitting inside a checkbox label's sentence. .form-control is
 * display:block, which pushed the box onto its own line and stranded the
 * sentence's closing ")" below it (Forecast Backtest Came Up Short, 2026-10-04). */
.frq-inline-input {
  display: inline-block;
  width: 100px;
  max-width: 100px;
}

/* One numeric setting: a short label and a compact box on one line, the
 * explanation as a hint underneath (Demand Shift Detection, 2026-10-04). */
.frq-setting-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 8px;
  margin-top: 14px;
}
.frq-setting-label {
  font-weight: 600;
  margin: 0;
}
.frq-setting-row .frq-inline-input {
  padding: 3px 8px;
  line-height: 1.4;
}
.frq-fieldset .frq-setting-row .form-hint {
  flex-basis: 100%;
  margin-top: 0;
}