.channel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:20px}.channel-card{display:flex;flex-direction:column;gap:16px}.channel-card h2{font-size:1.2rem;margin:0}.channel-card p{overflow-wrap:anywhere}.channel-status{font-size:.8rem;padding:4px 8px;border-radius:8px;background:var(--bg);width:max-content}.channel-status[data-ready=true]{color:var(--success,#198754)}.channel-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.channel-panel{margin-top:24px}.channel-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;overflow:auto;font-size:.8rem;padding:15px;background:var(--bg);border-radius:8px}.channel-row{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--border)}.channel-row p{margin:6px 0;color:var(--muted)}.channel-controls{display:flex;gap:8px;flex-wrap:wrap}.channel-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:14px}.channel-call-active{padding:20px;border:2px solid #198754;border-radius:12px}.channel-code{width:100%;min-height:100px;white-space:pre-wrap;font-family:ui-monospace,monospace}.channel-empty{padding:30px;text-align:center;color:var(--muted)}.channel-warning{color:var(--muted);font-size:.9rem;line-height:1.5}.channel-detail{max-width:100%;overflow-x:auto}.channel-dialog textarea{min-height:100px}.channel-dialog{width:min(94vw,760px)}.channel-webhook-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.channel-webhook-field .field{min-width:0;margin-bottom:0}.channel-webhook-field input{font-family:ui-monospace,monospace;font-size:.78rem}.channel-webhook-field .btn{margin-bottom:0}@media(max-width:600px){.channel-webhook-field{grid-template-columns:1fr}.channel-webhook-field .btn{justify-self:start}}