#mission { border-bottom: 1px solid var(--line); padding-bottom: 14px; margin-bottom: 4px; }
#mission h2 { margin-top: 4px; }
#mission textarea { width: 100%; margin-top: 6px; resize: vertical; background: var(--panel-2); color: var(--text);
  border: 1px solid var(--line); border-radius: 6px; padding: 7px 8px; font: inherit; }
#mission textarea:focus-visible, #mission input:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
#mission .ends { display: grid; gap: 6px; margin-top: 8px; }
#mission .end { display: grid; grid-template-columns: 74px 1fr 32px; gap: 6px; align-items: center; }
#mission .end span { color: var(--muted); }
#mission .end select { min-width: 0; }
#mission .end button { padding: 4px 0; font-size: 15px; }
#mission .end button.active { background: var(--accent); color: #17100b; border-color: var(--accent); }
#mission details.system { margin-top: 8px; }
#mission details.system summary { color: var(--muted); cursor: pointer; padding: 2px 0; }
#mission details.system label { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-top: 5px; color: var(--muted); }
#mission details.system input { width: 72px; background: var(--panel-2); color: var(--text); border: 1px solid var(--line);
  border-radius: 6px; padding: 3px 6px; font: inherit; }
#mission button.primary { width: 100%; margin-top: 10px; padding: 9px; font-weight: 600; background: var(--accent);
  border-color: var(--accent); color: #17100b; }
#mission button.primary:disabled { opacity: .6; cursor: progress; }
#missionStatus { margin-top: 8px; color: var(--muted); min-height: 1em; }
#mission.error #missionStatus { color: #ff8a80; }
#mission .route-ends { margin-top: 8px; font-weight: 600; }
#mission .chips { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 5px; }
#mission .chip { font-size: 11px; padding: 1px 7px; border-radius: 9px; border: 1px solid #5a3a26; color: var(--accent-2); }
#mission blockquote { margin: 10px 0 0; padding: 8px 10px; border-left: 3px solid var(--accent); background: var(--panel-2);
  border-radius: 0 6px 6px 0; }
#mission .verdict { margin-top: 10px; font-weight: 600; }
#mission .verdict.ok { color: var(--obs); }
#mission .verdict.bad { color: #ff8a80; }
#mission ul { margin: 6px 0 0; padding-left: 18px; }
#mission .warnings li.critical { color: #ff8a80; }
#mission .warnings li.warning { color: var(--inf); }
#mission .figures { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin: 8px 0 0; }
#mission .figures div { background: var(--panel-2); border: 1px solid var(--line); border-radius: 6px; padding: 5px 7px; }
#mission .figures dt { color: var(--muted); font-size: 11px; }
#mission .figures dd { margin: 0; font-variant-numeric: tabular-nums; }