/* ===== INLINE SECTOR RATINGS ===== */
.sector-inline {
  background: var(--card); border: 1px solid var(--border); border-radius: 6px;
  padding: 10px 12px; margin-bottom: 6px; transition: border-color .15s;
}
.sector-inline:hover { border-color: var(--t3); }
.sector-inline:last-child { margin-bottom: 0; }

/* Header row: icon + name on left, NPS + votes on right */
.sector-inline-header {
  display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px;
}
.sector-inline-left { display: flex; align-items: center; gap: 6px; }
.sector-icon-sm { font-size: 16px; }
.sector-name-sm { font-size: 11px; font-weight: 600; color: var(--t1); }
.sector-inline-right { display: flex; align-items: center; gap: 8px; }
.sector-nps-sm { font-family: 'Space Mono', monospace; font-size: 13px; font-weight: 700; }
.sector-votes-sm { font-size: 8px; color: var(--t3); font-family: 'Space Mono', monospace; }

/* Slider row */
.sector-inline-rate { margin-bottom: 4px; }
.sector-range {
  width: 100%; height: 4px; -webkit-appearance: none; appearance: none;
  background: linear-gradient(90deg, var(--nps-dred) 0%, var(--nps-red) 20%, var(--nps-orange) 40%, var(--nps-yellow) 50%, var(--nps-lgreen) 70%, var(--nps-dgreen) 100%);
  border-radius: 2px; outline: none; cursor: pointer;
}
.sector-range::-webkit-slider-thumb {
  -webkit-appearance: none; width: 14px; height: 14px; border-radius: 50%;
  background: var(--t1); border: 2px solid var(--gold); cursor: pointer;
  box-shadow: 0 1px 4px rgba(0,0,0,0.3);
}
.sector-range::-moz-range-thumb {
  width: 14px; height: 14px; border-radius: 50%;
  background: var(--t1); border: 2px solid var(--gold); cursor: pointer;
}
.sector-range-labels {
  display: flex; justify-content: space-between; margin-top: 1px;
  font-size: 7px; color: var(--t3); font-family: 'Space Mono', monospace;
}

/* Submit row */
.sector-inline-submit {
  display: flex; align-items: center; gap: 8px; margin-top: 6px;
}
.sector-val {
  font-family: 'Space Mono', monospace; font-size: 16px; font-weight: 700;
  color: var(--gold); min-width: 20px; text-align: center;
}
.sector-btn {
  padding: 4px 14px; background: var(--gold); color: var(--bg);
  border: none; border-radius: 4px; font-size: 10px; font-weight: 700;
  font-family: 'Space Mono', monospace; cursor: pointer; transition: opacity .15s;
}
.sector-btn:hover { opacity: 0.85; }
.sector-btn:disabled { opacity: 0.5; cursor: default; }
.sector-status {
  font-size: 9px; font-family: 'Space Mono', monospace;
}
