/* Settings → MokuPilot… (web/src/components/mokupilot/MokupilotPanel.tsx), spaced as the Sleep and
   wake panel: a choice per mode, its radio left and its name, its line and what goes with it right;
   under Auto where a call from this browser starts now, and what decided it. Every rule here
   selects by class: the other sheets are upstream's, rule for rule. */

.mokupilot-body { display: flex; flex-direction: column; gap: 10px; }
.mokupilot-modes { display: flex; flex-direction: column; gap: 6px; }
.mokupilot-mode {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 8px;
  background: var(--fill-2);
  cursor: pointer;
}
.mokupilot-mode:has(input:checked) { box-shadow: inset 0 0 0 1.5px var(--accent); }
.mokupilot-mode:has(input:disabled) { cursor: default; }
.mokupilot-mode input { flex: none; margin: 3px 0 0; accent-color: var(--accent); }
.mokupilot-mode-text { display: flex; flex-direction: column; gap: 3px; min-width: 0; overflow-wrap: anywhere; }
.mokupilot-mode-text .sheet-meta { font-weight: 400; line-height: 1.4; }
.mokupilot-now { display: flex; flex-direction: column; gap: 2px; margin-top: 4px; line-height: 1.4; }
.mokupilot-missing { color: var(--orange); }