:root{--ink:#171717;--muted:#737373;--accent:#171717;--active:#fff0eb;--coral:#cb4934;--coral-ink:#9e3929;--violet:#8873b5;--line:#e8e8e8;--paper:#fafafa;--dark:#171717;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;font-size:16px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b4b4b4;outline-offset:3px}
.skip{position:fixed;left:20px;top:-60px;z-index:10;background:white;padding:12px}
.skip:focus{top:10px}
.sidebar{width:232px;position:fixed;inset:0 auto 0 0;background:#fafafa;border-right:1px solid var(--line);color:#555;padding:30px 18px 18px;display:flex;flex-direction:column;overflow:auto}
.brand{display:flex;align-items:center;font-size:28px;color:#111;letter-spacing:-1.3px;font-weight:650;padding:0 9px}
.brand-mark{display:grid;place-items:center;background:var(--coral);color:#fff;font-size:27px;width:30px;height:30px;border-radius:5px;margin-right:10px;font-weight:600}
.brand-dot{color:var(--coral)}
.workspace{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:6px;padding:12px 10px;margin:33px 0 29px;font-size:13px;font-weight:550;background:#fff}
.avatar{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border:1px solid #e5e5e5;border-radius:5px;background:#f5f5f5;color:#525252;font-size:12px;font-weight:600}small{display:block;color:var(--muted);font-size:13px;margin-top:5px;font-weight:400}
.workspace small,.profile small{color:#888}
.nav-label{font-size:11px;letter-spacing:.7px;color:#999;margin:0 12px 12px}
nav{display:grid;gap:5px}
nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;font-size:14px;border-radius:5px;color:#737373}
nav a:hover{background:#f0f0f0;color:#171717}
nav a.active{background:var(--active);color:var(--coral-ink);font-weight:550}svg.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.sidebar-bottom{margin-top:auto;padding-top:35px}
.plan-card{padding:14px;border:1px solid var(--line);border-radius:6px;background:#fff}
.eyebrow{font-size:11px;letter-spacing:1.2px}
.plan-card .eyebrow{font-size:9px;color:#d1d1d1}
.plan-card strong{display:block;color:#333;font-size:13px;font-weight:550;margin:0 0 7px}
.plan-card>span:last-of-type{font-size:12px;color:#888;line-height:1.6}
.owner-link{display:block;font-size:12px;color:#737373;padding:17px 5px}
.profile{border-top:1px solid var(--line);padding-top:17px;display:flex;align-items:center;gap:11px;font-size:13px}
.avatar.light{background:#e8e8e8;color:#404040}
.online{width:6px;height:6px;border-radius:50%;background:#737373;margin-left:auto}
.shell{margin-left:232px}
.topbar{height:78px;background:#ffffff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px;font-size:13px;color:var(--muted)}
.topbar strong{font-weight:500;color:#464646}
.slash{margin:0 13px;color:#bababa}
.demo-tag{border:1px solid var(--line);padding:7px 10px;border-radius:6px;color:#6b6b6b;font-size:12px;display:flex;align-items:center;gap:6px}
.demo-tag i{width:5px;height:5px;background:#959595;border-radius:50%}main{max-width:1470px;margin:0 auto;padding:37px 40px 45px;min-height:calc(100vh - 128px)}h1{font-size:29px;letter-spacing:-.9px;font-weight:600;margin:7px 0 9px}h2{font-size:17px;font-weight:600;margin:0}h3{font-size:16px;margin:0}p{color:var(--muted);line-height:1.65}p.subtitle{margin:0;font-size:14px}
.page-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}
.kicker{font-size:11px;letter-spacing:1px;color:#888;font-weight:500}
.btn{border:1px solid var(--line);border-radius:7px;background:white;color:#505050;padding:10px 15px;display:inline-flex;gap:8px;align-items:center;justify-content:center;font-size:13px;font-weight:550;white-space:nowrap}
.btn:hover{background:#f3f3f3}
.btn.primary{background:var(--coral);border-color:var(--coral);color:#fff}
.btn.primary:hover{background:#b83d2a;border-color:#b83d2a}
.btn:disabled{cursor:not-allowed;opacity:.55}
.hero{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:7px;padding:20px 23px;margin-bottom:28px;gap:20px}
.hero h2{font-size:16px;letter-spacing:-.1px;font-weight:550}
.hero p{font-size:13px;margin:6px 0 0;max-width:520px;color:var(--muted)}
.hero .btn{background:#fff;border-color:#e5e5e5}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:24px}
.stat{background:#fff;border:1px solid var(--line);border-radius:7px;padding:20px}
.stat-head{display:flex;justify-content:space-between;color:#7d7d7d;font-size:13px;align-items:center}
.stat-head svg{color:#9e9e9e;width:16px}
.stat-value{font-size:31px;letter-spacing:-1.2px;margin:18px 0 11px;font-weight:600}
.stat-foot{display:flex;gap:7px;align-items:center;font-size:11px;color:#9c9c9c}
.stat-foot .gain{color:#404040;background:#f5f5f5;padding:3px 5px;border-radius:3px}
.grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);gap:23px;margin-bottom:24px}
.card{background:#fff;border:1px solid var(--line);border-radius:7px;overflow:hidden}
.card-pad{padding:22px}
.card-head{padding:22px 23px 0;display:flex;align-items:center;justify-content:space-between;gap:15px}
.card-head small{font-size:12px;margin-top:7px}
.card-head .btn{padding:7px 10px;font-size:12px}
.legend{display:flex;gap:16px;font-size:11px;color:var(--muted);padding:19px 23px 3px}
.legend span:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--coral);margin-right:6px}
.legend span+span:before{background:var(--violet)}
.chart{height:186px;width:100%;padding:4px 18px 0;overflow:visible}
.chart text{font-size:12px;fill:#a2a2a2}
.chart line{stroke:#efefef}
.chart path{vector-effect:non-scaling-stroke}
.chart-note{font-size:11px;padding:0 23px 16px;color:#9d9d9d}
.funnel{padding:18px 23px 24px}
.funnel-row{margin:16px 0 20px}
.funnel-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:10px}
.funnel-label span{color:var(--muted)}
.track{background:#f3f3f3;height:8px;border-radius:4px;overflow:hidden}
.track i{display:block;background:var(--coral);height:100%;border-radius:2px}
.funnel-row:nth-child(2) i{background:var(--violet)}
.funnel-row:nth-child(3) i{background:#c2b4d9}
.note{font-size:12px;padding:12px;background:#f8f8f8;border-radius:6px;color:#8d8d8d;line-height:1.6}
.table-wrap{overflow:auto;padding-top:17px}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;white-space:nowrap}th{font-size:11px;letter-spacing:.6px;color:#9b9b9b;font-weight:500;background:#fbfbfb;padding:13px 23px;border-bottom:1px solid var(--line)}td{padding:17px 23px;border-bottom:1px solid #f1f1f1}tbody tr:last-child td{border-bottom:0}
.webinar-name{display:flex;align-items:center;gap:12px}
.thumb{height:35px;width:42px;border:1px solid #f5d9d0;border-radius:5px;background:#fff0eb;color:var(--coral-ink);display:grid;place-items:center;flex-shrink:0}
.thumb.blue{background:#f0ebfa;color:#735d9d;border-color:#e3daf2}
.thumb.pink{background:#fff3e0;color:#936d30;border-color:#f4e4c5}
.webinar-name strong{font-size:13px;display:block;font-weight:550}
.webinar-name small{font-size:11px}
.badge{display:inline-flex;align-items:center;gap:5px;border:1px solid #e5e5e5;border-radius:4px;background:#fafafa;color:#525252;font-size:11px;padding:4px 6px}
.badge:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}
.badge.draft{background:#fff;color:#888}
.badge.published{border-color:#cfe4dc;background:#f2faf7;color:#00715a}.badge.paused{border-color:#eadfca;background:#fffaf0;color:#8a5a13}
.text-btn{border:0;background:transparent;color:var(--accent);font-size:12px;cursor:pointer;padding:8px}
.toolbar{display:flex;gap:12px;margin-bottom:20px;align-items:center}
.toolbar input{max-width:350px}
.toolbar select{width:auto}
.empty{text-align:center;padding:45px;color:var(--muted)}footer{padding:17px 40px;font-size:11px;display:flex;justify-content:space-between;color:#9d9d9d;border-top:1px solid var(--line)}
.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.stack{display:grid;gap:20px}label{font-size:13px;font-weight:550;display:block;margin:17px 0 7px}input,textarea,select{width:100%;border:1px solid #e1e1e1;background:#ffffff;border-radius:6px;padding:11px 12px;color:var(--ink);font-size:14px}textarea{resize:vertical;min-height:100px}input[type=checkbox]{width:auto;accent-color:var(--coral)}
.help{font-size:12px;line-height:1.6;color:var(--muted);margin:7px 0 15px}
.status-line{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line);gap:15px;font-size:14px}
.status-line:last-child{border:0}
.number{width:27px;height:27px;background:#f0f0f0;border-radius:50%;display:grid;place-items:center;font-size:13px;color:var(--accent);flex-shrink:0}
.mail-item{display:flex;gap:13px;padding:20px 0;border-bottom:1px solid var(--line)}
.mail-item:last-child{border:0}
.mail-item .text-btn{margin-left:auto}
.mail-item small{font-size:12px}
.integration-logo{display:flex;align-items:center;gap:13px;margin-bottom:20px}
.meta-logo{font-size:35px;line-height:1;color:#171717}
.integration-logo h2{font-size:19px}
.big-note{background:#fafafa;border:1px solid var(--line);border-radius:6px;padding:15px 18px;font-size:13px;color:#737373;line-height:1.6;margin-bottom:25px}
.checkline{display:flex;align-items:start;gap:9px;font-size:13px;font-weight:400;line-height:1.6}
.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pricing .card{padding:25px}
.pricing .featured{border:2px solid #919191}
.price{font-size:27px;letter-spacing:-.7px;margin:20px 0 5px}
.pricing ul{padding-left:17px;color:var(--muted);font-size:14px;line-height:2.3}
.pill{font-size:11px;color:var(--accent);background:#f1f1f1;padding:5px 8px;border-radius:4px}
.preview-header{padding:15px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}
.event-preview{padding:25px 0}
.event-preview h2{font-size:30px;line-height:1.2;letter-spacing:-.8px;margin:15px 0}
.event-cover{background:var(--dark);color:#e4e4e4;padding:28px;border-radius:7px;margin:20px 0;min-height:135px;display:flex;align-items:center;gap:25px}
.play-circle{width:55px;height:55px;border-radius:50%;border:1px solid #ababab;display:grid;place-items:center;font-size:21px;flex-shrink:0}
.video-placeholder{aspect-ratio:16/9;background:#272727;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#e4e4e4;text-align:center;gap:13px}
.video-placeholder p{color:#b8b8b8;font-size:14px;margin:0;max-width:330px}
.video-controls{padding:17px 0}
.video-controls label{margin-top:0}
.video-controls input{padding:0;accent-color:var(--coral)}
.offer{padding:18px;background:#f1f1f1;border-radius:8px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.offer[hidden]{display:none}dialog{border:1px solid var(--line);border-radius:14px;padding:27px;width:min(590px,calc(100% - 30px));max-height:90vh;color:var(--ink);box-shadow:0 30px 100px #27272733}dialog::backdrop{background:#2727277a;backdrop-filter:blur(4px)}
.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px}
.dialog-head h2{font-size:23px;letter-spacing:-.5px}
.close{border:0;border-radius:5px;background:#f4f4f4;width:30px;height:30px;font-size:22px;color:#6d6d6d}
.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}
.steps{display:flex;gap:8px;margin:22px 0;font-size:12px;color:#9b9b9b}
.steps span{border-bottom:2px solid #eaeaea;padding:8px 0;flex:1}
.steps .current{color:var(--coral-ink);border-color:var(--coral)}#toast{position:fixed;bottom:24px;left:calc(50% + 90px);transform:translateX(-50%);padding:14px 20px;background:var(--dark);color:white;border-radius:9px;max-width:90vw;box-shadow:0 8px 30px #00000022;font-size:14px;display:none;z-index:20}#toast.show{display:block}details{font-size:13px;margin-top:15px}summary{cursor:pointer;color:var(--accent);padding:8px 0}details table{font-size:12px}
.error{color:#5c5c5c;font-size:13px;line-height:1.6}
.save-indicator{margin-top:12px;color:var(--accent);font-size:13px}
.row{display:flex;gap:12px;align-items:center}
.row>div{flex:1}
.mobile-hide{display:initial}
@media(min-width:1500px){main{padding-top:43px}
.chart{height:230px}
.hero{padding:29px}
.stat{padding:24px}
.stat-value{font-size:37px}
.sidebar{width:260px}
.shell{margin-left:260px}}
@media(max-width:1150px){.sidebar{width:215px;padding:28px 15px}
.shell{margin-left:215px}main{padding:28px 24px}
.topbar{padding:0 24px}
.stats{gap:10px}
.stat{padding:15px}
.stat-value{font-size:27px}
.grid{grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr);gap:15px}th,td{padding-left:17px;padding-right:17px}
.stat-foot{font-size:10px;gap:4px}
.two-cols{gap:15px}}
@media(max-width:850px){.sidebar{width:76px;padding:24px 12px}
.brand{font-size:0;padding:0}
.brand-mark{margin:0}
.brand-dot,.workspace,.nav-label,.sidebar-bottom{display:none}
nav{margin-top:35px}
nav a{font-size:0;justify-content:center;padding:14px;gap:0}
.shell{margin-left:76px}
.stats{grid-template-columns:1fr 1fr}
.grid{grid-template-columns:1fr}
.two-cols{grid-template-columns:1fr}
.pricing{grid-template-columns:1fr}
.page-head{align-items:start}h1{font-size:27px}
.hero{padding:20px}
.hero h2{font-size:19px}
.hero p{max-width:300px}
.topbar{height:65px}footer span{display:none}#toast{left:50%}}
@media(max-width:520px){main{padding:23px 15px}
.topbar{padding:0 15px;font-size:12px}
.topbar>span:first-child{font-size:0}
.topbar strong{font-size:13px}
.slash{display:none}
.demo-tag{font-size:10px;padding:6px}
.page-head{flex-wrap:wrap;gap:15px;margin-bottom:20px}h1{font-size:26px}
.hero{display:block}
.hero .btn{margin-top:15px}
.stat{padding:12px}
.stat-head{font-size:12px}
.stat-value{font-size:26px;margin:13px 0 8px}
.stat-foot{display:block}
.stat-foot>span:last-child{display:block;margin-top:5px}
.card-head{padding:18px 16px 0}
.card-head h2{font-size:15px}
.toolbar{flex-wrap:wrap}
.toolbar input{max-width:none}
.row{display:block}
.offer{display:block}
.offer .btn{margin-top:12px}footer{padding:17px 15px}
.event-preview h2{font-size:26px}}

/* Participant room: wide stage and dedicated interaction panel. */
dialog.webinar-room{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:100dvh;margin:0;padding:0;background:#fafafa;border:0;border-radius:0;box-shadow:none;overflow:hidden}
.webinar-room>.dialog-head{grid-column:1 / -1;grid-row:1;border-bottom:1px solid var(--line);padding:12px 24px;background:#fff}.webinar-room>.dialog-head h2{font-size:15px;font-weight:500;color:#737373}
.room-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 24px;grid-column:1;grid-row:2;min-width:0}.room-heading h1{font-size:18px;margin:5px 0 0}.room-recorded{font-size:12px;color:#9e3929;background:#fff0eb;padding:7px 10px;border-radius:5px;white-space:nowrap}
.room-layout{display:contents}.room-stage{grid-column:1;grid-row:3;min-width:0;min-height:0;display:flex;flex-direction:column;padding:0 24px 16px;overflow:auto}.room-video-fit{flex:1;min-height:0;min-width:0;container-type:size;display:flex;align-items:center;justify-content:center}.room-screen{flex:none;width:min(100cqw,calc(100cqh * 16 / 9));aspect-ratio:16/9;min-height:0;background:#211f27;border-radius:8px 8px 0 0;position:relative;overflow:hidden;display:flex;align-items:center;padding:clamp(18px,3vw,48px);gap:5%;color:#fff}.room-slide{width:68%}.room-chapter{font-size:11px;letter-spacing:2px;color:#c7bbc9}.room-slide h2{font-size:clamp(20px,3cqw,42px);line-height:1.16;letter-spacing:-1.3px;margin:25px 0 15px;font-weight:550}.room-slide em{font-style:normal;color:#f19783}.room-slide p{color:#bab6c5;font-size:14px;max-width:410px;line-height:1.7}.room-slide-line{width:40px;height:3px;background:#cb4934;margin:20px 0}.room-slide>span:last-child{font-size:13px;color:#d1cdd9}.room-presenter{width:27%;aspect-ratio:3/4;border:1px solid #605365;background:#352e3c;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px}.room-person{height:64px;width:64px;border-radius:50%;display:grid;place-items:center;background:#745666;color:#ffe7e0;font-size:23px;margin-bottom:20px}.room-presenter strong{font-size:13px}.room-presenter small{color:#c2b8ca;font-size:11px;line-height:1.6}.room-screen-caption{position:absolute;bottom:12px;left:5%;font-size:10px;color:#b4a9be}.room-playerbar{flex-shrink:0;display:flex;gap:16px;align-items:center;padding:13px 18px;background:#211f27;border-top:1px solid #3b3644;color:#eee;border-radius:0 0 8px 8px;font-size:13px}.room-player-note{margin-left:auto;color:#b6adbf;font-size:11px}.room-host{flex-shrink:0;display:flex;align-items:center;gap:12px;padding:14px 0}.room-host strong{font-size:14px}.room-host>.room-recorded{margin-left:auto}.room-sales{flex-shrink:0;background:#fff0eb;border:1px solid #f4d4cb;padding:23px;margin:0 0 18px}.room-sales h3{margin-top:8px;font-size:20px}.room-sales p{font-size:13px;margin-bottom:0}.room-preview-tools{border-top:1px solid var(--line);padding-top:8px}.room-preview-tools input{padding:0;accent-color:var(--coral)}.room-preview-tools label{font-size:12px;color:#737373;font-weight:400}
.room-discussion{grid-column:2;grid-row:2 / 4;min-height:0;background:#fff;border:0;border-left:1px solid var(--line);border-radius:0;display:flex;flex-direction:column;overflow:hidden;min-width:0}.room-tabs{flex-shrink:0;display:flex;border-bottom:1px solid var(--line);padding:0 18px;gap:24px}.room-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:18px 0;font-size:14px;color:#888}.room-tabs button[aria-selected=true]{border-bottom-color:var(--coral);color:var(--coral-ink);font-weight:600}#room-chat{display:flex;flex-direction:column;flex:1;min-height:0}#room-chat[hidden],#room-materials[hidden]{display:none}.room-pinned{flex-shrink:0;background:#fff8f5;margin:17px;padding:13px;border:1px solid #f6e2db;border-radius:6px}.room-pinned>span{font-size:10px;letter-spacing:.6px;color:#9e3929}.room-pinned p{font-size:13px;margin:8px 0 0;color:#745c56}.room-messages{padding:0 17px;max-height:none;min-height:0;overflow:auto;flex:1}.room-message{display:flex;gap:10px;padding:13px 0}.room-message strong{font-size:13px}.room-message small{font-size:11px;font-weight:400}.room-message p{font-size:13px;color:#737373;line-height:1.6;overflow-wrap:anywhere}.room-message .avatar{width:27px;height:27px}.room-compose-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.room-compose-footer>span{font-size:11px;color:#999}#room-chat-form{flex-shrink:0;padding:14px 17px;border-top:1px solid var(--line)}#room-chat-form label{font-size:12px;margin-top:0}#room-chat-form textarea{min-height:65px;font-size:13px}.room-powered{flex-shrink:0;padding:15px;border-top:1px solid var(--line);text-align:center;font-size:11px;color:#999}.room-powered strong{color:#333;margin-left:5px}.room-powered strong span{color:var(--coral)}#room-materials{padding:22px 17px;flex:1;min-height:0;overflow:auto}#room-materials p{font-size:14px}
body.room-open{overflow:hidden}
dialog.webinar-room[open]{display:grid;grid-template-columns:minmax(0,1fr) clamp(280px,15vw,330px);grid-template-rows:44px auto minmax(0,1fr)}
.webinar-room::backdrop{background:#fafafa;backdrop-filter:none}.room-heading-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.webinar-room .room-playerbar{border-radius:0}.room-playerbar .btn{font-size:12px}.webinar-room:fullscreen{background:#fafafa}.room-stage video{width:100%;height:100%;object-fit:contain}.room-heading h1{overflow-wrap:anywhere}.room-presenter{max-height:90%;max-width:220px}.room-sales{margin-bottom:0}.room-playerbar{flex-wrap:wrap}.room-stage>#room-end{flex-shrink:0}
@media(max-width:1100px){.room-heading{align-items:flex-start;flex-direction:column;gap:12px;padding:16px 20px}.room-heading h1{font-size:22px}.room-stage{padding:0 20px 14px}.room-presenter{display:none}.room-slide{width:100%}.room-slide h2{font-size:32px}.room-player-note{display:none}.room-sales{flex-wrap:wrap;padding:16px}}
@media(max-height:720px) and (min-width:761px){.room-heading{padding-top:10px;padding-bottom:10px}.room-heading h1{font-size:20px}.room-screen{min-height:0}.room-slide h2{font-size:29px;margin:12px 0}.room-slide p{font-size:13px}.room-slide-line{margin:10px 0}.room-host{padding:10px 0}.room-sales{padding:14px}.room-sales p{display:none}.room-pinned{margin:10px;padding:10px}#room-chat-form{padding:10px 14px}}
@media(max-width:760px){dialog.webinar-room[open]{display:block;overflow:auto}.webinar-room>.dialog-head{position:sticky;top:0;z-index:2;padding:12px 16px}.room-layout{display:block}.room-heading{padding:18px 16px}.room-stage{padding:0 16px 20px;overflow:visible}.room-video-fit{flex:none;container-type:inline-size;display:block;width:100%;aspect-ratio:16/9}.room-screen{width:100%;aspect-ratio:16/9;min-height:0}.room-slide h2{font-size:32px}.room-discussion{height:520px;min-height:0;border-left:0;border-top:1px solid var(--line)}.room-heading-actions{gap:8px}.room-playerbar{gap:9px}.room-playerbar .room-player-note{display:block;width:100%;margin:0}.room-sales{flex-wrap:wrap}.room-slide p{font-size:13px}}

/* Playback continues behind the initial audio activation overlay. */
.room-screen.is-muted>.room-slide,.room-screen.is-muted>.room-presenter,.room-screen.is-muted>.room-screen-caption{filter:blur(9px);opacity:.55;pointer-events:none;user-select:none}
.room-sound-gate{position:absolute;inset:0;z-index:1;width:100%;height:100%;border:0;background:rgba(20,17,27,.42);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px;text-align:center;cursor:pointer;backdrop-filter:blur(3px)}
.room-sound-icon{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 10px rgba(203,73,52,.15);margin-bottom:7px}.room-sound-icon svg{width:34px;height:34px}.room-sound-gate strong{font-size:clamp(17px,1.8vw,25px);font-weight:550;letter-spacing:-.4px}.room-sound-hint{color:#e0dbe6;font-size:14px}.room-sound-gate small{color:#bdb5c7;font-size:12px;margin:0}.room-sound-gate:hover .room-sound-icon{background:#b83d2a}.room-sound-gate:focus-visible{outline:3px solid #f19783;outline-offset:-5px}.room-screen>.room-slide,.room-screen>.room-presenter{transition:filter .2s ease,opacity .2s ease}@media(prefers-reduced-motion:reduce){.room-screen>.room-slide,.room-screen>.room-presenter{transition:none}}@media(max-height:720px){.room-sound-gate{gap:9px}.room-sound-icon{width:56px;height:56px}.room-sound-icon svg{width:27px;height:27px}}

/* Keep the image inside its 16:9 frame, including shorter windows. */
.room-video-fit .room-screen{border-radius:7px;padding:3cqw;gap:3cqw}.room-video-fit .room-slide h2{font-size:clamp(18px,3cqw,42px);margin:1.4cqw 0 1cqw}.room-video-fit .room-slide p{font-size:clamp(10px,1cqw,12px);margin:0}.room-video-fit .room-slide-line{margin:1.4cqw 0}.room-video-fit .room-screen-caption{bottom:8px}.room-video-fit .room-presenter{max-height:85%;padding:10px}.room-video-fit .room-person{width:clamp(30px,5cqw,64px);height:clamp(30px,5cqw,64px);margin-bottom:10px}.room-video-fit .room-sound-icon{width:clamp(44px,6cqw,76px);height:clamp(44px,6cqw,76px)}.room-video-fit .room-sound-gate{gap:10px}.room-video-fit .room-sound-gate strong{font-size:clamp(16px,2cqw,25px)}
@media(max-width:760px){.room-video-fit .room-screen{padding:18px}.room-video-fit .room-slide p,.room-video-fit .room-slide-line,.room-video-fit .room-slide>span:last-child{display:none}.room-video-fit .room-slide h2{font-size:clamp(20px,5vw,30px)}.room-video-fit .room-sound-gate{gap:8px;padding:12px}.room-video-fit .room-sound-gate small{font-size:10px}.room-video-fit .room-sound-icon{margin-bottom:3px}.room-video-fit .room-sound-icon svg{width:25px;height:25px}.room-video-fit .room-sound-hint{font-size:12px}}

/* Traffic summary: shared visual language for overview and analytics. */
.traffic-card{margin-bottom:24px}
.traffic-flow{display:grid;grid-template-columns:1fr .8fr 1fr 2.2fr;align-items:center;padding:32px 30px 26px;min-height:260px;gap:16px}
.flow-node{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;--flow-color:#5276a7}
.flow-node strong{font-size:34px;line-height:1.15;font-weight:600;letter-spacing:-1px;color:var(--ink,#242424);font-variant-numeric:tabular-nums}
.flow-node>span:last-child{font-size:14px;color:var(--muted)}
.flow-icon{width:42px;height:42px;display:grid;place-items:center;background:color-mix(in srgb,var(--flow-color) 10%,white);border-radius:12px;color:var(--flow-color)}
.flow-icon .icon{width:23px;height:23px}
.registrations{--flow-color:#cb4934}.attendees{--flow-color:#8873b5}.replays{--flow-color:#258681}
.flow-link,.branch-link{display:flex;flex-direction:column;align-items:center;gap:7px;color:#cb4934}
.flow-link strong,.branch-link strong{font-size:15px;font-variant-numeric:tabular-nums}
.flow-link small,.branch-link small{font-size:12px;color:var(--muted)}
.flow-arrow{display:block;width:100%;height:2px;background:currentColor;position:relative;opacity:.65;margin:8px 0}
.flow-arrow:after{content:'';position:absolute;right:0;top:-4px;width:8px;height:8px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}
.flow-branches{display:flex;flex-direction:column;gap:28px;position:relative;padding-left:24px}
.flow-branches:before{content:'';position:absolute;left:0;top:24%;bottom:24%;border-left:2px solid #d9dce4}
.flow-branches:after{content:'';position:absolute;left:-16px;top:50%;width:16px;border-top:2px solid #d9dce4}
.flow-branch{display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:22px;position:relative}
.flow-branch:before{content:'';position:absolute;left:-24px;top:25%;width:24px;border-top:2px solid #d9dce4}
.live .branch-link{color:#8873b5}.replay .branch-link{color:#258681}
.flow-branch .flow-node{display:grid;grid-template-columns:36px 1fr;text-align:left;column-gap:12px}
.flow-branch .flow-icon{grid-row:span 2;width:36px;height:36px}
.flow-branch .flow-node strong{font-size:31px}.flow-branch .flow-node>span:last-child{font-size:13px}
.traffic-note{border-top:1px solid var(--line);margin:0;padding:14px 23px;font-size:12px;color:var(--muted);line-height:1.6}
.analytics-chart{margin-bottom:24px}.analytics-chart .chart{height:240px}
@media(max-width:700px){.traffic-flow{grid-template-columns:1fr;gap:20px;padding:26px 20px}.flow-link{width:150px;justify-self:center}.flow-link .flow-arrow{display:none}.flow-link:before{content:'↓';font-size:26px}.flow-branches{padding:22px 0 0;flex-direction:row;gap:20px;border-top:1px solid var(--line);width:100%}.flow-branches:before,.flow-branches:after,.flow-branch:before{display:none}.flow-branch{display:flex;flex:1;flex-direction:column;gap:12px;min-width:0}.branch-link{width:100%}.branch-link .flow-arrow{display:none}.flow-branch .flow-node{display:flex;text-align:center}.traffic-card .card-head{align-items:flex-start}.traffic-card .pill{white-space:nowrap}.flow-node strong{font-size:31px}}

.flow-icon:has(.participant-illustration){background:transparent;width:54px;height:54px;border-radius:0}.participant-illustration{width:54px;height:54px;display:block}.flow-branch .flow-node{grid-template-columns:54px 1fr}.flow-branch .flow-icon:has(.participant-illustration){width:54px;height:54px}
.report-filters{display:flex;gap:20px;align-items:end;flex-wrap:wrap;background:#fff;border:1px solid var(--line);padding:20px;border-radius:8px;margin-bottom:24px}.report-filters label{font-size:14px;display:grid;gap:8px;min-width:180px}.report-filters .pill{margin-left:auto;align-self:center}.report-card{margin-bottom:24px}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.report-bars{display:grid;gap:18px;padding:25px}.report-bar-label{display:flex;justify-content:space-between;gap:12px;font-size:15px;margin-bottom:8px}.report-track{height:9px;background:#f1f2f5;border-radius:6px;overflow:hidden}.report-track i{display:block;height:100%;border-radius:6px;min-width:0}.report-help{padding:0 25px 20px;margin:0;font-size:14px;color:var(--muted);line-height:1.8}.report-legend{display:flex;gap:10px;flex-wrap:wrap;padding:20px 25px}.report-legend button{border:1px solid var(--line);background:white;border-radius:20px;padding:8px 12px;font:inherit;font-size:14px;cursor:pointer}.report-legend button:before{content:'';display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--series);margin-right:7px}.report-legend button[aria-pressed=false]{opacity:.5;text-decoration:line-through}.report-chart{width:100%;height:auto;max-height:340px;padding:0 18px;display:block}.report-chart text{font-size:12px;fill:#747682}.report-data{padding:16px 25px;font-size:14px}.report-data summary{cursor:pointer}.report-dot{width:9px;height:9px;border-radius:50%}@media(max-width:700px){.report-grid{grid-template-columns:1fr;gap:0}.report-filters label{width:100%}.report-filters .pill{margin-left:0}.report-chart{padding:0 3px}.report-bars{padding:20px}}

/* Distinct metric colours shared by funnel and report legends. */
.visitors{--flow-color:#475569}.registrations{--flow-color:#dc582a}.attendees{--flow-color:#2563eb}.replays{--flow-color:#9333b8}
.flow-link{color:#dc582a}.live .branch-link{color:#2563eb}.replay .branch-link{color:#9333b8}
.report-legend button{font-weight:600}.report-legend button:before{width:11px;height:11px}
.participant-controls{display:flex;align-items:end;flex-wrap:wrap;gap:14px;padding:24px 25px 8px}.participant-controls label{display:grid;gap:8px;font-size:14px;flex:1;min-width:170px}.participant-controls input,.participant-controls select{width:100%}.participant-result-count{font-size:14px;color:var(--muted);padding:15px 25px 0}.participant-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 25px;font-size:13px;color:var(--muted)}.participant-pagination button:disabled{opacity:.4;cursor:default}.participant-status{display:inline-block;padding:5px 9px;border-radius:20px;font-size:13px}.participant-status.present{background:#e8f5f1;color:#006951}.participant-status.absent{background:#f1f2f5;color:#626873}.participant-detail{padding:25px}.participant-detail p{font-size:15px;color:var(--muted);line-height:1.7}.participant-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;border-block:1px solid var(--line);padding:20px 0;margin:24px 0}.participant-summary strong{display:block;margin-top:8px;font-size:17px}.participant-timeline{list-style:none;margin:24px 0;padding:0 0 0 14px;border-left:2px solid #dce3f3}.participant-timeline li{position:relative;display:grid;grid-template-columns:105px 1fr;gap:14px;padding:0 0 24px 10px;font-size:15px}.participant-timeline li:before{content:'';position:absolute;left:-20px;top:2px;width:9px;height:9px;border-radius:50%;background:#2563eb;border:2px solid white}.participant-timeline time{font-size:13px;color:var(--muted)}.participant-detail .report-help{padding:0}@media(max-width:600px){.participant-controls{padding:20px}.participant-pagination{flex-wrap:wrap}.participant-summary{grid-template-columns:1fr}.participant-timeline li{grid-template-columns:80px 1fr}}
.participants-collapse{margin-bottom:24px}.participants-collapse>summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px;cursor:pointer;list-style:none}.participants-collapse>summary::-webkit-details-marker{display:none}.participants-collapse>summary strong{font-size:18px}.participants-collapse>summary small{display:block;margin-top:8px;font-size:14px;color:var(--muted)}.participants-chevron{font-size:26px;transition:transform .15s}.participants-collapse[open] .participants-chevron{transform:rotate(180deg)}.participants-collapse[open]>summary{border-bottom:1px solid var(--line)}.participants-collapse>summary:focus-visible{outline:2px solid #2563eb;outline-offset:-4px}

dialog:has(.participant-detail){width:min(1040px,calc(100% - 32px));max-width:1040px}.participant-detail .report-table td{white-space:normal}@media(max-width:600px){dialog:has(.participant-detail){padding:18px}.participant-detail{padding:20px 0}}

.active-report-filters{margin:-9px 0 22px;padding:12px 15px;border:1px solid var(--line);border-radius:8px;background:#fafafa;color:var(--muted);font-size:13px}.active-report-filters strong{color:var(--ink)}

.metric-glossary{margin-bottom:24px}.metric-glossary>summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;cursor:pointer;list-style:none}.metric-glossary>summary::-webkit-details-marker{display:none}.metric-glossary>summary small{margin-top:7px}.metric-glossary[open]>summary{border-bottom:1px solid var(--line)}.metric-glossary[open] .participants-chevron{transform:rotate(180deg)}.metric-definitions{padding:8px 24px 22px}.metric-definitions dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:0}.metric-definitions dl>div{padding:16px 0;border-bottom:1px solid var(--line)}.metric-definitions dt{font-weight:650;margin-bottom:6px}.metric-definitions dd{margin:0;color:var(--muted);line-height:1.55}@media(max-width:700px){.metric-definitions dl{grid-template-columns:1fr}}

.table-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px}.webinar-config{padding:24px}.config-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:24px}.config-intro h2{font-size:25px;margin-top:9px}.config-list{border:1px solid var(--line);border-radius:10px;overflow:hidden}.config-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:15px;padding:17px 18px;border-bottom:1px solid var(--line)}.config-row:last-child{border-bottom:0}.config-index{color:#aaa;font-variant-numeric:tabular-nums}.config-row small{margin-top:5px}.config-status{padding:6px 9px;border-radius:99px;background:#f4f4f5;color:#666;font-size:12px;white-space:nowrap}.config-status.ready{background:#e8f5f1;color:#006951}@media(max-width:650px){.config-intro{display:block}.config-intro .btn{margin-top:15px}.config-row{grid-template-columns:32px 1fr}.config-status{grid-column:2;justify-self:start}.table-actions{display:grid;gap:7px}}

.danger-text{color:#b42318}.btn.danger{background:#b42318;border-color:#b42318;color:#fff}.confirm-delete{padding:24px}.confirm-delete h3{font-size:20px;margin:10px 0}.confirm-delete .actions{justify-content:flex-end;margin-top:24px}

.webinar-counts{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}.webinar-counts span{padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--muted);font-size:13px}.webinar-counts strong{color:var(--ink);margin-right:4px}

.readiness{padding:17px 18px;margin-bottom:18px;border:1px solid #d8e7e2;border-radius:10px;background:#f7fbfa}.readiness>div:first-child{display:flex;justify-content:space-between;gap:15px}.readiness span,.readiness p{color:var(--muted);font-size:13px}.readiness p{margin:9px 0 0}.readiness-track{height:7px;margin-top:12px;border-radius:99px;background:#e1e9e6;overflow:hidden}.readiness-track i{display:block;height:100%;background:#00866a;border-radius:inherit}

.config-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.config-row-end{display:flex;align-items:center;justify-content:flex-end;gap:12px}@media(max-width:650px){.config-actions{justify-content:flex-start}.config-row-end{grid-column:2;justify-content:flex-start;flex-wrap:wrap}}

.video-readiness{display:grid;gap:5px;margin-top:18px;padding:14px;border:1px solid #ead4cf;border-radius:9px;background:#fff8f6;color:#8d3326}.video-readiness span{font-size:13px;color:var(--muted)}.video-readiness.ready{border-color:#cfe4dc;background:#f5fbf8;color:#006951}
.btn:disabled{opacity:.45;cursor:not-allowed}.publish-btn:not(:disabled){border-color:#bcded2;background:#f2faf7;color:#006951}.local-publish-note{display:grid;gap:5px;margin:-4px 0 18px;padding:14px 16px;border:1px solid #cfe4dc;border-radius:9px;background:#f5fbf8;color:#006951}.local-publish-note span{color:var(--muted);font-size:13px;line-height:1.55}
.schedule-days{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;border:0}.schedule-days legend{width:100%;margin-bottom:3px;font-weight:600}.schedule-days label{display:flex;align-items:center;gap:5px;margin:0;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:13px;cursor:pointer}.schedule-days input{width:auto;margin:0;accent-color:var(--coral)}
.feature-toggle{display:flex;align-items:flex-start;gap:11px;margin-top:21px;padding:14px;border:1px solid var(--line);border-radius:9px;background:#fafafa;cursor:pointer}.feature-toggle input{width:auto;margin:3px 0 0;accent-color:var(--coral)}.feature-toggle span{display:grid;gap:4px}.feature-toggle small{color:var(--muted);font-weight:400}.offer-settings{padding:3px 14px 0;border-left:2px solid #f1c6bc;margin-left:18px}
.usage-card{margin-bottom:32px;overflow:hidden}.usage-plan-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 26px;border-bottom:1px solid var(--line)}.usage-plan-head h2{margin:8px 0 5px;font-size:27px}.usage-plan-head p{margin:0;color:var(--muted);font-size:14px}.usage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;padding:6px 26px 20px}.usage-item{padding:21px 0;border-bottom:1px solid var(--line)}.usage-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px}.usage-heading>div{display:grid;gap:6px}.usage-heading span{color:var(--muted);font-size:13px}.usage-heading strong{font-size:17px}.usage-heading b{font-size:14px;color:#00715a}.usage-track{height:8px;margin:14px 0 10px;border-radius:99px;background:#edf0ef;overflow:hidden}.usage-track i{display:block;height:100%;border-radius:inherit;background:#16856d}.usage-foot{display:flex;justify-content:space-between;gap:12px;font-size:12px}.usage-foot span{color:var(--muted)}.usage-item.warning .usage-heading b,.usage-item.warning .usage-foot strong{color:#9a650e}.usage-item.warning .usage-track i{background:#d3952d}.usage-item.limit .usage-heading b,.usage-item.limit .usage-foot strong{color:#b42318}.usage-item.limit .usage-track i{background:#cb4934}.usage-explanation{margin:0 26px 24px;padding:16px 18px;border:1px solid #dbe8e3;border-radius:9px;background:#f7fbfa}.usage-explanation p{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 17px}.section-title h2{margin:7px 0 0;font-size:23px}@media(max-width:700px){.usage-grid{grid-template-columns:1fr}.usage-plan-head,.usage-grid{padding-left:20px;padding-right:20px}.usage-explanation{margin-left:20px;margin-right:20px}.usage-heading{align-items:flex-start}.usage-foot{display:grid}.section-title{align-items:flex-start}}
.video-usage{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,2fr) auto;align-items:center;gap:28px;padding:22px 25px;margin-bottom:24px}.video-usage>div:first-child{display:grid;gap:5px}.video-usage>div:first-child span,.video-usage small{color:var(--muted);font-size:13px}.video-usage>div:first-child strong{font-size:18px}.video-usage-bar{height:9px;border-radius:99px;background:#edf0ef;overflow:hidden}.video-usage-bar i{display:block;height:100%;border-radius:inherit;background:#16856d}.video-library .card-head{align-items:end}.video-library .card-head input{max-width:270px}.video-name{display:flex;align-items:center;gap:13px}.video-name>div{min-width:0}.video-thumb{display:grid;place-items:center;flex:0 0 46px;height:34px;border-radius:6px;background:#fff0eb;color:var(--coral)}.video-thumb .icon{width:17px}.video-status{display:inline-flex;padding:6px 9px;border-radius:99px;font-size:12px;white-space:nowrap}.video-status.ready{background:#e8f5f1;color:#006951}.video-status.error{background:#fff0eb;color:#9e3929}.video-processing{display:grid;gap:6px;min-width:125px;color:#7b5b13;font-size:12px}.video-processing i{height:5px;border-radius:9px;background:#f2ead8;overflow:hidden}.video-processing b{display:block;height:100%;background:#d3952d}.video-upload-form{padding:24px}.upload-drop{display:grid;place-items:center;text-align:center;gap:8px;padding:28px 20px;margin-bottom:22px;border:1px dashed #c9cbd1;border-radius:10px;background:#fafafa}.upload-drop>span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff0eb;color:var(--coral)}.upload-drop .icon{width:22px}.upload-drop small{color:var(--muted)}.upload-drop input{max-width:360px;margin-top:8px;padding:8px;background:#fff}.video-detail{display:flex;align-items:center;gap:17px;padding:24px 0;border-bottom:1px solid var(--line);margin-bottom:4px}.video-detail-icon{display:grid;place-items:center;width:70px;height:50px;border-radius:8px;background:#fff0eb;color:var(--coral)}.video-detail-icon .icon{width:23px}.video-detail h2{margin:7px 0 4px;font-size:22px}.video-detail p{margin:0;color:var(--muted)}@media(max-width:700px){.video-usage{grid-template-columns:1fr;gap:14px}.video-library .card-head{align-items:stretch}.video-library .card-head input{max-width:none}}
.wizard-section{margin-top:18px;padding:17px;border:1px solid var(--line);border-radius:8px;background:#fcfcfc}.wizard-section h3{margin-bottom:4px}.wizard-section label{margin-top:12px}
.presenter-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:22px}.presenter-overview>div{padding:19px}.presenter-overview span,.presenter-overview small{display:block;color:var(--muted);font-size:13px}.presenter-overview strong{display:block;margin:9px 0 3px;font-size:27px}.presenter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.presenter-card{padding:24px}.presenter-card-head{display:flex;align-items:center;gap:15px}.presenter-card-head>div{min-width:0;flex:1}.presenter-card-head h2{margin:0 0 5px;font-size:20px}.presenter-card-head p{margin:0;color:var(--muted);font-size:13px}.presenter-avatar{display:grid;place-items:center;flex:0 0 54px;height:54px;border-radius:50%;font-weight:700;background:#fff0eb;color:#9e3929}.presenter-avatar.violet{background:#f1edf8;color:#6d579c}.presenter-bio{min-height:48px;margin:20px 0;color:#4d4f58;line-height:1.6}.presenter-meta{display:grid;gap:5px;padding:14px 0;border-block:1px solid var(--line);color:var(--muted);font-size:12px}.presenter-use{display:grid;gap:5px;padding:17px 0}.presenter-use small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.presenter-card>.text-btn{margin-top:3px}.presenter-detail{padding:22px 2px}.presenter-detail>p{color:var(--muted);line-height:1.7}.presenter-detail h3{margin-top:25px}@media(max-width:760px){.presenter-grid{grid-template-columns:1fr}.presenter-overview{grid-template-columns:1fr}.presenter-bio{min-height:0}}
.integration-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.integration-summary{padding:18px}.integration-summary strong{display:block;font-size:17px;margin:8px 0}.integration-columns{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:22px}.integration-step{display:grid;grid-template-columns:31px 1fr auto;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.integration-step>span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#f3f3f3;font-size:11px;color:#777}.integration-step strong{display:block;font-size:13px}.integration-step small{font-size:11px}.integration-step b{font-size:11px;font-weight:500;color:#8b6b2f;background:#fff7e8;padding:5px 7px;border-radius:4px}.integration-step b.ready{color:#00715a;background:#f2faf7}.integration-subtitle{margin-top:25px}.integration-card-head{display:flex;align-items:start;justify-content:space-between;gap:14px}.integration-card-head h2{margin-top:7px}.domain-box{border:1px solid var(--line);border-radius:7px;padding:14px;margin:16px 0}.domain-box strong{display:block;font-size:14px}.integration-link{display:inline-block;margin-top:14px}.webhook-events{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.webhook-events span{font-size:11px;border:1px solid var(--line);border-radius:5px;padding:6px 8px;color:#666}@media(max-width:1000px){.integration-columns{grid-template-columns:1fr}}@media(max-width:700px){.integration-overview{grid-template-columns:1fr}}
.mail-status{display:flex;align-items:center;gap:18px;padding:17px 20px;margin-bottom:18px}.mail-status>div{display:grid;gap:4px}.mail-status>div strong{font-size:15px}.mail-status .badge{margin-left:auto}.mail-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.mail-kpis>div{padding:18px}.mail-kpis span{display:block;color:var(--muted);font-size:12px}.mail-kpis strong{display:block;font-size:25px;margin:10px 0 2px}.mail-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;margin-bottom:22px}.mail-editor h2{margin:7px 0 4px}.mail-state{display:inline-block;margin-top:7px;color:#00715a;background:#f2faf7;border-radius:4px;padding:4px 6px;font-size:11px}.mail-history{margin-top:22px}.mail-history>summary{display:flex;align-items:center;justify-content:space-between;padding:20px 23px;list-style:none}.mail-history>summary::-webkit-details-marker{display:none}.mail-history[open]>summary{border-bottom:1px solid var(--line)}.mail-history[open] .participants-chevron{transform:rotate(180deg)}@media(max-width:900px){.mail-layout{grid-template-columns:1fr}.mail-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.mail-status{align-items:flex-start;flex-wrap:wrap}.mail-status .badge{margin-left:0}.mail-kpis{grid-template-columns:1fr 1fr}.mail-kpis strong{font-size:21px}}
.message-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.message-kpis>div{padding:18px}.message-kpis span{display:block;color:var(--muted);font-size:12px}.message-kpis strong{display:block;font-size:25px;margin:10px 0 2px}.message-filters{display:flex;align-items:end;gap:15px;padding:20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.message-filters label{margin:0;min-width:190px;flex:1}.message-filters select,.message-filters input{margin-top:7px}.message-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;align-items:center;gap:15px;padding:18px 20px;border-bottom:1px solid var(--line)}.message-row:last-child{border-bottom:0}.message-body>div{display:flex;gap:10px;align-items:center}.message-body>div span,.message-body small{font-size:11px;color:var(--muted)}.message-body p{margin:6px 0 5px;color:var(--ink);font-size:14px}.message-badge{font-size:11px;padding:6px 8px;border-radius:99px;background:#f3f3f3;color:#666}.message-badge.pending{background:#fff7e8;color:#8b611a}.message-badge.important{background:#fff0eb;color:#9e3929}.message-badge.answered{background:#f2faf7;color:#00715a}.message-detail{padding:22px 0}.message-detail h2{font-size:24px;margin:9px 0 2px}.message-detail>p{margin:0}.message-detail blockquote{margin:22px 0;padding:18px;border-left:3px solid var(--coral);background:#fafafa;border-radius:0 7px 7px 0;font-size:16px;line-height:1.6}@media(max-width:850px){.message-kpis{grid-template-columns:repeat(2,1fr)}.message-row{grid-template-columns:38px 1fr}.message-badge,.message-row>.text-btn{grid-column:2;justify-self:start}}@media(max-width:520px){.message-kpis{grid-template-columns:1fr 1fr}.message-filters label{min-width:100%}}
.team-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:22px}.team-overview>div{padding:19px}.team-overview span,.team-overview small{display:block;color:var(--muted);font-size:13px}.team-overview strong{display:block;margin:9px 0 3px;font-size:27px}.team-table{margin-bottom:22px}.team-person{display:flex;align-items:center;gap:12px}.team-person .presenter-avatar{width:40px;height:40px;flex-basis:40px;font-size:12px}.presenter-avatar.sand{background:#f5f0e5;color:#735f36}.team-person small{margin-top:4px}.role-pill,.member-status{display:inline-flex;padding:6px 9px;border-radius:99px;font-size:12px;white-space:nowrap}.role-pill{background:#f3f3f4;color:#4f525a}.member-status.active{background:#e8f5f1;color:#006951}.member-status.pending{background:#fff7e8;color:#8b611a}.role-guide>summary{display:flex;align-items:center;justify-content:space-between;padding:21px 24px;cursor:pointer;list-style:none}.role-guide>summary::-webkit-details-marker{display:none}.role-guide>summary small{display:block;margin-top:6px;color:var(--muted)}.role-guide[open]>summary{border-bottom:1px solid var(--line)}.role-guide[open] .participants-chevron{transform:rotate(180deg)}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 26px;padding:9px 24px 24px}.role-grid section{padding:15px 0}.role-grid h3{font-size:15px;margin-bottom:10px}.role-grid ul,.permission-list{margin:0;padding-left:18px;color:var(--muted);font-size:13px;line-height:1.8}.member-detail{padding:22px 2px}.member-detail .status-line:first-of-type{margin-top:24px}.member-detail h3{margin-top:24px}.member-detail>.btn{margin-top:18px}@media(max-width:800px){.team-overview,.role-grid{grid-template-columns:1fr}.team-table .card-head{align-items:flex-start}}