/* Apply queue (career-suite spec §4): a centred dialog with prepare → missing answers → run steps */
.aq { width: min(720px, 100vw); max-width: none; max-height: 90vh; padding: 0; border: 1px solid var(--ui-border); border-radius: var(--ui-radius);
  background: var(--ui-surface); color: var(--ui-text); font: var(--ui-size)/1.4 var(--ui-font); box-shadow: var(--ui-shadow); }
.aq[open] { display: flex; flex-direction: column; }
.aq-head { display: flex; align-items: center; gap: 8px; padding: 12px 16px; border-bottom: 1px solid var(--ui-border); }
.aq-head h2 { flex: 1; margin: 0; font-size: 16px; font-weight: 650; }
.aq-body { flex: 1; overflow-y: auto; padding: 8px 16px 16px; }
.aq-progress { width: 100%; }
.aq-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 8px 0; }
.aq-note { color: var(--ui-warn); }
.aq-error { color: var(--ui-error); }

.aq-questions { display: flex; flex-direction: column; gap: 12px; }
.aq-q { display: grid; grid-template-columns: 1fr auto; gap: 4px 8px; }
.aq-q__label { font-weight: 600; }
.aq-q__asked { font-size: var(--ui-size-sm); color: var(--ui-muted); }
.aq-q .ui-input, .aq-q .ui-select { grid-column: 1 / -1; }
.aq-q__text { resize: vertical; }

.aq-modes { display: flex; flex-direction: column; gap: 4px; margin: 8px 0; padding: 8px 12px; border: 1px solid var(--ui-border); border-radius: var(--ui-radius-sm); }
.aq-modes legend { padding: 0 4px; font-weight: 600; }
.aq-mode, .aq-confirm { display: flex; align-items: center; gap: 6px; }
.aq-num { display: flex; align-items: center; gap: 6px; }
.aq-num .ui-input { width: 5em; }
.aq-cli { display: block; padding: 8px; border-radius: var(--ui-radius-sm); background: var(--ui-surface-2); font-family: var(--ui-mono, monospace); overflow-wrap: anywhere; }

.aq-rows { list-style: none; margin: 8px 0 0; padding: 0; border: 1px solid var(--ui-border); border-radius: var(--ui-radius-sm); }
.aq-row { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; padding: 6px 10px; }
.aq-row + .aq-row { border-top: 1px solid var(--ui-border); }
.aq-row__name { flex: 1; min-width: 12em; }
.aq-row__state { font-size: var(--ui-size-sm); color: var(--ui-muted); }
.aq-row.is-submitted .aq-row__state { color: var(--ui-ok); }
.aq-row.is-blocked .aq-row__state, .aq-row.is-waiting-for-you .aq-row__state { color: var(--ui-warn); }
.aq-row .aq-actions { margin: 0; }