/* Shared launch-flow chrome. Load on every page that includes launch_flow.js.
Colours come only from tokens.css.
Every selector is scoped under [data-theme] to outrank the light-theme block
launch_flow.js injects into at runtime: it defines the same
single-class selectors, and being appended after this it wins every
specificity tie -- which left the SSH command rendered near-white on
near-white. The nine classic templates still depend on that injected block and
never set data-theme, so scoping here reaches only the redesign. */
[data-theme] .launch-modal-body { padding: 8px 4px 4px; }
[data-theme] .launch-modal-progress { margin-bottom: 20px; }
[data-theme] .launch-modal-stage {
display: flex;
justify-content: space-between;
align-items: baseline;
margin-bottom: 8px;
font-weight: 700;
color: var(--text);
}
[data-theme] .launch-modal-pct { color: var(--text-muted); font-weight: 600; font-size: 13px; }
[data-theme] .launch-modal-status {
display: flex;
align-items: flex-start;
gap: 0;
padding: 16px;
border-radius: var(--radius-card);
background: var(--surface-inset);
border: 1px solid var(--border);
}
[data-theme] .launch-modal-status.ready {
background: var(--surface);
border-color: var(--success);
}
[data-theme] .launch-modal-status.failed {
background: var(--surface);
border-color: var(--danger);
}
[data-theme] .launch-modal-title { font-weight: 800; color: var(--text); font-size: 15px; }
[data-theme] .oneclick-destroy-hint {
margin-top: 6px;
font-size: 12px;
line-height: 1.4;
color: var(--text-muted);
text-align: center;
}
[data-theme] .launch-modal-detail { margin-top: 6px; color: var(--text-muted); line-height: 1.5; font-size: 13px; }
[data-theme] .launch-modal-technical { margin-top: 14px; color: var(--text-muted); font-size: 13px; }
[data-theme] .launch-modal-technical summary { cursor: pointer; color: var(--text); font-weight: 700; }
[data-theme] .launch-modal-technical-body {
margin-top: 8px;
padding: 10px 12px;
border-radius: var(--radius-card);
background: var(--surface-inset);
white-space: pre-wrap;
word-break: break-word;
color: var(--text-muted);
}
[data-theme] .api-access-card {
margin-top: 16px;
padding: 14px 16px;
border: 1px solid var(--border);
border-radius: var(--radius-card);
background: var(--surface-inset);
}
[data-theme] .api-access-title { font-weight: 800; color: var(--text); margin-bottom: 10px; }
[data-theme] .api-access-row { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
[data-theme] .api-access-label { width: 88px; color: var(--text-muted); font-size: 13px; flex: 0 0 auto; }
/* The card holds the SSH command and the host:port a user has to read off the
page, so the foreground is stated here rather than left to whatever antd
happens to put on . */
[data-theme] .api-access-row code,
[data-theme] .api-access-card code {
background: var(--control);
color: var(--text);
padding: 2px 8px;
border-radius: var(--radius-control);
word-break: break-all;
font-size: 13px;
}
[data-theme] .api-access-curl summary {
cursor: pointer;
color: var(--text);
font-weight: 700;
font-size: 13px;
margin-top: 4px;
}
[data-theme] .api-access-pre {
margin: 0;
padding: 10px 12px;
border-radius: var(--radius-card);
background: var(--surface-inset);
color: var(--text);
overflow: auto;
font-size: 12px;
white-space: pre;
}