:root {
  --product-accent: #8b7cf6;
  --product-cyan: #55d8ff;
  --product-green: #4ed9a6;
  --product-warn: #ffb65b;
}

.product-page-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; }
.product-kicker { display:inline-flex; align-items:center; gap:7px; color:var(--product-accent); font-size:.72rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.product-live-badge { display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border:1px solid rgba(78,217,166,.28); border-radius:999px; color:var(--product-green); background:rgba(78,217,166,.08); font-size:.74rem; font-weight:750; white-space:nowrap; }
.product-live-badge i { width:7px; height:7px; border-radius:50%; background:currentColor; box-shadow:0 0 0 5px rgba(78,217,166,.1); }
.product-dashboard { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; padding-bottom:24px; }
.product-dashboard-loading { grid-column:1/-1; min-height:220px; display:grid; place-items:center; align-content:center; gap:12px; color:var(--text-muted); }
.product-module { position:relative; overflow:hidden; min-width:0; border:1px solid color-mix(in srgb,var(--border-color) 78%,transparent); border-radius:20px; background:linear-gradient(145deg,color-mix(in srgb,var(--bg-secondary) 92%,var(--module-color) 8%),var(--bg-secondary)); box-shadow:0 12px 32px rgba(11,10,28,.09); }
.product-module::before { content:""; position:absolute; inset:-90px auto auto -70px; width:180px; height:180px; border-radius:50%; background:var(--module-color); filter:blur(70px); opacity:.1; pointer-events:none; }
.product-module-wide { grid-column:1/-1; }
.product-module-head { position:relative; display:flex; align-items:center; gap:12px; padding:16px 16px 12px; }
.product-module-icon { display:grid; place-items:center; flex:0 0 42px; width:42px; height:42px; border-radius:14px; color:var(--module-color); background:color-mix(in srgb,var(--module-color) 12%,transparent); border:1px solid color-mix(in srgb,var(--module-color) 22%,transparent); }
.product-module-copy { min-width:0; flex:1; }
.product-module-copy small { display:block; color:var(--module-color); font-size:.63rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.product-module-copy strong { display:block; margin-top:2px; font-size:.98rem; color:var(--text-primary); }
.product-module-state { padding:5px 8px; border-radius:999px; color:var(--text-muted); background:rgba(128,128,150,.09); font-size:.65rem; font-weight:700; }
.product-module-body { position:relative; padding:0 16px 16px; }
.product-module-desc { margin:0 0 13px; min-height:38px; color:var(--text-secondary); font-size:.77rem; line-height:1.55; }
.product-actions { display:flex; flex-wrap:wrap; gap:8px; }
.product-btn { min-height:36px; display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:8px 11px; border:1px solid color-mix(in srgb,var(--module-color) 24%,var(--border-color)); border-radius:11px; color:var(--text-primary); background:color-mix(in srgb,var(--module-color) 8%,var(--bg-primary)); font:inherit; font-size:.72rem; font-weight:750; cursor:pointer; transition:.18s ease; }
.product-btn:hover { transform:translateY(-1px); border-color:var(--module-color); box-shadow:0 7px 18px color-mix(in srgb,var(--module-color) 15%,transparent); }
.product-btn-primary { color:#fff; border-color:transparent; background:linear-gradient(135deg,var(--module-color),color-mix(in srgb,var(--module-color),#6558df 42%)); }
.product-btn-danger { color:#ff6f83; }
.product-list { display:grid; gap:8px; margin-top:12px; max-height:210px; overflow:auto; }
.product-row { display:flex; align-items:center; gap:10px; padding:10px; border:1px solid color-mix(in srgb,var(--border-color) 65%,transparent); border-radius:12px; background:color-mix(in srgb,var(--bg-primary) 70%,transparent); }
.product-row-main { min-width:0; flex:1; }
.product-row-main strong,.product-row-main span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.76rem; }
.product-row-main small { display:block; margin-top:3px; color:var(--text-muted); font-size:.66rem; }
.product-empty { padding:13px; border:1px dashed color-mix(in srgb,var(--border-color) 72%,transparent); border-radius:12px; text-align:center; color:var(--text-muted); font-size:.72rem; }
.product-form { display:grid; gap:10px; }
.product-field { display:grid; gap:5px; }
.product-field label { color:var(--text-muted); font-size:.65rem; font-weight:700; }
.product-field input,.product-field textarea,.product-field select { width:100%; box-sizing:border-box; min-height:39px; padding:9px 11px; border:1px solid var(--border-color); border-radius:11px; outline:none; color:var(--text-primary); background:var(--bg-primary); font:inherit; font-size:.76rem; }
.product-field textarea { resize:vertical; min-height:78px; }
.product-field input:focus,.product-field textarea:focus,.product-field select:focus { border-color:var(--module-color); box-shadow:0 0 0 3px color-mix(in srgb,var(--module-color) 12%,transparent); }
.product-dialog { position:fixed; z-index:10050; inset:0; display:grid; place-items:center; padding:16px; background:rgba(7,6,18,.66); backdrop-filter:blur(12px); }
.product-dialog-card { width:min(520px,100%); max-height:min(720px,92dvh); overflow:auto; border:1px solid rgba(255,255,255,.12); border-radius:24px; color:var(--text-primary); background:var(--bg-secondary); box-shadow:0 30px 90px rgba(0,0,0,.4); }
.product-dialog-head { display:flex; align-items:center; gap:12px; padding:18px; border-bottom:1px solid var(--border-color); }
.product-dialog-head div { min-width:0; flex:1; }
.product-dialog-head strong { display:block; }
.product-dialog-head small { color:var(--text-muted); }
.product-dialog-close { width:36px; height:36px; border:0; border-radius:50%; color:var(--text-secondary); background:rgba(128,128,150,.1); cursor:pointer; }
.product-dialog-body { padding:18px; }
.product-security-meter { display:flex; gap:4px; margin:4px 0 13px; }.product-security-meter i{height:5px;flex:1;border-radius:5px;background:color-mix(in srgb,var(--module-color) 72%,transparent)}
.product-call-btn { color:var(--product-accent); }
.settings-inline-actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:13px; }
.settings-inline-actions .btn,.business-settings-card .btn { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:40px; border-radius:12px; }
.security-tools-section .settings-section-header>i,.business-settings-card .settings-section-header>i { color:var(--product-accent); }
.saved-collections-btn { color:#f4b458; }
.sys-item.has-unread { background:color-mix(in srgb,var(--product-cyan) 8%,transparent); }
.sys-inline-action { width:31px; height:31px; display:grid; place-items:center; flex:0 0 auto; border:1px solid color-mix(in srgb,var(--product-cyan) 20%,transparent); border-radius:10px; color:var(--product-cyan); background:color-mix(in srgb,var(--product-cyan) 8%,transparent); cursor:pointer; }

/* Composer attachment hub: one home for files, polls and events. */
#chat-view .composer-attach-menu { position:absolute; z-index:180; left:12px; bottom:calc(100% + 9px); width:min(360px,calc(100vw - 28px)); box-sizing:border-box; padding:10px; overflow:hidden; border:1px solid rgba(255,255,255,.12); border-radius:24px; color:#f7f7ff; background:linear-gradient(150deg,rgba(27,26,49,.97),rgba(12,14,27,.97)); box-shadow:0 28px 80px rgba(2,3,12,.55),inset 0 1px rgba(255,255,255,.08); backdrop-filter:blur(26px) saturate(150%); transform-origin:bottom left; animation:product-menu-in .22s cubic-bezier(.16,1,.3,1); }
#chat-view .composer-attach-menu[hidden] { display:none; }
.composer-attach-menu::before { content:""; position:absolute; width:180px; height:180px; left:-70px; top:-100px; border-radius:50%; background:rgba(124,106,255,.16); filter:blur(50px); pointer-events:none; }
.composer-attach-menu>header { position:relative; display:flex; align-items:center; justify-content:space-between; padding:4px 7px 10px; }
.composer-attach-menu>header small,.composer-attach-menu>header strong { display:block; }.composer-attach-menu>header small{color:#8e91a6;font-size:.58rem;font-weight:750;text-transform:uppercase;letter-spacing:.09em}.composer-attach-menu>header strong{margin-top:2px;font-size:.88rem}.composer-attach-menu>header kbd{padding:4px 7px;border:1px solid rgba(255,255,255,.1);border-radius:7px;color:#898c9f;background:rgba(255,255,255,.04);font-size:.54rem}
.composer-attach-primary>button { position:relative; width:100%; display:grid; grid-template-columns:46px 1fr auto; align-items:center; gap:11px; padding:10px; border:1px solid rgba(112,201,255,.15); border-radius:16px; color:#fff; background:linear-gradient(120deg,rgba(87,190,255,.11),rgba(126,105,255,.08)); text-align:left; cursor:pointer; }
.composer-attach-primary button>span:nth-child(2) strong,.composer-attach-primary button>span:nth-child(2) small{display:block}.composer-attach-primary button>span:nth-child(2) strong{font-size:.73rem}.composer-attach-primary button>span:nth-child(2) small{margin-top:3px;color:#9295a9;font-size:.6rem}.composer-attach-primary button>i{color:#777b91;font-size:.6rem}
.attach-action-icon { display:grid; place-items:center; width:42px; height:42px; border-radius:15px; color:#fff; box-shadow:inset 0 1px rgba(255,255,255,.23),0 8px 22px rgba(0,0,0,.18); }.attach-action-media{background:linear-gradient(135deg,#4bc3f1,#6376ff)}.attach-action-poll{background:linear-gradient(135deg,#9b6cff,#6f65ee)}.attach-action-event{background:linear-gradient(135deg,#ff8b75,#ef5fa0)}.attach-action-list{background:linear-gradient(135deg,#49d5ae,#34a9d2)}
.composer-attach-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin-top:8px; }.composer-attach-grid>button{min-width:0;display:grid;justify-items:start;gap:3px;padding:10px;border:1px solid rgba(255,255,255,.075);border-radius:15px;color:#f0f0f8;background:rgba(255,255,255,.035);text-align:left;cursor:pointer;transition:.18s ease}.composer-attach-grid>button:hover,.composer-attach-primary>button:hover{border-color:rgba(143,128,255,.34);transform:translateY(-2px);background-color:rgba(139,124,246,.09)}.composer-attach-grid .attach-action-icon{width:34px;height:34px;margin-bottom:4px;border-radius:12px;font-size:.75rem}.composer-attach-grid strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:.65rem}.composer-attach-grid small{color:#898c9e;font-size:.53rem;line-height:1.25}.composer-inner-btn#attach-btn.active{color:#fff!important;background:linear-gradient(135deg,#826fff,#5e85f4)!important;transform:rotate(-12deg)}

/* Deliberately compact send menu: only working, non-duplicated actions. */
#chat-view .send-options-menu { right:8px; bottom:calc(100% + 10px); min-width:320px; width:min(340px,calc(100vw - 28px)); gap:3px; box-sizing:border-box; padding:10px; border:1px solid rgba(255,255,255,.12); border-radius:23px; background:linear-gradient(155deg,rgba(28,27,48,.98),rgba(12,14,27,.98)); box-shadow:0 28px 85px rgba(2,3,12,.58),inset 0 1px rgba(255,255,255,.08); }
#chat-view .send-options-menu::after { right:22px; background:#111321; border-color:rgba(255,255,255,.1); }
.send-options-menu>header{display:flex;align-items:center;justify-content:space-between;padding:3px 6px 8px}.send-options-menu>header small,.send-options-menu>header strong{display:block}.send-options-menu>header small{color:#84879b;font-size:.56rem;text-transform:uppercase;letter-spacing:.09em}.send-options-menu>header strong{margin-top:2px;color:#f5f5fb;font-size:.84rem}.send-options-menu>header>i{display:grid;place-items:center;width:27px;height:27px;border-radius:10px;color:#afa5ff;background:rgba(137,118,255,.12);font-size:.65rem}
#chat-view .send-opt-item{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:9px;border:1px solid transparent;border-radius:15px;color:#f2f2f8;white-space:normal}.send-opt-item>.send-opt-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;color:#fff}.send-opt-icon>i{width:auto!important;height:auto!important;color:inherit!important;background:none!important}.send-opt-later{background:linear-gradient(135deg,#7568ee,#5597f2)}.send-opt-fire{background:linear-gradient(135deg,#ff8c62,#ea5278)}.send-opt-silent{background:linear-gradient(135deg,#48c9a8,#3aa6ce)}.send-opt-item>span:nth-child(2) strong,.send-opt-item>span:nth-child(2) small{display:block}.send-opt-item>span:nth-child(2) strong{font-size:.69rem}.send-opt-item>span:nth-child(2) small{margin-top:3px;color:#8f92a5;font-size:.57rem;line-height:1.25}.send-opt-item>i:last-child{width:auto!important;height:auto!important;color:#777b90!important;background:none!important;font-size:.56rem!important}.send-opt-item:hover{border-color:rgba(143,128,255,.21);background:rgba(139,124,246,.08);transform:translateX(2px)}

/* Incoming requests replace the generic home hero instead of becoming a chat. */
.home-shell.has-message-request .home-layout{display:none}.home-message-request{position:relative;min-height:390px;display:grid;place-items:center;padding:28px;overflow:hidden;border:1px solid color-mix(in srgb,var(--product-cyan) 18%,var(--border-color));border-radius:30px;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--product-purple) 20%,transparent),transparent 45%),linear-gradient(145deg,color-mix(in srgb,var(--bg-secondary) 92%,transparent),color-mix(in srgb,var(--bg-primary) 95%,transparent));box-shadow:0 30px 90px rgba(6,8,20,.2)}.home-message-request[hidden]{display:none}.home-request-card{width:min(510px,100%);display:grid;justify-items:center;text-align:center;position:relative;z-index:1}.home-request-kicker{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;color:#7ee7cb;background:rgba(67,218,160,.1);font-size:.61rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.home-request-avatar{position:relative;display:grid;place-items:center;width:94px;height:94px;margin:20px 0 14px;border-radius:34px;color:#fff;background:linear-gradient(135deg,#7b69ed,#42c8e8);font-size:1.7rem;font-weight:900;box-shadow:0 0 0 10px rgba(123,105,237,.08),0 24px 55px rgba(39,35,99,.28)}.home-request-avatar i{position:absolute;right:-4px;bottom:-4px;display:grid;place-items:center;width:30px;height:30px;border:4px solid var(--bg-primary);border-radius:50%;color:#fff;background:#45d2a2;font-size:.58rem}.home-request-card h2{margin:0;font-size:1.4rem}.home-request-username{margin-top:4px;color:#9a91f5;font-size:.72rem}.home-request-intro{width:100%;box-sizing:border-box;margin:18px 0 9px;padding:15px 17px;border:1px solid var(--border-color);border-radius:18px;color:var(--text-primary);background:color-mix(in srgb,var(--bg-primary) 74%,transparent);font-size:.78rem;line-height:1.6;text-align:left}.home-request-intro::before{content:"“";margin-right:4px;color:#9f91ff;font-size:1.1rem}.home-request-meta{color:var(--text-muted);font-size:.62rem}.home-request-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:19px}.home-request-actions button{min-height:47px;border:0;border-radius:15px;font:inherit;font-size:.7rem;font-weight:800;cursor:pointer}.home-request-accept{color:#fff;background:linear-gradient(135deg,#7062ec,#4f8ef0);box-shadow:0 13px 30px rgba(86,89,224,.22)}.home-request-spam{color:#ef7587;background:rgba(239,91,112,.1)}.home-request-queue{display:flex;align-items:center;gap:8px;margin-top:15px;color:var(--text-muted);font-size:.6rem}.home-request-queue button{width:27px;height:27px;border:1px solid var(--border-color);border-radius:9px;color:var(--text-secondary);background:var(--bg-primary)}

.sidebar-tab-calls{position:relative}.sidebar-tab-calls[hidden]{display:none!important}.sidebar-tabs:has(.sidebar-tab-calls:not([hidden])) .sidebar-tab{min-width:0}
.home-request-avatar{overflow:visible}.home-request-avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover}

@keyframes product-menu-in{from{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:none}}

@media (max-width:760px) {
  .product-dashboard { grid-template-columns:1fr; }
  .product-module-wide { grid-column:auto; }
  .product-page-heading { align-items:flex-start; }
  .product-live-badge { display:none; }
  .product-dialog { align-items:end; padding:0; }
  .product-dialog-card { width:100%; max-height:91dvh; border-radius:24px 24px 0 0; }
  .settings-inline-actions { display:grid; grid-template-columns:1fr; }
  .settings-inline-actions .btn,.business-settings-card .btn { width:100%; }
  #chat-view .composer-attach-menu{left:6px;bottom:calc(100% + 7px);width:calc(100vw - 20px);border-radius:22px}.composer-attach-grid{gap:5px}.composer-attach-grid>button{padding:9px 7px}
  #chat-view .send-options-menu{right:2px;min-width:0;width:calc(100vw - 20px)}
  .home-message-request{min-height:0;padding:24px 16px}.home-request-actions{grid-template-columns:1fr}.home-request-spam{order:2}
}

@media (prefers-reduced-motion:reduce) { .product-btn { transition:none; } }

/* Immersive product dialogs: Business, polls, events and activities. */
.product-dialog{--dialog-accent:#8b7cf6;--dialog-accent-2:#54bfe7;isolation:isolate;background:rgba(5,6,14,.8);backdrop-filter:blur(10px)}.product-dialog-business{--dialog-accent:#6394ff;--dialog-accent-2:#4ed4c1}.product-dialog-poll{--dialog-accent:#a16df3;--dialog-accent-2:#ed70ba}.product-dialog-event{--dialog-accent:#ef6da8;--dialog-accent-2:#ff9b6d}.product-dialog-call{--dialog-accent:#7c6aef;--dialog-accent-2:#44c5e2}.product-dialog-ambient{position:absolute;z-index:-1;top:-210px;right:8%;width:480px;height:480px;border-radius:50%;background:var(--dialog-accent);filter:blur(110px);opacity:.2;pointer-events:none}.product-dialog-card{width:min(690px,100%);max-height:min(830px,94dvh);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border-color:color-mix(in srgb,var(--dialog-accent) 16%,rgba(255,255,255,.1));border-radius:30px;background:var(--bg-secondary);box-shadow:0 42px 140px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.05);animation:product-dialog-in .28s cubic-bezier(.16,1,.3,1)}.product-dialog-head{position:relative;padding:20px 22px;border-color:color-mix(in srgb,var(--border-color) 78%,transparent);background:linear-gradient(110deg,color-mix(in srgb,var(--dialog-accent) 7%,transparent),transparent)}.product-dialog-symbol{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border:1px solid color-mix(in srgb,var(--dialog-accent) 24%,transparent);border-radius:17px;color:#fff;background:linear-gradient(145deg,var(--dialog-accent),var(--dialog-accent-2));box-shadow:0 12px 30px color-mix(in srgb,var(--dialog-accent) 22%,transparent)}.product-dialog-head div>em,.product-dialog-head div>strong,.product-dialog-head div>small{display:block}.product-dialog-head div>em{margin-bottom:3px;color:var(--dialog-accent);font-size:.52rem;font-style:normal;font-weight:900;letter-spacing:.11em}.product-dialog-head div>strong{font-size:1.08rem}.product-dialog-head div>small{margin-top:3px;color:var(--text-muted);font-size:.63rem}.product-dialog-close{border:1px solid color-mix(in srgb,var(--border-color) 72%,transparent);border-radius:12px;transition:.16s}.product-dialog-close:hover{color:var(--text-primary);background:color-mix(in srgb,var(--dialog-accent) 10%,var(--bg-primary));transform:rotate(4deg)}.product-dialog-body{min-height:0;padding:20px 22px;overflow:auto}.product-dialog-foot{display:flex;align-items:center;justify-content:space-between;padding:10px 22px;border-top:1px solid color-mix(in srgb,var(--border-color) 72%,transparent);color:var(--text-muted);font-size:.5rem}.product-dialog-foot span{display:flex;align-items:center;gap:6px}.product-dialog-foot span i{color:var(--dialog-accent)}.product-dialog-foot>b{letter-spacing:.12em}.product-field-featured{padding:12px;border:1px solid color-mix(in srgb,var(--dialog-accent) 14%,var(--border-color));border-radius:16px;background:color-mix(in srgb,var(--dialog-accent) 4%,var(--bg-primary))}.product-field label{display:flex;align-items:center;justify-content:space-between;gap:8px}.product-field label output,.product-field label span{color:var(--text-muted);font-size:.55rem;font-weight:600}.product-dialog .product-field input,.product-dialog .product-field textarea,.product-dialog .product-field select{border-radius:13px;background:color-mix(in srgb,var(--bg-primary) 86%,transparent)}.product-dialog .product-field input:focus,.product-dialog .product-field textarea:focus,.product-dialog .product-field select:focus{border-color:var(--dialog-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--dialog-accent) 12%,transparent)}.product-composer-intro{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid color-mix(in srgb,var(--dialog-accent) 15%,transparent);border-radius:17px;background:linear-gradient(110deg,color-mix(in srgb,var(--dialog-accent) 8%,transparent),color-mix(in srgb,var(--dialog-accent-2) 4%,transparent))}.product-composer-intro>span{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--dialog-accent),var(--dialog-accent-2))}.product-composer-intro b,.product-composer-intro small{display:block}.product-composer-intro b{font-size:.69rem}.product-composer-intro small{margin-top:3px;color:var(--text-muted);font-size:.57rem}.product-submit-hero{width:100%;display:grid;grid-template-columns:35px 1fr auto;justify-content:stretch!important;gap:10px;min-height:52px!important;padding:8px 12px!important;border-radius:15px!important;text-align:left}.product-submit-hero>i:first-child{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:rgba(255,255,255,.14)}.product-submit-hero>span b,.product-submit-hero>span small{display:block}.product-submit-hero>span b{font-size:.67rem}.product-submit-hero>span small{margin-top:2px;color:rgba(255,255,255,.66);font-size:.52rem}.product-submit-hero>i:last-child{font-size:.6rem}.product-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.product-choice{cursor:pointer}.product-choice>input{position:absolute;opacity:0;pointer-events:none}.product-choice>span{display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:9px;padding:10px;border:1px solid var(--border-color);border-radius:15px;background:color-mix(in srgb,var(--bg-primary) 75%,transparent);transition:.16s}.product-choice>span>i{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border-radius:12px;color:var(--dialog-accent);background:color-mix(in srgb,var(--dialog-accent) 10%,transparent)}.product-choice>span b{align-self:end;font-size:.63rem}.product-choice>span small{align-self:start;color:var(--text-muted);font-size:.52rem}.product-choice>input:checked+span{border-color:color-mix(in srgb,var(--dialog-accent) 38%,var(--border-color));background:color-mix(in srgb,var(--dialog-accent) 8%,var(--bg-primary));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--dialog-accent) 10%,transparent)}
.product-poll-options{display:grid;gap:9px;padding:12px;border:1px solid var(--border-color);border-radius:17px;background:color-mix(in srgb,var(--bg-primary) 52%,transparent)}.product-poll-options>header{display:flex;align-items:center;justify-content:space-between}.product-poll-options>header b,.product-poll-options>header small{display:block}.product-poll-options>header b{font-size:.65rem}.product-poll-options>header small{margin-top:2px;color:var(--text-muted);font-size:.52rem}.product-poll-options>header button{display:flex;align-items:center;gap:5px;min-height:30px;padding:0 9px;border:1px solid color-mix(in srgb,var(--dialog-accent) 18%,var(--border-color));border-radius:10px;color:var(--dialog-accent);background:color-mix(in srgb,var(--dialog-accent) 7%,transparent);font:inherit;font-size:.55rem;font-weight:750;cursor:pointer}#product-poll-option-list{display:grid;gap:7px}.product-poll-option{display:grid;grid-template-columns:20px 1fr 30px;align-items:center;gap:6px;padding:5px 6px;border:1px solid var(--border-color);border-radius:12px;color:var(--text-muted);background:var(--bg-secondary)}.product-poll-option>i{font-size:.55rem;text-align:center}.product-poll-option input{min-width:0;height:34px;border:0;outline:0;color:var(--text-primary);background:transparent;font:inherit;font-size:.67rem}.product-poll-option button{width:28px;height:28px;border:0;border-radius:9px;color:var(--text-muted);background:transparent;cursor:pointer}.product-poll-option button:hover{color:#f16d82;background:rgba(241,91,112,.09)}
.product-event-preview{display:grid;grid-template-columns:60px 1fr;align-items:center;gap:13px;padding:14px;border:1px solid color-mix(in srgb,var(--dialog-accent) 18%,transparent);border-radius:19px;background:linear-gradient(125deg,color-mix(in srgb,var(--dialog-accent) 11%,var(--bg-primary)),color-mix(in srgb,var(--dialog-accent-2) 5%,var(--bg-primary)))}.product-event-date{display:grid;place-items:center;width:58px;height:62px;border-radius:17px;color:#fff;background:linear-gradient(145deg,var(--dialog-accent),var(--dialog-accent-2));box-shadow:0 11px 25px color-mix(in srgb,var(--dialog-accent) 20%,transparent)}.product-event-date b{font-size:1.18rem;line-height:1}.product-event-date small{font-size:.56rem;font-weight:850;text-transform:uppercase}.product-event-preview>div>small,.product-event-preview>div>strong,.product-event-preview>div>span{display:block}.product-event-preview>div>small{color:var(--dialog-accent);font-size:.49rem;font-weight:850;letter-spacing:.1em}.product-event-preview>div>strong{margin:4px 0;font-size:.77rem}.product-event-preview>div>span{color:var(--text-muted);font-size:.55rem}.product-event-preview>div>span i{margin-right:4px}.product-event-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.product-event-note{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid color-mix(in srgb,var(--dialog-accent-2) 14%,var(--border-color));border-radius:14px;background:color-mix(in srgb,var(--dialog-accent-2) 5%,transparent)}.product-event-note>i{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:var(--dialog-accent-2);background:color-mix(in srgb,var(--dialog-accent-2) 10%,transparent)}.product-event-note b,.product-event-note small{display:block}.product-event-note b{font-size:.61rem}.product-event-note small{margin-top:2px;color:var(--text-muted);font-size:.51rem}
.product-business-status{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:11px;padding:13px;border:1px solid color-mix(in srgb,var(--dialog-accent) 18%,var(--border-color));border-radius:18px;background:linear-gradient(115deg,color-mix(in srgb,var(--dialog-accent) 10%,var(--bg-primary)),color-mix(in srgb,var(--dialog-accent-2) 5%,var(--bg-primary)))}.product-business-status-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;color:#fff;background:linear-gradient(145deg,var(--dialog-accent),var(--dialog-accent-2));box-shadow:0 10px 26px color-mix(in srgb,var(--dialog-accent) 20%,transparent)}.product-business-status>span:nth-child(2)>small,.product-business-status>span:nth-child(2)>b,.product-business-status>span:nth-child(2)>em{display:block}.product-business-status>span:nth-child(2)>small{color:var(--dialog-accent);font-size:.47rem;font-weight:900;letter-spacing:.1em}.product-business-status>span:nth-child(2)>b{margin:3px 0;font-size:.72rem}.product-business-status>span:nth-child(2)>em{color:var(--text-muted);font-size:.52rem;font-style:normal}.product-business-toggle{position:relative;width:45px;height:25px}.product-business-toggle input{position:absolute;opacity:0}.product-business-toggle i{position:absolute;inset:0;border-radius:99px;background:rgba(128,128,150,.16);transition:.2s}.product-business-toggle i::after{content:"";position:absolute;top:4px;left:4px;width:17px;height:17px;border-radius:50%;background:#aaa;transition:.2s}.product-business-toggle input:checked+i{background:linear-gradient(135deg,var(--dialog-accent),var(--dialog-accent-2))}.product-business-toggle input:checked+i::after{left:24px;background:#fff}.product-business-nav{display:flex;gap:5px;padding:4px;border-radius:13px;background:color-mix(in srgb,var(--bg-primary) 68%,transparent)}.product-business-nav button{flex:1;min-height:34px;border:0;border-radius:10px;color:var(--text-muted);background:transparent;font:inherit;font-size:.6rem;font-weight:750;cursor:pointer}.product-business-nav button i{margin-right:6px}.product-business-nav button.active{color:var(--text-primary);background:var(--bg-secondary);box-shadow:0 5px 15px rgba(0,0,0,.08)}.product-business-pane{display:grid;gap:10px}.product-business-pane[hidden]{display:none}.product-business-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px}.product-business-tools button{display:grid;grid-template-columns:38px 1fr auto;grid-template-rows:auto auto;align-items:center;column-gap:9px;padding:10px;border:1px solid var(--border-color);border-radius:15px;color:var(--text-primary);background:color-mix(in srgb,var(--bg-primary) 65%,transparent);font:inherit;text-align:left;cursor:pointer}.product-business-tools button>span{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:var(--dialog-accent);background:color-mix(in srgb,var(--dialog-accent) 10%,transparent)}.product-business-tools button>b{align-self:end;font-size:.61rem}.product-business-tools button>small{align-self:start;color:var(--text-muted);font-size:.5rem}.product-business-tools button>i{grid-row:1/3;grid-column:3;color:var(--text-muted);font-size:.5rem}.product-automation-card{display:grid;grid-template-columns:40px 1fr;gap:10px;padding:12px;border:1px solid var(--border-color);border-radius:17px;background:color-mix(in srgb,var(--bg-primary) 62%,transparent)}.product-automation-card>span{grid-row:1/3;display:grid;place-items:center;width:40px;height:40px;border-radius:13px;color:#fff;background:linear-gradient(145deg,var(--dialog-accent),var(--dialog-accent-2))}.product-automation-card>div b,.product-automation-card>div small{display:block}.product-automation-card>div b{font-size:.65rem}.product-automation-card>div small{margin-top:2px;color:var(--text-muted);font-size:.52rem}.product-automation-card>.product-field{grid-column:1/-1}.product-automation-card.away>span{background:linear-gradient(145deg,#7865e8,#aa69e6)}
.product-activity-center{display:grid;gap:12px}.product-activity-center>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.product-activity-summary{display:flex;gap:7px}.product-activity-summary>span{min-width:70px;padding:8px 10px;border:1px solid var(--border-color);border-radius:13px;background:color-mix(in srgb,var(--bg-primary) 65%,transparent)}.product-activity-summary b,.product-activity-summary small{display:block}.product-activity-summary b{font-size:.75rem}.product-activity-summary small{color:var(--text-muted);font-size:.48rem}.product-activity-create{display:flex;gap:6px}.product-activity-create button{display:flex;align-items:center;gap:5px;min-height:34px;padding:0 10px;border:1px solid color-mix(in srgb,var(--dialog-accent) 18%,var(--border-color));border-radius:11px;color:var(--dialog-accent);background:color-mix(in srgb,var(--dialog-accent) 6%,transparent);font:inherit;font-size:.55rem;font-weight:750;cursor:pointer}.product-activity-center>nav{display:flex;gap:5px;padding:4px;border-radius:13px;background:color-mix(in srgb,var(--bg-primary) 65%,transparent)}.product-activity-center>nav button{flex:1;min-height:32px;border:0;border-radius:10px;color:var(--text-muted);background:transparent;font:inherit;font-size:.57rem;font-weight:750}.product-activity-center>nav button.active{color:var(--text-primary);background:var(--bg-secondary)}.product-activity-list{display:grid;gap:9px}.product-activity-card{border:1px solid var(--border-color);border-radius:17px;background:color-mix(in srgb,var(--bg-primary) 58%,transparent)}.product-activity-card[hidden]{display:none}.product-activity-card.poll{padding:13px}.product-activity-card.poll>header{display:flex;align-items:center;gap:10px}.product-activity-card.poll>header>span{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;color:var(--dialog-accent);background:color-mix(in srgb,var(--dialog-accent) 10%,transparent)}.product-activity-card header small,.product-activity-card header strong{display:block}.product-activity-card header small{color:var(--dialog-accent);font-size:.47rem;font-weight:850;letter-spacing:.07em}.product-activity-card header strong{margin-top:3px;font-size:.69rem}.product-activity-options{display:grid;gap:6px;margin-top:11px}.product-activity-options button{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:36px;padding:0 10px;overflow:hidden;border:1px solid var(--border-color);border-radius:11px;color:var(--text-primary);background:var(--bg-secondary);font:inherit;font-size:.59rem;cursor:pointer}.product-activity-options button>i{position:absolute;z-index:0;inset:0 auto 0 0;width:var(--vote);background:color-mix(in srgb,var(--dialog-accent) 9%,transparent)}.product-activity-options button>span,.product-activity-options button>b{position:relative;z-index:1}.product-activity-options button>b{color:var(--dialog-accent);font-size:.54rem}.product-activity-options button.voted{border-color:color-mix(in srgb,var(--dialog-accent) 32%,var(--border-color))}.product-activity-card.event{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:11px;padding:12px}.product-activity-date{display:grid;place-items:center;width:52px;height:54px;border-radius:15px;color:#fff;background:linear-gradient(145deg,var(--dialog-accent),var(--dialog-accent-2))}.product-activity-date b{font-size:1rem}.product-activity-date small{font-size:.5rem;text-transform:uppercase}.product-activity-card.event>div>small,.product-activity-card.event>div>strong,.product-activity-card.event>div>p{display:block}.product-activity-card.event>div>small{color:var(--dialog-accent);font-size:.47rem;font-weight:800}.product-activity-card.event>div>strong{margin:3px 0;font-size:.67rem}.product-activity-card.event>div>p{margin:0;color:var(--text-muted);font-size:.52rem}.product-activity-card.event>i{color:var(--text-muted);font-size:.55rem}.product-activity-empty{display:grid;justify-items:center;gap:6px;padding:35px}.product-activity-empty>span{display:grid;place-items:center;width:50px;height:50px;border-radius:17px;color:var(--dialog-accent);background:color-mix(in srgb,var(--dialog-accent) 10%,transparent)}.product-activity-empty>b{color:var(--text-primary)}
@keyframes product-dialog-in{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}
@media(max-width:760px){.product-dialog-card{max-height:95dvh;border-radius:28px 28px 0 0}.product-dialog-head{padding:17px 16px}.product-dialog-body{padding:16px}.product-dialog-foot{padding:9px 16px}.product-choice-grid,.product-event-grid,.product-business-tools{grid-template-columns:1fr}.product-business-status{grid-template-columns:40px 1fr auto}.product-business-status-icon{width:40px;height:40px}.product-business-status>span:nth-child(2)>em{display:none}.product-activity-center>header{align-items:flex-start}.product-activity-summary>span{min-width:54px}.product-activity-create button{padding:0 8px}.product-event-preview{grid-template-columns:53px 1fr}.product-event-date{width:51px;height:55px}}
@media(max-width:420px){.product-dialog-symbol{width:42px;height:42px;flex-basis:42px}.product-dialog-head div>small{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-activity-center>header{display:grid}.product-activity-create{width:100%}.product-activity-create button{flex:1;justify-content:center}.product-dialog-foot span{display:none}}
/* Less glass / more solid: clear, structured product dialogs */
.product-dialog-business .product-dialog-card,
.product-dialog-poll .product-dialog-card,
.product-dialog-event .product-dialog-card,
.product-dialog-call .product-dialog-card { background:var(--bg-secondary); }
.product-dialog-topbar { background:var(--bg-secondary); border-bottom:1px solid color-mix(in srgb,var(--border-color) 74%,transparent); }
.product-dialog-main { background:var(--bg-secondary); }
.product-dialog-main>.product-dialog-head,
.product-dialog-main>.product-dialog-foot { background:var(--bg-secondary); }
.product-dialog-main>.product-dialog-body { background:var(--bg-primary); }
.product-dialog-features>span,
.product-dialog-rail .product-dialog-symbol,
.business-preview-label,
.business-workspace-nav,
.community-hub-toolbar>div,
.business-savebar,
.interactive-preview-chat { backdrop-filter:none; -webkit-backdrop-filter:none; }
.product-dialog-rail .product-dialog-symbol { background:rgba(255,255,255,.18); }
.product-dialog-features>span { background:rgba(255,255,255,.1); }

/* Product workspace V3 — clarity first: solid layered shell, obvious structure. */
.product-dialog-card {
  width: min(1180px, calc(100vw - 32px));
  height: min(850px, calc(100dvh - 32px));
  max-height: none;
  grid-template-rows: 50px minmax(0, 1fr);
  border-radius: 26px;
  overflow: hidden;
}
.product-dialog-topbar {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 0 15px 0 20px;
  border-bottom: 1px solid var(--border-color);
  background: var(--bg-secondary);
}
.product-dialog-wordmark { display:flex; align-items:center; gap:7px; color:var(--text-primary); font-size:.58rem; }
.product-dialog-wordmark>i { color:var(--dialog-accent); }
.product-dialog-wordmark>b { font-size:.66rem; letter-spacing:.13em; }
.product-dialog-wordmark>em { color:var(--text-muted); font-style:normal; }
.product-dialog-wordmark>span { color:var(--text-muted); font-weight:800; letter-spacing:.1em; }
.product-dialog-top-state { display:flex; align-items:center; gap:6px; margin-left:auto; color:var(--text-muted); font-size:.5rem; }
.product-dialog-top-state>i { width:6px; height:6px; border-radius:50%; background:#56d6a5; box-shadow:0 0 0 5px rgba(86,214,165,.08); }
.product-dialog-topbar .product-dialog-close { width:32px; height:32px; border-radius:10px; }
.product-dialog-layout { min-height:0; display:grid; grid-template-columns:285px minmax(0,1fr); }
.product-dialog-rail {
  position:relative;
  isolation:isolate;
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:34px 28px 24px;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 18% 4%, color-mix(in srgb,var(--dialog-accent-2) 32%,transparent), transparent 34%),
    linear-gradient(155deg, color-mix(in srgb,var(--dialog-accent) 88%,#17172a), color-mix(in srgb,var(--dialog-accent-2) 42%,#10131f));
}
.product-dialog-rail::after { content:""; position:absolute; z-index:-1; right:-90px; bottom:-100px; width:260px; height:260px; border:1px solid rgba(255,255,255,.11); border-radius:50%; box-shadow:0 0 0 34px rgba(255,255,255,.025),0 0 0 72px rgba(255,255,255,.018); }
.product-dialog-rail-grid { position:absolute; z-index:-1; inset:0; opacity:.1; background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px); background-size:30px 30px; mask-image:linear-gradient(to bottom,#000,transparent 70%); }
.product-dialog-rail .product-dialog-symbol { width:58px; height:58px; flex:0 0 58px; border-color:rgba(255,255,255,.22); border-radius:19px; color:#fff; background:rgba(255,255,255,.14); box-shadow:inset 0 1px rgba(255,255,255,.2),0 16px 40px rgba(0,0,0,.16); backdrop-filter:blur(12px); }
.product-dialog-rail>em { margin-top:26px; color:rgba(255,255,255,.68); font-size:.53rem; font-style:normal; font-weight:900; letter-spacing:.13em; }
.product-dialog-rail>h2 { margin:9px 0 11px; color:#fff; font-size:1.55rem; line-height:1.12; letter-spacing:-.025em; }
.product-dialog-rail>p { margin:0; color:rgba(255,255,255,.66); font-size:.66rem; line-height:1.65; }
.product-dialog-features { display:grid; gap:7px; margin-top:24px; }
.product-dialog-features>span { display:flex; align-items:center; gap:9px; padding:9px 10px; border:1px solid rgba(255,255,255,.1); border-radius:12px; color:rgba(255,255,255,.78); background:rgba(255,255,255,.055); font-size:.56rem; backdrop-filter:blur(9px); }
.product-dialog-features>span i { display:grid; place-items:center; width:25px; height:25px; border-radius:8px; color:#fff; background:rgba(255,255,255,.1); }
.product-dialog-rail>footer { display:flex; align-items:center; gap:9px; margin-top:auto; padding-top:18px; border-top:1px solid rgba(255,255,255,.12); }
.product-dialog-rail>footer>i { display:grid; place-items:center; width:32px; height:32px; border-radius:10px; background:rgba(255,255,255,.1); }
.product-dialog-rail>footer b,.product-dialog-rail>footer small { display:block; }
.product-dialog-rail>footer b { font-size:.56rem; }
.product-dialog-rail>footer small { margin-top:2px; color:rgba(255,255,255,.55); font-size:.46rem; }
.product-dialog-main { min-width:0; min-height:0; display:grid; grid-template-rows:auto minmax(0,1fr) auto; overflow:hidden; background:var(--bg-secondary); }
.product-dialog-main>.product-dialog-head { position:relative; padding:20px 26px 17px; background:var(--bg-secondary); border-bottom:1px solid color-mix(in srgb,var(--border-color) 76%,transparent); }
.product-dialog-main>.product-dialog-head>div>em { font-size:.5rem; letter-spacing:.14em; }
.product-dialog-main>.product-dialog-head>div>strong { font-size:1.22rem; letter-spacing:-.02em; }
.product-dialog-main>.product-dialog-head>div>small { font-size:.62rem; color:var(--text-secondary); }
.product-dialog-main>.product-dialog-body { padding:20px 26px 22px; overflow:auto; background:var(--bg-primary); }
.product-dialog-main>.product-dialog-foot { min-height:34px; padding:0 26px; background:var(--bg-secondary); border-top:1px solid color-mix(in srgb,var(--border-color) 66%,transparent); }
.product-dialog-main>.product-dialog-foot>b { color:var(--text-muted); font-size:.44rem; font-weight:650; }


/* Business command center — clarity & structure. */
.product-business-composer { gap:14px; }
.business-command { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px 16px; border:1px solid var(--border-color); border-radius:18px; background:linear-gradient(110deg,color-mix(in srgb,var(--dialog-accent) 10%,var(--bg-secondary)),color-mix(in srgb,var(--dialog-accent-2) 5%,var(--bg-secondary))); transition:.2s; }
.business-command.is-disabled { filter:saturate(.5); opacity:.8; }
.business-command-brand { display:flex; align-items:center; gap:11px; min-width:0; }
.business-command-brand>span { display:grid; place-items:center; flex:0 0 46px; width:46px; height:46px; border-radius:14px; color:#fff; background:linear-gradient(145deg,var(--dialog-accent),var(--dialog-accent-2)); font-size:.82rem; font-weight:900; box-shadow:0 11px 26px color-mix(in srgb,var(--dialog-accent) 20%,transparent); }
.business-command-brand small,.business-command-brand h3,.business-command-brand p { display:block; margin:0; }
.business-command-brand small { color:var(--dialog-accent); font-size:.44rem; font-weight:900; letter-spacing:.1em; }
.business-command-brand h3 { margin-top:2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.78rem; }
.business-command-brand p { display:flex; align-items:center; gap:5px; margin-top:3px; color:var(--text-muted); font-size:.5rem; }
.business-command-brand p i { width:6px; height:6px; border-radius:50%; background:#4ed2a0; }
.business-master-switch { display:flex; align-items:center; gap:11px; cursor:pointer; }
.business-master-switch>span { text-align:right; }
.business-master-switch b,.business-master-switch small { display:block; }
.business-master-switch b { font-size:.59rem; }.business-master-switch small { margin-top:2px; color:var(--text-muted); font-size:.47rem; }
.business-master-switch>input { position:absolute; opacity:0; }
.business-master-switch>i { position:relative; width:46px; height:26px; border-radius:99px; background:rgba(128,128,150,.18); transition:.2s; }
.business-master-switch>i::after { content:""; position:absolute; top:4px; left:4px; width:18px; height:18px; border-radius:50%; background:#999baa; transition:.2s; }
.business-master-switch>input:checked+i { background:linear-gradient(135deg,var(--dialog-accent),var(--dialog-accent-2)); box-shadow:0 7px 18px color-mix(in srgb,var(--dialog-accent) 22%,transparent); }
.business-master-switch>input:checked+i::after { left:24px; background:#fff; }
/* Clear workspace: solid nav rail + solid content card */
.business-workspace { min-height:430px; display:grid; grid-template-columns:196px minmax(0,1fr); border:1px solid var(--border-color); border-radius:20px; overflow:hidden; background:var(--bg-primary); box-shadow:0 14px 36px rgba(0,0,0,.06); }
.business-workspace-nav { display:flex; flex-direction:column; gap:6px; padding:14px 11px; border-right:1px solid var(--border-color); background:var(--bg-secondary); backdrop-filter:none; -webkit-backdrop-filter:none; }
.business-workspace-nav>span { padding:4px 8px 7px; color:var(--text-muted); font-size:.43rem; font-weight:900; letter-spacing:.12em; }
.business-workspace-nav>button { display:grid; grid-template-columns:32px 1fr auto; align-items:center; gap:9px; width:100%; padding:9px 9px; border:1px solid transparent; border-radius:13px; color:var(--text-secondary); background:transparent; font:inherit; text-align:left; cursor:pointer; transition:.18s; }
.business-workspace-nav>button>i { display:grid; place-items:center; width:32px; height:32px; border-radius:11px; color:var(--text-muted); background:color-mix(in srgb,var(--bg-primary) 80%,transparent); transition:.18s; }
.business-workspace-nav>button span b,.business-workspace-nav>button span small { display:block; }
.business-workspace-nav>button span b { font-size:.57rem; font-weight:750; }.business-workspace-nav>button span small { margin-top:2px; color:var(--text-muted); font-size:.43rem; }
.business-workspace-nav>button>em { color:var(--text-muted); font-size:.42rem; font-style:normal; }
.business-workspace-nav>button:hover { background:color-mix(in srgb,var(--dialog-accent) 5%,transparent); color:var(--text-primary); }
.business-workspace-nav>button.active { border-color:color-mix(in srgb,var(--dialog-accent) 30%,var(--border-color)); color:var(--text-primary); background:var(--bg-primary); box-shadow:0 7px 18px rgba(0,0,0,.06); }
.business-workspace-nav>button.active>i { color:#fff; background:linear-gradient(145deg,var(--dialog-accent),var(--dialog-accent-2)); }
.business-workspace-nav>footer { display:flex; gap:7px; margin-top:auto; padding:10px; border:1px solid color-mix(in srgb,var(--dialog-accent) 14%,var(--border-color)); border-radius:13px; color:var(--dialog-accent); background:color-mix(in srgb,var(--dialog-accent) 5%,transparent); }
.business-workspace-nav>footer>i { margin-top:2px; }.business-workspace-nav>footer b,.business-workspace-nav>footer small { display:block; }.business-workspace-nav>footer b { font-size:.5rem; }.business-workspace-nav>footer small { margin-top:3px; color:var(--text-muted); font-size:.42rem; line-height:1.35; }
.business-workspace-content { min-width:0; padding:18px; overflow:auto; background:var(--bg-primary); }
.business-pane-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:14px; padding:16px; border:1px solid var(--border-color); border-radius:15px; background:var(--bg-secondary); }
.business-pane-head small,.business-pane-head h3,.business-pane-head p { display:block; margin:0; }
.business-pane-head small { color:var(--dialog-accent); font-size:.44rem; font-weight:900; letter-spacing:.1em; }.business-pane-head h3 { margin-top:3px; font-size:.86rem; }.business-pane-head p { margin-top:4px; color:var(--text-muted); font-size:.52rem; }
.business-pane-head>em { display:flex; align-items:center; gap:5px; padding:5px 8px; border-radius:99px; color:var(--dialog-accent); background:color-mix(in srgb,var(--dialog-accent) 9%,transparent); font-size:.43rem; font-style:normal; white-space:nowrap; }
.business-profile-grid { display:grid; grid-template-columns:minmax(0,1fr) 215px; gap:14px; align-items:start; }.business-profile-fields { display:grid; align-content:start; gap:10px; }
.business-live-preview { position:relative; align-self:start; padding:10px; overflow:hidden; border:1px solid var(--border-color); border-radius:17px; background:var(--bg-secondary); box-shadow:0 14px 36px rgba(0,0,0,.08); }
.business-preview-label { position:absolute; z-index:2; top:10px; left:10px; display:flex; align-items:center; gap:5px; padding:4px 6px; border-radius:99px; color:#fff; background:rgba(10,12,22,.56); font-size:.4rem; font-weight:850; backdrop-filter:none; -webkit-backdrop-filter:none; }.business-preview-label i { width:5px; height:5px; border-radius:50%; background:#50d7a4; }
.business-preview-cover { height:72px; display:grid; place-items:center; overflow:hidden; border-radius:12px; color:rgba(255,255,255,.65); background:radial-gradient(circle at 20% 0,rgba(255,255,255,.24),transparent 36%),linear-gradient(135deg,var(--dialog-accent),var(--dialog-accent-2)); }.business-preview-cover i { font-size:1.2rem; }
.business-preview-logo { display:grid; place-items:center; width:45px; height:45px; margin:-20px auto 7px; position:relative; border:4px solid var(--bg-secondary); border-radius:15px; color:#fff; background:linear-gradient(145deg,var(--dialog-accent),var(--dialog-accent-2)); font-size:.75rem; font-weight:900; }
.business-live-preview>h4 { margin:0; text-align:center; font-size:.68rem; }.business-live-preview>p { min-height:32px; margin:5px 7px 10px; color:var(--text-muted); font-size:.47rem; line-height:1.45; text-align:center; }
.business-live-preview>div:last-child { display:grid; gap:6px; padding:8px; border-radius:12px; background:color-mix(in srgb,var(--bg-primary) 76%,transparent); }
.business-live-preview>div:last-child>span { display:grid; grid-template-columns:25px 1fr; grid-template-rows:auto auto; column-gap:6px; }.business-live-preview>div:last-child>span i { grid-row:1/3; display:grid; place-items:center; width:25px; height:25px; border-radius:8px; color:var(--dialog-accent); background:color-mix(in srgb,var(--dialog-accent) 9%,transparent); }.business-live-preview>div:last-child b,.business-live-preview>div:last-child small { display:block; }.business-live-preview>div:last-child b { font-size:.45rem; }.business-live-preview>div:last-child small { color:var(--text-muted); font-size:.4rem; }.business-live-preview>div:last-child button { min-height:28px; border:0; border-radius:9px; color:#fff; background:linear-gradient(135deg,var(--dialog-accent),var(--dialog-accent-2)); font:inherit; font-size:.48rem; font-weight:750; }
/* Automation: two solid cards */
.business-automation-flow { display:grid; gap:12px; }.business-automation-flow>article { position:relative; display:grid; grid-template-columns:38px minmax(0,1fr); grid-template-rows:auto auto; gap:10px 12px; padding:14px; border:1px solid var(--border-color); border-radius:16px; background:var(--bg-secondary); box-shadow:0 8px 24px rgba(0,0,0,.05); }.business-flow-number { position:absolute; top:10px; right:12px; color:var(--text-muted); font-size:.43rem; font-weight:900; }.business-flow-icon { grid-row:1; display:grid; place-items:center; width:38px; height:38px; border-radius:13px; color:#fff; background:linear-gradient(145deg,var(--dialog-accent),var(--dialog-accent-2)); }.business-flow-icon.away { background:linear-gradient(145deg,#7a68e8,#b06fdc); }.business-automation-flow article>header small,.business-automation-flow article>header h4,.business-automation-flow article>header p { display:block; margin:0; }.business-automation-flow article>header small { color:var(--dialog-accent); font-size:.41rem; font-weight:900; letter-spacing:.08em; }.business-automation-flow article>header h4 { margin-top:2px; font-size:.66rem; }.business-automation-flow article>header p { margin-top:3px; color:var(--text-muted); font-size:.48rem; }.business-automation-flow article>.product-field { grid-column:1/-1; }.business-automation-flow textarea { min-height:66px!important; }.business-flow-line { width:1px; height:12px; margin:auto; background:linear-gradient(var(--dialog-accent),var(--dialog-accent-2)); }.business-template-chips { display:flex; flex-wrap:wrap; gap:5px; }.business-template-chips button { min-height:24px; padding:0 7px; border:1px solid color-mix(in srgb,var(--dialog-accent) 16%,var(--border-color)); border-radius:8px; color:var(--dialog-accent); background:color-mix(in srgb,var(--dialog-accent) 5%,transparent); font:inherit; font-size:.42rem; cursor:pointer; }
.business-tools-grid { display:grid; grid-template-columns:1fr 1fr; gap:11px; }.business-tools-grid>button { display:grid; grid-template-columns:44px 1fr auto; gap:10px; min-height:150px; padding:15px; border:1px solid var(--border-color); border-radius:18px; color:var(--text-primary); background:var(--bg-secondary); box-shadow:0 10px 28px rgba(0,0,0,.05); font:inherit; text-align:left; cursor:pointer; transition:.18s; }.business-tools-grid>button:hover { transform:translateY(-2px); border-color:color-mix(in srgb,var(--dialog-accent) 34%,var(--border-color)); box-shadow:0 15px 32px rgba(0,0,0,.08); }.business-tool-icon { display:grid; place-items:center; width:44px; height:44px; border-radius:14px; color:#fff; background:linear-gradient(145deg,var(--dialog-accent),var(--dialog-accent-2)); }.business-tool-icon.api { background:linear-gradient(145deg,#4ec8b0,#429ce0); }.business-tools-grid button>span:nth-child(2) small,.business-tools-grid button>span:nth-child(2) b,.business-tools-grid button>span:nth-child(2) p,.business-tools-grid button>span:nth-child(2) em { display:block; margin:0; }.business-tools-grid button>span:nth-child(2) small { color:var(--dialog-accent); font-size:.42rem; font-weight:900; letter-spacing:.08em; }.business-tools-grid button>span:nth-child(2) b { margin-top:4px; font-size:.68rem; }.business-tools-grid button>span:nth-child(2) p { margin-top:7px; color:var(--text-muted); font-size:.49rem; line-height:1.45; }.business-tools-grid button>span:nth-child(2) em { margin-top:12px; color:var(--dialog-accent); font-size:.46rem; font-style:normal; }.business-tools-grid button>i { color:var(--text-muted); font-size:.52rem; }.business-security-note { display:flex; align-items:center; gap:10px; margin-top:12px; padding:12px; border:1px solid color-mix(in srgb,#50cc9d 18%,var(--border-color)); border-radius:14px; color:#42bd90; background:color-mix(in srgb,#50cc9d 5%,transparent); }.business-security-note>i { display:grid; place-items:center; width:34px; height:34px; border-radius:12px; color:#42bd90; background:rgba(78,217,166,.09); }
.business-savebar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 12px; border:1px solid var(--border-color); border-radius:16px; background:var(--bg-secondary); box-shadow:0 10px 28px rgba(0,0,0,.06); }.business-savebar>span { display:flex; align-items:center; gap:9px; }.business-savebar>span>i { display:grid; place-items:center; width:33px; height:33px; border-radius:10px; color:var(--dialog-accent); background:color-mix(in srgb,var(--dialog-accent) 9%,transparent); }.business-savebar>span b,.business-savebar>span small { display:block; }.business-savebar>span b { font-size:.53rem; }.business-savebar>span small { margin-top:2px; color:var(--text-muted); font-size:.43rem; }.business-savebar>button { min-height:38px; }


/* Clear, solid cards for Business */
.business-command,
.business-workspace,
.business-profile-grid>.business-live-preview,
.business-related-workspace>.business-quick-editor,
.business-related-workspace>.business-template-library,
.business-token-create,
.business-token-vault,
.business-savebar { border:1px solid var(--border-color); background:var(--bg-secondary); box-shadow:0 12px 32px rgba(0,0,0,.06); }
.business-workspace-nav { background:transparent; border-right:1px solid var(--border-color); }
.business-workspace-content { background:transparent; }
.product-business-status { border:1px solid var(--border-color); background:var(--bg-secondary); }
.product-business-status-icon { background:linear-gradient(145deg,var(--dialog-accent),var(--dialog-accent-2)); }
.product-business-nav { background:var(--bg-primary); }
.product-business-nav button.active { background:var(--bg-secondary); }
.product-business-status,
.business-command,
.community-hub-hero,
.product-event-preview,
.product-activity-summary>span,
.event-schedule-field { background:var(--bg-primary); }
.product-business-status-icon { background:linear-gradient(145deg,var(--dialog-accent),var(--dialog-accent-2)); }
.business-quick-editor,.business-template-library,.business-token-create,.business-token-vault,
.product-poll-options,.product-activity-center>nav,.product-business-nav,
.business-quick-editor,.business-template-library,.business-token-create,.business-token-vault { background:var(--bg-primary); }
.business-automation-flow>article,
.interactive-preview,
.event-ticket-preview,
.product-activity-card { background:var(--bg-secondary); }
.product-dialog-rail .product-dialog-symbol,
.product-dialog-features>span,
.business-workspace-nav,
.interactive-preview-chat,
.community-hub-toolbar>div,
.business-savebar { backdrop-filter:none; -webkit-backdrop-filter:none; }
.business-related-workspace,.business-token-workspace { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:13px; }
.business-quick-editor,.business-template-library,.business-token-create,.business-token-vault { align-content:start; padding:14px; border:1px solid var(--border-color); border-radius:18px; background:color-mix(in srgb,var(--bg-primary) 50%,transparent); }
.business-quick-editor>header,.business-token-create>header { display:flex; align-items:center; gap:10px; margin-bottom:3px; }.business-quick-editor>header>span,.business-token-create>header>span { display:grid; place-items:center; width:40px; height:40px; border-radius:13px; color:#fff; background:linear-gradient(145deg,var(--dialog-accent),var(--dialog-accent-2)); }.business-quick-editor header small,.business-quick-editor header h3,.business-quick-editor header p,.business-token-create header small,.business-token-create header h3,.business-token-create header p { display:block; margin:0; }.business-quick-editor header small,.business-token-create header small { color:var(--dialog-accent); font-size:.42rem; font-weight:900; letter-spacing:.1em; }.business-quick-editor header h3,.business-token-create header h3 { margin-top:2px; font-size:.7rem; }.business-quick-editor header p,.business-token-create header p { margin-top:3px; color:var(--text-muted); font-size:.45rem; }
.business-shortcut-input { display:flex; align-items:center; border:1px solid var(--border-color); border-radius:13px; overflow:hidden; background:var(--bg-primary); }.business-shortcut-input>span { display:grid; place-items:center; width:35px; align-self:stretch; color:var(--dialog-accent); background:color-mix(in srgb,var(--dialog-accent) 8%,transparent); font-weight:900; }.business-shortcut-input input { border:0!important; border-radius:0!important; box-shadow:none!important; }
.business-template-library>header,.business-token-vault>header { display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; }.business-template-library header small,.business-template-library header h3,.business-token-vault header small,.business-token-vault header h3 { display:block; margin:0; }.business-template-library header small,.business-token-vault header small { color:var(--dialog-accent); font-size:.42rem; font-weight:900; letter-spacing:.1em; }.business-template-library header h3,.business-token-vault header h3 { margin-top:2px; font-size:.7rem; }.business-template-library header em,.business-token-vault header em { padding:4px 7px; border-radius:99px; color:var(--dialog-accent); background:color-mix(in srgb,var(--dialog-accent) 8%,transparent); font-size:.44rem; font-style:normal; }.business-template-search { display:flex; align-items:center; gap:7px; padding:0 9px; border:1px solid var(--border-color); border-radius:11px; color:var(--text-muted); background:var(--bg-primary); }.business-template-search input { width:100%; height:34px; border:0; outline:0; color:var(--text-primary); background:transparent; font:inherit; font-size:.53rem; }.business-template-library .product-list,.business-token-vault .product-list { max-height:390px; margin-top:9px; }
.business-template-card { padding:10px; border:1px solid var(--border-color); border-radius:13px; background:var(--bg-secondary); }.business-template-card[hidden]{display:none}.business-template-card>header { display:flex; align-items:center; justify-content:space-between; gap:8px; }.business-template-command { display:inline-flex; padding:4px 7px; border-radius:8px; color:var(--dialog-accent); background:color-mix(in srgb,var(--dialog-accent) 9%,transparent); font-size:.49rem; font-weight:900; }.business-template-card>header button { flex:0 0 auto; width:27px; height:27px; border:0; border-radius:8px; color:#ed7185; background:rgba(241,91,112,.08); cursor:pointer; }.business-template-card>p { margin:8px 0; color:var(--text-secondary); font-size:.52rem; line-height:1.5; }.business-template-card>footer { display:flex; align-items:center; gap:6px; padding-top:7px; border-top:1px solid var(--border-color); color:#4dc99b; font-size:.43rem; }
.business-library-empty { display:grid; justify-items:center; gap:6px; padding:30px 14px; }.business-library-empty>span { display:grid; place-items:center; width:46px; height:46px; border-radius:15px; color:var(--dialog-accent); background:color-mix(in srgb,var(--dialog-accent) 9%,transparent); }.business-library-empty>b { color:var(--text-primary); }.business-library-empty>small { max-width:220px; line-height:1.45; }
.business-token-create>form { margin-top:12px; }.business-token-secret { margin-top:12px; padding:11px; border:1px solid rgba(255,182,91,.25); border-radius:14px; background:rgba(255,182,91,.07); }.business-token-secret[hidden]{display:none}.business-token-secret>header span { display:flex; align-items:center; gap:6px; color:#e8a64d; font-size:.52rem; }.business-token-secret>header small { display:block; margin-top:3px; color:var(--text-muted); font-size:.43rem; }.business-token-secret>code { display:block; margin:9px 0; padding:9px; overflow:auto; border-radius:9px; color:var(--text-primary); background:var(--bg-primary); font-size:.5rem; }.business-token-secret>button { width:100%; min-height:31px; border:0; border-radius:9px; color:#fff; background:linear-gradient(135deg,#e7a049,#d77b45); font:inherit; font-size:.49rem; font-weight:750; }.business-token-rules { display:grid; gap:6px; margin-top:12px; }.business-token-rules>span { display:flex; align-items:center; gap:7px; color:var(--text-muted); font-size:.46rem; }.business-token-rules>span i { color:#4dc99b; }.business-token-card { display:grid; grid-template-columns:39px 1fr 30px; align-items:center; gap:9px; padding:10px; border:1px solid var(--border-color); border-radius:13px; background:var(--bg-secondary); }.business-token-card-icon { display:grid; place-items:center; width:39px; height:39px; border-radius:12px; color:var(--dialog-accent); background:color-mix(in srgb,var(--dialog-accent) 9%,transparent); }.business-token-card>div small,.business-token-card>div b,.business-token-card>div code,.business-token-card>div em { display:block; }.business-token-card>div small { color:#4dc99b; font-size:.39rem; font-weight:900; letter-spacing:.08em; }.business-token-card>div b { margin-top:2px; font-size:.57rem; }.business-token-card>div code { margin-top:3px; color:var(--text-secondary); font-size:.46rem; }.business-token-card>div em { margin-top:3px; color:var(--text-muted); font-size:.4rem; font-style:normal; }.business-token-card>button { width:29px; height:29px; border:0; border-radius:9px; color:#ef7185; background:rgba(241,91,112,.08); cursor:pointer; }

/* Interactive (polls) & Community (events) — clear, structured builders */
.interactive-builder,.event-builder { display:grid; grid-template-columns:minmax(0,1fr) 285px; gap:14px; }.interactive-editor,.event-editor { display:grid; align-content:start; gap:12px; }
.interactive-step-head { display:grid; grid-template-columns:40px 1fr; gap:11px; align-items:center; }
.interactive-step-head>span { display:grid; place-items:center; width:40px; height:40px; border-radius:12px; color:#fff; background:linear-gradient(145deg,var(--dialog-accent),var(--dialog-accent-2)); font-size:.58rem; font-weight:900; box-shadow:0 9px 20px color-mix(in srgb,var(--dialog-accent) 18%,transparent); }
.interactive-step-head small,.interactive-step-head h3,.interactive-step-head p { display:block; margin:0; }.interactive-step-head small { color:var(--dialog-accent); font-size:.43rem; font-weight:900; letter-spacing:.1em; }.interactive-step-head h3 { margin-top:2px; font-size:.82rem; }.interactive-step-head p { margin-top:3px; color:var(--text-muted); font-size:.49rem; }.interactive-question textarea { min-height:78px!important; font-size:.7rem!important; }.interactive-divider { display:flex; align-items:center; gap:7px; }.interactive-divider>span { display:grid; place-items:center; width:24px; height:24px; border-radius:8px; color:var(--dialog-accent); background:color-mix(in srgb,var(--dialog-accent) 9%,transparent); font-size:.42rem; font-weight:900; }.interactive-divider>i { flex:1; height:1px; background:var(--border-color); }.interactive-divider>b { font-size:.52rem; white-space:nowrap; }.interactive-divider>em { color:var(--text-muted); font-size:.42rem; font-style:normal; white-space:nowrap; }
/* Solid choices on solid ground */
.product-choice-grid { display:grid; gap:9px; }.product-choice { display:flex; align-items:center; gap:10px; padding:11px; border:1px solid var(--border-color); border-radius:14px; background:var(--bg-secondary); cursor:pointer; }
.product-choice input { width:16px; height:16px; accent-color:var(--dialog-accent); }
.product-choice span { display:flex; gap:8px; align-items:baseline; }.product-choice span i { color:var(--dialog-accent); font-size:.55rem; }.product-choice span small { color:var(--text-muted); font-size:.43rem; margin-top:1px; }
/* Poll answers stay on solid card */
.product-poll-options { padding:11px; border:1px solid var(--border-color); border-radius:15px; background:var(--bg-primary); backdrop-filter:none; -webkit-backdrop-filter:none; }.product-poll-option { grid-template-columns:27px 1fr 30px; }.product-poll-option>em { display:grid; place-items:center; width:25px; height:25px; border-radius:8px; color:var(--dialog-accent); background:color-mix(in srgb,var(--dialog-accent) 9%,transparent); font-size:.44rem; font-style:normal; font-weight:900; }
.interactive-preview,.event-ticket-preview { align-self:start; overflow:hidden; border:1px solid var(--border-color); border-radius:18px; background:var(--bg-primary); box-shadow:0 12px 32px rgba(0,0,0,.07); }.interactive-preview>header,.event-ticket-preview>header { display:flex; align-items:center; justify-content:space-between; padding:10px 11px; border-bottom:1px solid var(--border-color); }.interactive-preview>header>span,.event-ticket-preview>header>span { display:flex; align-items:center; gap:5px; color:var(--dialog-accent); font-size:.43rem; font-weight:900; }.interactive-preview>header>span i,.event-ticket-preview>header>span i { width:5px; height:5px; border-radius:50%; background:#53d2a0; }.interactive-preview>header>em,.event-ticket-preview>header>em { color:var(--text-muted); font-size:.4rem; font-style:normal; }.interactive-preview-chat { min-height:330px; padding:16px 12px; background:radial-gradient(circle at 70% 0,color-mix(in srgb,var(--dialog-accent) 8%,transparent),transparent 35%),var(--bg-primary); backdrop-filter:none; -webkit-backdrop-filter:none; }.interactive-preview-date { display:block; width:max-content; margin:0 auto 12px; padding:4px 8px; border-radius:99px; color:var(--text-muted); background:color-mix(in srgb,var(--bg-primary) 72%,transparent); font-size:.4rem; }.interactive-poll-card { padding:13px; border:1px solid color-mix(in srgb,var(--dialog-accent) 14%,var(--border-color)); border-radius:16px 16px 16px 5px; background:var(--bg-secondary); box-shadow:0 12px 32px rgba(0,0,0,.07); }.interactive-poll-type { display:flex; align-items:center; gap:5px; color:var(--dialog-accent); font-size:.42rem; font-weight:900; letter-spacing:.08em; }.interactive-poll-card>h3 { margin:8px 0 10px; font-size:.68rem; line-height:1.35; }.interactive-poll-card>div { display:grid; gap:6px; }.interactive-poll-card>div>span { display:flex; align-items:center; gap:7px; min-height:31px; padding:0 8px; border:1px solid var(--border-color); border-radius:10px; }.interactive-poll-card>div>span i { display:grid; place-items:center; width:19px; height:19px; border-radius:6px; color:var(--dialog-accent); background:color-mix(in srgb,var(--dialog-accent) 9%,transparent); font-size:.4rem; font-style:normal; font-weight:900; }.interactive-poll-card>div>span b { font-size:.48rem; }.interactive-poll-card>footer { display:flex; justify-content:space-between; margin-top:10px; padding-top:8px; border-top:1px solid var(--border-color); color:var(--text-muted); font-size:.4rem; }.interactive-preview-target { display:flex; align-items:center; gap:5px; width:max-content; margin:12px auto 0; color:var(--text-muted); font-size:.41rem; }.interactive-preview-tip,.event-ticket-hint { display:flex; align-items:center; gap:8px; margin:10px; padding:9px; border:1px solid color-mix(in srgb,var(--dialog-accent) 12%,var(--border-color)); border-radius:12px; color:var(--dialog-accent); background:color-mix(in srgb,var(--dialog-accent) 5%,transparent); }.interactive-preview-tip>b{}.interactive-preview-tip span b,.interactive-preview-tip span small,.event-ticket-hint span b,.event-ticket-hint span small { display:block; }.interactive-preview-tip span b,.event-ticket-hint span b { font-size:.48rem; }.interactive-preview-tip span small,.event-ticket-hint span small { margin-top:2px; color:var(--text-muted); font-size:.4rem; }.interactive-publish { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; padding:10px 11px; border:1px solid var(--border-color); border-radius:14px; background:color-mix(in srgb,var(--bg-primary) 56%,transparent); }.interactive-publish>span { display:flex; align-items:center; gap:8px; }.interactive-publish>span>i { display:grid; place-items:center; width:31px; height:31px; border-radius:10px; color:#4dcc9b; background:rgba(78,217,166,.09); }.interactive-publish>span b,.interactive-publish>span small { display:block; }.interactive-publish>span b { font-size:.51rem; }.interactive-publish>span small { margin-top:2px; color:var(--text-muted); font-size:.41rem; }.interactive-publish>button { min-height:36px; }
.event-schedule-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; }.event-schedule-field { display:grid; gap:6px; padding:9px; border:1px solid var(--border-color); border-radius:13px; background:var(--bg-secondary); }.event-schedule-field>span { display:flex; align-items:center; gap:6px; color:var(--text-secondary); font-size:.48rem; }.event-schedule-field>span i { color:var(--dialog-accent); }.event-schedule-field input,.event-schedule-field select { min-width:0; width:100%; height:34px; border:1px solid var(--border-color); border-radius:10px; color:var(--text-primary); background:var(--bg-secondary); font:inherit; font-size:.5rem; }.event-delivery-note { display:grid; grid-template-columns:34px 1fr auto; align-items:center; gap:8px; padding:9px; border:1px solid color-mix(in srgb,#4dc99b 14%,var(--border-color)); border-radius:13px; background:rgba(78,217,166,.045); }.event-delivery-note>span { display:grid; place-items:center; width:34px; height:34px; border-radius:11px; color:#48c496; background:rgba(78,217,166,.09); }.event-delivery-note b,.event-delivery-note small { display:block; }.event-delivery-note b { font-size:.5rem; }.event-delivery-note small { margin-top:2px; color:var(--text-muted); font-size:.41rem; }.event-delivery-note>em { display:flex; align-items:center; gap:5px; color:#48c496; font-size:.41rem; font-style:normal; }.event-delivery-note>em i { width:5px; height:5px; border-radius:50%; background:#4ed2a0; }.event-ticket-preview { padding-bottom:1px; }.event-ticket { position:relative; margin:12px; padding:13px; overflow:hidden; border:1px solid color-mix(in srgb,var(--dialog-accent) 18%,var(--border-color)); border-radius:18px; background:linear-gradient(155deg,color-mix(in srgb,var(--dialog-accent) 7%,var(--bg-secondary)),var(--bg-secondary)); box-shadow:0 16px 36px rgba(0,0,0,.09); }.event-ticket-shine { position:absolute; top:-90px; right:-80px; width:190px; height:190px; border-radius:50%; background:var(--dialog-accent); filter:blur(60px); opacity:.12; }.event-ticket>header { position:relative; display:flex; justify-content:space-between; color:var(--dialog-accent); font-size:.41rem; font-weight:900; letter-spacing:.08em; }.event-ticket>header>span { display:flex; align-items:center; gap:5px; }.event-ticket>header>em { color:var(--text-muted); font-style:normal; }.event-ticket-date { position:relative; display:grid; grid-template-columns:50px 1fr; align-items:center; gap:10px; margin:17px 0 12px; }.event-ticket-date>span { display:grid; place-items:center; width:50px; height:54px; border-radius:15px; color:#fff; background:linear-gradient(145deg,var(--dialog-accent),var(--dialog-accent-2)); }.event-ticket-date>span b { font-size:1rem; line-height:1; }.event-ticket-date>span small { font-size:.44rem; text-transform:uppercase; }.event-ticket-date>div small,.event-ticket-date>div h3 { display:block; margin:0; }.event-ticket-date>div small { color:var(--text-muted); font-size:.39rem; }.event-ticket-date>div h3 { margin-top:4px; font-size:.7rem; line-height:1.25; }.event-ticket>p { min-height:31px; margin:0 0 11px; color:var(--text-muted); font-size:.46rem; line-height:1.5; }.event-ticket-route { display:grid; grid-template-columns:32px 1fr; align-items:center; gap:7px; padding:8px; border-radius:11px; background:color-mix(in srgb,var(--bg-primary) 65%,transparent); }.event-ticket-route>span { display:grid; place-items:center; width:32px; height:32px; border-radius:10px; color:var(--dialog-accent); background:color-mix(in srgb,var(--dialog-accent) 9%,transparent); }.event-ticket-route small,.event-ticket-route b { display:block; }.event-ticket-route small { color:var(--text-muted); font-size:.37rem; }.event-ticket-route b { margin-top:2px; font-size:.48rem; }.event-ticket>footer { display:flex; align-items:center; justify-content:space-between; gap:7px; margin-top:11px; padding-top:10px; border-top:1px dashed var(--border-color); }.event-ticket>footer>span { display:flex; align-items:center; gap:5px; color:var(--text-muted); font-size:.4rem; }.event-ticket>footer button { min-height:28px; padding:0 8px; border:0; border-radius:9px; color:#fff; background:linear-gradient(135deg,var(--dialog-accent),var(--dialog-accent-2)); font:inherit; font-size:.43rem; font-weight:750; }
.community-hub { display:grid; gap:12px; }.community-hub-hero { position:relative; display:grid; grid-template-columns:65px 1fr auto; align-items:center; gap:13px; padding:16px; overflow:hidden; border:1px solid var(--border-color); border-radius:19px; background:linear-gradient(115deg,color-mix(in srgb,var(--dialog-accent) 12%,var(--bg-secondary)),color-mix(in srgb,var(--dialog-accent-2) 6%,var(--bg-secondary))); box-shadow:0 12px 32px rgba(0,0,0,.08); }.community-hub-art { position:relative; display:grid; place-items:center; width:65px; height:65px; border-radius:21px; color:#fff; background:linear-gradient(145deg,var(--dialog-accent),var(--dialog-accent-2)); box-shadow:0 14px 32px color-mix(in srgb,var(--dialog-accent) 20%,transparent); }.community-hub-art>em { position:absolute; inset:-6px; border:1px solid color-mix(in srgb,var(--dialog-accent) 35%,transparent); border-radius:25px; }.community-hub-hero>div>small,.community-hub-hero>div>h3,.community-hub-hero>div>p { display:block; margin:0; }.community-hub-hero>div>small { color:var(--dialog-accent); font-size:.43rem; font-weight:900; letter-spacing:.1em; }.community-hub-hero>div>h3 { margin-top:3px; font-size:.82rem; }.community-hub-hero>div>p { margin-top:4px; color:var(--text-muted); font-size:.49rem; }.community-hub-hero>div>div { display:flex; gap:14px; margin-top:9px; }.community-hub-hero>div>div span b,.community-hub-hero>div>div span small { display:block; }.community-hub-hero>div>div span b { font-size:.64rem; }.community-hub-hero>div>div span small { color:var(--text-muted); font-size:.4rem; }.community-hub-status { display:flex; align-items:center; gap:5px; padding:5px 8px; border-radius:99px; color:#48c496; background:rgba(78,217,166,.08); font-size:.42rem; }.community-hub-status i { width:5px; height:5px; border-radius:50%; background:#4ed2a0; }.community-hub-toolbar { display:grid; grid-template-columns:auto minmax(130px,1fr) auto; align-items:center; gap:8px; padding:10px; border:1px solid var(--border-color); border-radius:15px; background:var(--bg-secondary); }.community-hub-toolbar>nav { display:flex; gap:4px; padding:4px; border-radius:12px; background:color-mix(in srgb,var(--bg-primary) 65%,transparent); }.community-hub-toolbar>nav button { min-height:30px; padding:0 9px; border:0; border-radius:9px; color:var(--text-muted); background:transparent; font:inherit; font-size:.47rem; cursor:pointer; }.community-hub-toolbar>nav button i { margin-right:5px; }.community-hub-toolbar>nav button.active { color:var(--text-primary); background:var(--bg-secondary); box-shadow:0 4px 12px rgba(0,0,0,.06); }.community-hub-toolbar>label { display:flex; align-items:center; gap:6px; padding:0 9px; border:1px solid var(--border-color); border-radius:11px; color:var(--text-muted); background:var(--bg-primary); }.community-hub-toolbar>label input { width:100%; height:34px; min-width:0; border:0; outline:0; color:var(--text-primary); background:transparent; font:inherit; font-size:.5rem; }.community-hub-toolbar>div { display:flex; gap:5px; }.community-hub-toolbar>div button { min-height:34px; padding:0 9px; border:1px solid color-mix(in srgb,var(--dialog-accent) 17%,var(--border-color)); border-radius:10px; color:var(--dialog-accent); background:color-mix(in srgb,var(--dialog-accent) 6%,transparent); font:inherit; font-size:.46rem; font-weight:750; cursor:pointer; }.community-hub-toolbar>div button i { margin-right:4px; }.community-hub .product-activity-list { grid-template-columns:repeat(2,minmax(0,1fr)); max-height:none; margin:0; }.community-hub .product-activity-card { align-self:start; }.community-hub .product-activity-card.poll>header>em { margin-left:auto; color:#4bc99a; font-size:.39rem; font-style:normal; }.community-hub .product-activity-card.poll>footer { display:flex; justify-content:space-between; margin-top:9px; padding-top:8px; border-top:1px solid var(--border-color); color:var(--text-muted); font-size:.4rem; }.community-hub .product-activity-card.event { grid-template-columns:54px 1fr 29px; }.community-hub .product-activity-card.event>div>span { display:block; margin-top:7px; color:var(--text-muted); font-size:.41rem; }.community-hub .product-activity-card.event>button { width:29px; height:29px; border:0; border-radius:9px; color:var(--dialog-accent); background:color-mix(in srgb,var(--dialog-accent) 8%,transparent); }.community-hub .product-activity-date { height:62px; }.community-hub .product-activity-date small,.community-hub .product-activity-date b,.community-hub .product-activity-date em { display:block; }.community-hub .product-activity-date small { font-size:.35rem; }.community-hub .product-activity-date em { font-size:.4rem; font-style:normal; text-transform:uppercase; }

/* Final polish: crisp dialog structure for Business, polls, events, activities */
.product-dialog-main>.product-dialog-head { padding:16px 26px 15px; }
.product-dialog-main>.product-dialog-head>div>em { display:none; }
.product-dialog-main>.product-dialog-head>div>strong { font-size:1.3rem; }
.product-dialog-main>.product-dialog-head>div>small { margin-top:4px; }
.product-dialog-main>.product-dialog-body { padding:20px 26px 22px; }
.product-dialog-main>.product-dialog-foot { background:var(--bg-primary); }
/* Poll & Event body: solid cards, clear sections */
.product-poll-composer .interactive-editor,.event-editor { min-width:0; }
.product-poll-options { background:var(--bg-secondary); }
.product-poll-option { padding:9px; border-radius:12px; }
.event-delivery-note { background:rgba(78,217,166,.07); }
/* Activity center: clear header strip */
.community-hub-toolbar { box-shadow:0 8px 24px rgba(0,0,0,.05); }
.community-hub-toolbar input { background:var(--bg-primary); }
.community-hub-toolbar>div button { min-height:34px; padding:0 10px; border-radius:10px; }
.product-activity-list { display:grid; gap:9px; }
.product-activity-card { border-radius:16px; }
.product-activity-card.poll { padding:14px; }
.product-activity-options>button { border-radius:11px; }
.product-activity-summary>span { background:var(--bg-primary); border-radius:12px; }
.product-activity-center>nav { background:var(--bg-primary); }
.product-activity-center>nav button { border-radius:10px; }
.product-activity-center>nav button.active { background:var(--bg-secondary); border:1px solid var(--border-color); }
/* Actions and savebar: obvious primary CTA */
.interactive-publish>button,.business-savebar>button { min-height:40px; padding:0 14px; border-radius:12px; font-weight:750; }
.business-workspace-nav>button.active { border-radius:14px; }
/* Hide navigation rail background entirely on the right half */
.business-workspace { background:var(--bg-primary); }
.business-workspace-content { background:var(--bg-primary); }
.product-dialog-head>div>em { display:none!important; }
@media(max-width:1080px){.product-dialog-layout{grid-template-columns:220px minmax(0,1fr)}.product-dialog-rail{padding:28px 20px}.product-dialog-rail>h2{font-size:1.25rem}.business-profile-grid{grid-template-columns:1fr}.business-live-preview{display:none}.interactive-builder,.event-builder{grid-template-columns:1fr}.interactive-preview,.event-ticket-preview{display:none}.interactive-publish{grid-column:1}.community-hub .product-activity-list{grid-template-columns:1fr}}
@media(max-width:760px){.product-dialog{align-items:end;padding:0}.product-dialog-card{width:100%;height:min(94dvh,900px);border-radius:27px 27px 0 0}.product-dialog-top-state{display:none}.product-dialog-layout{display:block;overflow:auto}.product-dialog-rail{min-height:92px;padding:15px 16px;display:grid;grid-template-columns:45px 1fr;align-items:center;gap:10px}.product-dialog-rail .product-dialog-symbol{width:45px;height:45px;flex-basis:45px;border-radius:15px}.product-dialog-rail>em{margin:0;align-self:end}.product-dialog-rail>h2{grid-column:2;margin:2px 0 0;font-size:.78rem;align-self:start}.product-dialog-rail>p,.product-dialog-features,.product-dialog-rail>footer{display:none}.product-dialog-main{overflow:visible}.product-dialog-main>.product-dialog-head{padding:15px 16px 12px}.product-dialog-main>.product-dialog-body{padding:0 14px 16px;overflow:visible}.product-dialog-main>.product-dialog-foot{position:sticky;bottom:0;padding:0 14px;background:var(--bg-secondary)}.business-workspace{grid-template-columns:1fr}.business-workspace-nav{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:repeat(3,1fr);padding:6px;border-right:0;border-bottom:1px solid var(--border-color)}.business-workspace-nav>span,.business-workspace-nav>footer{display:none}.business-workspace-nav>button{grid-template-columns:28px 1fr;padding:6px}.business-workspace-nav>button>i{width:28px;height:28px}.business-workspace-nav>button span small,.business-workspace-nav>button>em{display:none}.business-workspace-content{padding:13px}.business-related-workspace,.business-token-workspace{grid-template-columns:1fr}.business-template-library .product-list,.business-token-vault .product-list{max-height:none}.business-command{padding:10px}.business-master-switch>span{display:none}.business-tools-grid{grid-template-columns:1fr}.business-pane-head>em{display:none}.business-savebar{position:sticky;bottom:0;z-index:6}.business-savebar>span{display:none}.business-savebar>button{width:100%}.community-hub-toolbar{grid-template-columns:1fr}.community-hub-toolbar>nav{overflow:auto}.community-hub-toolbar>div button{flex:1}.community-hub-hero{grid-template-columns:54px 1fr}.community-hub-art{width:54px;height:54px}.community-hub-status{display:none}.community-hub-hero>div>p{display:none}.product-choice-grid,.event-schedule-grid{grid-template-columns:1fr}}
@media(max-width:430px){.product-dialog-topbar{padding-left:13px}.product-dialog-main>.product-dialog-head>div>small{max-width:260px}.business-command-brand p{display:none}.business-workspace-nav>button{display:grid;justify-items:center;grid-template-columns:1fr;text-align:center}.business-workspace-nav>button span b{font-size:.44rem}.business-profile-fields textarea{min-height:70px}.community-hub-hero>div>div{gap:9px}.community-hub-toolbar>div{display:grid;grid-template-columns:1fr 1fr}.interactive-publish>span{display:none}.interactive-publish>button{width:100%}}

/* ══════════════════════════════════════════════════════════════════════════
   Compact product modals — dialog(title, subtitle, body, {compact:true}).
   One visual grammar (hero → sections → lists → actions) shared by every
   modal wired to internal/handlers/product.go. No rail: the card is a single
   column that hugs its content and scrolls only inside the body.
   ══════════════════════════════════════════════════════════════════════════ */
.product-dialog-security { --dialog-accent:#7d7cf8; --dialog-accent-2:#49c6c0; }
.product-dialog-daily { --dialog-accent:#3fcf9b; --dialog-accent-2:#59c6ff; }
.product-dialog-search { --dialog-accent:#f0a44e; --dialog-accent-2:#ef7d9d; }
.product-dialog-privacy { --dialog-accent:#3fc3bd; --dialog-accent-2:#6a9bff; }
.product-dialog-story { --dialog-accent:#f4739f; --dialog-accent-2:#ffb15c; }

.product-dialog-compact {
  --module-color: var(--dialog-accent);
  --pd-line: color-mix(in srgb, var(--dialog-accent) 15%, var(--border-color));
  --pd-tint: color-mix(in srgb, var(--dialog-accent) 5%, transparent);
  --pd-ok: #4ed2a0;
  --pd-warn: #ffb65b;
  --pd-danger: #ff6f83;
}
.product-dialog-compact .product-dialog-ambient { top:-250px; width:400px; height:400px; opacity:.16; }
.product-dialog-compact .product-dialog-card { width:min(600px,calc(100vw - 28px)); height:auto; max-height:min(920px,calc(100dvh - 28px)); grid-template-rows:44px minmax(0,1fr); border-radius:24px; }
.product-dialog-compact .product-dialog-topbar { padding:0 9px 0 16px; }
.product-dialog-compact .product-dialog-layout { min-height:0; display:grid; grid-template-columns:minmax(0,1fr); overflow:hidden; }
.product-dialog-compact .product-dialog-main { min-width:0; min-height:0; display:grid; grid-template-rows:auto minmax(0,1fr) auto; overflow:hidden; }
.product-dialog-compact .product-dialog-head { gap:11px; padding:14px 18px 13px; }
.product-dialog-compact .product-dialog-symbol { flex:0 0 40px; width:40px; height:40px; border-radius:14px; font-size:.8rem; }
/* Outranks the wide-workspace .product-dialog-main>…>strong rule above. */
.product-dialog-compact .product-dialog-main>.product-dialog-head>div>strong { font-size:1.02rem; letter-spacing:-.01em; }
.product-dialog-compact .product-dialog-main>.product-dialog-head>div>small { display:block; margin-top:3px; font-size:.7rem; line-height:1.35; }
.product-dialog-compact .product-dialog-body { min-width:0; min-height:0; padding:15px 18px 18px; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; }
.product-dialog-compact .product-dialog-foot { padding:10px 18px; font-size:.63rem; }
.product-dialog-compact .product-dialog-foot b { white-space:nowrap; }
.pd-form { display:grid; gap:11px; }
.product-dialog-compact mark { padding:0 2px; border-radius:4px; color:var(--dialog-accent); background:color-mix(in srgb,var(--dialog-accent) 18%,transparent); font-weight:750; }

/* Hero: the one-glance status line every modal opens with. */
.pd-hero { --pd-tone:var(--dialog-accent); display:grid; grid-template-columns:38px minmax(0,1fr) auto; align-items:center; gap:11px; padding:12px; border:1px solid color-mix(in srgb,var(--pd-tone) 24%,var(--border-color)); border-radius:17px; background:linear-gradient(115deg,color-mix(in srgb,var(--pd-tone) 10%,transparent),color-mix(in srgb,var(--dialog-accent-2) 4%,transparent)); }
.pd-hero-ok { --pd-tone:var(--pd-ok); }
.pd-hero-warn { --pd-tone:var(--pd-warn); }
.pd-hero-info { --pd-tone:var(--dialog-accent); }
.pd-hero>div { min-width:0; }
.pd-hero b { display:block; font-size:.82rem; line-height:1.3; overflow-wrap:anywhere; }
.pd-hero small { display:block; margin-top:3px; color:var(--text-muted); font-size:.67rem; line-height:1.4; }
.pd-hero-icon { display:grid; place-items:center; width:38px; height:38px; border-radius:13px; color:#fff; background:linear-gradient(145deg,var(--pd-tone),color-mix(in srgb,var(--pd-tone),var(--dialog-accent-2) 45%)); box-shadow:0 10px 24px color-mix(in srgb,var(--pd-tone) 22%,transparent); font-size:.8rem; }
.pd-hero>em { padding:3px 8px; border-radius:99px; color:var(--pd-tone); background:color-mix(in srgb,var(--pd-tone) 12%,transparent); font-size:.58rem; font-style:normal; font-weight:800; letter-spacing:.06em; white-space:nowrap; }

/* Sections carry the card surface so sunken inputs and rows stay readable. */
.pd-section { display:grid; gap:9px; padding:13px; border:1px solid var(--border-color); border-radius:17px; background:linear-gradient(180deg,var(--pd-tint),transparent),var(--bg-secondary); }
.pd-section>header { display:flex; align-items:center; justify-content:space-between; gap:9px; }
.pd-section>header>span { display:grid; min-width:0; }
.pd-section>header small { color:var(--dialog-accent); font-size:.58rem; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
.pd-section>header b { margin-top:2px; font-size:.8rem; }
.pd-note { --pd-tone:var(--dialog-accent); display:grid; grid-template-columns:16px minmax(0,1fr); align-items:start; gap:8px; margin:0; padding:10px 11px; border:1px solid color-mix(in srgb,var(--pd-tone) 22%,var(--border-color)); border-radius:13px; color:var(--text-secondary); background:color-mix(in srgb,var(--pd-tone) 6%,transparent); font-size:.67rem; line-height:1.45; }
.pd-note-ok { --pd-tone:var(--pd-ok); }
.pd-note-warn { --pd-tone:var(--pd-warn); }
.pd-note-danger { --pd-tone:var(--pd-danger); }
.pd-note-info { --pd-tone:var(--dialog-accent); }
.pd-note>i { margin-top:2px; color:var(--pd-tone); font-size:.68rem; }
.pd-count { display:inline-flex; align-items:center; padding:3px 9px; border-radius:99px; color:var(--dialog-accent); background:color-mix(in srgb,var(--dialog-accent) 10%,transparent); font-size:.62rem; font-style:normal; font-weight:800; white-space:nowrap; }

/* Inputs with a trailing affordance: reveal, paste, clear. */
.pd-field-secret>span { position:relative; display:block; }
.pd-field-secret input { padding-right:42px; }
.pd-field-secret>span>button { position:absolute; top:50%; right:6px; display:grid; place-items:center; width:30px; height:30px; border:0; border-radius:9px; color:var(--text-muted); background:transparent; font:inherit; font-size:.72rem; cursor:pointer; transform:translateY(-50%); transition:.16s ease; }
.pd-field-secret>span>button:hover { color:var(--dialog-accent); background:color-mix(in srgb,var(--dialog-accent) 10%,transparent); }

/* Password strength: five bars driven by data-score, plus a plain-words label. */
.pd-strength { display:grid; grid-template-columns:repeat(5,1fr) auto; align-items:center; gap:5px; }
.pd-strength i { height:5px; border-radius:4px; background:color-mix(in srgb,var(--text-muted) 24%,transparent); transition:.2s ease; }
.pd-strength b { margin-left:4px; color:var(--text-muted); font-size:.62rem; font-weight:750; white-space:nowrap; }
.pd-strength[data-score="1"] i:nth-child(-n+1),
.pd-strength[data-score="2"] i:nth-child(-n+2) { background:var(--pd-danger); }
.pd-strength[data-score="3"] i:nth-child(-n+3) { background:var(--pd-warn); }
.pd-strength[data-score="4"] i:nth-child(-n+4),
.pd-strength[data-score="5"] i:nth-child(-n+5) { background:var(--pd-ok); }
.pd-strength[data-score="1"] b,
.pd-strength[data-score="2"] b { color:var(--pd-danger); }
.pd-strength[data-score="3"] b { color:var(--pd-warn); }
.pd-strength[data-score="4"] b,
.pd-strength[data-score="5"] b { color:var(--pd-ok); }
.pd-mismatch { display:flex; align-items:center; gap:6px; color:var(--pd-danger); font-size:.66rem; }
.pd-mismatch[hidden] { display:none; }

/* Monospace read-outs: invite links, room codes, resolved send time. */
.pd-code { display:grid; gap:3px; padding:11px 13px; border:1px dashed var(--pd-line); border-radius:14px; background:var(--pd-tint); }
.pd-code small { color:var(--text-muted); font-size:.57rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.pd-code b { font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:.78rem; line-height:1.4; overflow-wrap:anywhere; }
.pd-code-preview[data-empty="1"] b { color:var(--text-muted); }
.pd-code-preview:not([data-empty="1"]) { border-style:solid; border-color:color-mix(in srgb,var(--dialog-accent) 34%,var(--border-color)); }
.pd-code-preview:not([data-empty="1"]) b { color:var(--dialog-accent); }

/* Numbered / iconed explainers. */
.pd-checklist { display:grid; gap:8px; margin:0; padding:0; list-style:none; }
.pd-checklist li { display:grid; grid-template-columns:26px minmax(0,1fr); align-items:start; gap:9px; }
.pd-checklist li>i,
.pd-checklist li>em { display:grid; place-items:center; width:26px; height:26px; border-radius:9px; color:var(--dialog-accent); background:color-mix(in srgb,var(--dialog-accent) 9%,transparent); font-size:.6rem; font-style:normal; font-weight:900; }
.pd-checklist b { display:block; font-size:.74rem; line-height:1.3; }
.pd-checklist small { display:block; margin-top:2px; color:var(--text-muted); font-size:.65rem; line-height:1.4; }

/* Join-a-call: three numbered stages under the room-code field. */
.product-join-call .pd-code-preview b { font-size:1rem; letter-spacing:.16em; }
.product-join-call .pd-code-preview[data-empty="1"] b { color:var(--text-muted); letter-spacing:normal; }
.join-call-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:0; padding:0; counter-reset:join-step; list-style:none; }
.join-call-steps li { position:relative; display:grid; grid-template-columns:28px minmax(0,1fr); align-items:center; gap:9px; padding:10px; border:1px solid var(--border-color); border-radius:14px; background:var(--bg-secondary); }
.join-call-steps li::after { position:absolute; top:7px; right:9px; color:var(--text-muted); font-size:.55rem; font-weight:900; counter-increment:join-step; content:"0" counter(join-step); }
.join-call-steps li>i { display:grid; place-items:center; width:28px; height:28px; border-radius:10px; color:var(--dialog-accent); background:color-mix(in srgb,var(--dialog-accent) 10%,transparent); font-size:.62rem; }
.join-call-steps b { display:block; font-size:.72rem; line-height:1.3; }
.join-call-steps small { display:block; margin-top:2px; color:var(--text-muted); font-size:.62rem; line-height:1.35; }

/* Chips (time presets) and segmented filters. */
.pd-chips { display:flex; flex-wrap:wrap; gap:6px; }
.pd-chip,
.pd-seg { display:inline-flex; align-items:center; gap:6px; min-height:32px; padding:0 11px; border:1px solid var(--border-color); border-radius:10px; color:var(--text-secondary); background:var(--bg-primary); font:inherit; font-size:.68rem; font-weight:700; white-space:nowrap; cursor:pointer; transition:.16s ease; }
.pd-chip i,
.pd-seg i { color:var(--text-muted); font-size:.62rem; }
.pd-chip:hover,
.pd-seg:hover { border-color:var(--pd-line); color:var(--text-primary); }
.pd-chip.active { border-color:color-mix(in srgb,var(--dialog-accent) 42%,var(--border-color)); color:var(--dialog-accent); background:color-mix(in srgb,var(--dialog-accent) 9%,transparent); }
.pd-chip.active i { color:var(--dialog-accent); }
.pd-segmented { display:flex; gap:5px; padding-bottom:2px; overflow-x:auto; scrollbar-width:none; }
.pd-segmented::-webkit-scrollbar { height:0; }
.pd-seg { flex:0 0 auto; }
.pd-seg.active { border-color:transparent; color:#fff; background:linear-gradient(135deg,var(--dialog-accent),var(--dialog-accent-2)); box-shadow:0 8px 20px color-mix(in srgb,var(--dialog-accent) 20%,transparent); }
.pd-seg.active i { color:#fff; }
.pd-tabs { display:grid; grid-auto-flow:column; gap:4px; padding:4px; border:1px solid var(--border-color); border-radius:13px; background:var(--bg-primary); }
.pd-tab { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:32px; border:0; border-radius:10px; color:var(--text-muted); background:transparent; font:inherit; font-size:.69rem; font-weight:750; cursor:pointer; transition:.16s ease; }
.pd-tab em { padding:1px 6px; border-radius:99px; background:color-mix(in srgb,var(--text-muted) 16%,transparent); font-size:.58rem; font-style:normal; font-weight:800; }
.pd-tab.active { color:var(--text-primary); background:var(--bg-secondary); box-shadow:0 4px 12px rgba(0,0,0,.07); }
.pd-tab.active em { color:#fff; background:var(--dialog-accent); }

/* Rows: scheduled messages, reminders, search hits, requests, stories, keys. */
.pd-list { display:grid; gap:7px; }
.pd-list:empty { display:none; }
.pd-item { display:grid; grid-template-columns:34px minmax(0,1fr) auto; align-items:center; gap:10px; padding:10px 11px; border:1px solid var(--border-color); border-radius:14px; background:var(--bg-primary); transition:.16s ease; }
.pd-item>div { min-width:0; }
.pd-item b { display:block; font-size:.75rem; line-height:1.3; overflow-wrap:anywhere; }
.pd-item small { display:block; margin-top:2px; color:var(--text-muted); font-size:.65rem; }
.pd-item:hover { border-color:var(--pd-line); background:color-mix(in srgb,var(--dialog-accent) 4%,var(--bg-primary)); }
.pd-item-icon { display:grid; place-items:center; width:34px; height:34px; border-radius:11px; color:var(--dialog-accent); background:color-mix(in srgb,var(--dialog-accent) 9%,transparent); font-size:.72rem; }
.pd-item-late { border-color:color-mix(in srgb,var(--pd-warn) 34%,var(--border-color)); background:color-mix(in srgb,var(--pd-warn) 6%,var(--bg-primary)); }
.pd-item-late .pd-item-icon { color:var(--pd-warn); background:color-mix(in srgb,var(--pd-warn) 13%,transparent); }
.pd-item-late small { color:var(--pd-warn); }
.pd-item-action { width:100%; color:inherit; font:inherit; text-align:left; cursor:pointer; }
.pd-item-go { color:var(--text-muted); font-size:.7rem; transition:.16s ease; }
.pd-item-action:hover .pd-item-go { color:var(--dialog-accent); transform:translateX(3px); }
.pd-item-actions { display:flex; gap:5px; }
.pd-item-actions .product-btn { width:31px; min-height:31px; padding:0; border-radius:10px; font-size:.68rem; }
.pd-item-actions .pd-armed { width:auto; padding:0 10px; }
.pd-item>.product-btn { min-height:31px; padding:0 10px; border-radius:10px; font-size:.68rem; }
.pd-item-request { grid-template-columns:36px minmax(0,1fr) auto; align-items:start; }
.pd-item-request q { display:block; margin-top:6px; padding:7px 9px; border-left:2px solid var(--pd-line); border-radius:0 10px 10px 0; color:var(--text-secondary); background:var(--bg-secondary); font-size:.68rem; font-style:italic; line-height:1.4; }
.pd-item-request q::before,
.pd-item-request q::after { content:none; }
.pd-item-trusted { grid-template-columns:36px minmax(0,1fr) auto; }
.pd-item-trusted code { display:inline-block; margin-top:5px; padding:3px 7px; border-radius:7px; color:var(--dialog-accent); background:color-mix(in srgb,var(--dialog-accent) 8%,transparent); font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:.62rem; letter-spacing:.06em; overflow-wrap:anywhere; }
.pd-item-story { grid-template-columns:44px minmax(0,1fr) auto; }
.pd-thumb { position:relative; display:grid; place-items:center; width:44px; height:44px; overflow:hidden; border-radius:13px; color:#fff; background:linear-gradient(145deg,var(--dialog-accent),var(--dialog-accent-2)); font-size:.78rem; }
.pd-thumb img { width:100%; height:100%; object-fit:cover; }
.pd-thumb-text i { opacity:.92; text-shadow:0 1px 3px rgba(0,0,0,.35); }
.pd-stats { display:grid; gap:3px; justify-items:end; }
.pd-stats em { display:inline-flex; align-items:center; gap:4px; color:var(--text-muted); font-size:.62rem; font-style:normal; }
.pd-stats em i { font-size:.58rem; }
.pd-armed { border-color:transparent; color:#fff; background:linear-gradient(135deg,#ff6f83,#ff4d6a); }
/* The older business cards style their delete button by element, which outranks
   a bare .pd-armed — so name both, and let the armed state widen for its label. */
.business-token-card>button.pd-armed,
.business-template-card>header button.pd-armed { width:auto; padding:0 9px; border-color:transparent; color:#fff; background:linear-gradient(135deg,#ff6f83,#ff4d6a); font-size:.43rem; white-space:nowrap; }

/* People: avatars, resolved lookup preview, invite profile card. */
.pd-avatar { display:grid; place-items:center; width:36px; height:36px; overflow:hidden; border-radius:50%; color:#fff; background:linear-gradient(135deg,var(--dialog-accent),var(--dialog-accent-2)); font-size:.64rem; font-weight:800; }
.pd-avatar img { width:100%; height:100%; object-fit:cover; }
.pd-resolved { display:grid; grid-template-columns:36px minmax(0,1fr) auto; align-items:center; gap:10px; padding:9px 11px; border:1px solid color-mix(in srgb,var(--pd-ok) 30%,var(--border-color)); border-radius:13px; background:color-mix(in srgb,var(--pd-ok) 7%,transparent); }
.pd-resolved[hidden] { display:none; }
.pd-resolved>div { min-width:0; }
.pd-resolved b { display:block; font-size:.75rem; overflow-wrap:anywhere; }
.pd-resolved small { display:block; color:var(--text-muted); font-size:.65rem; }
.pd-resolved>i { color:var(--pd-ok); }
.pd-profile { display:grid; justify-items:center; gap:2px; padding:17px 14px; border:1px solid var(--pd-line); border-radius:18px; background:linear-gradient(160deg,var(--pd-tint),transparent); text-align:center; }
.pd-profile-avatar { display:grid; place-items:center; width:64px; height:64px; margin-bottom:9px; overflow:hidden; border-radius:22px; color:#fff; background:linear-gradient(145deg,var(--dialog-accent),var(--dialog-accent-2)); box-shadow:0 14px 32px color-mix(in srgb,var(--dialog-accent) 24%,transparent); font-size:1.05rem; font-weight:800; }
.pd-profile-avatar img { width:100%; height:100%; object-fit:cover; }
.pd-profile b { font-size:.92rem; overflow-wrap:anywhere; }
.pd-profile small { color:var(--text-muted); font-size:.7rem; }
.pd-profile em { margin-top:8px; padding:3px 9px; border-radius:99px; color:var(--dialog-accent); background:color-mix(in srgb,var(--dialog-accent) 10%,transparent); font-size:.58rem; font-style:normal; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }

/* Collections grid and colour swatches. */
.pd-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(148px,1fr)); gap:9px; }
.pd-card { display:grid; gap:2px; padding:12px; border:1px solid color-mix(in srgb,var(--card-color) 22%,var(--border-color)); border-radius:15px; background:linear-gradient(150deg,color-mix(in srgb,var(--card-color) 9%,var(--bg-primary)),var(--bg-primary)); }
.pd-card header { display:flex; align-items:center; justify-content:space-between; margin-bottom:7px; }
.pd-card header>span { display:grid; place-items:center; width:32px; height:32px; border-radius:11px; color:#fff; background:color-mix(in srgb,var(--card-color) 85%,transparent); font-size:.7rem; }
.pd-card header .product-btn { width:28px; min-height:28px; padding:0; border-radius:9px; font-size:.62rem; }
.pd-card header .pd-armed { width:auto; padding:0 9px; }
.pd-card b { font-size:.78rem; line-height:1.3; overflow-wrap:anywhere; }
.pd-card small { color:var(--text-muted); font-size:.63rem; }
.pd-swatches { display:flex; flex-wrap:wrap; gap:8px; }
.pd-swatch { position:relative; display:grid; place-items:center; width:34px; height:34px; border-radius:12px; cursor:pointer; }
.pd-swatch input { position:absolute; opacity:0; pointer-events:none; }
.pd-swatch i { width:100%; height:100%; border-radius:12px; background:var(--swatch); box-shadow:inset 0 0 0 1px rgba(255,255,255,.18); transition:.16s ease; }
.pd-swatch:hover i { transform:scale(1.06); }
.pd-swatch input:checked+i { box-shadow:0 0 0 2px var(--bg-secondary),0 0 0 4px var(--swatch); }
.pd-swatch input:focus-visible+i { outline:2px solid var(--dialog-accent); outline-offset:3px; }

/* Empty states and action rows. */
.pd-empty { display:grid; justify-items:center; gap:3px; padding:26px 16px; border:1px dashed var(--pd-line); border-radius:16px; background:var(--pd-tint); text-align:center; }
.pd-empty>span { display:grid; place-items:center; width:44px; height:44px; margin-bottom:6px; border-radius:15px; color:var(--dialog-accent); background:color-mix(in srgb,var(--dialog-accent) 9%,transparent); font-size:1rem; }
.pd-empty b { font-size:.8rem; }
.pd-empty small { max-width:300px; color:var(--text-muted); font-size:.68rem; line-height:1.45; }
.pd-empty .product-btn { margin-top:11px; }
.pd-actions { display:flex; flex-wrap:wrap; gap:7px; }
.pd-actions>.product-btn { flex:1 1 140px; }

@media (max-width:760px) {
  .product-dialog-compact .product-dialog-card { width:100%; height:auto; max-height:92dvh; border-radius:24px 24px 0 0; }
  .product-dialog-compact .product-dialog-layout { display:grid; overflow:hidden; }
  .product-dialog-compact .product-dialog-main { overflow:hidden; }
  .product-dialog-compact .product-dialog-head { padding:14px 15px 12px; }
  .product-dialog-compact .product-dialog-body { padding:13px 15px 16px; }
  .product-dialog-compact .product-dialog-foot { padding:9px 15px; }
  .product-dialog-compact .product-dialog-foot span { display:flex; }
  .pd-grid { grid-template-columns:repeat(auto-fill,minmax(132px,1fr)); }
  .join-call-steps { grid-template-columns:1fr; }
}
@media (max-width:430px) {
  .product-dialog-compact .product-dialog-main>.product-dialog-head>div>strong { font-size:.94rem; }
  .pd-hero { grid-template-columns:34px minmax(0,1fr); }
  .pd-hero-icon { width:34px; height:34px; border-radius:12px; }
  .pd-hero>em { grid-column:2; justify-self:start; margin-top:7px; }
  .pd-section { padding:11px; }
  .pd-item { grid-template-columns:30px minmax(0,1fr) auto; gap:8px; padding:9px; }
  .pd-item-icon { width:30px; height:30px; border-radius:10px; }
  .pd-item-story { grid-template-columns:40px minmax(0,1fr) auto; }
  .pd-thumb { width:40px; height:40px; }
  .pd-grid { grid-template-columns:1fr; }
  .pd-actions>.product-btn { flex:1 1 100%; }
  .pd-strength { grid-template-columns:repeat(5,1fr); }
  .pd-strength b { grid-column:1/-1; margin:2px 0 0; }
}
@media (prefers-reduced-motion:reduce) {
  .pd-item,.pd-chip,.pd-seg,.pd-tab,.pd-item-go,.pd-strength i,.pd-swatch i,.pd-field-secret>span>button { transition:none; }
  .pd-swatch:hover i,.pd-item-action:hover .pd-item-go { transform:none; }
}

/* Mobile workspaces must reflow, not become a horizontally cropped desktop. */
@media (max-width:760px) {
  .product-dialog-card,
  .product-dialog-layout,
  .product-dialog-main,
  .product-dialog-main>.product-dialog-body,
  .product-business-composer,
  .business-command,
  .business-workspace,
  .business-workspace-content,
  .business-profile-grid,
  .business-profile-fields,
  .interactive-builder,
  .interactive-editor,
  .event-builder,
  .event-editor,
  .community-hub,
  .community-hub-toolbar { width:100%; max-width:100%; min-width:0; }
  .product-dialog-layout { overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; }
  .product-dialog-main>.product-dialog-body { overflow-x:hidden; }
  .product-dialog-topbar .product-dialog-close { margin-left:auto; flex:0 0 32px; }
  .product-dialog-wordmark { min-width:0; }
  .product-dialog-wordmark>span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .business-workspace-nav { grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; max-width:100%; overflow:hidden; }
  .business-workspace-nav>button { min-width:0; }
  .business-workspace-nav>button span { min-width:0; }
  .business-workspace-nav>button span b { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .business-command-brand,
  .business-command-brand>div,
  .business-pane-head>div,
  .interactive-step-head>div,
  .community-hub-hero>div { min-width:0; }
  .business-pane-head h3,
  .business-pane-head p,
  .interactive-step-head h3,
  .interactive-step-head p { overflow-wrap:anywhere; }
  .product-dialog .product-field input,
  .product-dialog .product-field textarea,
  .product-dialog .product-field select { width:100%; max-width:100%; min-width:0; }
  .interactive-divider { min-width:0; overflow:hidden; }
  .interactive-divider>b { overflow:hidden; text-overflow:ellipsis; }
  .interactive-divider>em { display:none; }
  .product-poll-options>header { gap:8px; }
  .product-poll-options>header>div { min-width:0; }
  .product-poll-options>header button { flex:0 0 auto; }
  .community-hub-toolbar>nav,
  .community-hub-toolbar>label,
  .community-hub-toolbar>div { min-width:0; max-width:100%; }
}

@media (max-width:430px) {
  .product-dialog-wordmark>span { max-width:92px; }
  .business-command-brand>span { flex-basis:40px; width:40px; height:40px; }
  .business-command-brand h3 { max-width:170px; }
  .business-master-switch>i { flex:0 0 42px; width:42px; }
  .business-workspace-nav>button { gap:4px; padding:6px 3px; }
  .business-workspace-nav>button span b { max-width:84px; }
  .interactive-step-head { grid-template-columns:38px minmax(0,1fr); }
  .interactive-step-head>span { width:38px; height:38px; }
  .product-poll-options>header button { padding:0 8px; }
  .community-hub-toolbar>nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); overflow:hidden; }
  .community-hub-toolbar>nav button { min-width:0; padding:0 4px; }
  .community-hub-toolbar>nav button i { margin-right:3px; }
}

/* ══════════════════════════════════════════════════════════════════════════
   PRODUCT SPACE V4
   A new information architecture: utility dock → task workspace → live
   context. Individual tools no longer share the old stacked compact card.
   ══════════════════════════════════════════════════════════════════════════ */
.product-dialog { padding:20px; background:rgba(3,5,12,.82); backdrop-filter:blur(18px) saturate(1.2); }
.product-dialog-card {
  width:min(1240px,calc(100vw - 40px)); height:min(880px,calc(100dvh - 40px));
  grid-template-rows:52px minmax(0,1fr); border:1px solid color-mix(in srgb,var(--dialog-accent) 20%,rgba(255,255,255,.11));
  border-radius:30px; background:color-mix(in srgb,var(--bg-secondary) 96%,#070914); box-shadow:0 50px 180px rgba(0,0,0,.65),inset 0 1px rgba(255,255,255,.055);
}
.product-dialog-topbar { min-width:0; padding:0 12px 0 18px; background:color-mix(in srgb,var(--bg-secondary) 96%,#080a13); }
.product-dialog-breadcrumb { display:flex; align-items:center; gap:8px; min-width:0; color:var(--text-muted); font-size:.58rem; font-weight:780; letter-spacing:.08em; }
.product-dialog-breadcrumb>i { font-size:.38rem; opacity:.55; }.product-dialog-breadcrumb>span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.product-dialog-top-state { margin-left:auto; padding:6px 9px; border:1px solid color-mix(in srgb,#4ed2a0 18%,var(--border-color)); border-radius:99px; background:color-mix(in srgb,#4ed2a0 6%,transparent); }
.product-dialog-layout { min-width:0; display:grid; grid-template-columns:76px minmax(0,1fr) 250px; overflow:hidden; }
.product-dialog-dock { display:flex; flex-direction:column; align-items:center; min-width:0; padding:18px 10px 14px; border-right:1px solid var(--border-color); background:color-mix(in srgb,var(--bg-primary) 72%,#090b14); }
.product-dialog-dock .product-dialog-symbol { width:44px; height:44px; flex:0 0 44px; border:0; border-radius:15px; color:#fff; background:linear-gradient(145deg,var(--dialog-accent),var(--dialog-accent-2)); box-shadow:0 14px 34px color-mix(in srgb,var(--dialog-accent) 28%,transparent); }
.product-dialog-dock-line { width:1px; height:34px; margin:10px 0 2px; background:linear-gradient(var(--dialog-accent),color-mix(in srgb,var(--dialog-accent) 8%,transparent)); }
.product-dialog-dock-step { position:relative; display:grid; place-items:center; width:48px; min-height:52px; color:var(--text-muted); text-align:center; }
.product-dialog-dock-step::before { content:""; position:absolute; left:-11px; width:3px; height:0; border-radius:4px; background:var(--dialog-accent); transition:.2s; }
.product-dialog-dock-step.active { color:var(--text-primary); }.product-dialog-dock-step.active::before { height:28px; }
.product-dialog-dock-step b,.product-dialog-dock-step small { display:block; }.product-dialog-dock-step b { font-size:.52rem; }.product-dialog-dock-step small { margin-top:2px; font-size:.38rem; }
.product-dialog-dock-shield { display:grid; place-items:center; width:34px; height:34px; margin-top:auto; border-radius:12px; color:#4fd1a0; background:rgba(78,217,166,.08); font-size:.7rem; }
.product-dialog-main { min-width:0; grid-template-rows:78px minmax(0,1fr) 38px; background:var(--bg-primary); }
.product-dialog-main>.product-dialog-head { display:flex; align-items:center; justify-content:space-between; min-width:0; padding:15px 22px; border-bottom:1px solid var(--border-color); background:var(--bg-secondary); }
.product-dialog-main>.product-dialog-head>div { min-width:0; }.product-dialog-main>.product-dialog-head>div>em { display:block!important; color:var(--dialog-accent); font-size:.47rem; font-style:normal; font-weight:900; letter-spacing:.13em; }
.product-dialog-main>.product-dialog-head>div>strong { display:block; margin-top:4px; font-size:1.18rem; letter-spacing:-.02em; }.product-dialog-main>.product-dialog-head>div>small { display:block; margin-top:3px; color:var(--text-muted); font-size:.6rem; }
.product-dialog-head-state { display:flex; align-items:center; gap:6px; flex:0 0 auto; margin-left:14px; padding:6px 9px; border:1px solid var(--border-color); border-radius:99px; color:var(--text-secondary); background:var(--bg-primary); font-size:.5rem; }
.product-dialog-head-state>i { width:6px; height:6px; border-radius:50%; background:#4ed2a0; }
.product-dialog-main>.product-dialog-body { min-width:0; padding:18px 20px 22px; overflow:auto; background:var(--bg-primary); }
.product-dialog-main>.product-dialog-foot { min-width:0; padding:0 20px; background:var(--bg-secondary); }.product-dialog-foot kbd { padding:2px 5px; border:1px solid var(--border-color); border-radius:5px; background:var(--bg-primary); font:inherit; }
.product-dialog-rail { position:relative; isolation:isolate; display:flex; flex-direction:column; min-width:0; padding:24px 20px 18px; overflow:hidden; border-left:1px solid var(--border-color); color:var(--text-primary); background:linear-gradient(180deg,color-mix(in srgb,var(--dialog-accent) 7%,var(--bg-secondary)),var(--bg-secondary)); }
.product-dialog-rail::after { content:""; position:absolute; z-index:-1; right:-100px; top:-100px; width:230px; height:230px; border-radius:50%; background:var(--dialog-accent); filter:blur(80px); opacity:.13; }
.product-dialog-rail-grid { position:absolute; z-index:-1; inset:0; opacity:.04; background-image:linear-gradient(currentColor 1px,transparent 1px),linear-gradient(90deg,currentColor 1px,transparent 1px); background-size:24px 24px; mask-image:linear-gradient(#000,transparent 58%); }
.product-dialog-rail>em { margin-top:4px; color:var(--dialog-accent); font-size:.48rem; font-style:normal; font-weight:900; letter-spacing:.13em; }.product-dialog-rail>h2 { margin:12px 0 10px; font-size:1.18rem; line-height:1.12; }.product-dialog-rail>p { margin:0; color:var(--text-muted); font-size:.6rem; line-height:1.6; }
.product-dialog-features { display:grid; gap:7px; margin-top:22px; }.product-dialog-features>span { display:grid; grid-template-columns:28px 1fr; align-items:center; gap:8px; padding:8px; border:1px solid var(--border-color); border-radius:12px; color:var(--text-secondary); background:var(--bg-primary); font-size:.53rem; }.product-dialog-features>span i { display:grid; place-items:center; width:28px; height:28px; border-radius:9px; color:var(--dialog-accent); background:color-mix(in srgb,var(--dialog-accent) 9%,transparent); }
.product-dialog-rail>footer { display:flex; align-items:center; gap:8px; margin-top:auto; padding-top:14px; border-top:1px solid var(--border-color); }.product-dialog-rail>footer>i { display:grid; place-items:center; width:31px; height:31px; border-radius:10px; color:#4ed2a0; background:rgba(78,217,166,.08); }.product-dialog-rail>footer b,.product-dialog-rail>footer small { display:block; }.product-dialog-rail>footer b { font-size:.5rem; }.product-dialog-rail>footer small { margin-top:2px; color:var(--text-muted); font-size:.4rem; }

/* Compact tools are now full task workspaces with different compositions. */
.product-dialog-compact .product-dialog-card { width:min(1080px,calc(100vw - 40px)); height:min(780px,calc(100dvh - 40px)); max-height:none; grid-template-rows:52px minmax(0,1fr); border-radius:30px; }
.product-dialog-compact .product-dialog-layout { grid-template-columns:70px minmax(0,1fr) 230px; overflow:hidden; }
.product-dialog-compact .product-dialog-main { grid-template-rows:76px minmax(0,1fr) 38px; }
.product-dialog-compact .product-dialog-body { padding:18px 20px 22px; }
.product-dialog-compact .product-dialog-foot { padding:0 20px; font-size:.54rem; }
.product-dialog-compact .pd-form { gap:12px; }
.product-dialog-compact .pd-hero { padding:14px; border-radius:18px; background:linear-gradient(115deg,color-mix(in srgb,var(--dialog-accent) 10%,var(--bg-secondary)),var(--bg-secondary)); }
.product-dialog-compact .pd-hero b { font-size:.86rem; }.product-dialog-compact .pd-hero small { font-size:.64rem; }.product-dialog-compact .pd-section { padding:14px; border-radius:17px; background:var(--bg-secondary); }
.product-dialog-compact .pd-section>header small { font-size:.5rem; }.product-dialog-compact .pd-section>header b { font-size:.78rem; }
.product-dialog-compact .product-field label { font-size:.62rem; }.product-dialog-compact .product-field input,.product-dialog-compact .product-field textarea,.product-dialog-compact .product-field select { font-size:.68rem; }

/* Vault: password flow and protected payload sit side by side. */
.product-dialog-variant-vault-backup .pd-form { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(260px,.95fr); align-content:start; }
.product-dialog-variant-vault-backup .pd-hero { grid-column:1/-1; }
.product-dialog-variant-vault-backup .pd-section:nth-of-type(1) { grid-column:1; grid-row:2/4; }
.product-dialog-variant-vault-backup .pd-section:nth-of-type(2) { grid-column:2; }
.product-dialog-variant-vault-backup .pd-note { grid-column:2; }
.product-dialog-variant-vault-backup .product-submit-hero { grid-column:1/-1; }
.product-dialog-variant-vault-restore .pd-form { max-width:620px; margin:auto; }.product-dialog-variant-vault-restore .pd-hero { text-align:left; }

/* Call Gate: a room passport instead of a plain input form. */
.product-dialog-variant-call-gate .product-join-call { display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:14px; align-items:start; }
.product-dialog-variant-call-gate .product-join-call>.product-composer-intro { grid-column:1/-1; }
.product-dialog-variant-call-gate .product-join-call>.pd-section { grid-column:1; grid-row:2/5; min-height:270px; align-content:start; }
.product-dialog-variant-call-gate .product-join-call>.join-call-steps { grid-column:2; grid-template-columns:1fr; }
.product-dialog-variant-call-gate .product-join-call>.pd-note { grid-column:2; }
.product-dialog-variant-call-gate .product-join-call>.product-submit-hero { grid-column:1/-1; }

/* Scheduler and Reminder: editor + time console, then one decisive action. */
.product-dialog-variant-scheduler .pd-form { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(270px,.95fr); align-content:start; }
.product-dialog-variant-scheduler .pd-hero { grid-column:1/-1; }.product-dialog-variant-scheduler .pd-section:nth-of-type(1) { grid-column:1; grid-row:2/4; }.product-dialog-variant-scheduler .pd-section:nth-of-type(2),.product-dialog-variant-scheduler .pd-section:nth-of-type(3) { grid-column:2; }.product-dialog-variant-scheduler .pd-note { grid-column:1; }.product-dialog-variant-scheduler .product-submit-hero { grid-column:2; }
.product-dialog-variant-scheduler textarea { min-height:190px!important; }
.product-dialog-variant-reminder .pd-form { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-content:start; }.product-dialog-variant-reminder .pd-hero { grid-column:1/-1; }.product-dialog-variant-reminder .pd-section:nth-of-type(1) { grid-column:1; }.product-dialog-variant-reminder .pd-section:nth-of-type(2) { grid-column:2; }.product-dialog-variant-reminder .pd-note { grid-column:1; }.product-dialog-variant-reminder .product-submit-hero { grid-column:2; }

/* Agenda: vertical navigation + timeline list. */
.product-dialog-variant-agenda .pd-form { height:100%; display:grid; grid-template-columns:180px minmax(0,1fr); grid-template-rows:1fr; gap:14px; }
.product-dialog-variant-agenda .pd-tabs { display:flex; flex-direction:column; align-self:start; grid-auto-flow:unset; padding:7px; border-radius:16px; }.product-dialog-variant-agenda .pd-tab { justify-content:space-between; min-height:42px; padding:0 10px; }.product-dialog-variant-agenda .pd-list { align-content:start; padding-left:4px; }.product-dialog-variant-agenda .pd-item { min-height:58px; border-radius:16px; }

/* Spotlight: query console on top, results below, privacy note to the side. */
.product-dialog-variant-spotlight .pd-form { display:grid; grid-template-columns:minmax(0,1fr) 210px; align-content:start; }
.product-dialog-variant-spotlight .pd-hero { grid-column:1/-1; }.product-dialog-variant-spotlight .pd-section { grid-column:1/-1; }.product-dialog-variant-spotlight .pd-list { grid-column:1; min-height:250px; }.product-dialog-variant-spotlight .pd-note { grid-column:2; align-self:start; min-height:100px; }
.product-dialog-variant-spotlight #product-smart-query { height:48px; font-size:.82rem; }

/* Collection Studio: creation palette and collection gallery. */
.product-dialog-variant-collections .pd-form { display:grid; grid-template-columns:280px minmax(0,1fr); align-content:start; }.product-dialog-variant-collections .pd-hero { grid-column:1/-1; }.product-dialog-variant-collections .pd-section:nth-of-type(1) { grid-column:1; }.product-dialog-variant-collections .pd-section:nth-of-type(2) { grid-column:2; }.product-dialog-variant-collections .pd-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }

/* Story Archive: a media board rather than a message list. */
.product-dialog-variant-story-archive .pd-form { align-content:start; }.product-dialog-variant-story-archive [data-story-archive] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.product-dialog-variant-story-archive .pd-item-story { display:grid; grid-template-columns:64px minmax(0,1fr); grid-template-rows:auto auto; min-height:92px; padding:10px; }.product-dialog-variant-story-archive .pd-thumb { grid-row:1/3; width:64px; height:70px; border-radius:16px; }.product-dialog-variant-story-archive .pd-stats { grid-column:2; display:flex; justify-content:flex-start; gap:9px; }

/* Invite & requests: identity card / approval queue compositions. */
.product-dialog-variant-invite-link .pd-form { display:grid; grid-template-columns:minmax(0,1fr) 260px; align-content:start; }.product-dialog-variant-invite-link .pd-hero { grid-column:1/-1; }.product-dialog-variant-invite-link .pd-section:nth-of-type(1) { grid-column:1; grid-row:2/4; }.product-dialog-variant-invite-link .pd-section:nth-of-type(2) { grid-column:2; }.product-dialog-variant-invite-link .pd-note { grid-column:2; }
.product-dialog-variant-requests .pd-form { height:100%; grid-template-rows:auto minmax(0,1fr) auto; }.product-dialog-variant-requests [data-requests-list] { align-content:start; overflow:auto; }.product-dialog-variant-requests .pd-item-request { min-height:76px; border-radius:17px; }
.product-dialog-variant-request-compose .pd-form,.product-dialog-variant-invite-profile .pd-form { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,.8fr); align-content:start; }.product-dialog-variant-request-compose .pd-hero,.product-dialog-variant-invite-profile .pd-profile { grid-column:1/-1; }.product-dialog-variant-request-compose .pd-section:nth-of-type(1),.product-dialog-variant-invite-profile .pd-section { grid-column:1; }.product-dialog-variant-request-compose .pd-section:nth-of-type(2),.product-dialog-variant-invite-profile .pd-note { grid-column:2; }.product-dialog-variant-request-compose .pd-note { grid-column:1; }.product-dialog-variant-request-compose .product-submit-hero,.product-dialog-variant-invite-profile .product-submit-hero { grid-column:2; }

/* Trust Center: searchable key registry with an always-visible explainer. */
.product-dialog-variant-trust-center .pd-form { display:grid; grid-template-columns:minmax(0,1fr) 220px; align-content:start; }.product-dialog-variant-trust-center .pd-hero,.product-dialog-variant-trust-center .pd-section { grid-column:1/-1; }.product-dialog-variant-trust-center [data-trusted-list] { grid-column:1; }.product-dialog-variant-trust-center .pd-note { grid-column:2; align-self:start; }

/* Large suites receive their own density and internal hierarchy. */
.product-dialog-variant-business-suite .business-workspace { min-height:460px; }.product-dialog-variant-business-suite .business-command { border-radius:20px; }
.product-dialog-variant-poll-builder .interactive-builder,.product-dialog-variant-event-builder .event-builder { gap:18px; }.product-dialog-variant-poll-builder .interactive-editor,.product-dialog-variant-event-builder .event-editor { padding:4px; }
.product-dialog-variant-community .community-hub { gap:15px; }.product-dialog-variant-quick-replies .business-related-workspace,.product-dialog-variant-api-tokens .business-token-workspace { grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr); }

@media(max-width:1050px){
  .product-dialog-layout,.product-dialog-compact .product-dialog-layout { grid-template-columns:68px minmax(0,1fr); }
  .product-dialog-rail { display:none; }
}
@media(max-width:760px){
  .product-dialog { padding:0; align-items:end; }
  .product-dialog-card,.product-dialog-compact .product-dialog-card { width:100%; height:96dvh; max-height:none; border-radius:28px 28px 0 0; }
  .product-dialog-layout,.product-dialog-compact .product-dialog-layout { display:grid; grid-template-columns:1fr; grid-template-rows:minmax(0,1fr); overflow:hidden; }
  .product-dialog-dock { display:none; }
  .product-dialog-main,.product-dialog-compact .product-dialog-main { grid-template-rows:72px minmax(0,1fr) 38px; overflow:hidden; }
  .product-dialog-main>.product-dialog-body,.product-dialog-compact .product-dialog-body { padding:14px; overflow:auto; }
  .product-dialog-breadcrumb,.product-dialog-head-state { display:none; }
  .product-dialog-top-state { display:flex; }
  .product-dialog-compact .pd-form,
  .product-dialog-variant-vault-backup .pd-form,
  .product-dialog-variant-scheduler .pd-form,
  .product-dialog-variant-reminder .pd-form,
  .product-dialog-variant-agenda .pd-form,
  .product-dialog-variant-spotlight .pd-form,
  .product-dialog-variant-collections .pd-form,
  .product-dialog-variant-invite-link .pd-form,
  .product-dialog-variant-request-compose .pd-form,
  .product-dialog-variant-invite-profile .pd-form,
  .product-dialog-variant-trust-center .pd-form,
  .product-dialog-variant-call-gate .product-join-call { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:auto; height:auto; }
  .product-dialog-compact .pd-form>* { grid-column:1!important; grid-row:auto!important; }
  .product-dialog-variant-agenda .pd-tabs { flex-direction:row; overflow:auto; }.product-dialog-variant-agenda .pd-tab { flex:0 0 auto; }
  .product-dialog-variant-story-archive [data-story-archive] { grid-template-columns:1fr; }
  .product-dialog-variant-collections .pd-grid { grid-template-columns:1fr; }
  .product-dialog-variant-scheduler textarea { min-height:110px!important; }
}
@media(max-width:430px){
  .product-dialog-wordmark>span { display:none; }
  .product-dialog-top-state { max-width:145px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .product-dialog-main>.product-dialog-head { padding:13px 15px; }.product-dialog-main>.product-dialog-head>div>strong { font-size:1rem; }
  .product-dialog-compact .pd-hero { grid-template-columns:36px minmax(0,1fr); }.product-dialog-compact .pd-hero>em { grid-column:2; }
  .product-dialog-variant-request-compose .pd-section,.product-dialog-variant-invite-profile .pd-section { min-width:0; }
}

/* Product Workspaces V6 — each workflow has its own visual identity. */
.product-dialog-variant-business-suite .product-dialog-card{
  --dialog-accent:#ffca72;--dialog-accent-2:#65e2c0;--bg-primary:#0b171b;--bg-secondary:#101f23;--border-color:rgba(214,239,232,.1);--text-primary:#f3f7f5;--text-secondary:#b9c9c5;--text-muted:#738783;
  background:#081317;box-shadow:0 42px 140px rgba(0,0,0,.65),0 0 0 1px rgba(255,202,114,.06) inset
}
.product-dialog-variant-business-suite .product-dialog-dock{background:#071116}
.product-dialog-variant-business-suite .product-dialog-main>.product-dialog-head{background:linear-gradient(90deg,#102025,#0c181c)}
.product-dialog-variant-business-suite .product-dialog-body{background:radial-gradient(circle at 95% 0,rgba(101,226,192,.07),transparent 32%),#0b171b}
.product-dialog-variant-business-suite .product-dialog-rail{background:linear-gradient(165deg,#16282a,#0b171b 72%)}
.product-dialog-variant-business-suite .business-command{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:18px;padding:18px 20px;border-color:rgba(255,202,114,.16);border-radius:24px;background:linear-gradient(120deg,rgba(255,202,114,.11),rgba(101,226,192,.055) 55%,rgba(16,31,35,.8))}
.product-dialog-variant-business-suite .business-command-brand>span{width:52px;height:52px;flex-basis:52px;border-radius:18px;color:#14201d;background:linear-gradient(145deg,#ffdf9f,#f5ac56);box-shadow:0 16px 34px rgba(248,181,91,.17)}
.product-dialog-variant-business-suite .business-master-switch{padding:8px 10px 8px 14px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(255,255,255,.025)}
.business-completion{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:9px;min-width:155px;padding-left:16px;border-left:1px solid rgba(255,255,255,.09)}
.business-completion>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:conic-gradient(#65e2c0 var(--completion),rgba(255,255,255,.08) 0);position:relative}
.business-completion>span::after{content:"";position:absolute;inset:4px;border-radius:50%;background:#102025}.business-completion>span>b{z-index:1;font-size:.48rem}.business-completion small,.business-completion strong{display:block}.business-completion small{color:#65e2c0;font-size:.36rem;font-weight:900;letter-spacing:.1em}.business-completion strong{margin-top:3px;font-size:.46rem}.business-completion.complete>span{box-shadow:0 0 22px rgba(101,226,192,.25)}
.product-dialog-variant-business-suite .business-workspace{grid-template-columns:205px minmax(0,1fr);overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:23px;background:#0d1b1f}
.product-dialog-variant-business-suite .business-workspace-nav{padding:16px 11px;border-color:rgba(255,255,255,.07);background:linear-gradient(180deg,#102126,#0a171b)}
.product-dialog-variant-business-suite .business-workspace-nav>button{min-height:58px;border-radius:15px}.product-dialog-variant-business-suite .business-workspace-nav>button.active{color:#fff;background:linear-gradient(100deg,rgba(255,202,114,.13),rgba(101,226,192,.07));box-shadow:inset 3px 0 #ffca72}
.product-dialog-variant-business-suite .business-workspace-nav>button.active>i{color:#17231f;background:#ffca72}
.product-dialog-variant-business-suite .business-workspace-content{padding:21px}
.product-dialog-variant-business-suite .business-profile-fields{display:grid;align-content:start;gap:14px;padding:16px;border:1px solid rgba(255,255,255,.07);border-radius:20px;background:rgba(5,13,16,.34)}
.product-dialog-variant-business-suite .business-live-preview{overflow:hidden;border:1px solid rgba(255,202,114,.13);border-radius:22px;background:#122327;box-shadow:0 22px 50px rgba(0,0,0,.18)}
.product-dialog-variant-business-suite .business-preview-cover{height:92px;background:radial-gradient(circle at 80% 10%,rgba(255,255,255,.25),transparent 30%),linear-gradient(135deg,#f1a34d,#f6d896 54%,#62cbae)}
.product-dialog-variant-business-suite .business-preview-logo{color:#13211d;background:#ffdf9f;border-color:#122327}
.product-dialog-variant-business-suite .business-automation-flow>article{border-color:rgba(101,226,192,.11);border-radius:21px;background:rgba(5,13,16,.3)}
.product-dialog-variant-business-suite .business-tools-grid>button{min-height:150px;border-radius:22px;background:linear-gradient(145deg,rgba(255,202,114,.075),rgba(101,226,192,.035))}
.product-dialog-variant-business-suite .business-savebar{padding:12px 14px;border-color:rgba(255,255,255,.08);border-radius:18px;background:#0f2024;box-shadow:0 18px 44px rgba(0,0,0,.22)}
.product-dialog-variant-business-suite .business-savebar button{color:#13211d;background:linear-gradient(135deg,#ffdb94,#f2b45a);box-shadow:0 12px 28px rgba(242,180,90,.2)}

/* Reply atelier and integration vault. */
.product-dialog-variant-quick-replies .product-dialog-card{--dialog-accent:#ff8f7b;--dialog-accent-2:#ffd071;--bg-primary:#171416;--bg-secondary:#211b1d;--border-color:rgba(255,223,207,.1);--text-primary:#fff5f1;--text-secondary:#d9bdb5;--text-muted:#967c76}
.product-dialog-variant-api-tokens .product-dialog-card{--dialog-accent:#59dfc2;--dialog-accent-2:#6cbaff;--bg-primary:#09171b;--bg-secondary:#0d2227;--border-color:rgba(183,241,231,.1);--text-primary:#effbf8;--text-secondary:#b5d2cb;--text-muted:#6d8e87}
.product-dialog-variant-quick-replies .product-dialog-body{background:radial-gradient(circle at 0 0,rgba(255,143,123,.08),transparent 32%),#171416}
.product-dialog-variant-api-tokens .product-dialog-body{background:radial-gradient(circle at 100% 0,rgba(89,223,194,.09),transparent 34%),#09171b}
.product-dialog-variant-quick-replies .business-related-workspace,.product-dialog-variant-api-tokens .business-token-workspace{gap:18px}
.product-dialog-variant-quick-replies .business-quick-editor,.product-dialog-variant-quick-replies .business-template-library,.product-dialog-variant-api-tokens .business-token-create,.product-dialog-variant-api-tokens .business-token-vault{padding:20px;border-radius:24px;background:color-mix(in srgb,var(--bg-secondary) 84%,transparent)}
.business-quick-presets,.interactive-preset-strip,.event-quick-time{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.business-quick-presets>span,.event-quick-time>span{margin-right:3px;color:var(--text-muted);font-size:.46rem;font-weight:800}.business-quick-presets button,.interactive-preset-strip button,.event-quick-time button{min-height:29px;padding:0 9px;border:1px solid color-mix(in srgb,var(--dialog-accent) 18%,var(--border-color));border-radius:99px;color:var(--text-secondary);background:color-mix(in srgb,var(--dialog-accent) 5%,transparent);font:inherit;font-size:.45rem;cursor:pointer}.business-quick-presets button:hover,.interactive-preset-strip button:hover,.interactive-preset-strip button.active,.event-quick-time button.active{color:var(--text-primary);border-color:color-mix(in srgb,var(--dialog-accent) 38%,transparent);background:color-mix(in srgb,var(--dialog-accent) 13%,transparent)}
.business-template-card{border-radius:17px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--dialog-accent) 7%,var(--bg-primary)),var(--bg-primary))!important}.business-template-card>header>span:last-child{display:flex;gap:4px}.business-template-card>header>span:last-child button{width:28px;height:28px;border:0;border-radius:9px;color:var(--text-muted);background:rgba(255,255,255,.03);cursor:pointer}.business-template-card>header>span:last-child button:hover{color:var(--dialog-accent);background:color-mix(in srgb,var(--dialog-accent) 10%,transparent)}
.product-dialog-variant-api-tokens .business-token-secret{border-color:rgba(255,202,114,.22);background:linear-gradient(145deg,rgba(255,202,114,.09),rgba(89,223,194,.03))}.product-dialog-variant-api-tokens .business-token-card{border-radius:18px;background:linear-gradient(120deg,rgba(89,223,194,.065),rgba(255,255,255,.015))}

/* Interactive Lab: poll, event and activity center use separate colour systems. */
.product-dialog-variant-poll-builder .product-dialog-card{--dialog-accent:#ff71b8;--dialog-accent-2:#9b7cff;--bg-primary:#160f1a;--bg-secondary:#211627;--border-color:rgba(255,209,239,.1);--text-primary:#fff5fb;--text-secondary:#d7bdd1;--text-muted:#92778d}
.product-dialog-variant-event-builder .product-dialog-card{--dialog-accent:#ffb45f;--dialog-accent-2:#ff6f82;--bg-primary:#17120f;--bg-secondary:#241b16;--border-color:rgba(255,224,185,.11);--text-primary:#fff8ed;--text-secondary:#dac4aa;--text-muted:#927e68}
.product-dialog-variant-community .product-dialog-card{--dialog-accent:#54d9c0;--dialog-accent-2:#55a9ff;--bg-primary:#0b1519;--bg-secondary:#101f25;--border-color:rgba(194,239,235,.1);--text-primary:#f0fbf8;--text-secondary:#b8d0cc;--text-muted:#708b87}
.product-dialog-variant-poll-builder .product-dialog-body{background:radial-gradient(circle at 82% 0,rgba(255,113,184,.1),transparent 34%),#160f1a}.product-dialog-variant-event-builder .product-dialog-body{background:radial-gradient(circle at 100% 0,rgba(255,180,95,.1),transparent 36%),#17120f}.product-dialog-variant-community .product-dialog-body{background:radial-gradient(circle at 10% 0,rgba(84,217,192,.09),transparent 35%),#0b1519}
.product-dialog-variant-poll-builder .interactive-editor,.product-dialog-variant-event-builder .event-editor{padding:19px!important;border:1px solid var(--border-color);border-radius:24px;background:rgba(255,255,255,.018)}
.product-dialog-variant-poll-builder .interactive-preview,.product-dialog-variant-event-builder .event-ticket-preview{padding:15px;border:1px solid color-mix(in srgb,var(--dialog-accent) 17%,var(--border-color));border-radius:24px;background:linear-gradient(160deg,color-mix(in srgb,var(--dialog-accent) 9%,var(--bg-secondary)),var(--bg-secondary))}
.interactive-step-head>span{background:linear-gradient(145deg,var(--dialog-accent),var(--dialog-accent-2));box-shadow:0 10px 24px color-mix(in srgb,var(--dialog-accent) 19%,transparent)}
.interactive-preset-strip{padding:7px 0 2px;border-top:1px solid var(--border-color)}
.product-poll-option{grid-template-columns:28px minmax(0,1fr) auto!important;padding:7px 8px!important;border-radius:15px!important;transition:border-color .16s,transform .16s}.product-poll-option:focus-within{border-color:color-mix(in srgb,var(--dialog-accent) 42%,transparent);transform:translateX(3px)}
.poll-option-actions{display:flex;gap:2px}.poll-option-actions button{width:25px;height:25px!important}.poll-option-actions button:nth-child(-n+2){color:var(--text-muted)}
.interactive-publish{border-radius:18px!important;background:linear-gradient(100deg,color-mix(in srgb,var(--dialog-accent) 7%,var(--bg-secondary)),var(--bg-secondary))!important}.interactive-publish .product-btn{border:0;color:#1b1018;background:linear-gradient(135deg,var(--dialog-accent),color-mix(in srgb,var(--dialog-accent-2) 55%,#fff))}
.event-quick-time{padding:10px;border:1px solid var(--border-color);border-radius:15px;background:rgba(255,255,255,.018)}.event-quick-time>em{display:flex;align-items:center;gap:5px;margin-left:auto;color:#61d8a9;font-size:.43rem;font-style:normal}.event-quick-time>em i{width:6px;height:6px;border-radius:50%;background:currentColor}.event-quick-time>em.invalid{color:#ff7485}
.product-dialog-variant-event-builder .event-ticket{box-shadow:0 25px 60px rgba(0,0,0,.27)}
.product-dialog-variant-community .community-hub-hero{padding:20px;border-radius:24px;background:linear-gradient(120deg,rgba(84,217,192,.12),rgba(85,169,255,.055),rgba(16,31,37,.85))}.product-dialog-variant-community .community-hub-art{background:linear-gradient(145deg,#57e2c5,#4c91f0)}
.product-dialog-variant-community .community-hub-toolbar{grid-template-columns:auto minmax(140px,1fr) 150px auto;padding:8px;border-radius:17px;background:#102126}.community-sort select{width:100%;height:34px;border:0;outline:0;color:var(--text-secondary);background:transparent;font:inherit;font-size:.44rem}.community-hub .product-activity-card{border-radius:20px!important;background:linear-gradient(145deg,rgba(84,217,192,.045),rgba(255,255,255,.016))!important;transition:transform .18s,border-color .18s}.community-hub .product-activity-card:hover{transform:translateY(-2px);border-color:rgba(84,217,192,.22)}

@media(max-width:760px){
  .product-dialog-variant-business-suite .business-command{grid-template-columns:minmax(0,1fr) auto;padding:12px 13px;border-radius:18px}.product-dialog-variant-business-suite .business-command-brand>span{width:42px;height:42px;flex-basis:42px;border-radius:14px}.business-completion{grid-column:1/-1;grid-template-columns:34px 1fr;min-width:0;padding:9px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.08)}.business-completion>span{width:34px;height:34px}.business-completion strong{font-size:.44rem}
  .product-dialog-variant-business-suite .business-workspace{display:block;border-radius:18px}.product-dialog-variant-business-suite .business-workspace-nav{position:sticky;top:0;grid-template-columns:repeat(3,1fr);z-index:8;padding:5px;background:rgba(8,19,23,.96);backdrop-filter:blur(18px)}.product-dialog-variant-business-suite .business-workspace-nav>button{min-height:48px;padding:4px}.product-dialog-variant-business-suite .business-workspace-content{padding:12px}.product-dialog-variant-business-suite .business-profile-fields{padding:12px;border-radius:16px}
  .product-dialog-variant-business-suite .business-savebar{position:sticky;bottom:0;z-index:9;margin-top:8px;padding:8px;border-radius:15px}.product-dialog-variant-business-suite .business-savebar button{min-height:44px}
  .product-dialog-variant-quick-replies .business-related-workspace,.product-dialog-variant-api-tokens .business-token-workspace{display:grid;grid-template-columns:1fr!important}.product-dialog-variant-quick-replies .business-quick-editor,.product-dialog-variant-quick-replies .business-template-library,.product-dialog-variant-api-tokens .business-token-create,.product-dialog-variant-api-tokens .business-token-vault{padding:14px;border-radius:19px}
  .product-dialog-variant-poll-builder .interactive-editor,.product-dialog-variant-event-builder .event-editor{padding:13px!important;border-radius:19px}.interactive-preset-strip{overflow:auto;flex-wrap:nowrap;padding-bottom:4px}.interactive-preset-strip button{flex:0 0 auto}.poll-option-actions button:nth-child(-n+2){display:none}.product-poll-option{grid-template-columns:28px minmax(0,1fr) 28px!important}.event-quick-time{align-items:center}.event-quick-time>span{width:100%}.event-quick-time>em{width:100%;margin:2px 0 0}
  .product-dialog-variant-community .community-hub-toolbar{grid-template-columns:1fr!important}.product-dialog-variant-community .community-sort{display:flex}.product-dialog-variant-community .community-hub-hero{padding:14px;border-radius:19px}.product-dialog-variant-community .community-hub-hero>div>div{display:grid;grid-template-columns:repeat(3,1fr)}
}
@media(max-width:430px){.business-quick-presets{overflow:auto;flex-wrap:nowrap}.business-quick-presets>*{flex:0 0 auto}.product-dialog-variant-community .community-hub-hero{grid-template-columns:44px 1fr}.product-dialog-variant-community .community-hub-art{width:44px;height:44px;border-radius:15px}.event-quick-time button{flex:1;padding:0 5px}.interactive-step-head>div>p{display:none}}

/* Unified XSSM palette: workflows differ by structure, never by brand colour. */
:is(.product-dialog-variant-business-suite,.product-dialog-variant-quick-replies,.product-dialog-variant-api-tokens,.product-dialog-variant-poll-builder,.product-dialog-variant-event-builder,.product-dialog-variant-community) .product-dialog-card{
  --dialog-accent:var(--accent,#8b7cf6);--dialog-accent-2:var(--blue,#818cf8);--bg-primary:var(--bg-base,#0b0e1a);--bg-secondary:var(--bg-surface,#101422);--border-color:var(--border-subtle,rgba(255,255,255,.06));
  background:var(--bg-deep,#070910);box-shadow:0 42px 140px rgba(0,0,0,.58),0 0 70px color-mix(in srgb,var(--accent) 7%,transparent)
}
:is(.product-dialog-variant-business-suite,.product-dialog-variant-quick-replies,.product-dialog-variant-api-tokens,.product-dialog-variant-poll-builder,.product-dialog-variant-event-builder,.product-dialog-variant-community) .product-dialog-dock{background:var(--bg-deep,#070910)}
:is(.product-dialog-variant-business-suite,.product-dialog-variant-quick-replies,.product-dialog-variant-api-tokens,.product-dialog-variant-poll-builder,.product-dialog-variant-event-builder,.product-dialog-variant-community) .product-dialog-main>.product-dialog-head{background:linear-gradient(90deg,var(--bg-surface,#101422),var(--bg-base,#0b0e1a))}
:is(.product-dialog-variant-business-suite,.product-dialog-variant-quick-replies,.product-dialog-variant-api-tokens,.product-dialog-variant-poll-builder,.product-dialog-variant-event-builder,.product-dialog-variant-community) .product-dialog-body{background:radial-gradient(circle at 96% 0,color-mix(in srgb,var(--accent) 8%,transparent),transparent 34%),var(--bg-base,#0b0e1a)}
:is(.product-dialog-variant-business-suite,.product-dialog-variant-quick-replies,.product-dialog-variant-api-tokens,.product-dialog-variant-poll-builder,.product-dialog-variant-event-builder,.product-dialog-variant-community) .product-dialog-rail{background:linear-gradient(165deg,color-mix(in srgb,var(--accent) 7%,var(--bg-surface,#101422)),var(--bg-base,#0b0e1a) 72%)}
.product-dialog-variant-business-suite .business-command{border-color:color-mix(in srgb,var(--accent) 18%,var(--border-subtle));background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 11%,var(--bg-surface)),color-mix(in srgb,var(--blue) 6%,var(--bg-surface)) 58%,var(--bg-surface))}
.product-dialog-variant-business-suite .business-command-brand>span{color:#fff;background:linear-gradient(145deg,var(--accent-light),var(--accent-dark));box-shadow:0 16px 34px color-mix(in srgb,var(--accent) 20%,transparent)}
.business-completion>span{background:conic-gradient(var(--accent-light) var(--completion),rgba(255,255,255,.08) 0)}.business-completion>span::after{background:var(--bg-surface,#101422)}.business-completion small{color:var(--accent-light)}.business-completion.complete>span{box-shadow:0 0 22px color-mix(in srgb,var(--accent) 28%,transparent)}
.product-dialog-variant-business-suite .business-workspace,.product-dialog-variant-business-suite .business-live-preview{background:var(--bg-surface,#101422)}.product-dialog-variant-business-suite .business-workspace-nav{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 5%,var(--bg-surface)),var(--bg-base))}.product-dialog-variant-business-suite .business-workspace-nav>button.active{background:linear-gradient(100deg,color-mix(in srgb,var(--accent) 13%,transparent),color-mix(in srgb,var(--blue) 7%,transparent));box-shadow:inset 3px 0 var(--accent)}.product-dialog-variant-business-suite .business-workspace-nav>button.active>i{color:#fff;background:var(--accent)}
.product-dialog-variant-business-suite .business-profile-fields,.product-dialog-variant-business-suite .business-automation-flow>article{background:color-mix(in srgb,var(--bg-deep,#070910) 58%,transparent)}.product-dialog-variant-business-suite .business-preview-cover{background:radial-gradient(circle at 80% 10%,rgba(255,255,255,.24),transparent 30%),linear-gradient(135deg,var(--accent-dark),var(--accent) 54%,var(--blue))}.product-dialog-variant-business-suite .business-preview-logo{color:#fff;background:var(--accent-light)}
.product-dialog-variant-business-suite .business-tools-grid>button{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 8%,transparent),color-mix(in srgb,var(--blue) 4%,transparent))}.product-dialog-variant-business-suite .business-savebar{background:var(--bg-surface,#101422)}.product-dialog-variant-business-suite .business-savebar button{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-dark));box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 22%,transparent)}
.product-dialog-variant-quick-replies .business-quick-editor,.product-dialog-variant-quick-replies .business-template-library,.product-dialog-variant-api-tokens .business-token-create,.product-dialog-variant-api-tokens .business-token-vault{background:color-mix(in srgb,var(--bg-surface,#101422) 88%,transparent)}
.product-dialog-variant-api-tokens .business-token-secret{border-color:color-mix(in srgb,var(--accent) 22%,var(--border-subtle));background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 9%,transparent),color-mix(in srgb,var(--blue) 4%,transparent))}.product-dialog-variant-api-tokens .business-token-card{background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 7%,transparent),rgba(255,255,255,.015))}
.product-dialog-variant-poll-builder .product-dialog-body,.product-dialog-variant-event-builder .product-dialog-body,.product-dialog-variant-community .product-dialog-body{background:radial-gradient(circle at 88% 0,color-mix(in srgb,var(--accent) 9%,transparent),transparent 35%),var(--bg-base,#0b0e1a)}
.product-dialog-variant-community .community-hub-hero{background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 12%,var(--bg-surface)),color-mix(in srgb,var(--blue) 6%,var(--bg-surface)),var(--bg-surface))}.product-dialog-variant-community .community-hub-art{background:linear-gradient(145deg,var(--accent-light),var(--accent-dark))}.product-dialog-variant-community .community-hub-toolbar{background:var(--bg-surface,#101422)}.community-hub .product-activity-card{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 5%,var(--bg-surface)),rgba(255,255,255,.016))!important}.community-hub .product-activity-card:hover{border-color:color-mix(in srgb,var(--accent) 24%,transparent)}

/* Joining by link is a tiny utility, not a second Call Center. */
.call-link-dialog{position:fixed;z-index:12500;inset:0;display:grid;place-items:center;padding:16px;background:rgba(3,5,12,.72);backdrop-filter:blur(18px) saturate(1.08)}
.call-link-card{width:min(460px,100%);overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 17%,var(--border-color));border-radius:25px;color:var(--text-primary);background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 5%,var(--bg-surface,#101422)),var(--bg-base,#0b0e1a) 68%);box-shadow:0 32px 100px rgba(0,0,0,.5),0 0 55px color-mix(in srgb,var(--accent) 7%,transparent);animation:call-link-in .24s cubic-bezier(.16,1,.3,1)}
.call-link-card>header{display:grid;grid-template-columns:43px minmax(0,1fr) 36px;align-items:center;gap:11px;padding:17px;border-bottom:1px solid var(--border-color)}
.call-link-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;color:#fff;background:linear-gradient(145deg,var(--accent-light),var(--accent-dark));box-shadow:0 11px 27px color-mix(in srgb,var(--accent) 22%,transparent)}
.call-link-card>header h2,.call-link-card>header p{margin:0}.call-link-card>header h2{font-size:1rem;letter-spacing:-.015em}.call-link-card>header p{margin-top:3px;color:var(--text-secondary);font-size:.65rem}
.call-link-card>header button{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);background:rgba(255,255,255,.035);cursor:pointer}
.call-link-form{display:grid;gap:8px;padding:18px 18px 15px}.call-link-field{display:grid;gap:7px}.call-link-field>span:first-child{color:var(--text-secondary);font-size:.61rem;font-weight:750}
.call-link-input{min-width:0;display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:54px;padding:0 7px 0 14px;border:1px solid var(--border-color);border-radius:16px;background:color-mix(in srgb,var(--bg-deep,#070910) 68%,transparent);transition:border-color .16s,box-shadow .16s}
.call-link-input:focus-within{border-color:color-mix(in srgb,var(--accent) 58%,var(--border-color));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 10%,transparent)}.call-link-input>i{color:var(--accent-light);font-size:.72rem}
.call-link-input input{min-width:0;width:100%;height:50px;padding:0;border:0;outline:0;color:var(--text-primary);background:transparent;font:inherit;font-size:.76rem}.call-link-input input::placeholder{color:var(--text-muted)}
.call-link-input>button{height:38px;display:flex;align-items:center;gap:6px;padding:0 10px;border:1px solid color-mix(in srgb,var(--accent) 15%,var(--border-color));border-radius:11px;color:var(--accent-light);background:color-mix(in srgb,var(--accent) 7%,transparent);font:inherit;font-size:.57rem;font-weight:750;cursor:pointer}
.call-link-state{display:flex;align-items:center;gap:6px;min-height:18px;color:var(--text-muted);font-size:.55rem}.call-link-state::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.call-link-state[data-ready="1"]{color:var(--green)}
.call-link-actions{display:grid;grid-template-columns:.72fr 1.28fr;gap:8px;margin-top:6px}.call-link-actions>button{min-height:46px;border:1px solid var(--border-color);border-radius:14px;color:var(--text-secondary);background:rgba(255,255,255,.035);font:inherit;font-size:.68rem;font-weight:800;cursor:pointer}.call-link-actions>button.primary{display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--accent-light),var(--accent-dark));box-shadow:0 13px 29px color-mix(in srgb,var(--accent) 20%,transparent)}.call-link-actions>button:disabled{opacity:.38;box-shadow:none;cursor:not-allowed}
.call-link-card>footer{display:flex;align-items:center;gap:7px;padding:10px 18px;border-top:1px solid var(--border-color);color:var(--text-muted);background:rgba(255,255,255,.015);font-size:.52rem}.call-link-card>footer i{color:var(--accent-light)}
@keyframes call-link-in{from{opacity:0;transform:translateY(10px) scale(.975)}to{opacity:1;transform:none}}
@media(max-width:760px){.call-link-dialog{align-items:end;padding:0}.call-link-card{width:100%;border-width:1px 0 0;border-radius:25px 25px 0 0;padding-bottom:env(safe-area-inset-bottom)}.call-link-card>header{padding:15px}.call-link-form{padding:16px 15px 14px}.call-link-input>button span{display:none}.call-link-input>button{width:38px;justify-content:center;padding:0}.call-link-card>footer{padding:9px 15px}}
@media(prefers-reduced-motion:reduce){.call-link-card{animation:none}}

/* Poll Studio — compact in size, premium in hierarchy and motion. */
.product-dialog-variant-poll-compact{--dialog-accent:var(--accent,#8b7cf6);--dialog-accent-2:var(--blue,#818cf8);align-items:center;background:radial-gradient(circle at 50% 20%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 34%),rgba(3,5,12,.78)}
.product-dialog-variant-poll-compact .product-dialog-card{position:relative;display:block;width:min(540px,calc(100vw - 28px));height:auto!important;max-height:min(820px,calc(100dvh - 28px));overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border-color));border-radius:30px;background:var(--bg-surface,var(--bg-secondary));box-shadow:0 40px 130px rgba(0,0,0,.58),0 0 70px color-mix(in srgb,var(--accent) 9%,transparent),inset 0 1px rgba(255,255,255,.05)}
.product-dialog-variant-poll-compact .product-dialog-topbar{position:absolute;z-index:8;top:11px;right:11px;width:38px;height:38px;padding:0;border:0;background:transparent;pointer-events:none}.product-dialog-variant-poll-compact .product-dialog-topbar>*:not(.product-dialog-close){display:none}.product-dialog-variant-poll-compact .product-dialog-close{width:38px;height:38px;margin:0;border:1px solid rgba(255,255,255,.12);border-radius:13px;color:rgba(255,255,255,.75);background:rgba(4,7,18,.24);backdrop-filter:blur(14px);pointer-events:auto}.product-dialog-variant-poll-compact .product-dialog-close:hover{color:#fff;background:rgba(4,7,18,.42);transform:rotate(5deg)}
.product-dialog-variant-poll-compact .product-dialog-layout{display:block;overflow:hidden}.product-dialog-variant-poll-compact .product-dialog-dock,.product-dialog-variant-poll-compact .product-dialog-rail,.product-dialog-variant-poll-compact .product-dialog-head,.product-dialog-variant-poll-compact .product-dialog-foot{display:none!important}.product-dialog-variant-poll-compact .product-dialog-main{display:block;overflow:hidden}.product-dialog-variant-poll-compact .product-dialog-body{max-height:min(820px,calc(100dvh - 28px));padding:0;overflow:auto;background:var(--bg-surface,var(--bg-secondary));scrollbar-width:thin}
.poll-compact-form{display:grid;gap:15px;padding:0 20px 20px}
.poll-composer-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:13px;margin:0 -20px;padding:22px 58px 20px 20px;overflow:hidden;color:#fff;background:linear-gradient(125deg,color-mix(in srgb,var(--accent-dark,var(--accent)) 92%,#10152b),color-mix(in srgb,var(--accent) 70%,#222a4f) 57%,color-mix(in srgb,var(--blue,#818cf8) 72%,#17213d))}.poll-composer-hero::before{content:"";position:absolute;z-index:-1;right:40px;bottom:-90px;width:220px;height:220px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 30px rgba(255,255,255,.025),0 0 0 62px rgba(255,255,255,.018)}.poll-composer-hero::after{content:"";position:absolute;z-index:-1;inset:0;opacity:.08;background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);background-size:25px 25px;mask-image:linear-gradient(90deg,#000,transparent 78%)}
.poll-composer-orb{position:relative;display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(255,255,255,.2);border-radius:20px;background:rgba(255,255,255,.13);box-shadow:inset 0 1px rgba(255,255,255,.2),0 18px 40px rgba(0,0,0,.2);backdrop-filter:blur(14px)}.poll-composer-orb>i{font-size:1.18rem}.poll-composer-orb>b{position:absolute;right:-3px;bottom:-3px;width:16px;height:16px;border:4px solid color-mix(in srgb,var(--accent) 78%,#20294e);border-radius:50%;background:#55e6ad;box-shadow:0 0 15px rgba(85,230,173,.7)}
.poll-composer-hero div{min-width:0}.poll-composer-hero small,.poll-composer-hero h3,.poll-composer-hero p{display:block;margin:0}.poll-composer-hero small{color:rgba(255,255,255,.62);font-size:.48rem;font-weight:900;letter-spacing:.14em}.poll-composer-hero h3{margin-top:4px;font-size:1.08rem;letter-spacing:-.02em}.poll-composer-hero p{display:flex;align-items:center;gap:6px;min-width:0;margin-top:6px;color:rgba(255,255,255,.67);font-size:.58rem}.poll-composer-hero p span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.poll-composer-hero p b{color:#fff}.poll-composer-hero>em{display:flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid rgba(255,255,255,.15);border-radius:99px;color:rgba(255,255,255,.78);background:rgba(0,0,0,.12);font-size:.43rem;font-style:normal;font-weight:900;letter-spacing:.08em}.poll-composer-hero>em i{width:6px;height:6px;border-radius:50%;background:#64efb7;box-shadow:0 0 0 4px rgba(100,239,183,.12);animation:poll-live-pulse 1.8s ease-in-out infinite}
.poll-compact-section{display:grid;gap:8px}.poll-question-card{position:relative;margin-top:2px;padding:12px 13px 8px;border:1px solid var(--border-color);border-radius:18px;background:color-mix(in srgb,var(--bg-primary) 86%,transparent);transition:border-color .18s,box-shadow .18s,transform .18s}.poll-question-card:focus-within{border-color:color-mix(in srgb,var(--accent) 55%,var(--border-color));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 9%,transparent);transform:translateY(-1px)}.poll-question-card>header,.poll-compact-options>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.poll-question-card>header label,.poll-compact-options>header>span{display:flex;align-items:center;gap:7px;color:var(--text-secondary);font-size:.59rem;font-weight:800}.poll-question-card>header label i,.poll-compact-options>header>span>i{color:var(--accent-light,var(--accent))}.poll-question-card output,.poll-compact-options output{padding:3px 7px;border-radius:99px;color:var(--text-muted);background:rgba(128,128,160,.08);font-size:.47rem;font-weight:750}.poll-question-card output.near-limit{color:#ff9c68;background:rgba(255,156,104,.1)}
.poll-question-card textarea{z-index:1;width:100%;min-height:76px;max-height:136px;padding:4px 0 7px;resize:none;border:0;outline:0;color:var(--text-primary);background:transparent;font:inherit;font-size:.82rem;font-weight:650;line-height:1.45}.poll-question-card textarea::placeholder{color:var(--text-muted);font-weight:500}.poll-question-focus{position:absolute;right:13px;bottom:9px;width:7px;height:7px;border:2px solid color-mix(in srgb,var(--text-muted) 50%,transparent);border-radius:50%;transition:.18s}.poll-question-card.has-value .poll-question-focus{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 10%,transparent)}
.poll-compact-options{padding:13px;border:1px solid var(--border-color);border-radius:20px;background:color-mix(in srgb,var(--bg-primary) 56%,transparent)}.poll-compact-options #product-poll-option-list{display:grid;gap:7px}.poll-compact-options .product-poll-option{position:relative;grid-template-columns:30px minmax(0,1fr) 32px!important;min-height:48px;padding:4px 5px 4px 8px!important;overflow:hidden;border:1px solid var(--border-color);border-radius:14px!important;background:var(--bg-surface,var(--bg-secondary));transform:none!important;transition:border-color .17s,box-shadow .17s,opacity .13s,translate .13s}.poll-compact-options .product-poll-option::before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:2px;border-radius:3px;background:var(--accent);opacity:0;transition:.17s}.poll-compact-options .product-poll-option:focus-within{border-color:color-mix(in srgb,var(--accent) 46%,var(--border-color));box-shadow:0 7px 22px color-mix(in srgb,var(--accent) 8%,transparent)}.poll-compact-options .product-poll-option:focus-within::before,.poll-compact-options .product-poll-option.has-value::before{opacity:1}.poll-compact-options .product-poll-option>em{display:grid;place-items:center;width:27px;height:27px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border-color));border-radius:10px;color:var(--accent-light,var(--accent));background:color-mix(in srgb,var(--accent) 8%,transparent);font-size:.52rem;font-style:normal;font-weight:900}.poll-compact-options .product-poll-option input{height:38px;padding-inline:3px;font-size:.69rem;font-weight:650}.poll-compact-options .product-poll-option>button{display:grid;place-items:center;width:30px;height:30px;border-radius:10px}.poll-compact-options .product-poll-option>button:disabled{visibility:hidden}.poll-compact-options .product-poll-option.is-new{opacity:0;translate:0 -8px}.poll-compact-options .product-poll-option.is-removing{opacity:0;translate:12px 0}
.poll-compact-add{width:100%;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;min-height:40px;margin-top:1px;padding:3px 5px 3px 8px;border:1px dashed color-mix(in srgb,var(--accent) 25%,var(--border-color));border-radius:13px;color:var(--accent-light,var(--accent));background:color-mix(in srgb,var(--accent) 3%,transparent);font:inherit;text-align:left;cursor:pointer;transition:.17s}.poll-compact-add:hover{border-style:solid;background:color-mix(in srgb,var(--accent) 8%,transparent)}.poll-compact-add>span{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:color-mix(in srgb,var(--accent) 11%,transparent)}.poll-compact-add>b{font-size:.61rem}.poll-compact-add>small{padding-right:7px;color:var(--text-muted);font-size:.44rem;font-weight:750}
.poll-compact-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.poll-compact-settings>label{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 36px;align-items:center;gap:8px;min-height:58px;padding:8px 10px;border:1px solid var(--border-color);border-radius:16px;background:color-mix(in srgb,var(--bg-primary) 58%,transparent);cursor:pointer;transition:.17s}.poll-compact-settings>label:has(input:checked){border-color:color-mix(in srgb,var(--accent) 28%,var(--border-color));background:color-mix(in srgb,var(--accent) 6%,var(--bg-primary))}.poll-compact-settings>label>span{display:flex;align-items:center;min-width:0;gap:8px}.poll-compact-settings>label>span>i{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:10px;color:var(--accent-light,var(--accent));background:color-mix(in srgb,var(--accent) 9%,transparent)}.poll-compact-settings>label>span>span{min-width:0}.poll-compact-settings b,.poll-compact-settings small{display:block}.poll-compact-settings b{font-size:.59rem}.poll-compact-settings small{margin-top:2px;overflow:hidden;color:var(--text-muted);font-size:.43rem;white-space:nowrap;text-overflow:ellipsis}.poll-compact-settings input{position:absolute;opacity:0;pointer-events:none}.poll-compact-settings>label>i{position:relative;width:36px;height:21px;border-radius:99px;background:color-mix(in srgb,var(--text-muted) 25%,transparent);transition:.18s}.poll-compact-settings>label>i::after{content:"";position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.25);transition:.18s}.poll-compact-settings input:checked+i{background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 9%,transparent)}.poll-compact-settings input:checked+i::after{transform:translateX(15px)}
.poll-composer-publish{position:sticky;z-index:4;bottom:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin:0 -4px -4px;padding:10px 4px 4px;background:linear-gradient(transparent,var(--bg-surface,var(--bg-secondary)) 26%)}.poll-composer-ready{display:flex;align-items:center;min-width:0;gap:9px;color:var(--text-muted)}.poll-composer-ready>span{min-width:0}.poll-composer-ready>i{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:11px;color:var(--text-muted);background:rgba(128,128,160,.08);transition:.2s}.poll-composer-ready b,.poll-composer-ready small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.poll-composer-ready b{font-size:.56rem}.poll-composer-ready small{margin-top:2px;font-size:.43rem}.poll-composer-ready.is-ready>i{color:#fff;background:linear-gradient(145deg,var(--accent-light,var(--accent)),var(--accent-dark,var(--accent)));box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 20%,transparent)}.poll-composer-ready.is-ready b{color:var(--text-primary)}
.poll-compact-submit{min-width:128px;min-height:46px!important;gap:9px!important;padding:0 8px 0 17px!important;border:0!important;border-radius:15px!important;color:#fff!important;background:linear-gradient(135deg,var(--accent-light,var(--accent)),var(--accent-dark,var(--accent)))!important;box-shadow:0 13px 28px color-mix(in srgb,var(--accent) 23%,transparent);transition:transform .17s,box-shadow .17s,opacity .17s!important}.poll-compact-submit>i{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:rgba(255,255,255,.15)}.poll-compact-submit:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 17px 34px color-mix(in srgb,var(--accent) 28%,transparent)}.poll-compact-submit:disabled{opacity:.35;box-shadow:none}.poll-compact-submit.is-loading i{animation:poll-submit-spin .8s linear infinite}.poll-compact-submit.is-loading i::before{content:"\f110"}

/* Conversation poll — expressive but still native to the message stream. */
.message-wrapper.message-type-poll .message-bubble{padding:0;background:transparent!important;box-shadow:none!important}.message-wrapper.message-type-poll .message-meta{padding:3px 9px 0}.message-wrapper.message-type-poll .message-bubble-wrapper{max-width:none}
.message-poll-card{position:relative;isolation:isolate;width:min(380px,calc(100vw - 86px));min-width:270px!important;padding:15px!important;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 23%,var(--border-color))!important;border-radius:22px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 6%,var(--bg-surface,var(--bg-secondary))),var(--bg-surface,var(--bg-secondary)) 58%)!important;box-shadow:0 18px 42px rgba(0,0,0,.17),inset 0 1px rgba(255,255,255,.035)!important;transition:opacity .2s,transform .2s}.message-poll-card::before{content:"";position:absolute;z-index:-1;right:-55px;top:-75px;width:165px;height:165px;border-radius:50%;background:var(--accent);filter:blur(65px);opacity:.1}.message-poll-card::after{content:"";position:absolute;z-index:-1;top:0;left:19px;right:19px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 60%,#fff),transparent);opacity:.65}
.poll-card-head{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px}.poll-card-symbol{display:grid;place-items:center;width:38px;height:38px;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:13px;color:#fff;background:linear-gradient(145deg,var(--accent-light,var(--accent)),var(--accent-dark,var(--accent)));box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 21%,transparent)}.poll-card-symbol i{font-size:.72rem}.poll-card-title b,.poll-card-title small{display:block}.poll-card-title b{font-size:.64rem;letter-spacing:.01em}.poll-card-title small{margin-top:2px;color:var(--text-muted);font-size:.46rem}.poll-card-live{display:flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid color-mix(in srgb,#4fd6a4 20%,var(--border-color));border-radius:99px;color:#4fd6a4;background:color-mix(in srgb,#4fd6a4 6%,transparent);font-size:.4rem;font-style:normal;font-weight:900;letter-spacing:.08em}.poll-card-live i{width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 10%,transparent);animation:poll-live-pulse 1.8s ease-in-out infinite}.message-poll-card.is-closed .poll-card-live{color:var(--text-muted);border-color:var(--border-color);background:rgba(128,128,160,.05)}.message-poll-card.is-closed .poll-card-live i{animation:none}
.message-poll-card h4{margin:14px 1px 5px!important;color:var(--text-primary);font-size:.86rem!important;line-height:1.35!important;letter-spacing:-.01em}.poll-card-hint{display:flex;align-items:center;gap:6px;margin:0 1px 12px;color:var(--text-muted);font-size:.48rem}.poll-card-hint i{color:var(--accent-light,var(--accent))}
.message-poll-card .poll-options{display:grid;gap:8px!important}.message-poll-card .poll-option{position:relative;isolation:isolate;display:grid!important;grid-template-columns:minmax(0,1fr) 38px;align-items:center;min-height:46px!important;padding:5px 8px 5px 7px!important;overflow:hidden;border:1px solid var(--border-color)!important;border-radius:14px!important;color:var(--text-primary)!important;background:color-mix(in srgb,var(--bg-primary) 82%,transparent)!important;font:inherit;text-align:left;cursor:pointer;transition:border-color .17s,transform .17s,box-shadow .17s!important}.message-poll-card .poll-option:not(:disabled):hover{z-index:2;border-color:color-mix(in srgb,var(--accent) 38%,var(--border-color))!important;box-shadow:0 7px 22px color-mix(in srgb,var(--accent) 8%,transparent);transform:translateY(-1px)}.message-poll-card .poll-option:disabled{cursor:default}.poll-option-fill{position:absolute!important;z-index:-1!important;inset:0 auto 0 0!important;width:var(--vote,0%)!important;max-width:none!important;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 15%,transparent),color-mix(in srgb,var(--accent) 6%,transparent))!important;transition:width .45s cubic-bezier(.2,.8,.2,1)!important}.poll-option-copy{position:relative;z-index:1;display:grid!important;grid-template-columns:29px minmax(0,1fr);align-items:center;gap:8px;max-width:none!important}.poll-option-copy>em{display:grid!important;place-items:center;width:27px!important;height:27px!important;border:2px solid color-mix(in srgb,var(--accent) 38%,var(--text-muted));border-radius:50%;color:transparent;background:var(--bg-surface,var(--bg-secondary));transition:.18s}.is-multiple .poll-option-copy>em{border-radius:9px}.poll-option-copy>em i{position:static!important;width:auto!important;background:none!important;font-size:.48rem}.poll-option-copy>b{min-width:0;overflow:hidden;font-size:.63rem;font-weight:680;text-overflow:ellipsis;white-space:nowrap}.poll-option>strong{position:relative;z-index:1;color:var(--accent-light,var(--accent));font-size:.54rem;font-weight:900;text-align:right;opacity:0;translate:5px 0;transition:.24s}.has-voted .poll-option>strong{opacity:1;translate:0}.message-poll-card .poll-option.voted{border-color:color-mix(in srgb,var(--accent) 54%,var(--border-color))!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 8%,transparent)}.message-poll-card .poll-option.voted .poll-option-copy>em{border-color:var(--accent);color:#fff;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 10%,transparent)}.poll-option-pulse{position:absolute!important;z-index:3!important;left:20px;top:50%;width:8px!important;height:8px;border-radius:50%;background:var(--accent)!important;opacity:0;pointer-events:none}.poll-option.is-pending .poll-option-pulse{animation:poll-choice-pulse .65s ease-out infinite}.poll-voting .poll-option:not(.is-pending){opacity:.55}
.message-poll-card footer{display:flex!important;align-items:center;justify-content:space-between;gap:10px;margin-top:12px!important;padding:10px 1px 0!important;border-top:1px solid var(--border-color)!important;color:var(--text-muted);font-size:.47rem!important}.message-poll-card footer span{display:flex;align-items:center;gap:5px}.message-poll-card footer i{color:var(--accent-light,var(--accent));font-size:.48rem}.poll-result-enter{opacity:.45;transform:scale(.985)}
.poll-loading-row{display:flex;align-items:center;gap:11px;min-height:76px;margin-top:10px;padding:10px;border:1px solid var(--border-color);border-radius:15px;background:var(--bg-primary)}.poll-loading-row>span{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent)}.poll-loading-row b,.poll-loading-row small{display:block}.poll-loading-row b{font-size:.59rem}.poll-loading-row small{margin-top:3px;color:var(--text-muted);font-size:.45rem}.poll-retry{width:100%;min-height:42px;margin-top:12px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border-color));border-radius:13px;color:var(--accent-light,var(--accent));background:color-mix(in srgb,var(--accent) 6%,var(--bg-primary));font:inherit;font-size:.6rem;font-weight:800;cursor:pointer}
.message-poll-card .poll-option .poll-option-copy>b{color:var(--text-primary);font-size:.63rem}
@keyframes poll-submit-spin{to{transform:rotate(360deg)}}@keyframes poll-live-pulse{50%{opacity:.45;box-shadow:0 0 0 7px transparent}}@keyframes poll-choice-pulse{to{opacity:0;transform:scale(5)}}
@media(max-width:760px){.product-dialog-variant-poll-compact{align-items:end;padding:0}.product-dialog-variant-poll-compact .product-dialog-card{width:100%;max-width:100vw;max-height:94dvh;border-width:1px 0 0;border-radius:28px 28px 0 0;padding-bottom:env(safe-area-inset-bottom)}.product-dialog-variant-poll-compact .product-dialog-body{max-height:94dvh}.poll-compact-form{min-width:0;gap:12px;padding:0 14px 14px}.poll-composer-hero{grid-template-columns:50px minmax(0,1fr);margin-inline:-14px;padding:18px 52px 17px 14px}.poll-composer-orb{width:50px;height:50px;border-radius:17px}.poll-composer-hero>em{display:none}.poll-composer-hero h3{font-size:.96rem}.poll-compact-settings{gap:6px}.poll-compact-settings>label{min-height:54px;padding:7px}.poll-compact-settings>label>span>i{display:none}.poll-composer-ready>i{display:none}.poll-composer-publish{gap:7px}.poll-compact-submit{min-width:122px}.message-poll-card{width:min(360px,calc(100vw - 56px));min-width:250px!important;padding:13px!important;border-radius:20px!important}.message-poll-card h4{font-size:.8rem!important}.message-poll-card .poll-option{min-height:44px!important}.poll-option-copy>b{font-size:.61rem}}
@media(max-width:380px){.poll-compact-settings{grid-template-columns:1fr}.poll-compact-settings>label>span>i{display:grid}.poll-composer-ready{display:none}.poll-composer-publish{grid-template-columns:1fr}.poll-compact-submit{width:100%}.message-poll-card{width:calc(100vw - 48px);min-width:230px!important}.poll-card-title small{display:none}}
@media(prefers-reduced-motion:reduce){.poll-composer-hero>em i,.poll-card-live i,.poll-option.is-pending .poll-option-pulse{animation:none}.message-poll-card,.message-poll-card .poll-option,.poll-option-fill{transition:none!important}}

/* Polls float in the timeline like stickers: the poll is the content, not a bubble inside a bubble. */
.poll-composer-hero{grid-template-columns:58px minmax(0,1fr)}
.poll-card-head{grid-template-columns:38px minmax(0,1fr)}
#chat-view .message-type-poll .message-bubble,
#chat-view .message-type-poll.sent .message-bubble,
#chat-view .message-type-poll.received .message-bubble{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
#chat-view .message-type-poll .message-bubble::before,
#chat-view .message-type-poll .message-bubble::after{display:none!important;content:none!important}
#chat-view .message-type-poll .message-meta{width:max-content;margin-top:-2px;padding:3px 8px;border:1px solid rgba(255,255,255,.07);border-radius:999px;background:rgba(11,13,23,.5);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}
#chat-view .message-type-poll.sent .message-meta{margin-left:auto}#chat-view .message-type-poll.received .message-meta{margin-right:auto}
@media(max-width:760px){.poll-composer-hero{grid-template-columns:50px minmax(0,1fr)}}