/* Full-page channel configuration. This extends the existing Sellios scale and never replaces core communication views. */
.channel-config-shell { display:grid; gap:16px; }
.channel-config-back { width:max-content; }
.channel-config-layout { display:grid; grid-template-columns:minmax(0,1.32fr) minmax(275px,.68fr); gap:18px; align-items:start; }
.channel-config-main { padding:0 0 20px; }
.channel-config-heading { padding:21px 22px 17px; border-bottom:1px solid #eee9f2; }
.channel-config-heading .eyebrow { margin:0 0 7px; }
.channel-config-heading h2 { margin:0; color:#30243c; }
.channel-config-heading p:not(.eyebrow) { margin:6px 0 0; color:#746d7d; line-height:1.55; }
.channel-config-form { padding:20px 22px 0; }
.channel-config-fields { gap:15px; }
.channel-config-fields .full { grid-column:1/-1; }
.channel-config-confirm { display:flex !important; align-items:flex-start; gap:9px !important; padding:12px 13px; border:1px solid #e7e0ee; border-radius:10px; background:#faf8fc; line-height:1.45; }
.channel-config-confirm input { width:auto !important; margin:2px 0 0; accent-color:#6d35d3; }
.channel-config-hint { margin:15px 0 0; }
.channel-config-actions { margin-top:18px; }
.channel-config-side { display:grid; gap:14px; }
.channel-config-checklist ol { margin:0; padding:0 19px 18px 39px; color:#645c6d; line-height:1.55; }
.channel-config-checklist li { padding:6px 0 6px 2px; }
.channel-config-safety,.channel-config-saved { padding:17px 18px; }
.channel-config-safety { background:linear-gradient(135deg,#faf8fe,#f4effb); border-color:#e4dbf1; }
.channel-config-safety strong { color:#44266f; }
.channel-config-safety p,.channel-config-saved p { margin:7px 0 0; color:#756d7e; line-height:1.55; }
.channel-config-saved .channel-status { width:max-content; }
.channel-config-confirmation { position:fixed; inset:0; z-index:80; display:grid; place-items:center; padding:20px; background:rgba(34,27,56,.36); }
.channel-config-confirmation > section { width:min(440px,100%); padding:22px; border-radius:18px; background:#fff; box-shadow:0 24px 64px rgba(34,27,56,.28); }
.channel-config-confirmation h2 { margin:0; color:#30243c; font-size:1.2rem; }
.channel-config-confirmation p { margin:8px 0 18px; color:#716a80; line-height:1.5; }
.channel-config-confirmation section > div { display:flex; gap:10px; flex-wrap:wrap; }
@media (max-width:900px) { .channel-config-layout { grid-template-columns:1fr; } .channel-config-side { grid-template-columns:repeat(2,minmax(0,1fr)); } .channel-config-checklist { grid-row:span 2; } }
@media (max-width:640px) { .channel-config-heading,.channel-config-form { padding-inline:16px; } .channel-config-side { grid-template-columns:1fr; } .channel-config-checklist { grid-row:auto; } .channel-config-fields .full { grid-column:auto; } .channel-config-actions { justify-content:flex-start; flex-wrap:wrap; } }