/* Projects pane, unit and environment pages (Panes.swift, Work.swift, IntegrationsPane.swift, Machines.swift). */

/* Project list rows */
.prow { display: flex; align-items: center; gap: 10px; min-height: 30px; padding: 0; border: 0; background: none; width: 100%; text-align: left; cursor: pointer; font-family: var(--nf); }
.prow .ico { width: 14px; flex: none; display: grid; place-items: center; }
.prow .ico svg { flex: none; }

/* Plain text buttons (SwiftUI .buttonStyle(.plain)) */
.plain { border: 0; background: none; padding: 0; color: inherit; cursor: pointer; font-family: var(--nf); text-align: left; }
.plain.dim { color: var(--dim); }
.plain:hover { color: var(--ink); }

/* Unit status: a flat segmented control, each segment flooding its own status colour */
.useg { display: inline-flex; align-self: flex-start; border: 1px solid rgba(255, 255, 255, 0.5); }
.useg button { height: 26px; padding: 0 10px; border: 0; background: none; color: var(--dim); font: 400 12px var(--nf); cursor: pointer; }
.useg button:hover:not(.on) { color: var(--ink); }

/* Allocation steppers: "2 CPU [−][+]" */
.stepper { display: inline-flex; align-items: center; gap: 8px; }
.stepper .sb { display: inline-flex; border: 1px solid rgba(255, 255, 255, 0.4); }
.stepper button { width: 22px; height: 18px; padding: 0; border: 0; background: none; color: #fff; display: grid; place-items: center; cursor: pointer; }
.stepper button + button { border-left: 1px solid rgba(255, 255, 255, 0.4); }
.stepper button:active:not(:disabled) { color: var(--accent); }
.stepper button:disabled { opacity: 0.38; cursor: default; }
.stepper svg { width: 9px; height: 9px; }

/* Environment variable chips */
.varchip { height: 24px; padding: 0 8px; border: 1px solid var(--rule); background: none; color: var(--dim); font: 400 11px ui-monospace, "SF Mono", Menlo, monospace; cursor: pointer; white-space: nowrap; }
.varchip.on { background: var(--accent); color: #000; border-color: transparent; }

/* Live screen frame: accent while running */
.live-frame { display: flex; flex-direction: column; border: 1.5px solid var(--rule); overflow: hidden; }
.live-frame.on { border-color: var(--accent); }
.live-frame > * { flex: 1; min-height: 0; }

/* Environment session history rows */
.hist { display: flex; flex-direction: column; gap: 4px; width: 100%; padding: 10px; border: 0; background: rgba(255, 255, 255, 0.049); color: var(--ink); text-align: left; cursor: pointer; font-family: var(--nf); }
.hist:hover { background: rgba(255, 255, 255, 0.08); }

/* GitHub checks badge */
.checks { height: 18px; padding: 0 6px; display: inline-flex; align-items: center; font-size: 10px; font-weight: 500; color: #fff; white-space: nowrap; }

/* Menus at the leading edge of a column open rightward so they are not clipped */
.menu-left .popover { left: 0 !important; right: auto !important; }