.process-choice-panel{display:grid;gap:18px}.process-choice-panel[hidden]{display:none}.process-choice-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:16px}.process-choice-card{display:grid;gap:12px;padding:18px;background:var(--cm-surface);border:1px solid var(--cm-line);border-radius:var(--cm-radius-panel);box-shadow:none}.process-choice-card h2,.process-choice-card p{margin:0}.process-choice-card small{color:var(--cm-muted)}.process-choice-card button{justify-self:start}.process-choice-panel .pager{display:flex;align-items:center;gap:12px}.process-choice-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:16px}.process-choice-inputs label{display:grid;gap:8px}.process-choice-result{max-height:420px;overflow:auto;padding:14px;border:1px solid var(--cm-line);background:var(--cm-surface)}.process-choice-result[hidden]{display:none}.process-choice-result-item{display:grid;gap:6px;padding:12px;border-bottom:1px solid var(--cm-line)}.process-choice-result-item p{margin:0;overflow-wrap:anywhere}#process-choice-metadata{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 16px;max-height:280px;overflow:auto}#process-choice-metadata dd{margin:0;overflow-wrap:anywhere}
.process-device-context{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);align-items:end;gap:24px}.process-device-context h2,.process-device-context p{margin:.2rem 0}.process-device-context label{display:grid;gap:8px}.process-choice-bases,.process-inspector-hero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.process-choice-bases>div,.process-inspector-hero>div,.primary-process-input{padding:12px;border:1px solid color-mix(in srgb,var(--cm-accent) 48%,var(--cm-line));border-radius:var(--cm-radius-panel);background:color-mix(in srgb,var(--cm-accent) 7%,var(--cm-surface))}.process-choice-bases small,.process-choice-bases strong,.process-inspector-hero small,.process-inspector-hero strong{display:block}.process-choice-bases strong,.process-inspector-hero strong{margin-top:5px;font-size:1.2rem}.process-choice-inspector{width:min(1100px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto}.process-choice-inspector form{display:grid;gap:16px}.process-choice-inspector menu{display:flex;justify-content:flex-end}.process-segment-list{display:grid;gap:10px;max-height:360px;overflow:auto}.process-segment{padding:12px;border:1px solid var(--cm-line);border-radius:var(--cm-radius-panel)}.process-segment p{margin:.45rem 0 0;overflow-wrap:anywhere}.process-choice-inspector pre{max-height:340px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:760px){.process-device-context{grid-template-columns:1fr}.process-choice-bases,.process-inspector-hero{grid-template-columns:1fr}}

/* The process selector stays card-based, but behaves like the other HMI data racks. */
.process-choice-panel.data-list{gap:6px;padding:14px}
.process-choice-panel>.process-device-context.list-toolbar{grid-template-columns:minmax(260px,1fr) minmax(280px,420px);gap:14px;margin:0;padding:9px 11px}
.process-choice-panel>.process-device-context.list-toolbar label{gap:4px;color:var(--cm-muted);font-size:12px;font-weight:700}
.process-choice-panel>.process-device-context.list-toolbar select{width:100%;height:var(--cm-control-height);color:var(--cm-text);font-size:14px;font-weight:400}
.process-choice-list.list-grid-frame{align-content:start;min-width:0;min-height:260px;padding:10px;border:1px solid var(--cm-line);border-radius:2px 2px 0 0;background-color:var(--cm-surface-soft);background-image:var(--cm-panel-metal-soft);overflow:auto;scrollbar-gutter:stable}
.process-choice-list.list-grid-frame+.list-footer{margin-top:-6px;border-top:0;border-radius:0 0 2px 2px}
.process-choice-list.list-grid-frame:empty{background-image:linear-gradient(180deg,var(--cm-surface-soft),color-mix(in srgb,var(--cm-surface-soft) 78%,var(--cm-workface) 22%))}
.process-choice-card{position:relative;overflow:hidden;padding:14px 14px 14px 16px;border-radius:2px;background-color:var(--cm-surface);background-image:var(--cm-panel-metal-soft);box-shadow:inset 0 1px 0 rgba(255,255,255,.26)}
.process-choice-card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,color-mix(in srgb,var(--cm-accent) 78%,white 22%),var(--cm-accent),color-mix(in srgb,var(--cm-accent) 76%,var(--cm-metal-700) 24%))}
.process-choice-card .section-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.process-choice-card .section-actions button{min-height:32px;padding:4px 10px}
.process-choice-panel>#process-choice-detail{margin:0;min-width:0}
@media (min-width:901px) and (min-height:640px){.process-choice-panel.workface-data-bay{display:flex}.process-choice-panel.workface-data-bay>:not(.process-choice-list){flex:0 0 auto}}
@media (min-width:901px) and (min-height:640px){.process-choice-panel.workface-data-bay>.process-choice-list{flex:1 1 260px;min-height:260px}.process-choice-panel.workface-data-bay:has(>#process-choice-detail:not([hidden])){overflow:auto}.process-choice-panel.workface-data-bay:has(>#process-choice-detail:not([hidden]))>.process-choice-list{flex:0 0 auto;max-height:360px}}
@container(max-width:760px){.process-choice-panel>.process-device-context.list-toolbar{grid-template-columns:minmax(0,1fr)}.process-choice-panel>.process-device-context.list-toolbar>div,.process-choice-panel>.process-device-context.list-toolbar>label{min-width:0}.process-choice-list.list-grid-frame{padding:8px}}
#open-process-family-assignments{justify-self:start;align-self:start;flex:0 0 auto;height:var(--cm-control-height);min-height:var(--cm-control-height);padding:5px 12px}#process-family-assignment-dialog{width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto}#process-family-assignment-dialog form{display:grid;gap:16px}#process-family-assignment-dialog label{display:grid;gap:8px}#process-family-assignment-dialog .pager,#process-family-assignment-dialog .section-actions,.assignment-relation{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.assignment-relation{padding:12px;border:1px solid var(--cm-line);margin-bottom:8px}.assignment-relation span{overflow-wrap:anywhere;flex:1 1 260px}.assignment-relation input{flex:1 1 180px}

.process-choice-panel>#process-choice-state{padding:4px 10px;line-height:1.3}
.process-choice-capability-message{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px}