.csc-branch-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.csc-branch-control-card{display:flex;min-height:310px;flex-direction:column;border:1px solid var(--ho-border,#d8dde6);background:var(--ho-surface,#fff)}.csc-branch-control-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px;border-bottom:1px solid var(--ho-border,#d8dde6)}.csc-branch-control-card h2{margin:0 0 4px;font-size:20px;color:var(--ho-text,#172033)}.csc-branch-control-card header span:not(.csc-control-status){color:var(--ho-muted,#5f6b7a);font-size:12px}.csc-branch-control-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;padding:0;flex:1}.csc-branch-control-card dl>div{padding:15px 20px;border-bottom:1px solid var(--ho-border,#d8dde6)}.csc-branch-control-card dl>div:nth-child(odd){border-right:1px solid var(--ho-border,#d8dde6)}.csc-branch-control-card dt{margin-bottom:6px;color:var(--ho-muted,#5f6b7a);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.csc-branch-control-card dd{margin:0;color:var(--ho-text,#172033);font-size:13px;font-weight:650}.csc-branch-control-card dd small{display:block;margin-top:5px;color:var(--ho-muted,#5f6b7a);font-weight:400;line-height:1.4}.csc-branch-control-card footer{padding:16px 20px}.csc-branch-control-card footer .button{width:100%}.csc-control-status{display:inline-flex;align-items:center;border:1px solid var(--ho-border,#d8dde6);padding:4px 8px;border-radius:999px;background:var(--ho-surface-subtle,#f8f9fb);color:var(--ho-muted,#5f6b7a);font-size:10px;font-weight:800;text-transform:capitalize;white-space:nowrap}.csc-control-status.connected,.csc-control-status.enabled{border-color:#a6e3c8;background:#ecfdf3;color:#067647}.csc-control-status.degraded,.csc-control-status.active{border-color:#fedf89;background:#fffaeb;color:#b54708}.csc-control-status.disconnected,.csc-control-status.not-registered,.csc-control-status.not_registered{border-color:#fecdca;background:#fef3f2;color:#b42318}.csc-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,470px);gap:20px;align-items:start}.csc-control-form{display:grid;gap:16px}.csc-control-form .panel-body{display:grid;gap:16px}.csc-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.csc-toggle-grid label,.csc-launch-toggle{display:flex;align-items:flex-start;gap:9px;border:1px solid var(--ho-border,#d8dde6);padding:11px 12px;background:var(--ho-surface-subtle,#f8f9fb);color:var(--ho-text,#172033);font-size:12px;line-height:1.4}.csc-toggle-grid input,.csc-launch-toggle input{margin-top:2px}.csc-small-field{max-width:260px}.csc-colour-field{display:grid;grid-template-columns:46px 1fr;gap:8px}.csc-colour-field input[type=color]{width:46px;height:38px;padding:2px;border:1px solid var(--ho-border,#d8dde6);background:var(--ho-surface,#fff)}.csc-colour-field input[type=text]{min-width:0}.csc-back{margin:0 0 8px;padding:0;border:0;background:transparent;color:var(--ho-focus,#155eef);font-size:12px;font-weight:700;cursor:pointer}.csc-save-bar{position:sticky;bottom:0;z-index:20;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:13px 15px;border:1px solid var(--ho-border,#d8dde6);background:color-mix(in srgb,var(--ho-surface,#fff) 94%,transparent);box-shadow:0 -8px 24px rgba(15,23,42,.08);backdrop-filter:blur(12px)}.csc-save-bar .form-error{margin:0 auto 0 0}.csc-design-preview{position:sticky;top:124px;padding:18px;border:1px solid var(--ho-border,#d8dde6);background:var(--ho-surface,#fff)}.csc-preview-window{width:min(100%,var(--preview-width));margin:12px auto 0;overflow:hidden;border:1px solid color-mix(in srgb,var(--preview-header) 25%,#d8dde6);border-radius:var(--preview-radius);background:var(--preview-panel);color:var(--preview-panel-text);box-shadow:0 18px 50px rgba(15,23,42,.14)}.csc-preview-window header{padding:14px;background:var(--preview-header);color:var(--preview-header-text)}.csc-preview-window header strong,.csc-preview-window header span{display:block}.csc-preview-window header span{margin-top:3px;font-size:10px;opacity:.78}.csc-preview-window main{display:grid;gap:10px;min-height:180px;padding:14px}.csc-preview-message{max-width:84%;padding:10px 12px;border:1px solid color-mix(in srgb,var(--preview-panel-text) 14%,transparent);border-radius:14px;background:color-mix(in srgb,var(--preview-panel) 88%,#eef2f7);font-size:11px;line-height:1.5}.csc-preview-message.customer{justify-self:end;border-color:transparent;background:var(--preview-accent);color:#fff}.csc-preview-window footer{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-top:1px solid color-mix(in srgb,var(--preview-panel-text) 14%,transparent);font-size:10px}.csc-preview-window footer b{padding:6px 9px;border-radius:7px;background:var(--preview-accent);color:#fff}.csc-preview-launcher{width:max-content;max-width:100%;margin:14px 0 0 auto;padding:10px 14px;border-radius:999px;background:var(--preview-launcher);color:var(--preview-launcher-text);font-size:11px;font-weight:800;box-shadow:0 8px 24px rgba(15,23,42,.18)}.csc-launch-gate-panel{border-color:#f5b7b1}.csc-launch-toggle{border-color:#f5b7b1;background:#fff4f2}.csc-connection-evidence{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;border:1px solid var(--ho-border,#d8dde6)}.csc-connection-evidence>div{padding:12px;border-bottom:1px solid var(--ho-border,#d8dde6)}.csc-connection-evidence>div:nth-child(odd){border-right:1px solid var(--ho-border,#d8dde6)}.csc-connection-evidence dt{margin-bottom:5px;color:var(--ho-muted,#5f6b7a);font-size:10px;font-weight:750;text-transform:uppercase}.csc-connection-evidence dd{margin:0;color:var(--ho-text,#172033);font-size:12px;overflow-wrap:anywhere}html[data-ops-theme=dark] .csc-control-status.connected,html[data-ops-theme=dark] .csc-control-status.enabled{border-color:#05603a;background:#0b2e21;color:#75e0a7}html[data-ops-theme=dark] .csc-control-status.degraded,html[data-ops-theme=dark] .csc-control-status.active{border-color:#7a2e0e;background:#3b1d0d;color:#fec84b}html[data-ops-theme=dark] .csc-control-status.disconnected,html[data-ops-theme=dark] .csc-control-status.not_registered{border-color:#7a271a;background:#35110d;color:#fda29b}html[data-ops-theme=dark] .csc-launch-toggle{background:#35110d;border-color:#7a271a}@media(max-width:1180px){.csc-editor-layout{grid-template-columns:1fr}.csc-design-preview{position:static;order:-1}.csc-branch-control-grid{grid-template-columns:1fr}}@media(max-width:720px){.csc-toggle-grid,.form-grid,.csc-connection-evidence,.csc-branch-control-card dl{grid-template-columns:1fr}.csc-branch-control-card dl>div:nth-child(odd),.csc-connection-evidence>div:nth-child(odd){border-right:0}.csc-save-bar{align-items:stretch;flex-direction:column}.csc-save-bar .button{width:100%}.csc-save-bar .form-error{margin:0}.csc-design-preview{padding:12px}}