/* Shared visual language for BB24 channels and the public owner example. */
.bb24-channel-ui { color:#142b49; }
.bb24-channel-intro { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px 26px; margin-bottom:20px; background:linear-gradient(110deg,#eaf1fc,#f8fafc); border:1px solid #d7e2f0; border-radius:14px; }
.bb24-channel-intro h2 { color:#142b49; font-size:26px; font-weight:800; margin:0 0 7px; letter-spacing:-.7px; }.bb24-channel-intro p { margin:0; color:#61738a; font-size:13px; line-height:1.6; }.bb24-channel-intro > span { border:1px solid #c8d8ed; border-radius:7px; padding:8px 12px; background:#fff; font-size:12px; color:#1c4587; white-space:nowrap; }
.bb24-channel-ui table thead th { padding:15px 14px; background:#f3f6fb; color:#536881; font-size:11px; text-transform:uppercase; letter-spacing:.04em; border-bottom:1px solid #dce5ef; }
.bb24-channel-ui table tbody td { padding:17px 14px; vertical-align:middle; border-color:#e6edf5; background:#fff; }.bb24-channel-ui table tbody tr:hover td { background:#f8fbff; }
.bb24-channel-name { display:inline-flex; align-items:center; gap:9px; padding:8px 12px; border:1px solid #d7e2ef; border-radius:8px; font-size:13px; font-weight:750; color:#193f74; background:#f8fafd; text-decoration:none; white-space:nowrap; }
.bb24-channel-copy { min-height:36px; padding:8px 11px; border:1px solid #cbd9ea; border-radius:7px; background:#fff; color:#1c4587; font-size:12px; font-weight:650; line-height:1.4; cursor:pointer; }.bb24-channel-copy:hover { background:#edf3fc; border-color:#8eaed5; }.bb24-channel-copy:focus-visible { outline:3px solid #e88900; outline-offset:3px; }
.bb24-channel-state { display:inline-flex; align-items:center; gap:7px; padding:7px 9px; border:1px solid #dce3eb; border-radius:6px; background:#f4f6f9; color:#53657a; font-size:11px; line-height:1.4; white-space:nowrap; }.bb24-channel-state i { width:6px; height:6px; border-radius:50%; background:currentColor; }.bb24-channel-state.is-ok { color:#246146; background:#edf7f1; border-color:#c8e2d3; }.bb24-channel-state.is-error { color:#9b352c; background:#fff2ef; border-color:#eed1cb; }.bb24-channel-state.is-pending { color:#795920; background:#fff8e9; border-color:#e8dcbf; }.bb24-channel-empty { color:#78899c; font-size:11px; }
.bb24-channel-feedback { min-height:20px; color:#405c7b; font-size:12px; margin:12px 0; overflow-wrap:anywhere; }
@media(max-width:640px) { .bb24-channel-intro { padding:18px; flex-direction:column; align-items:flex-start; }.bb24-channel-intro h2 { font-size:23px; }.bb24-channel-ui table tbody td { padding:13px 10px; } }