:root{
  --bg:#f5f7fb;--surface:#fff;--text:#0f172a;--muted:#64748b;--primary:#4f46e5;--primary-dark:#3730a3;--border:#dbe3ef;--soft:#eef2ff;--danger:#dc2626;--shadow:0 24px 70px rgba(15,23,42,.08);--radius:28px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at top left,#eef2ff,transparent 34rem),linear-gradient(180deg,#f8fafc,#eef4fb);color:var(--text)}a{color:inherit}.skip-link{position:fixed;left:16px;top:12px;z-index:2000;transform:translateY(-150%);padding:12px 16px;border-radius:999px;background:#0f172a;color:#fff;font-weight:900;text-decoration:none}.skip-link:focus{transform:translateY(0)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(219,227,239,.86)}.nav-container{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:13px 0;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:0}.brand img{width:44px;height:44px;border-radius:14px;flex:0 0 44px}.brand strong{display:block;font-size:1.22rem;line-height:1;color:#0f172a;letter-spacing:-.035em}.brand small{display:block;margin-top:4px;color:var(--muted);font-weight:780;font-size:.86rem;white-space:nowrap}.site-nav{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.site-nav a{min-height:44px;padding:12px 15px;border-radius:999px;text-decoration:none;font-weight:880;color:#334155;line-height:1}.site-nav a:hover,.site-nav a:focus-visible{background:#eef2ff;color:#312e81;outline:none}.site-nav .nav-cta{background:#fff;border:1px solid var(--border);box-shadow:0 10px 28px -24px rgba(15,23,42,.5)}main{width:min(1180px,calc(100% - 32px));margin:0 auto}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-top:28px;padding:34px 38px;border:1px solid var(--border);border-radius:34px;background:linear-gradient(135deg,#fff,#f8fbff);box-shadow:var(--shadow);overflow:hidden}.hero h1{font-size:clamp(2.15rem,5vw,4.7rem);line-height:.96;letter-spacing:-.065em;margin:0 0 18px}.hero p{max-width:740px;color:#52637a;font-size:1.08rem;line-height:1.65;font-weight:720;margin:0}.eyebrow{margin:0 0 10px!important;text-transform:uppercase;letter-spacing:.12em;color:var(--primary);font-weight:950;font-size:.78rem}.hero-actions,.hero-mini-grid{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.hero-mini-grid span{border:1px solid #dbe3ef;background:#fff;border-radius:999px;padding:9px 12px;color:#334155;font-weight:850;font-size:.9rem}.button{appearance:none;border:1px solid var(--border);background:#fff;color:#172033;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:999px;padding:13px 18px;font:inherit;font-weight:900;text-decoration:none;cursor:pointer;transition:.15s ease;white-space:nowrap}.button:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(15,23,42,.08)}.button:disabled{opacity:.52;cursor:not-allowed;transform:none;box-shadow:none}.button.primary{background:linear-gradient(135deg,var(--primary),#2563eb);color:#fff;border-color:#3730a3}.button.secondary{background:#fff;color:#312e81;border-color:#c7d2fe}.button.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#b91c1c}.privacy-card{min-width:250px;border:1px solid #c7d2fe;border-radius:26px;background:#fff;padding:20px;box-shadow:0 18px 45px rgba(79,70,229,.08)}.privacy-card strong{display:block;font-size:1.1rem}.privacy-card span{display:block;margin-top:6px;color:var(--muted);font-weight:760}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin:24px 0 70px}.tool-card{display:grid;gap:10px;min-height:220px;text-decoration:none;background:#fff;border:1px solid var(--border);border-radius:28px;padding:26px;box-shadow:0 16px 42px rgba(15,23,42,.06)}.tool-card span,.promo-box span{color:var(--primary);text-transform:uppercase;letter-spacing:.11em;font-size:.75rem;font-weight:950}.tool-card h2{font-size:1.55rem;margin:0}.tool-card p{margin:0;color:var(--muted);line-height:1.55;font-weight:700}.tool-card strong{margin-top:auto;color:var(--primary-dark)}
.recorder-shell{margin:22px 0 70px;padding:24px;border:1px solid var(--border);border-radius:34px;background:rgba(255,255,255,.9);box-shadow:var(--shadow)}.recorder-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.status-row{display:flex;align-items:center;gap:12px;min-width:0}.status-row strong{display:block;font-weight:950}.status-row small{display:block;margin-top:2px;color:#64748b;font-weight:750;line-height:1.3}.status-dot{width:13px;height:13px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 6px rgba(34,197,94,.12);flex:0 0 13px}.status-dot.is-recording{background:#ef4444;box-shadow:0 0 0 6px rgba(239,68,68,.14);animation:pulse 1.2s infinite}.duration-pill{border:1px solid #dbe3ef;border-radius:999px;background:#fff;padding:10px 13px;font-weight:950;color:#0f172a;white-space:nowrap}.control-panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.control-panel .button{width:100%}.wave-card{position:relative;border:1px solid #dbe3ef;border-radius:26px;background:linear-gradient(180deg,#f8fafc,#fff);overflow:hidden}.wave-card canvas{display:block;width:100%;height:280px;touch-action:none}.selection-help{position:absolute;left:16px;bottom:14px;border:1px solid #dbe3ef;border-radius:999px;background:rgba(255,255,255,.9);padding:8px 12px;color:#64748b;font-size:.86rem;font-weight:800}.edit-card{display:grid;grid-template-columns:minmax(110px,140px) minmax(110px,140px) minmax(220px,1fr) auto;gap:12px;margin-top:16px;align-items:end}.edit-card label{display:grid;gap:7px;color:#334155;font-weight:900}.input{width:100%;height:48px;border:1px solid var(--border);border-radius:16px;padding:0 14px;font:inherit;font-weight:800;background:#fff}.two-column-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.import-card,.download-card,.promo-box{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--border);border-radius:24px;background:#f8fafc;padding:18px;min-width:0}.import-card p,.download-card p,.promo-box p{margin:4px 0 0;color:var(--muted);font-weight:720;line-height:1.45}.file-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 18px;border-radius:999px;border:1px solid #c7d2fe;background:#fff;color:#312e81;font-weight:900;cursor:pointer;white-space:nowrap}#fileInput{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}.download-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.promo-box{margin-top:16px;background:linear-gradient(135deg,#eef2ff,#fff)}.promo-box strong{display:block;margin-top:5px;font-size:1.1rem}.site-footer{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 40px;color:var(--muted);font-weight:750;text-align:center}@keyframes pulse{50%{box-shadow:0 0 0 11px rgba(239,68,68,.05)}}
@media(max-width:980px){.nav-container{align-items:flex-start;flex-direction:column}.site-nav{width:100%;justify-content:flex-start}.hero{display:grid;padding:28px}.control-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.edit-card{grid-template-columns:1fr 1fr}.edit-card .button{width:100%}.two-column-row{grid-template-columns:1fr}.download-row{justify-content:flex-start}.privacy-card{min-width:0}}@media(max-width:620px){main,.nav-container,.site-footer{width:calc(100% - 20px)}.brand small{white-space:normal}.site-nav{display:grid;grid-template-columns:1fr;gap:8px}.site-nav a{width:100%;text-align:center;display:flex;align-items:center;justify-content:center}.hero{padding:22px;border-radius:26px}.hero h1{font-size:clamp(2rem,12vw,3.1rem)}.recorder-shell{padding:16px;border-radius:26px}.recorder-topbar{align-items:flex-start;flex-direction:column}.duration-pill{align-self:flex-start}.control-panel,.edit-card{grid-template-columns:1fr}.wave-card canvas{height:220px}.selection-help{position:static;border-radius:0;border-left:0;border-right:0;border-bottom:0}.import-card,.download-card,.promo-box{align-items:stretch;flex-direction:column}.file-button,.download-row .button,.promo-box .button{width:100%}.download-row{width:100%}}


/* v3 live recording waveform */
.status-dot.is-recording + div strong{color:#991b1b}.wave-card:has(.selection-help){isolation:isolate}.is-busy .wave-card{opacity:.92}.recorder-shell:has(.status-dot.is-recording) .wave-card{border-color:#fecaca;box-shadow:0 20px 50px rgba(239,68,68,.08)}

/* v5 calculator suite + calmer live waveform */
.tool-hero h1{max-width:980px}.calculator-shell{margin:22px 0 70px;padding:24px;border:1px solid var(--border);border-radius:34px;background:rgba(255,255,255,.92);box-shadow:var(--shadow);display:grid;gap:18px}.calculator-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.calculator-grid label{display:grid;gap:8px;color:#334155;font-weight:900;min-width:0}.calculator-grid .input{height:56px;border-radius:18px;background:#fff}.result-card{border:1px solid #dbe3ef;border-radius:26px;background:linear-gradient(135deg,#eef2ff,#fff);padding:22px;box-shadow:0 18px 44px rgba(79,70,229,.08)}.result-card span{display:block;color:var(--primary);text-transform:uppercase;letter-spacing:.11em;font-size:.76rem;font-weight:950;margin-bottom:8px}.result-card strong{display:block;font-size:clamp(1.9rem,4vw,3.2rem);line-height:1;letter-spacing:-.05em;color:#0f172a;overflow-wrap:anywhere}.result-card p{margin:12px 0 0;color:#52637a;font-weight:780;line-height:1.5}.result-card-wide strong{font-size:clamp(1rem,2.2vw,1.55rem);line-height:1.3}.tool-note{margin:0;border:1px solid #fde68a;border-radius:18px;background:#fff7ed;color:#92400e;padding:14px 16px;font-weight:780;line-height:1.45}.break-anywhere{overflow-wrap:anywhere;word-break:break-word}.tool-card:hover,.tool-card:focus-visible{transform:translateY(-2px);border-color:#c7d2fe;box-shadow:0 24px 54px rgba(79,70,229,.10);outline:none}.recorder-shell:has(.status-dot.is-recording) .selection-help{color:#991b1b;background:rgba(255,255,255,.94);border-color:#fecaca}@media(max-width:980px){.calculator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.calculator-shell{padding:16px;border-radius:26px}.calculator-grid{grid-template-columns:1fr}.result-card{border-radius:22px;padding:18px}}


/* v6 SEO landing blocks for indexable one-page tools */
.tool-grid-large{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}
.seo-text-card,.tool-info-grid article,.faq-section{border:1px solid var(--border);border-radius:28px;background:rgba(255,255,255,.92);box-shadow:0 16px 42px rgba(15,23,42,.055);padding:24px;margin-bottom:24px}.seo-text-card h2,.tool-info-grid h2,.faq-section h2{margin:0 0 10px;font-size:clamp(1.35rem,2.4vw,2rem);letter-spacing:-.035em}.seo-text-card p,.tool-info-grid p{margin:0;color:#52637a;font-weight:740;line-height:1.65}.tool-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.faq-section{display:grid;gap:12px}.faq-list{display:grid;gap:10px}.faq-list details{border:1px solid #dbe3ef;border-radius:18px;background:#fff;overflow:hidden}.faq-list summary{cursor:pointer;padding:15px 17px;font-weight:950;color:#0f172a;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';float:right;color:var(--primary);font-weight:950}.faq-list details[open] summary::after{content:'−'}.faq-list details p{margin:0;padding:0 17px 16px;color:#64748b;line-height:1.55;font-weight:740}@media(max-width:820px){.tool-info-grid{grid-template-columns:1fr}}

/* v7 ShareSecret */
.sharesecret-hero .hero-mini-grid span{background:#fff;border-color:#c7d2fe;color:#312e81}.sharesecret-shell{margin:22px 0 70px;display:grid;gap:18px}.sharesecret-card{border:1px solid var(--border);border-radius:34px;background:rgba(255,255,255,.94);box-shadow:var(--shadow);padding:26px}.main-share-card{display:grid;gap:18px}.sharesecret-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.sharesecret-head h2,.reveal-card h1{font-size:clamp(1.8rem,4vw,3.2rem);line-height:1;letter-spacing:-.055em;margin:0}.mode-switch{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid #c7d2fe;border-radius:999px;background:#eef2ff;padding:5px;min-width:320px;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}.mode-btn{position:relative;z-index:2;border:0;background:transparent;min-height:42px;border-radius:999px;font:inherit;font-weight:950;color:#475569;cursor:pointer;padding:0 16px;white-space:nowrap}.mode-btn.is-active{color:#fff}.mode-pill{position:absolute;z-index:1;left:5px;top:5px;bottom:5px;width:calc((100% - 10px) / 2);border-radius:999px;background:linear-gradient(135deg,var(--primary),#2563eb);box-shadow:0 10px 26px rgba(79,70,229,.22);transition:left .22s ease,width .22s ease}.is-text-mode .mode-pill{left:calc(5px + ((100% - 10px) / 2));width:calc((100% - 10px) / 2)}.mode-copy{border:1px solid #dbe3ef;background:linear-gradient(135deg,#f8fafc,#fff);border-radius:22px;padding:16px 18px;color:#52637a;font-weight:780;line-height:1.55}.share-label{display:grid;gap:9px;font-weight:950;color:#172033}.share-textarea{width:100%;min-height:180px;resize:vertical;border:1px solid var(--border);border-radius:24px;background:#fff;padding:16px 18px;font:inherit;font-weight:760;line-height:1.55;box-sizing:border-box}.share-textarea:focus,.input:focus{outline:3px solid rgba(79,70,229,.15);border-color:#818cf8}.share-meta-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#64748b;font-weight:830;font-size:.92rem}.share-meta-row .is-over{color:#dc2626}.share-options-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.share-options-grid label{display:grid;gap:8px;color:#334155;font-weight:950}.share-action-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.share-status{color:#52637a;font-weight:840;line-height:1.35}.share-result{border:1px solid #bbf7d0;border-radius:24px;background:linear-gradient(135deg,#f0fdf4,#fff);padding:18px}.share-result strong{display:block;font-size:1.1rem;color:#166534}.share-result p{margin:6px 0 14px;color:#64748b;font-weight:760;line-height:1.45}.copy-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.trust-grid article{border:1px solid #dbe3ef;border-radius:24px;background:#fff;padding:20px;box-shadow:0 16px 42px rgba(15,23,42,.055)}.trust-grid strong{display:block;color:#0f172a;font-size:1.05rem;margin-bottom:7px}.trust-grid p{margin:0;color:#64748b;font-weight:750;line-height:1.55}.share-faq{margin-top:0}.view-shell{max-width:980px}.reveal-card{display:grid;gap:18px}.reveal-copy{margin:0;color:#52637a;font-weight:780;line-height:1.6;max-width:780px}.masked-secret{border:1px solid #c7d2fe;border-radius:24px;background:linear-gradient(135deg,#eef2ff,#fff);padding:28px;font-size:clamp(1.5rem,4vw,2.8rem);letter-spacing:.08em;color:#312e81;font-weight:950;text-align:center;filter:blur(.2px);user-select:none}.revealed-secret{border:1px solid #bbf7d0;border-radius:24px;background:#f0fdf4;overflow:hidden}.reveal-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #bbf7d0;background:#fff}.revealed-secret pre{margin:0;padding:18px;white-space:pre-wrap;word-break:break-word;color:#0f172a;font:inherit;font-weight:780;line-height:1.6;max-height:520px;overflow:auto}.compact-trust article{box-shadow:none}.site-nav a[href="/sharesecret"]{color:#312e81;background:#eef2ff;border-color:#c7d2fe}@media(max-width:860px){.sharesecret-head{align-items:stretch;flex-direction:column}.mode-switch{min-width:0;width:100%}.share-options-grid,.trust-grid{grid-template-columns:1fr}.copy-row{grid-template-columns:1fr}.copy-row .button{width:100%}}@media(max-width:620px){.sharesecret-card{padding:18px;border-radius:26px}.share-textarea{min-height:150px;border-radius:20px}.share-meta-row{align-items:flex-start;flex-direction:column}.mode-btn{padding:0 10px;font-size:.92rem}.masked-secret{padding:20px;font-size:1.35rem}.trust-grid article{border-radius:20px}}

/* v9 landing tool search */
.tool-search-card{margin:22px 0 6px;border:1px solid #c7d2fe;border-radius:30px;background:linear-gradient(135deg,#eef2ff,#fff 58%,#f8fafc);box-shadow:0 18px 50px rgba(79,70,229,.08);padding:22px;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:20px;align-items:center}.tool-search-copy h2{margin:0 0 8px;font-size:clamp(1.45rem,2.6vw,2.2rem);line-height:1.05;letter-spacing:-.04em}.tool-search-copy p:not(.eyebrow){margin:0;color:#52637a;font-weight:760;line-height:1.55;max-width:680px}.tool-search-form{display:grid;gap:9px}.tool-search-form label{color:#172033;font-weight:950}.tool-search-input-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.tool-search-input{height:58px;border-radius:999px;padding-inline:18px;background:#fff;border-color:#c7d2fe;box-shadow:0 12px 34px rgba(79,70,229,.08)}.tool-search-input::-webkit-search-cancel-button{display:none}.tool-search-clear{min-height:58px}.tool-search-help{margin:0;color:#64748b;font-weight:820;line-height:1.4}.tool-search-empty{margin:-46px 0 60px;border:1px dashed #c7d2fe;border-radius:24px;background:rgba(255,255,255,.9);padding:22px;text-align:center;color:#52637a;font-weight:760}.tool-search-empty strong{display:block;color:#0f172a;font-size:1.08rem;margin-bottom:6px}.tool-search-empty p{margin:0}@media(max-width:860px){.tool-search-card{grid-template-columns:1fr}.tool-search-input-wrap{grid-template-columns:1fr}.tool-search-clear{width:100%}}@media(max-width:620px){.tool-search-card{padding:18px;border-radius:24px}.tool-search-input{height:54px}.tool-search-empty{margin:-46px 0 54px}}
[hidden]{display:none!important}.tool-search-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin:-48px 0 60px;color:#52637a;font-weight:850}.tool-search-pagination span{min-width:120px;text-align:center}.tool-search-pagination .button{min-height:44px;padding:10px 16px}@media(max-width:620px){.tool-search-pagination{margin:-44px 0 54px;gap:8px}.tool-search-pagination span{min-width:auto;font-size:.92rem}.tool-search-pagination .button{padding:10px 14px}}

/* recorder layout refinement */
.recorder-hero{align-items:flex-start;padding:42px 44px}
.recorder-hero>div{flex:1 1 auto;max-width:1080px}
.recorder-hero h1{max-width:1120px;font-size:clamp(2.5rem,6vw,5rem);text-wrap:balance}
.recorder-hero p{max-width:920px;font-size:1.12rem}
.recorder-shell{display:grid;gap:18px}
.recorder-shell>.recorder-topbar,.recorder-shell>.control-panel,.recorder-shell>.wave-card,.recorder-shell>.edit-card,.recorder-shell>.two-column-row,.recorder-shell>.faq-section,.recorder-shell>.promo-box{margin-top:0!important;margin-bottom:0!important}
.recorder-shell>.faq-section{margin-top:6px!important}
@media(max-width:980px){.recorder-hero{padding:32px}.recorder-hero h1{max-width:none}}
@media(max-width:620px){.recorder-hero{padding:24px}.recorder-hero p{font-size:1.02rem}}

/* v12 Jira/YouTrack migration tool */
.migration-shell{margin:22px 0 70px;display:grid;gap:18px}.migration-card,.migration-result,.migration-privacy-card{border:1px solid var(--border);border-radius:34px;background:rgba(255,255,255,.94);box-shadow:var(--shadow);padding:24px}.migration-privacy-card{border-color:#bbf7d0;background:linear-gradient(135deg,#f0fdf4,#fff)}.migration-privacy-card strong{display:block;color:#166534;font-size:1.1rem;margin-bottom:6px}.migration-privacy-card p{margin:0;color:#475569;font-weight:760;line-height:1.6}.migration-card-head,.migration-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.migration-card h2,.migration-result h2{margin:0 0 14px;font-size:clamp(1.45rem,3vw,2.25rem);letter-spacing:-.045em;line-height:1.05}.migration-card label{display:grid;gap:8px;color:#334155;font-weight:950;margin-top:12px}.migration-pill{display:inline-flex;align-items:center;min-height:36px;border:1px solid #c7d2fe;border-radius:999px;background:#eef2ff;color:#312e81;padding:8px 12px;font-weight:950;font-size:.9rem;white-space:nowrap}.migration-direction{display:grid;grid-template-columns:1fr 1fr;gap:12px}.migration-choice{margin:0!important;display:flex!important;flex-direction:row!important;align-items:flex-start;gap:12px;border:1px solid #dbe3ef;border-radius:22px;background:#fff;padding:16px;cursor:pointer}.migration-choice input{margin-top:5px;accent-color:var(--primary)}.migration-choice strong{display:block;color:#0f172a}.migration-choice small{display:block;color:#64748b;font-weight:740;line-height:1.45;margin-top:3px}.migration-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.migration-options-grid{display:grid;grid-template-columns:minmax(160px,240px) 1fr 1fr;gap:14px;align-items:end}.migration-checkbox{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px;border:1px solid #dbe3ef;border-radius:18px;background:#f8fafc;padding:14px 16px;min-height:56px}.migration-checkbox input{accent-color:var(--primary);width:18px;height:18px}.migration-action-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px}.share-status.is-error{color:#dc2626}.migration-warning-list{display:grid;gap:8px;margin-bottom:14px}.migration-warning{border:1px solid #fde68a;border-radius:16px;background:#fffbeb;color:#92400e;padding:12px 14px;font-weight:780;line-height:1.45}.migration-error{border:1px solid #fecaca;border-radius:18px;background:#fef2f2;color:#991b1b;padding:16px;font-weight:850}.migration-check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.migration-check-grid article{border:1px solid #dbe3ef;border-radius:20px;background:#fff;padding:16px}.migration-check-grid strong{display:block;color:#0f172a}.migration-check-grid p{margin:6px 0 0;color:#64748b;font-weight:760;line-height:1.45}.migration-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #dbe3ef;border-radius:18px;background:#f8fafc;padding:14px 16px;margin-bottom:12px}.migration-summary strong{color:#0f172a}.migration-summary span{color:#64748b;font-weight:760}.migration-table-wrap{overflow:auto;border:1px solid #dbe3ef;border-radius:20px;background:#fff}.migration-table{width:100%;border-collapse:collapse;min-width:720px}.migration-table th,.migration-table td{padding:12px 14px;border-bottom:1px solid #eef2f7;text-align:left;vertical-align:top}.migration-table th{background:#f8fafc;color:#334155;font-size:.86rem;text-transform:uppercase;letter-spacing:.08em}.migration-table td{color:#0f172a;font-weight:760}.migration-table small{color:#dc2626;font-weight:780}.migration-faq{margin-top:0}.site-nav a[href="/jira-youtrack-migration"]{color:#312e81;background:#eef2ff;border-color:#c7d2fe}@media(max-width:900px){.migration-grid,.migration-direction,.migration-options-grid{grid-template-columns:1fr}.migration-card-head,.migration-result-head,.migration-summary{align-items:flex-start;flex-direction:column}.migration-pill{white-space:normal}.migration-action-row .button{width:100%}}@media(max-width:620px){.migration-card,.migration-result,.migration-privacy-card{padding:18px;border-radius:26px}.migration-choice{border-radius:18px}.migration-action-row{align-items:stretch;flex-direction:column}.migration-action-row .button{width:100%}}

/* v13 lead tools: SEO checks and calculators */
.lead-tool-hero{align-items:flex-start}.lead-check-shell{margin:22px 0 70px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:18px;align-items:start}.lead-check-card,.lead-result-card,.lead-content-grid article,.related-tool-card{border:1px solid var(--border);border-radius:34px;background:rgba(255,255,255,.94);box-shadow:var(--shadow);padding:24px}.lead-check-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.lead-check-head h2,.related-tool-card h2,.lead-content-grid h2{margin:0;font-size:clamp(1.45rem,3vw,2.35rem);line-height:1.05;letter-spacing:-.045em}.lead-check-head p:not(.eyebrow){margin:8px 0 0;color:#52637a;font-weight:760;line-height:1.55}.lead-check-badge{display:inline-flex;align-items:center;min-height:38px;border:1px solid #c7d2fe;border-radius:999px;background:#eef2ff;color:#312e81;padding:8px 12px;font-weight:950;white-space:nowrap}.lead-question-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.lead-question{display:grid;gap:8px;color:#334155;font-weight:950}.lead-question span{line-height:1.25}.lead-question small{color:#64748b;font-weight:740;line-height:1.4}.lead-question select.input{appearance:none;background:#fff linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%);background-position:calc(100% - 18px) 22px,calc(100% - 13px) 22px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:34px}.lead-result-card{position:sticky;top:92px;display:grid;gap:14px;background:linear-gradient(135deg,#eef2ff,#fff 54%,#f8fafc)}.lead-result-card>span{display:block;color:var(--primary);text-transform:uppercase;letter-spacing:.11em;font-size:.76rem;font-weight:950}.lead-result-card strong{display:block;font-size:clamp(2rem,4vw,3.5rem);line-height:1;letter-spacing:-.055em;color:#0f172a}.lead-result-card p{margin:0;color:#52637a;font-weight:780;line-height:1.5}.lead-result-meter{height:12px;border:1px solid #c7d2fe;border-radius:999px;background:#fff;overflow:hidden}.lead-result-meter i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#22c55e,#f59e0b,#ef4444);transition:width .18s ease}.lead-result-list{border:1px solid #dbe3ef;border-radius:22px;background:#fff;padding:16px;color:#334155}.lead-result-list b{display:block;color:#0f172a;margin-bottom:8px}.lead-result-list ul{margin:0;padding-left:20px;display:grid;gap:6px}.lead-result-list li{font-weight:760;line-height:1.45}.lead-result-actions{display:flex;gap:10px;flex-wrap:wrap}.lead-result-actions .button{min-height:44px;padding:11px 15px}.lead-content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 22px}.lead-content-grid article{box-shadow:0 16px 42px rgba(15,23,42,.055)}.lead-content-grid p,.lead-seo-card p{color:#52637a;font-weight:760;line-height:1.65}.lead-content-grid p{margin:12px 0 0}.lead-seo-card{margin-top:0}.related-tool-card{margin:22px 0;display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:18px;align-items:center}.related-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.related-tool-grid a{display:grid;gap:6px;text-decoration:none;border:1px solid #dbe3ef;border-radius:20px;background:#fff;padding:16px}.related-tool-grid a:hover,.related-tool-grid a:focus-visible{border-color:#c7d2fe;background:#eef2ff;outline:none}.related-tool-grid strong{color:#0f172a}.related-tool-grid span{color:#64748b;font-weight:740;line-height:1.4}.lead-faq{margin-top:22px}.lead-final-cta{margin:22px 0 70px}.site-nav a[href="/excel-chaos-rechner"]{color:#312e81;background:#eef2ff;border-color:#c7d2fe}@media(max-width:980px){.lead-check-shell{grid-template-columns:1fr}.lead-result-card{position:static}.lead-content-grid{grid-template-columns:1fr}.related-tool-card{grid-template-columns:1fr}.related-tool-grid{grid-template-columns:1fr}}@media(max-width:720px){.lead-question-grid{grid-template-columns:1fr}.lead-check-head{flex-direction:column}.lead-check-card,.lead-result-card,.lead-content-grid article,.related-tool-card{padding:18px;border-radius:26px}.lead-result-actions{align-items:stretch;flex-direction:column}.lead-result-actions .button{width:100%}.lead-final-cta .button{width:100%}}

/* v14 organigramm generator */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.button.danger-soft{border-color:#fecaca;background:#fef2f2;color:#991b1b}.button.danger-soft:hover,.button.danger-soft:focus-visible{background:#fee2e2;border-color:#fca5a5}.org-tool-hero{align-items:flex-start}.org-shell{margin:22px 0 70px;display:grid;grid-template-columns:minmax(360px,.92fr) minmax(0,1.08fr);gap:18px;align-items:start}.org-panel,.org-preview-card,.org-import-card,.org-people-card{border:1px solid var(--border);border-radius:34px;background:rgba(255,255,255,.94);box-shadow:var(--shadow);padding:24px}.org-panel{display:grid;gap:18px}.org-panel-head,.org-preview-head,.org-people-head,.org-import-card{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.org-panel-head h2,.org-preview-head h2,.org-content-grid h2{margin:0;font-size:clamp(1.45rem,3vw,2.35rem);line-height:1.05;letter-spacing:-.045em}.org-panel-head p:not(.eyebrow),.org-import-card p{margin:8px 0 0;color:#52637a;font-weight:760;line-height:1.55}.org-form{display:grid;gap:16px}.org-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.org-form-grid label{display:grid;gap:8px;color:#334155;font-weight:950}.org-form-grid select.input{appearance:none;background:#fff linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%);background-position:calc(100% - 18px) 22px,calc(100% - 13px) 22px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:34px}.org-action-row,.org-export-grid{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.org-action-row .button,.org-export-grid .button{min-height:44px;padding:11px 15px}.org-import-card{box-shadow:0 16px 42px rgba(15,23,42,.055);align-items:center}.org-import-card h3,.org-people-head h3{margin:0;font-size:1.1rem;letter-spacing:-.02em}.org-import-card code{border:1px solid #dbe3ef;border-radius:7px;background:#f8fafc;padding:2px 5px;color:#334155}.org-file-button{cursor:pointer;text-align:center;white-space:nowrap}.org-people-card{box-shadow:0 16px 42px rgba(15,23,42,.055);padding:18px}.org-people-head{align-items:center;margin-bottom:12px}.org-people-head span{color:#64748b;font-weight:900}.org-person-list{display:grid;gap:10px;max-height:460px;overflow:auto;padding-right:2px}.org-empty{margin:0;color:#64748b;font-weight:760;line-height:1.55}.org-person-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border:1px solid #dbe3ef;border-radius:20px;background:#fff;padding:14px}.org-person-item strong,.org-person-item span,.org-person-item small{display:block}.org-person-item strong{color:#0f172a;font-size:1rem}.org-person-item span{margin-top:4px;color:#334155;font-weight:780;line-height:1.35}.org-person-item small{margin-top:3px;color:#64748b;font-weight:740}.org-person-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.org-person-actions .button{min-height:38px;padding:8px 10px;font-size:.88rem}.org-preview-card{position:sticky;top:92px;display:grid;gap:14px;background:linear-gradient(135deg,#eef2ff,#fff 46%,#f8fafc)}.org-status{display:inline-flex;align-items:center;min-height:36px;border:1px solid #bbf7d0;border-radius:999px;background:#f0fdf4;color:#166534;padding:8px 12px;font-weight:950;white-space:nowrap}.org-status.is-problem{border-color:#fecaca;background:#fef2f2;color:#991b1b}.org-warning-list{display:grid;gap:8px}.org-warning{border:1px solid #fde68a;border-radius:16px;background:#fffbeb;color:#92400e;padding:11px 13px;font-weight:780;line-height:1.45}.org-warning.is-error{border-color:#fecaca;background:#fef2f2;color:#991b1b}.org-canvas-wrap{overflow:auto;border:1px solid #dbe3ef;border-radius:26px;background:#fff;padding:12px;min-height:420px}.org-canvas{min-width:620px}.org-canvas svg{display:block;width:100%;height:auto}.org-export-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.org-export-grid .button{width:100%}.org-content-grid{margin-top:0}.site-nav a[href="/organigramm-generator"]{color:#312e81;background:#eef2ff;border-color:#c7d2fe}@media(max-width:1080px){.org-shell{grid-template-columns:1fr}.org-preview-card{position:static}.org-person-list{max-height:none}}@media(max-width:760px){.org-form-grid,.org-export-grid{grid-template-columns:1fr}.org-panel,.org-preview-card{padding:18px;border-radius:26px}.org-panel-head,.org-preview-head,.org-import-card,.org-person-item{flex-direction:column}.org-action-row{align-items:stretch;flex-direction:column}.org-action-row .button,.org-file-button{width:100%}.org-canvas-wrap{min-height:340px}.org-canvas{min-width:540px}}
@media print{body{background:#fff}.site-header,.site-footer,.skip-link,.org-panel,.org-export-grid,.org-warning-list,.tool-note,.lead-content-grid,.seo-text-card,.related-tool-card,.faq-section,.promo-box,.hero{display:none!important}.org-shell{display:block;margin:0}.org-preview-card{box-shadow:none;border:0;padding:0;background:#fff}.org-preview-head{margin-bottom:10px}.org-canvas-wrap{border:0;padding:0;overflow:visible}.org-canvas{min-width:0}.org-canvas svg{width:100%;max-height:92vh}.org-status{display:none}}

.team-tool-hero{align-items:flex-start}.team-tool-shell{margin:22px 0 70px;display:grid;grid-template-columns:minmax(360px,.95fr) minmax(0,1.05fr);gap:18px;align-items:start}.team-tool-panel,.team-preview-card,.team-seo-card{border:1px solid var(--border);border-radius:34px;background:rgba(255,255,255,.94);box-shadow:var(--shadow);padding:24px}.team-tool-panel{display:grid;gap:18px}.team-tool-head,.team-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.team-tool-head h2,.team-preview-head h2,.team-content-grid h2{margin:0;font-size:clamp(1.45rem,3vw,2.35rem);line-height:1.05;letter-spacing:-.045em}.team-tool-head p:not(.eyebrow){margin:8px 0 0;color:#52637a;font-weight:760;line-height:1.55}.team-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.team-form-grid label{display:grid;gap:8px;color:#334155;font-weight:950}.team-form-grid small{color:#64748b;font-weight:740;line-height:1.4}.team-form-grid code{border:1px solid #dbe3ef;border-radius:7px;background:#f8fafc;padding:2px 5px;color:#334155}.team-form-grid textarea.input{min-height:120px;line-height:1.45;resize:vertical}.team-form-grid select.input{appearance:none;background:#fff linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%);background-position:calc(100% - 18px) 22px,calc(100% - 13px) 22px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:34px}.team-form-wide{grid-column:1/-1}.team-action-row,.team-export-grid{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.team-action-row .button,.team-export-grid .button,.team-file-button{min-height:44px;padding:11px 15px}.team-file-button{cursor:pointer;text-align:center;white-space:nowrap}.team-preview-card{position:sticky;top:92px;display:grid;gap:14px;background:linear-gradient(135deg,#eef2ff,#fff 48%,#f8fafc)}.team-status{display:inline-flex;align-items:center;min-height:36px;border:1px solid #bbf7d0;border-radius:999px;background:#f0fdf4;color:#166534;padding:8px 12px;font-weight:950;white-space:nowrap}.team-status.is-problem{border-color:#fecaca;background:#fef2f2;color:#991b1b}.team-warning-list{display:grid;gap:8px}.team-warning{border:1px solid #fde68a;border-radius:16px;background:#fffbeb;color:#92400e;padding:11px 13px;font-weight:780;line-height:1.45}.team-warning.is-error{border-color:#fecaca;background:#fef2f2;color:#991b1b}.team-canvas-wrap{overflow:auto;border:1px solid #dbe3ef;border-radius:26px;background:#fff;padding:14px;min-height:420px}.team-report{min-width:620px;color:#0f172a}.team-report h3{margin:0;font-size:1.55rem;letter-spacing:-.035em}.team-report p{margin:8px 0;color:#52637a;font-weight:760;line-height:1.5}.team-report small{display:block;margin:4px 0 14px;color:#64748b;font-weight:740}.team-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 16px}.team-kpi{border:1px solid #dbe3ef;border-radius:18px;background:#f8fafc;padding:12px}.team-kpi strong{display:block;font-size:1.65rem;line-height:1;color:#312e81}.team-kpi span{display:block;margin-top:5px;color:#64748b;font-weight:850}.team-table-scroll{overflow:auto;border:1px solid #e2e8f0;border-radius:18px}.team-result-table{width:100%;border-collapse:collapse;background:#fff;font-size:.92rem}.team-result-table th,.team-result-table td{border-bottom:1px solid #e2e8f0;padding:10px 12px;text-align:left;vertical-align:top;white-space:nowrap}.team-result-table th{background:#eef2ff;color:#312e81;font-weight:950}.team-result-table tr:nth-child(even) td{background:#f8fafc}.team-export-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.team-export-grid .button{width:100%}.team-content-grid{margin-top:0}.team-seo-card{margin:0 0 22px}.team-seo-card p{color:#52637a;font-weight:760;line-height:1.65}.site-nav a[href="/urlaubsplaner-besetzungsminimum"],.site-nav a[href="/schichtplan-generator-kostenlos"],.site-nav a[href="/team-aushang-generator"],.site-nav a[href="/brueckentage-planer"],.site-nav a[href="/rollen-rechte-matrix"]{color:#312e81;background:#eef2ff;border-color:#c7d2fe}@media(max-width:1080px){.team-tool-shell{grid-template-columns:1fr}.team-preview-card{position:static}}@media(max-width:760px){.team-form-grid,.team-export-grid{grid-template-columns:1fr}.team-tool-panel,.team-preview-card,.team-seo-card{padding:18px;border-radius:26px}.team-tool-head,.team-preview-head{flex-direction:column}.team-action-row{align-items:stretch;flex-direction:column}.team-action-row .button,.team-file-button{width:100%}.team-canvas-wrap{min-height:340px}.team-report{min-width:560px}.team-kpi-grid{grid-template-columns:1fr}}@media print{body{background:#fff}.site-header,.site-footer,.skip-link,.team-tool-panel,.team-export-grid,.team-warning-list,.tool-note,.lead-content-grid,.seo-text-card,.related-tool-card,.faq-section,.promo-box,.hero{display:none!important}.team-tool-shell{display:block;margin:0}.team-preview-card{box-shadow:none;border:0;padding:0;background:#fff}.team-preview-head{margin-bottom:10px}.team-canvas-wrap{border:0;padding:0;overflow:visible}.team-report{min-width:0}.team-status{display:none}}

/* PDF editor */
.pdf-hero { background: linear-gradient(135deg, rgba(37, 99, 235, .10), rgba(14, 165, 233, .08)); }
.pdf-editor-shell { max-width: 1420px; margin: 32px auto; padding: 0 20px; }
.pdf-editor-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, 340px); gap: 20px; align-items: stretch; margin-bottom: 18px; }
.pdf-editor-head h2 { margin: 4px 0 8px; font-size: clamp(1.7rem, 3vw, 2.35rem); }
.pdf-status-card { border: 1px solid rgba(15, 23, 42, .12); background: rgba(255, 255, 255, .92); border-radius: 24px; padding: 18px; box-shadow: 0 18px 50px rgba(15, 23, 42, .08); display: grid; align-content: center; gap: 6px; }
.pdf-status-card strong { color: #0f172a; }
.pdf-status-card span { color: #64748b; font-size: .95rem; }
.pdf-dropzone { border: 2px dashed rgba(37, 99, 235, .35); background: rgba(239, 246, 255, .7); border-radius: 30px; padding: 30px; margin-bottom: 22px; transition: border-color .18s ease, background .18s ease, transform .18s ease; }
.pdf-dropzone.is-dragover { border-color: #2563eb; background: rgba(219, 234, 254, .96); transform: translateY(-2px); }
.pdf-dropzone-label { min-height: 128px; display: grid; place-items: center; gap: 8px; text-align: center; cursor: pointer; color: #1e3a8a; }
.pdf-dropzone-label strong { font-size: clamp(1.25rem, 2vw, 1.65rem); }
.pdf-dropzone-label span { color: #475569; }
.pdf-editor-workspace { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 18px; align-items: start; }
.pdf-sidebar { position: sticky; top: 16px; border: 1px solid rgba(15, 23, 42, .10); background: #fff; border-radius: 24px; padding: 14px; box-shadow: 0 16px 42px rgba(15, 23, 42, .06); }
.pdf-sidebar-title { display: flex; justify-content: space-between; gap: 12px; align-items: center; margin-bottom: 12px; }
.pdf-sidebar-title span { color: #64748b; font-size: .86rem; }
.pdf-thumbs { display: grid; gap: 8px; max-height: 70vh; overflow: auto; padding-right: 2px; }
.pdf-thumb-button { border: 1px solid rgba(15, 23, 42, .10); background: #f8fafc; color: #0f172a; border-radius: 14px; padding: 10px 12px; text-align: left; cursor: pointer; font-weight: 800; }
.pdf-thumb-button:hover, .pdf-thumb-button.is-active { border-color: rgba(37, 99, 235, .45); background: #eff6ff; color: #1d4ed8; }
.pdf-main-panel { min-width: 0; display: grid; gap: 12px; }
.pdf-toolbar, .pdf-formatbar, .pdf-exportbar { border: 1px solid rgba(15, 23, 42, .10); background: rgba(255, 255, 255, .96); border-radius: 22px; padding: 12px; display: flex; flex-wrap: wrap; gap: 10px; align-items: center; box-shadow: 0 14px 36px rgba(15, 23, 42, .06); }
.pdf-toolbar-group { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.pdf-toolbar-compact { margin-left: auto; }
.pdf-formatbar label { display: inline-grid; gap: 4px; font-size: .78rem; color: #64748b; font-weight: 800; }
.pdf-formatbar input[type="number"], .pdf-formatbar select { min-height: 40px; border: 1px solid rgba(15, 23, 42, .14); border-radius: 12px; padding: 0 10px; background: #fff; color: #0f172a; }
.pdf-formatbar input[type="color"] { width: 48px; height: 40px; border: 1px solid rgba(15, 23, 42, .14); border-radius: 12px; background: #fff; padding: 3px; }
.pdf-formatbar input[type="range"] { width: 120px; }
.pdf-viewer-wrap { overflow: auto; max-height: 78vh; background: radial-gradient(circle at top, rgba(226, 232, 240, .8), rgba(241, 245, 249, .96)); border: 1px solid rgba(15, 23, 42, .10); border-radius: 28px; padding: 24px; }
.pdf-canvas-stage { position: relative; margin: 0 auto; background: #fff; box-shadow: 0 26px 70px rgba(15, 23, 42, .22); border-radius: 4px; overflow: hidden; }
.pdf-canvas-stage canvas { display: block; background: #fff; }
.pdf-overlay { position: absolute; inset: 0; z-index: 3; }
.pdf-layer-item { position: absolute; display: block; border: 1px dashed rgba(37, 99, 235, .28); background: transparent; color: #111827; text-align: left; cursor: move; padding: 0; touch-action: none; }
.pdf-layer-item.is-selected { outline: 2px solid #2563eb; outline-offset: 2px; }
.pdf-layer-text { min-height: 20px; padding: 2px 4px; white-space: pre-wrap; overflow: hidden; line-height: 1.2; border-radius: 4px; }
.pdf-layer-image img, .pdf-layer-signature img { width: 100%; height: 100%; object-fit: contain; display: block; pointer-events: none; }
.pdf-layer-whiteout { border: 1px solid rgba(15, 23, 42, .16); }
.pdf-layer-highlight { border: 1px solid rgba(234, 179, 8, .38); mix-blend-mode: multiply; }
.pdf-layer-rectangle { background: transparent; border: 2px solid #2563eb; }
.pdf-layer-line { height: 6px !important; border: 0; background: transparent; }
.pdf-layer-line::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 2px; background: var(--line-color, #111827); transform-origin: left center; transform: rotate(0deg); }
.pdf-resize-handle { position: absolute; right: -7px; bottom: -7px; width: 14px; height: 14px; background: #2563eb; border: 2px solid #fff; border-radius: 50%; box-shadow: 0 4px 12px rgba(15, 23, 42, .25); cursor: nwse-resize; }
.pdf-import-label { display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.signature-panel { position: fixed; inset: 0; z-index: 50; display: grid; place-items: center; padding: 20px; background: rgba(15, 23, 42, .54); }
.signature-card { width: min(840px, 100%); background: #fff; border-radius: 28px; padding: 18px; box-shadow: 0 36px 90px rgba(15, 23, 42, .34); }
.signature-card-head, .signature-actions { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 12px; }
.signature-card canvas { width: 100%; height: 220px; border: 1px solid rgba(15, 23, 42, .14); border-radius: 18px; background: #f8fafc; touch-action: none; }
.feature-list-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.feature-list-grid article { border: 1px solid rgba(15, 23, 42, .10); background: #fff; border-radius: 22px; padding: 18px; }
.feature-list-grid h3 { margin: 0 0 8px; }
@media (max-width: 980px) {
  .pdf-editor-head, .pdf-editor-workspace, .feature-list-grid { grid-template-columns: 1fr; }
  .pdf-sidebar { position: static; }
  .pdf-toolbar-compact { margin-left: 0; }
}

/* v18 full-width Tools shell + safer card text wrapping */
:root{--page-gutter:clamp(16px,3.6vw,72px)}
.nav-container,main,.site-footer{width:calc(100% - (var(--page-gutter) * 2));max-width:none}.hero,.tool-search-card,.seo-text-card,.faq-section,.tool-grid,.tool-grid-large{width:100%}.tool-search-card{margin:28px 0 18px;padding:clamp(22px,2.4vw,34px);grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:clamp(18px,2.4vw,36px);align-items:stretch;overflow:hidden}.tool-search-card>*{min-width:0}.tool-search-copy{min-width:0;display:grid;align-content:center}.tool-search-copy h2,.related-tool-grid strong,.related-tool-grid span,.tool-card h2,.tool-card p{overflow-wrap:anywhere;hyphens:auto}.tool-search-copy h2{max-width:980px}.tool-search-copy p:not(.eyebrow){max-width:980px}.related-tool-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));align-items:stretch}.related-tool-grid a{min-width:0;min-height:138px;padding:clamp(16px,1.6vw,24px);align-content:start}.related-tool-grid strong{font-size:clamp(1.02rem,1.25vw,1.35rem);line-height:1.08;letter-spacing:-.035em}.related-tool-grid span{font-size:clamp(.92rem,1vw,1.02rem);line-height:1.45}.tool-grid-large{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:clamp(14px,1.4vw,22px)}.tool-card{min-width:0}.pdf-editor-shell{width:100%;max-width:none;padding:0;margin:32px 0}.pdf-editor-head{grid-template-columns:minmax(0,1fr) minmax(280px,.36fr)}.pdf-viewer-wrap{max-height:78vh}.feature-list-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}.feature-list-grid article{min-width:0}.feature-list-grid h3,.feature-list-grid p{overflow-wrap:anywhere}.pdf-status-card{min-width:0}.pdf-toolbar,.pdf-formatbar,.pdf-exportbar{overflow:hidden}.pdf-toolbar-group,.pdf-formatbar,.pdf-exportbar{min-width:0}.button{max-width:100%}@media(max-width:1180px){.tool-search-card,.pdf-editor-head{grid-template-columns:1fr}.related-tool-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}}@media(max-width:620px){:root{--page-gutter:10px}.tool-search-card{padding:18px;border-radius:26px}.related-tool-grid{grid-template-columns:1fr}.related-tool-grid a{min-height:auto}.pdf-editor-shell{margin:22px 0}.pdf-toolbar,.pdf-formatbar,.pdf-exportbar{align-items:stretch}.pdf-toolbar-group,.pdf-exportbar{width:100%}.pdf-toolbar-group .button,.pdf-exportbar .button,.pdf-import-label{flex:1 1 160px}.pdf-formatbar label{width:100%}.pdf-formatbar input[type="range"]{width:100%}}

/* PDF editor: professional controls, high-DPI canvas and Canva-style element handles */
.pdf-viewer-wrap {
  overscroll-behavior: contain;
  scroll-behavior: smooth;
}
.pdf-canvas-stage canvas {
  image-rendering: auto;
}
.pdf-toolbar .button,
.pdf-formatbar .button {
  white-space: nowrap;
}
.pdf-shape-menu {
  position: relative;
  display: inline-flex;
}
.pdf-shape-popover {
  position: absolute;
  z-index: 30;
  top: calc(100% + 8px);
  left: 0;
  min-width: 220px;
  padding: 10px;
  border: 1px solid rgba(15, 23, 42, .12);
  border-radius: 18px;
  background: rgba(255, 255, 255, .98);
  box-shadow: 0 22px 60px rgba(15, 23, 42, .18);
  display: grid;
  gap: 6px;
}
.pdf-shape-popover[hidden] { display: none; }
.pdf-shape-popover button {
  border: 0;
  border-radius: 12px;
  background: #f8fafc;
  color: #0f172a;
  cursor: pointer;
  min-height: 38px;
  padding: 8px 10px;
  text-align: left;
  font-weight: 850;
}
.pdf-shape-popover button:hover,
.pdf-shape-popover button:focus-visible {
  background: #eef2ff;
  color: #3730a3;
  outline: none;
}
.pdf-layer-item {
  transform-origin: 50% 50%;
  will-change: transform, left, top, width, height;
}
.pdf-layer-item:hover,
.pdf-layer-item.is-selected {
  border-color: rgba(37, 99, 235, .75);
}
.pdf-layer-item.is-selected {
  z-index: 20;
}
.pdf-rotate-handle {
  position: absolute;
  left: 50%;
  top: -34px;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  display: none;
  place-items: center;
  border: 2px solid #fff;
  border-radius: 999px;
  background: #4f46e5;
  color: #fff;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .28);
  cursor: grab;
  font-size: 14px;
  line-height: 1;
  user-select: none;
}
.pdf-rotate-handle::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  width: 2px;
  height: 12px;
  margin-left: -1px;
  background: #4f46e5;
}
.pdf-layer-item:hover .pdf-rotate-handle,
.pdf-layer-item.is-selected .pdf-rotate-handle,
.pdf-layer-item:hover .pdf-resize-handle,
.pdf-layer-item.is-selected .pdf-resize-handle {
  display: grid;
}
.pdf-resize-handle { display: none; }
.pdf-layer-filled-rect {
  border: 1px solid rgba(37, 99, 235, .28);
}
.pdf-layer-ellipse {
  background: transparent;
  border: 2px solid #2563eb;
  border-radius: 999px;
}
.pdf-layer-arrow,
.pdf-layer-line {
  height: 10px !important;
  border: 0;
  background: transparent;
}
.pdf-layer-arrow::before,
.pdf-layer-line::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 2px;
  background: var(--line-color, #111827);
  transform: translateY(-50%);
}
.pdf-layer-arrow::after {
  content: "";
  position: absolute;
  right: -1px;
  top: 50%;
  width: 12px;
  height: 12px;
  border-top: 2px solid var(--line-color, #111827);
  border-right: 2px solid var(--line-color, #111827);
  transform: translateY(-50%) rotate(45deg);
  transform-origin: center;
}
.pdf-layer-check,
.pdf-layer-cross {
  border-color: rgba(15, 23, 42, .12);
  background: transparent;
}
.pdf-layer-check::before,
.pdf-layer-cross::before,
.pdf-layer-cross::after {
  content: "";
  position: absolute;
  background: var(--shape-color, #111827);
  border-radius: 999px;
}
.pdf-layer-check::before {
  left: 15%;
  top: 48%;
  width: 75%;
  height: 4px;
  clip-path: polygon(0 45%, 28% 45%, 28% 80%, 100% 0, 100% 30%, 33% 100%, 0 64%);
}
.pdf-layer-cross::before,
.pdf-layer-cross::after {
  left: 15%;
  top: 48%;
  width: 70%;
  height: 4px;
}
.pdf-layer-cross::before { transform: rotate(45deg); }
.pdf-layer-cross::after { transform: rotate(-45deg); }
.pdf-layer-highlight { mix-blend-mode: multiply; }
.pdf-formatbar input[data-pdf-rotation] {
  width: 88px;
}
@media (max-width: 740px) {
  .pdf-shape-menu,
  .pdf-shape-menu .button {
    width: 100%;
  }
  .pdf-shape-popover {
    position: static;
    width: 100%;
    margin-top: 8px;
  }
}
.pdf-editor-hint {
  margin: 0 4px -2px;
  color: #64748b;
  font-size: .94rem;
  font-weight: 750;
}

/* v16 organigramm contrast and adaptive content */
.org-form-wide{grid-column:1/-1}.org-form textarea.input{min-height:96px;resize:vertical;line-height:1.45}.org-canvas-wrap{background:#fff!important;color-scheme:light;forced-color-adjust:none}.org-canvas{background:#fff;border-radius:20px;color-scheme:light}.org-canvas svg{display:block;width:100%;height:auto;background:#fff!important;color-scheme:light;forced-color-adjust:none}.org-canvas svg text{paint-order:stroke;stroke:transparent;stroke-width:0}.org-person-copy{min-width:0;overflow-wrap:anywhere}.org-person-copy p{margin:7px 0 0;color:#475569;font-weight:760;line-height:1.42}.org-person-item{background:#fff;color:#0f172a}.org-person-item span,.org-person-item small{overflow-wrap:anywhere}.org-preview-card .tool-note{margin:0;color:#475569;font-weight:780;line-height:1.5}.org-preview-card{color-scheme:light}.org-canvas-wrap::-webkit-scrollbar,.org-person-list::-webkit-scrollbar{height:10px;width:10px}.org-canvas-wrap::-webkit-scrollbar-thumb,.org-person-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.org-canvas-wrap::-webkit-scrollbar-track,.org-person-list::-webkit-scrollbar-track{background:#f8fafc;border-radius:999px}@media(max-width:760px){.org-form-wide{grid-column:auto}.org-canvas{min-width:680px}}

/* v18: PDF shape menu layering, reliable visible shapes, and org-chart export polish */
.pdf-main-panel,
.pdf-toolbar,
.pdf-toolbar-group,
.pdf-shape-menu {
  position: relative;
  overflow: visible !important;
}
.pdf-toolbar { z-index: 80; }
.pdf-formatbar { position: relative; z-index: 30; overflow: visible !important; }
.pdf-exportbar { overflow: visible !important; }
.pdf-shape-menu { z-index: 120; }
.pdf-shape-popover {
  z-index: 5000;
  width: min(280px, calc(100vw - 48px));
}
.pdf-shape-popover button {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}
.pdf-layer-item {
  appearance: none;
  -webkit-appearance: none;
  overflow: visible;
  box-shadow: none;
}
.pdf-layer-rectangle,
.pdf-layer-filled-rect,
.pdf-layer-ellipse,
.pdf-layer-line,
.pdf-layer-arrow,
.pdf-layer-check,
.pdf-layer-cross {
  min-width: 18px;
  min-height: 18px;
  color: var(--shape-color, #111827);
}
.pdf-layer-rectangle {
  border: 2px solid var(--shape-color, #2563eb) !important;
  background: transparent !important;
}
.pdf-layer-filled-rect {
  border: 2px solid rgba(37, 99, 235, .65) !important;
}
.pdf-layer-ellipse {
  border: 2.5px solid var(--shape-color, #2563eb) !important;
  background: transparent !important;
  border-radius: 999px !important;
}
.pdf-layer-line,
.pdf-layer-arrow {
  min-height: 14px !important;
}
.pdf-layer-line::before,
.pdf-layer-arrow::before {
  height: 3px;
  border-radius: 999px;
}
.pdf-layer-arrow::after {
  width: 14px;
  height: 14px;
  border-top-width: 3px;
  border-right-width: 3px;
}
.pdf-layer-check::before,
.pdf-layer-cross::before,
.pdf-layer-cross::after {
  height: 5px;
  box-shadow: 0 0 0 1px rgba(255,255,255,.45);
}
.pdf-rotation-badge {
  position: absolute;
  left: 50%;
  top: -66px;
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 54px;
  min-height: 28px;
  padding: 4px 10px;
  border-radius: 999px;
  background: #0f172a;
  color: #fff;
  font-size: 12px;
  font-weight: 950;
  pointer-events: none;
  box-shadow: 0 10px 26px rgba(15,23,42,.22);
}
.pdf-rotation-badge.is-snapped {
  background: #16a34a;
}

.org-preview-head {
  align-items: flex-start;
  gap: 18px;
}
.org-preview-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}
.org-bg-color-label,
.org-bg-transparent-label {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #dbe3ef;
  border-radius: 999px;
  background: #fff;
  padding: 8px 12px;
  color: #334155;
  font-size: .86rem;
  font-weight: 900;
  white-space: nowrap;
}
.org-bg-color-label input[type="color"] {
  width: 32px;
  height: 28px;
  border: 0;
  border-radius: 999px;
  padding: 0;
  background: transparent;
  cursor: pointer;
}
.org-bg-transparent-label input {
  width: 18px;
  height: 18px;
  accent-color: #4f46e5;
}
.org-canvas-wrap {
  overflow: auto;
  background: #f8fafc !important;
}
.org-canvas {
  display: grid;
  place-items: center;
  background: #fff;
}
.org-canvas.is-transparent-bg {
  background-image:
    linear-gradient(45deg, #eef2f7 25%, transparent 25%),
    linear-gradient(-45deg, #eef2f7 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, #eef2f7 75%),
    linear-gradient(-45deg, transparent 75%, #eef2f7 75%);
  background-size: 22px 22px;
  background-position: 0 0, 0 11px, 11px -11px, -11px 0;
}
.org-canvas svg {
  max-width: 100%;
  margin: 0 auto;
}
.org-export-grid + .tool-note { display: none !important; }
@media (max-width: 760px) {
  .org-preview-head { display: grid; }
  .org-preview-actions { justify-content: flex-start; }
}
.org-canvas svg { background: transparent !important; }

/* v21: organigramm card styling controls, centered chart cards, clean connectors and PDF transformer handles */
.org-style-details {
  border: 1px solid #dbe3ef;
  border-radius: 22px;
  background: #f8fafc;
  padding: 14px 16px;
}
.org-style-details summary {
  cursor: pointer;
  font-weight: 950;
  color: #312e81;
}
.org-style-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 12px;
  margin-top: 14px;
  align-items: end;
}
.org-style-grid label { min-width: 0; }
.org-check-label {
  min-height: 48px;
  display: inline-flex !important;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 10px !important;
  border: 1px solid #dbe3ef;
  border-radius: 16px;
  background: #fff;
  padding: 0 14px;
  line-height: 1.2;
}
.org-check-label input {
  width: 18px;
  height: 18px;
  accent-color: #4f46e5;
}
.org-canvas svg [data-org-node]:hover rect:first-child,
.org-canvas svg [data-org-node]:focus rect:first-child {
  stroke: #4f46e5;
  stroke-width: 2.2px;
}
.org-canvas svg [data-org-node]:focus { outline: none; }

.pdf-toolbar,
.pdf-toolbar-group,
.pdf-shape-menu,
.pdf-main-panel { overflow: visible !important; }
.pdf-toolbar { z-index: 600; }
.pdf-formatbar { z-index: 100; }
.pdf-shape-menu { z-index: 900; }
.pdf-shape-popover {
  z-index: 10000 !important;
  top: calc(100% + 10px) !important;
  left: 0;
}
.pdf-layer-circle,
.pdf-layer-ellipse {
  background: transparent !important;
  border: 2.5px solid var(--shape-color, #2563eb) !important;
  border-radius: 999px !important;
}
.pdf-layer-check,
.pdf-layer-cross {
  border: 1px dashed rgba(15, 23, 42, .18) !important;
  background: transparent !important;
}
.pdf-inline-shape-svg {
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible;
  pointer-events: none;
}
.pdf-layer-check::before,
.pdf-layer-cross::before,
.pdf-layer-cross::after { display: none !important; }
.pdf-resize-handle {
  position: absolute;
  display: none;
  width: 13px;
  height: 13px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #2563eb;
  box-shadow: 0 4px 12px rgba(15, 23, 42, .26);
  z-index: 26;
}
.pdf-layer-item:hover .pdf-resize-handle,
.pdf-layer-item.is-selected .pdf-resize-handle { display: block; }
.pdf-resize-nw { left: -7px; top: -7px; cursor: nwse-resize; }
.pdf-resize-n  { left: 50%; top: -7px; transform: translateX(-50%); cursor: ns-resize; }
.pdf-resize-ne { right: -7px; top: -7px; cursor: nesw-resize; }
.pdf-resize-e  { right: -7px; top: 50%; transform: translateY(-50%); cursor: ew-resize; }
.pdf-resize-se { right: -7px; bottom: -7px; cursor: nwse-resize; }
.pdf-resize-s  { left: 50%; bottom: -7px; transform: translateX(-50%); cursor: ns-resize; }
.pdf-resize-sw { left: -7px; bottom: -7px; cursor: nesw-resize; }
.pdf-resize-w  { left: -7px; top: 50%; transform: translateY(-50%); cursor: ew-resize; }
.pdf-layer-line .pdf-resize-n,
.pdf-layer-line .pdf-resize-s,
.pdf-layer-arrow .pdf-resize-n,
.pdf-layer-arrow .pdf-resize-s { display: none !important; }
.pdf-layer-line .pdf-resize-nw,
.pdf-layer-line .pdf-resize-ne,
.pdf-layer-line .pdf-resize-sw,
.pdf-layer-line .pdf-resize-se,
.pdf-layer-arrow .pdf-resize-nw,
.pdf-layer-arrow .pdf-resize-ne,
.pdf-layer-arrow .pdf-resize-sw,
.pdf-layer-arrow .pdf-resize-se { display: none !important; }
.pdf-layer-circle .pdf-resize-n,
.pdf-layer-circle .pdf-resize-e,
.pdf-layer-circle .pdf-resize-s,
.pdf-layer-circle .pdf-resize-w { display: none !important; }

/* v25: robust org-chart centering/connector exports and PDF editor layer hierarchy */
.site-header {
  z-index: 5000 !important;
}
.org-canvas-wrap {
  overflow: auto;
  scroll-behavior: smooth;
}
.org-canvas {
  min-width: min(100%, 760px);
  place-items: center;
  justify-items: center;
}
.org-canvas svg {
  display: block;
  width: 100% !important;
  max-width: 100%;
  height: auto !important;
}
.org-canvas svg path {
  vector-effect: non-scaling-stroke;
}
.org-canvas svg [data-org-node] text {
  dominant-baseline: auto;
}
.pdf-editor-workspace,
.pdf-main-panel,
.pdf-toolbar,
.pdf-toolbar-group,
.pdf-shape-menu,
.pdf-formatbar {
  overflow: visible !important;
}
.pdf-editor-workspace {
  position: relative;
  z-index: 1;
  isolation: isolate;
}
.pdf-main-panel {
  position: relative;
  z-index: 1;
}
.pdf-toolbar {
  position: sticky;
  top: calc(var(--tools-header-h, 76px) + 8px);
  z-index: 2200 !important;
  margin-top: 0;
}
.pdf-formatbar {
  position: sticky;
  top: calc(var(--tools-header-h, 76px) + 86px);
  z-index: 1600 !important;
}
.pdf-shape-menu {
  position: relative;
  z-index: 2600 !important;
}
.pdf-shape-popover {
  position: absolute !important;
  inset: auto auto auto 0;
  top: calc(100% + 12px) !important;
  z-index: 2800 !important;
  min-width: 250px;
  overflow: visible !important;
  box-shadow: 0 28px 70px rgba(15, 23, 42, .18);
}
.pdf-viewer-wrap {
  position: relative;
  z-index: 1;
}
.pdf-sidebar {
  z-index: 2;
}
@media (max-width: 820px) {
  .pdf-toolbar,
  .pdf-formatbar {
    position: relative;
    top: auto;
  }
  .pdf-shape-popover {
    left: 0;
    right: auto;
    max-width: calc(100vw - 32px);
  }
}

/* v26: centered org connectors, draggable node offsets and editable connector styles */
.org-line-width-label {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #dbe3ef;
  border-radius: 999px;
  background: #fff;
  padding: 8px 12px;
  color: #334155;
  font-size: .86rem;
  font-weight: 900;
  white-space: nowrap;
}
.org-line-width-label .input {
  width: 78px;
  min-height: 30px;
  padding: 4px 8px;
  border-radius: 999px;
}
.org-reset-offsets-button {
  min-height: 44px;
  white-space: nowrap;
}
.org-position-grid .button {
  min-height: 48px;
  padding: 10px 14px;
}
.org-canvas svg [data-org-node] {
  cursor: grab;
}
.org-canvas svg [data-org-node]:active {
  cursor: grabbing;
}
.org-canvas svg path {
  shape-rendering: geometricPrecision;
}
.org-preview-actions {
  align-items: center;
}
@media (max-width: 760px) {
  .org-line-width-label,
  .org-bg-color-label,
  .org-bg-transparent-label,
  .org-reset-offsets-button {
    width: 100%;
    justify-content: space-between;
  }
}

/* v26 Schnellchat: temporäre Räume, Nachrichten, Uploads */
.quickchat-shell,.quickchat-room-shell{margin:28px 0 76px}.quickchat-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.75fr);gap:clamp(18px,2.4vw,34px);align-items:start}.quickchat-card,.quickchat-panel{border:1px solid var(--border);border-radius:28px;background:rgba(255,255,255,.94);box-shadow:0 18px 52px rgba(15,23,42,.07);padding:clamp(18px,2.2vw,30px)}.quickchat-card{display:grid;gap:16px}.quickchat-card-head h2,.quickchat-panel h2{margin:0 0 8px;letter-spacing:-.04em}.quickchat-card-head p:not(.eyebrow),.quickchat-help{color:var(--muted);font-weight:720;line-height:1.55;margin:0}.quickchat-card label{display:grid;gap:8px;font-weight:900;color:#334155}.quickchat-card small{color:#64748b;font-weight:720;line-height:1.35}.quickchat-status{min-height:1.3em;color:#475569;font-weight:840;margin:0}.quickchat-seo-card{margin-top:34px}.quickchat-feature-grid{margin:20px 0}.quickchat-room-top{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin:28px 0;padding:28px;border:1px solid var(--border);border-radius:32px;background:linear-gradient(135deg,#fff,#f8fbff);box-shadow:var(--shadow)}.quickchat-room-top h1{margin:0 0 8px;font-size:clamp(2rem,4vw,3.6rem);line-height:1;letter-spacing:-.06em}.quickchat-room-top p{margin:0;color:#52637a;font-weight:780}.quickchat-room-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.compact-button{min-height:36px;padding:8px 12px;font-size:.92rem}.quickchat-room-join{width:min(620px,100%);margin:0 auto 40px}.quickchat-app{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:20px;align-items:start}.quickchat-sidebar{display:grid;gap:16px;position:sticky;top:92px}.quickchat-panel{padding:18px}.quickchat-panel form{display:grid;gap:10px}.quickchat-participants{display:grid;gap:8px}.quickchat-participant{display:flex;align-items:center;gap:9px;border:1px solid #e2e8f0;border-radius:16px;padding:10px 12px;background:#f8fafc;min-width:0}.quickchat-participant strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quickchat-participant small{margin-left:auto;color:#4f46e5;font-weight:900;white-space:nowrap}.quickchat-online-dot{width:10px;height:10px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.12);flex:0 0 10px}.quickchat-main{min-height:68vh;display:grid;grid-template-rows:minmax(420px,1fr) auto auto auto;border:1px solid var(--border);border-radius:30px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.quickchat-message-list{overflow:auto;padding:22px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(180deg,#f8fafc,#fff)}.quickchat-message{max-width:min(760px,86%);align-self:flex-start;border:1px solid #dbe3ef;border-radius:22px;background:#fff;padding:12px 14px;box-shadow:0 12px 28px rgba(15,23,42,.05);overflow-wrap:anywhere}.quickchat-message.is-own{align-self:flex-end;background:#eef2ff;border-color:#c7d2fe}.quickchat-message.is-system{max-width:100%;align-self:center;border-radius:999px;background:#f1f5f9;color:#475569;box-shadow:none;padding:8px 13px}.quickchat-message p{margin:0;white-space:pre-wrap;line-height:1.48;font-weight:700}.quickchat-message.is-system p{font-size:.9rem;font-weight:850;white-space:normal}.quickchat-message-meta{display:flex;gap:10px;align-items:baseline;margin-bottom:5px}.quickchat-message-meta strong{font-weight:950;color:#0f172a}.quickchat-message-meta span{font-size:.82rem;color:#64748b;font-weight:820}.quickchat-download{display:inline-flex;align-items:center;gap:8px;margin-top:10px;border:1px solid #c7d2fe;border-radius:16px;background:#fff;color:#312e81;text-decoration:none;padding:9px 11px;font-weight:900}.quickchat-download:hover,.quickchat-download:focus-visible{background:#eef2ff;outline:none}.quickchat-typing{min-height:24px;margin:0;padding:0 22px 8px;color:#4f46e5;font-weight:900}.quickchat-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px;border-top:1px solid #e2e8f0;background:#fff}.quickchat-message-input{width:100%;min-height:54px;max-height:170px;resize:vertical;border:1px solid var(--border);border-radius:20px;padding:13px 14px;font:inherit;font-weight:760;background:#f8fafc;color:#0f172a}.quickchat-message-input:focus,.quickchat-card .input:focus,.quickchat-panel .input:focus{outline:3px solid rgba(79,70,229,.18);border-color:#818cf8;background:#fff}@media(max-width:1000px){.quickchat-grid,.quickchat-app{grid-template-columns:1fr}.quickchat-sidebar{position:static;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.quickchat-room-top{flex-direction:column}.quickchat-room-actions{justify-content:flex-start}.quickchat-main{min-height:62vh}}@media(max-width:620px){.quickchat-room-top{padding:20px;border-radius:26px}.quickchat-compose{grid-template-columns:1fr}.quickchat-message{max-width:96%}.quickchat-sidebar{grid-template-columns:1fr}.quickchat-card,.quickchat-panel{border-radius:24px}}

/* v27 Zeitdock-breite Navigation + Schnellchat-Aufräumung */
.nav-container,main,.site-footer{width:min(1180px,calc(100% - 32px))!important;max-width:1180px!important;margin-left:auto;margin-right:auto}.site-nav{gap:8px}.site-nav .nav-group{position:relative}.site-nav .nav-group summary{list-style:none;min-height:44px;padding:12px 15px;border-radius:999px;text-decoration:none;font-weight:880;color:#334155;line-height:1;cursor:pointer;user-select:none}.site-nav .nav-group summary::-webkit-details-marker{display:none}.site-nav .nav-group summary::after{content:"▾";font-size:.8em;margin-left:7px;color:#64748b}.site-nav .nav-group[open] summary,.site-nav .nav-group summary:hover,.site-nav .nav-group summary:focus-visible{background:#eef2ff;color:#312e81;outline:none}.site-nav .nav-group[open] summary::after{content:"▴"}.nav-dropdown{position:absolute;right:0;top:calc(100% + 10px);min-width:240px;padding:8px;border:1px solid var(--border);border-radius:20px;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.14);display:grid;gap:4px;z-index:80}.nav-dropdown a{display:flex;align-items:center;justify-content:flex-start;width:100%;border-radius:14px;min-height:40px;padding:10px 12px;text-align:left;white-space:nowrap}.quickchat-flow{display:grid;grid-template-columns:1fr;gap:20px;max-width:760px;margin:0 auto}.quickchat-grid.quickchat-grid-create{grid-template-columns:1fr;max-width:760px;margin:0 auto}.quickchat-card{gap:18px}.quickchat-card-head p:not(.eyebrow){max-width:650px}.quickchat-card small{font-size:.88rem;color:#52637a}.quickchat-join-card{background:linear-gradient(135deg,#fff,#f8fbff)}.quickchat-room-join{max-width:680px}.quickchat-room-top{margin-top:28px}@media(max-width:980px){.nav-container{align-items:stretch;flex-direction:column}.site-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.site-nav>a,.site-nav .nav-group summary,.site-nav .nav-cta{width:100%;display:flex;align-items:center;justify-content:center;text-align:center}.nav-dropdown{position:static;margin-top:6px;min-width:0}.site-nav .nav-group{min-width:0}}@media(max-width:620px){.nav-container,main,.site-footer{width:calc(100% - 20px)!important}.site-nav{grid-template-columns:1fr}.quickchat-flow{max-width:none}.quickchat-room-top{gap:14px}.quickchat-room-actions{width:100%}.quickchat-room-actions .button{width:100%}}

/* v28 Homepage spacing parity + Schnellchat dense/wide layout.
   Mirrors the homepage shell axis and keeps inner tools responsive with CSS Grid. */
:root{
  --zd-home-wide-max:1760px;
  --zd-home-panel-max:1640px;
  --zd-home-pad:clamp(32px,4vw,76px);
  --zd-layout-max:var(--zd-home-wide-max);
  --zd-layout-panel-max:var(--zd-home-panel-max);
  --zd-layout-gutter:var(--zd-home-pad);
  --zd-layout-width:min(calc(100% - var(--zd-layout-gutter) - var(--zd-layout-gutter)), var(--zd-layout-max));
  --zd-layout-panel-width:min(calc(100% - var(--zd-layout-gutter) - var(--zd-layout-gutter)), var(--zd-layout-panel-max));
}
@media(max-width:1320px){:root{--zd-home-pad:clamp(24px,3vw,44px);--zd-layout-gutter:var(--zd-home-pad)}}
@media(max-width:760px){:root{--zd-home-pad:18px;--zd-layout-gutter:18px}}
.nav-container,
main,
.site-footer{
  width:var(--zd-layout-width)!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
.hero,
.quickchat-shell,
.quickchat-room-shell,
.recorder-shell,
.team-tool-shell,
.tool-search-card,
.seo-text-card,
.faq-section,
.tool-grid,
.tool-grid-large,
.feature-list-grid,
.pdf-editor-shell{
  width:100%!important;
  max-width:none!important;
}
.hero{padding-inline:clamp(28px,3.2vw,56px)}
.quickchat-shell,.quickchat-room-shell{margin:28px 0 82px}
.quickchat-flow{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:clamp(18px,2vw,34px)!important;
  align-items:stretch!important;
}
.quickchat-flow .quickchat-card{min-width:0;height:100%}
.quickchat-card-head p:not(.eyebrow){max-width:72ch}
.quickchat-seo-card{margin-top:clamp(26px,2.4vw,40px)!important}
.quickchat-seo-card .related-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.quickchat-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.4vw,22px)}
.quickchat-room-top{padding:clamp(24px,2.8vw,44px);gap:clamp(18px,2.3vw,42px);align-items:center}
.quickchat-room-top>div:first-child{min-width:0;flex:1 1 auto}
.quickchat-room-actions{flex:0 0 auto}
.quickchat-app{
  grid-template-columns:minmax(320px,420px) minmax(0,1fr)!important;
  gap:clamp(18px,2vw,32px)!important;
}
.quickchat-main{min-height:min(72vh,780px)}
.quickchat-sidebar{gap:clamp(14px,1.2vw,20px)}
.quickchat-panel{min-width:0}
.quickchat-upload-form{display:grid;grid-template-columns:1fr;gap:10px!important}
.quickchat-file-label{font-weight:950;color:#334155;margin-bottom:-2px}
.quickchat-file-input{
  width:100%;
  min-height:54px;
  border:1px solid var(--border);
  border-radius:18px;
  background:#f8fafc;
  color:#334155;
  padding:8px 10px;
  font:inherit;
  font-weight:800;
  cursor:pointer;
}
.quickchat-file-input::file-selector-button{
  min-height:38px;
  margin-right:12px;
  border:1px solid #c7d2fe;
  border-radius:999px;
  background:linear-gradient(135deg,#fff,#eef2ff);
  color:#312e81;
  padding:9px 14px;
  font:inherit;
  font-weight:950;
  cursor:pointer;
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease;
}
.quickchat-file-input::-webkit-file-upload-button{
  min-height:38px;
  margin-right:12px;
  border:1px solid #c7d2fe;
  border-radius:999px;
  background:linear-gradient(135deg,#fff,#eef2ff);
  color:#312e81;
  padding:9px 14px;
  font:inherit;
  font-weight:950;
  cursor:pointer;
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease;
}
.quickchat-file-input:hover::file-selector-button,
.quickchat-file-input:focus-visible::file-selector-button,
.quickchat-file-input:hover::-webkit-file-upload-button,
.quickchat-file-input:focus-visible::-webkit-file-upload-button{background:#eef2ff;box-shadow:0 12px 28px rgba(79,70,229,.12);transform:translateY(-1px)}
.quickchat-file-input:focus-visible{outline:3px solid rgba(79,70,229,.18);border-color:#818cf8;background:#fff}
.quickchat-participant{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px 10px;padding:11px 12px}
.quickchat-participant.is-owner{background:#eef2ff;border-color:#c7d2fe}
.quickchat-owner-badge{display:inline-flex;align-items:center;justify-content:center;min-height:26px;border:1px solid #c7d2fe;border-radius:999px;background:#fff;color:#312e81;padding:4px 8px;font-size:.76rem;font-weight:950;white-space:nowrap}
.quickchat-participant small{grid-column:2 / 4;margin-left:0!important;justify-self:start}
.quickchat-participant-actions{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}
.quickchat-mini-action{min-height:34px;border:1px solid #dbe3ef;border-radius:999px;background:#fff;color:#334155;font:inherit;font-size:.82rem;font-weight:950;cursor:pointer}
.quickchat-mini-action:hover,.quickchat-mini-action:focus-visible{background:#eef2ff;color:#312e81;outline:none}
.quickchat-mini-action.is-danger{border-color:#fecaca;color:#991b1b;background:#fff7f7}
.quickchat-mini-action.is-danger:hover,.quickchat-mini-action.is-danger:focus-visible{background:#fef2f2;color:#7f1d1d}
@media(max-width:1180px){
  .quickchat-app{grid-template-columns:1fr!important}
  .quickchat-sidebar{position:static;grid-template-columns:repeat(3,minmax(0,1fr))}
  .quickchat-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .quickchat-seo-card .related-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:980px){
  .quickchat-flow{grid-template-columns:1fr!important}
  .quickchat-sidebar{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
  .quickchat-room-top{align-items:flex-start}
}
@media(max-width:760px){
  .nav-container,main,.site-footer{width:calc(100% - 28px)!important}
  .quickchat-feature-grid,.quickchat-seo-card .related-tool-grid{grid-template-columns:1fr}
  .hero{padding-inline:22px}
}
@media(max-width:620px){
  .nav-container,main,.site-footer{width:calc(100% - 20px)!important}
  .quickchat-room-actions{width:100%}
  .quickchat-room-actions .button,.quickchat-upload-form .button{width:100%}
  .quickchat-participant{grid-template-columns:auto minmax(0,1fr)}
  .quickchat-owner-badge{grid-column:2;justify-self:start}
}

/* Quickchat moderation, privacy-friendly network hints and room settings */
.quickchat-toast{
  position:fixed;
  right:clamp(14px,2vw,28px);
  bottom:clamp(14px,2vw,28px);
  z-index:1000;
  max-width:min(420px,calc(100vw - 28px));
  border:1px solid #dbe3ef;
  border-radius:18px;
  background:#fff;
  color:#0f172a;
  box-shadow:0 22px 60px rgba(15,23,42,.18);
  padding:13px 16px;
  font-weight:950;
}
.quickchat-toast.is-success{border-color:#bbf7d0;background:#f0fdf4;color:#166534}
.quickchat-toast.is-error{border-color:#fecaca;background:#fef2f2;color:#991b1b}
.quickchat-stack-form{display:grid;gap:10px!important}
.quickchat-stack-form label{display:grid;gap:8px;font-weight:900;color:#334155}
.quickchat-delete-room{width:100%;margin-top:12px}
.quickchat-participant{grid-template-columns:auto minmax(0,1fr) auto!important;align-items:start!important}
.quickchat-participant.is-moderator{background:#f8fafc;border-color:#bae6fd}
.quickchat-participant-main{display:grid;gap:3px;min-width:0}
.quickchat-participant-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.quickchat-participant-main small{grid-column:auto!important;margin-left:0!important;color:#64748b;font-size:.8rem;font-weight:850;white-space:normal!important}
.quickchat-network-row{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.quickchat-ip-chip,.quickchat-network-badge{display:inline-flex;align-items:center;justify-content:center;min-height:27px;border-radius:999px;padding:4px 9px;font-size:.76rem;font-weight:950;line-height:1;border:1px solid #dbe3ef;background:#fff;color:#334155}
.quickchat-network-badge.is-vpn_possible{border-color:#fde68a;background:#fffbeb;color:#92400e}
.quickchat-network-badge.is-vpn_unlikely,.quickchat-network-badge.is-no_public_vpn_hint{border-color:#bbf7d0;background:#f0fdf4;color:#166534}
.quickchat-network-badge.is-unknown{border-color:#e2e8f0;background:#f8fafc;color:#475569}
.quickchat-participant-actions{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important}
.quickchat-ban-list{display:grid;gap:8px}
.quickchat-ban-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #e2e8f0;border-radius:16px;background:#f8fafc;padding:10px 12px}
.quickchat-ban-item div{display:grid;gap:3px;min-width:0}
.quickchat-ban-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.quickchat-ban-item small{color:#64748b;font-weight:850;line-height:1.3}
@media(max-width:620px){
  .quickchat-participant{grid-template-columns:auto minmax(0,1fr)!important}
  .quickchat-participant>.quickchat-owner-badge{grid-column:2;justify-self:start}
  .quickchat-ban-item{grid-template-columns:1fr}
  .quickchat-ban-item .quickchat-mini-action{width:100%}
}

/* Quickchat room cleanup: compact header admin, inline attachments, cleaner participants */
.quickchat-room-top{align-items:stretch!important}
.quickchat-room-title-group{min-width:0;flex:1 1 520px;display:grid;align-content:center}
.quickchat-room-code-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.quickchat-room-controls{flex:0 1 720px;display:grid;gap:12px;align-content:start;justify-items:end;min-width:min(100%,420px)}
.quickchat-room-actions{width:100%;display:flex;justify-content:flex-end;gap:10px!important}
.quickchat-top-admin{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;border:1px solid #dbe3ef;border-radius:22px;background:rgba(255,255,255,.72);padding:12px;box-shadow:0 14px 34px rgba(15,23,42,.06)}
.quickchat-top-admin[hidden]{display:none!important}
.quickchat-top-admin-form{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px;align-items:end;margin:0!important}
.quickchat-top-password{display:grid;gap:6px;font-weight:900;color:#334155;min-width:0}
.quickchat-top-password span{font-size:.86rem}
.quickchat-top-password .input{min-height:42px;border-radius:16px}
.quickchat-top-admin .button{min-height:42px;white-space:nowrap}
.quickchat-top-admin .quickchat-status{grid-column:1 / -1;min-height:0;font-size:.88rem;text-align:right}
.quickchat-delete-room{width:auto!important;margin-top:0!important}

.quickchat-sidebar{align-content:start}
.quickchat-panel{padding:clamp(16px,1.4vw,22px)!important}
.quickchat-participants{gap:10px!important}
.quickchat-participant{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;align-items:stretch!important;padding:13px!important;border-radius:22px!important;background:#fff!important;border-color:#dbe3ef!important}
.quickchat-participant.is-owner{background:linear-gradient(135deg,#f8fbff,#eef2ff)!important;border-color:#c7d2fe!important}
.quickchat-participant.is-moderator{background:linear-gradient(135deg,#fff,#f0f9ff)!important;border-color:#bae6fd!important}
.quickchat-participant-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.quickchat-participant-identity{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 auto}
.quickchat-participant-main{min-width:0;display:grid;gap:2px!important;justify-items:start}
.quickchat-participant-main strong{display:block;max-width:100%;font-size:.98rem;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0f172a}
.quickchat-participant-main small{font-size:.76rem!important;color:#64748b!important;font-weight:850!important;line-height:1.25!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important}
.quickchat-online-dot{width:11px!important;height:11px!important;flex:0 0 11px!important;box-shadow:0 0 0 7px rgba(34,197,94,.12)!important}
.quickchat-owner-badge{flex:0 0 auto;min-height:28px!important;padding:5px 10px!important;font-size:.74rem!important}
.quickchat-network-row{display:flex!important;grid-column:auto!important;gap:7px!important;align-items:center!important;min-width:0!important;margin-left:21px}
.quickchat-ip-chip,.quickchat-network-badge{min-height:25px!important;padding:4px 9px!important;font-size:.74rem!important;background:#f8fafc!important;color:#475569!important;border-color:#e2e8f0!important}
.quickchat-network-badge.is-vpn_possible{background:#fffbeb!important;border-color:#fde68a!important;color:#92400e!important}
.quickchat-participant-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:100%;margin-top:3px}
.quickchat-actions-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
.quickchat-actions-row .quickchat-mini-action:only-child{grid-column:auto}
.quickchat-danger-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.quickchat-mini-action{min-height:38px!important;border-radius:18px!important;font-size:.83rem!important;background:#fff!important}
.quickchat-mini-action.is-danger{background:#fffafa!important;border-color:#fecaca!important;color:#991b1b!important}

.quickchat-main{grid-template-rows:minmax(420px,1fr) auto auto auto!important}
.quickchat-compose{grid-template-columns:auto minmax(0,1fr) auto!important;align-items:end!important;padding:12px!important;gap:10px!important}
.quickchat-attach-button{width:48px;height:48px;border:1px solid #c7d2fe;border-radius:18px;background:linear-gradient(135deg,#fff,#eef2ff);color:#312e81;font:inherit;font-size:1.25rem;font-weight:950;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
.quickchat-attach-button:hover,.quickchat-attach-button:focus-visible{background:#eef2ff;box-shadow:0 12px 28px rgba(79,70,229,.12);transform:translateY(-1px);outline:none}
.quickchat-attach-button:disabled{opacity:.58;cursor:not-allowed;transform:none;box-shadow:none}
.quickchat-compose-field{display:grid;gap:8px;min-width:0}
.quickchat-message-input{min-height:48px!important;border-radius:18px!important;resize:none!important}
.quickchat-file-preview{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #c7d2fe;border-radius:16px;background:#eef2ff;color:#312e81;padding:8px 10px;font-size:.86rem;font-weight:900;min-width:0}
.quickchat-file-preview[hidden]{display:none!important}
.quickchat-file-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.quickchat-file-preview button{border:0;background:transparent;color:#312e81;font:inherit;font-size:.78rem;font-weight:950;cursor:pointer;padding:4px 6px;border-radius:10px}
.quickchat-file-preview button:hover,.quickchat-file-preview button:focus-visible{background:#fff;outline:none}
.quickchat-compose-help{padding:0 18px 8px;margin:0!important;font-size:.82rem}

.quickchat-typing{min-height:28px!important;display:flex;align-items:center;gap:4px;padding:0 22px 10px!important;color:#312e81!important;opacity:0;transform:translateY(2px);transition:opacity .24s ease,transform .24s ease,color .24s ease}
.quickchat-typing.is-active{opacity:1;transform:translateY(0)}
.quickchat-typing.is-fading{opacity:0;transform:translateY(2px)}
.quickchat-typing-name{display:inline-flex;align-items:flex-end;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:baseline;color:#312e81;transition:color .24s ease,opacity .24s ease}
.quickchat-typing-name span{display:inline-block;animation:quickchat-name-wave 1.1s ease-in-out infinite;animation-delay:var(--wave-delay,0ms);will-change:transform}
.quickchat-typing-more,.quickchat-typing-separator{font-weight:950;color:#64748b}
.quickchat-participant .quickchat-participant-main strong{transition:color .24s ease,opacity .24s ease}
.quickchat-participant.is-typing .quickchat-participant-main strong{color:#312e81}
@keyframes quickchat-name-wave{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-.32em)}}
@media (prefers-reduced-motion: reduce){
  .quickchat-typing{transform:none!important;transition:opacity .18s ease!important}
  .quickchat-typing.is-active{transform:none!important}
  .quickchat-typing-name span{animation:none!important;transform:none!important}
  .quickchat-attach-button,.quickchat-file-input::file-selector-button,.quickchat-file-input::-webkit-file-upload-button{transition:none!important}
}

@media(max-width:1180px){
  .quickchat-room-top{display:grid!important;grid-template-columns:1fr!important}
  .quickchat-room-controls{justify-items:stretch;min-width:0;flex:auto}
  .quickchat-room-actions{justify-content:flex-start}
  .quickchat-top-admin{grid-template-columns:1fr auto}
}
@media(max-width:760px){
  .quickchat-top-admin,.quickchat-top-admin-form{grid-template-columns:1fr!important}
  .quickchat-top-admin .quickchat-status{text-align:left}
  .quickchat-room-actions{display:grid!important;grid-template-columns:1fr!important}
  .quickchat-room-actions .button{width:100%}
  .quickchat-compose{grid-template-columns:auto minmax(0,1fr)!important}
  .quickchat-compose>.button.primary{grid-column:1 / -1;width:100%}
}
@media(max-width:420px){
  .quickchat-actions-row{grid-template-columns:1fr}
  .quickchat-danger-actions{grid-template-columns:1fr!important}
}

/* v29 Quickchat header/action alignment polish
   Admin actions use a single parent grid so the password field, save button and destructive action share one baseline. */
.quickchat-room-top{
  display:grid!important;
  grid-template-columns:minmax(320px,1fr) minmax(560px,760px)!important;
  align-items:center!important;
  gap:clamp(24px,3vw,56px)!important;
}
.quickchat-room-title-group{
  min-width:0!important;
  align-content:center!important;
}
.quickchat-room-controls{
  width:100%!important;
  min-width:0!important;
  max-width:760px!important;
  flex:none!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:14px!important;
  align-content:center!important;
  justify-items:stretch!important;
  justify-self:end!important;
}
.quickchat-room-actions{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px!important;
}
.quickchat-room-actions .button,
.quickchat-top-admin .button{
  min-height:48px!important;
  height:48px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 18px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.quickchat-top-admin{
  width:100%!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(280px,1fr) auto auto!important;
  gap:10px 12px!important;
  align-items:end!important;
  border:1px solid #dbe3ef!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.82)!important;
  padding:14px!important;
  box-shadow:0 18px 44px rgba(15,23,42,.07)!important;
}
.quickchat-top-admin[hidden]{display:none!important}
.quickchat-top-admin-form{
  display:contents!important;
  margin:0!important;
}
.quickchat-top-password{
  grid-column:1!important;
  min-width:0!important;
  display:grid!important;
  gap:7px!important;
  margin:0!important;
  font-weight:900!important;
  color:#334155!important;
}
.quickchat-top-password span{
  min-height:1rem!important;
  font-size:.88rem!important;
  line-height:1.05!important;
}
.quickchat-top-password .input{
  height:48px!important;
  min-height:48px!important;
  border-radius:18px!important;
  padding:0 16px!important;
  line-height:48px!important;
}
.quickchat-top-admin-form>.button{
  grid-column:2!important;
  align-self:end!important;
}
.quickchat-delete-room{
  grid-column:3!important;
  align-self:end!important;
  width:auto!important;
  margin:0!important;
}
.quickchat-top-admin .quickchat-status{
  grid-column:1 / -1!important;
  min-height:0!important;
  margin:0!important;
  text-align:right!important;
  font-size:.88rem!important;
  line-height:1.35!important;
}
.quickchat-compose{
  grid-template-columns:52px minmax(0,1fr) auto!important;
  align-items:center!important;
  padding:14px!important;
  gap:12px!important;
}
.quickchat-attach-button{
  width:52px!important;
  height:52px!important;
  border-radius:18px!important;
  align-self:center!important;
}
.quickchat-message-input{
  height:52px!important;
  min-height:52px!important;
  border-radius:18px!important;
  padding:14px 16px!important;
  line-height:1.35!important;
  overflow-y:auto!important;
}
.quickchat-compose>.button.primary{
  height:52px!important;
  min-height:52px!important;
  align-self:center!important;
  padding-inline:22px!important;
}
@media(max-width:1340px){
  .quickchat-room-top{
    grid-template-columns:1fr!important;
    align-items:stretch!important;
  }
  .quickchat-room-controls{
    max-width:none!important;
    justify-self:stretch!important;
  }
  .quickchat-room-actions{
    justify-content:flex-start!important;
  }
}
@media(max-width:860px){
  .quickchat-top-admin{
    grid-template-columns:minmax(0,1fr) auto!important;
  }
  .quickchat-top-admin-form>.button{
    grid-column:2!important;
  }
  .quickchat-delete-room{
    grid-column:1 / -1!important;
    justify-self:start!important;
  }
}
@media(max-width:620px){
  .quickchat-room-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  .quickchat-top-admin{
    grid-template-columns:1fr!important;
  }
  .quickchat-top-admin-form>.button,
  .quickchat-delete-room{
    grid-column:1!important;
    width:100%!important;
  }
  .quickchat-top-admin .quickchat-status{
    text-align:left!important;
  }
  .quickchat-compose{
    grid-template-columns:52px minmax(0,1fr)!important;
  }
  .quickchat-compose>.button.primary{
    grid-column:1 / -1!important;
    width:100%!important;
  }
}

/* v30 Mobile Navigation + Schnellchat Tools
   Final overrides keep desktop spacious, collapse crowded controls into menus on phones, and add tool/voice/mention UI. */
.site-nav-toggle,.quickchat-room-menu-toggle{display:none;appearance:none;border:1px solid var(--border);background:#fff;color:#172033;border-radius:16px;width:46px;height:46px;align-items:center;justify-content:center;gap:4px;flex-direction:column;cursor:pointer;box-shadow:0 12px 28px rgba(15,23,42,.06)}
.site-nav-toggle span,.quickchat-room-menu-toggle span{display:block;width:19px;height:2px;border-radius:999px;background:currentColor;transition:transform .18s ease,opacity .18s ease}
.site-nav-toggle[aria-expanded="true"] span:nth-child(1),.quickchat-room-menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.site-nav-toggle[aria-expanded="true"] span:nth-child(2),.quickchat-room-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.site-nav-toggle[aria-expanded="true"] span:nth-child(3),.quickchat-room-menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media(min-width:981px){
  .site-nav{display:flex!important;align-items:center!important;gap:8px!important}
  .site-nav .nav-group{position:relative!important}
  .site-nav .nav-group:not([open]) .nav-dropdown{display:none!important}
  .nav-dropdown{position:absolute!important;right:0!important;top:calc(100% + 10px)!important;min-width:240px!important}
}
@media(max-width:980px){
  .site-header{position:sticky!important;top:0!important}
  .nav-container{width:calc(100% - 20px)!important;max-width:none!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;padding:10px 0!important;flex-direction:unset!important}
  .brand{min-width:0!important}
  .brand img{width:40px!important;height:40px!important;flex-basis:40px!important}
  .brand strong{font-size:1.05rem!important}
  .brand small{font-size:.78rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:52vw!important}
  .site-nav-toggle{display:inline-flex!important;justify-self:end!important}
  .site-nav{grid-column:1 / -1!important;display:none!important;width:100%!important;grid-template-columns:1fr!important;gap:8px!important;padding:10px!important;margin-top:4px!important;border:1px solid #dbe3ef!important;border-radius:24px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 24px 70px rgba(15,23,42,.12)!important;max-height:calc(100vh - 90px)!important;overflow:auto!important}
  .site-nav.is-open{display:grid!important}
  .site-nav>a,.site-nav .nav-group summary,.site-nav .nav-cta{justify-content:flex-start!important;text-align:left!important;width:100%!important;border-radius:16px!important;min-height:44px!important}
  .site-nav .nav-group{width:100%!important;min-width:0!important}
  .site-nav .nav-group[open] .nav-dropdown{position:static!important;display:grid!important;min-width:0!important;margin:4px 0 4px 12px!important;padding:6px!important;border-radius:16px!important;box-shadow:none!important;background:#f8fafc!important}
  .site-nav .nav-group:not([open]) .nav-dropdown{display:none!important}
}

.quickchat-room-top{position:relative!important}
.quickchat-room-title-group{min-width:0!important}
.quickchat-room-code-line{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:7px 9px!important}
.quickchat-permissions-form{display:grid!important;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto!important;gap:10px!important;align-items:end!important;margin:0!important;grid-column:1 / -1!important}
.quickchat-toggle-row{min-height:48px;display:flex!important;align-items:center!important;gap:9px!important;padding:0 12px!important;border:1px solid #dbe3ef!important;border-radius:18px!important;background:#f8fafc!important;color:#334155!important;font-weight:900!important;line-height:1.2!important}
.quickchat-toggle-row input{width:18px;height:18px;accent-color:#4f46e5;flex:0 0 auto}
.quickchat-permissions-form>.button{height:48px!important;min-height:48px!important;align-self:end!important}
.quickchat-top-admin{grid-template-columns:minmax(260px,1fr) auto auto!important;align-items:end!important}
.quickchat-top-admin-form{display:contents!important}
.quickchat-top-password{grid-column:1!important}
.quickchat-top-admin-form>.button{grid-column:2!important}
.quickchat-permissions-form{grid-column:1 / -1!important}
.quickchat-delete-room{grid-column:3!important}

.quickchat-compose{position:relative!important;grid-template-columns:52px 52px 52px minmax(0,1fr) auto!important;align-items:end!important;gap:10px!important}
.quickchat-attach-button,.quickchat-tool-button{width:52px!important;height:52px!important;border:1px solid #c7d2fe!important;border-radius:18px!important;background:linear-gradient(135deg,#fff,#eef2ff)!important;color:#312e81!important;font:inherit!important;font-size:1.2rem!important;font-weight:950!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:transform .15s ease,box-shadow .15s ease,background .15s ease!important;align-self:end!important}
.quickchat-tool-button:hover,.quickchat-tool-button:focus-visible,.quickchat-attach-button:hover,.quickchat-attach-button:focus-visible{background:#eef2ff!important;box-shadow:0 12px 28px rgba(79,70,229,.12)!important;transform:translateY(-1px)!important;outline:none!important}
.quickchat-tool-button:disabled,.quickchat-attach-button:disabled{opacity:.55!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}
.quickchat-compose-field{grid-column:auto!important}
.quickchat-compose>.button.primary{height:52px!important;min-height:52px!important;align-self:end!important}
.quickchat-popover,.quickchat-mention-menu,.quickchat-voice-panel{position:absolute;z-index:45;left:14px;right:14px;bottom:78px;border:1px solid #dbe3ef;border-radius:22px;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.16);padding:12px;display:grid;gap:10px}
.quickchat-popover[hidden],.quickchat-mention-menu[hidden],.quickchat-voice-panel[hidden]{display:none!important}
.quickchat-popover{grid-template-columns:repeat(4,minmax(0,1fr))}
.quickchat-popover button,.quickchat-mention-menu button{border:1px solid #dbe3ef;border-radius:16px;background:#f8fafc;color:#172033;font:inherit;font-weight:900;padding:10px 12px;text-align:left;cursor:pointer}
.quickchat-popover button:hover,.quickchat-popover button:focus-visible,.quickchat-mention-menu button:hover,.quickchat-mention-menu button:focus-visible,.quickchat-mention-menu button.is-active{background:#eef2ff;border-color:#c7d2fe;color:#312e81;outline:none}
.quickchat-mention-menu{left:180px;right:auto;bottom:78px;min-width:min(340px,calc(100% - 28px));max-width:420px;max-height:260px;overflow:auto}
.quickchat-voice-panel{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}
.quickchat-voice-panel label{display:grid;gap:6px;color:#334155;font-weight:900;font-size:.86rem}
.quickchat-voice-panel select,.quickchat-voice-panel input{min-height:42px;border:1px solid var(--border);border-radius:16px;background:#f8fafc;padding:0 10px;font:inherit;font-weight:780;color:#0f172a;min-width:0}
.quickchat-voice-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.quickchat-voice-status{color:#64748b;font-weight:850;font-size:.9rem}
.quickchat-audio-message{display:block;width:min(420px,100%);margin-top:10px}
.quickchat-download-locked{display:inline-block;margin-top:9px;color:#64748b;font-weight:850}

.quickchat-message.is-mentioned{border-color:#fde68a!important;background:linear-gradient(135deg,#fffbeb,#fff)!important;box-shadow:0 16px 40px rgba(245,158,11,.13)!important}
.quickchat-mention-token{display:inline-block;border-radius:999px;background:#eef2ff;color:#312e81;font-weight:950;padding:0 .28em}
.quickchat-element-card{display:grid;gap:10px;min-width:min(520px,100%);border:1px solid #c7d2fe;border-radius:20px;background:linear-gradient(135deg,#fff,#f8fbff);padding:14px;box-shadow:0 16px 42px rgba(79,70,229,.08)}
.quickchat-element-card>strong{font-size:1.05rem;color:#0f172a;line-height:1.25}
.quickchat-element-card>small{color:#64748b;font-weight:850}
.quickchat-poll-options{display:grid;gap:8px}
.quickchat-poll-options button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #dbe3ef;border-radius:16px;background:#fff;padding:10px 12px;font:inherit;font-weight:900;color:#172033;cursor:pointer}
.quickchat-poll-options button.is-selected,.quickchat-poll-options button:hover,.quickchat-poll-options button:focus-visible{border-color:#c7d2fe;background:#eef2ff;color:#312e81;outline:none}
.quickchat-number-result,.quickchat-wheel-result{display:inline-grid;place-items:center;min-height:68px;border-radius:22px;background:#eef2ff;color:#312e81;font-size:clamp(1.8rem,4vw,3rem);font-weight:950;letter-spacing:-.05em;padding:10px 18px;animation:quickchat-pop-in .36s cubic-bezier(.2,1.3,.4,1)}
@keyframes quickchat-pop-in{from{transform:scale(.85);opacity:.2}to{transform:scale(1);opacity:1}}

.quickchat-typing{min-height:42px!important;padding:12px 22px 12px!important;overflow:visible!important;align-items:center!important;line-height:1.35!important}
.quickchat-typing-name{display:inline-flex!important;align-items:flex-end!important;overflow:visible!important;line-height:1.4!important;padding-top:.45em!important;padding-bottom:.05em!important}
.quickchat-typing-name span{display:inline-block!important;will-change:transform!important;transform-origin:50% 90%!important}
.quickchat-participant-main .quickchat-typing-name{max-width:100%!important;overflow:visible!important;min-height:1.75em!important;padding-top:.45em!important;line-height:1.2!important}
.quickchat-participant-main{overflow:visible!important}
.quickchat-participant-head,.quickchat-participant-identity{overflow:visible!important}
@keyframes quickchat-name-wave{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-.45em)}}

@media(max-width:1340px){
  .quickchat-top-admin{grid-template-columns:minmax(260px,1fr) auto auto!important}
}
@media(max-width:980px){
  .quickchat-room-top{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:12px!important;padding:18px!important;border-radius:26px!important;margin:16px 0!important}
  .quickchat-room-title-group{align-content:start!important;gap:2px!important}
  .quickchat-room-top h1{font-size:clamp(1.65rem,7vw,2.25rem)!important;margin-bottom:6px!important}
  .quickchat-room-menu-toggle{display:inline-flex!important;justify-self:end!important;align-self:start!important}
  .quickchat-room-controls{grid-column:1 / -1!important;display:none!important;max-width:none!important;justify-self:stretch!important;margin-top:4px!important}
  .quickchat-room-controls.is-open{display:grid!important}
  .quickchat-room-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;justify-content:stretch!important}
  .quickchat-room-actions .button{width:100%!important}
  .quickchat-top-admin{grid-template-columns:1fr!important;gap:10px!important;padding:12px!important}
  .quickchat-top-password,.quickchat-top-admin-form>.button,.quickchat-delete-room,.quickchat-permissions-form{grid-column:1!important;width:100%!important}
  .quickchat-permissions-form{grid-template-columns:1fr!important}
  .quickchat-permissions-form>.button{width:100%!important}
  .quickchat-top-admin .quickchat-status{text-align:left!important}
}
@media(max-width:760px){
  .quickchat-room-code-line{font-size:.9rem!important}
  .quickchat-app{gap:14px!important}
  .quickchat-main{min-height:68vh!important;border-radius:24px!important;grid-template-rows:minmax(48vh,1fr) auto auto auto!important}
  .quickchat-message-list{padding:14px!important;gap:10px!important}
  .quickchat-message{max-width:98%!important;border-radius:18px!important;padding:11px 12px!important}
  .quickchat-compose{grid-template-columns:48px 48px 48px minmax(0,1fr)!important;padding:10px!important;gap:8px!important;align-items:end!important}
  .quickchat-attach-button,.quickchat-tool-button{width:48px!important;height:48px!important;border-radius:16px!important}
  .quickchat-compose-field{grid-column:1 / -1!important;grid-row:2!important}
  .quickchat-compose>.button.primary{grid-column:1 / -1!important;width:100%!important;grid-row:3!important;height:50px!important;min-height:50px!important}
  .quickchat-popover,.quickchat-voice-panel,.quickchat-mention-menu{left:10px!important;right:10px!important;bottom:176px!important;min-width:0!important;max-width:none!important}
  .quickchat-popover{grid-template-columns:1fr 1fr!important}
  .quickchat-voice-panel{grid-template-columns:1fr!important}
  .quickchat-sidebar{grid-template-columns:1fr!important}
}
@media(max-width:420px){
  .quickchat-room-actions{grid-template-columns:1fr!important}
  .quickchat-popover{grid-template-columns:1fr!important}
}
@media (prefers-reduced-motion: reduce){
  .site-nav-toggle span,.quickchat-room-menu-toggle span,.quickchat-tool-button,.quickchat-number-result,.quickchat-wheel-result{transition:none!important;animation:none!important}
  .quickchat-typing-name span{animation:none!important;transform:none!important}
}
.quickchat-voice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;grid-column:1 / -1}
@media(max-width:760px){.quickchat-voice-grid{grid-template-columns:1fr!important}}

/* v40: homepage-like navigation, centered chat modals, audio/element polish */
.nav{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(203,213,225,.7);backdrop-filter:blur(16px);box-shadow:0 8px 30px rgba(15,23,42,.04)}
.nav .nav-container{width:min(100% - 32px,1760px)!important;min-height:72px;margin:0 auto!important;padding:10px 0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;flex-wrap:nowrap!important}
.nav-logo{display:inline-flex!important;align-items:center!important;gap:10px!important;text-decoration:none!important;color:#0f172a!important;font-weight:950!important;letter-spacing:-.04em;min-width:0}
.nav-logo-mark{display:block;width:40px!important;height:40px!important;flex:0 0 40px!important;border-radius:14px;box-shadow:0 10px 24px rgba(37,99,235,.18)}
.nav-logo-text strong{font-size:1.22rem!important}.nav-logo-text small{font-size:.82rem!important;color:#64748b!important;font-weight:800!important}
.mobile-nav-panel{display:contents}.mobile-nav-backdrop,.mobile-nav-panel-head,.mobile-nav-close{display:none}.site-nav.nav-right-public{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:nowrap!important;width:auto!important}.dropdown.nav-group{position:relative}.dropdown-toggle{appearance:none;border:0;background:transparent;cursor:pointer}.dropdown-menu.nav-dropdown{position:absolute;right:0;top:calc(100% + 10px);min-width:250px;display:none;gap:4px;padding:10px;border:1px solid #dbe7f6;border-radius:18px;background:#fff;box-shadow:0 24px 60px rgba(15,23,42,.15);z-index:30}.dropdown.is-open>.dropdown-menu,.dropdown:hover>.dropdown-menu,.dropdown:focus-within>.dropdown-menu{display:grid}.dropdown-menu a{display:block!important;border-radius:13px!important;padding:10px 12px!important;min-height:auto!important;white-space:normal!important}.mobile-menu-toggle{display:none!important}.mobile-nav-lock{overflow:hidden!important}
@media(max-width:980px){.nav .nav-container{width:calc(100% - 20px)!important;min-height:64px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.mobile-menu-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 52px!important;width:52px!important;height:52px!important;border:1px solid #cbd5e1!important;border-radius:18px!important;background:#fff!important;color:#0f172a!important;box-shadow:0 12px 28px -24px rgba(15,23,42,.65)!important;position:relative!important;z-index:1003!important}.mobile-menu-toggle span{position:absolute!important;width:22px!important;height:2px!important;border-radius:999px!important;background:#0f172a!important;transition:transform .18s ease,opacity .18s ease,top .18s ease!important}.mobile-menu-toggle span:nth-child(1){top:18px}.mobile-menu-toggle span:nth-child(2){top:25px}.mobile-menu-toggle span:nth-child(3){top:32px}.nav.is-mobile-open .mobile-menu-toggle span:nth-child(1){top:25px;transform:rotate(45deg)}.nav.is-mobile-open .mobile-menu-toggle span:nth-child(2){opacity:0;transform:scaleX(.35)}.nav.is-mobile-open .mobile-menu-toggle span:nth-child(3){top:25px;transform:rotate(-45deg)}.mobile-nav-backdrop{display:block;position:fixed;inset:0;background:rgba(15,23,42,.38);backdrop-filter:blur(6px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease;z-index:1001}.nav.is-mobile-open .mobile-nav-backdrop{opacity:1;visibility:visible;pointer-events:auto}.mobile-nav-panel{display:block;position:fixed;left:12px;right:12px;top:76px;max-height:calc(100dvh - 88px);overflow:auto;overscroll-behavior:contain;padding:16px;border:1px solid #dbe3ef;border-radius:26px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 26px 70px -28px rgba(15,23,42,.58);z-index:1002;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px) scale(.985);transition:opacity .18s ease,visibility .18s ease,transform .18s ease}.nav.is-mobile-open .mobile-nav-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}.mobile-nav-panel-head{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 14px;border-bottom:1px solid #e2e8f0;margin-bottom:12px}.mobile-nav-panel-head strong{display:block;color:#0f172a;font-size:1.05rem;font-weight:950}.mobile-nav-panel-head span{display:block;margin-top:2px;color:#64748b;font-weight:800;font-size:.9rem}.mobile-nav-close{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #dbe3ef;border-radius:16px;background:#fff;color:#0f172a;font-size:1.55rem;font-weight:900;line-height:1}.site-nav.nav-right-public{width:100%!important;display:grid!important;grid-template-columns:1fr!important;align-items:stretch!important;justify-content:stretch!important;gap:10px!important}.site-nav>a,.site-nav .dropdown-toggle,.site-nav .nav-cta{width:100%!important;box-sizing:border-box!important;min-height:48px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border:1px solid #dbe3ef!important;border-radius:18px!important;background:#fff!important;color:#0f172a!important;padding:14px 16px!important;font-size:1rem!important;line-height:1.2!important}.dropdown.nav-group{position:static!important;width:100%!important}.dropdown-menu.nav-dropdown{position:static!important;display:none!important;min-width:0!important;width:100%!important;margin:0!important;padding:8px!important;border:1px solid #e2e8f0!important;border-radius:18px!important;background:#f8fafc!important;box-shadow:none!important}.dropdown.is-open>.dropdown-menu{display:grid!important}.dropdown:hover>.dropdown-menu{display:none}.dropdown.is-open:hover>.dropdown-menu{display:grid!important}.site-nav .nav-cta{justify-content:center!important;background:linear-gradient(135deg,#4f46e5,#2563eb)!important;color:#fff!important}}
@media(max-width:420px){.mobile-nav-panel{left:9px;right:9px;top:72px;max-height:calc(100dvh - 82px);border-radius:22px;padding:13px}.mobile-menu-toggle{width:48px!important;height:48px!important;flex-basis:48px!important;border-radius:16px!important}.nav-logo-mark{width:34px!important;height:34px!important;flex-basis:34px!important}.nav-logo-text small{display:none!important}}

.quickchat-create-actions{display:flex;gap:10px;flex-wrap:wrap}.quickchat-create-actions .button{flex:1 1 180px}.quickchat-compose-options{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:0 18px 8px}.quickchat-compose-options label{display:flex;align-items:center;gap:8px;font-size:.83rem;font-weight:900;color:#475569}.quickchat-compose-options .input{min-height:34px;border-radius:12px;padding:0 9px}.quickchat-inline-check{display:flex!important;align-items:center!important;gap:8px!important;font-weight:900!important;color:#334155!important}.quickchat-inline-check input{width:18px;height:18px;accent-color:#4f46e5}.quickchat-modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.42);backdrop-filter:blur(7px);z-index:1200}.quickchat-modal-backdrop[hidden]{display:none!important}.quickchat-modal{position:fixed;z-index:1201;left:50%;top:50%;width:min(760px,calc(100vw - 28px));max-height:min(86dvh,760px);overflow:auto;transform:translate(-50%,-50%);border:1px solid #dbe3ef;border-radius:28px;background:#fff;box-shadow:0 34px 90px rgba(15,23,42,.28);padding:22px}.quickchat-modal[hidden]{display:none!important}.quickchat-modal h2{margin:0 48px 18px 0;font-size:clamp(1.35rem,3vw,2rem);letter-spacing:-.04em}.quickchat-modal-close{position:absolute;right:16px;top:16px;width:42px;height:42px;border:1px solid #dbe3ef;border-radius:14px;background:#f8fafc;color:#0f172a;font-size:1.45rem;font-weight:950;cursor:pointer}.quickchat-modal-form{display:grid;gap:13px}.quickchat-modal-form label{display:grid;gap:7px;font-weight:900;color:#334155}.quickchat-modal-form textarea.input{min-height:120px;resize:vertical;padding:12px}.quickchat-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quickchat-popover{left:auto!important;right:14px!important;bottom:78px!important;width:min(560px,calc(100% - 28px));grid-template-columns:repeat(2,minmax(0,1fr))!important}.quickchat-popover button{min-height:54px}.quickchat-whiteboard-editor{width:100%;height:auto;border:1px solid #dbe3ef;border-radius:18px;background:#fff;touch-action:none}.quickchat-whiteboard-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.quickchat-whiteboard-tools input[type="color"]{width:48px;height:42px;border:0;background:transparent}.quickchat-whiteboard-preview{width:min(560px,100%);min-height:160px;border:1px solid #dbe3ef;border-radius:18px;background:#fff;overflow:hidden;display:grid;place-items:center;cursor:pointer;color:#312e81;font-weight:950}.quickchat-whiteboard-preview img{display:block;width:100%;height:auto;background:#fff}.quickchat-element-actions{display:flex;gap:8px;flex-wrap:wrap}.quickchat-element-action,.quickchat-delete-message{border:1px solid #c7d2fe;border-radius:999px;background:#eef2ff;color:#312e81;font:inherit;font-weight:950;font-size:.84rem;padding:8px 12px;cursor:pointer}.quickchat-delete-message{justify-self:start;margin-top:6px;border-color:#fecaca;background:#fff7f7;color:#991b1b}.quickchat-number-result,.quickchat-wheel-result{animation:quickchat-pop-in .36s cubic-bezier(.2,1.3,.4,1), quickchat-result-glow .9s ease}@keyframes quickchat-result-glow{0%{box-shadow:0 0 0 rgba(79,70,229,0)}35%{box-shadow:0 0 0 10px rgba(79,70,229,.12)}100%{box-shadow:0 0 0 rgba(79,70,229,0)}}.quickchat-voice-wave{width:100%;height:120px;border:1px solid #dbe3ef;border-radius:18px;background:linear-gradient(180deg,#f8fafc,#fff)}.quickchat-audio-card{display:grid;gap:8px;width:min(520px,100%);margin-top:10px;border:1px solid #dbe3ef;border-radius:18px;background:#f8fafc;padding:10px}.quickchat-audio-waveform{width:100%;height:72px;border-radius:12px;background:#fff}.quickchat-audio-speed{display:flex;align-items:center;gap:8px;color:#475569;font-weight:900;font-size:.85rem}.quickchat-audio-speed select{min-height:32px;border:1px solid #dbe3ef;border-radius:10px;background:#fff;padding:0 8px;font:inherit;font-weight:900}.quickchat-audio-message{width:100%!important;margin-top:0!important}.quickchat-message.is-system .quickchat-delete-message{display:none}.quickchat-message.is-element{max-width:min(680px,96%)}.quickchat-element-card{width:min(620px,100%);min-width:0!important}.quickchat-permissions-form{grid-template-columns:repeat(2,minmax(180px,1fr)) auto!important}.quickchat-top-admin{grid-template-columns:minmax(260px,1fr) auto auto!important}.quickchat-delete-room{align-self:end!important}
@media(max-width:980px){.quickchat-room-top{grid-template-columns:minmax(0,1fr) auto!important}.quickchat-room-controls.is-open{display:grid!important}.quickchat-modal{width:calc(100vw - 24px);padding:18px;border-radius:24px}.quickchat-permissions-form{grid-template-columns:1fr!important}.quickchat-top-admin{grid-template-columns:1fr!important}.quickchat-top-password,.quickchat-top-admin-form>.button,.quickchat-delete-room,.quickchat-permissions-form{grid-column:1!important;width:100%!important}.quickchat-popover{position:fixed!important;left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;transform:translate(-50%,-50%)!important;width:min(420px,calc(100vw - 28px))!important;z-index:1201!important}.quickchat-popover:not([hidden])::before{content:"";position:fixed;inset:-200vmax;background:rgba(15,23,42,.28);z-index:-1}.quickchat-create-actions{display:grid}.quickchat-compose-options{padding:0 10px 8px}}
@media(max-width:640px){.quickchat-modal-grid{grid-template-columns:1fr}.quickchat-popover{grid-template-columns:1fr!important}.quickchat-room-top{padding:14px!important}.quickchat-room-top h1{font-size:1.35rem!important}.quickchat-room-code-line{font-size:.84rem!important}.quickchat-compose-options{align-items:stretch;flex-direction:column}.quickchat-compose-options label{justify-content:space-between}.quickchat-audio-card{width:100%}}
@media(prefers-reduced-motion:reduce){.quickchat-number-result,.quickchat-wheel-result{animation:none!important}.quickchat-modal,.mobile-nav-panel{transition:none!important}}


/* v41: desktop dropdown hover bridge and modal/menu polish */
@media(min-width:981px){
  .dropdown.nav-group::after{content:"";position:absolute;left:0;right:0;top:100%;height:16px;pointer-events:auto;}
  .dropdown-menu.nav-dropdown{top:100%!important;margin-top:6px!important;}
}
.quickchat-typing{min-height:34px!important;padding-top:8px!important;overflow:visible!important;}
.quickchat-typing-name{display:inline-flex!important;align-items:flex-end!important;gap:1px!important;min-height:28px!important;padding-top:8px!important;overflow:visible!important;}
.quickchat-typing-name span{display:inline-block!important;transform-origin:50% 80%;will-change:transform,opacity;}
.quickchat-voice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0;}
.quickchat-voice-grid label{display:grid;gap:7px;font-weight:900;color:#334155;}
@media(max-width:640px){.quickchat-voice-grid{grid-template-columns:1fr}.quickchat-modal{top:50%!important;max-height:82dvh!important}}

/* v52: header repair, centered element picker and live whiteboard polish */
.nav.site-header,.nav{position:sticky!important;top:0!important;z-index:1000!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid rgba(219,227,239,.9)!important;backdrop-filter:blur(16px)!important;box-shadow:0 10px 34px -32px rgba(15,23,42,.45)!important}
.nav .nav-container{width:min(100% - 32px,1760px)!important;min-height:72px!important;margin:0 auto!important;padding:10px 0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;flex-wrap:nowrap!important;position:relative!important}
.nav .brand.nav-logo,.nav .nav-logo{display:inline-flex!important;align-items:center!important;gap:10px!important;min-width:0!important;min-height:48px!important;text-decoration:none!important;color:#0f172a!important}
.nav .nav-logo-mark{width:40px!important;height:40px!important;flex:0 0 40px!important;border-radius:14px!important}
.nav .nav-logo-text{display:grid!important;gap:2px!important;line-height:1.05!important;min-width:0!important;letter-spacing:-.03em!important}
.nav .nav-logo-text strong{display:block!important;font-size:1.2rem!important;font-weight:950!important;color:#0f172a!important;white-space:nowrap!important}
.nav .nav-logo-text small{display:block!important;font-size:.82rem!important;font-weight:850!important;color:#64748b!important;white-space:nowrap!important;letter-spacing:0!important}
.nav .mobile-nav-panel{display:contents!important;position:static!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;max-height:none!important;overflow:visible!important}
.nav .mobile-nav-panel-head,.nav .mobile-nav-close,.nav .mobile-nav-backdrop{display:none!important}
.nav .site-nav.nav-right-public{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:nowrap!important;width:auto!important;min-width:0!important}
.nav .nav-link,.nav .dropdown-toggle,.nav .nav-cta{appearance:none!important;border:0!important;background:transparent!important;min-height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;padding:12px 14px!important;color:#334155!important;font:inherit!important;font-size:.95rem!important;line-height:1!important;font-weight:900!important;text-decoration:none!important;cursor:pointer!important;white-space:nowrap!important;box-shadow:none!important}
.nav .dropdown-toggle:hover,.nav .dropdown-toggle:focus-visible,.nav .dropdown.is-open>.dropdown-toggle,.nav .dropdown:focus-within>.dropdown-toggle,.nav .nav-link:hover,.nav .nav-link:focus-visible{background:#eef2ff!important;color:#312e81!important;outline:none!important}
.nav .nav-cta{border:1px solid #dbe3ef!important;background:#fff!important;padding-inline:22px!important;box-shadow:0 10px 28px -24px rgba(15,23,42,.5)!important}
.nav .dropdown.nav-group{position:relative!important;display:inline-flex!important;align-items:center!important;width:auto!important;min-width:0!important}
.nav .dropdown.nav-group::after{content:""!important;position:absolute!important;left:0!important;right:0!important;top:100%!important;height:14px!important;pointer-events:auto!important}
.nav .dropdown-menu.nav-dropdown{position:absolute!important;right:0!important;left:auto!important;top:100%!important;min-width:250px!important;width:auto!important;margin-top:6px!important;display:none!important;grid-template-columns:1fr!important;gap:4px!important;padding:10px!important;border:1px solid #dbe7f6!important;border-radius:18px!important;background:#fff!important;box-shadow:0 24px 60px rgba(15,23,42,.15)!important;z-index:1005!important;animation:menuIn .14s ease-out!important}
.nav .dropdown:hover>.dropdown-menu,.nav .dropdown:focus-within>.dropdown-menu,.nav .dropdown.is-open>.dropdown-menu{display:grid!important}
.nav .dropdown-menu a{display:flex!important;align-items:center!important;min-height:42px!important;border-radius:13px!important;padding:10px 12px!important;color:#334155!important;text-decoration:none!important;font-weight:900!important;font-size:.95rem!important;white-space:normal!important;line-height:1.2!important;background:transparent!important}
.nav .dropdown-menu a:hover,.nav .dropdown-menu a:focus-visible{background:#f8fafc!important;color:#312e81!important;outline:none!important;box-shadow:inset 0 0 0 1px #dbe3ef!important}
.nav .mobile-menu-toggle{display:none!important}

.quickchat-top-admin{display:grid!important;grid-template-columns:minmax(300px,1.05fr) minmax(420px,1.6fr) auto!important;align-items:end!important;gap:16px!important;width:100%!important;padding:18px!important;border:1px solid #dbe3ef!important;border-radius:24px!important;background:rgba(255,255,255,.78)!important}
.quickchat-top-admin[hidden]{display:none!important}.quickchat-top-admin-form{display:grid!important;grid-template-columns:minmax(220px,1fr) auto!important;align-items:end!important;gap:12px!important;min-width:0!important}.quickchat-top-password{min-width:0!important}.quickchat-top-password .input{height:54px!important}.quickchat-permissions-form{display:grid!important;grid-template-columns:repeat(2,minmax(220px,1fr)) auto!important;gap:12px!important;align-items:stretch!important;min-width:0!important}.quickchat-toggle-row{min-height:54px!important;height:100%!important;display:flex!important;align-items:center!important;gap:12px!important;border:1px solid #dbe3ef!important;border-radius:18px!important;background:#f8fafc!important;padding:10px 14px!important;box-sizing:border-box!important;font-weight:950!important;line-height:1.15!important;color:#334155!important}.quickchat-toggle-row input{flex:0 0 24px!important;width:24px!important;height:24px!important;accent-color:#4f46e5!important}.quickchat-permissions-form .button,.quickchat-top-admin-form .button,.quickchat-delete-room{min-height:54px!important;height:54px!important;align-self:stretch!important;white-space:nowrap!important}.quickchat-delete-room{align-self:end!important;justify-self:end!important;min-width:170px!important}.quickchat-top-admin .quickchat-status{grid-column:1/-1!important;margin:0!important;min-height:0!important}

.quickchat-popover{position:fixed!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;z-index:1201!important;width:min(720px,calc(100vw - 28px))!important;max-height:min(84dvh,680px)!important;overflow:auto!important;display:block!important;padding:22px!important;border:1px solid #dbe3ef!important;border-radius:28px!important;background:#fff!important;box-shadow:0 34px 90px rgba(15,23,42,.28)!important}.quickchat-popover[hidden]{display:none!important}.quickchat-popover h2{margin:0 48px 8px 0!important;font-size:clamp(1.35rem,3vw,2rem)!important;letter-spacing:-.04em!important}.quickchat-element-picker-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin-top:14px!important}.quickchat-element-picker-grid button{min-height:96px!important;border:1px solid #dbe3ef!important;border-radius:20px!important;background:linear-gradient(135deg,#fff,#f8fbff)!important;text-align:left!important;padding:16px!important;color:#0f172a!important;display:grid!important;gap:6px!important;cursor:pointer!important;font:inherit!important}.quickchat-element-picker-grid button:hover,.quickchat-element-picker-grid button:focus-visible{border-color:#c7d2fe!important;background:#eef2ff!important;outline:3px solid rgba(79,70,229,.15)!important}.quickchat-element-picker-grid strong{font-size:1.08rem!important}.quickchat-element-picker-grid span{color:#64748b!important;font-weight:800!important;line-height:1.35!important}

.quickchat-whiteboard-stage{border:1px solid #dbe3ef;border-radius:22px;background:#f8fafc;padding:10px;min-height:min(58vh,560px)}.quickchat-whiteboard-stage[hidden]{display:none!important}.quickchat-whiteboard-viewport{height:min(56vh,540px);overflow:auto;border-radius:16px;background:#fff;touch-action:none;cursor:crosshair;position:relative}.quickchat-whiteboard-viewport.has-grid{background-color:#fff;background-image:linear-gradient(rgba(79,70,229,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(79,70,229,.12) 1px,transparent 1px);background-size:28px 28px}.quickchat-whiteboard-viewport.is-panning{cursor:grabbing}.quickchat-whiteboard-editor{display:block!important;max-width:none!important;width:1200px;height:720px;border:0!important;border-radius:0!important;background:#fff;touch-action:none;transform-origin:0 0}.quickchat-whiteboard-tools{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;border:1px solid #dbe3ef!important;border-radius:18px!important;background:#f8fafc!important;padding:10px!important}.quickchat-whiteboard-tools[hidden]{display:none!important}.quickchat-whiteboard-tools label{display:inline-flex!important;grid-template-columns:none!important;align-items:center!important;gap:8px!important;margin:0!important;font-size:.9rem!important;font-weight:950!important;color:#334155!important}.quickchat-whiteboard-tools input[type=color]{width:44px!important;height:38px!important;border:0!important;background:transparent!important;padding:0!important}.quickchat-whiteboard-tools input[type=range]{width:120px!important}.quickchat-whiteboard-zoom{min-width:52px;text-align:center;font-weight:950;color:#312e81}.quickchat-whiteboard-preview{position:relative}.quickchat-whiteboard-preview::after{content:"Öffnen / bearbeiten";position:absolute;right:10px;bottom:10px;border-radius:999px;background:rgba(15,23,42,.78);color:#fff;padding:6px 10px;font-size:.78rem;font-weight:950;opacity:0;transform:translateY(4px);transition:.16s ease}.quickchat-whiteboard-preview:hover::after,.quickchat-whiteboard-preview:focus-visible::after{opacity:1;transform:none}

@media(max-width:1200px){.quickchat-top-admin{grid-template-columns:1fr!important}.quickchat-top-admin-form{grid-template-columns:1fr auto!important}.quickchat-permissions-form{grid-template-columns:repeat(2,minmax(180px,1fr))!important}.quickchat-delete-room{justify-self:start!important;width:auto!important}}
@media(max-width:980px){.nav .nav-container{width:calc(100% - 20px)!important;min-height:64px!important}.nav .mobile-menu-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 52px!important;width:52px!important;height:52px!important;border:1px solid #cbd5e1!important;border-radius:18px!important;background:#fff!important;color:#0f172a!important;box-shadow:0 12px 28px -24px rgba(15,23,42,.65)!important;position:relative!important;z-index:1003!important;cursor:pointer!important}.nav .mobile-menu-toggle span{position:absolute!important;width:22px!important;height:2px!important;border-radius:999px!important;background:#0f172a!important;transition:transform .18s ease,opacity .18s ease,top .18s ease!important}.nav .mobile-menu-toggle span:nth-child(1){top:18px!important}.nav .mobile-menu-toggle span:nth-child(2){top:25px!important}.nav .mobile-menu-toggle span:nth-child(3){top:32px!important}.nav.is-mobile-open .mobile-menu-toggle span:nth-child(1){top:25px!important;transform:rotate(45deg)!important}.nav.is-mobile-open .mobile-menu-toggle span:nth-child(2){opacity:0!important;transform:scaleX(.35)!important}.nav.is-mobile-open .mobile-menu-toggle span:nth-child(3){top:25px!important;transform:rotate(-45deg)!important}.nav .mobile-nav-backdrop{display:block!important;position:fixed!important;inset:0!important;background:rgba(15,23,42,.38)!important;backdrop-filter:blur(6px)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .18s ease,visibility .18s ease!important;z-index:1001!important}.nav.is-mobile-open .mobile-nav-backdrop{opacity:1!important;visibility:visible!important;pointer-events:auto!important}.nav .mobile-nav-panel{display:block!important;position:fixed!important;left:12px!important;right:12px!important;top:76px!important;max-height:calc(100dvh - 88px)!important;overflow:auto!important;overscroll-behavior:contain!important;padding:16px!important;border:1px solid #dbe3ef!important;border-radius:26px!important;background:linear-gradient(180deg,#fff,#f8fbff)!important;box-shadow:0 26px 70px -28px rgba(15,23,42,.58)!important;z-index:1002!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-8px) scale(.985)!important;transition:opacity .18s ease,visibility .18s ease,transform .18s ease!important}.nav.is-mobile-open .mobile-nav-panel{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0) scale(1)!important}.nav .mobile-nav-panel-head{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:4px 4px 14px!important;border-bottom:1px solid #e2e8f0!important;margin-bottom:12px!important}.nav .mobile-nav-panel-head strong{display:block!important;color:#0f172a!important;font-size:1.05rem!important;font-weight:950!important}.nav .mobile-nav-panel-head span{display:block!important;margin-top:2px!important;color:#64748b!important;font-weight:800!important;font-size:.9rem!important}.nav .mobile-nav-close{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;border:1px solid #dbe3ef!important;border-radius:16px!important;background:#fff!important;color:#0f172a!important;font-size:1.55rem!important;font-weight:900!important;line-height:1!important}.nav .site-nav.nav-right-public{width:100%!important;display:grid!important;grid-template-columns:1fr!important;align-items:stretch!important;justify-content:stretch!important;gap:10px!important}.nav .site-nav>a,.nav .site-nav .dropdown-toggle,.nav .site-nav .nav-cta{width:100%!important;box-sizing:border-box!important;min-height:48px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border:1px solid #dbe3ef!important;border-radius:18px!important;background:#fff!important;color:#0f172a!important;padding:14px 16px!important;font-size:1rem!important;line-height:1.2!important}.nav .dropdown.nav-group{position:static!important;width:100%!important;display:grid!important}.nav .dropdown.nav-group::after{display:none!important}.nav .dropdown-menu.nav-dropdown{position:static!important;display:none!important;min-width:0!important;width:100%!important;margin:0!important;padding:8px!important;border:1px solid #e2e8f0!important;border-radius:18px!important;background:#f8fafc!important;box-shadow:none!important;animation:none!important}.nav .dropdown:hover>.dropdown-menu{display:none!important}.nav .dropdown.is-open>.dropdown-menu{display:grid!important}.nav .site-nav .nav-cta{justify-content:center!important;background:linear-gradient(135deg,#4f46e5,#2563eb)!important;color:#fff!important;border-color:#3730a3!important}.quickchat-top-admin-form,.quickchat-permissions-form{grid-template-columns:1fr!important}.quickchat-delete-room,.quickchat-top-admin-form .button,.quickchat-permissions-form .button{width:100%!important}.quickchat-element-picker-grid{grid-template-columns:1fr!important}.quickchat-modal{width:calc(100vw - 24px)!important}.quickchat-whiteboard-stage{min-height:50vh}.quickchat-whiteboard-viewport{height:50vh}}
@media(max-width:520px){.nav .nav-logo-text small{display:none!important}.quickchat-top-admin{padding:12px!important;border-radius:20px!important}.quickchat-toggle-row{font-size:.95rem!important}.quickchat-popover{padding:18px!important;border-radius:24px!important}.quickchat-whiteboard-tools{align-items:stretch!important}.quickchat-whiteboard-tools .button{flex:1 1 auto!important}.quickchat-whiteboard-tools label{width:100%!important;justify-content:space-between!important}.quickchat-whiteboard-tools input[type=range]{width:55%!important}}

/* v53: stabile Tools-Navigation, saubere Schnellchat-Kopfleiste, Whiteboard-Fit, sichere Links */
@media (min-width: 981px) {
  .nav .mobile-menu-toggle,
  .nav .mobile-nav-backdrop,
  .nav .mobile-nav-panel-head,
  .nav .mobile-nav-close { display: none !important; }
  .nav .mobile-nav-panel {
    display: contents !important;
    position: static !important;
    inset: auto !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
  .nav .site-nav.nav-right-public {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: clamp(6px, .9vw, 14px) !important;
    flex-wrap: nowrap !important;
    width: auto !important;
  }
  .nav .site-nav .nav-link,
  .nav .site-nav .dropdown-toggle,
  .nav .site-nav a:not(.nav-cta) {
    border: 0 !important;
    background: transparent !important;
    min-height: 44px !important;
    padding: 12px 14px !important;
    border-radius: 999px !important;
    color: #334155 !important;
    font: inherit !important;
    font-weight: 900 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
  }
  .nav .site-nav .dropdown-toggle:hover,
  .nav .site-nav .dropdown-toggle:focus-visible,
  .nav .dropdown.is-open > .dropdown-toggle,
  .nav .dropdown:hover > .dropdown-toggle,
  .nav .site-nav a:not(.nav-cta):hover,
  .nav .site-nav a:not(.nav-cta):focus-visible {
    background: #eef2ff !important;
    color: #312e81 !important;
    outline: none !important;
  }
  .nav .dropdown.nav-group {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    width: auto !important;
  }
  .nav .dropdown.nav-group::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: -10px !important;
    right: -10px !important;
    top: 100% !important;
    height: 16px !important;
    pointer-events: auto !important;
  }
  .nav .dropdown-menu.nav-dropdown {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    top: calc(100% + 12px) !important;
    transform: translateX(-50%) translateY(4px) !important;
    min-width: 260px !important;
    width: max-content !important;
    max-width: min(340px, calc(100vw - 32px)) !important;
    display: grid !important;
    gap: 6px !important;
    padding: 14px !important;
    border: 1px solid #dbe3ef !important;
    border-radius: 24px !important;
    background: #fff !important;
    box-shadow: 0 26px 70px -24px rgba(15,23,42,.38) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity .14s ease, transform .14s ease, visibility .14s ease !important;
    z-index: 5100 !important;
  }
  .nav .dropdown.is-open > .dropdown-menu,
  .nav .dropdown:hover > .dropdown-menu,
  .nav .dropdown:focus-within > .dropdown-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateX(-50%) translateY(0) !important;
  }
  .nav .dropdown-menu.nav-dropdown a {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-height: 42px !important;
    border-radius: 14px !important;
    padding: 10px 12px !important;
    white-space: nowrap !important;
    text-decoration: none !important;
  }
  .nav .nav-cta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 50px !important;
    padding: 13px 20px !important;
    border: 1px solid #dbe3ef !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #334155 !important;
    font-weight: 950 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }
}

.quickchat-room-top {
  display: grid !important;
  grid-template-columns: minmax(320px, 1fr) minmax(520px, min(850px, 48vw)) !important;
  align-items: center !important;
  gap: clamp(18px, 4vw, 48px) !important;
  overflow: hidden !important;
}
.quickchat-room-title-group { min-width: 0 !important; }
.quickchat-room-title-group h1 { overflow-wrap: anywhere !important; }
.quickchat-room-controls {
  display: grid !important;
  gap: 14px !important;
  align-self: center !important;
  justify-self: end !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: 860px !important;
}
.quickchat-room-actions {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}
.quickchat-top-admin {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  padding: 16px !important;
  border-radius: 24px !important;
}
.quickchat-top-admin-form {
  display: grid !important;
  grid-template-columns: minmax(220px, 1fr) auto !important;
  gap: 12px !important;
  align-items: end !important;
  min-width: 0 !important;
}
.quickchat-top-password,
.quickchat-top-password .input { min-width: 0 !important; width: 100% !important; }
.quickchat-permissions-form {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(210px, 1fr)) !important;
  gap: 12px !important;
  align-items: stretch !important;
  min-width: 0 !important;
}
.quickchat-toggle-row {
  min-width: 0 !important;
  min-height: 58px !important;
  height: auto !important;
  padding: 12px 14px !important;
}
.quickchat-toggle-row span { overflow-wrap: anywhere !important; }
.quickchat-admin-button-row {
  grid-column: 1 / -1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}
.quickchat-admin-button-row .button { min-height: 52px !important; }
.quickchat-delete-room { min-width: 166px !important; }
.quickchat-compose-options {
  display: flex !important;
  align-items: end !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  padding: 10px 14px 0 !important;
}
.quickchat-compose-options label { font-weight: 900 !important; color: #334155 !important; }
.quickchat-expire-custom {
  display: grid !important;
  grid-template-columns: 120px 140px !important;
  gap: 8px !important;
  align-items: end !important;
}
.quickchat-expire-custom[hidden] { display: none !important; }
.quickchat-safe-link {
  color: #312e81 !important;
  font-weight: 950 !important;
  text-decoration: underline !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 3px !important;
}
.quickchat-whiteboard-viewport {
  min-height: 420px !important;
  height: min(68vh, 720px) !important;
  cursor: crosshair !important;
}
.quickchat-whiteboard-viewport.has-grid::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: var(--whiteboard-grid-w, 1200px) !important;
  height: var(--whiteboard-grid-h, 720px) !important;
  pointer-events: none !important;
  z-index: 3 !important;
  background-image: linear-gradient(rgba(79,70,229,.22) 1px, transparent 1px), linear-gradient(90deg, rgba(79,70,229,.22) 1px, transparent 1px) !important;
  background-size: calc(28px * var(--whiteboard-zoom, 1)) calc(28px * var(--whiteboard-zoom, 1)) !important;
  mix-blend-mode: multiply !important;
}
.quickchat-whiteboard-editor { position: relative !important; z-index: 2 !important; box-shadow: 0 18px 40px rgba(15,23,42,.12) !important; }
.quickchat-voice-wave,
.quickchat-audio-waveform { background: #f8fafc !important; border: 1px solid #dbe3ef !important; border-radius: 18px !important; }

@media (max-width: 1260px) {
  .quickchat-room-top { grid-template-columns: 1fr !important; align-items: stretch !important; }
  .quickchat-room-controls { justify-self: stretch !important; max-width: none !important; }
  .quickchat-room-actions { justify-content: flex-start !important; }
}
@media (max-width: 760px) {
  .quickchat-room-top { padding: 18px !important; border-radius: 26px !important; }
  .quickchat-top-admin-form,
  .quickchat-permissions-form,
  .quickchat-expire-custom { grid-template-columns: 1fr !important; }
  .quickchat-admin-button-row { justify-content: stretch !important; }
  .quickchat-admin-button-row .button { width: 100% !important; }
  .quickchat-compose-options { align-items: stretch !important; }
  .quickchat-compose-options > label,
  .quickchat-expire-custom { width: 100% !important; }
  .quickchat-whiteboard-viewport { height: 55vh !important; min-height: 330px !important; }
}

/* QuickChat polish patch: prevent header overflow, hide stale modal options, improve timers and whiteboard viewport. */
.quickchat-room-top{
  grid-template-columns:minmax(0,1fr) minmax(360px,760px)!important;
  gap:clamp(18px,3vw,36px)!important;
  padding:clamp(22px,2.6vw,36px)!important;
  overflow:hidden!important;
}
.quickchat-room-controls{
  max-width:760px!important;
  justify-self:stretch!important;
}
.quickchat-room-actions .button{max-width:100%!important;}
.quickchat-top-admin{overflow:hidden!important;}
.quickchat-top-admin-form{grid-template-columns:minmax(0,1fr) auto!important;}
.quickchat-permissions-form{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.quickchat-toggle-row{min-width:0!important;align-items:center!important;}
.quickchat-toggle-row span{word-break:normal!important;overflow-wrap:normal!important;line-height:1.18!important;}
.quickchat-inline-check[hidden],
#qcCreatorOnlyLabel[hidden],
#qcWhiteboardEveryoneLabel[hidden]{display:none!important;}
.quickchat-compose-options{
  border-top:1px solid #e2e8f0!important;
  background:#fff!important;
  padding:10px 14px!important;
  margin:0!important;
}
.quickchat-compose-options>label,
.quickchat-expire-custom{
  border:1px solid #dbe3ef!important;
  border-radius:16px!important;
  background:#f8fafc!important;
  padding:8px 10px!important;
}
.quickchat-compose-options .input{min-height:38px!important;}
.quickchat-whiteboard-stage{min-height:min(64vh,620px)!important;}
.quickchat-whiteboard-viewport{
  height:min(62vh,610px)!important;
  min-height:420px!important;
  background-color:#fff!important;
}
.quickchat-whiteboard-viewport.has-grid::after{
  opacity:1!important;
  z-index:5!important;
  background-image:linear-gradient(rgba(49,46,129,.23) 1px, transparent 1px),linear-gradient(90deg,rgba(49,46,129,.23) 1px, transparent 1px)!important;
}
.quickchat-whiteboard-editor{background:rgba(255,255,255,.96)!important;}
.quickchat-element-card{position:relative!important;}
.quickchat-element-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:10px!important;}
.quickchat-delete-message{position:relative!important;z-index:4!important;margin-top:10px!important;}
@media(max-width:1260px){
  .quickchat-room-top{grid-template-columns:1fr!important;}
  .quickchat-room-controls{max-width:none!important;}
}
@media(max-width:760px){
  .quickchat-room-actions{justify-content:stretch!important;}
  .quickchat-room-actions .button{width:100%!important;}
  .quickchat-top-admin-form,.quickchat-permissions-form,.quickchat-expire-custom{grid-template-columns:1fr!important;}
  .quickchat-whiteboard-stage{min-height:52vh!important;}
  .quickchat-whiteboard-viewport{height:52vh!important;min-height:330px!important;}
}

/* Whiteboard v2: larger no-scroll editor, cursor zoom and fitted chat previews. */
.quickchat-modal[data-element-type="whiteboard"]{
  width:min(1240px,calc(100vw - 28px))!important;
  height:min(94dvh,980px)!important;
  max-height:calc(100dvh - 18px)!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  padding:clamp(16px,1.8vw,24px)!important;
}
.quickchat-modal[data-element-type="whiteboard"] .quickchat-modal-form{
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
}
.quickchat-modal[data-element-type="whiteboard"] h2{margin-bottom:10px!important;}
.quickchat-modal[data-element-type="whiteboard"] #qcElementTitle{min-height:46px!important;}
.quickchat-modal[data-element-type="whiteboard"] #qcElementOptionsLabel[hidden],
.quickchat-modal[data-element-type="whiteboard"] #qcNumberFields[hidden],
.quickchat-modal[data-element-type="whiteboard"] #qcCreatorOnlyLabel[hidden],
.quickchat-modal[data-element-type="whiteboard"] #qcWhiteboardEveryoneLabel[hidden]{display:none!important;}
.quickchat-modal[data-element-type="whiteboard"] .quickchat-help,
.quickchat-modal[data-element-type="whiteboard"] .quickchat-status{font-size:.9rem!important;line-height:1.25!important;}
.quickchat-whiteboard-stage:not([hidden]){
  min-height:0!important;
  height:auto!important;
  display:grid!important;
  border:1px solid #dbe3ef!important;
  border-radius:24px!important;
  background:#f8fafc!important;
  padding:10px!important;
  overflow:hidden!important;
}
.quickchat-whiteboard-viewport{
  min-height:0!important;
  height:auto!important;
  width:100%!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  border-radius:18px!important;
  background:#f8fafc!important;
  touch-action:none!important;
  position:relative!important;
  cursor:crosshair!important;
}
.quickchat-modal[data-element-type="whiteboard"] .quickchat-whiteboard-viewport{
  min-height:360px!important;
  height:100%!important;
}
.quickchat-whiteboard-space{
  position:relative!important;
  min-width:100%!important;
  min-height:100%!important;
}
.quickchat-whiteboard-editor{
  position:absolute!important;
  display:block!important;
  max-width:none!important;
  border:0!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 16px 42px rgba(15,23,42,.12)!important;
  transform:none!important;
  transform-origin:0 0!important;
  z-index:2!important;
}
.quickchat-whiteboard-viewport.has-grid{background-image:none!important;}
.quickchat-whiteboard-viewport.has-grid::after{display:none!important;content:none!important;}
.quickchat-whiteboard-viewport.has-grid .quickchat-whiteboard-space::after{
  content:""!important;
  position:absolute!important;
  left:var(--whiteboard-canvas-x,0)!important;
  top:var(--whiteboard-canvas-y,0)!important;
  width:var(--whiteboard-grid-w,1200px)!important;
  height:var(--whiteboard-grid-h,720px)!important;
  pointer-events:none!important;
  z-index:3!important;
  border-radius:12px!important;
  background-image:linear-gradient(rgba(49,46,129,.20) 1px,transparent 1px),linear-gradient(90deg,rgba(49,46,129,.20) 1px,transparent 1px)!important;
  background-size:calc(28px * var(--whiteboard-zoom,1)) calc(28px * var(--whiteboard-zoom,1))!important;
}
.quickchat-whiteboard-tools{
  flex:0 0 auto!important;
  align-items:center!important;
  gap:10px!important;
  border:1px solid #dbe3ef!important;
  border-radius:18px!important;
  background:#f8fafc!important;
  padding:10px!important;
}
.quickchat-whiteboard-preview{aspect-ratio:5 / 3!important;min-height:0!important;background:#fff!important;}
.quickchat-whiteboard-preview-canvas{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;background:#fff!important;}
@media(max-width:980px){
  .quickchat-modal[data-element-type="whiteboard"]{width:calc(100vw - 18px)!important;height:calc(100dvh - 18px)!important;max-height:calc(100dvh - 18px)!important;}
}
@media(max-width:640px){
  .quickchat-modal[data-element-type="whiteboard"]{top:8px!important;transform:translateX(-50%)!important;height:calc(100dvh - 16px)!important;padding:14px!important;border-radius:22px!important;}
  .quickchat-modal[data-element-type="whiteboard"] h2{font-size:1.35rem!important;margin-right:48px!important;}
  .quickchat-modal[data-element-type="whiteboard"] .quickchat-whiteboard-viewport{min-height:280px!important;}
  .quickchat-whiteboard-tools{gap:8px!important;}
  .quickchat-whiteboard-tools label{width:auto!important;justify-content:flex-start!important;}
}
.quickchat-modal[data-element-type="whiteboard"] #qcWhiteboardStage:not([hidden]){
  flex:1 1 auto!important;
}

/* Whiteboard v3: viewport/camera based editor, no scroll-stacked canvases. */
.quickchat-modal[data-element-type="whiteboard"]{
  width:min(1680px,calc(100vw - 32px))!important;
  height:min(94dvh,1080px)!important;
  max-height:calc(100dvh - 20px)!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  padding:clamp(16px,1.45vw,24px)!important;
}
.quickchat-modal[data-element-type="whiteboard"] .quickchat-modal-form{
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
}
.quickchat-modal[data-element-type="whiteboard"] h2{
  flex:0 0 auto!important;
  margin:0 54px 8px 0!important;
}
.quickchat-modal[data-element-type="whiteboard"] #qcElementTitle{
  min-height:44px!important;
}
.quickchat-modal[data-element-type="whiteboard"] #qcElementOptionsLabel[hidden],
.quickchat-modal[data-element-type="whiteboard"] #qcNumberFields[hidden],
.quickchat-modal[data-element-type="whiteboard"] #qcCreatorOnlyLabel[hidden],
.quickchat-modal[data-element-type="whiteboard"] #qcWhiteboardEveryoneLabel[hidden],
.quickchat-modal[data-element-type="whiteboard"] #qcElementForm>button[type="submit"][hidden]{
  display:none!important;
}
.quickchat-modal[data-element-type="whiteboard"] #qcWhiteboardStage:not([hidden]){
  flex:1 1 auto!important;
  min-height:520px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  overflow:hidden!important;
}
.quickchat-whiteboard-stage[hidden],
.quickchat-whiteboard-tools[hidden]{display:none!important;}
.quickchat-modal[data-element-type="whiteboard"] .quickchat-whiteboard-viewport,
#qcWhiteboardViewport.quickchat-whiteboard-viewport{
  flex:1 1 auto!important;
  width:100%!important;
  height:auto!important;
  min-height:480px!important;
  overflow:hidden!important;
  overscroll-behavior:contain!important;
  position:relative!important;
  border:1px solid #d9e3ef!important;
  border-radius:24px!important;
  background:#edf2f7!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 18px 48px -34px rgba(15,23,42,.35)!important;
  cursor:crosshair!important;
  touch-action:none!important;
}
.quickchat-modal[data-element-type="whiteboard"] .quickchat-whiteboard-viewport.has-grid,
#qcWhiteboardViewport.quickchat-whiteboard-viewport.has-grid{
  background-image:none!important;
}
.quickchat-modal[data-element-type="whiteboard"] .quickchat-whiteboard-viewport::after,
#qcWhiteboardViewport.quickchat-whiteboard-viewport::after,
.quickchat-modal[data-element-type="whiteboard"] .quickchat-whiteboard-space::after{
  display:none!important;
  content:none!important;
}
.quickchat-whiteboard-viewport.is-pan-mode,
.quickchat-whiteboard-viewport.is-panning{
  cursor:grab!important;
}
.quickchat-whiteboard-viewport.is-panning{
  cursor:grabbing!important;
}
.quickchat-modal[data-element-type="whiteboard"] .quickchat-whiteboard-editor,
#qcWhiteboardCanvas.quickchat-whiteboard-editor{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  border:0!important;
  border-radius:0!important;
  background:#edf2f7!important;
  box-shadow:none!important;
  transform:none!important;
  transform-origin:0 0!important;
  z-index:1!important;
  touch-action:none!important;
}
.quickchat-whiteboard-hint{
  margin:0!important;
  color:#64748b!important;
  font-size:.88rem!important;
  font-weight:850!important;
  line-height:1.25!important;
}
.quickchat-modal[data-element-type="whiteboard"] .quickchat-whiteboard-tools{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  border:1px solid #dbe3ef!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#fff,#f8fafc)!important;
  padding:10px 12px!important;
  box-shadow:0 12px 36px -30px rgba(15,23,42,.42)!important;
}
.quickchat-modal[data-element-type="whiteboard"] .quickchat-whiteboard-tools label{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  width:auto!important;
  margin:0!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
.quickchat-modal[data-element-type="whiteboard"] .quickchat-whiteboard-tools input[type="color"]{
  width:44px!important;
  height:38px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.quickchat-modal[data-element-type="whiteboard"] .quickchat-whiteboard-tools input[type="range"]{
  width:150px!important;
}
.quickchat-modal[data-element-type="whiteboard"] .quickchat-whiteboard-zoom{
  min-width:58px!important;
  text-align:center!important;
  font-weight:950!important;
  color:#312e81!important;
}
.quickchat-modal[data-element-type="whiteboard"] .compact-button{
  min-height:38px!important;
  padding:8px 14px!important;
}
.quickchat-whiteboard-preview{
  aspect-ratio:5 / 3!important;
  min-height:0!important;
  background:#fff!important;
}
.quickchat-whiteboard-preview-canvas{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  background:#fff!important;
}
@media(max-width:980px){
  .quickchat-modal[data-element-type="whiteboard"]{
    width:calc(100vw - 18px)!important;
    height:calc(100dvh - 18px)!important;
    max-height:calc(100dvh - 18px)!important;
  }
  .quickchat-modal[data-element-type="whiteboard"] #qcWhiteboardStage:not([hidden]){min-height:420px!important;}
  .quickchat-modal[data-element-type="whiteboard"] .quickchat-whiteboard-viewport{min-height:380px!important;}
}
@media(max-width:640px){
  .quickchat-modal[data-element-type="whiteboard"]{
    top:8px!important;
    transform:translateX(-50%)!important;
    height:calc(100dvh - 16px)!important;
    padding:13px!important;
    border-radius:22px!important;
  }
  .quickchat-modal[data-element-type="whiteboard"] h2{font-size:1.32rem!important;margin-right:48px!important;}
  .quickchat-modal[data-element-type="whiteboard"] #qcWhiteboardStage:not([hidden]){min-height:300px!important;}
  .quickchat-modal[data-element-type="whiteboard"] .quickchat-whiteboard-viewport{min-height:280px!important;border-radius:18px!important;}
  .quickchat-whiteboard-hint{display:none!important;}
  .quickchat-modal[data-element-type="whiteboard"] .quickchat-whiteboard-tools{gap:8px!important;align-items:stretch!important;}
  .quickchat-modal[data-element-type="whiteboard"] .quickchat-whiteboard-tools label{flex:1 1 auto!important;justify-content:space-between!important;}
  .quickchat-modal[data-element-type="whiteboard"] .quickchat-whiteboard-tools input[type="range"]{width:120px!important;}
}


/* Whiteboard-Modal muss trotz späterer Whiteboard-Flex-Regeln wirklich ausgeblendet werden. */
.quickchat-modal[data-element-type="whiteboard"][hidden],
.quickchat-modal[hidden]{
  display:none!important;
}

/* Quickchat user color identity: persistent participant color for presence, messages and whiteboards. */
.quickchat-participant.has-user-color,
#qcProfilePanel.has-user-color{
  border-color:rgba(var(--qc-user-rgb),.5)!important;
  background:
    linear-gradient(135deg,rgba(var(--qc-user-rgb),.15),rgba(255,255,255,.96) 48%,rgba(var(--qc-user-rgb),.06))!important;
  box-shadow:inset 4px 0 0 var(--qc-user-color),0 14px 34px rgba(var(--qc-user-rgb),.10)!important;
}
.quickchat-participant.has-user-color.is-owner,
.quickchat-participant.has-user-color.is-moderator{
  border-color:rgba(var(--qc-user-rgb),.62)!important;
  background:
    linear-gradient(135deg,rgba(var(--qc-user-rgb),.18),#fff 50%,rgba(var(--qc-user-rgb),.08))!important;
}
.quickchat-participant.has-user-color .quickchat-participant-main strong,
#qcProfilePanel.has-user-color h2{
  color:#0f172a!important;
}
.quickchat-online-dot.has-user-color{
  background:#22c55e!important;
  border:2px solid #fff!important;
  box-shadow:0 0 0 3px var(--qc-user-color),0 0 0 8px rgba(var(--qc-user-rgb),.13)!important;
}
.quickchat-message.has-user-color:not(.is-system){
  border-color:rgba(var(--qc-user-rgb),.48)!important;
  background:linear-gradient(135deg,rgba(var(--qc-user-rgb),.07),#fff 42%,#fff)!important;
  box-shadow:inset 4px 0 0 var(--qc-user-color),0 14px 32px rgba(var(--qc-user-rgb),.09)!important;
}
.quickchat-message.has-user-color.is-own:not(.is-system){
  background:linear-gradient(135deg,rgba(var(--qc-user-rgb),.15),#fff 56%,rgba(var(--qc-user-rgb),.05))!important;
  border-color:rgba(var(--qc-user-rgb),.62)!important;
}
.quickchat-message.has-user-color .quickchat-message-meta strong{
  color:var(--qc-user-color)!important;
}
.quickchat-message.has-user-color.is-mentioned:not(.is-system){
  border-color:#f59e0b!important;
  box-shadow:inset 4px 0 0 var(--qc-user-color),0 0 0 2px rgba(245,158,11,.25),0 16px 40px rgba(245,158,11,.12)!important;
}
.quickchat-element-card.has-user-color{
  border-color:rgba(var(--qc-user-rgb),.45)!important;
  background:linear-gradient(135deg,rgba(var(--qc-user-rgb),.08),#fff 48%,rgba(var(--qc-user-rgb),.04))!important;
  box-shadow:inset 4px 0 0 var(--qc-user-color),0 16px 42px rgba(var(--qc-user-rgb),.08)!important;
}
.quickchat-element-card.has-user-color>small::before{
  content:"";
  display:inline-block;
  width:.72em;
  height:.72em;
  border-radius:999px;
  margin-right:.38em;
  background:var(--qc-user-color);
  box-shadow:0 0 0 3px rgba(var(--qc-user-rgb),.14);
  vertical-align:-.05em;
}

/* QuickChat UI refinement: keep colored shadows visible, color typing state and use a clean presence indicator. */
.quickchat-panel,
.quickchat-participants,
.quickchat-participant,
.quickchat-participant-head,
.quickchat-participant-identity{
  overflow:visible!important;
}
.quickchat-participants{
  padding:3px 4px 6px!important;
  margin:-3px -4px -6px!important;
}
.quickchat-participant.has-user-color{
  position:relative!important;
  margin:2px 0 5px!important;
  box-shadow:0 14px 32px -22px rgba(var(--qc-user-rgb),.9),inset 4px 0 0 var(--qc-user-color)!important;
}
.quickchat-message-list{
  padding:26px 34px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
.quickchat-message.has-user-color:not(.is-system){
  margin-inline:2px!important;
  box-shadow:0 14px 34px -24px rgba(var(--qc-user-rgb),.95),inset 4px 0 0 var(--qc-user-color)!important;
}
.quickchat-message.has-user-color.is-mentioned:not(.is-system){
  box-shadow:0 0 0 2px rgba(245,158,11,.22),0 16px 40px -24px rgba(245,158,11,.55),inset 4px 0 0 var(--qc-user-color)!important;
}
.quickchat-online-dot{
  position:relative!important;
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
  display:inline-grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:rgba(var(--qc-user-rgb,79,70,229),.13)!important;
  border:1px solid rgba(var(--qc-user-rgb,79,70,229),.30)!important;
  box-shadow:none!important;
}
.quickchat-online-dot::after{
  content:"";
  width:8px;
  height:8px;
  border-radius:999px;
  background:#22c55e;
  box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(34,197,94,.13);
}
.quickchat-online-dot.has-user-color{
  background:rgba(var(--qc-user-rgb),.13)!important;
  border-color:rgba(var(--qc-user-rgb),.42)!important;
  box-shadow:none!important;
}
.quickchat-participant.has-user-color .quickchat-participant-main strong.has-user-color,
.quickchat-participant.has-user-color.is-typing .quickchat-participant-main strong{
  color:var(--qc-user-color)!important;
}
.quickchat-typing{
  width:max-content!important;
  max-width:calc(100% - 44px)!important;
  min-height:0!important;
  margin:0 22px 10px!important;
  padding:8px 12px!important;
  border:1px solid transparent!important;
  border-radius:999px!important;
  background:transparent!important;
  box-shadow:none!important;
  flex-wrap:wrap!important;
}
.quickchat-typing.is-active.has-user-color{
  color:var(--qc-user-color)!important;
  border-color:rgba(var(--qc-user-rgb),.30)!important;
  background:linear-gradient(135deg,rgba(var(--qc-user-rgb),.12),rgba(255,255,255,.94))!important;
  box-shadow:0 10px 26px -20px rgba(var(--qc-user-rgb),.9)!important;
}
.quickchat-typing-name.has-user-color{
  color:var(--qc-user-color)!important;
}
.quickchat-typing-action{
  color:#64748b!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
.quickchat-typing-more,
.quickchat-typing-separator{
  color:#64748b!important;
}
@media(max-width:620px){
  .quickchat-message-list{padding:22px 24px!important;}
  .quickchat-typing{max-width:calc(100% - 28px)!important;margin:0 14px 9px!important;}
}

/* QuickChat v60: ephemeral room UX, smart scroll, pins, question answers and mute controls. */
.quickchat-main{
  position:relative!important;
  grid-template-rows:auto minmax(420px,1fr) auto auto auto auto auto!important;
}
.quickchat-pinned-panel{
  margin:12px 14px 0!important;
  padding:12px!important;
  border:1px solid #dbe3ef!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#fff,#f8fbff)!important;
  box-shadow:0 10px 26px -22px rgba(15,23,42,.35)!important;
  display:grid!important;
  gap:10px!important;
}
.quickchat-pinned-panel[hidden]{display:none!important}
.quickchat-pinned-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#0f172a;font-weight:950}
.quickchat-pinned-list{display:grid;gap:8px;max-height:180px;overflow:auto;padding:2px 4px 4px;margin:0 -4px}
.quickchat-pinned-entry{
  text-align:left;border:1px solid rgba(var(--qc-user-rgb,79,70,229),.24);border-radius:16px;background:rgba(var(--qc-user-rgb,79,70,229),.06);padding:9px 11px;display:grid;gap:2px;cursor:pointer;color:#172033;font:inherit;font-weight:900
}
.quickchat-pinned-entry:hover,.quickchat-pinned-entry:focus-visible{outline:3px solid rgba(var(--qc-user-rgb,79,70,229),.16);background:#fff}
.quickchat-pinned-entry span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.quickchat-pinned-entry small{color:#64748b;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.quickchat-message.is-element{
  border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;max-width:min(680px,96%)!important;overflow:visible!important;
}
.quickchat-message.is-element.has-user-color{
  border:0!important;background:transparent!important;box-shadow:none!important;
}
.quickchat-message.is-element .quickchat-element-card{width:min(620px,100%)!important;margin:0!important}
.quickchat-message.is-pinned:not(.is-system):not(.is-element){box-shadow:0 0 0 2px rgba(245,158,11,.22),0 14px 34px -24px rgba(245,158,11,.65),inset 4px 0 0 var(--qc-user-color,#4f46e5)!important}
.quickchat-message-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}
.quickchat-message-action{border:1px solid #c7d2fe;border-radius:999px;background:#eef2ff;color:#312e81;font:inherit;font-size:.78rem;font-weight:950;padding:7px 10px;cursor:pointer}
.quickchat-message-action:hover,.quickchat-message-action:focus-visible{background:#fff;outline:3px solid rgba(79,70,229,.15)}
.quickchat-message-action.is-danger{border-color:#fecaca;background:#fff7f7;color:#991b1b}
.quickchat-jump-button{
  position:absolute;left:50%;bottom:154px;transform:translateX(-50%);z-index:7;border:1px solid #c7d2fe;border-radius:999px;background:#fff;color:#312e81;box-shadow:0 18px 42px rgba(79,70,229,.18);padding:10px 14px;font:inherit;font-weight:950;cursor:pointer
}
.quickchat-jump-button[hidden]{display:none!important}
.quickchat-jump-button:hover,.quickchat-jump-button:focus-visible{background:#eef2ff;outline:3px solid rgba(79,70,229,.16)}
.quickchat-bottom-sentinel{height:1px;min-height:1px;flex:0 0 1px}
.quickchat-message.is-highlighted{animation:quickchat-highlight-pulse 1.25s ease}
@keyframes quickchat-highlight-pulse{0%,100%{filter:none}35%{filter:drop-shadow(0 0 14px rgba(79,70,229,.35));transform:translateY(-1px)}}
.quickchat-question-answer-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;margin-top:6px}
.quickchat-question-answer-form textarea.input{min-height:54px!important;border-radius:16px!important;resize:vertical!important;padding:10px!important}
.quickchat-question-answers{display:grid;gap:8px;border-top:1px solid #e2e8f0;padding-top:10px;margin-top:2px}
.quickchat-question-answers>strong{font-size:.92rem;color:#334155}
.quickchat-question-answer{border:1px solid rgba(var(--qc-user-rgb,79,70,229),.22);border-radius:15px;background:rgba(var(--qc-user-rgb,79,70,229),.055);padding:9px 10px;display:grid;gap:4px}
.quickchat-question-answer small{color:var(--qc-user-color,#4f46e5);font-weight:950}
.quickchat-question-answer p{margin:0;white-space:pre-wrap;color:#0f172a;font-weight:760}
.quickchat-muted-badge{flex:0 0 auto;min-height:27px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #fecaca;border-radius:999px;background:#fff7f7;color:#991b1b;padding:4px 9px;font-size:.72rem;font-weight:950;line-height:1}
.quickchat-participant.is-muted{opacity:.94}
.quickchat-participant.is-muted .quickchat-online-dot::after{background:#94a3b8!important;box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(148,163,184,.14)!important}
@media(max-width:760px){
  .quickchat-main{grid-template-rows:auto minmax(360px,1fr) auto auto auto auto auto!important}
  .quickchat-question-answer-form{grid-template-columns:1fr}
  .quickchat-jump-button{bottom:188px;max-width:calc(100% - 32px);white-space:nowrap}
}

/* QuickChat v61: clean moderation menus, fixed chat viewport, stronger pins and unclipped element cards. */
.quickchat-app{
  height:clamp(640px, calc(100dvh - 190px), 900px)!important;
  min-height:0!important;
  align-items:stretch!important;
}
.quickchat-sidebar{
  max-height:100%!important;
  overflow:auto!important;
  padding:4px 8px 28px 4px!important;
  scrollbar-gutter:stable!important;
}
.quickchat-main{
  height:100%!important;
  min-height:0!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto auto auto auto!important;
  overflow:hidden!important;
}
.quickchat-message-list{
  min-height:0!important;
  height:auto!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:34px 52px 42px!important;
  scroll-padding-top:28px!important;
  scroll-padding-bottom:42px!important;
}
.quickchat-compose,
.quickchat-compose-options,
.quickchat-compose-help,
.quickchat-status#qcRoomStatus{
  flex:0 0 auto!important;
}
.quickchat-compose{
  position:relative!important;
  z-index:8!important;
  box-shadow:0 -12px 34px -34px rgba(15,23,42,.45)!important;
}
.quickchat-jump-button{
  bottom:calc(132px + env(safe-area-inset-bottom,0px))!important;
}
.quickchat-typing{
  width:auto!important;
  max-width:calc(100% - 48px)!important;
  min-height:36px!important;
  align-self:start!important;
}
.quickchat-participant.can-manage{
  position:relative!important;
}
.quickchat-participant-manage{
  flex:0 0 auto!important;
  min-height:30px!important;
  border:1px solid rgba(var(--qc-user-rgb,79,70,229),.32)!important;
  border-radius:999px!important;
  background:rgba(var(--qc-user-rgb,79,70,229),.08)!important;
  color:var(--qc-user-color,#312e81)!important;
  font:inherit!important;
  font-size:.74rem!important;
  font-weight:950!important;
  padding:5px 9px!important;
  cursor:pointer!important;
  opacity:.74!important;
  transition:opacity .16s ease,background .16s ease,transform .16s ease!important;
}
.quickchat-participant.can-manage:hover .quickchat-participant-manage,
.quickchat-participant.can-manage:focus-within .quickchat-participant-manage,
.quickchat-participant.is-actions-open .quickchat-participant-manage{
  opacity:1!important;
}
.quickchat-participant-manage:hover,
.quickchat-participant-manage:focus-visible{
  background:#fff!important;
  outline:3px solid rgba(var(--qc-user-rgb,79,70,229),.16)!important;
  transform:translateY(-1px)!important;
}
.quickchat-participant.can-manage .quickchat-participant-actions{
  display:none!important;
  margin-top:6px!important;
  border-top:1px solid rgba(var(--qc-user-rgb,79,70,229),.12)!important;
  padding-top:9px!important;
}
.quickchat-participant.can-manage:hover .quickchat-participant-actions,
.quickchat-participant.can-manage:focus-within .quickchat-participant-actions,
.quickchat-participant.can-manage.is-actions-open .quickchat-participant-actions{
  display:grid!important;
}
.quickchat-participant.can-manage::after{
  content:"Verwaltbar";
  position:absolute;
  right:14px;
  bottom:10px;
  color:rgba(var(--qc-user-rgb,79,70,229),.70);
  font-size:.68rem;
  font-weight:950;
  opacity:0;
  pointer-events:none;
  transition:opacity .16s ease;
}
.quickchat-participant.can-manage:not(:hover):not(:focus-within):not(.is-actions-open)::after{
  opacity:.58;
}
.quickchat-pinned-panel{
  position:relative!important;
  z-index:9!important;
  margin:14px 18px 0!important;
  box-shadow:0 18px 46px -34px rgba(15,23,42,.45)!important;
}
.quickchat-pinned-head strong{
  white-space:nowrap!important;
}
.quickchat-pinned-list{
  max-height:156px!important;
  overflow:auto!important;
  padding:4px 6px 8px!important;
  margin:0 -6px!important;
}
.quickchat-pinned-entry-wrap{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:center!important;
  border:1px solid rgba(var(--qc-user-rgb,79,70,229),.24)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(var(--qc-user-rgb,79,70,229),.08),#fff)!important;
  box-shadow:0 12px 30px -26px rgba(var(--qc-user-rgb,79,70,229),.85)!important;
  padding:6px!important;
}
.quickchat-pinned-entry{
  border:0!important;
  background:transparent!important;
  padding:6px 8px!important;
  min-width:0!important;
}
.quickchat-pinned-unpin{
  min-height:32px!important;
  border:1px solid #fecaca!important;
  border-radius:999px!important;
  background:#fff7f7!important;
  color:#991b1b!important;
  font:inherit!important;
  font-size:.76rem!important;
  font-weight:950!important;
  padding:6px 10px!important;
  cursor:pointer!important;
}
.quickchat-pinned-unpin:hover,
.quickchat-pinned-unpin:focus-visible{
  background:#fef2f2!important;
  outline:3px solid rgba(239,68,68,.14)!important;
}
.quickchat-message.is-element{
  margin:8px 14px 18px!important;
  overflow:visible!important;
}
.quickchat-message.is-element.is-own{
  margin-right:16px!important;
}
.quickchat-message.is-element .quickchat-element-card{
  max-width:calc(100% - 4px)!important;
  box-shadow:0 18px 44px -30px rgba(var(--qc-user-rgb,79,70,229),.95),inset 4px 0 0 var(--qc-user-color,#4f46e5)!important;
}
@media(max-width:1180px){
  .quickchat-app{height:auto!important;min-height:0!important;}
  .quickchat-sidebar{max-height:none!important;overflow:visible!important;padding-right:0!important;}
  .quickchat-main{height:clamp(620px,72dvh,820px)!important;}
}
@media(max-width:760px){
  .quickchat-main{height:calc(100dvh - 128px)!important;min-height:560px!important;}
  .quickchat-message-list{padding:26px 28px 34px!important;}
  .quickchat-pinned-list{max-height:132px!important;}
  .quickchat-pinned-entry-wrap{grid-template-columns:1fr!important;}
  .quickchat-pinned-unpin{justify-self:start!important;}
  .quickchat-participant.can-manage::after{display:none!important;}
}

/* QuickChat v62: click-only moderation menu, stable chat panel, floating message actions, better shadow gutters and more room. */
.quickchat-room-shell{
  width:min(1760px,calc(100vw - 32px))!important;
  max-width:none!important;
  margin-left:50%!important;
  transform:translateX(-50%)!important;
}
.quickchat-app{
  grid-template-columns:minmax(390px,440px) minmax(0,1fr)!important;
  gap:clamp(22px,2.2vw,34px)!important;
  height:clamp(700px,calc(100dvh - 160px),980px)!important;
  min-height:0!important;
}
.quickchat-sidebar{
  padding:14px 24px 58px 14px!important;
  margin:-14px -24px -58px -14px!important;
  overflow-y:auto!important;
  overflow-x:visible!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
}
.quickchat-sidebar .quickchat-panel{
  overflow:visible!important;
  position:relative!important;
  margin:0 0 18px!important;
}
.quickchat-participants{
  position:relative!important;
  gap:12px!important;
  padding:4px 8px 10px!important;
  margin:-4px -8px -10px!important;
  overflow:visible!important;
}
.quickchat-participant.has-user-color{
  margin:4px 0 8px!important;
  overflow:visible!important;
}
.quickchat-participant.can-manage{
  z-index:1!important;
}
.quickchat-participant.can-manage.is-actions-open{
  z-index:60!important;
}
.quickchat-participant.can-manage::after{
  display:none!important;
  content:none!important;
}
.quickchat-participant.can-manage:hover .quickchat-participant-actions,
.quickchat-participant.can-manage:focus-within .quickchat-participant-actions{
  display:none!important;
}
.quickchat-participant.can-manage.is-actions-open .quickchat-participant-actions{
  display:grid!important;
}
.quickchat-participant.can-manage .quickchat-participant-actions{
  position:absolute!important;
  left:16px!important;
  right:16px!important;
  top:calc(100% - 6px)!important;
  z-index:70!important;
  margin:0!important;
  padding:12px!important;
  border:1px solid rgba(var(--qc-user-rgb,79,70,229),.22)!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 28px 70px -26px rgba(var(--qc-user-rgb,79,70,229),.72),0 16px 50px -32px rgba(15,23,42,.48)!important;
  backdrop-filter:blur(12px)!important;
}
.quickchat-participant-manage{
  opacity:1!important;
}
.quickchat-main{
  height:100%!important;
  min-height:0!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto auto auto auto!important;
  overflow:hidden!important;
  position:relative!important;
}
.quickchat-message-list{
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:42px 72px 64px!important;
  gap:18px!important;
  overscroll-behavior:contain!important;
  scroll-padding-top:36px!important;
  scroll-padding-bottom:80px!important;
}
.quickchat-message:not(.is-system){
  position:relative!important;
  overflow:visible!important;
}
.quickchat-message.has-user-color:not(.is-system){
  margin:4px 8px 12px!important;
}
.quickchat-message.is-element{
  margin:12px 22px 26px!important;
}
.quickchat-message.is-element .quickchat-element-card,
.quickchat-element-card.has-user-color{
  overflow:visible!important;
  box-shadow:0 22px 54px -30px rgba(var(--qc-user-rgb,79,70,229),.95),inset 4px 0 0 var(--qc-user-color,#4f46e5)!important;
}
.quickchat-message-actions{
  position:absolute!important;
  left:12px!important;
  bottom:-20px!important;
  z-index:12!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  margin:0!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(-2px)!important;
  pointer-events:none!important;
  transition:opacity .14s ease,visibility .14s ease,transform .14s ease!important;
}
.quickchat-message.is-own .quickchat-message-actions{
  left:auto!important;
  right:12px!important;
}
.quickchat-message:not(.is-system):hover .quickchat-message-actions,
.quickchat-message:not(.is-system):focus-within .quickchat-message-actions,
.quickchat-message-actions:focus-within{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0)!important;
  pointer-events:auto!important;
}
.quickchat-message-action{
  box-shadow:0 12px 26px -20px rgba(15,23,42,.55)!important;
}
.quickchat-pinned-panel{
  position:relative!important;
  z-index:20!important;
  margin:16px 22px 0!important;
  overflow:visible!important;
  box-shadow:0 18px 46px -32px rgba(15,23,42,.42)!important;
}
.quickchat-pinned-list{
  max-height:132px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:8px 10px 12px!important;
  margin:0 -10px!important;
}
.quickchat-jump-button{
  bottom:calc(var(--qc-input-stack-height, 172px) + 18px)!important;
  z-index:30!important;
  box-shadow:0 22px 54px rgba(79,70,229,.24)!important;
}
.quickchat-compose,
.quickchat-compose-options,
.quickchat-compose-help,
.quickchat-status#qcRoomStatus{
  position:relative!important;
  z-index:22!important;
}
.quickchat-compose{
  background:#fff!important;
  border-top:1px solid #e2e8f0!important;
}
@media(max-width:1180px){
  .quickchat-room-shell{width:calc(100vw - 20px)!important;}
  .quickchat-app{grid-template-columns:1fr!important;height:auto!important;min-height:0!important;}
  .quickchat-sidebar{overflow:visible!important;margin:0!important;padding:0!important;}
  .quickchat-main{height:clamp(620px,72dvh,860px)!important;}
}
@media(max-width:760px){
  .quickchat-room-shell{width:calc(100vw - 12px)!important;}
  .quickchat-message-list{padding:32px 32px 54px!important;gap:16px!important;}
  .quickchat-jump-button{bottom:calc(var(--qc-input-stack-height, 205px) + 14px)!important;max-width:calc(100% - 34px)!important;}
  .quickchat-participant.can-manage .quickchat-participant-actions{left:10px!important;right:10px!important;top:calc(100% - 4px)!important;}
}

/* QuickChat v63: sidebar tabs, click-only management, self profile inside participant list and safer shadow gutters. */
.quickchat-app{
  grid-template-columns:minmax(360px,430px) minmax(0,1fr)!important;
  gap:clamp(26px,2.4vw,42px)!important;
}
.quickchat-sidebar{
  padding:22px 32px 72px 24px!important;
  margin:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-gutter:stable both-edges!important;
}
.quickchat-side-tabs-panel{
  padding:20px!important;
  overflow:visible!important;
}
.quickchat-side-tabs{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important;
  gap:8px!important;
  margin:0 0 14px!important;
  padding:6px!important;
  border:1px solid #dbe3ef!important;
  border-radius:22px!important;
  background:#f8fafc!important;
}
.quickchat-side-tab{
  min-height:40px!important;
  border:1px solid transparent!important;
  border-radius:16px!important;
  background:transparent!important;
  color:#334155!important;
  font:inherit!important;
  font-size:.9rem!important;
  font-weight:950!important;
  cursor:pointer!important;
}
.quickchat-side-tab:hover,
.quickchat-side-tab:focus-visible{
  background:#fff!important;
  outline:3px solid rgba(79,70,229,.14)!important;
}
.quickchat-side-tab.is-active{
  color:#312e81!important;
  border-color:#c7d2fe!important;
  background:#fff!important;
  box-shadow:0 12px 26px -22px rgba(79,70,229,.45)!important;
}
.quickchat-side-tab-panel[hidden]{display:none!important}
.quickchat-side-tab-panel{overflow:visible!important;min-width:0!important}
.quickchat-participants{
  padding:10px 14px 20px!important;
  margin:0!important;
  overflow:visible!important;
  gap:14px!important;
}
.quickchat-participant.has-user-color{
  margin:0 0 14px!important;
  overflow:visible!important;
  box-shadow:0 18px 38px -28px rgba(var(--qc-user-rgb),.92),inset 4px 0 0 var(--qc-user-color)!important;
}
.quickchat-participant.is-self{
  outline:2px solid rgba(var(--qc-user-rgb,79,70,229),.28)!important;
  outline-offset:2px!important;
}
.quickchat-self-badge{
  border:1px solid rgba(var(--qc-user-rgb,79,70,229),.28)!important;
  border-radius:999px!important;
  background:rgba(var(--qc-user-rgb,79,70,229),.10)!important;
  color:var(--qc-user-color,#312e81)!important;
  font-size:.74rem!important;
  font-weight:950!important;
  padding:5px 9px!important;
  white-space:nowrap!important;
}
.quickchat-own-name-button{
  appearance:none!important;
  border:0!important;
  background:transparent!important;
  padding:0!important;
  margin:0!important;
  color:inherit!important;
  font:inherit!important;
  font-weight:inherit!important;
  text-align:left!important;
  cursor:pointer!important;
  max-width:100%!important;
}
.quickchat-own-name-button:hover strong,
.quickchat-own-name-button:focus-visible strong{
  text-decoration:underline!important;
  text-underline-offset:3px!important;
}
.quickchat-own-name-button:focus-visible{
  outline:3px solid rgba(var(--qc-user-rgb,79,70,229),.16)!important;
  border-radius:10px!important;
}
.quickchat-inline-profile{
  display:grid!important;
  gap:10px!important;
  border-top:1px solid rgba(var(--qc-user-rgb,79,70,229),.14)!important;
  padding-top:12px!important;
}
.quickchat-inline-profile label{
  display:grid!important;
  gap:7px!important;
  color:#334155!important;
  font-size:.84rem!important;
  font-weight:950!important;
}
.quickchat-inline-profile .input{
  width:100%!important;
  border-radius:16px!important;
}
.quickchat-inline-profile-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}
.quickchat-participant.can-manage .quickchat-participant-actions,
.quickchat-participant.can-manage:hover .quickchat-participant-actions,
.quickchat-participant.can-manage:focus-within .quickchat-participant-actions,
.quickchat-participant.can-manage:not(.is-actions-open) .quickchat-participant-actions{
  display:none!important;
}
.quickchat-participant.can-manage.is-actions-open .quickchat-participant-actions{
  display:grid!important;
  position:static!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  z-index:auto!important;
  margin:10px 0 0!important;
  padding:12px 0 0!important;
  border:0!important;
  border-top:1px solid rgba(var(--qc-user-rgb,79,70,229),.16)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.quickchat-participant-manage{
  opacity:1!important;
  min-width:88px!important;
}
.quickchat-chat-search{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:12px 18px!important;
  border-bottom:1px solid #e2e8f0!important;
  background:linear-gradient(135deg,#fff,#f8fbff)!important;
  position:relative!important;
  z-index:23!important;
}
.quickchat-chat-search .input{
  min-height:42px!important;
  flex:1 1 auto!important;
  border-radius:999px!important;
  background:#fff!important;
  font-weight:850!important;
}
.quickchat-chat-search span{
  color:#64748b!important;
  font-size:.84rem!important;
  font-weight:850!important;
  white-space:nowrap!important;
}
.quickchat-main{
  grid-template-rows:auto auto minmax(0,1fr) auto auto auto auto!important;
}
.quickchat-message-list{
  padding:44px 78px 74px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scroll-padding-bottom:92px!important;
}
.quickchat-message.has-user-color:not(.is-system){
  margin:6px 10px 16px!important;
  overflow:visible!important;
}
.quickchat-message.is-element{
  margin:16px 28px 32px!important;
  overflow:visible!important;
}
.quickchat-message.is-element .quickchat-element-card,
.quickchat-element-card.has-user-color{
  margin:0 0 6px!important;
  overflow:visible!important;
  box-shadow:0 20px 44px -26px rgba(var(--qc-user-rgb,79,70,229),.82),inset 4px 0 0 var(--qc-user-color,#4f46e5)!important;
}
.quickchat-message-actions{
  bottom:-18px!important;
}
.quickchat-jump-button{
  bottom:calc(var(--qc-input-stack-height, 172px) + 22px)!important;
}
@media(max-width:1180px){
  .quickchat-app{grid-template-columns:1fr!important;height:auto!important;}
  .quickchat-sidebar{padding:12px 18px 30px!important;overflow:visible!important;}
  .quickchat-main{height:clamp(620px,72dvh,860px)!important;}
}
@media(max-width:760px){
  .quickchat-chat-search{display:grid!important;gap:6px!important;}
  .quickchat-chat-search span{white-space:normal!important;}
  .quickchat-message-list{padding:34px 34px 60px!important;}
  .quickchat-inline-profile-actions{grid-template-columns:1fr!important;}
}

/* QuickChat v64: compact room header, stable self profile editing, click-only menus, clear pins and unclipped shadows. */
.quickchat-room-shell{
  width:min(1840px,calc(100% - 28px))!important;
  max-width:1840px!important;
}
.quickchat-room-top{
  display:grid!important;
  grid-template-columns:minmax(360px,1fr) auto!important;
  align-items:start!important;
  gap:18px!important;
  padding:clamp(18px,2vw,28px)!important;
  margin:18px 0 22px!important;
  min-height:0!important;
}
.quickchat-room-top h1{
  font-size:clamp(2.05rem,3.2vw,3.15rem)!important;
  margin:0 0 8px!important;
}
.quickchat-room-controls{
  display:grid!important;
  gap:12px!important;
  justify-items:end!important;
}
.quickchat-room-actions{
  display:flex!important;
  gap:10px!important;
  align-items:center!important;
  justify-content:flex-end!important;
}
.quickchat-top-admin[hidden]{display:none!important;}
.quickchat-top-admin{
  width:min(760px,44vw)!important;
  padding:16px!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 22px 56px -36px rgba(15,23,42,.4)!important;
}
.quickchat-top-admin-form{grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;}
.quickchat-permissions-form{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
.quickchat-toggle-row{min-height:48px!important;border-radius:16px!important;padding:9px 12px!important;}
.quickchat-admin-button-row{grid-column:1 / -1!important;justify-content:end!important;}
.quickchat-app{
  grid-template-columns:minmax(280px,350px) minmax(760px,1fr)!important;
  gap:clamp(18px,1.8vw,28px)!important;
  height:clamp(760px,calc(100dvh - 132px),1040px)!important;
}
.quickchat-sidebar{
  padding:14px 26px 72px 18px!important;
  margin:-14px -26px -72px -18px!important;
  overflow-y:auto!important;
  overflow-x:visible!important;
  scrollbar-gutter:stable both-edges!important;
}
.quickchat-side-tabs-panel{
  padding:18px!important;
  overflow:visible!important;
  box-shadow:0 26px 70px -48px rgba(15,23,42,.42)!important;
}
.quickchat-side-tab-panel{overflow:visible!important;}
.quickchat-participants{
  display:grid!important;
  gap:10px!important;
  padding:14px 14px 24px!important;
  margin:-10px -12px -18px!important;
  overflow:visible!important;
}
.quickchat-participant-card-wrap{
  padding:8px!important;
  margin:-2px!important;
  overflow:visible!important;
}
.quickchat-participant.has-user-color{
  margin:0!important;
  overflow:visible!important;
  box-shadow:0 16px 36px -22px rgba(var(--qc-user-rgb,79,70,229),.88),0 8px 28px -30px rgba(15,23,42,.5),inset 4px 0 0 var(--qc-user-color,#4f46e5)!important;
}
.quickchat-participant.has-user-color.is-actions-open{
  box-shadow:0 24px 52px -24px rgba(var(--qc-user-rgb,79,70,229),.9),0 16px 44px -36px rgba(15,23,42,.55),inset 4px 0 0 var(--qc-user-color,#4f46e5)!important;
}
.quickchat-participant.can-manage:not(.is-actions-open) .quickchat-participant-actions,
.quickchat-participant.can-manage:not(.is-actions-open):hover .quickchat-participant-actions,
.quickchat-participant.can-manage:not(.is-actions-open):focus-within .quickchat-participant-actions{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.quickchat-participant.can-manage.is-actions-open .quickchat-participant-actions{
  display:grid!important;
  visibility:visible!important;
  pointer-events:auto!important;
  position:static!important;
  margin:10px 0 0!important;
  padding:12px 0 0!important;
  border:0!important;
  border-top:1px solid rgba(var(--qc-user-rgb,79,70,229),.14)!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.quickchat-main{
  height:100%!important;
  min-width:0!important;
  grid-template-rows:auto auto minmax(0,1fr) auto auto auto auto!important;
  overflow:hidden!important;
}
.quickchat-pinned-panel{
  margin:16px 24px 0!important;
  padding:16px!important;
  border-radius:24px!important;
  max-height:190px!important;
  overflow:hidden!important;
}
.quickchat-pinned-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}
.quickchat-pinned-head small{
  color:#64748b!important;
  font-size:.82rem!important;
  font-weight:850!important;
}
.quickchat-pinned-list{
  max-height:126px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:10px 12px 12px!important;
  margin:2px -12px -4px!important;
  scroll-behavior:auto!important;
}
.quickchat-pinned-entry-wrap{overflow:visible!important;}
.quickchat-chat-search{
  padding:12px 24px!important;
  z-index:18!important;
}
.quickchat-message-list{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-items:stretch!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:38px 92px 88px!important;
  gap:18px!important;
  background:linear-gradient(180deg,#fbfdff 0%,#fff 52%,#fff 100%)!important;
  scroll-padding-top:42px!important;
  scroll-padding-bottom:110px!important;
}
.quickchat-message-list::before{
  content:"";
  margin-top:auto;
  flex:1 0 auto;
  min-height:0;
}
.quickchat-message:not(.is-system){
  max-width:min(820px,76%)!important;
  margin:6px 12px 18px!important;
  overflow:visible!important;
  position:relative!important;
}
.quickchat-message.is-element{
  max-width:min(860px,82%)!important;
  margin:18px 34px 34px!important;
}
.quickchat-message.has-user-color:not(.is-system),
.quickchat-message.is-element .quickchat-element-card,
.quickchat-element-card.has-user-color{
  box-shadow:0 22px 54px -30px rgba(var(--qc-user-rgb,79,70,229),.92),0 12px 44px -38px rgba(15,23,42,.55),inset 4px 0 0 var(--qc-user-color,#4f46e5)!important;
}
.quickchat-message-actions{
  left:12px!important;
  right:auto!important;
  bottom:-22px!important;
  justify-content:flex-start!important;
  max-width:calc(100% - 24px)!important;
}
.quickchat-message.is-own .quickchat-message-actions{
  left:auto!important;
  right:12px!important;
  justify-content:flex-end!important;
}
.quickchat-message-action{
  font-size:.78rem!important;
  padding:7px 10px!important;
  box-shadow:0 14px 28px -20px rgba(15,23,42,.6)!important;
}
.quickchat-popover{
  position:absolute!important;
  left:18px!important;
  right:auto!important;
  top:auto!important;
  bottom:calc(var(--qc-input-stack-height, 172px) + 18px)!important;
  transform:none!important;
  z-index:80!important;
  width:min(560px,calc(100% - 36px))!important;
  max-height:min(68dvh,560px)!important;
  overflow:auto!important;
  display:block!important;
  padding:18px!important;
  border-radius:24px!important;
  box-shadow:0 28px 72px -34px rgba(15,23,42,.45)!important;
}
.quickchat-popover:not([hidden])::before{display:none!important;content:none!important;}
.quickchat-element-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.quickchat-jump-button{
  bottom:calc(var(--qc-input-stack-height, 172px) + 26px)!important;
  z-index:32!important;
}
.quickchat-compose{
  padding:16px 22px!important;
}
.quickchat-compose-options{
  padding:12px 22px 8px!important;
}
@media(max-width:1320px){
  .quickchat-app{grid-template-columns:minmax(260px,330px) minmax(0,1fr)!important;}
  .quickchat-message-list{padding-left:58px!important;padding-right:58px!important;}
}
@media(max-width:1080px){
  .quickchat-room-top{grid-template-columns:1fr!important;}
  .quickchat-room-controls{justify-items:stretch!important;}
  .quickchat-room-actions{justify-content:flex-start!important;}
  .quickchat-top-admin{width:100%!important;}
  .quickchat-app{grid-template-columns:1fr!important;height:auto!important;}
  .quickchat-sidebar{position:static!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important;}
  .quickchat-main{height:clamp(650px,76dvh,900px)!important;}
}
@media(max-width:760px){
  .quickchat-room-shell{width:calc(100% - 12px)!important;}
  .quickchat-room-top h1{font-size:clamp(1.55rem,8vw,2.25rem)!important;}
  .quickchat-room-actions{display:grid!important;grid-template-columns:1fr!important;}
  .quickchat-permissions-form{grid-template-columns:1fr!important;}
  .quickchat-message-list{padding:30px 30px 74px!important;}
  .quickchat-message:not(.is-system){max-width:92%!important;}
  .quickchat-message.is-element{max-width:96%!important;margin:16px 12px 30px!important;}
  .quickchat-popover{left:12px!important;right:12px!important;width:auto!important;bottom:calc(var(--qc-input-stack-height, 205px) + 14px)!important;}
  .quickchat-element-picker-grid{grid-template-columns:1fr!important;}
}

/* QuickChat v65: stable layout, click-only controls, readable pins, local scroll only where needed. */
.quickchat-room-shell{
  width:min(1880px,calc(100% - 28px))!important;
  max-width:1880px!important;
}
.quickchat-room-top{
  display:grid!important;
  grid-template-columns:minmax(360px,1fr) auto!important;
  align-items:center!important;
  gap:16px!important;
  padding:clamp(14px,1.5vw,22px)!important;
  margin:12px 0 16px!important;
  min-height:0!important;
}
.quickchat-room-title-group{display:grid!important;gap:4px!important;min-width:0!important;}
.quickchat-room-top h1{
  font-size:clamp(1.8rem,2.7vw,2.85rem)!important;
  line-height:.98!important;
  margin:0!important;
}
.quickchat-room-code-line{font-size:.95rem!important;}
.quickchat-room-controls{display:grid!important;gap:10px!important;justify-items:end!important;}
.quickchat-room-actions{align-items:center!important;}
.quickchat-top-admin[hidden]{display:none!important;}
.quickchat-top-admin{
  width:min(720px,46vw)!important;
  padding:14px!important;
  border-radius:22px!important;
  overflow:visible!important;
}
.quickchat-permissions-form{gap:8px!important;}
.quickchat-toggle-row{min-height:44px!important;padding:8px 11px!important;border-radius:15px!important;}
.quickchat-app{
  grid-template-columns:minmax(250px,330px) minmax(900px,1fr)!important;
  gap:clamp(18px,2vw,32px)!important;
  align-items:start!important;
  min-height:0!important;
  height:clamp(720px,calc(100dvh - 164px),1040px)!important;
}
.quickchat-sidebar{
  position:sticky!important;
  top:86px!important;
  display:block!important;
  overflow:visible!important;
  max-height:none!important;
  padding:0 12px 34px 0!important;
  margin:0!important;
}
.quickchat-sidebar .quickchat-panel,
.quickchat-side-tabs-panel{
  overflow:visible!important;
  padding:20px!important;
  box-shadow:0 24px 58px -42px rgba(15,23,42,.38)!important;
}
.quickchat-side-tabs{margin-bottom:12px!important;}
.quickchat-side-tab-panel{
  overflow:visible!important;
  max-height:none!important;
  padding:10px 10px 18px!important;
  margin:0 -10px -12px!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
}
.quickchat-side-tab-panel.is-scrollable{
  max-height:min(58dvh,620px)!important;
  overflow-y:auto!important;
  overflow-x:visible!important;
  padding-right:16px!important;
}
.quickchat-participants{
  gap:12px!important;
  padding:8px 8px 14px!important;
  margin:0!important;
  overflow:visible!important;
}
.quickchat-participant-card-wrap{
  padding:9px 8px 14px!important;
  margin:0!important;
  overflow:visible!important;
}
.quickchat-participant.has-user-color{
  overflow:visible!important;
  box-shadow:0 22px 46px -28px rgba(var(--qc-user-rgb,79,70,229),.95),0 14px 34px -30px rgba(15,23,42,.5),inset 4px 0 0 var(--qc-user-color,#4f46e5)!important;
}
.quickchat-participant.can-manage .quickchat-participant-actions,
.quickchat-participant.can-manage:hover .quickchat-participant-actions,
.quickchat-participant.can-manage:focus-within .quickchat-participant-actions{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.quickchat-participant.can-manage.is-actions-open .quickchat-participant-actions,
.quickchat-participant.can-manage.is-actions-open:hover .quickchat-participant-actions,
.quickchat-participant.can-manage.is-actions-open:focus-within .quickchat-participant-actions{
  display:grid!important;
  visibility:visible!important;
  pointer-events:auto!important;
  position:static!important;
  margin:12px 0 0!important;
  padding:12px 0 0!important;
  border-top:1px solid rgba(var(--qc-user-rgb,79,70,229),.16)!important;
  background:transparent!important;
  box-shadow:none!important;
}
.quickchat-main{
  height:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-rows:auto auto minmax(0,1fr) auto auto auto auto!important;
  overflow:hidden!important;
}
.quickchat-message-list{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-items:stretch!important;
  align-content:flex-start!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:40px 92px 88px!important;
  gap:18px!important;
  scroll-padding-top:42px!important;
  scroll-padding-bottom:120px!important;
}
.quickchat-message-list::before{
  content:none!important;
  display:none!important;
  margin:0!important;
  flex:0 0 auto!important;
}
.quickchat-message:not(.is-system){
  max-width:min(880px,76%)!important;
  margin:6px 16px 24px!important;
  overflow:visible!important;
  position:relative!important;
}
.quickchat-message.is-element{
  max-width:min(900px,82%)!important;
  margin:18px 38px 38px!important;
  overflow:visible!important;
}
.quickchat-element-card,
.quickchat-element-card.has-user-color{
  overflow:visible!important;
}
.quickchat-message.has-user-color:not(.is-system),
.quickchat-message.is-element .quickchat-element-card,
.quickchat-element-card.has-user-color{
  box-shadow:0 24px 58px -30px rgba(var(--qc-user-rgb,79,70,229),.9),0 12px 42px -36px rgba(15,23,42,.5),inset 4px 0 0 var(--qc-user-color,#4f46e5)!important;
}
.quickchat-message-actions{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .14s ease,visibility .14s ease!important;
  left:12px!important;
  right:auto!important;
  bottom:-24px!important;
  justify-content:flex-start!important;
  max-width:calc(100% - 24px)!important;
  z-index:5!important;
}
.quickchat-message:hover .quickchat-message-actions,
.quickchat-message:focus-within .quickchat-message-actions{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.quickchat-message.is-own .quickchat-message-actions{
  left:auto!important;
  right:12px!important;
  justify-content:flex-end!important;
}
.quickchat-pinned-panel{
  margin:14px 24px 0!important;
  padding:14px!important;
  border-radius:24px!important;
  max-height:184px!important;
  overflow:hidden!important;
}
.quickchat-pinned-list{
  max-height:124px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:10px 12px 12px!important;
  margin:2px -12px -4px!important;
  overscroll-behavior:contain!important;
}
.quickchat-pinned-entry-wrap{overflow:visible!important;}
.quickchat-pinned-entry{min-width:0!important;}
.quickchat-chat-search{
  padding:12px 24px!important;
  z-index:18!important;
}
.quickchat-jump-button{
  bottom:calc(var(--qc-input-stack-height, 172px) + 24px)!important;
  z-index:35!important;
  box-shadow:0 20px 46px -24px rgba(79,70,229,.75)!important;
}
.quickchat-compose{
  flex:0 0 auto!important;
  padding:16px 22px!important;
}
.quickchat-compose-options{padding:12px 22px 8px!important;}
.quickchat-popover{
  position:absolute!important;
  left:18px!important;
  right:auto!important;
  top:auto!important;
  bottom:calc(var(--qc-input-stack-height, 172px) + 18px)!important;
  transform:none!important;
  z-index:80!important;
  width:min(560px,calc(100% - 36px))!important;
  max-height:min(68dvh,560px)!important;
  overflow:auto!important;
  display:block!important;
  padding:18px!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 28px 72px -34px rgba(15,23,42,.45)!important;
}
.quickchat-popover[hidden]{display:none!important;}
.quickchat-popover:not([hidden])::before{display:none!important;content:none!important;}
.quickchat-element-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.quickchat-element-picker-grid button{min-height:78px!important;}
.quickchat-modal-backdrop[hidden]{display:none!important;}
@media(max-width:1320px){
  .quickchat-app{grid-template-columns:minmax(230px,310px) minmax(0,1fr)!important;}
  .quickchat-message-list{padding-left:52px!important;padding-right:52px!important;}
}
@media(max-width:1080px){
  .quickchat-room-top{grid-template-columns:1fr!important;align-items:start!important;}
  .quickchat-room-controls{justify-items:stretch!important;}
  .quickchat-app{grid-template-columns:1fr!important;height:auto!important;}
  .quickchat-sidebar{position:static!important;padding:0!important;}
  .quickchat-main{height:clamp(640px,74dvh,900px)!important;}
}
@media(max-width:760px){
  .quickchat-room-shell{width:calc(100% - 12px)!important;}
  .quickchat-room-top h1{font-size:clamp(1.45rem,7vw,2.1rem)!important;}
  .quickchat-message-list{padding:28px 28px 70px!important;}
  .quickchat-message:not(.is-system){max-width:92%!important;}
  .quickchat-message.is-element{max-width:96%!important;margin:16px 12px 34px!important;}
  .quickchat-popover{left:12px!important;right:12px!important;width:auto!important;bottom:calc(var(--qc-input-stack-height, 205px) + 14px)!important;}
  .quickchat-element-picker-grid{grid-template-columns:1fr!important;}
}

/* QuickChat v66: participant badge collision and message action placement fix. */
.quickchat-participant-head{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  min-width:0!important;
  width:100%!important;
  overflow:hidden!important;
}
.quickchat-participant-identity{
  flex:1 1 auto!important;
  min-width:0!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
}
.quickchat-participant-main{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}
.quickchat-participant-main strong,
.quickchat-own-name-button strong{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  line-height:1.2!important;
}
.quickchat-own-name-button{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}
.quickchat-self-badge,
.quickchat-owner-badge,
.quickchat-muted-badge,
.quickchat-participant-manage{
  flex:0 0 auto!important;
  max-width:max-content!important;
  white-space:nowrap!important;
}
.quickchat-self-badge{
  padding:4px 8px!important;
  font-size:.72rem!important;
}
@media(max-width:420px){
  .quickchat-participant-head{gap:6px!important;}
  .quickchat-self-badge,.quickchat-owner-badge{padding:4px 7px!important;font-size:.68rem!important;}
  .quickchat-participant-manage{padding:6px 9px!important;font-size:.74rem!important;}
}
.quickchat-message:not(.is-system){
  position:relative!important;
  overflow:visible!important;
  margin-bottom:54px!important;
}
.quickchat-message.is-element{
  margin-bottom:62px!important;
}
.quickchat-message-actions{
  position:absolute!important;
  top:calc(100% + 8px)!important;
  bottom:auto!important;
  left:12px!important;
  right:auto!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  margin:0!important;
  max-width:calc(100% - 24px)!important;
  z-index:12!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(-2px)!important;
  transition:opacity .14s ease,visibility .14s ease,transform .14s ease!important;
}
.quickchat-message.is-own .quickchat-message-actions{
  left:auto!important;
  right:12px!important;
  justify-content:flex-end!important;
}
.quickchat-message:not(.is-system):hover .quickchat-message-actions,
.quickchat-message:not(.is-system):focus-within .quickchat-message-actions,
.quickchat-message-actions:focus-within{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateY(0)!important;
}
.quickchat-message-action{
  position:relative!important;
  z-index:1!important;
  box-shadow:0 14px 30px -20px rgba(15,23,42,.55)!important;
}
@media(max-width:760px){
  .quickchat-message:not(.is-system){margin-bottom:50px!important;}
  .quickchat-message-actions{top:calc(100% + 7px)!important;}
}

/* QuickChat v67: compact participant spacing and safe multi-line moderation buttons. */
.quickchat-participants{
  gap:7px!important;
  padding:6px 8px 10px!important;
}
.quickchat-participant-card-wrap{
  padding:6px 6px 8px!important;
}
.quickchat-participant{
  margin:0!important;
}
.quickchat-participant.can-manage.is-actions-open .quickchat-participant-actions{
  margin-top:10px!important;
  padding-top:10px!important;
}
.quickchat-actions-row{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch!important;
}
.quickchat-mini-action{
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  height:auto!important;
  padding:8px 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1.12!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.quickchat-danger-actions .quickchat-mini-action{
  min-height:40px!important;
}
@media(max-width:420px){
  .quickchat-participants{gap:6px!important;padding:5px 6px 9px!important;}
  .quickchat-participant-card-wrap{padding:5px 5px 7px!important;}
}

/* QuickChat v67: compact participant spacing and safe multi-line moderation buttons. */
.quickchat-participants{
  gap:7px!important;
  padding:6px 8px 10px!important;
}
.quickchat-participant-card-wrap{
  padding:6px 6px 8px!important;
}
.quickchat-participant{
  margin:0!important;
}
.quickchat-participant.can-manage.is-actions-open .quickchat-participant-actions{
  margin-top:10px!important;
  padding-top:10px!important;
}
.quickchat-actions-row{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch!important;
}
.quickchat-mini-action{
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  height:auto!important;
  padding:8px 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1.12!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.quickchat-danger-actions .quickchat-mini-action{
  min-height:40px!important;
}
@media(max-width:420px){
  .quickchat-participants{gap:6px!important;padding:5px 6px 9px!important;}
  .quickchat-participant-card-wrap{padding:5px 5px 7px!important;}
}

/* QuickChat v68: stable participant card rhythm and unclipped click menu button. */
.quickchat-participants{
  gap:8px!important;
  padding:8px 8px 12px!important;
}
.quickchat-participant-card-wrap{
  padding:6px 7px 9px!important;
  margin:0!important;
  overflow:visible!important;
}
.quickchat-participant{
  min-height:84px!important;
  align-content:start!important;
  gap:9px!important;
  overflow:visible!important;
}
.quickchat-participant-head{
  overflow:visible!important;
  gap:8px!important;
  align-items:center!important;
}
.quickchat-participant-identity{
  min-width:0!important;
  overflow:hidden!important;
}
.quickchat-participant-main,
.quickchat-own-name-button,
.quickchat-participant-main strong,
.quickchat-own-name-button strong{
  min-width:0!important;
}
.quickchat-network-row{
  min-height:24px!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
}
.quickchat-network-row.is-placeholder{
  visibility:hidden!important;
  pointer-events:none!important;
  user-select:none!important;
}
.quickchat-participant-manage{
  flex:0 0 auto!important;
  min-width:0!important;
  max-width:96px!important;
  padding:7px 11px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  overflow:visible!important;
}
.quickchat-participant.is-actions-open .quickchat-participant-manage{
  max-width:102px!important;
}
.quickchat-participant.can-manage.is-actions-open .quickchat-participant-actions{
  margin-top:8px!important;
  padding-top:10px!important;
}
.quickchat-mini-action{
  overflow:hidden!important;
}
@media(max-width:420px){
  .quickchat-participant{min-height:82px!important;}
  .quickchat-participant-manage{max-width:88px!important;padding:7px 9px!important;}
}

/* QuickChat v69: full participant names, reliable hover actions, bounded participant list and animated wheel. */
.quickchat-app{
  grid-template-columns:minmax(280px,360px) minmax(960px,1fr)!important;
  align-items:stretch!important;
}
.quickchat-sidebar{
  height:100%!important;
  max-height:100%!important;
  min-height:0!important;
  overflow:visible!important;
}
.quickchat-sidebar .quickchat-panel,
.quickchat-side-tabs-panel{
  height:100%!important;
  max-height:100%!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:visible!important;
}
.quickchat-side-tab-panel{
  min-height:0!important;
  overflow:visible!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:12px!important;
  padding:10px 8px 18px!important;
  margin:0 -8px -12px!important;
}
.quickchat-side-tab-panel[hidden]{display:none!important;}
.quickchat-participant-search{
  display:grid!important;
  gap:6px!important;
  padding:0 8px!important;
  color:#64748b!important;
  font-weight:900!important;
  font-size:.82rem!important;
}
.quickchat-participant-search span{font-size:.78rem!important;letter-spacing:.01em!important;}
.quickchat-participant-search .input{
  min-height:42px!important;
  border-radius:16px!important;
  padding:10px 13px!important;
}
.quickchat-participants,
.quickchat-ban-list{
  min-height:0!important;
  max-height:100%!important;
  overflow-y:hidden!important;
  overflow-x:visible!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
}
.quickchat-participants.is-scrollable,
.quickchat-ban-list.is-scrollable{
  overflow-y:auto!important;
  padding-right:12px!important;
}
.quickchat-participant-card-wrap{
  padding:6px 8px 8px!important;
  overflow:visible!important;
}
.quickchat-participant{
  min-height:0!important;
  gap:9px!important;
  padding:13px!important;
  overflow:visible!important;
}
.quickchat-participant-head{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  align-items:start!important;
  overflow:visible!important;
  width:100%!important;
}
.quickchat-participant-badges{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  min-width:0!important;
  width:100%!important;
}
.quickchat-participant-identity{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:start!important;
  gap:10px!important;
  overflow:visible!important;
}
.quickchat-participant-main,
.quickchat-own-name-button{
  overflow:visible!important;
  min-width:0!important;
  max-width:100%!important;
  width:100%!important;
}
.quickchat-participant-main strong,
.quickchat-own-name-button strong,
.quickchat-participant-main .quickchat-typing-name{
  display:block!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  line-height:1.2!important;
  max-width:100%!important;
}
.quickchat-own-name-button{
  text-align:left!important;
  padding:0!important;
}
.quickchat-self-badge,
.quickchat-owner-badge,
.quickchat-muted-badge,
.quickchat-participant-manage{
  min-height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1.05!important;
  white-space:nowrap!important;
}
.quickchat-participant-manage{
  max-width:none!important;
  min-width:88px!important;
  padding:7px 12px!important;
  overflow:visible!important;
}
.quickchat-network-row{
  justify-content:center!important;
  min-height:24px!important;
}
.quickchat-participant.can-manage.is-actions-open .quickchat-participant-actions{
  margin-top:9px!important;
}
.quickchat-participant-empty{padding:14px!important;text-align:center!important;}

.quickchat-message:not(.is-system)::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:100%!important;
  height:26px!important;
  pointer-events:auto!important;
}
.quickchat-message-actions{
  top:calc(100% + 10px)!important;
  bottom:auto!important;
  z-index:20!important;
}
.quickchat-message:hover .quickchat-message-actions,
.quickchat-message:focus-within .quickchat-message-actions,
.quickchat-message-actions:hover,
.quickchat-message-actions:focus-within{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateY(0)!important;
}
.quickchat-message.is-element{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
  border-radius:0!important;
  overflow:visible!important;
}
.quickchat-message.is-element.has-user-color{
  box-shadow:none!important;
  background:transparent!important;
}
.quickchat-message.is-element::before{content:none!important;display:none!important;}
.quickchat-message.is-element .quickchat-element-card,
.quickchat-element-card.has-user-color{
  width:min(720px,100%)!important;
  max-width:100%!important;
  border-radius:28px!important;
}

.quickchat-element-card.is-wheel{
  gap:14px!important;
}
.quickchat-wheel-case{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid #c7d2fe!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#eef2ff,#fff)!important;
  min-height:92px!important;
  display:grid!important;
  align-items:center!important;
}
.quickchat-wheel-marker{
  position:absolute!important;
  left:50%!important;
  top:8px!important;
  bottom:8px!important;
  width:3px!important;
  border-radius:999px!important;
  background:#ef4444!important;
  box-shadow:0 0 0 4px rgba(239,68,68,.12)!important;
  z-index:2!important;
}
.quickchat-wheel-viewport{
  overflow:hidden!important;
  width:100%!important;
  padding:15px 0!important;
}
.quickchat-wheel-track{
  display:flex!important;
  gap:10px!important;
  width:max-content!important;
  transform:translate3d(calc(-1px * var(--qc-wheel-shift,0)),0,0);
}
.quickchat-wheel-track.is-animated{
  animation:quickchat-case-open 1.55s cubic-bezier(.08,.72,.18,1) both!important;
}
.quickchat-wheel-cell{
  flex:0 0 132px!important;
  min-height:52px!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  padding:8px 10px!important;
  background:#fff!important;
  border:1px solid #dbe4ff!important;
  color:#312e81!important;
  font-weight:950!important;
  text-align:center!important;
  box-shadow:0 10px 28px -22px rgba(15,23,42,.4)!important;
  overflow-wrap:anywhere!important;
}
.quickchat-wheel-cell.is-winner{
  background:#312e81!important;
  color:#fff!important;
  border-color:#312e81!important;
}
@keyframes quickchat-case-open{
  0%{transform:translate3d(0,0,0)}
  72%{transform:translate3d(calc(-1px * (var(--qc-wheel-shift,0) + 34)),0,0)}
  88%{transform:translate3d(calc(-1px * (var(--qc-wheel-shift,0) - 10)),0,0)}
  100%{transform:translate3d(calc(-1px * var(--qc-wheel-shift,0)),0,0)}
}
.quickchat-wheel-result{
  min-height:64px!important;
  border-radius:22px!important;
  padding:12px 18px!important;
}
.quickchat-wheel-options{
  margin:0!important;
  color:#0f172a!important;
  font-weight:900!important;
  overflow-wrap:anywhere!important;
}
.quickchat-wheel-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:10px!important;
}
.quickchat-wheel-animation-toggle{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:40px!important;
  border:1px solid #c7d2fe!important;
  border-radius:999px!important;
  padding:8px 12px!important;
  background:#fff!important;
  color:#312e81!important;
  font-weight:900!important;
}
@media(prefers-reduced-motion:reduce){
  .quickchat-wheel-track.is-animated{animation:none!important;}
}
@media(max-width:1320px){
  .quickchat-app{grid-template-columns:minmax(270px,340px) minmax(0,1fr)!important;}
}
@media(max-width:1080px){
  .quickchat-sidebar .quickchat-panel,.quickchat-side-tabs-panel{height:auto!important;max-height:none!important;}
  .quickchat-participants,.quickchat-ban-list{max-height:52dvh!important;}
}

/* QuickChat v70: compact readable participant cards and shadow-safe message/element cards. */
:root{
  --qc-shadow-room: 26px;
  --qc-card-shadow: 0 20px 42px -26px rgba(15,23,42,.42),0 18px 40px -32px rgba(var(--qc-user-rgb,79,70,229),.82);
  --qc-card-shadow-soft: 0 18px 38px -28px rgba(15,23,42,.35),0 18px 40px -34px rgba(var(--qc-user-rgb,79,70,229),.76);
}
.quickchat-sidebar,
.quickchat-sidebar .quickchat-panel,
.quickchat-side-tabs-panel{
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
}
.quickchat-side-tabs-panel{
  display:block!important;
  max-height:min(100%, calc(100dvh - 122px))!important;
  padding:18px!important;
}
.quickchat-side-tab-panel{
  display:block!important;
  min-height:0!important;
  padding:8px 0 0!important;
  margin:0!important;
  overflow:visible!important;
}
.quickchat-participant-search{
  margin:0 0 10px!important;
  padding:0!important;
}
.quickchat-participants,
.quickchat-ban-list{
  display:grid!important;
  gap:9px!important;
  max-height:min(58dvh, calc(100dvh - 330px), 620px)!important;
  min-height:0!important;
  overflow-y:hidden!important;
  overflow-x:hidden!important;
  padding:8px 12px 22px!important;
  margin:0 -12px -14px!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable both-edges!important;
}
.quickchat-participants.is-scrollable,
.quickchat-ban-list.is-scrollable{
  overflow-y:auto!important;
}
.quickchat-participant-card-wrap{
  padding:6px 5px 12px!important;
  margin:0!important;
  overflow:visible!important;
}
.quickchat-participant.has-user-color{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
  min-height:0!important;
  padding:11px 12px!important;
  border-radius:22px!important;
  overflow:visible!important;
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,251,255,.92))!important;
  box-shadow:var(--qc-card-shadow-soft), inset 4px 0 0 var(--qc-user-color,#4f46e5)!important;
}
.quickchat-participant.has-user-color.is-actions-open{
  box-shadow:var(--qc-card-shadow), inset 4px 0 0 var(--qc-user-color,#4f46e5)!important;
}
.quickchat-participant-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:"identity badges"!important;
  align-items:start!important;
  gap:8px 10px!important;
  width:100%!important;
  min-width:0!important;
  overflow:visible!important;
}
.quickchat-participant-identity{
  grid-area:identity!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
  width:100%!important;
  overflow:visible!important;
}
.quickchat-participant-badges{
  grid-area:badges!important;
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
  align-items:flex-start!important;
  gap:6px!important;
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
}
.quickchat-participant-main,
.quickchat-own-name-button{
  min-width:0!important;
  max-width:100%!important;
  width:100%!important;
  overflow:visible!important;
}
.quickchat-own-name-button{
  border:0!important;
  background:transparent!important;
  color:inherit!important;
  text-align:left!important;
  padding:0!important;
  cursor:pointer!important;
}
.quickchat-participant-main strong,
.quickchat-own-name-button strong,
.quickchat-participant-main .quickchat-typing-name{
  display:block!important;
  max-width:100%!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  hyphens:auto!important;
  font-size:clamp(.95rem,1.4vw,1.04rem)!important;
  line-height:1.24!important;
}
.quickchat-self-badge,
.quickchat-owner-badge,
.quickchat-muted-badge,
.quickchat-participant-manage{
  min-height:28px!important;
  height:auto!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  font-size:.72rem!important;
  line-height:1.05!important;
  white-space:nowrap!important;
  max-width:none!important;
}
.quickchat-participant-manage{
  min-width:74px!important;
}
.quickchat-network-row{
  min-height:0!important;
  margin:0 0 0 28px!important;
  padding:0!important;
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:6px!important;
}
.quickchat-network-row.is-placeholder{
  display:none!important;
}
.quickchat-ip-chip,
.quickchat-network-badge{
  min-height:24px!important;
  padding:4px 9px!important;
  font-size:.72rem!important;
  line-height:1.05!important;
}
.quickchat-participant.can-manage.is-actions-open .quickchat-participant-actions{
  margin-top:8px!important;
  padding-top:10px!important;
  border-top:1px solid rgba(var(--qc-user-rgb,79,70,229),.14)!important;
}
.quickchat-actions-row{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
}
.quickchat-mini-action{
  min-height:38px!important;
  padding:7px 9px!important;
  border-radius:999px!important;
  font-size:.78rem!important;
  line-height:1.1!important;
}

/* Shadow safe chat gutters: the scroll container owns the overflow, cards get paint room. */
.quickchat-main{
  overflow:hidden!important;
}
.quickchat-message-list{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:34px clamp(52px,6vw,104px) 132px!important;
  gap:12px!important;
}
.quickchat-message:not(.is-system){
  margin:4px 0 46px!important;
  padding:12px 14px!important;
  border-radius:21px!important;
  overflow:visible!important;
  box-shadow:0 20px 42px -30px rgba(15,23,42,.45),0 18px 38px -32px rgba(var(--qc-user-rgb,79,70,229),.75),inset 4px 0 0 var(--qc-user-color,#4f46e5)!important;
}
.quickchat-message-actions{
  top:calc(100% + 8px)!important;
  bottom:auto!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  z-index:40!important;
}
.quickchat-message:not(.is-system)::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:100%!important;
  height:36px!important;
  pointer-events:auto!important;
}
.quickchat-message:hover .quickchat-message-actions,
.quickchat-message:focus-within .quickchat-message-actions,
.quickchat-message-actions:hover,
.quickchat-message-actions:focus-within{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.quickchat-message.is-own .quickchat-message-actions{
  left:auto!important;
  right:10px!important;
  justify-content:flex-end!important;
}
.quickchat-message:not(.is-own) .quickchat-message-actions{
  left:10px!important;
  right:auto!important;
  justify-content:flex-start!important;
}
.quickchat-message.is-element{
  max-width:min(620px,90%)!important;
  padding:10px var(--qc-shadow-room) 34px!important;
  margin:8px calc(-1 * var(--qc-shadow-room)) 42px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  overflow:visible!important;
}
.quickchat-message.is-own.is-element{
  margin-left:auto!important;
  margin-right:calc(-1 * var(--qc-shadow-room))!important;
}
.quickchat-message.is-element.has-user-color,
.quickchat-message.is-element .quickchat-element-card,
.quickchat-element-card.has-user-color{
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,251,255,.96))!important;
  box-shadow:0 24px 52px -30px rgba(var(--qc-user-rgb,79,70,229),.95),0 18px 42px -34px rgba(15,23,42,.46),inset 4px 0 0 var(--qc-user-color,#4f46e5)!important;
}
.quickchat-message.is-element.has-user-color{
  background:transparent!important;
  box-shadow:none!important;
}
.quickchat-message.is-element .quickchat-element-card,
.quickchat-element-card.has-user-color{
  width:min(520px,100%)!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:14px 16px!important;
  border-radius:22px!important;
  overflow:visible!important;
  gap:10px!important;
}
.quickchat-element-card>strong{
  font-size:clamp(1.05rem,1.7vw,1.32rem)!important;
  line-height:1.15!important;
  overflow-wrap:break-word!important;
}
.quickchat-element-card>small{
  line-height:1.22!important;
}
.quickchat-element-card.is-poll{
  width:min(420px,100%)!important;
}
.quickchat-poll-options{
  gap:8px!important;
}
.quickchat-poll-options button{
  min-height:48px!important;
  padding:9px 12px!important;
  border-radius:16px!important;
}
.quickchat-element-card.is-wheel{
  width:min(440px,100%)!important;
  gap:10px!important;
}
.quickchat-wheel-result{
  min-height:48px!important;
  border-radius:18px!important;
  padding:9px 14px!important;
  font-size:clamp(1.35rem,2.7vw,2rem)!important;
}
.quickchat-wheel-case{
  min-height:74px!important;
  border-radius:18px!important;
}
.quickchat-wheel-viewport{
  padding:10px 0!important;
}
.quickchat-wheel-cell{
  flex-basis:112px!important;
  min-height:44px!important;
  border-radius:14px!important;
  padding:7px 9px!important;
  font-size:.9rem!important;
}
.quickchat-wheel-actions .quickchat-element-action,
.quickchat-wheel-animation-toggle{
  min-height:36px!important;
  padding:7px 11px!important;
  font-size:.82rem!important;
}
@media(max-width:1080px){
  .quickchat-sidebar .quickchat-panel,.quickchat-side-tabs-panel{max-height:none!important;}
  .quickchat-participants,.quickchat-ban-list{max-height:52dvh!important;}
  .quickchat-message-list{padding-left:32px!important;padding-right:32px!important;}
}
@media(max-width:560px){
  .quickchat-participant-head{grid-template-columns:1fr!important;grid-template-areas:"badges" "identity"!important;gap:7px!important;}
  .quickchat-participant-badges{justify-content:flex-start!important;}
  .quickchat-message:not(.is-system){max-width:94%!important;}
  .quickchat-message.is-element{max-width:100%!important;margin-left:-18px!important;margin-right:-18px!important;padding-left:18px!important;padding-right:18px!important;}
}

/* QuickChat v71: natural scroll chaining and pointer-scoped participant scrolling.
   Only the actual participants/bans list captures wheel input. Empty sidebar space and
   list boundaries pass scrolling back to the page. */
.quickchat-sidebar,
.quickchat-sidebar .quickchat-panel,
.quickchat-side-tabs-panel,
.quickchat-side-tab-panel{
  overscroll-behavior:auto!important;
  overscroll-behavior-y:auto!important;
}
.quickchat-participants,
.quickchat-ban-list,
.quickchat-message-list{
  overscroll-behavior:auto!important;
  overscroll-behavior-y:auto!important;
}
.quickchat-participants,
.quickchat-ban-list{
  padding-bottom:12px!important;
  margin-bottom:0!important;
}
.quickchat-side-tab-panel{
  padding-bottom:0!important;
}


/* QuickChat v72: normal chat bottom spacing and no dark overlay for lightweight dialogs.
   Use an auto-margin flex spacer so a short conversation sits close to the composer,
   without reserving one/two empty message rows. Extra action space appears only while
   a message is being interacted with. */
.quickchat-modal-backdrop{
  display:none!important;
  background:transparent!important;
  backdrop-filter:none!important;
  pointer-events:none!important;
}
.quickchat-message-list{
  padding:28px clamp(48px,5vw,96px) 22px!important;
  gap:12px!important;
  align-content:flex-start!important;
  justify-content:flex-start!important;
  scroll-padding-bottom:18px!important;
}
.quickchat-message-list::before{
  content:""!important;
  flex:1 1 auto!important;
  min-height:0!important;
  margin-top:auto!important;
  pointer-events:none!important;
}
.quickchat-message:not(.is-system){
  margin:4px 0 12px!important;
}
.quickchat-message:not(.is-system):hover,
.quickchat-message:not(.is-system):focus-within{
  margin-bottom:46px!important;
}
.quickchat-message.is-element{
  margin-top:8px!important;
  margin-bottom:14px!important;
  padding-bottom:12px!important;
}
.quickchat-message.is-element:hover,
.quickchat-message.is-element:focus-within{
  margin-bottom:46px!important;
}
.quickchat-message.is-own.is-element{
  margin-left:auto!important;
}
.quickchat-message-list .quickchat-message:last-child{
  margin-bottom:10px!important;
}
.quickchat-message-list .quickchat-message:last-child:hover,
.quickchat-message-list .quickchat-message:last-child:focus-within{
  margin-bottom:46px!important;
}
.quickchat-message-actions{
  top:calc(100% + 6px)!important;
}
@media(max-width:1080px){
  .quickchat-message-list{padding-left:28px!important;padding-right:28px!important;padding-bottom:20px!important;}
}
@media(max-width:560px){
  .quickchat-message-list{padding:20px 18px 18px!important;}
}

/* QuickChat v73: shadow-safe element cards + closable/shareable poll/question controls. */
:root{
  --qc-shadow-gutter-x: clamp(26px, 4vw, 54px);
  --qc-shadow-gutter-y: 34px;
}
.quickchat-message-list{
  padding-left:var(--qc-shadow-gutter-x)!important;
  padding-right:var(--qc-shadow-gutter-x)!important;
  padding-bottom:30px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
.quickchat-message.is-element{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  padding:var(--qc-shadow-gutter-y) var(--qc-shadow-gutter-x) calc(var(--qc-shadow-gutter-y) + 8px)!important;
  margin:0 calc(-1 * var(--qc-shadow-gutter-x)) 10px!important;
  max-width:min(760px, calc(100% + (2 * var(--qc-shadow-gutter-x))))!important;
  border-radius:0!important;
}
.quickchat-message.is-own.is-element{
  margin-left:auto!important;
  margin-right:calc(-1 * var(--qc-shadow-gutter-x))!important;
}
.quickchat-message.is-element::before{
  content:none!important;
  display:none!important;
}
.quickchat-message.is-element::after{
  height:22px!important;
}
.quickchat-message.is-element .quickchat-element-card,
.quickchat-element-card.has-user-color{
  position:relative!important;
  width:min(620px,100%)!important;
  max-width:100%!important;
  border-radius:24px!important;
  border:1px solid rgba(var(--qc-user-rgb,79,70,229),.32)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.99),rgba(248,251,255,.96))!important;
  box-shadow:0 22px 48px -26px rgba(15,23,42,.36),0 24px 54px -30px rgba(var(--qc-user-rgb,79,70,229),.72),inset 4px 0 0 var(--qc-user-color,#4f46e5)!important;
  overflow:visible!important;
  isolation:isolate!important;
}
.quickchat-message.is-element:hover,
.quickchat-message.is-element:focus-within{
  margin-bottom:34px!important;
}
.quickchat-element-status-badge{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:28px!important;
  padding:5px 10px!important;
  border-radius:999px!important;
  border:1px solid #fecaca!important;
  background:#fff7f7!important;
  color:#991b1b!important;
  font-size:.78rem!important;
  font-weight:950!important;
  line-height:1.1!important;
}
.quickchat-poll-options button:disabled{
  cursor:not-allowed!important;
  opacity:.78!important;
  background:#f8fafc!important;
}
.quickchat-result-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  margin-top:4px!important;
  padding-top:10px!important;
  border-top:1px solid rgba(var(--qc-user-rgb,79,70,229),.14)!important;
}
.quickchat-result-actions .quickchat-element-action{
  min-height:38px!important;
  padding:7px 10px!important;
  font-size:.78rem!important;
  line-height:1.12!important;
  white-space:normal!important;
}
.quickchat-question-answer,
.quickchat-poll-options button{
  box-shadow:0 12px 28px -24px rgba(15,23,42,.38)!important;
}
.quickchat-question-answers{
  overflow:visible!important;
}
@media(max-width:560px){
  :root{--qc-shadow-gutter-x:22px;--qc-shadow-gutter-y:24px;}
  .quickchat-message.is-element .quickchat-element-card{width:min(100%,560px)!important;}
  .quickchat-result-actions{grid-template-columns:1fr!important;}
}

/* QuickChat v74: token-based shadows and robust reel animation.
   The shadow is now rendered as a small elevation token on the actual card,
   while rows only provide a modest paint gutter. No large colored shadow rooms. */
:root{
  --qc-elevation-1: 0 1px 2px rgba(15,23,42,.06), 0 6px 16px -12px rgba(15,23,42,.18);
  --qc-elevation-2: 0 2px 6px rgba(15,23,42,.07), 0 14px 28px -20px rgba(15,23,42,.24);
  --qc-elevation-accent: 0 12px 28px -22px rgba(var(--qc-user-rgb,79,70,229),.55);
  --qc-element-paint-x: clamp(20px, 3vw, 34px);
  --qc-element-paint-y: 18px;
}
.quickchat-message-list{
  padding-left:clamp(28px,4vw,58px)!important;
  padding-right:clamp(28px,4vw,58px)!important;
  padding-bottom:24px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
.quickchat-message.has-user-color:not(.is-system):not(.is-element){
  box-shadow:var(--qc-elevation-1), var(--qc-elevation-accent), inset 4px 0 0 var(--qc-user-color,#4f46e5)!important;
}
.quickchat-message.is-element{
  width:auto!important;
  max-width:min(720px, calc(100% - 12px))!important;
  padding:var(--qc-element-paint-y) var(--qc-element-paint-x) calc(var(--qc-element-paint-y) + 4px)!important;
  margin:2px 0 12px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.quickchat-message.is-own.is-element{
  margin-left:auto!important;
  margin-right:0!important;
}
.quickchat-message.is-element:hover,
.quickchat-message.is-element:focus-within{
  margin-bottom:38px!important;
}
.quickchat-message.is-element .quickchat-element-card,
.quickchat-element-card.has-user-color{
  width:min(620px,100%)!important;
  max-width:100%!important;
  margin:0!important;
  padding:16px 18px!important;
  border-radius:24px!important;
  border:1px solid rgba(var(--qc-user-rgb,79,70,229),.34)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.99),rgba(248,251,255,.96))!important;
  box-shadow:var(--qc-elevation-2), var(--qc-elevation-accent), inset 4px 0 0 var(--qc-user-color,#4f46e5)!important;
  overflow:visible!important;
  isolation:auto!important;
}
.quickchat-element-card.is-poll,
.quickchat-element-card.is-question,
.quickchat-element-card.is-number,
.quickchat-element-card.is-wheel{
  box-shadow:var(--qc-elevation-2), var(--qc-elevation-accent), inset 4px 0 0 var(--qc-user-color,#4f46e5)!important;
}
.quickchat-question-answer,
.quickchat-poll-options button,
.quickchat-number-result,
.quickchat-wheel-result{
  box-shadow:0 1px 2px rgba(15,23,42,.05), inset 0 0 0 1px rgba(199,210,254,.7)!important;
}
.quickchat-wheel-case{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid #c7d2fe!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#f8fbff,#eef2ff)!important;
  min-height:76px!important;
  display:grid!important;
  align-items:center!important;
  box-shadow:inset 0 1px 2px rgba(15,23,42,.05)!important;
}
.quickchat-wheel-marker{
  left:50%!important;
  top:10px!important;
  bottom:10px!important;
  width:3px!important;
  transform:translateX(-50%)!important;
  background:#ef4444!important;
  box-shadow:0 0 0 4px rgba(239,68,68,.12)!important;
}
.quickchat-wheel-viewport{
  width:100%!important;
  overflow:hidden!important;
  padding:10px 0!important;
}
.quickchat-wheel-track{
  --qc-wheel-cell-width:128px;
  --qc-wheel-gap:10px;
  display:flex!important;
  align-items:center!important;
  gap:var(--qc-wheel-gap)!important;
  width:max-content!important;
  padding-left:calc(50% - (var(--qc-wheel-cell-width) / 2))!important;
  padding-right:calc(50% - (var(--qc-wheel-cell-width) / 2))!important;
  transform:translate3d(calc(-1px * var(--qc-wheel-shift,0)),0,0)!important;
  will-change:transform!important;
}
.quickchat-wheel-track.is-animated{
  animation:quickchat-reel-spin var(--qc-wheel-duration,5s) cubic-bezier(.08,.78,.16,1) both!important;
}
.quickchat-wheel-cell{
  flex:0 0 var(--qc-wheel-cell-width)!important;
  min-height:46px!important;
  border-radius:14px!important;
  padding:8px 10px!important;
  background:#fff!important;
  border:1px solid #dbe4ff!important;
  color:#312e81!important;
  box-shadow:0 1px 2px rgba(15,23,42,.05)!important;
}
.quickchat-wheel-cell.is-winner{
  background:#312e81!important;
  border-color:#312e81!important;
  color:#fff!important;
}
@keyframes quickchat-reel-spin{
  0%{transform:translate3d(0,0,0)}
  78%{transform:translate3d(calc(-1px * (var(--qc-wheel-shift,0) + 58)),0,0)}
  90%{transform:translate3d(calc(-1px * (var(--qc-wheel-shift,0) - 18)),0,0)}
  100%{transform:translate3d(calc(-1px * var(--qc-wheel-shift,0)),0,0)}
}
.quickchat-wheel-actions{
  align-items:center!important;
}
.quickchat-wheel-duration-control{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:36px!important;
  border:1px solid #c7d2fe!important;
  border-radius:999px!important;
  padding:6px 10px!important;
  background:#fff!important;
  color:#312e81!important;
  font-size:.82rem!important;
  font-weight:950!important;
}
.quickchat-wheel-duration-control select{
  min-height:28px!important;
  border:0!important;
  background:transparent!important;
  color:#312e81!important;
  font:inherit!important;
  font-weight:950!important;
  cursor:pointer!important;
}
@media(prefers-reduced-motion:reduce){
  .quickchat-wheel-track.is-animated{animation:none!important;}
}
@media(max-width:560px){
  :root{--qc-element-paint-x:18px;--qc-element-paint-y:14px;}
  .quickchat-message.is-element{max-width:100%!important;}
  .quickchat-message.is-element .quickchat-element-card{width:100%!important;}
  .quickchat-wheel-duration-control{width:100%!important;justify-content:space-between!important;}
}

/* QuickChat v75: own element rows must remain transparent.
   Higher-specificity own-message color rules previously leaked onto element wrappers,
   which made the creator's element look like it had a large clipped background/shadow.
   Keep the paint/elevation only on the inner element card. */
.quickchat-message.has-user-color.is-own.is-element:not(.is-system),
.quickchat-message.has-user-color.is-element:not(.is-system){
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
.quickchat-message.is-own.is-element .quickchat-element-card{
  margin-left:auto!important;
  margin-right:0!important;
}
.quickchat-message.is-element .quickchat-element-card,
.quickchat-element-card.has-user-color{
  box-shadow:var(--qc-elevation-2), var(--qc-elevation-accent), inset 4px 0 0 var(--qc-user-color,#4f46e5)!important;
}

/* QuickChat v76: responsive mobile-first room layout.
   Primary task on small viewports is writing/reading messages; participant/admin panels move below the chat.
   Desktop keeps a two-column layout, but without a hard 900px+ minimum that caused horizontal overflow. */
.quickchat-room-shell{
  box-sizing:border-box!important;
  max-width:min(1880px,calc(100vw - 28px))!important;
  overflow-x:hidden!important;
}
.quickchat-app{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  grid-template-columns:minmax(260px,360px) minmax(0,1fr)!important;
  overflow:visible!important;
}
.quickchat-sidebar,
.quickchat-main,
.quickchat-panel,
.quickchat-side-tabs-panel,
.quickchat-side-tab-panel,
.quickchat-message-list,
.quickchat-compose,
.quickchat-compose-field,
.quickchat-message-input{
  min-width:0!important;
  box-sizing:border-box!important;
}
.quickchat-main{
  width:100%!important;
  max-width:100%!important;
}
.quickchat-message-input{
  width:100%!important;
}
@media(max-width:1180px){
  .quickchat-room-shell{
    width:min(100%,calc(100vw - 20px))!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    transform:none!important;
    overflow-x:hidden!important;
  }
  .quickchat-app{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    height:auto!important;
    min-height:0!important;
    gap:14px!important;
    align-items:stretch!important;
  }
  .quickchat-main{
    order:1!important;
    height:min(760px,calc(100dvh - 110px))!important;
    min-height:560px!important;
    min-width:0!important;
    width:100%!important;
  }
  .quickchat-sidebar{
    order:2!important;
    position:static!important;
    top:auto!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  .quickchat-sidebar .quickchat-panel,
  .quickchat-side-tabs-panel{
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
  }
  .quickchat-side-tab-panel{
    display:block!important;
    max-height:none!important;
  }
  .quickchat-participants,
  .quickchat-ban-list{
    max-height:min(360px,45dvh)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
}
@media(max-width:760px){
  html,
  body{
    overflow-x:hidden!important;
  }
  .quickchat-room-shell{
    width:calc(100vw - 12px)!important;
    margin-top:12px!important;
    margin-bottom:56px!important;
  }
  .quickchat-room-top{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;
    margin:10px 0 12px!important;
    padding:14px!important;
    border-radius:24px!important;
    overflow:visible!important;
  }
  .quickchat-room-title-group,
  .quickchat-room-code-line{
    min-width:0!important;
  }
  .quickchat-room-code-line{
    font-size:.86rem!important;
  }
  .quickchat-room-controls{
    grid-column:1 / -1!important;
    width:100%!important;
    display:none!important;
    justify-items:stretch!important;
  }
  .quickchat-room-controls.is-open{
    display:grid!important;
  }
  .quickchat-room-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    width:100%!important;
  }
  .quickchat-room-actions .button{
    width:100%!important;
  }
  .quickchat-app{
    gap:12px!important;
  }
  .quickchat-main{
    height:calc(100dvh - 132px)!important;
    min-height:500px!important;
    border-radius:22px!important;
    grid-template-rows:auto auto minmax(0,1fr) auto auto auto auto!important;
  }
  .quickchat-chat-search{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
    padding:10px 12px!important;
  }
  .quickchat-chat-search span{
    display:none!important;
  }
  .quickchat-message-list{
    padding:18px 14px 20px!important;
    gap:10px!important;
  }
  .quickchat-message:not(.is-system){
    max-width:94%!important;
  }
  .quickchat-compose{
    grid-template-columns:48px 48px 48px minmax(0,1fr)!important;
    gap:8px!important;
    padding:10px!important;
    padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;
    align-items:end!important;
  }
  .quickchat-attach-button,
  .quickchat-tool-button{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    border-radius:16px!important;
  }
  .quickchat-compose-field{
    grid-column:1 / -1!important;
    grid-row:2!important;
  }
  .quickchat-message-input{
    height:auto!important;
    min-height:52px!important;
    max-height:34dvh!important;
  }
  .quickchat-compose>.button.primary{
    grid-column:1 / -1!important;
    grid-row:3!important;
    width:100%!important;
    height:52px!important;
    min-height:52px!important;
  }
  .quickchat-compose-options{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:8px 10px!important;
  }
  .quickchat-compose-options>label,
  .quickchat-expire-custom{
    width:100%!important;
  }
  .quickchat-popover,
  .quickchat-voice-panel,
  .quickchat-mention-menu{
    left:10px!important;
    right:10px!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    bottom:calc(var(--qc-input-stack-height,220px) + 12px)!important;
  }
  .quickchat-jump-button{
    bottom:calc(var(--qc-input-stack-height,220px) + 12px)!important;
    max-width:calc(100% - 28px)!important;
  }
  .quickchat-side-tabs-panel{
    padding:14px!important;
    border-radius:22px!important;
  }
  .quickchat-participants,
  .quickchat-ban-list{
    max-height:34dvh!important;
  }
}
@media(max-width:420px){
  .quickchat-room-shell{
    width:calc(100vw - 8px)!important;
  }
  .quickchat-main{
    height:calc(100dvh - 118px)!important;
    min-height:480px!important;
  }
  .quickchat-message-list{
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .quickchat-compose{
    grid-template-columns:44px 44px 44px minmax(0,1fr)!important;
  }
  .quickchat-attach-button,
  .quickchat-tool-button{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
  }
}

/* QuickChat v77: mobile reading room expansion.
   Keep desktop untouched; on phones the chat card becomes the primary viewport-height area,
   secondary controls are compacted, and messages can use the full mobile width. */
@media(max-width:760px){
  .quickchat-room-shell{
    width:100vw!important;
    max-width:100vw!important;
    margin-left:50%!important;
    margin-right:0!important;
    transform:translateX(-50%)!important;
    padding-left:max(4px,env(safe-area-inset-left,0px))!important;
    padding-right:max(4px,env(safe-area-inset-right,0px))!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
  }
  .quickchat-room-top{
    margin:8px 0 10px!important;
    padding:12px!important;
    border-radius:22px!important;
  }
  .quickchat-room-top h1{
    font-size:clamp(1.35rem,6.4vw,1.95rem)!important;
    line-height:1.02!important;
    margin-bottom:4px!important;
  }
  .quickchat-room-code-line{
    line-height:1.28!important;
  }
  .quickchat-room-menu-toggle{
    width:56px!important;
    height:56px!important;
    min-width:56px!important;
    border-radius:20px!important;
  }
  .quickchat-app{
    gap:10px!important;
  }
  .quickchat-main{
    height:max(680px,calc(100dvh - 18px))!important;
    min-height:680px!important;
    grid-template-rows:auto auto minmax(0,1fr) auto auto auto auto!important;
    border-radius:22px!important;
  }
  .quickchat-chat-search{
    padding:8px 10px!important;
  }
  .quickchat-message-list{
    min-height:0!important;
    padding:20px 14px 28px!important;
    gap:12px!important;
    scroll-padding-bottom:32px!important;
  }
  .quickchat-message:not(.is-system){
    max-width:calc(100% - 8px)!important;
    margin-left:4px!important;
    margin-right:4px!important;
  }
  .quickchat-message.is-element{
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  .quickchat-message.is-element .quickchat-element-card{
    width:100%!important;
  }
  .quickchat-typing:not(.is-active):empty{
    display:none!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }
  .quickchat-compose{
    grid-template-columns:44px 44px 44px minmax(0,1fr)!important;
    gap:8px!important;
    padding:8px!important;
    padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;
  }
  .quickchat-attach-button,
  .quickchat-tool-button{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    border-radius:15px!important;
  }
  .quickchat-message-input{
    min-height:48px!important;
    max-height:30dvh!important;
    padding:11px 12px!important;
  }
  .quickchat-compose>.button.primary{
    height:50px!important;
    min-height:50px!important;
  }
  .quickchat-compose-options{
    grid-template-columns:1fr!important;
    gap:6px!important;
    padding:6px 10px 8px!important;
  }
  .quickchat-compose-options>label,
  .quickchat-expire-custom{
    min-height:38px!important;
    padding:6px 8px!important;
    border-radius:16px!important;
  }
  .quickchat-compose-options>label:not(.quickchat-inline-check){
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
  }
  .quickchat-compose-options .input{
    min-height:38px!important;
    padding:6px 10px!important;
  }
  .quickchat-compose-options>.quickchat-inline-check{
    justify-content:flex-start!important;
    gap:8px!important;
    font-size:.84rem!important;
    line-height:1.18!important;
  }
  .quickchat-compose-help{
    padding:0 12px 6px!important;
    font-size:.78rem!important;
    line-height:1.35!important;
  }
  .quickchat-jump-button{
    bottom:calc(var(--qc-input-stack-height,185px) + 12px)!important;
  }
  .quickchat-popover,
  .quickchat-voice-panel,
  .quickchat-mention-menu{
    bottom:calc(var(--qc-input-stack-height,185px) + 10px)!important;
  }
}
@media(max-width:420px){
  .quickchat-room-shell{
    width:100vw!important;
    max-width:100vw!important;
    padding-left:3px!important;
    padding-right:3px!important;
  }
  .quickchat-main{
    height:max(660px,calc(100dvh - 12px))!important;
    min-height:660px!important;
  }
  .quickchat-message-list{
    padding-left:12px!important;
    padding-right:12px!important;
  }
}
@media(max-width:760px) and (max-height:720px){
  .quickchat-room-top{
    margin-top:6px!important;
    margin-bottom:8px!important;
  }
  .quickchat-compose-help{
    display:none!important;
  }
  .quickchat-main{
    height:max(640px,calc(100dvh - 10px))!important;
    min-height:640px!important;
  }
}

/* QuickChat v77.1: lock mobile chat grid rows so hidden optional panels do not make the composer consume the flexible message area. */
@media(max-width:760px){
  .quickchat-main{
    grid-template-rows:auto auto minmax(0,1fr) auto auto auto auto auto!important;
  }
  .quickchat-pinned-panel{grid-row:1!important;}
  .quickchat-chat-search{grid-row:2!important;}
  .quickchat-message-list{grid-row:3!important;}
  .quickchat-typing{grid-row:4!important;}
  .quickchat-compose{grid-row:5!important;align-content:start!important;}
  .quickchat-compose-options{grid-row:6!important;}
  .quickchat-compose-help{grid-row:7!important;}
  .quickchat-status#qcRoomStatus{grid-row:8!important;}
}

/* v78 PDF-Creator, document-only print and header tool search */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.nav-tool-search{position:relative;display:flex;align-items:center;min-width:240px;max-width:360px;flex:1 1 260px;margin:0 2px}
.nav-tool-search-input{width:100%;min-height:44px;border:1px solid #dbe3ef;border-radius:999px;background:#fff;color:#0f172a;font:inherit;font-size:.94rem;font-weight:850;padding:0 44px 0 16px;box-shadow:0 10px 28px -24px rgba(15,23,42,.55)}
.nav-tool-search-input:focus{outline:2px solid rgba(79,70,229,.26);border-color:#c7d2fe;background:#fff}
.nav-tool-search-submit{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;border-radius:999px;background:#eef2ff;color:#312e81;font:inherit;font-weight:950;cursor:pointer}
.nav-tool-search-submit:hover,.nav-tool-search-submit:focus-visible{background:#4f46e5;color:#fff;outline:none}
.nav-tool-search-results{position:absolute;z-index:1200;left:0;right:0;top:calc(100% + 8px);display:grid;gap:6px;padding:8px;border:1px solid #dbe3ef;border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.18);max-height:min(420px,70vh);overflow:auto}
.nav-tool-search-results[hidden]{display:none!important}
.nav-tool-search-results a{display:grid!important;gap:4px!important;min-height:auto!important;padding:10px 12px!important;border-radius:13px!important;background:#fff;text-decoration:none!important;color:#0f172a!important;line-height:1.25!important;white-space:normal!important}
.nav-tool-search-results a strong{font-size:.95rem;font-weight:950;overflow-wrap:anywhere}
.nav-tool-search-results a span{color:#64748b;font-size:.82rem;font-weight:760;line-height:1.35;overflow-wrap:anywhere}
.nav-tool-search-results a:hover,.nav-tool-search-results a:focus-visible,.nav-tool-search-results a.is-active{background:#eef2ff!important;color:#312e81!important;outline:none!important}
.nav-tool-search-empty{padding:10px 12px;color:#64748b;font-weight:850;font-size:.9rem}
.pdf-creator-card{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:18px;align-items:start;margin:0 0 22px;padding:22px;border:1px solid rgba(15,23,42,.10);border-radius:28px;background:linear-gradient(135deg,#fff,#f8fbff 58%,#eef2ff);box-shadow:0 18px 48px rgba(15,23,42,.07)}
.pdf-creator-copy h2{margin:4px 0 8px;font-size:clamp(1.45rem,2.6vw,2.1rem);letter-spacing:-.045em;line-height:1.08}.pdf-creator-copy p:not(.eyebrow){color:#52637a;font-weight:760;line-height:1.55;margin:0}
.pdf-creator-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}.pdf-creator-form label{display:grid;gap:7px;color:#334155;font-weight:900;font-size:.88rem}.pdf-creator-form .input{min-width:0}.pdf-creator-wide{grid-column:1/-1}.pdf-creator-wide textarea{min-height:96px;resize:vertical;line-height:1.45;padding:12px}.pdf-creator-submit{grid-column:1/-1;justify-self:start}
.pdf-print-frame{position:fixed;right:0;bottom:0;width:1px;height:1px;border:0;opacity:0;pointer-events:none}
@media(min-width:981px){.site-nav.nav-right-public{gap:8px!important}.nav-tool-search{order:20}.nav .nav-cta{order:21}.nav .dropdown-menu.nav-dropdown{z-index:1300!important}}
@media(max-width:1180px) and (min-width:981px){.nav-tool-search{min-width:190px;max-width:260px}.nav-tool-search-input{font-size:.88rem;padding-left:13px}}
@media(max-width:980px){.nav-tool-search{width:100%;max-width:none;min-width:0;display:flex!important;order:-1;margin:0}.nav-tool-search-input{border-radius:18px;min-height:50px}.nav-tool-search-submit{right:8px;width:36px;height:36px}.nav-tool-search-results{position:static;margin-top:8px;max-height:300px}.pdf-creator-card{grid-template-columns:1fr}.pdf-creator-form{grid-template-columns:repeat(2,minmax(0,1fr))}.pdf-creator-submit{width:100%;justify-self:stretch}}
@media(max-width:620px){.pdf-creator-card{padding:17px;border-radius:24px}.pdf-creator-form{grid-template-columns:1fr}.pdf-creator-submit{grid-column:1}}

/* v79: Header-Toolsuche – saubere Trefferpriorität und mobile Darstellung */
.nav .site-nav .nav-tool-search{position:relative!important;display:flex!important;align-items:center!important;min-width:240px!important;max-width:360px!important;flex:1 1 260px!important;margin:0 2px!important;min-height:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.nav .site-nav .nav-tool-search-input{width:100%!important;min-width:0!important;min-height:44px!important;border:1px solid #dbe3ef!important;border-radius:999px!important;background:#fff!important;color:#0f172a!important;font:inherit!important;font-size:.94rem!important;font-weight:850!important;line-height:1.2!important;padding:0 44px 0 16px!important;box-shadow:0 10px 28px -24px rgba(15,23,42,.55)!important}
.nav .site-nav .nav-tool-search-input:focus{outline:3px solid rgba(79,70,229,.18)!important;border-color:#a5b4fc!important;background:#fff!important}
.nav .site-nav .nav-tool-search-submit{position:absolute!important;right:5px!important;top:50%!important;transform:translateY(-50%)!important;width:34px!important;height:34px!important;min-height:34px!important;border:0!important;border-radius:999px!important;background:#eef2ff!important;color:#312e81!important;font:inherit!important;font-weight:950!important;cursor:pointer!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important}
.nav .site-nav .nav-tool-search-results{position:absolute!important;z-index:5200!important;left:0!important;right:0!important;top:calc(100% + 8px)!important;display:grid!important;grid-template-columns:1fr!important;gap:6px!important;padding:8px!important;border:1px solid #dbe3ef!important;border-radius:20px!important;background:#fff!important;box-shadow:0 24px 70px rgba(15,23,42,.18)!important;max-height:min(420px,70vh)!important;overflow:auto!important;overscroll-behavior:contain!important}
.nav .site-nav .nav-tool-search-results[hidden]{display:none!important}
.nav .site-nav .nav-tool-search-results a:not(.nav-cta){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:5px!important;width:100%!important;min-height:auto!important;padding:12px 14px!important;border:1px solid transparent!important;border-radius:16px!important;background:#fff!important;text-decoration:none!important;color:#0f172a!important;line-height:1.28!important;white-space:normal!important;box-shadow:none!important;outline:none!important;overflow:hidden!important}
.nav .site-nav .nav-tool-search-results a:not(.nav-cta) strong{display:block!important;font-size:.96rem!important;font-weight:950!important;line-height:1.22!important;color:inherit!important;overflow-wrap:anywhere!important}
.nav .site-nav .nav-tool-search-results a:not(.nav-cta) span{display:block!important;color:#64748b!important;font-size:.83rem!important;font-weight:760!important;line-height:1.35!important;overflow-wrap:anywhere!important;text-transform:none!important;letter-spacing:0!important}
.nav .site-nav .nav-tool-search-results a:not(.nav-cta):hover,.nav .site-nav .nav-tool-search-results a:not(.nav-cta):focus-visible,.nav .site-nav .nav-tool-search-results a:not(.nav-cta).is-active{background:#eef2ff!important;color:#312e81!important;border-color:#c7d2fe!important;border-radius:16px!important;box-shadow:inset 0 0 0 1px rgba(199,210,254,.65)!important;outline:none!important}
.nav .site-nav .nav-tool-search-results a:not(.nav-cta):hover span,.nav .site-nav .nav-tool-search-results a:not(.nav-cta):focus-visible span,.nav .site-nav .nav-tool-search-results a:not(.nav-cta).is-active span{color:#4f46e5!important}
.nav .site-nav .nav-tool-search-empty{padding:12px 14px!important;color:#64748b!important;font-weight:850!important;font-size:.9rem!important;line-height:1.3!important}
@media(max-width:1180px) and (min-width:981px){.nav .site-nav .nav-tool-search{min-width:190px!important;max-width:270px!important}.nav .site-nav .nav-tool-search-input{font-size:.88rem!important;padding-left:13px!important}}
@media(max-width:980px){.nav .site-nav .nav-tool-search{width:100%!important;max-width:none!important;min-width:0!important;display:flex!important;order:-1!important;margin:0!important}.nav .site-nav .nav-tool-search-input{border-radius:18px!important;min-height:50px!important}.nav .site-nav .nav-tool-search-submit{right:8px!important;width:36px!important;height:36px!important}.nav .site-nav .nav-tool-search-results{position:static!important;width:100%!important;margin-top:8px!important;max-height:min(48dvh,340px)!important;border-radius:20px!important;padding:8px!important}.nav .site-nav .nav-tool-search-results a:not(.nav-cta){border-radius:15px!important;padding:13px 14px!important}.nav .site-nav .nav-tool-search-results a:not(.nav-cta):hover,.nav .site-nav .nav-tool-search-results a:not(.nav-cta):focus-visible,.nav .site-nav .nav-tool-search-results a:not(.nav-cta).is-active{border-radius:15px!important}}
@media(max-width:520px){.nav .site-nav .nav-tool-search-input{font-size:.95rem!important;padding-left:14px!important}.nav .site-nav .nav-tool-search-results{max-height:min(52dvh,360px)!important}.nav .site-nav .nav-tool-search-results a:not(.nav-cta) strong{font-size:.94rem!important}.nav .site-nav .nav-tool-search-results a:not(.nav-cta) span{font-size:.82rem!important}}