/* Scoped fix: never stretch a welcome checkbox like a text field. */
#welcome #editor.editor-hidden{display:none!important}
#welcome #strategyForm .welcome-enabled{display:inline-flex;align-items:center;gap:9px;margin:0;min-height:40px;align-self:center;white-space:nowrap;cursor:pointer}
#welcome #strategyForm .welcome-enabled input{width:17px;min-width:17px;height:17px;flex:none;margin:0;accent-color:#2563eb}
#welcome #strategyForm .editor-actions{margin-top:0;align-self:center}
#welcome .customer-picker{flex-wrap:wrap;align-items:flex-start}
#welcome #strategyCustomerSummary{flex:1 1 230px;min-width:0;overflow-wrap:anywhere;color:#52617a;line-height:1.6}
#welcome #strategyCustomerSummary[data-error=true]{color:#ad3a30}
#welcome #strategyLiveConnection{margin-top:8px;color:#52617a;line-height:1.6}
#welcome .connection-hint{line-height:1.6}
@media(max-width:850px){#welcome #strategyForm .welcome-enabled,#welcome #strategyForm .editor-actions{grid-column:1/-1}#welcome #strategyForm .editor-actions{flex-wrap:wrap}}
#welcome #sEnabled:focus-visible{outline:2px solid #2563eb;outline-offset:3px}

/* These are toggle controls; moving them under the pointer causes edge flicker. */
#welcome #statusOptions .status-option{transform:none!important;transition:background-color 120ms ease,border-color 120ms ease,color 120ms ease}
#welcome #statusOptions .status-option:focus-visible{outline:2px solid #2563eb;outline-offset:3px}
#welcome .welcome-order-field,#welcome .welcome-message-field{min-width:0}