.machine-context-strip { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 14px; min-width: 0; margin: 0 0 12px; padding: 6px 0; }
#machineTabs { gap: 6px; padding: 5px; border-radius: 14px; margin-bottom: 12px; }
#machineTabs button, #machineTabs a, #machineTabs span { border-radius: 11px; padding-block: 9px; }
.machine-context-strip > * { margin: 0; }
.machine-context-strip .machine-context-selector { display: flex; align-items: center; gap: 8px; min-width: 0; }
.machine-context-strip label { color: var(--muted); white-space: nowrap; }
.machine-context-strip select { width: min(260px, 42vw); min-width: 150px; }
.machine-context-help { position: relative; }
.machine-context-help summary { cursor: pointer; color: var(--brand); list-style: none; }
.machine-context-help summary::-webkit-details-marker { display: none; }
.machine-context-help summary:focus-visible { outline: 2px solid var(--brand); outline-offset: 3px; border-radius: 3px; }
.machine-context-help > span { position: absolute; z-index: 5; inset-block-start: calc(100% + 6px); inset-inline-start: 0; width: min(300px, 80vw); padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; color: var(--text); background: #111831; box-shadow: var(--shadow); }
.machine-context-strip .status { flex: 0 0 auto; }
.machine-context-offline { color: var(--warn); font-size: 12px; }
.machine-admin-strip { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 0 0 12px; }
.machine-admin-strip form { margin: 0; }
@media (max-width: 700px) { .machine-context-strip { align-items: flex-start; } .machine-context-strip .machine-context-selector { flex-wrap: wrap; } .machine-context-strip select { width: 100%; } }