.crewlink{--cl-border:#56655b;max-width:1100px}.crewlink .cl-intro{display:flex;justify-content:space-between;gap:20px;align-items:center}.cl-kicker{color:#d6b487;text-transform:uppercase;letter-spacing:.14em;font-size:.8rem}.cl-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;margin-top:22px}.cl-layout>*{min-width:0}.cl-people{max-height:320px;overflow:auto;border:1px solid var(--cl-border);border-radius:12px;padding:8px;margin:14px 0;display:grid;gap:6px}.cl-person{display:flex!important;align-items:center;gap:12px;padding:10px;min-height:48px;overflow-wrap:anywhere}.cl-person input{width:22px!important;height:22px;flex-shrink:0}.cl-call{border:1px solid var(--cl-border);border-radius:12px;padding:18px;margin-top:14px}.cl-call h3{margin:0 0 8px;overflow-wrap:anywhere}.cl-call p{overflow-wrap:anywhere}.cl-controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.crewlink button{min-height:46px}.cl-roster{display:grid;gap:10px;margin:16px 0;padding:0;list-style:none}.cl-roster li{padding:12px;border:1px solid var(--cl-border);border-radius:10px;display:flex;justify-content:space-between;gap:12px;overflow-wrap:anywhere}.cl-roster .is-speaking{border-color:#86ba93;box-shadow:0 0 0 1px #86ba9344}.cl-note{font-size:.9rem;line-height:1.6}.cl-error{color:#ffb8a8;white-space:pre-wrap;overflow-wrap:anywhere}.cl-banner{position:fixed;bottom:20px;right:20px;z-index:80;max-width:calc(100vw - 40px);border:1px solid #b0a27e;border-radius:14px;background:#202d27;color:#fff;padding:14px;box-shadow:0 8px 30px #0006;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cl-banner[hidden]{display:none}.cl-banner button{background:#334a3a;color:#fff;border:1px solid #899e8e;border-radius:8px;padding:10px;min-height:44px}.cl-banner span{overflow-wrap:anywhere}.adv-portal-light .cl-error{color:#9c301e}.adv-portal-light .cl-kicker{color:#755327}.adv-portal-light .crewlink{--cl-border:#aab6ac}.cl-audio{display:none}.cl-state{font-weight:600}.cl-call .muted{font-size:.9rem}@media(max-width:720px){.cl-layout{grid-template-columns:1fr;gap:16px}.crewlink .cl-intro{display:block}.cl-controls>*{flex:1 1 130px}.cl-banner{bottom:10px;right:10px;max-width:calc(100vw - 20px)}.cl-roster li{flex-wrap:wrap}.cl-people{max-height:260px}}
.crewlink{max-width:none}.cl-workspace{display:grid;grid-template-columns:185px minmax(240px,1fr) 160px;min-height:640px;background:#202724;border:1px solid #465249;border-radius:18px;overflow:hidden;box-shadow:0 18px 50px #0003}.cl-channels{background:#1b211e;padding:20px 14px;min-width:0;border-right:1px solid #39453c}.cl-brand{display:flex;align-items:center;gap:10px;margin:0 0 32px}.cl-brand-mark{display:grid;place-items:center;background:#bc703a;color:#171c18;border-radius:12px;width:38px;height:42px;font-size:12px;font-weight:800}.cl-brand strong{font-size:18px;letter-spacing:-.03em}.cl-brand small{display:block;color:#a9b4ac;font-size:10px;margin-top:4px}.cl-section-label{font-size:10px;letter-spacing:.13em;font-weight:700;color:#a0afa4;margin-bottom:16px}.cl-main-stage{padding:0 22px 22px;min-width:0;background:radial-gradient(ellipse at top,#3b4a3e55,transparent 70%)}.cl-stage-toolbar{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #3e4c42;padding:20px 0;font-size:13px;font-weight:600}.cl-stage-toolbar small{font-size:9px;letter-spacing:.12em;color:#acb9ae}.cl-directory{padding:24px 14px;border-left:1px solid #39453c;background:#1c231f;min-width:0}.cl-directory-person{display:flex;align-items:center;gap:9px;margin-bottom:18px;font-size:12px;overflow-wrap:anywhere}.cl-directory-person small{display:block;color:#8e9e91;font-size:10px;margin-top:3px}.cl-mini-avatar{width:29px;height:29px;display:inline-grid;place-items:center;flex-shrink:0;background:#3a4d3e;color:#e5ecdf;border-radius:10px;font-weight:700;font-size:10px}.cl-room-guide{margin-top:30px;border-top:1px solid #3c4b40;padding-top:20px;font-size:11px;line-height:1.6;color:#aebaaf}.cl-room-guide strong{color:#e1e8db}.cl-room-guide button{font-size:11px;width:100%;margin-top:8px}.cl-empty-stage{min-height:265px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px 0}.cl-empty-stage h2{font-size:clamp(22px,2.5vw,34px);letter-spacing:-.04em;margin:12px 0}.cl-empty-stage p{font-size:12px;color:#a9b7ab;line-height:1.8;margin:0}.cl-stage-badge{margin-top:20px;font-size:10px;color:#aab9aa;border:1px solid #455447;border-radius:30px;padding:7px 12px}.cl-wave{display:flex;align-items:center;justify-content:center;gap:5px;background:#344536;border:1px solid #4d654e;width:66px;height:66px;border-radius:23px;margin-bottom:18px}.cl-wave i{width:4px;height:16px;background:#9eb28c;border-radius:5px}.cl-wave i:nth-child(2),.cl-wave i:nth-child(4){height:26px}.cl-wave i:nth-child(3){height:36px}.cl-create{border:1px solid #455449;background:#26322970;border-radius:14px;padding:16px}.cl-create summary{display:flex;justify-content:space-between;cursor:pointer;font-weight:650;font-size:13px}.cl-create form{margin-top:18px}.cl-create label{font-size:11px}.cl-create input[name=title]{margin-top:7px;border-radius:9px}.cl-people{max-height:200px;border-color:#465749;margin-bottom:12px}.cl-person{font-size:12px;padding:7px}.cl-create-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.cl-create-actions button{border-radius:9px;font-size:12px}.cl-channel-note{font-size:10px;line-height:1.6;color:#a7baa7;display:flex;gap:8px;border-top:1px solid #39493c;padding-top:16px;margin-top:25px}.cl-live-dot{display:inline-block;flex-shrink:0;width:7px;height:7px;background:#9ebd8c;border-radius:50%;margin-top:5px}.cl-call{padding:12px 9px;background:#2b382d;border-color:#52644e}.cl-call h3{font-size:12px;line-height:1.5}.cl-call p{font-size:10px;color:#bac5b5}.cl-call .muted{font-size:9px}.cl-call .cl-controls{gap:6px}.cl-call button{font-size:10px;min-height:40px;width:100%;padding:8px}.cl-roster{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:12px;margin:24px 0}.cl-roster li{min-height:155px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#2b382e;border-color:#4c5b4d;border-radius:15px;gap:10px;font-size:12px}.cl-avatar{display:grid;place-items:center;width:54px;height:54px;background:#536b4e;color:#f0f4e9;border-radius:20px;font-size:18px;font-weight:700}.cl-roster small{color:#a6b79f;font-size:10px}.cl-stage-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:20px;font-size:12px}.cl-stage-head small{margin-left:auto;color:#a8b79e}.cl-controls button{border-radius:10px;font-size:12px}.cl-controls .cl-leave{border-color:#a67462;color:#f2b9a0}.cl-footnote{font-size:10px;color:#9da99d;line-height:1.8;margin:14px 4px}.cl-screen{border:1px solid #536652;border-radius:12px;overflow:hidden;margin:12px 0}.cl-screen p{padding:10px;margin:0;font-size:12px}.cl-screen video{width:100%;max-height:480px;background:#101512;display:block}.cl-test-status{font-size:11px;line-height:1.6;overflow-wrap:anywhere}
.adv-portal-light .cl-workspace{background:#f6f8f2;color:#233b2a;border-color:#a4b29e}.adv-portal-light :is(.cl-channels,.cl-directory){background:#e3ebdd;color:#233b2a;border-color:#a4b29e}.adv-portal-light :is(.cl-section-label,.cl-brand small,.cl-stage-toolbar small,.cl-room-guide,.cl-channel-note,.cl-footnote,.cl-directory-person small,.cl-empty-stage p){color:#4e654b}.adv-portal-light .cl-room-guide strong{color:#283f2b}.adv-portal-light :is(.cl-create,.cl-call,.cl-roster li){background:#e8efdf;color:#273c27;border-color:#a4b59b}.adv-portal-light :is(.cl-call p,.cl-roster small,.cl-stage-head small){color:#4f6647}
@media(min-width:1450px){.cl-workspace{grid-template-columns:225px minmax(280px,1fr) 200px}.cl-main-stage{padding:0 32px 28px}.cl-channels,.cl-directory{padding:24px 20px}}
@media(max-width:1100px) and (min-width:751px){.cl-workspace{grid-template-columns:175px minmax(240px,1fr)}.cl-directory{grid-column:1/-1;border-left:0;border-top:1px solid #39453c;display:flex;gap:24px;align-items:flex-start}.cl-directory [data-cl-directory]{display:flex;flex-wrap:wrap;gap:16px;flex:1}.cl-directory-person{margin:0}.cl-room-guide{margin:0;padding:0;border:0;max-width:200px}.cl-room-guide p{margin:8px 0}}
@media(max-width:750px){.cl-workspace{grid-template-columns:1fr;min-height:0}.cl-channels{border-right:0;border-bottom:1px solid #39453c;padding:16px}.cl-brand{margin-bottom:16px}.cl-brand small{font-size:11px}.cl-channels .cl-section-label{margin-bottom:8px}.cl-channel-note{margin-top:12px;padding-top:10px}.cl-call{margin-top:10px}.cl-call .cl-controls{display:flex}.cl-call button{width:auto;flex:1}.cl-main-stage{padding:0 16px 18px}.cl-directory{border-left:0;border-top:1px solid #39453c;padding:18px 16px}.cl-directory [data-cl-directory]{display:flex;flex-wrap:wrap;gap:18px}.cl-directory-person{margin:0}.cl-room-guide{margin-top:20px;padding-top:16px}.cl-room-guide button{width:auto;min-width:110px}.cl-empty-stage{min-height:245px}.cl-roster{grid-template-columns:repeat(2,minmax(0,1fr))}.cl-controls button{min-height:46px;flex:1 1 110px}.cl-people{max-height:220px}.cl-create-actions{flex-wrap:wrap}.cl-create-actions button{flex:1}.cl-directory-person{font-size:12px}}