#view-channels{color:#263952;font-size:16px}
#view-channels h1{font-size:28px}#view-channels h2{font-size:20px;margin:0}#view-channels h3{font-size:18px;margin:0}
.bus-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.bus-actions button{font-size:14px;white-space:nowrap}
.bus-service{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center;background:#edf6ff;border:1px solid #dceaf8;padding:18px 22px;border-radius:14px}
.bus-service>div{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.bus-service span{color:#59718b;font-size:14px}.bus-dot{width:9px;height:9px;border-radius:50%;background:#b3bdca;display:inline-block}.bus-dot.is-on{background:#2ea890}
#busFeedback{min-height:22px;margin:12px 2px;color:#287b68}.bus-error,#busFeedback.bus-error{color:#bc3e4b!important}
.bus-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:20px;align-items:start}.bus-projects,.bus-card{border:1px solid #e2e9f1;background:#fff;border-radius:16px;padding:22px;box-shadow:0 4px 16px #243c5c04}
.bus-projects{padding:18px 12px}.bus-projects h2{padding:0 10px 16px}.bus-projects h2 span,.bus-section-heading h2 span{font-size:14px;color:#788ba0;margin-left:8px}
.bus-project{display:flex;flex-direction:column;gap:8px;width:100%;border:0;border-radius:10px;text-align:left;padding:15px 12px;background:transparent;color:#3d5067;cursor:pointer}.bus-project strong{font-size:16px;overflow-wrap:anywhere}.bus-project span{font-size:13px;color:#74889e}.bus-project.selected{background:#eaf2ff;color:#336dd0}.bus-project:hover{background:#f2f6fd}
.bus-workspace{display:grid;gap:20px;min-width:0}.bus-section-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:18px}.bus-section-heading h2,.bus-section-heading h3{overflow-wrap:anywhere;min-width:0}
.bus-note{white-space:pre-wrap;overflow-wrap:anywhere;color:#667a90;line-height:1.7;font-size:15px;margin:12px 0;max-height:170px;overflow:auto}.bus-empty{text-align:center;color:#8190a3;padding:26px;line-height:1.8}
.bus-channel-list{display:grid;gap:14px}.bus-channel{background:linear-gradient(120deg,#f7faff,#fbfdfd);border:1px solid #e0e9f4;border-radius:12px;padding:20px}.bus-badge{font-size:13px;border-radius:20px;padding:5px 12px;background:#edf0f5;color:#708094}.bus-badge.is-on{background:#e3f4ed;color:#278064}
.bus-topology{display:flex;gap:22px;align-items:center}.bus-master{min-width:140px;max-width:40%;display:flex;flex-direction:column;gap:7px;padding:15px 20px;background:#e9f0ff;border-radius:10px;overflow-wrap:anywhere}.bus-master small{color:#6281b1;font-size:13px}.bus-master strong{color:#315f9a}.bus-direction{font-size:30px;color:#90a9c8}.bus-members{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.bus-members span{border:1px solid #d4e9e6;background:#f1faf8;border-radius:8px;padding:9px 14px;font-size:15px;overflow-wrap:anywhere}
.bus-table-wrap{overflow:auto}.bus-table{border-collapse:collapse;width:100%;text-align:left}.bus-table th{font-size:14px;color:#708298;background:#f6f8fc}.bus-table th,.bus-table td{padding:15px 12px;border-bottom:1px solid #edf0f5}.bus-table td{font-size:14px;overflow-wrap:anywhere}.bus-table details{margin-top:6px;color:#8291a4;font-size:13px}.bus-table .bus-note{min-width:150px;max-width:400px}.bus-help{margin:22px 0;color:#6b7e92;font-size:14px;line-height:1.8}.bus-help summary{cursor:pointer}
.bus-dialog{width:min(720px,94vw);max-height:88vh;padding:0;border:1px solid #dde5ef;border-radius:18px;color:#2d4058;box-shadow:0 25px 90px #17335630;background:#fff;font-size:16px}.bus-dialog::backdrop{background:#23395455;backdrop-filter:blur(3px)}.bus-dialog>header{display:flex;justify-content:space-between;align-items:center;padding:20px 26px;border-bottom:1px solid #e8edf4;position:sticky;top:0;background:white;z-index:1}.bus-dialog h2{font-size:22px;margin:0}.bus-dialog h3{font-size:17px}.bus-dialog-body{padding:22px 26px}.bus-dialog p{line-height:1.7;font-size:15px;overflow-wrap:anywhere}.bus-dialog form{display:grid;gap:17px}.bus-dialog label:not(.bus-check){display:flex;flex-direction:column;gap:9px;font-size:15px}.bus-dialog input:not([type=checkbox]),.bus-dialog textarea,.bus-dialog select{width:100%;font:inherit;color:#30435d;border:1px solid #d8e2ed;padding:10px 12px;background:#fbfcff;border-radius:8px}.bus-dialog textarea{resize:vertical}.bus-form-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bus-dialog fieldset{border:1px solid #dce5ef;border-radius:10px;padding:16px}.bus-member-options{display:grid;grid-template-columns:1fr 1fr;gap:13px;max-height:210px;overflow:auto}.bus-member-options label{flex-direction:row!important;align-items:center;overflow-wrap:anywhere}.bus-dialog input[type=checkbox]{width:18px;height:18px;accent-color:#5184d7}.bus-check{display:flex;align-items:center;gap:10px;font-size:15px}.bus-dialog footer{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.bus-warning{padding:12px;background:#fff7e8;border-radius:8px;color:#977028}.bus-topic-block{background:#f6f9fe;border:1px solid #e3eaf4;border-radius:10px;margin:14px 0;padding:15px}.bus-topic-block code{display:block;font-size:14px;overflow-wrap:anywhere;user-select:all;line-height:1.7}.bus-topic-block p{margin:12px 0 4px;color:#75869a}.bus-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f6fb;padding:18px;border-radius:10px;font-size:15px;line-height:1.7}
@media(max-width:1050px){.bus-layout{grid-template-columns:195px minmax(0,1fr)}.bus-service{padding:16px}.bus-card{padding:18px}.bus-topology{gap:12px}.bus-table th,.bus-table td{padding:12px 8px}}
@media(max-width:760px){.bus-layout{grid-template-columns:1fr}.bus-projects{display:flex;flex-wrap:wrap;gap:8px}.bus-projects h2{width:100%}.bus-project{width:auto;max-width:100%}.bus-topology{flex-wrap:wrap}.bus-master{max-width:75%}.bus-form-columns,.bus-member-options{grid-template-columns:1fr}.bus-dialog-body{padding:20px}.bus-dialog>header{padding:18px 20px}}
