:root{
    --bg:#08070d;
    --panel:#11101a;
    --panel-2:#191624;
    --text:#f7f3ff;
    --muted:#a7a0b7;
    --line:rgba(255,255,255,.10);
    --accent:#ffa100;
    --accent-2:#d300ff;
    --danger:#ff4d5e;
    --success:#2dd881;
    --shadow:0 20px 80px rgba(0,0,0,.38);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea{font:inherit}
.app-body{background:radial-gradient(circle at top left,rgba(211,0,255,.16),transparent 34%),radial-gradient(circle at bottom right,rgba(255,161,0,.16),transparent 32%),var(--bg)}
.brand-mark{width:76px;height:76px;border-radius:24px;background:linear-gradient(135deg,var(--accent),#ff4d00);display:grid;place-items:center;color:#09070d;font-weight:900;letter-spacing:-1px;font-size:26px;box-shadow:0 16px 60px rgba(255,161,0,.24)}
.brand-mark.small{width:48px;height:48px;border-radius:16px;font-size:18px}
.eyebrow{margin:0 0 6px;color:var(--accent);font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:800}
.muted{color:var(--muted)}
.btn{border:1px solid var(--line);background:var(--panel-2);color:var(--text);padding:12px 18px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-weight:800;transition:.2s ease}
.btn:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.24)}
.btn.primary{background:linear-gradient(135deg,var(--accent),#ff4d00);color:#0c0907;border-color:transparent}
.btn.ghost{background:transparent}
.btn.danger{background:rgba(255,77,94,.14);border-color:rgba(255,77,94,.35);color:#ffb0b8}
.btn.full{width:100%}
.btn.mini{padding:8px 12px;border-radius:11px;font-size:13px}
.alert{padding:13px 15px;border-radius:14px;margin:12px 0;font-weight:700}
.alert.success{background:rgba(45,216,129,.12);border:1px solid rgba(45,216,129,.28);color:#b9ffd7}
.alert.danger{background:rgba(255,77,94,.12);border:1px solid rgba(255,77,94,.28);color:#ffd0d5}
.form-stack{display:grid;gap:16px}
.form-stack label{display:grid;gap:8px;color:#e7e1f5;font-weight:800;font-size:14px}
input,textarea{width:100%;border:1px solid var(--line);background:#0d0b13;color:var(--text);padding:13px 14px;border-radius:14px;outline:none;resize:vertical}
input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(255,161,0,.1)}
.check-row{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:10px;font-weight:700!important;color:var(--muted)!important}
.check-row input{width:auto}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px}
.auth-card{width:min(440px,100%);padding:34px;background:rgba(17,16,26,.86);border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}
.auth-card h1{margin:18px 0 6px;font-size:34px;letter-spacing:-.04em}
.auth-card p{margin:0 0 24px;line-height:1.55}
.admin-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}
.admin-sidebar{position:sticky;top:0;height:100vh;padding:26px;background:rgba(12,10,18,.86);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:24px}
.admin-sidebar h2{margin:0;font-size:22px;letter-spacing:-.04em}
.admin-sidebar nav{display:grid;gap:10px}
.admin-sidebar nav a{padding:13px 14px;border-radius:14px;color:var(--muted);font-weight:800}
.admin-sidebar nav a.active,.admin-sidebar nav a:hover{background:rgba(255,255,255,.07);color:var(--text)}
.admin-main{padding:34px;max-width:1440px;width:100%}
.admin-main.narrow{max-width:840px}
.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.page-head.split{align-items:flex-start}
.page-head h1{margin:0;font-size:42px;letter-spacing:-.055em}
.page-head p{margin:4px 0 0;line-height:1.5}
.head-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}
.stat-card,.panel,.room-card{background:rgba(17,16,26,.86);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}
.stat-card{padding:22px}
.stat-card span{display:block;color:var(--muted);font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.stat-card strong{display:block;margin-top:8px;font-size:36px;letter-spacing:-.06em}
.panel{padding:22px;margin-bottom:22px}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.panel-head h2{margin:0;font-size:24px;letter-spacing:-.04em}
.panel-head a{color:var(--accent);font-weight:800}
.room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.room-card{padding:20px;display:flex;flex-direction:column;justify-content:space-between;gap:18px;min-height:218px}
.room-card h3{margin:12px 0 6px;font-size:24px;letter-spacing:-.04em}
.room-card p{margin:0;color:var(--muted);line-height:1.5}
.room-card small{display:block;margin-top:14px;color:#d8d0e8}
.status{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:900;border:1px solid var(--line);background:rgba(255,255,255,.05);color:#e9e2f5}
.status.on,.status.approved{background:rgba(45,216,129,.12);border-color:rgba(45,216,129,.28);color:#b9ffd7}
.status.off,.status.rejected{background:rgba(255,77,94,.12);border-color:rgba(255,77,94,.28);color:#ffd0d5}
.status.warn,.status.pending{background:rgba(255,161,0,.12);border-color:rgba(255,161,0,.32);color:#ffe0a3}
.card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.link-panel{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;align-items:end}
.link-panel code{display:block;margin-top:8px;padding:12px;border-radius:14px;background:#0d0b13;color:#ffdca0;word-break:break-all}
.message-admin-list{display:grid;gap:14px}
.message-admin-card{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:20px;padding:16px}
.msg-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.msg-meta small{color:var(--muted)}
.message-admin-card p{margin:10px 0;line-height:1.55}
.message-admin-card img{max-width:280px;border-radius:16px;margin:12px 0;border:1px solid var(--line)}
.pagination-wrap{margin-top:18px;color:var(--muted)}
.chat-page{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;max-width:720px;margin:0 auto;background:rgba(6,5,10,.78);border-inline:1px solid var(--line)}
.chat-header{padding:22px 18px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between;gap:16px;background:linear-gradient(135deg,rgba(211,0,255,.18),rgba(255,161,0,.12))}
.chat-header h1{margin:0;font-size:28px;letter-spacing:-.05em}
.chat-header p:last-child{margin:8px 0 0;color:#e5def3;line-height:1.45}
.live-pill{background:#ff003d;color:#fff;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:900;letter-spacing:.12em;box-shadow:0 0 24px rgba(255,0,61,.55)}
.chat-feed{overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:14px;min-height:0}
.chat-bubble{width:100%;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:22px;padding:15px;animation:rise .25s ease both}
.bubble-head{display:flex;justify-content:space-between;gap:10px;color:#fff;margin-bottom:8px}
.bubble-head span{color:var(--muted);font-size:12px}
.chat-bubble p{margin:0 0 10px;line-height:1.45;font-size:16px}
.chat-bubble img{border-radius:18px;border:1px solid var(--line);max-height:460px;object-fit:cover;width:100%}
.composer{position:sticky;bottom:0;background:rgba(10,8,15,.94);backdrop-filter:blur(16px);border-top:1px solid var(--line);padding:14px;display:grid;gap:10px}
.composer-row{display:flex;gap:10px;align-items:center;justify-content:space-between}
.file-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 14px;border-radius:14px;background:var(--panel-2);border:1px solid var(--line);font-weight:900;cursor:pointer}
.file-btn input{display:none}
.composer-status{min-height:18px;color:var(--muted);font-size:13px;font-weight:700}
.screen-page{min-height:100vh;background:#020106;display:grid;place-items:center;padding:3.5vh;overflow:hidden}
.screen-frame{width:min(56.25vh,100vw);height:min(100vh,177.78vw);max-width:720px;max-height:1280px;position:relative;border:14px solid rgba(255,161,0,.55);border-radius:16px;background:radial-gradient(circle at 20% 10%,rgba(211,0,255,.48),transparent 28%),radial-gradient(circle at 80% 88%,rgba(255,161,0,.28),transparent 30%),linear-gradient(145deg,#12091c,#09050f 48%,#26042f);box-shadow:0 0 80px rgba(211,0,255,.32),inset 0 0 0 2px rgba(255,255,255,.08);overflow:hidden}
.screen-frame:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:36px 36px;opacity:.35;pointer-events:none}
.screen-top{position:relative;z-index:2;padding:28px 28px 16px;display:grid;grid-template-columns:220px 1fr;gap:22px;align-items:center}
.qr-box{background:rgba(255,255,255,.96);padding:15px;border-radius:20px;text-align:center;color:#08070d;box-shadow:0 20px 60px rgba(0,0,0,.34)}
.qr-box img{width:100%;border-radius:10px}
.qr-box strong{display:block;margin-top:8px;font-size:15px;letter-spacing:.06em}
.screen-title p{margin:0;color:var(--accent);font-weight:900;text-transform:uppercase;letter-spacing:.14em;font-size:15px}
.screen-title h1{margin:8px 0 0;font-size:44px;line-height:.95;letter-spacing:-.07em;text-transform:uppercase}
.screen-feed{position:relative;z-index:2;height:calc(100% - 282px);overflow:hidden;padding:10px 28px 34px;display:flex;flex-direction:column;gap:18px;justify-content:flex-end}
.screen-card{background:rgba(0,0,0,.72);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:16px;box-shadow:0 20px 70px rgba(0,0,0,.32)}
.screen-name{color:var(--accent);font-size:18px;letter-spacing:.20em;text-transform:uppercase;font-weight:1000;margin-bottom:9px}
.screen-card p{margin:0;font-size:24px;line-height:1.2;font-weight:800;letter-spacing:-.03em}
.screen-card img{width:100%;max-height:360px;object-fit:cover;border-radius:18px;margin-bottom:12px;border:1px solid rgba(255,255,255,.14)}
.pop-in{animation:pop .35s cubic-bezier(.2,1.2,.2,1) both}
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes pop{from{opacity:0;transform:scale(.92) translateY(18px)}to{opacity:1;transform:scale(1) translateY(0)}}
@media(max-width:900px){
    .admin-shell{grid-template-columns:1fr}
    .admin-sidebar{position:relative;height:auto}
    .stats-grid{grid-template-columns:1fr}
    .page-head,.page-head.split{flex-direction:column;align-items:flex-start}
    .link-panel{grid-template-columns:1fr}
}
@media(max-width:620px){
    .admin-main{padding:20px}
    .page-head h1{font-size:34px}
    .screen-page{padding:0}
    .screen-frame{width:100vw;height:100vh;border-radius:0;border-width:8px}
    .screen-top{grid-template-columns:150px 1fr;padding:16px;gap:14px}
    .screen-title h1{font-size:28px}
    .qr-box strong{font-size:11px}
    .screen-feed{height:calc(100% - 196px);padding:6px 16px 22px}
    .screen-card p{font-size:18px}
}

/* Branding & theme module */
.app-body{position:relative;isolation:isolate;background:radial-gradient(circle at top left, color-mix(in srgb, var(--accent-2) 18%, transparent), transparent 34%),radial-gradient(circle at bottom right, color-mix(in srgb, var(--accent) 18%, transparent), transparent 32%),var(--bg)}
.app-body:before{content:"";position:fixed;inset:0;background-image:var(--app-background-image);background-size:cover;background-position:center;opacity:.16;filter:saturate(1.1) contrast(1.04);pointer-events:none;z-index:-2}
.app-body:after{content:"";position:fixed;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.42),rgba(0,0,0,.70));pointer-events:none;z-index:-1}
.brand-logo{width:76px;height:76px;border-radius:24px;object-fit:contain;background:rgba(255,255,255,.07);border:1px solid var(--line);padding:9px;box-shadow:0 16px 60px color-mix(in srgb, var(--accent) 24%, transparent)}
.brand-logo.small{width:48px;height:48px;border-radius:16px;padding:6px}
.brand-mark{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 58%,#ff4d00));box-shadow:0 16px 60px color-mix(in srgb,var(--accent) 24%,transparent)}
.btn.primary{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#ff4d00));color:#0c0907;border-color:transparent}
.chat-title-wrap{display:flex;align-items:flex-start;gap:14px;min-width:0}
.chat-title-wrap .brand-logo,.chat-title-wrap .brand-mark{flex:0 0 auto}
.screen-logo-row{display:flex;align-items:center;gap:14px;margin-bottom:10px}
.screen-logo-row p{margin:0!important}
.screen-frame{background-image:linear-gradient(rgba(0,0,0,var(--screen-overlay-opacity)),rgba(0,0,0,var(--screen-overlay-opacity))),var(--app-background-image),radial-gradient(circle at 20% 10%,color-mix(in srgb,var(--accent-2) 48%,transparent),transparent 28%),radial-gradient(circle at 80% 88%,color-mix(in srgb,var(--accent) 30%,transparent),transparent 30%),linear-gradient(145deg,#12091c,#09050f 48%,#26042f);background-size:cover,cover,auto,auto,auto;background-position:center,center,center,center,center;border-color:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:0 0 80px color-mix(in srgb,var(--accent-2) 32%,transparent),inset 0 0 0 2px rgba(255,255,255,.08)}
select{width:100%;border:1px solid var(--line);background:#0d0b13;color:var(--text);padding:13px 14px;border-radius:14px;outline:none}
select:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 10%,transparent)}
input[type="color"]{height:54px;padding:6px;cursor:pointer}
.field-hint{color:var(--muted);font-size:12px;font-weight:700;line-height:1.4}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.settings-panel{margin:0}
.settings-panel.wide{grid-column:1 / -1}
.theme-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.swatch-card{border:1px solid var(--line);border-radius:16px;padding:10px;background:rgba(255,255,255,.04);display:grid;grid-template-columns:24px 24px 1fr;align-items:center;gap:8px}
.swatch-card span{width:24px;height:24px;border-radius:999px;border:1px solid rgba(255,255,255,.22)}
.swatch-card small{color:var(--muted);font-weight:800;line-height:1.25}
.preview-box{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.04);padding:14px;display:grid;gap:12px}
.preview-box>span{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.10em;font-weight:900}
.preview-logo{width:160px;max-height:110px;object-fit:contain;border-radius:14px;background:rgba(0,0,0,.25);padding:12px;border:1px solid var(--line)}
.background-preview img{width:100%;max-height:360px;object-fit:cover;border-radius:16px;border:1px solid var(--line)}
.brand-preview{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.brand-preview h3{margin:0;font-size:30px;letter-spacing:-.05em}
.brand-preview p{margin:4px 0 0;line-height:1.5}
.settings-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:10px}
.live-preview-panel{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-2) 12%,transparent),color-mix(in srgb,var(--accent) 10%,transparent)),rgba(17,16,26,.86)}
@media(max-width:900px){.settings-grid{grid-template-columns:1fr}.settings-actions{justify-content:stretch}.settings-actions .btn{width:100%}.chat-title-wrap{align-items:center}.chat-title-wrap .brand-logo,.chat-title-wrap .brand-mark{display:none}}

/* Chat interaction module: quick menu & emoticon picker */
.composer-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tool-btn{border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--text);border-radius:999px;padding:9px 12px;font-weight:900;font-size:13px;cursor:pointer;transition:.2s ease}
.tool-btn:hover,.tool-btn.active{border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 14%,transparent);color:#fff;box-shadow:0 0 22px color-mix(in srgb,var(--accent) 16%,transparent)}
.tool-hint{color:var(--muted);font-size:12px;font-weight:700;margin-left:auto}
.choice-panel{border:1px solid var(--line);background:rgba(255,255,255,.055);border-radius:18px;padding:12px;display:grid;gap:10px;box-shadow:0 18px 50px rgba(0,0,0,.22)}
.choice-panel.hidden{display:none!important}
.panel-label{font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:1000;color:var(--accent)}
.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:190px;overflow-y:auto;padding-right:2px}
.quick-chip{border:1px solid var(--line);background:rgba(0,0,0,.22);color:var(--text);border-radius:14px;padding:11px 12px;text-align:left;font-weight:800;line-height:1.25;cursor:pointer;transition:.2s ease}
.quick-chip:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 52%,transparent);background:color-mix(in srgb,var(--accent) 12%,rgba(0,0,0,.26))}
.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:8px;max-height:188px;overflow-y:auto;padding-right:2px}
.emoji-btn{height:42px;border:1px solid var(--line);border-radius:13px;background:rgba(0,0,0,.22);font-size:22px;line-height:1;cursor:pointer;transition:.16s ease;display:grid;place-items:center}
.emoji-btn:hover{transform:translateY(-2px) scale(1.03);border-color:color-mix(in srgb,var(--accent) 60%,transparent);background:color-mix(in srgb,var(--accent) 14%,rgba(0,0,0,.20))}
.emoji-help{font-size:12px;color:var(--muted);font-weight:700;line-height:1.4}
.chat-bubble .emoji-only-text{font-size:46px;line-height:1.06;margin:2px 0 6px;letter-spacing:0;text-shadow:0 0 28px color-mix(in srgb,var(--accent) 34%,transparent)}
.screen-card .emoji-only-text{font-size:72px;line-height:1;text-align:center;letter-spacing:0;text-shadow:0 0 36px color-mix(in srgb,var(--accent) 42%,transparent)}
.interaction-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
@media(max-width:620px){
    .tool-hint{display:none}
    .quick-grid{grid-template-columns:1fr;max-height:176px}
    .emoji-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
    .emoji-btn{height:40px;font-size:21px}
    .chat-bubble .emoji-only-text{font-size:40px}
}
@media(max-width:900px){.interaction-settings-grid{grid-template-columns:1fr}}

/* Display Layout Manager module */
.room-stats-grid .stat-text{font-size:24px;line-height:1.05;letter-spacing:-.04em}
.display-layout-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-bottom:20px}
.layout-option{position:relative;display:grid!important;grid-template-columns:76px 1fr;gap:14px;align-items:center;border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:22px;padding:14px;cursor:pointer;transition:.2s ease;color:var(--text)!important;font-weight:inherit!important}
.layout-option input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.layout-option:hover,.layout-option.selected,.layout-option:has(input:checked){border-color:color-mix(in srgb,var(--accent) 60%,transparent);background:color-mix(in srgb,var(--accent) 10%,rgba(255,255,255,.04));box-shadow:0 0 34px color-mix(in srgb,var(--accent) 13%,transparent);transform:translateY(-1px)}
.layout-copy{display:grid;gap:4px}
.layout-copy strong{font-size:16px;letter-spacing:-.025em}.layout-copy small{color:#dcd5ea;line-height:1.35;font-weight:700}.layout-copy em{color:var(--accent);font-style:normal;font-size:12px;font-weight:900;line-height:1.3}
.layout-thumb{width:76px;height:60px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.025));position:relative;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.045)}
.layout-thumb i{position:absolute;background:color-mix(in srgb,var(--accent) 72%,#fff);border-radius:6px;box-shadow:0 0 14px color-mix(in srgb,var(--accent) 36%,transparent)}
.layout-thumb-portrait_qr_chat i:nth-child(1){left:8px;top:8px;width:22px;height:22px;background:#fff}.layout-thumb-portrait_qr_chat i:nth-child(2){left:36px;top:10px;width:30px;height:8px}.layout-thumb-portrait_qr_chat i:nth-child(3){left:8px;bottom:9px;width:58px;height:9px}.layout-thumb-portrait_qr_chat i:nth-child(4){left:8px;bottom:23px;width:44px;height:9px}
.layout-thumb-landscape_qr_chat{width:86px;height:52px}.layout-thumb-landscape_qr_chat i:nth-child(1){left:8px;top:10px;width:18px;height:18px;background:#fff}.layout-thumb-landscape_qr_chat i:nth-child(2){left:32px;top:10px;width:44px;height:8px}.layout-thumb-landscape_qr_chat i:nth-child(3){left:32px;top:26px;width:20px;height:14px}.layout-thumb-landscape_qr_chat i:nth-child(4){left:56px;top:26px;width:20px;height:14px}
.layout-thumb-chat_wall i:nth-child(1){left:8px;top:8px;width:26px;height:17px}.layout-thumb-chat_wall i:nth-child(2){left:40px;top:8px;width:26px;height:17px}.layout-thumb-chat_wall i:nth-child(3){left:8px;bottom:8px;width:26px;height:17px}.layout-thumb-chat_wall i:nth-child(4){right:8px;bottom:8px;width:26px;height:17px}
.layout-thumb-photo_wall i{background:linear-gradient(135deg,var(--accent),var(--accent-2))}.layout-thumb-photo_wall i:nth-child(1){left:7px;top:7px;width:28px;height:22px}.layout-thumb-photo_wall i:nth-child(2){right:7px;top:7px;width:28px;height:22px}.layout-thumb-photo_wall i:nth-child(3){left:7px;bottom:7px;width:28px;height:22px}.layout-thumb-photo_wall i:nth-child(4){right:7px;bottom:7px;width:28px;height:22px}
.layout-thumb-qr_focus i:nth-child(1){left:50%;top:50%;width:38px;height:38px;transform:translate(-50%,-50%);background:#fff}.layout-thumb-qr_focus i:nth-child(2){left:10px;bottom:7px;width:56px;height:7px}.layout-thumb-qr_focus i:nth-child(3),.layout-thumb-qr_focus i:nth-child(4){display:none}
.layout-thumb-highlight i:nth-child(1){left:10px;top:8px;width:56px;height:34px}.layout-thumb-highlight i:nth-child(2){left:16px;bottom:8px;width:44px;height:8px}.layout-thumb-highlight i:nth-child(3),.layout-thumb-highlight i:nth-child(4){display:none}
.display-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.display-control-grid label:not(.check-row){display:grid;gap:8px;color:#e7e1f5;font-weight:800;font-size:14px}.display-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.display-summary-grid>div{border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:18px;padding:16px}.display-summary-grid span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.display-summary-grid strong{display:block;margin-top:6px;font-size:22px;letter-spacing:-.035em}.layout-guide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.layout-guide-card{border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:20px;padding:16px;display:grid;gap:10px}.layout-guide-card strong{font-size:17px}.layout-guide-card p{margin:0;color:#dcd5ea;line-height:1.45}.layout-guide-card small{color:var(--accent);font-weight:900}.layout-room-list{display:grid;gap:14px}.layout-room-card{display:grid;grid-template-columns:minmax(260px,1fr) minmax(360px,520px);gap:18px;border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:24px;padding:18px;align-items:start}.layout-room-info h3{margin:12px 0 6px;font-size:26px;letter-spacing:-.045em}.layout-room-info p{margin:0;color:var(--muted)}.layout-room-info small{display:block;margin:10px 0 14px;color:#d8d0e8;font-weight:700}.layout-quick-form{display:grid;gap:12px}.layout-quick-form label:not(.check-row){display:grid;gap:7px;color:#e7e1f5;font-weight:800;font-size:14px}.quick-checks{display:flex;gap:16px;flex-wrap:wrap}.quick-number-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.layout-badge{display:inline-flex;margin-top:12px;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 12%,transparent);color:#fff;border-radius:999px;padding:7px 11px;font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:1000}.screen-logo-row.center{justify-content:center;text-align:left}.screen-logo-row.center h1{margin:0;font-size:34px;letter-spacing:-.06em;text-transform:uppercase}.screen-logo-row.center p{margin:0;color:var(--accent);font-weight:900;text-transform:uppercase;letter-spacing:.14em}.qr-hero-copy{display:grid;gap:5px;text-align:center}.qr-hero-copy span{color:var(--accent);font-size:13px;text-transform:uppercase;letter-spacing:.18em;font-weight:1000}.qr-hero-copy strong{font-size:28px;letter-spacing:-.04em}.qr-box-hero{width:min(72vh,560px);max-width:86%;margin-inline:auto}.screen-frame.layout-landscape_qr_chat{width:min(177.78vh,100vw);height:min(56.25vw,100vh);max-width:1600px;max-height:900px}.layout-landscape_qr_chat .screen-top{grid-template-columns:180px 1fr;padding:22px 32px 10px}.layout-landscape_qr_chat .screen-title h1{font-size:58px}.layout-landscape_qr_chat .screen-feed{height:calc(100% - 218px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:end;overflow:hidden}.layout-landscape_qr_chat .screen-card p{font-size:21px}.layout-landscape_qr_chat .screen-card img{max-height:220px}.layout-chat_wall .screen-top,.layout-photo_wall .screen-top,.layout-highlight .screen-top{position:relative;z-index:4;padding:18px 22px 8px;grid-template-columns:128px 1fr}.layout-chat_wall .qr-box,.layout-photo_wall .qr-box,.layout-highlight .qr-box{padding:9px;border-radius:16px}.layout-chat_wall .qr-box strong,.layout-photo_wall .qr-box strong,.layout-highlight .qr-box strong{font-size:10px}.layout-chat_wall .screen-title h1,.layout-photo_wall .screen-title h1,.layout-highlight .screen-title h1{font-size:32px}.layout-chat_wall .screen-feed{height:calc(100% - 166px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:end;gap:14px}.layout-chat_wall .screen-card{min-height:128px;display:flex;flex-direction:column;justify-content:center}.layout-chat_wall .screen-card p{font-size:22px}.layout-photo_wall .screen-feed{height:calc(100% - 154px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;align-content:end;gap:10px}.layout-photo_wall .screen-card{position:relative;overflow:hidden;padding:0;min-height:150px;border-radius:20px}.layout-photo_wall .screen-card img{width:100%;height:100%;min-height:150px;max-height:none;object-fit:cover;margin:0;border:0;border-radius:20px}.layout-photo_wall .screen-card p{position:absolute;left:10px;right:10px;bottom:10px;margin:0;padding:8px 10px;border-radius:999px;background:rgba(0,0,0,.62);backdrop-filter:blur(10px);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layout-photo_wall .screen-name{position:absolute;left:10px;top:10px;z-index:2;margin:0;padding:7px 9px;border-radius:999px;background:rgba(0,0,0,.62);font-size:11px;letter-spacing:.12em}.layout-photo_wall .screen-card:not(:has(img)){display:none}.layout-qr_focus .screen-qr-hero{position:relative;z-index:2;height:72%;padding:36px 28px 20px;display:grid;place-items:center;align-content:center;gap:22px;text-align:center}.layout-qr_focus .screen-feed{position:absolute;z-index:3;left:22px;right:22px;bottom:22px;height:auto;max-height:22%;padding:0;display:flex;flex-direction:row;gap:12px;overflow:hidden}.layout-qr_focus .screen-card{min-width:280px;flex:1;padding:14px;border-radius:18px}.layout-qr_focus .screen-name{font-size:13px;letter-spacing:.14em}.layout-qr_focus .screen-card p{font-size:18px}.layout-qr_focus .screen-card img{display:none}.layout-highlight .screen-feed{height:calc(100% - 154px);display:grid;place-items:center;padding:18px 30px 36px}.layout-highlight .screen-card{width:100%;max-height:100%;display:grid;gap:14px;padding:22px;border-radius:28px;background:rgba(0,0,0,.62);border-color:color-mix(in srgb,var(--accent) 36%,rgba(255,255,255,.12));box-shadow:0 0 80px color-mix(in srgb,var(--accent-2) 24%,transparent)}.layout-highlight .screen-name{font-size:22px;text-align:center;margin:0}.layout-highlight .screen-card p{font-size:42px;text-align:center;line-height:1.08}.layout-highlight .screen-card img{max-height:780px;width:100%;object-fit:contain;background:rgba(0,0,0,.22)}.layout-highlight .screen-card .emoji-only-text{font-size:112px}.screen-page-landscape_qr_chat{padding:2vh}.screen-page-chat_wall,.screen-page-photo_wall,.screen-page-highlight{padding:2.4vh}
@media(max-width:1000px){.layout-room-card{grid-template-columns:1fr}.display-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.display-control-grid{grid-template-columns:1fr}}
@media(max-width:620px){.display-layout-grid{grid-template-columns:1fr}.layout-option{grid-template-columns:68px 1fr}.display-summary-grid{grid-template-columns:1fr}.quick-number-grid{grid-template-columns:1fr}.screen-frame.layout-landscape_qr_chat{width:100vw;height:100vh}.layout-landscape_qr_chat .screen-top,.layout-chat_wall .screen-top,.layout-photo_wall .screen-top,.layout-highlight .screen-top{grid-template-columns:105px 1fr;padding:12px}.layout-landscape_qr_chat .screen-title h1,.layout-chat_wall .screen-title h1,.layout-photo_wall .screen-title h1,.layout-highlight .screen-title h1{font-size:24px}.layout-landscape_qr_chat .screen-feed,.layout-chat_wall .screen-feed{grid-template-columns:1fr;height:calc(100% - 150px);padding:10px 12px 18px}.layout-photo_wall .screen-feed{grid-template-columns:repeat(2,minmax(0,1fr));height:calc(100% - 140px);padding:8px 12px 18px}.layout-qr_focus .screen-qr-hero{height:70%;padding:20px 14px}.qr-box-hero{max-width:94%}.qr-hero-copy strong{font-size:20px}.layout-qr_focus .screen-feed{left:12px;right:12px;bottom:12px;max-height:25%;flex-direction:column}.layout-highlight .screen-feed{height:calc(100% - 132px);padding:12px}.layout-highlight .screen-card p{font-size:28px}.layout-highlight .screen-card .emoji-only-text{font-size:74px}}

/* v5 User Management */
select{width:100%;border:1px solid var(--line);background:#0d0b13;color:var(--text);padding:13px 14px;border-radius:14px;outline:none}
select:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(255,161,0,.1)}
.sidebar-user{margin-top:12px;padding:12px;border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:16px;display:grid;gap:3px}
.sidebar-user strong{font-size:14px;line-height:1.2}.sidebar-user span{color:var(--accent);font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:1000}
.user-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}
.admin-table{width:100%;border-collapse:collapse;min-width:860px}.admin-table th,.admin-table td{padding:15px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.admin-table th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.11em;font-weight:1000;background:rgba(255,255,255,.04)}.admin-table tr:last-child td{border-bottom:0}.admin-table td{color:#ede8f7}.admin-table td strong{display:block}.mini-note{display:inline-flex;margin-top:6px;color:var(--accent);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.table-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.table-actions form{margin:0}
.role-badge{display:inline-flex;align-items:center;border-radius:999px;padding:7px 11px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:1000;border:1px solid var(--line);background:rgba(255,255,255,.06)}.role-badge.admin{border-color:color-mix(in srgb,var(--accent) 42%,transparent);background:color-mix(in srgb,var(--accent) 14%,transparent);color:#ffe1a3}.role-badge.moderator{border-color:color-mix(in srgb,var(--accent-2) 42%,transparent);background:color-mix(in srgb,var(--accent-2) 14%,transparent);color:#f2ceff}
.two-col-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.password-box{border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:18px;padding:18px}.password-box h3{margin:0 0 5px;font-size:18px}.password-box p{margin:0 0 14px}.role-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.role-guide-grid>div{border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:20px;padding:18px}.role-guide-grid h3{margin:12px 0 6px;font-size:20px}.role-guide-grid p{margin:0;color:var(--muted);line-height:1.5}
@media(max-width:720px){.two-col-form,.role-guide-grid{grid-template-columns:1fr}.admin-table{min-width:760px}}

/* v6-v9 Mega Experience Upgrade */
.hidden{display:none!important}
.chat-experience-page{min-height:100vh;display:grid;grid-template-rows:auto auto auto 1fr auto;max-width:720px;margin:0 auto;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01));position:relative;overflow:hidden}.chat-experience-page:before{content:"";position:fixed;inset:0;background:var(--app-background-image);background-size:cover;background-position:center;opacity:.18;pointer-events:none}.experience-header,.mobile-challenge-card,.mobile-winner-card,.mobile-poll-card,.reaction-bar,.experience-feed,.composer-premium{position:relative;z-index:2}.join-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 20% 15%,color-mix(in srgb,var(--accent) 30%,transparent),transparent 34%),radial-gradient(circle at 85% 85%,color-mix(in srgb,var(--accent-2) 26%,transparent),transparent 34%),rgba(2,2,8,.88);backdrop-filter:blur(18px)}.join-card{width:min(520px,100%);border:1px solid color-mix(in srgb,var(--accent) 36%,rgba(255,255,255,.16));background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.045));box-shadow:0 26px 90px rgba(0,0,0,.52);border-radius:34px;padding:26px;position:relative;overflow:hidden}.join-glow{position:absolute;inset:-70px;background:conic-gradient(from 120deg,transparent,color-mix(in srgb,var(--accent) 28%,transparent),transparent,color-mix(in srgb,var(--accent-2) 22%,transparent),transparent);filter:blur(38px);opacity:.72;animation:spinGlow 9s linear infinite}.join-card>*:not(.join-glow){position:relative;z-index:2}.join-brand{display:flex;justify-content:center;margin-bottom:12px}.join-card h1{font-size:clamp(32px,7vw,54px);letter-spacing:-.07em;line-height:.92;margin:8px 0 12px;text-align:center}.join-copy{text-align:center;color:#ddd6ea;margin:0 0 18px;line-height:1.5}.join-sponsor{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 12px;border:1px solid var(--line);background:rgba(0,0,0,.22);border-radius:18px;margin-bottom:16px}.join-sponsor img{max-height:34px;max-width:120px;object-fit:contain}.join-sponsor span{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:var(--accent)}.join-label,.join-section-title{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:1000;color:var(--accent);margin:13px 0 8px}.join-card input{width:100%;border:1px solid var(--line);background:rgba(0,0,0,.42);color:var(--text);padding:15px 16px;border-radius:18px;outline:0}.avatar-picker,.mood-picker{display:flex;gap:8px;flex-wrap:wrap}.avatar-choice,.mood-choice{border:1px solid var(--line);background:rgba(255,255,255,.06);color:#fff;border-radius:16px;cursor:pointer;font-weight:900;transition:.2s}.avatar-choice{width:48px;height:48px;font-size:24px}.mood-choice{padding:10px 12px}.avatar-choice.selected,.mood-choice.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 22%,rgba(255,255,255,.06));box-shadow:0 0 28px color-mix(in srgb,var(--accent) 24%,transparent)}.join-button{width:100%;margin-top:18px;padding:16px 18px;font-size:16px}.mobile-challenge-card,.mobile-winner-card,.mobile-poll-card{margin:10px 14px;border:1px solid var(--line);background:rgba(0,0,0,.34);backdrop-filter:blur(12px);border-radius:22px;padding:14px}.mobile-challenge-card strong,.mobile-winner-card strong{display:block;font-size:18px}.mobile-challenge-card p,.mobile-winner-card small{margin:6px 0 0;color:#dcd6ec;line-height:1.45}.mobile-winner-card span,.mobile-poll-card span{font-size:11px;color:var(--accent);text-transform:uppercase;letter-spacing:.16em;font-weight:1000}.poll-head-mini{display:grid;gap:5px;margin-bottom:10px}.poll-head-mini strong{font-size:17px}.poll-options-mobile{display:grid;gap:9px}.poll-vote-btn{position:relative;overflow:hidden;text-align:left;border:1px solid var(--line);background:rgba(255,255,255,.06);color:#fff;border-radius:15px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;font-weight:900;cursor:pointer}.poll-vote-btn span,.poll-vote-btn em{position:relative;z-index:2}.poll-vote-btn i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 32%,transparent),transparent);z-index:1}.reaction-bar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:8px 14px 10px}.reaction-btn{border:1px solid var(--line);background:rgba(255,255,255,.07);color:#fff;border-radius:18px;padding:9px 4px;display:grid;gap:2px;place-items:center;cursor:pointer;transition:.2s}.reaction-btn span{font-size:25px}.reaction-btn small{font-size:10px;color:#cfc8de;font-weight:800}.reaction-btn:hover,.reaction-btn.pulse-send{transform:translateY(-2px) scale(1.04);border-color:var(--accent);box-shadow:0 0 28px color-mix(in srgb,var(--accent) 24%,transparent)}.experience-feed{padding-bottom:12px}.composer-premium{border-radius:26px 26px 0 0;box-shadow:0 -18px 60px rgba(0,0,0,.34)}.mini-avatar{display:inline-grid;place-items:center;margin-right:7px}.reaction-bubble{max-width:210px;margin-left:auto;margin-right:auto;text-align:center;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,rgba(255,255,255,.08)),rgba(255,255,255,.04))}.reaction-bubble .bubble-head{justify-content:center}.reaction-bubble p{font-size:44px!important;margin:8px 0 0!important}.chat-bubble{animation:messageRise .35s ease both}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.template-option{position:relative;display:grid;gap:8px;border:1px solid var(--line);border-radius:20px;padding:16px;background:rgba(255,255,255,.045);cursor:pointer;overflow:hidden}.template-option input{position:absolute;opacity:0;pointer-events:none}.template-option span{height:54px;border-radius:16px;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}.template-option strong{font-size:16px}.template-option small{color:var(--muted);line-height:1.4}.template-option.selected{border-color:var(--accent);box-shadow:0 0 36px color-mix(in srgb,var(--accent) 18%,transparent)}.template-wedding_elegant span{background:linear-gradient(135deg,#ffe3ec,#f9afc8,#ffffff)}.template-corporate_clean span{background:linear-gradient(135deg,#dce8ff,#5c8dff,#0c1430)}.template-gold_luxury span{background:linear-gradient(135deg,#fff1a8,#d4af37,#2b1700)}.template-concert_energy span{background:linear-gradient(135deg,#ff174d,#ff8a00,#07000a)}.template-minimal_led span{background:linear-gradient(135deg,#ffffff,#6e7788,#111827)}.experience-section{margin-top:20px;border-top:1px solid var(--line);padding-top:20px}.experience-box{border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:20px;padding:16px;display:grid;gap:12px}.panel-head.compact{margin-bottom:8px}.panel-head.compact h3{margin:0;font-size:20px}.current-upload-preview{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.current-upload-preview img{max-height:58px;max-width:160px;object-fit:contain;border-radius:12px;background:rgba(255,255,255,.08);padding:8px}.stats-grid-wide{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.experience-control-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.experience-control-card{border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:22px;padding:18px;display:grid;gap:8px;transition:.2s}.experience-control-card:hover{transform:translateY(-2px);border-color:var(--accent)}.experience-control-card span{font-size:34px}.experience-control-card strong{font-size:18px}.experience-control-card small{color:var(--muted);line-height:1.35}.message-admin-card.admin-highlighted{border-color:var(--accent);box-shadow:0 0 32px color-mix(in srgb,var(--accent) 16%,transparent)}.message-admin-card.admin-pinned-photo{border-color:var(--accent-2);box-shadow:0 0 32px color-mix(in srgb,var(--accent-2) 16%,transparent)}.poll-admin-list,.winner-list{display:grid;gap:14px}.poll-admin-card,.winner-card{border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:22px;padding:18px}.poll-admin-card.active{border-color:var(--accent);box-shadow:0 0 40px color-mix(in srgb,var(--accent) 14%,transparent)}.poll-admin-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.poll-admin-head h3{margin:10px 0 4px;font-size:22px}.poll-result-bars{display:grid;gap:10px;margin-top:14px}.poll-result-row{position:relative;overflow:hidden;border:1px solid var(--line);background:rgba(0,0,0,.22);border-radius:16px;padding:12px 14px;display:flex;justify-content:space-between}.poll-result-row strong,.poll-result-row span{position:relative;z-index:2}.poll-result-row i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 34%,transparent),transparent);z-index:1}.winner-pick-panel{display:grid;grid-template-columns:minmax(240px,1fr) minmax(300px,430px);gap:22px;align-items:center}.winner-machine{border:1px solid color-mix(in srgb,var(--accent) 36%,var(--line));background:radial-gradient(circle at top,color-mix(in srgb,var(--accent) 18%,transparent),rgba(255,255,255,.04));border-radius:28px;padding:28px;text-align:center}.winner-machine span{font-size:70px;display:block}.winner-machine strong{font-size:32px;letter-spacing:-.05em}.winner-machine p{color:var(--muted);line-height:1.45}.winner-card{display:flex;gap:14px;align-items:center}.winner-card>span{font-size:40px}.winner-card strong{font-size:20px}.winner-card p{margin:4px 0;color:var(--accent);font-weight:900}.winner-card small{color:var(--muted)}.report-stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.report-grid-panel{display:grid;grid-template-columns:1fr 1fr;gap:24px}.top-user-list{display:grid;gap:10px}.top-user-list>div{border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:16px;padding:13px 14px;display:flex;justify-content:space-between}.top-user-list span{color:var(--accent);font-weight:900}.display-summary-grid.small{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-template-club_neon{--tpl-a:#00d9ff;--tpl-b:#d300ff}.screen-template-concert_energy{--tpl-a:#ff174d;--tpl-b:#ff8a00}.screen-template-gold_luxury{--tpl-a:#d4af37;--tpl-b:#ff7a00}.screen-template-wedding_elegant{--tpl-a:#ffd6e4;--tpl-b:#ffffff}.screen-template-corporate_clean{--tpl-a:#5c8dff;--tpl-b:#dce8ff}.screen-template-minimal_led{--tpl-a:#ffffff;--tpl-b:#9ca3af}.screen-template-club_neon .screen-frame,.screen-template-concert_energy .screen-frame,.screen-template-gold_luxury .screen-frame{box-shadow:0 0 120px color-mix(in srgb,var(--tpl-a) 22%,transparent),inset 0 0 80px rgba(255,255,255,.045)}.screen-template-gold_luxury .screen-frame{background:radial-gradient(circle at 50% 0%,rgba(212,175,55,.22),transparent 42%),rgba(6,4,1,.82)}.screen-template-wedding_elegant .screen-frame{background:radial-gradient(circle at top,rgba(255,214,228,.22),transparent 42%),rgba(34,18,28,.76)}.screen-template-corporate_clean .screen-frame{background:linear-gradient(135deg,rgba(7,20,48,.92),rgba(2,7,20,.92))}.screen-template-minimal_led .screen-frame{background:#030303}.screen-sponsor-slot{position:absolute;z-index:8;right:18px;bottom:18px;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.5);backdrop-filter:blur(14px);border-radius:999px;padding:8px 14px}.screen-sponsor-slot img{max-height:38px;max-width:130px;object-fit:contain}.screen-sponsor-slot span{font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:1000;color:#fff}.screen-challenge-banner{position:absolute;z-index:8;left:18px;bottom:18px;max-width:48%;border:1px solid color-mix(in srgb,var(--accent) 32%,rgba(255,255,255,.14));background:rgba(0,0,0,.52);backdrop-filter:blur(14px);border-radius:22px;padding:14px 16px}.screen-challenge-banner span,.screen-poll-card>span,.highlight-overlay-card>span,.winner-overlay-card>span,.pinned-photo-overlay>span{display:block;color:var(--accent);font-size:11px;text-transform:uppercase;letter-spacing:.18em;font-weight:1000;margin-bottom:5px}.screen-challenge-banner strong{font-size:18px}.screen-challenge-banner p{margin:5px 0 0;color:#e8e3f0;line-height:1.35}.screen-poll-card{position:absolute;z-index:9;right:18px;top:180px;width:min(360px,38%);border:1px solid color-mix(in srgb,var(--accent-2) 32%,rgba(255,255,255,.14));background:rgba(0,0,0,.58);backdrop-filter:blur(14px);border-radius:24px;padding:16px}.screen-poll-card strong{display:block;font-size:20px;line-height:1.15}.screen-poll-options{display:grid;gap:9px;margin-top:12px}.screen-poll-row{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:10px 12px;display:flex;justify-content:space-between;background:rgba(255,255,255,.05)}.screen-poll-row b,.screen-poll-row em{position:relative;z-index:2}.screen-poll-row i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,color-mix(in srgb,var(--tpl-a,var(--accent)) 38%,transparent),transparent);z-index:1}.highlight-overlay-card{position:absolute;z-index:11;left:50%;top:50%;transform:translate(-50%,-50%);width:min(780px,82%);border:1px solid color-mix(in srgb,var(--accent) 44%,rgba(255,255,255,.16));background:rgba(0,0,0,.68);box-shadow:0 0 110px color-mix(in srgb,var(--accent) 30%,transparent);backdrop-filter:blur(18px);border-radius:34px;padding:28px;text-align:center;animation:highlightBreath 4s ease-in-out infinite}.highlight-overlay-card strong{display:flex;align-items:center;justify-content:center;gap:10px;font-size:30px}.highlight-overlay-card strong i{font-style:normal}.highlight-overlay-card p{font-size:46px;line-height:1.08;margin:18px 0 0;font-weight:900}.highlight-overlay-card img{max-height:420px;object-fit:contain;margin:16px auto 0;border-radius:22px}.pinned-photo-overlay{position:absolute;z-index:10;left:18px;top:180px;width:min(310px,32%);border:1px solid color-mix(in srgb,var(--accent-2) 44%,rgba(255,255,255,.16));background:rgba(0,0,0,.56);backdrop-filter:blur(16px);border-radius:24px;padding:12px}.pinned-photo-overlay img{width:100%;max-height:320px;object-fit:cover;border-radius:18px}.pinned-photo-overlay strong{display:block;margin-top:9px;text-align:center}.winner-overlay-card{position:absolute;z-index:12;left:50%;top:22px;transform:translateX(-50%);min-width:min(560px,80%);border:1px solid color-mix(in srgb,var(--accent) 46%,rgba(255,255,255,.18));background:linear-gradient(135deg,rgba(0,0,0,.72),color-mix(in srgb,var(--accent) 18%,rgba(0,0,0,.58)));backdrop-filter:blur(16px);box-shadow:0 0 90px color-mix(in srgb,var(--accent) 28%,transparent);border-radius:999px;padding:14px 28px;text-align:center}.winner-overlay-card strong{display:block;font-size:36px;line-height:1}.winner-overlay-card em{display:block;color:#fff5c2;font-style:normal;font-weight:900;margin-top:3px}.winner-overlay-card.winner-flash{animation:winnerFlash 2.5s ease}.floating-emoji-layer{position:fixed;inset:0;z-index:100;pointer-events:none;overflow:hidden}.floating-emoji{position:absolute;bottom:-80px;font-size:clamp(54px,6vw,110px);filter:drop-shadow(0 12px 28px rgba(0,0,0,.5));animation:floatEmoji 5.6s ease-out forwards}.screen-name span{margin-right:8px}.screen-reaction-card{display:none!important}.screen-card.pop-in{animation:screenPopIn .45s cubic-bezier(.2,1.4,.3,1) both}@keyframes spinGlow{to{transform:rotate(360deg)}}@keyframes messageRise{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@keyframes floatEmoji{0%{transform:translateY(0) scale(.72) rotate(-8deg);opacity:0}10%{opacity:1}70%{opacity:1}100%{transform:translateY(-112vh) scale(1.25) rotate(12deg);opacity:0}}@keyframes screenPopIn{from{opacity:0;transform:translateY(22px) scale(.92)}to{opacity:1;transform:none}}@keyframes highlightBreath{50%{box-shadow:0 0 140px color-mix(in srgb,var(--accent-2) 34%,transparent);transform:translate(-50%,-50%) scale(1.015)}}@keyframes winnerFlash{0%,100%{transform:translateX(-50%) scale(1)}20%{transform:translateX(-50%) scale(1.08)}40%{transform:translateX(-50%) scale(.98)}60%{transform:translateX(-50%) scale(1.04)}}
@media(max-width:900px){.winner-pick-panel,.report-grid-panel{grid-template-columns:1fr}.screen-poll-card,.pinned-photo-overlay{top:auto;bottom:92px;width:calc(50% - 28px)}.screen-poll-card{right:14px}.pinned-photo-overlay{left:14px}.screen-challenge-banner{max-width:calc(100% - 28px);left:14px;right:14px;bottom:14px}.screen-sponsor-slot{right:14px;bottom:14px}.highlight-overlay-card p{font-size:32px}.highlight-overlay-card{width:92%}}
@media(max-width:620px){.join-card{padding:22px;border-radius:28px}.reaction-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.chat-header{padding:16px 14px}.chat-title-wrap{gap:10px}.chat-title-wrap h1{font-size:22px}.composer-premium{padding:12px}.template-grid{grid-template-columns:1fr}.poll-admin-head{display:grid}.winner-overlay-card{min-width:92%;border-radius:24px}.winner-overlay-card strong{font-size:28px}.screen-poll-card,.pinned-photo-overlay{display:none}.highlight-overlay-card p{font-size:26px}.highlight-overlay-card img{max-height:320px}}

/* =========================================================
   CAP Live Chat Wall v9.1 Final UI Polish Patch
   - LED safe-area layout
   - Responsive room title auto-fit support
   - Polling card safe position
   - Premium photo/message spacing
   - Cleaner mobile audience UI
   ========================================================= */
.screen-page{padding:clamp(14px,2.6vh,34px);background:radial-gradient(circle at 50% -12%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 34%),radial-gradient(circle at 15% 105%,color-mix(in srgb,var(--accent-2) 14%,transparent),transparent 34%),#020106}.screen-frame{border-width:clamp(8px,1.45vh,14px);border-radius:22px;isolation:isolate}.screen-frame:after{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.045);border-radius:12px;pointer-events:none;z-index:1}.screen-top,.screen-feed,.screen-sponsor-slot,.screen-challenge-banner,.screen-poll-card,.winner-overlay-card,.highlight-overlay-card,.pinned-photo-overlay{position:relative}.layout-portrait_qr_chat .screen-top{z-index:7;padding:clamp(20px,3.25vh,32px) clamp(20px,3.8vh,34px) 12px;grid-template-columns:minmax(168px,210px) minmax(0,1fr);gap:22px;align-items:start}.layout-portrait_qr_chat .qr-box{max-width:210px;padding:clamp(11px,1.6vh,15px);border-radius:22px}.layout-portrait_qr_chat .qr-box strong{font-size:clamp(11px,1.45vh,15px);line-height:1.05}.screen-logo-row{min-width:0}.screen-title{min-width:0;position:relative;z-index:12}.screen-title p{font-size:clamp(10px,1.42vh,15px);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.screen-title h1{font-size:clamp(30px,5vh,46px);line-height:.94;letter-spacing:-.075em;max-width:100%;max-height:1.94em;overflow:hidden;text-wrap:balance;overflow-wrap:break-word;text-shadow:0 10px 36px rgba(0,0,0,.46)}.layout-portrait_qr_chat .screen-title h1{font-size:clamp(34px,5.3vh,48px);max-width:390px}.layout-badge{position:relative;z-index:14;margin-top:12px;padding:7px 12px;line-height:1;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layout-portrait_qr_chat .screen-feed{z-index:4;height:calc(100% - 310px);padding:8px clamp(22px,3.8vh,34px) clamp(24px,3.6vh,36px);gap:clamp(14px,2.1vh,20px);justify-content:flex-end}.layout-portrait_qr_chat .screen-card{border-radius:24px;padding:clamp(15px,2.2vh,19px);background:linear-gradient(180deg,rgba(0,0,0,.78),rgba(0,0,0,.66));border-color:rgba(255,255,255,.14);box-shadow:0 24px 80px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.035)}.screen-card p{font-size:clamp(19px,2.55vh,25px);line-height:1.18;letter-spacing:-.04em;text-shadow:0 2px 16px rgba(0,0,0,.55)}.screen-card:has(img){padding:clamp(14px,2.1vh,18px);padding-bottom:clamp(20px,2.8vh,28px)}.screen-card img{display:block;max-height:min(390px,34vh);border-radius:20px;margin-bottom:clamp(14px,2vh,18px);box-shadow:0 18px 48px rgba(0,0,0,.28)}.screen-card:has(img) p{padding:0 4px 2px;margin-top:0}.screen-name{font-size:clamp(15px,2.05vh,20px);line-height:1.05;margin-bottom:clamp(10px,1.6vh,14px)}.screen-name span{display:inline-grid;place-items:center;min-width:1.35em;text-align:center}.layout-portrait_qr_chat .screen-poll-card{position:absolute;z-index:18;right:clamp(18px,3.5vh,34px);top:var(--poll-top,292px);width:min(324px,42%);padding:14px 15px 15px;border-radius:22px;background:linear-gradient(145deg,rgba(0,0,0,.72),rgba(26,13,34,.62));box-shadow:0 20px 70px rgba(0,0,0,.44),0 0 48px color-mix(in srgb,var(--accent-2) 18%,transparent);transform-origin:top right;animation:pollSoftIn .55s cubic-bezier(.2,1.2,.25,1) both}.screen-poll-card strong{font-size:clamp(17px,2.25vh,21px);letter-spacing:-.03em}.screen-poll-row{min-height:44px;align-items:center}.screen-poll-row b{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:8px}.screen-poll-row em{font-weight:1000;color:#fff}.screen-poll-row i{opacity:.72}.pinned-photo-overlay{box-shadow:0 20px 80px rgba(0,0,0,.45),0 0 54px color-mix(in srgb,var(--accent-2) 20%,transparent)}.highlight-overlay-card{max-height:86%;overflow:hidden}.highlight-overlay-card p{text-wrap:balance}.winner-overlay-card{max-width:calc(100% - 52px)}.floating-emoji{will-change:transform,opacity;text-shadow:0 10px 34px rgba(0,0,0,.48)}.screen-card.pop-in{animation:screenPopInV91 .58s cubic-bezier(.16,1.36,.28,1) both}.screen-card.pop-in:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(100deg,transparent,rgba(255,255,255,.10),transparent);transform:translateX(-120%);animation:cardShineV91 1.05s ease-out both;pointer-events:none}.screen-card{position:relative;overflow:hidden}.screen-template-gold_luxury .screen-card{background:linear-gradient(180deg,rgba(18,12,2,.78),rgba(5,3,1,.72))}.screen-template-corporate_clean .screen-card{background:linear-gradient(180deg,rgba(8,18,40,.78),rgba(3,8,18,.72))}.screen-template-wedding_elegant .screen-card{background:linear-gradient(180deg,rgba(36,20,31,.75),rgba(12,8,14,.70))}.layout-photo_wall .screen-card p{bottom:12px;left:12px;right:12px;border-radius:18px;padding:9px 12px;font-size:14px;line-height:1.1}.layout-photo_wall .screen-name{left:12px;top:12px}.layout-photo_wall .screen-card{box-shadow:0 18px 60px rgba(0,0,0,.35)}.layout-chat_wall .screen-card{padding:18px}.layout-highlight .screen-card{overflow:hidden}.layout-highlight .screen-card img{border-radius:24px}.chat-experience-page{box-shadow:0 0 0 1px rgba(255,255,255,.04),0 24px 110px rgba(0,0,0,.42)}.experience-header{border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,color-mix(in srgb,var(--accent-2) 18%,rgba(0,0,0,.55)),color-mix(in srgb,var(--accent) 14%,rgba(0,0,0,.50)))}.chat-bubble{border-radius:24px;box-shadow:0 14px 42px rgba(0,0,0,.18)}.chat-bubble img{border-radius:18px}.reaction-bar,.composer-premium{backdrop-filter:blur(18px)}.composer-premium{box-shadow:0 -18px 70px rgba(0,0,0,.28)}.join-card{box-shadow:0 24px 120px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.08)}@keyframes pollSoftIn{from{opacity:0;transform:translateY(-10px) scale(.94)}to{opacity:1;transform:none}}@keyframes screenPopInV91{from{opacity:0;transform:translateY(28px) scale(.94);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}@keyframes cardShineV91{0%{transform:translateX(-125%)}70%,100%{transform:translateX(125%)}}@media(max-width:900px){.screen-page{padding:0}.screen-frame{border-radius:0}.layout-portrait_qr_chat .screen-top{grid-template-columns:142px 1fr;padding:16px;gap:13px}.layout-portrait_qr_chat .qr-box{max-width:142px;border-radius:17px}.layout-portrait_qr_chat .screen-title h1{font-size:clamp(25px,7vw,34px);max-width:100%}.layout-portrait_qr_chat .screen-feed{height:calc(100% - 190px);padding:8px 16px 22px}.layout-portrait_qr_chat .screen-poll-card{display:none}.screen-card img{max-height:32vh}.screen-card p{font-size:18px}.screen-name{font-size:14px}}@media(max-width:620px){.join-overlay{padding:14px}.join-card{border-radius:28px}.experience-feed{padding-left:12px;padding-right:12px}.chat-bubble{border-radius:20px}.composer-premium{padding:12px}.reaction-bar{gap:8px}.winner-overlay-card,.highlight-overlay-card{max-width:92%}.highlight-overlay-card{padding:20px;border-radius:28px}.highlight-overlay-card p{font-size:26px}}

/* ==========================================================
   CAP Live Chat Wall v9.1.1 - Screen Density + Content Fix
   - Prevents portrait LED cards from shrinking into thin strips.
   - Hides empty/reaction-only cards from the message stack.
   - Keeps photo cards readable while preserving premium spacing.
   ========================================================== */
.layout-portrait_qr_chat .screen-feed{
    height:calc(100% - 292px);
    padding-top:clamp(16px,2.2vh,26px);
    gap:clamp(13px,1.75vh,18px);
}
.layout-portrait_qr_chat .screen-card{
    flex:0 0 auto;
    min-height:clamp(76px,8.2vh,112px);
    max-height:46vh;
    overflow:hidden;
}
.layout-portrait_qr_chat .screen-card:has(img){
    min-height:clamp(210px,25vh,330px);
    display:grid;
    grid-template-rows:auto minmax(0,1fr) auto;
}
.layout-portrait_qr_chat .screen-card img{
    width:100%;
    height:auto;
    max-height:clamp(175px,28vh,360px);
    object-fit:cover;
}
.layout-portrait_qr_chat .screen-card:has(img) p{
    display:block;
    padding-top:2px;
    font-size:clamp(19px,2.35vh,24px);
    line-height:1.14;
}
.layout-portrait_qr_chat .screen-card p{
    color:#fff;
    display:block;
    max-height:2.45em;
    overflow:hidden;
    text-overflow:ellipsis;
}
.layout-portrait_qr_chat .screen-card p:empty,
.layout-portrait_qr_chat .screen-card:not(:has(img)):not(:has(p)){
    display:none!important;
}
.layout-portrait_qr_chat .screen-reaction-card{
    display:none!important;
}
.layout-portrait_qr_chat .screen-name{
    margin-bottom:clamp(8px,1.1vh,12px);
}
.layout-portrait_qr_chat .screen-poll-card{
    width:min(302px,39%);
    top:var(--poll-top,282px);
}
.layout-portrait_qr_chat .screen-poll-row{
    min-height:38px;
}
.layout-portrait_qr_chat .screen-poll-card strong{
    font-size:clamp(16px,2vh,19px);
}

@media(max-width:900px){
    .layout-portrait_qr_chat .screen-feed{
        height:calc(100% - 184px);
        gap:10px;
    }
    .layout-portrait_qr_chat .screen-card{
        min-height:64px;
        padding:12px;
        border-radius:18px;
    }
    .layout-portrait_qr_chat .screen-card:has(img){
        min-height:170px;
    }
    .layout-portrait_qr_chat .screen-card img{
        max-height:26vh;
        border-radius:16px;
    }
}


/* v9.2 Event Control Console */
.status.warn{background:rgba(255,181,66,.16);color:#ffd08a;border-color:rgba(255,181,66,.36)}
.event-control-main .panel{position:relative;overflow:hidden}.control-hero{display:grid;grid-template-columns:1.05fr 1.4fr;gap:20px;align-items:center;background:radial-gradient(circle at 10% 10%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 42%),linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.03))}.control-hero h2{font-size:clamp(30px,4vw,50px);letter-spacing:-.07em;line-height:.92;margin:10px 0}.control-meter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.control-meter-grid div,.control-state-grid div{border:1px solid var(--line);border-radius:20px;background:rgba(0,0,0,.24);padding:15px}.control-meter-grid span,.control-state-grid span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:1000}.control-meter-grid strong{font-size:30px;line-height:1}.control-console-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}.control-panel{display:grid;gap:14px}.control-button-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.control-button-grid form{min-width:0}.control-toggle-list{display:grid;gap:9px}.control-toggle-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:18px;padding:10px 12px}.control-toggle-row>span{font-weight:900}.emoji-trigger-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.emoji-trigger-button{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.07);color:#fff;font-size:28px;padding:10px;cursor:pointer;transition:.18s}.emoji-trigger-button:hover{transform:translateY(-2px) scale(1.04);border-color:var(--accent);box-shadow:0 0 30px color-mix(in srgb,var(--accent) 24%,transparent)}.operator-note-form{display:grid;gap:10px;margin-top:14px}.operator-note-form label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-weight:1000}.operator-note-form input{width:100%;border:1px solid var(--line);background:rgba(0,0,0,.32);color:#fff;border-radius:16px;padding:13px 14px}.control-state-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.control-state-grid strong{display:block;margin-top:6px;font-size:18px;line-height:1.15;word-break:break-word}.control-danger-actions{display:flex;gap:10px;flex-wrap:wrap}.danger-zone-soft:before{content:"";position:absolute;inset:auto -20% -50% -20%;height:120px;background:radial-gradient(circle,color-mix(in srgb,#ff3b62 16%,transparent),transparent 70%);pointer-events:none}.screen-blackout{position:fixed;inset:0;z-index:999;display:grid;place-items:center;background:#000;opacity:0;pointer-events:none;transition:opacity .35s ease}.screen-blackout.active{opacity:1;pointer-events:auto}.screen-blackout div{text-align:center;border:1px solid rgba(255,255,255,.18);border-radius:28px;padding:34px 42px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));box-shadow:0 0 90px rgba(0,0,0,.7)}.screen-blackout span{display:block;color:var(--accent);font-size:12px;text-transform:uppercase;letter-spacing:.22em;font-weight:1000;margin-bottom:12px}.screen-blackout strong{display:block;color:#fff;font-size:clamp(32px,5vw,74px);letter-spacing:-.06em;line-height:.95;text-transform:uppercase}.screen-feed.hidden{display:none!important}.screen-sponsor-slot.hidden,.screen-challenge-banner.hidden{display:none!important}
@media(max-width:900px){.control-hero,.control-console-grid{grid-template-columns:1fr}.control-meter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.control-button-grid{grid-template-columns:1fr}.control-toggle-row{grid-template-columns:1fr auto}.control-toggle-row form{grid-column:1/-1}.emoji-trigger-row{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:620px){.control-meter-grid{grid-template-columns:1fr}.emoji-trigger-row{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-blackout div{margin:18px;padding:26px 24px}.screen-blackout strong{font-size:32px}}

/* ==========================================================
   CAP Live Chat Wall v9.2.1 - Premium Dashboard + Room Delete
   ========================================================== */
.dashboard-premium-page .admin-main{max-width:1500px}.dashboard-hero{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));background:radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 34%),radial-gradient(circle at 92% 18%,color-mix(in srgb,var(--accent-2) 24%,transparent),transparent 32%),linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border-radius:34px;padding:30px;margin-bottom:20px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:22px;box-shadow:0 30px 100px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.06)}.dashboard-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.035),transparent);transform:translateX(-120%);animation:dashHeroShine 5.8s ease-in-out infinite;pointer-events:none}.dashboard-hero>*{position:relative;z-index:2}.hero-copy h1{font-size:clamp(42px,5vw,72px);line-height:.9;letter-spacing:-.08em;margin:6px 0 12px;max-width:860px}.hero-badges{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}.hero-badges span{border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.28);border-radius:999px;padding:9px 12px;color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:1000}.hero-actions-panel{align-self:stretch;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.30);border-radius:26px;padding:18px;backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.hero-panel-label{display:block;color:var(--accent);font-size:11px;text-transform:uppercase;letter-spacing:.18em;font-weight:1000;margin-bottom:12px}.hero-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn.soft{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#071017}.btn.danger{border-color:rgba(255,89,111,.38);background:rgba(255,35,75,.11);color:#ffbcc8}.btn.danger:hover{background:rgba(255,35,75,.22);border-color:rgba(255,89,111,.66);transform:translateY(-1px)}.premium-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.premium-stat-card{position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.028));border-radius:26px;padding:22px;box-shadow:0 22px 70px rgba(0,0,0,.28)}.premium-stat-card:before{content:"";position:absolute;inset:auto 18px 0 18px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2));opacity:.78}.premium-stat-card:after{content:"";position:absolute;right:-46px;top:-46px;width:120px;height:120px;border-radius:50%;background:color-mix(in srgb,var(--accent) 18%,transparent);filter:blur(8px)}.premium-stat-card span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:1000}.premium-stat-card strong{display:block;margin-top:10px;font-size:40px;line-height:.9;letter-spacing:-.07em}.premium-stat-card small{display:block;margin-top:12px;color:#d8d0e8;font-weight:800}.premium-stat-card.accent-b:before{background:linear-gradient(90deg,var(--accent-2),#fff2a8)}.premium-stat-card.accent-c:before{background:linear-gradient(90deg,#ff5476,var(--accent-2))}.premium-stat-card.accent-d:before{background:linear-gradient(90deg,#45ffbb,var(--accent))}.premium-panel{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border-radius:30px;padding:26px}.premium-panel-head{align-items:flex-start}.eyebrow.compact{margin-bottom:5px}.premium-panel-head .muted{max-width:760px;margin-top:6px}.premium-room-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.premium-room-card{position:relative;overflow:hidden;min-height:360px;padding:20px;background:radial-gradient(circle at 18% 0%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 34%),linear-gradient(180deg,rgba(13,12,20,.92),rgba(8,7,12,.88));border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 70px rgba(0,0,0,.28)}.premium-room-card:after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.65}.room-card-topline{display:flex;align-items:center;justify-content:space-between;gap:10px}.room-id-chip{font-size:11px;color:#bdb6ca;border:1px solid rgba(255,255,255,.11);background:rgba(0,0,0,.24);border-radius:999px;padding:7px 9px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.premium-room-card h3{font-size:26px;line-height:1.02;margin:18px 0 8px;letter-spacing:-.055em}.premium-room-card p{min-height:44px}.room-mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.room-mini-metrics span{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045);border-radius:16px;padding:10px 8px;color:#cfc8de;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;text-align:center}.room-mini-metrics b{display:block;color:#fff;font-size:18px;letter-spacing:-.04em;margin-bottom:2px}.room-layout-chip{border:1px solid color-mix(in srgb,var(--accent) 28%,rgba(255,255,255,.11));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,rgba(0,0,0,.26)),rgba(0,0,0,.22));border-radius:18px;padding:12px;margin-top:4px}.room-layout-chip small{display:block;margin:0 0 4px;color:var(--accent);font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:1000}.room-layout-chip strong{display:block;font-size:14px;color:#fff}.dashboard-card-actions{margin-top:auto;gap:8px}.dashboard-card-actions .btn.mini{min-height:36px}.inline-delete-form{display:inline-flex;margin:0}.empty-dashboard-state{grid-column:1/-1;display:grid;place-items:center;text-align:center;gap:10px;border:1px dashed rgba(255,255,255,.18);background:rgba(255,255,255,.035);border-radius:28px;padding:44px}.empty-orb{width:74px;height:74px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#081017;font-size:40px;font-weight:1000;box-shadow:0 18px 60px color-mix(in srgb,var(--accent) 28%,transparent)}.empty-dashboard-state h3{font-size:28px;margin:6px 0 0;letter-spacing:-.05em}@keyframes dashHeroShine{0%,55%{transform:translateX(-120%)}100%{transform:translateX(120%)}}@media(max-width:1150px){.dashboard-hero{grid-template-columns:1fr}.hero-actions-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.premium-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.dashboard-hero{padding:22px;border-radius:26px}.hero-copy h1{font-size:38px}.hero-actions-grid{grid-template-columns:1fr 1fr}.premium-stats-grid,.premium-room-grid{grid-template-columns:1fr}.premium-panel{padding:18px}.premium-panel-head{display:grid}.premium-room-card{min-height:0}.dashboard-card-actions .btn.mini,.inline-delete-form{flex:1 1 auto}.inline-delete-form .btn{width:100%}}

/* v9.2.2 Dashboard Compact + Operator Status Patch */
.dashboard-operator-page .admin-main{max-width:1680px;padding:30px 34px}.dashboard-hero.dashboard-hero-operator{grid-template-columns:minmax(360px,1.05fr) minmax(300px,.7fr) minmax(360px,.82fr);gap:16px;padding:22px 24px;border-radius:30px;margin-bottom:14px;align-items:stretch}.dashboard-hero-operator .hero-copy h1{font-size:clamp(34px,3.45vw,56px);line-height:.92;margin:5px 0 8px;max-width:620px}.dashboard-hero-operator .hero-copy .muted{max-width:560px;margin:0}.dashboard-hero-operator .hero-badges{margin-top:12px}.dashboard-hero-operator .hero-badges span{padding:7px 10px;font-size:10.5px}.operator-snapshot-panel,.operator-quick-panel{border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.27);border-radius:22px;padding:14px;backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.operator-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.operator-pill{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);border-radius:16px;padding:11px 10px;min-height:66px}.operator-pill:before{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.16)}.operator-pill.ok:before{background:linear-gradient(90deg,#42ffb0,var(--accent))}.operator-pill.warn:before{background:linear-gradient(90deg,#ffbd4a,#ff5476)}.operator-pill.idle:before{background:linear-gradient(90deg,#8c87a2,#d8d0e8)}.operator-pill b{display:block;font-size:24px;line-height:1;letter-spacing:-.06em}.operator-pill small{display:block;margin-top:7px;color:#d9d3e8;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:1000}.hero-actions-panel.operator-quick-panel{align-self:auto}.operator-actions-grid{grid-template-columns:1fr 1fr;gap:8px}.operator-actions-grid .btn{padding:11px 12px;border-radius:13px;min-height:44px}.premium-stats-grid-compact{gap:12px;margin-bottom:14px}.premium-stats-grid-compact .premium-stat-card{padding:18px 18px;border-radius:22px}.premium-stats-grid-compact .premium-stat-card strong{font-size:34px;margin-top:8px}.premium-stats-grid-compact .premium-stat-card small{margin-top:8px}.compact-recent-panel{padding:21px 22px;border-radius:27px}.compact-panel-head{margin-bottom:14px}.compact-panel-head h2{font-size:25px}.compact-panel-head .muted{max-width:840px}.compact-room-grid{grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:14px}.compact-room-card{min-height:0;padding:16px;border-radius:22px;gap:11px}.compact-room-card .room-card-body h3{font-size:22px;margin:12px 0 6px;line-height:1.05}.compact-room-card .room-card-body p{font-size:13px;line-height:1.45;min-height:38px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.operator-room-status{display:grid;grid-template-columns:1fr 1fr;gap:7px}.op-mini{display:flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.04);border-radius:12px;padding:7px 8px;color:#d9d3e8;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.op-mini i{width:7px;height:7px;border-radius:99px;background:#8c87a2;box-shadow:0 0 14px currentColor;flex:0 0 auto}.op-mini.ok{color:#adffd3}.op-mini.ok i{background:#42ffb0}.op-mini.warn{color:#ffd18c}.op-mini.warn i{background:#ffbd4a}.op-mini.danger{color:#ffb4c0}.op-mini.danger i{background:#ff5476}.op-mini.idle{color:#c9c2d8}.compact-mini-metrics{gap:6px;margin:8px 0}.compact-mini-metrics span{border-radius:13px;padding:8px 6px;font-size:9.5px}.compact-mini-metrics b{font-size:16px}.compact-layout-chip{padding:10px;border-radius:15px}.compact-layout-chip small{font-size:9px}.compact-layout-chip strong{font-size:13px}.compact-card-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:2px}.compact-card-actions .btn.mini{width:100%;min-height:33px;padding:7px 8px;font-size:11px;border-radius:11px}.confirm-modal-backdrop[hidden]{display:none!important}.confirm-modal-backdrop{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:24px;background:rgba(0,0,0,.74);backdrop-filter:blur(12px)}.confirm-modal-card{width:min(460px,100%);border:1px solid rgba(255,255,255,.14);background:radial-gradient(circle at 0 0,color-mix(in srgb,var(--danger) 14%,transparent),transparent 34%),linear-gradient(180deg,rgba(24,22,34,.98),rgba(12,10,18,.98));border-radius:28px;padding:26px;box-shadow:0 30px 120px rgba(0,0,0,.58)}.confirm-modal-card h2{margin:4px 0 10px;font-size:31px;letter-spacing:-.06em}.confirm-room-chip{display:inline-flex;align-items:center;max-width:100%;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.28);border-radius:999px;padding:8px 12px;margin:12px 0 18px;color:#fff;font-weight:900;word-break:break-all}.modal-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.modal-open{overflow:hidden}@media(min-width:1560px){.compact-room-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1280px){.dashboard-hero.dashboard-hero-operator{grid-template-columns:1fr 1fr}.dashboard-hero-operator .hero-copy{grid-column:1/-1}.operator-actions-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:900px){.dashboard-operator-page .admin-main{padding:22px}.dashboard-hero.dashboard-hero-operator{grid-template-columns:1fr;padding:20px;border-radius:24px}.operator-actions-grid{grid-template-columns:1fr 1fr}.premium-stats-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-room-grid{grid-template-columns:1fr}.compact-card-actions{grid-template-columns:1fr 1fr}.operator-room-status{grid-template-columns:1fr 1fr}}@media(max-width:560px){.premium-stats-grid-compact{grid-template-columns:1fr}.operator-status-grid,.operator-room-status,.operator-actions-grid,.compact-card-actions{grid-template-columns:1fr}.modal-actions .btn{width:100%}}

/* ==========================================================
   CAP Live Chat Wall v9.2.3 - Dashboard Hero Balance Patch
   - Removes empty hero areas on laptop/wide screens.
   - Places title, quick action, and operator status into a tighter control layout.
   - Keeps recent room visible faster for live event operators.
   ========================================================== */
.dashboard-operator-page .admin-main{
    max-width:1540px;
    padding-top:24px;
}
.dashboard-hero.dashboard-hero-operator{
    display:grid;
    grid-template-columns:minmax(460px,1.15fr) minmax(330px,.72fr);
    grid-template-areas:
        "copy status"
        "quick status";
    gap:14px;
    padding:18px;
    border-radius:28px;
    margin-bottom:12px;
    min-height:0;
    align-items:stretch;
    background:
        radial-gradient(circle at 8% 10%, color-mix(in srgb,var(--accent) 22%, transparent), transparent 34%),
        radial-gradient(circle at 92% 8%, color-mix(in srgb,var(--accent-2) 20%, transparent), transparent 34%),
        linear-gradient(135deg, rgba(255,255,255,.072), rgba(255,255,255,.024));
}
.dashboard-hero.dashboard-hero-operator:before{
    content:"";
    position:absolute;
    inset:14px;
    border-radius:22px;
    border:1px solid rgba(255,255,255,.035);
    pointer-events:none;
}
.dashboard-hero-operator .hero-copy{
    grid-area:copy;
    align-self:stretch;
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:178px;
    padding:18px 20px;
    border:1px solid rgba(255,255,255,.105);
    border-radius:22px;
    background:
        linear-gradient(135deg, rgba(0,0,0,.22), rgba(255,255,255,.025)),
        radial-gradient(circle at 0 0, color-mix(in srgb,var(--accent) 13%, transparent), transparent 42%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}
.dashboard-hero-operator .hero-copy h1{
    font-size:clamp(36px,3.15vw,54px);
    max-width:560px;
    margin:4px 0 8px;
}
.dashboard-hero-operator .hero-copy .muted{
    max-width:590px;
    font-size:14px;
}
.dashboard-hero-operator .hero-badges{
    margin-top:11px;
}
.dashboard-hero-operator .hero-badges span{
    padding:7px 10px;
    border-color:rgba(255,255,255,.16);
    background:rgba(0,0,0,.28);
}
.operator-snapshot-panel{
    grid-area:status;
    align-self:stretch;
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:100%;
    padding:15px;
    border-radius:22px;
}
.operator-status-grid{
    gap:9px;
}
.operator-pill{
    min-height:70px;
    padding:12px 12px;
}
.operator-pill b{
    font-size:26px;
}
.hero-actions-panel.operator-quick-panel{
    grid-area:quick;
    align-self:stretch;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:14px;
    border-radius:22px;
}
.operator-actions-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
}
.operator-actions-grid .btn{
    min-height:42px;
    padding:10px 12px;
    border-radius:13px;
}
.premium-stats-grid-compact{
    margin-top:0;
    margin-bottom:12px;
}
.premium-stats-grid-compact .premium-stat-card{
    padding:16px 17px;
}
.compact-recent-panel{
    margin-top:0;
}
.compact-panel-head{
    margin-bottom:12px;
}
.compact-room-grid{
    grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
}
@media(min-width:1500px){
    .dashboard-hero.dashboard-hero-operator{
        grid-template-columns:minmax(620px,1.24fr) minmax(360px,.66fr);
    }
    .compact-room-grid{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }
}
@media(max-width:1280px){
    .dashboard-hero.dashboard-hero-operator{
        grid-template-columns:1fr;
        grid-template-areas:
            "copy"
            "status"
            "quick";
    }
    .operator-actions-grid{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }
    .dashboard-hero-operator .hero-copy{
        min-height:0;
    }
}
@media(max-width:900px){
    .dashboard-operator-page .admin-main{padding:18px}
    .dashboard-hero.dashboard-hero-operator{padding:14px;border-radius:24px;gap:12px}
    .dashboard-hero-operator .hero-copy{padding:16px;border-radius:20px}
    .operator-actions-grid{grid-template-columns:1fr 1fr}
    .operator-status-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
    .operator-actions-grid,
    .operator-status-grid{grid-template-columns:1fr}
}

/* v9.3 Online Security + Moderation Upgrade */
.security-hero {
    background: radial-gradient(circle at top left, rgba(0, 230, 255, .18), transparent 34%),
        linear-gradient(135deg, rgba(15, 22, 36, .98), rgba(5, 8, 14, .98));
    border: 1px solid rgba(0, 230, 255, .24);
}
.security-status-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(120px, 1fr));
    gap: 12px;
    min-width: 360px;
}
.security-status-grid > div {
    padding: 16px;
    border-radius: 18px;
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.1);
    box-shadow: inset 0 -2px 0 rgba(0, 230, 255, .6);
}
.security-status-grid span,
.rule-card small,
.log-table small {
    color: rgba(255,255,255,.62);
    font-size: 11px;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.security-status-grid strong {
    display: block;
    margin-top: 6px;
    font-size: 32px;
    color: #fff;
}
.security-status-grid small {
    color: rgba(255,255,255,.72);
    font-size: 11px;
}
.security-grid-panel {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(360px, .9fr);
    gap: 18px;
    align-items: start;
}
.security-form-card {
    min-width: 0;
}
.compact-head { margin-bottom: 14px; }
.moderation-rule-form,
.security-settings-form {
    padding: 16px;
    border-radius: 22px;
    border: 1px solid rgba(255,255,255,.1);
    background: rgba(255,255,255,.035);
    margin-bottom: 16px;
}
.moderation-rule-form .check-row {
    align-items: center;
    flex-direction: row;
    gap: 10px;
}
.rule-list {
    display: grid;
    gap: 10px;
}
.rule-card {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    padding: 14px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.1);
    background: rgba(255,255,255,.035);
}
.rule-card.is-on { box-shadow: inset 3px 0 0 rgba(0, 230, 255, .75); }
.rule-card.is-off { opacity: .62; }
.rule-card strong {
    display: block;
    color: #fff;
    margin-bottom: 5px;
}
.rule-card p {
    margin: 8px 0 0;
    color: rgba(255,255,255,.68);
}
.room-select-form { margin-bottom: 14px; }
.security-toggle-list {
    display: grid;
    gap: 10px;
    margin-bottom: 14px;
}
.toggle-card {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px;
    border: 1px solid rgba(255,255,255,.1);
    background: rgba(255,255,255,.035);
    border-radius: 18px;
}
.toggle-card input { margin-top: 5px; }
.toggle-card strong {
    display: block;
    color: #fff;
}
.toggle-card small {
    display: block;
    margin-top: 4px;
    color: rgba(255,255,255,.62);
}
.two-cols {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.log-table-wrap {
    overflow-x: auto;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.08);
}
.log-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 920px;
}
.log-table th,
.log-table td {
    padding: 13px 14px;
    border-bottom: 1px solid rgba(255,255,255,.07);
    text-align: left;
    vertical-align: top;
}
.log-table th {
    color: #00e6ff;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .15em;
    background: rgba(0, 230, 255, .04);
}
.log-table td {
    color: rgba(255,255,255,.82);
}
.moderation-reason {
    margin: 10px 0;
    padding: 10px 12px;
    border-radius: 14px;
    background: rgba(255, 184, 77, .11);
    border: 1px solid rgba(255, 184, 77, .28);
    color: rgba(255,255,255,.84);
    font-size: 13px;
}
.status.off {
    color: rgba(255,255,255,.52);
    border-color: rgba(255,255,255,.22);
}
@media (max-width: 1100px) {
    .security-grid-panel { grid-template-columns: 1fr; }
    .security-status-grid { min-width: 0; }
}
@media (max-width: 760px) {
    .security-status-grid,
    .two-cols { grid-template-columns: 1fr; }
    .rule-card { flex-direction: column; }
}

/* v9.4 Hosting Ready + Moderation Hero Balance */
.moderation-main .security-hero{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(310px,390px);
    align-items:center;
    gap:20px;
    padding:24px 26px;
    border-radius:28px;
    margin-bottom:18px;
    min-height:0;
    box-shadow:0 24px 80px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.06);
}
.moderation-main .security-hero > div:first-child{max-width:780px}
.moderation-main .security-hero h1{font-size:clamp(36px,3.2vw,54px);line-height:.94;margin:5px 0 10px;letter-spacing:-.065em}
.moderation-main .security-hero .muted{max-width:820px;margin:0;font-size:15px}
.moderation-main .security-status-grid{min-width:0;align-self:stretch;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.moderation-main .security-status-grid > div{padding:14px 15px;border-radius:18px;min-height:98px;display:flex;flex-direction:column;justify-content:center}
.moderation-main .security-status-grid strong{font-size:34px;line-height:1;margin-top:8px}

.hosting-ready-page .admin-main{max-width:1500px}
.hosting-main{padding-top:30px}
.hosting-hero{
    position:relative;
    overflow:hidden;
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);
    gap:18px;
    align-items:stretch;
    border:1px solid color-mix(in srgb,var(--accent) 25%,rgba(255,255,255,.12));
    background:radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 34%),radial-gradient(circle at 92% 14%,color-mix(in srgb,var(--accent-2) 22%,transparent),transparent 32%),linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
    border-radius:32px;
    padding:24px;
    margin-bottom:18px;
    box-shadow:0 30px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.06);
}
.hosting-hero-copy h1{font-size:clamp(38px,4vw,62px);line-height:.92;letter-spacing:-.075em;margin:6px 0 12px}
.hosting-hero-copy .muted{max-width:760px;margin:0;line-height:1.55}
.hosting-score{display:inline-flex;align-items:center;gap:12px;margin-top:18px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.30);border-radius:999px;padding:9px 14px}
.hosting-score strong{font-size:24px;line-height:1;letter-spacing:-.04em;color:#fff}
.hosting-score span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:1000;color:#d8d0e8}
.hosting-score.ready{box-shadow:inset 0 -2px 0 #4dffb4}
.hosting-score.warning{box-shadow:inset 0 -2px 0 #ffbd4a}
.hosting-score.danger{box-shadow:inset 0 -2px 0 #ff5476}
.hosting-url-card{border:1px solid rgba(255,255,255,.13);background:rgba(0,0,0,.28);border-radius:24px;padding:18px;display:grid;align-content:center;gap:10px;min-width:0}
.hosting-url-card span{color:var(--accent);font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:1000}
.hosting-url-card code,.env-sample,.hosting-check-card code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;word-break:break-all}
.hosting-url-card code{display:block;padding:12px;border-radius:14px;background:rgba(0,0,0,.35);color:#fff;border:1px solid rgba(255,255,255,.10)}
.hosting-url-card small{color:var(--muted);line-height:1.45}
.hosting-alert{margin-bottom:18px}
.hosting-check-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.hosting-check-card{display:flex;gap:13px;align-items:flex-start;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.04);border-radius:22px;padding:16px;min-width:0;position:relative;overflow:hidden}
.hosting-check-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.18)}
.hosting-check-card.ok:after{background:linear-gradient(90deg,#42ffb0,var(--accent))}
.hosting-check-card.warn:after{background:linear-gradient(90deg,#ffbd4a,#ff5476)}
.check-indicator{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;flex:0 0 34px;font-weight:1000;color:#071017;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 12px 34px color-mix(in srgb,var(--accent) 22%,transparent)}
.hosting-check-card.warn .check-indicator{background:linear-gradient(135deg,#ffbd4a,#ff5476);color:#17070a}
.hosting-check-card h3{margin:0 0 8px;font-size:18px;letter-spacing:-.035em}
.hosting-check-card code{display:block;padding:9px 10px;border-radius:12px;background:rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.08);color:#fff;font-size:12px;line-height:1.35}
.hosting-check-card p{margin:10px 0 0;color:var(--muted);line-height:1.45;font-size:13px}
.hosting-room-link-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px}
.hosting-room-card{border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 18% 0%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 35%),linear-gradient(180deg,rgba(17,16,26,.86),rgba(10,9,15,.82));border-radius:24px;padding:18px;box-shadow:0 22px 70px rgba(0,0,0,.24)}
.hosting-room-card h3{font-size:24px;line-height:1.05;margin:16px 0;letter-spacing:-.055em}
.hosting-link-list{display:grid;gap:12px;margin-bottom:14px}
.hosting-link-list label{display:grid;gap:7px;color:#d8d0e8;font-weight:900;font-size:13px}
.copy-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.copy-line input{height:42px;font-size:12px}
.env-sample{margin:0;white-space:pre-wrap;padding:18px;border-radius:18px;background:#08070d;border:1px solid rgba(255,255,255,.10);color:#e9e2f5;line-height:1.55;font-size:13px}
@media(max-width:1100px){
    .moderation-main .security-hero,.hosting-hero{grid-template-columns:1fr}
    .moderation-main .security-status-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:760px){
    .moderation-main .security-hero,.hosting-hero{padding:18px;border-radius:24px}
    .moderation-main .security-status-grid{grid-template-columns:1fr 1fr}
    .hosting-check-grid,.hosting-room-link-grid{grid-template-columns:1fr}
    .copy-line{grid-template-columns:1fr}
}
:root{
    --bg:#08070d;
    --panel:#11101a;
    --panel-2:#191624;
    --text:#f7f3ff;
    --muted:#a7a0b7;
    --line:rgba(255,255,255,.10);
    --accent:#ffa100;
    --accent-2:#d300ff;
    --danger:#ff4d5e;
    --success:#2dd881;
    --shadow:0 20px 80px rgba(0,0,0,.38);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea{font:inherit}
.app-body{background:radial-gradient(circle at top left,rgba(211,0,255,.16),transparent 34%),radial-gradient(circle at bottom right,rgba(255,161,0,.16),transparent 32%),var(--bg)}
.brand-mark{width:76px;height:76px;border-radius:24px;background:linear-gradient(135deg,var(--accent),#ff4d00);display:grid;place-items:center;color:#09070d;font-weight:900;letter-spacing:-1px;font-size:26px;box-shadow:0 16px 60px rgba(255,161,0,.24)}
.brand-mark.small{width:48px;height:48px;border-radius:16px;font-size:18px}
.eyebrow{margin:0 0 6px;color:var(--accent);font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:800}
.muted{color:var(--muted)}
.btn{border:1px solid var(--line);background:var(--panel-2);color:var(--text);padding:12px 18px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-weight:800;transition:.2s ease}
.btn:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.24)}
.btn.primary{background:linear-gradient(135deg,var(--accent),#ff4d00);color:#0c0907;border-color:transparent}
.btn.ghost{background:transparent}
.btn.danger{background:rgba(255,77,94,.14);border-color:rgba(255,77,94,.35);color:#ffb0b8}
.btn.full{width:100%}
.btn.mini{padding:8px 12px;border-radius:11px;font-size:13px}
.alert{padding:13px 15px;border-radius:14px;margin:12px 0;font-weight:700}
.alert.success{background:rgba(45,216,129,.12);border:1px solid rgba(45,216,129,.28);color:#b9ffd7}
.alert.danger{background:rgba(255,77,94,.12);border:1px solid rgba(255,77,94,.28);color:#ffd0d5}
.form-stack{display:grid;gap:16px}
.form-stack label{display:grid;gap:8px;color:#e7e1f5;font-weight:800;font-size:14px}
input,textarea{width:100%;border:1px solid var(--line);background:#0d0b13;color:var(--text);padding:13px 14px;border-radius:14px;outline:none;resize:vertical}
input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(255,161,0,.1)}
.check-row{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:10px;font-weight:700!important;color:var(--muted)!important}
.check-row input{width:auto}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px}
.auth-card{width:min(440px,100%);padding:34px;background:rgba(17,16,26,.86);border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}
.auth-card h1{margin:18px 0 6px;font-size:34px;letter-spacing:-.04em}
.auth-card p{margin:0 0 24px;line-height:1.55}
.admin-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}
.admin-sidebar{position:sticky;top:0;height:100vh;padding:26px;background:rgba(12,10,18,.86);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:24px}
.admin-sidebar h2{margin:0;font-size:22px;letter-spacing:-.04em}
.admin-sidebar nav{display:grid;gap:10px}
.admin-sidebar nav a{padding:13px 14px;border-radius:14px;color:var(--muted);font-weight:800}
.admin-sidebar nav a.active,.admin-sidebar nav a:hover{background:rgba(255,255,255,.07);color:var(--text)}
.admin-main{padding:34px;max-width:1440px;width:100%}
.admin-main.narrow{max-width:840px}
.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.page-head.split{align-items:flex-start}
.page-head h1{margin:0;font-size:42px;letter-spacing:-.055em}
.page-head p{margin:4px 0 0;line-height:1.5}
.head-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}
.stat-card,.panel,.room-card{background:rgba(17,16,26,.86);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}
.stat-card{padding:22px}
.stat-card span{display:block;color:var(--muted);font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.stat-card strong{display:block;margin-top:8px;font-size:36px;letter-spacing:-.06em}
.panel{padding:22px;margin-bottom:22px}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.panel-head h2{margin:0;font-size:24px;letter-spacing:-.04em}
.panel-head a{color:var(--accent);font-weight:800}
.room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.room-card{padding:20px;display:flex;flex-direction:column;justify-content:space-between;gap:18px;min-height:218px}
.room-card h3{margin:12px 0 6px;font-size:24px;letter-spacing:-.04em}
.room-card p{margin:0;color:var(--muted);line-height:1.5}
.room-card small{display:block;margin-top:14px;color:#d8d0e8}
.status{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:900;border:1px solid var(--line);background:rgba(255,255,255,.05);color:#e9e2f5}
.status.on,.status.approved{background:rgba(45,216,129,.12);border-color:rgba(45,216,129,.28);color:#b9ffd7}
.status.off,.status.rejected{background:rgba(255,77,94,.12);border-color:rgba(255,77,94,.28);color:#ffd0d5}
.status.warn,.status.pending{background:rgba(255,161,0,.12);border-color:rgba(255,161,0,.32);color:#ffe0a3}
.card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.link-panel{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;align-items:end}
.link-panel code{display:block;margin-top:8px;padding:12px;border-radius:14px;background:#0d0b13;color:#ffdca0;word-break:break-all}
.message-admin-list{display:grid;gap:14px}
.message-admin-card{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:20px;padding:16px}
.msg-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.msg-meta small{color:var(--muted)}
.message-admin-card p{margin:10px 0;line-height:1.55}
.message-admin-card img{max-width:280px;border-radius:16px;margin:12px 0;border:1px solid var(--line)}
.pagination-wrap{margin-top:18px;color:var(--muted)}
.chat-page{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;max-width:720px;margin:0 auto;background:rgba(6,5,10,.78);border-inline:1px solid var(--line)}
.chat-header{padding:22px 18px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between;gap:16px;background:linear-gradient(135deg,rgba(211,0,255,.18),rgba(255,161,0,.12))}
.chat-header h1{margin:0;font-size:28px;letter-spacing:-.05em}
.chat-header p:last-child{margin:8px 0 0;color:#e5def3;line-height:1.45}
.live-pill{background:#ff003d;color:#fff;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:900;letter-spacing:.12em;box-shadow:0 0 24px rgba(255,0,61,.55)}
.chat-feed{overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:14px;min-height:0}
.chat-bubble{width:100%;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:22px;padding:15px;animation:rise .25s ease both}
.bubble-head{display:flex;justify-content:space-between;gap:10px;color:#fff;margin-bottom:8px}
.bubble-head span{color:var(--muted);font-size:12px}
.chat-bubble p{margin:0 0 10px;line-height:1.45;font-size:16px}
.chat-bubble img{border-radius:18px;border:1px solid var(--line);max-height:460px;object-fit:cover;width:100%}
.composer{position:sticky;bottom:0;background:rgba(10,8,15,.94);backdrop-filter:blur(16px);border-top:1px solid var(--line);padding:14px;display:grid;gap:10px}
.composer-row{display:flex;gap:10px;align-items:center;justify-content:space-between}
.file-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 14px;border-radius:14px;background:var(--panel-2);border:1px solid var(--line);font-weight:900;cursor:pointer}
.file-btn input{display:none}
.composer-status{min-height:18px;color:var(--muted);font-size:13px;font-weight:700}
.screen-page{min-height:100vh;background:#020106;display:grid;place-items:center;padding:3.5vh;overflow:hidden}
.screen-frame{width:min(56.25vh,100vw);height:min(100vh,177.78vw);max-width:720px;max-height:1280px;position:relative;border:14px solid rgba(255,161,0,.55);border-radius:16px;background:radial-gradient(circle at 20% 10%,rgba(211,0,255,.48),transparent 28%),radial-gradient(circle at 80% 88%,rgba(255,161,0,.28),transparent 30%),linear-gradient(145deg,#12091c,#09050f 48%,#26042f);box-shadow:0 0 80px rgba(211,0,255,.32),inset 0 0 0 2px rgba(255,255,255,.08);overflow:hidden}
.screen-frame:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:36px 36px;opacity:.35;pointer-events:none}
.screen-top{position:relative;z-index:2;padding:28px 28px 16px;display:grid;grid-template-columns:220px 1fr;gap:22px;align-items:center}
.qr-box{background:rgba(255,255,255,.96);padding:15px;border-radius:20px;text-align:center;color:#08070d;box-shadow:0 20px 60px rgba(0,0,0,.34)}
.qr-box img{width:100%;border-radius:10px}
.qr-box strong{display:block;margin-top:8px;font-size:15px;letter-spacing:.06em}
.screen-title p{margin:0;color:var(--accent);font-weight:900;text-transform:uppercase;letter-spacing:.14em;font-size:15px}
.screen-title h1{margin:8px 0 0;font-size:44px;line-height:.95;letter-spacing:-.07em;text-transform:uppercase}
.screen-feed{position:relative;z-index:2;height:calc(100% - 282px);overflow:hidden;padding:10px 28px 34px;display:flex;flex-direction:column;gap:18px;justify-content:flex-end}
.screen-card{background:rgba(0,0,0,.72);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:16px;box-shadow:0 20px 70px rgba(0,0,0,.32)}
.screen-name{color:var(--accent);font-size:18px;letter-spacing:.20em;text-transform:uppercase;font-weight:1000;margin-bottom:9px}
.screen-card p{margin:0;font-size:24px;line-height:1.2;font-weight:800;letter-spacing:-.03em}
.screen-card img{width:100%;max-height:360px;object-fit:cover;border-radius:18px;margin-bottom:12px;border:1px solid rgba(255,255,255,.14)}
.pop-in{animation:pop .35s cubic-bezier(.2,1.2,.2,1) both}
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes pop{from{opacity:0;transform:scale(.92) translateY(18px)}to{opacity:1;transform:scale(1) translateY(0)}}
@media(max-width:900px){
    .admin-shell{grid-template-columns:1fr}
    .admin-sidebar{position:relative;height:auto}
    .stats-grid{grid-template-columns:1fr}
    .page-head,.page-head.split{flex-direction:column;align-items:flex-start}
    .link-panel{grid-template-columns:1fr}
}
@media(max-width:620px){
    .admin-main{padding:20px}
    .page-head h1{font-size:34px}
    .screen-page{padding:0}
    .screen-frame{width:100vw;height:100vh;border-radius:0;border-width:8px}
    .screen-top{grid-template-columns:150px 1fr;padding:16px;gap:14px}
    .screen-title h1{font-size:28px}
    .qr-box strong{font-size:11px}
    .screen-feed{height:calc(100% - 196px);padding:6px 16px 22px}
    .screen-card p{font-size:18px}
}

/* Branding & theme module */
.app-body{position:relative;isolation:isolate;background:radial-gradient(circle at top left, color-mix(in srgb, var(--accent-2) 18%, transparent), transparent 34%),radial-gradient(circle at bottom right, color-mix(in srgb, var(--accent) 18%, transparent), transparent 32%),var(--bg)}
.app-body:before{content:"";position:fixed;inset:0;background-image:var(--app-background-image);background-size:cover;background-position:center;opacity:.16;filter:saturate(1.1) contrast(1.04);pointer-events:none;z-index:-2}
.app-body:after{content:"";position:fixed;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.42),rgba(0,0,0,.70));pointer-events:none;z-index:-1}
.brand-logo{width:76px;height:76px;border-radius:24px;object-fit:contain;background:rgba(255,255,255,.07);border:1px solid var(--line);padding:9px;box-shadow:0 16px 60px color-mix(in srgb, var(--accent) 24%, transparent)}
.brand-logo.small{width:48px;height:48px;border-radius:16px;padding:6px}
.brand-mark{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 58%,#ff4d00));box-shadow:0 16px 60px color-mix(in srgb,var(--accent) 24%,transparent)}
.btn.primary{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#ff4d00));color:#0c0907;border-color:transparent}
.chat-title-wrap{display:flex;align-items:flex-start;gap:14px;min-width:0}
.chat-title-wrap .brand-logo,.chat-title-wrap .brand-mark{flex:0 0 auto}
.screen-logo-row{display:flex;align-items:center;gap:14px;margin-bottom:10px}
.screen-logo-row p{margin:0!important}
.screen-frame{background-image:linear-gradient(rgba(0,0,0,var(--screen-overlay-opacity)),rgba(0,0,0,var(--screen-overlay-opacity))),var(--app-background-image),radial-gradient(circle at 20% 10%,color-mix(in srgb,var(--accent-2) 48%,transparent),transparent 28%),radial-gradient(circle at 80% 88%,color-mix(in srgb,var(--accent) 30%,transparent),transparent 30%),linear-gradient(145deg,#12091c,#09050f 48%,#26042f);background-size:cover,cover,auto,auto,auto;background-position:center,center,center,center,center;border-color:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:0 0 80px color-mix(in srgb,var(--accent-2) 32%,transparent),inset 0 0 0 2px rgba(255,255,255,.08)}
select{width:100%;border:1px solid var(--line);background:#0d0b13;color:var(--text);padding:13px 14px;border-radius:14px;outline:none}
select:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 10%,transparent)}
input[type="color"]{height:54px;padding:6px;cursor:pointer}
.field-hint{color:var(--muted);font-size:12px;font-weight:700;line-height:1.4}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.settings-panel{margin:0}
.settings-panel.wide{grid-column:1 / -1}
.theme-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.swatch-card{border:1px solid var(--line);border-radius:16px;padding:10px;background:rgba(255,255,255,.04);display:grid;grid-template-columns:24px 24px 1fr;align-items:center;gap:8px}
.swatch-card span{width:24px;height:24px;border-radius:999px;border:1px solid rgba(255,255,255,.22)}
.swatch-card small{color:var(--muted);font-weight:800;line-height:1.25}
.preview-box{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.04);padding:14px;display:grid;gap:12px}
.preview-box>span{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.10em;font-weight:900}
.preview-logo{width:160px;max-height:110px;object-fit:contain;border-radius:14px;background:rgba(0,0,0,.25);padding:12px;border:1px solid var(--line)}
.background-preview img{width:100%;max-height:360px;object-fit:cover;border-radius:16px;border:1px solid var(--line)}
.brand-preview{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.brand-preview h3{margin:0;font-size:30px;letter-spacing:-.05em}
.brand-preview p{margin:4px 0 0;line-height:1.5}
.settings-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:10px}
.live-preview-panel{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-2) 12%,transparent),color-mix(in srgb,var(--accent) 10%,transparent)),rgba(17,16,26,.86)}
@media(max-width:900px){.settings-grid{grid-template-columns:1fr}.settings-actions{justify-content:stretch}.settings-actions .btn{width:100%}.chat-title-wrap{align-items:center}.chat-title-wrap .brand-logo,.chat-title-wrap .brand-mark{display:none}}

/* Chat interaction module: quick menu & emoticon picker */
.composer-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tool-btn{border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--text);border-radius:999px;padding:9px 12px;font-weight:900;font-size:13px;cursor:pointer;transition:.2s ease}
.tool-btn:hover,.tool-btn.active{border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 14%,transparent);color:#fff;box-shadow:0 0 22px color-mix(in srgb,var(--accent) 16%,transparent)}
.tool-hint{color:var(--muted);font-size:12px;font-weight:700;margin-left:auto}
.choice-panel{border:1px solid var(--line);background:rgba(255,255,255,.055);border-radius:18px;padding:12px;display:grid;gap:10px;box-shadow:0 18px 50px rgba(0,0,0,.22)}
.choice-panel.hidden{display:none!important}
.panel-label{font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:1000;color:var(--accent)}
.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:190px;overflow-y:auto;padding-right:2px}
.quick-chip{border:1px solid var(--line);background:rgba(0,0,0,.22);color:var(--text);border-radius:14px;padding:11px 12px;text-align:left;font-weight:800;line-height:1.25;cursor:pointer;transition:.2s ease}
.quick-chip:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 52%,transparent);background:color-mix(in srgb,var(--accent) 12%,rgba(0,0,0,.26))}
.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:8px;max-height:188px;overflow-y:auto;padding-right:2px}
.emoji-btn{height:42px;border:1px solid var(--line);border-radius:13px;background:rgba(0,0,0,.22);font-size:22px;line-height:1;cursor:pointer;transition:.16s ease;display:grid;place-items:center}
.emoji-btn:hover{transform:translateY(-2px) scale(1.03);border-color:color-mix(in srgb,var(--accent) 60%,transparent);background:color-mix(in srgb,var(--accent) 14%,rgba(0,0,0,.20))}
.emoji-help{font-size:12px;color:var(--muted);font-weight:700;line-height:1.4}
.chat-bubble .emoji-only-text{font-size:46px;line-height:1.06;margin:2px 0 6px;letter-spacing:0;text-shadow:0 0 28px color-mix(in srgb,var(--accent) 34%,transparent)}
.screen-card .emoji-only-text{font-size:72px;line-height:1;text-align:center;letter-spacing:0;text-shadow:0 0 36px color-mix(in srgb,var(--accent) 42%,transparent)}
.interaction-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
@media(max-width:620px){
    .tool-hint{display:none}
    .quick-grid{grid-template-columns:1fr;max-height:176px}
    .emoji-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
    .emoji-btn{height:40px;font-size:21px}
    .chat-bubble .emoji-only-text{font-size:40px}
}
@media(max-width:900px){.interaction-settings-grid{grid-template-columns:1fr}}

/* Display Layout Manager module */
.room-stats-grid .stat-text{font-size:24px;line-height:1.05;letter-spacing:-.04em}
.display-layout-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-bottom:20px}
.layout-option{position:relative;display:grid!important;grid-template-columns:76px 1fr;gap:14px;align-items:center;border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:22px;padding:14px;cursor:pointer;transition:.2s ease;color:var(--text)!important;font-weight:inherit!important}
.layout-option input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.layout-option:hover,.layout-option.selected,.layout-option:has(input:checked){border-color:color-mix(in srgb,var(--accent) 60%,transparent);background:color-mix(in srgb,var(--accent) 10%,rgba(255,255,255,.04));box-shadow:0 0 34px color-mix(in srgb,var(--accent) 13%,transparent);transform:translateY(-1px)}
.layout-copy{display:grid;gap:4px}
.layout-copy strong{font-size:16px;letter-spacing:-.025em}.layout-copy small{color:#dcd5ea;line-height:1.35;font-weight:700}.layout-copy em{color:var(--accent);font-style:normal;font-size:12px;font-weight:900;line-height:1.3}
.layout-thumb{width:76px;height:60px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.025));position:relative;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.045)}
.layout-thumb i{position:absolute;background:color-mix(in srgb,var(--accent) 72%,#fff);border-radius:6px;box-shadow:0 0 14px color-mix(in srgb,var(--accent) 36%,transparent)}
.layout-thumb-portrait_qr_chat i:nth-child(1){left:8px;top:8px;width:22px;height:22px;background:#fff}.layout-thumb-portrait_qr_chat i:nth-child(2){left:36px;top:10px;width:30px;height:8px}.layout-thumb-portrait_qr_chat i:nth-child(3){left:8px;bottom:9px;width:58px;height:9px}.layout-thumb-portrait_qr_chat i:nth-child(4){left:8px;bottom:23px;width:44px;height:9px}
.layout-thumb-landscape_qr_chat{width:86px;height:52px}.layout-thumb-landscape_qr_chat i:nth-child(1){left:8px;top:10px;width:18px;height:18px;background:#fff}.layout-thumb-landscape_qr_chat i:nth-child(2){left:32px;top:10px;width:44px;height:8px}.layout-thumb-landscape_qr_chat i:nth-child(3){left:32px;top:26px;width:20px;height:14px}.layout-thumb-landscape_qr_chat i:nth-child(4){left:56px;top:26px;width:20px;height:14px}
.layout-thumb-chat_wall i:nth-child(1){left:8px;top:8px;width:26px;height:17px}.layout-thumb-chat_wall i:nth-child(2){left:40px;top:8px;width:26px;height:17px}.layout-thumb-chat_wall i:nth-child(3){left:8px;bottom:8px;width:26px;height:17px}.layout-thumb-chat_wall i:nth-child(4){right:8px;bottom:8px;width:26px;height:17px}
.layout-thumb-photo_wall i{background:linear-gradient(135deg,var(--accent),var(--accent-2))}.layout-thumb-photo_wall i:nth-child(1){left:7px;top:7px;width:28px;height:22px}.layout-thumb-photo_wall i:nth-child(2){right:7px;top:7px;width:28px;height:22px}.layout-thumb-photo_wall i:nth-child(3){left:7px;bottom:7px;width:28px;height:22px}.layout-thumb-photo_wall i:nth-child(4){right:7px;bottom:7px;width:28px;height:22px}
.layout-thumb-qr_focus i:nth-child(1){left:50%;top:50%;width:38px;height:38px;transform:translate(-50%,-50%);background:#fff}.layout-thumb-qr_focus i:nth-child(2){left:10px;bottom:7px;width:56px;height:7px}.layout-thumb-qr_focus i:nth-child(3),.layout-thumb-qr_focus i:nth-child(4){display:none}
.layout-thumb-highlight i:nth-child(1){left:10px;top:8px;width:56px;height:34px}.layout-thumb-highlight i:nth-child(2){left:16px;bottom:8px;width:44px;height:8px}.layout-thumb-highlight i:nth-child(3),.layout-thumb-highlight i:nth-child(4){display:none}
.display-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.display-control-grid label:not(.check-row){display:grid;gap:8px;color:#e7e1f5;font-weight:800;font-size:14px}.display-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.display-summary-grid>div{border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:18px;padding:16px}.display-summary-grid span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.display-summary-grid strong{display:block;margin-top:6px;font-size:22px;letter-spacing:-.035em}.layout-guide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.layout-guide-card{border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:20px;padding:16px;display:grid;gap:10px}.layout-guide-card strong{font-size:17px}.layout-guide-card p{margin:0;color:#dcd5ea;line-height:1.45}.layout-guide-card small{color:var(--accent);font-weight:900}.layout-room-list{display:grid;gap:14px}.layout-room-card{display:grid;grid-template-columns:minmax(260px,1fr) minmax(360px,520px);gap:18px;border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:24px;padding:18px;align-items:start}.layout-room-info h3{margin:12px 0 6px;font-size:26px;letter-spacing:-.045em}.layout-room-info p{margin:0;color:var(--muted)}.layout-room-info small{display:block;margin:10px 0 14px;color:#d8d0e8;font-weight:700}.layout-quick-form{display:grid;gap:12px}.layout-quick-form label:not(.check-row){display:grid;gap:7px;color:#e7e1f5;font-weight:800;font-size:14px}.quick-checks{display:flex;gap:16px;flex-wrap:wrap}.quick-number-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.layout-badge{display:inline-flex;margin-top:12px;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 12%,transparent);color:#fff;border-radius:999px;padding:7px 11px;font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:1000}.screen-logo-row.center{justify-content:center;text-align:left}.screen-logo-row.center h1{margin:0;font-size:34px;letter-spacing:-.06em;text-transform:uppercase}.screen-logo-row.center p{margin:0;color:var(--accent);font-weight:900;text-transform:uppercase;letter-spacing:.14em}.qr-hero-copy{display:grid;gap:5px;text-align:center}.qr-hero-copy span{color:var(--accent);font-size:13px;text-transform:uppercase;letter-spacing:.18em;font-weight:1000}.qr-hero-copy strong{font-size:28px;letter-spacing:-.04em}.qr-box-hero{width:min(72vh,560px);max-width:86%;margin-inline:auto}.screen-frame.layout-landscape_qr_chat{width:min(177.78vh,100vw);height:min(56.25vw,100vh);max-width:1600px;max-height:900px}.layout-landscape_qr_chat .screen-top{grid-template-columns:180px 1fr;padding:22px 32px 10px}.layout-landscape_qr_chat .screen-title h1{font-size:58px}.layout-landscape_qr_chat .screen-feed{height:calc(100% - 218px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:end;overflow:hidden}.layout-landscape_qr_chat .screen-card p{font-size:21px}.layout-landscape_qr_chat .screen-card img{max-height:220px}.layout-chat_wall .screen-top,.layout-photo_wall .screen-top,.layout-highlight .screen-top{position:relative;z-index:4;padding:18px 22px 8px;grid-template-columns:128px 1fr}.layout-chat_wall .qr-box,.layout-photo_wall .qr-box,.layout-highlight .qr-box{padding:9px;border-radius:16px}.layout-chat_wall .qr-box strong,.layout-photo_wall .qr-box strong,.layout-highlight .qr-box strong{font-size:10px}.layout-chat_wall .screen-title h1,.layout-photo_wall .screen-title h1,.layout-highlight .screen-title h1{font-size:32px}.layout-chat_wall .screen-feed{height:calc(100% - 166px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:end;gap:14px}.layout-chat_wall .screen-card{min-height:128px;display:flex;flex-direction:column;justify-content:center}.layout-chat_wall .screen-card p{font-size:22px}.layout-photo_wall .screen-feed{height:calc(100% - 154px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;align-content:end;gap:10px}.layout-photo_wall .screen-card{position:relative;overflow:hidden;padding:0;min-height:150px;border-radius:20px}.layout-photo_wall .screen-card img{width:100%;height:100%;min-height:150px;max-height:none;object-fit:cover;margin:0;border:0;border-radius:20px}.layout-photo_wall .screen-card p{position:absolute;left:10px;right:10px;bottom:10px;margin:0;padding:8px 10px;border-radius:999px;background:rgba(0,0,0,.62);backdrop-filter:blur(10px);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layout-photo_wall .screen-name{position:absolute;left:10px;top:10px;z-index:2;margin:0;padding:7px 9px;border-radius:999px;background:rgba(0,0,0,.62);font-size:11px;letter-spacing:.12em}.layout-photo_wall .screen-card:not(:has(img)){display:none}.layout-qr_focus .screen-qr-hero{position:relative;z-index:2;height:72%;padding:36px 28px 20px;display:grid;place-items:center;align-content:center;gap:22px;text-align:center}.layout-qr_focus .screen-feed{position:absolute;z-index:3;left:22px;right:22px;bottom:22px;height:auto;max-height:22%;padding:0;display:flex;flex-direction:row;gap:12px;overflow:hidden}.layout-qr_focus .screen-card{min-width:280px;flex:1;padding:14px;border-radius:18px}.layout-qr_focus .screen-name{font-size:13px;letter-spacing:.14em}.layout-qr_focus .screen-card p{font-size:18px}.layout-qr_focus .screen-card img{display:none}.layout-highlight .screen-feed{height:calc(100% - 154px);display:grid;place-items:center;padding:18px 30px 36px}.layout-highlight .screen-card{width:100%;max-height:100%;display:grid;gap:14px;padding:22px;border-radius:28px;background:rgba(0,0,0,.62);border-color:color-mix(in srgb,var(--accent) 36%,rgba(255,255,255,.12));box-shadow:0 0 80px color-mix(in srgb,var(--accent-2) 24%,transparent)}.layout-highlight .screen-name{font-size:22px;text-align:center;margin:0}.layout-highlight .screen-card p{font-size:42px;text-align:center;line-height:1.08}.layout-highlight .screen-card img{max-height:780px;width:100%;object-fit:contain;background:rgba(0,0,0,.22)}.layout-highlight .screen-card .emoji-only-text{font-size:112px}.screen-page-landscape_qr_chat{padding:2vh}.screen-page-chat_wall,.screen-page-photo_wall,.screen-page-highlight{padding:2.4vh}
@media(max-width:1000px){.layout-room-card{grid-template-columns:1fr}.display-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.display-control-grid{grid-template-columns:1fr}}
@media(max-width:620px){.display-layout-grid{grid-template-columns:1fr}.layout-option{grid-template-columns:68px 1fr}.display-summary-grid{grid-template-columns:1fr}.quick-number-grid{grid-template-columns:1fr}.screen-frame.layout-landscape_qr_chat{width:100vw;height:100vh}.layout-landscape_qr_chat .screen-top,.layout-chat_wall .screen-top,.layout-photo_wall .screen-top,.layout-highlight .screen-top{grid-template-columns:105px 1fr;padding:12px}.layout-landscape_qr_chat .screen-title h1,.layout-chat_wall .screen-title h1,.layout-photo_wall .screen-title h1,.layout-highlight .screen-title h1{font-size:24px}.layout-landscape_qr_chat .screen-feed,.layout-chat_wall .screen-feed{grid-template-columns:1fr;height:calc(100% - 150px);padding:10px 12px 18px}.layout-photo_wall .screen-feed{grid-template-columns:repeat(2,minmax(0,1fr));height:calc(100% - 140px);padding:8px 12px 18px}.layout-qr_focus .screen-qr-hero{height:70%;padding:20px 14px}.qr-box-hero{max-width:94%}.qr-hero-copy strong{font-size:20px}.layout-qr_focus .screen-feed{left:12px;right:12px;bottom:12px;max-height:25%;flex-direction:column}.layout-highlight .screen-feed{height:calc(100% - 132px);padding:12px}.layout-highlight .screen-card p{font-size:28px}.layout-highlight .screen-card .emoji-only-text{font-size:74px}}

/* v5 User Management */
select{width:100%;border:1px solid var(--line);background:#0d0b13;color:var(--text);padding:13px 14px;border-radius:14px;outline:none}
select:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(255,161,0,.1)}
.sidebar-user{margin-top:12px;padding:12px;border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:16px;display:grid;gap:3px}
.sidebar-user strong{font-size:14px;line-height:1.2}.sidebar-user span{color:var(--accent);font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:1000}
.user-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}
.admin-table{width:100%;border-collapse:collapse;min-width:860px}.admin-table th,.admin-table td{padding:15px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.admin-table th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.11em;font-weight:1000;background:rgba(255,255,255,.04)}.admin-table tr:last-child td{border-bottom:0}.admin-table td{color:#ede8f7}.admin-table td strong{display:block}.mini-note{display:inline-flex;margin-top:6px;color:var(--accent);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.table-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.table-actions form{margin:0}
.role-badge{display:inline-flex;align-items:center;border-radius:999px;padding:7px 11px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:1000;border:1px solid var(--line);background:rgba(255,255,255,.06)}.role-badge.admin{border-color:color-mix(in srgb,var(--accent) 42%,transparent);background:color-mix(in srgb,var(--accent) 14%,transparent);color:#ffe1a3}.role-badge.moderator{border-color:color-mix(in srgb,var(--accent-2) 42%,transparent);background:color-mix(in srgb,var(--accent-2) 14%,transparent);color:#f2ceff}
.two-col-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.password-box{border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:18px;padding:18px}.password-box h3{margin:0 0 5px;font-size:18px}.password-box p{margin:0 0 14px}.role-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.role-guide-grid>div{border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:20px;padding:18px}.role-guide-grid h3{margin:12px 0 6px;font-size:20px}.role-guide-grid p{margin:0;color:var(--muted);line-height:1.5}
@media(max-width:720px){.two-col-form,.role-guide-grid{grid-template-columns:1fr}.admin-table{min-width:760px}}

/* v6-v9 Mega Experience Upgrade */
.hidden{display:none!important}
.chat-experience-page{min-height:100vh;display:grid;grid-template-rows:auto auto auto 1fr auto;max-width:720px;margin:0 auto;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01));position:relative;overflow:hidden}.chat-experience-page:before{content:"";position:fixed;inset:0;background:var(--app-background-image);background-size:cover;background-position:center;opacity:.18;pointer-events:none}.experience-header,.mobile-challenge-card,.mobile-winner-card,.mobile-poll-card,.reaction-bar,.experience-feed,.composer-premium{position:relative;z-index:2}.join-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 20% 15%,color-mix(in srgb,var(--accent) 30%,transparent),transparent 34%),radial-gradient(circle at 85% 85%,color-mix(in srgb,var(--accent-2) 26%,transparent),transparent 34%),rgba(2,2,8,.88);backdrop-filter:blur(18px)}.join-card{width:min(520px,100%);border:1px solid color-mix(in srgb,var(--accent) 36%,rgba(255,255,255,.16));background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.045));box-shadow:0 26px 90px rgba(0,0,0,.52);border-radius:34px;padding:26px;position:relative;overflow:hidden}.join-glow{position:absolute;inset:-70px;background:conic-gradient(from 120deg,transparent,color-mix(in srgb,var(--accent) 28%,transparent),transparent,color-mix(in srgb,var(--accent-2) 22%,transparent),transparent);filter:blur(38px);opacity:.72;animation:spinGlow 9s linear infinite}.join-card>*:not(.join-glow){position:relative;z-index:2}.join-brand{display:flex;justify-content:center;margin-bottom:12px}.join-card h1{font-size:clamp(32px,7vw,54px);letter-spacing:-.07em;line-height:.92;margin:8px 0 12px;text-align:center}.join-copy{text-align:center;color:#ddd6ea;margin:0 0 18px;line-height:1.5}.join-sponsor{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 12px;border:1px solid var(--line);background:rgba(0,0,0,.22);border-radius:18px;margin-bottom:16px}.join-sponsor img{max-height:34px;max-width:120px;object-fit:contain}.join-sponsor span{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:var(--accent)}.join-label,.join-section-title{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:1000;color:var(--accent);margin:13px 0 8px}.join-card input{width:100%;border:1px solid var(--line);background:rgba(0,0,0,.42);color:var(--text);padding:15px 16px;border-radius:18px;outline:0}.avatar-picker,.mood-picker{display:flex;gap:8px;flex-wrap:wrap}.avatar-choice,.mood-choice{border:1px solid var(--line);background:rgba(255,255,255,.06);color:#fff;border-radius:16px;cursor:pointer;font-weight:900;transition:.2s}.avatar-choice{width:48px;height:48px;font-size:24px}.mood-choice{padding:10px 12px}.avatar-choice.selected,.mood-choice.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 22%,rgba(255,255,255,.06));box-shadow:0 0 28px color-mix(in srgb,var(--accent) 24%,transparent)}.join-button{width:100%;margin-top:18px;padding:16px 18px;font-size:16px}.mobile-challenge-card,.mobile-winner-card,.mobile-poll-card{margin:10px 14px;border:1px solid var(--line);background:rgba(0,0,0,.34);backdrop-filter:blur(12px);border-radius:22px;padding:14px}.mobile-challenge-card strong,.mobile-winner-card strong{display:block;font-size:18px}.mobile-challenge-card p,.mobile-winner-card small{margin:6px 0 0;color:#dcd6ec;line-height:1.45}.mobile-winner-card span,.mobile-poll-card span{font-size:11px;color:var(--accent);text-transform:uppercase;letter-spacing:.16em;font-weight:1000}.poll-head-mini{display:grid;gap:5px;margin-bottom:10px}.poll-head-mini strong{font-size:17px}.poll-options-mobile{display:grid;gap:9px}.poll-vote-btn{position:relative;overflow:hidden;text-align:left;border:1px solid var(--line);background:rgba(255,255,255,.06);color:#fff;border-radius:15px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;font-weight:900;cursor:pointer}.poll-vote-btn span,.poll-vote-btn em{position:relative;z-index:2}.poll-vote-btn i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 32%,transparent),transparent);z-index:1}.reaction-bar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:8px 14px 10px}.reaction-btn{border:1px solid var(--line);background:rgba(255,255,255,.07);color:#fff;border-radius:18px;padding:9px 4px;display:grid;gap:2px;place-items:center;cursor:pointer;transition:.2s}.reaction-btn span{font-size:25px}.reaction-btn small{font-size:10px;color:#cfc8de;font-weight:800}.reaction-btn:hover,.reaction-btn.pulse-send{transform:translateY(-2px) scale(1.04);border-color:var(--accent);box-shadow:0 0 28px color-mix(in srgb,var(--accent) 24%,transparent)}.experience-feed{padding-bottom:12px}.composer-premium{border-radius:26px 26px 0 0;box-shadow:0 -18px 60px rgba(0,0,0,.34)}.mini-avatar{display:inline-grid;place-items:center;margin-right:7px}.reaction-bubble{max-width:210px;margin-left:auto;margin-right:auto;text-align:center;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,rgba(255,255,255,.08)),rgba(255,255,255,.04))}.reaction-bubble .bubble-head{justify-content:center}.reaction-bubble p{font-size:44px!important;margin:8px 0 0!important}.chat-bubble{animation:messageRise .35s ease both}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.template-option{position:relative;display:grid;gap:8px;border:1px solid var(--line);border-radius:20px;padding:16px;background:rgba(255,255,255,.045);cursor:pointer;overflow:hidden}.template-option input{position:absolute;opacity:0;pointer-events:none}.template-option span{height:54px;border-radius:16px;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}.template-option strong{font-size:16px}.template-option small{color:var(--muted);line-height:1.4}.template-option.selected{border-color:var(--accent);box-shadow:0 0 36px color-mix(in srgb,var(--accent) 18%,transparent)}.template-wedding_elegant span{background:linear-gradient(135deg,#ffe3ec,#f9afc8,#ffffff)}.template-corporate_clean span{background:linear-gradient(135deg,#dce8ff,#5c8dff,#0c1430)}.template-gold_luxury span{background:linear-gradient(135deg,#fff1a8,#d4af37,#2b1700)}.template-concert_energy span{background:linear-gradient(135deg,#ff174d,#ff8a00,#07000a)}.template-minimal_led span{background:linear-gradient(135deg,#ffffff,#6e7788,#111827)}.experience-section{margin-top:20px;border-top:1px solid var(--line);padding-top:20px}.experience-box{border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:20px;padding:16px;display:grid;gap:12px}.panel-head.compact{margin-bottom:8px}.panel-head.compact h3{margin:0;font-size:20px}.current-upload-preview{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.current-upload-preview img{max-height:58px;max-width:160px;object-fit:contain;border-radius:12px;background:rgba(255,255,255,.08);padding:8px}.stats-grid-wide{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.experience-control-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.experience-control-card{border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:22px;padding:18px;display:grid;gap:8px;transition:.2s}.experience-control-card:hover{transform:translateY(-2px);border-color:var(--accent)}.experience-control-card span{font-size:34px}.experience-control-card strong{font-size:18px}.experience-control-card small{color:var(--muted);line-height:1.35}.message-admin-card.admin-highlighted{border-color:var(--accent);box-shadow:0 0 32px color-mix(in srgb,var(--accent) 16%,transparent)}.message-admin-card.admin-pinned-photo{border-color:var(--accent-2);box-shadow:0 0 32px color-mix(in srgb,var(--accent-2) 16%,transparent)}.poll-admin-list,.winner-list{display:grid;gap:14px}.poll-admin-card,.winner-card{border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:22px;padding:18px}.poll-admin-card.active{border-color:var(--accent);box-shadow:0 0 40px color-mix(in srgb,var(--accent) 14%,transparent)}.poll-admin-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.poll-admin-head h3{margin:10px 0 4px;font-size:22px}.poll-result-bars{display:grid;gap:10px;margin-top:14px}.poll-result-row{position:relative;overflow:hidden;border:1px solid var(--line);background:rgba(0,0,0,.22);border-radius:16px;padding:12px 14px;display:flex;justify-content:space-between}.poll-result-row strong,.poll-result-row span{position:relative;z-index:2}.poll-result-row i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 34%,transparent),transparent);z-index:1}.winner-pick-panel{display:grid;grid-template-columns:minmax(240px,1fr) minmax(300px,430px);gap:22px;align-items:center}.winner-machine{border:1px solid color-mix(in srgb,var(--accent) 36%,var(--line));background:radial-gradient(circle at top,color-mix(in srgb,var(--accent) 18%,transparent),rgba(255,255,255,.04));border-radius:28px;padding:28px;text-align:center}.winner-machine span{font-size:70px;display:block}.winner-machine strong{font-size:32px;letter-spacing:-.05em}.winner-machine p{color:var(--muted);line-height:1.45}.winner-card{display:flex;gap:14px;align-items:center}.winner-card>span{font-size:40px}.winner-card strong{font-size:20px}.winner-card p{margin:4px 0;color:var(--accent);font-weight:900}.winner-card small{color:var(--muted)}.report-stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.report-grid-panel{display:grid;grid-template-columns:1fr 1fr;gap:24px}.top-user-list{display:grid;gap:10px}.top-user-list>div{border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:16px;padding:13px 14px;display:flex;justify-content:space-between}.top-user-list span{color:var(--accent);font-weight:900}.display-summary-grid.small{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-template-club_neon{--tpl-a:#00d9ff;--tpl-b:#d300ff}.screen-template-concert_energy{--tpl-a:#ff174d;--tpl-b:#ff8a00}.screen-template-gold_luxury{--tpl-a:#d4af37;--tpl-b:#ff7a00}.screen-template-wedding_elegant{--tpl-a:#ffd6e4;--tpl-b:#ffffff}.screen-template-corporate_clean{--tpl-a:#5c8dff;--tpl-b:#dce8ff}.screen-template-minimal_led{--tpl-a:#ffffff;--tpl-b:#9ca3af}.screen-template-club_neon .screen-frame,.screen-template-concert_energy .screen-frame,.screen-template-gold_luxury .screen-frame{box-shadow:0 0 120px color-mix(in srgb,var(--tpl-a) 22%,transparent),inset 0 0 80px rgba(255,255,255,.045)}.screen-template-gold_luxury .screen-frame{background:radial-gradient(circle at 50% 0%,rgba(212,175,55,.22),transparent 42%),rgba(6,4,1,.82)}.screen-template-wedding_elegant .screen-frame{background:radial-gradient(circle at top,rgba(255,214,228,.22),transparent 42%),rgba(34,18,28,.76)}.screen-template-corporate_clean .screen-frame{background:linear-gradient(135deg,rgba(7,20,48,.92),rgba(2,7,20,.92))}.screen-template-minimal_led .screen-frame{background:#030303}.screen-sponsor-slot{position:absolute;z-index:8;right:18px;bottom:18px;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.5);backdrop-filter:blur(14px);border-radius:999px;padding:8px 14px}.screen-sponsor-slot img{max-height:38px;max-width:130px;object-fit:contain}.screen-sponsor-slot span{font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:1000;color:#fff}.screen-challenge-banner{position:absolute;z-index:8;left:18px;bottom:18px;max-width:48%;border:1px solid color-mix(in srgb,var(--accent) 32%,rgba(255,255,255,.14));background:rgba(0,0,0,.52);backdrop-filter:blur(14px);border-radius:22px;padding:14px 16px}.screen-challenge-banner span,.screen-poll-card>span,.highlight-overlay-card>span,.winner-overlay-card>span,.pinned-photo-overlay>span{display:block;color:var(--accent);font-size:11px;text-transform:uppercase;letter-spacing:.18em;font-weight:1000;margin-bottom:5px}.screen-challenge-banner strong{font-size:18px}.screen-challenge-banner p{margin:5px 0 0;color:#e8e3f0;line-height:1.35}.screen-poll-card{position:absolute;z-index:9;right:18px;top:180px;width:min(360px,38%);border:1px solid color-mix(in srgb,var(--accent-2) 32%,rgba(255,255,255,.14));background:rgba(0,0,0,.58);backdrop-filter:blur(14px);border-radius:24px;padding:16px}.screen-poll-card strong{display:block;font-size:20px;line-height:1.15}.screen-poll-options{display:grid;gap:9px;margin-top:12px}.screen-poll-row{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:10px 12px;display:flex;justify-content:space-between;background:rgba(255,255,255,.05)}.screen-poll-row b,.screen-poll-row em{position:relative;z-index:2}.screen-poll-row i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,color-mix(in srgb,var(--tpl-a,var(--accent)) 38%,transparent),transparent);z-index:1}.highlight-overlay-card{position:absolute;z-index:11;left:50%;top:50%;transform:translate(-50%,-50%);width:min(780px,82%);border:1px solid color-mix(in srgb,var(--accent) 44%,rgba(255,255,255,.16));background:rgba(0,0,0,.68);box-shadow:0 0 110px color-mix(in srgb,var(--accent) 30%,transparent);backdrop-filter:blur(18px);border-radius:34px;padding:28px;text-align:center;animation:highlightBreath 4s ease-in-out infinite}.highlight-overlay-card strong{display:flex;align-items:center;justify-content:center;gap:10px;font-size:30px}.highlight-overlay-card strong i{font-style:normal}.highlight-overlay-card p{font-size:46px;line-height:1.08;margin:18px 0 0;font-weight:900}.highlight-overlay-card img{max-height:420px;object-fit:contain;margin:16px auto 0;border-radius:22px}.pinned-photo-overlay{position:absolute;z-index:10;left:18px;top:180px;width:min(310px,32%);border:1px solid color-mix(in srgb,var(--accent-2) 44%,rgba(255,255,255,.16));background:rgba(0,0,0,.56);backdrop-filter:blur(16px);border-radius:24px;padding:12px}.pinned-photo-overlay img{width:100%;max-height:320px;object-fit:cover;border-radius:18px}.pinned-photo-overlay strong{display:block;margin-top:9px;text-align:center}.winner-overlay-card{position:absolute;z-index:12;left:50%;top:22px;transform:translateX(-50%);min-width:min(560px,80%);border:1px solid color-mix(in srgb,var(--accent) 46%,rgba(255,255,255,.18));background:linear-gradient(135deg,rgba(0,0,0,.72),color-mix(in srgb,var(--accent) 18%,rgba(0,0,0,.58)));backdrop-filter:blur(16px);box-shadow:0 0 90px color-mix(in srgb,var(--accent) 28%,transparent);border-radius:999px;padding:14px 28px;text-align:center}.winner-overlay-card strong{display:block;font-size:36px;line-height:1}.winner-overlay-card em{display:block;color:#fff5c2;font-style:normal;font-weight:900;margin-top:3px}.winner-overlay-card.winner-flash{animation:winnerFlash 2.5s ease}.floating-emoji-layer{position:fixed;inset:0;z-index:100;pointer-events:none;overflow:hidden}.floating-emoji{position:absolute;bottom:-80px;font-size:clamp(54px,6vw,110px);filter:drop-shadow(0 12px 28px rgba(0,0,0,.5));animation:floatEmoji 5.6s ease-out forwards}.screen-name span{margin-right:8px}.screen-reaction-card{display:none!important}.screen-card.pop-in{animation:screenPopIn .45s cubic-bezier(.2,1.4,.3,1) both}@keyframes spinGlow{to{transform:rotate(360deg)}}@keyframes messageRise{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@keyframes floatEmoji{0%{transform:translateY(0) scale(.72) rotate(-8deg);opacity:0}10%{opacity:1}70%{opacity:1}100%{transform:translateY(-112vh) scale(1.25) rotate(12deg);opacity:0}}@keyframes screenPopIn{from{opacity:0;transform:translateY(22px) scale(.92)}to{opacity:1;transform:none}}@keyframes highlightBreath{50%{box-shadow:0 0 140px color-mix(in srgb,var(--accent-2) 34%,transparent);transform:translate(-50%,-50%) scale(1.015)}}@keyframes winnerFlash{0%,100%{transform:translateX(-50%) scale(1)}20%{transform:translateX(-50%) scale(1.08)}40%{transform:translateX(-50%) scale(.98)}60%{transform:translateX(-50%) scale(1.04)}}
@media(max-width:900px){.winner-pick-panel,.report-grid-panel{grid-template-columns:1fr}.screen-poll-card,.pinned-photo-overlay{top:auto;bottom:92px;width:calc(50% - 28px)}.screen-poll-card{right:14px}.pinned-photo-overlay{left:14px}.screen-challenge-banner{max-width:calc(100% - 28px);left:14px;right:14px;bottom:14px}.screen-sponsor-slot{right:14px;bottom:14px}.highlight-overlay-card p{font-size:32px}.highlight-overlay-card{width:92%}}
@media(max-width:620px){.join-card{padding:22px;border-radius:28px}.reaction-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.chat-header{padding:16px 14px}.chat-title-wrap{gap:10px}.chat-title-wrap h1{font-size:22px}.composer-premium{padding:12px}.template-grid{grid-template-columns:1fr}.poll-admin-head{display:grid}.winner-overlay-card{min-width:92%;border-radius:24px}.winner-overlay-card strong{font-size:28px}.screen-poll-card,.pinned-photo-overlay{display:none}.highlight-overlay-card p{font-size:26px}.highlight-overlay-card img{max-height:320px}}

/* =========================================================
   CAP Live Chat Wall v9.1 Final UI Polish Patch
   - LED safe-area layout
   - Responsive room title auto-fit support
   - Polling card safe position
   - Premium photo/message spacing
   - Cleaner mobile audience UI
   ========================================================= */
.screen-page{padding:clamp(14px,2.6vh,34px);background:radial-gradient(circle at 50% -12%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 34%),radial-gradient(circle at 15% 105%,color-mix(in srgb,var(--accent-2) 14%,transparent),transparent 34%),#020106}.screen-frame{border-width:clamp(8px,1.45vh,14px);border-radius:22px;isolation:isolate}.screen-frame:after{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.045);border-radius:12px;pointer-events:none;z-index:1}.screen-top,.screen-feed,.screen-sponsor-slot,.screen-challenge-banner,.screen-poll-card,.winner-overlay-card,.highlight-overlay-card,.pinned-photo-overlay{position:relative}.layout-portrait_qr_chat .screen-top{z-index:7;padding:clamp(20px,3.25vh,32px) clamp(20px,3.8vh,34px) 12px;grid-template-columns:minmax(168px,210px) minmax(0,1fr);gap:22px;align-items:start}.layout-portrait_qr_chat .qr-box{max-width:210px;padding:clamp(11px,1.6vh,15px);border-radius:22px}.layout-portrait_qr_chat .qr-box strong{font-size:clamp(11px,1.45vh,15px);line-height:1.05}.screen-logo-row{min-width:0}.screen-title{min-width:0;position:relative;z-index:12}.screen-title p{font-size:clamp(10px,1.42vh,15px);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.screen-title h1{font-size:clamp(30px,5vh,46px);line-height:.94;letter-spacing:-.075em;max-width:100%;max-height:1.94em;overflow:hidden;text-wrap:balance;overflow-wrap:break-word;text-shadow:0 10px 36px rgba(0,0,0,.46)}.layout-portrait_qr_chat .screen-title h1{font-size:clamp(34px,5.3vh,48px);max-width:390px}.layout-badge{position:relative;z-index:14;margin-top:12px;padding:7px 12px;line-height:1;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layout-portrait_qr_chat .screen-feed{z-index:4;height:calc(100% - 310px);padding:8px clamp(22px,3.8vh,34px) clamp(24px,3.6vh,36px);gap:clamp(14px,2.1vh,20px);justify-content:flex-end}.layout-portrait_qr_chat .screen-card{border-radius:24px;padding:clamp(15px,2.2vh,19px);background:linear-gradient(180deg,rgba(0,0,0,.78),rgba(0,0,0,.66));border-color:rgba(255,255,255,.14);box-shadow:0 24px 80px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.035)}.screen-card p{font-size:clamp(19px,2.55vh,25px);line-height:1.18;letter-spacing:-.04em;text-shadow:0 2px 16px rgba(0,0,0,.55)}.screen-card:has(img){padding:clamp(14px,2.1vh,18px);padding-bottom:clamp(20px,2.8vh,28px)}.screen-card img{display:block;max-height:min(390px,34vh);border-radius:20px;margin-bottom:clamp(14px,2vh,18px);box-shadow:0 18px 48px rgba(0,0,0,.28)}.screen-card:has(img) p{padding:0 4px 2px;margin-top:0}.screen-name{font-size:clamp(15px,2.05vh,20px);line-height:1.05;margin-bottom:clamp(10px,1.6vh,14px)}.screen-name span{display:inline-grid;place-items:center;min-width:1.35em;text-align:center}.layout-portrait_qr_chat .screen-poll-card{position:absolute;z-index:18;right:clamp(18px,3.5vh,34px);top:var(--poll-top,292px);width:min(324px,42%);padding:14px 15px 15px;border-radius:22px;background:linear-gradient(145deg,rgba(0,0,0,.72),rgba(26,13,34,.62));box-shadow:0 20px 70px rgba(0,0,0,.44),0 0 48px color-mix(in srgb,var(--accent-2) 18%,transparent);transform-origin:top right;animation:pollSoftIn .55s cubic-bezier(.2,1.2,.25,1) both}.screen-poll-card strong{font-size:clamp(17px,2.25vh,21px);letter-spacing:-.03em}.screen-poll-row{min-height:44px;align-items:center}.screen-poll-row b{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:8px}.screen-poll-row em{font-weight:1000;color:#fff}.screen-poll-row i{opacity:.72}.pinned-photo-overlay{box-shadow:0 20px 80px rgba(0,0,0,.45),0 0 54px color-mix(in srgb,var(--accent-2) 20%,transparent)}.highlight-overlay-card{max-height:86%;overflow:hidden}.highlight-overlay-card p{text-wrap:balance}.winner-overlay-card{max-width:calc(100% - 52px)}.floating-emoji{will-change:transform,opacity;text-shadow:0 10px 34px rgba(0,0,0,.48)}.screen-card.pop-in{animation:screenPopInV91 .58s cubic-bezier(.16,1.36,.28,1) both}.screen-card.pop-in:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(100deg,transparent,rgba(255,255,255,.10),transparent);transform:translateX(-120%);animation:cardShineV91 1.05s ease-out both;pointer-events:none}.screen-card{position:relative;overflow:hidden}.screen-template-gold_luxury .screen-card{background:linear-gradient(180deg,rgba(18,12,2,.78),rgba(5,3,1,.72))}.screen-template-corporate_clean .screen-card{background:linear-gradient(180deg,rgba(8,18,40,.78),rgba(3,8,18,.72))}.screen-template-wedding_elegant .screen-card{background:linear-gradient(180deg,rgba(36,20,31,.75),rgba(12,8,14,.70))}.layout-photo_wall .screen-card p{bottom:12px;left:12px;right:12px;border-radius:18px;padding:9px 12px;font-size:14px;line-height:1.1}.layout-photo_wall .screen-name{left:12px;top:12px}.layout-photo_wall .screen-card{box-shadow:0 18px 60px rgba(0,0,0,.35)}.layout-chat_wall .screen-card{padding:18px}.layout-highlight .screen-card{overflow:hidden}.layout-highlight .screen-card img{border-radius:24px}.chat-experience-page{box-shadow:0 0 0 1px rgba(255,255,255,.04),0 24px 110px rgba(0,0,0,.42)}.experience-header{border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,color-mix(in srgb,var(--accent-2) 18%,rgba(0,0,0,.55)),color-mix(in srgb,var(--accent) 14%,rgba(0,0,0,.50)))}.chat-bubble{border-radius:24px;box-shadow:0 14px 42px rgba(0,0,0,.18)}.chat-bubble img{border-radius:18px}.reaction-bar,.composer-premium{backdrop-filter:blur(18px)}.composer-premium{box-shadow:0 -18px 70px rgba(0,0,0,.28)}.join-card{box-shadow:0 24px 120px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.08)}@keyframes pollSoftIn{from{opacity:0;transform:translateY(-10px) scale(.94)}to{opacity:1;transform:none}}@keyframes screenPopInV91{from{opacity:0;transform:translateY(28px) scale(.94);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}@keyframes cardShineV91{0%{transform:translateX(-125%)}70%,100%{transform:translateX(125%)}}@media(max-width:900px){.screen-page{padding:0}.screen-frame{border-radius:0}.layout-portrait_qr_chat .screen-top{grid-template-columns:142px 1fr;padding:16px;gap:13px}.layout-portrait_qr_chat .qr-box{max-width:142px;border-radius:17px}.layout-portrait_qr_chat .screen-title h1{font-size:clamp(25px,7vw,34px);max-width:100%}.layout-portrait_qr_chat .screen-feed{height:calc(100% - 190px);padding:8px 16px 22px}.layout-portrait_qr_chat .screen-poll-card{display:none}.screen-card img{max-height:32vh}.screen-card p{font-size:18px}.screen-name{font-size:14px}}@media(max-width:620px){.join-overlay{padding:14px}.join-card{border-radius:28px}.experience-feed{padding-left:12px;padding-right:12px}.chat-bubble{border-radius:20px}.composer-premium{padding:12px}.reaction-bar{gap:8px}.winner-overlay-card,.highlight-overlay-card{max-width:92%}.highlight-overlay-card{padding:20px;border-radius:28px}.highlight-overlay-card p{font-size:26px}}

/* ==========================================================
   CAP Live Chat Wall v9.1.1 - Screen Density + Content Fix
   - Prevents portrait LED cards from shrinking into thin strips.
   - Hides empty/reaction-only cards from the message stack.
   - Keeps photo cards readable while preserving premium spacing.
   ========================================================== */
.layout-portrait_qr_chat .screen-feed{
    height:calc(100% - 292px);
    padding-top:clamp(16px,2.2vh,26px);
    gap:clamp(13px,1.75vh,18px);
}
.layout-portrait_qr_chat .screen-card{
    flex:0 0 auto;
    min-height:clamp(76px,8.2vh,112px);
    max-height:46vh;
    overflow:hidden;
}
.layout-portrait_qr_chat .screen-card:has(img){
    min-height:clamp(210px,25vh,330px);
    display:grid;
    grid-template-rows:auto minmax(0,1fr) auto;
}
.layout-portrait_qr_chat .screen-card img{
    width:100%;
    height:auto;
    max-height:clamp(175px,28vh,360px);
    object-fit:cover;
}
.layout-portrait_qr_chat .screen-card:has(img) p{
    display:block;
    padding-top:2px;
    font-size:clamp(19px,2.35vh,24px);
    line-height:1.14;
}
.layout-portrait_qr_chat .screen-card p{
    color:#fff;
    display:block;
    max-height:2.45em;
    overflow:hidden;
    text-overflow:ellipsis;
}
.layout-portrait_qr_chat .screen-card p:empty,
.layout-portrait_qr_chat .screen-card:not(:has(img)):not(:has(p)){
    display:none!important;
}
.layout-portrait_qr_chat .screen-reaction-card{
    display:none!important;
}
.layout-portrait_qr_chat .screen-name{
    margin-bottom:clamp(8px,1.1vh,12px);
}
.layout-portrait_qr_chat .screen-poll-card{
    width:min(302px,39%);
    top:var(--poll-top,282px);
}
.layout-portrait_qr_chat .screen-poll-row{
    min-height:38px;
}
.layout-portrait_qr_chat .screen-poll-card strong{
    font-size:clamp(16px,2vh,19px);
}

@media(max-width:900px){
    .layout-portrait_qr_chat .screen-feed{
        height:calc(100% - 184px);
        gap:10px;
    }
    .layout-portrait_qr_chat .screen-card{
        min-height:64px;
        padding:12px;
        border-radius:18px;
    }
    .layout-portrait_qr_chat .screen-card:has(img){
        min-height:170px;
    }
    .layout-portrait_qr_chat .screen-card img{
        max-height:26vh;
        border-radius:16px;
    }
}


/* v9.2 Event Control Console */
.status.warn{background:rgba(255,181,66,.16);color:#ffd08a;border-color:rgba(255,181,66,.36)}
.event-control-main .panel{position:relative;overflow:hidden}.control-hero{display:grid;grid-template-columns:1.05fr 1.4fr;gap:20px;align-items:center;background:radial-gradient(circle at 10% 10%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 42%),linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.03))}.control-hero h2{font-size:clamp(30px,4vw,50px);letter-spacing:-.07em;line-height:.92;margin:10px 0}.control-meter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.control-meter-grid div,.control-state-grid div{border:1px solid var(--line);border-radius:20px;background:rgba(0,0,0,.24);padding:15px}.control-meter-grid span,.control-state-grid span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:1000}.control-meter-grid strong{font-size:30px;line-height:1}.control-console-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}.control-panel{display:grid;gap:14px}.control-button-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.control-button-grid form{min-width:0}.control-toggle-list{display:grid;gap:9px}.control-toggle-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:18px;padding:10px 12px}.control-toggle-row>span{font-weight:900}.emoji-trigger-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.emoji-trigger-button{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.07);color:#fff;font-size:28px;padding:10px;cursor:pointer;transition:.18s}.emoji-trigger-button:hover{transform:translateY(-2px) scale(1.04);border-color:var(--accent);box-shadow:0 0 30px color-mix(in srgb,var(--accent) 24%,transparent)}.operator-note-form{display:grid;gap:10px;margin-top:14px}.operator-note-form label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-weight:1000}.operator-note-form input{width:100%;border:1px solid var(--line);background:rgba(0,0,0,.32);color:#fff;border-radius:16px;padding:13px 14px}.control-state-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.control-state-grid strong{display:block;margin-top:6px;font-size:18px;line-height:1.15;word-break:break-word}.control-danger-actions{display:flex;gap:10px;flex-wrap:wrap}.danger-zone-soft:before{content:"";position:absolute;inset:auto -20% -50% -20%;height:120px;background:radial-gradient(circle,color-mix(in srgb,#ff3b62 16%,transparent),transparent 70%);pointer-events:none}.screen-blackout{position:fixed;inset:0;z-index:999;display:grid;place-items:center;background:#000;opacity:0;pointer-events:none;transition:opacity .35s ease}.screen-blackout.active{opacity:1;pointer-events:auto}.screen-blackout div{text-align:center;border:1px solid rgba(255,255,255,.18);border-radius:28px;padding:34px 42px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));box-shadow:0 0 90px rgba(0,0,0,.7)}.screen-blackout span{display:block;color:var(--accent);font-size:12px;text-transform:uppercase;letter-spacing:.22em;font-weight:1000;margin-bottom:12px}.screen-blackout strong{display:block;color:#fff;font-size:clamp(32px,5vw,74px);letter-spacing:-.06em;line-height:.95;text-transform:uppercase}.screen-feed.hidden{display:none!important}.screen-sponsor-slot.hidden,.screen-challenge-banner.hidden{display:none!important}
@media(max-width:900px){.control-hero,.control-console-grid{grid-template-columns:1fr}.control-meter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.control-button-grid{grid-template-columns:1fr}.control-toggle-row{grid-template-columns:1fr auto}.control-toggle-row form{grid-column:1/-1}.emoji-trigger-row{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:620px){.control-meter-grid{grid-template-columns:1fr}.emoji-trigger-row{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-blackout div{margin:18px;padding:26px 24px}.screen-blackout strong{font-size:32px}}

/* ==========================================================
   CAP Live Chat Wall v9.2.1 - Premium Dashboard + Room Delete
   ========================================================== */
.dashboard-premium-page .admin-main{max-width:1500px}.dashboard-hero{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));background:radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 34%),radial-gradient(circle at 92% 18%,color-mix(in srgb,var(--accent-2) 24%,transparent),transparent 32%),linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border-radius:34px;padding:30px;margin-bottom:20px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:22px;box-shadow:0 30px 100px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.06)}.dashboard-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.035),transparent);transform:translateX(-120%);animation:dashHeroShine 5.8s ease-in-out infinite;pointer-events:none}.dashboard-hero>*{position:relative;z-index:2}.hero-copy h1{font-size:clamp(42px,5vw,72px);line-height:.9;letter-spacing:-.08em;margin:6px 0 12px;max-width:860px}.hero-badges{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}.hero-badges span{border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.28);border-radius:999px;padding:9px 12px;color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:1000}.hero-actions-panel{align-self:stretch;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.30);border-radius:26px;padding:18px;backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.hero-panel-label{display:block;color:var(--accent);font-size:11px;text-transform:uppercase;letter-spacing:.18em;font-weight:1000;margin-bottom:12px}.hero-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn.soft{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#071017}.btn.danger{border-color:rgba(255,89,111,.38);background:rgba(255,35,75,.11);color:#ffbcc8}.btn.danger:hover{background:rgba(255,35,75,.22);border-color:rgba(255,89,111,.66);transform:translateY(-1px)}.premium-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.premium-stat-card{position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.028));border-radius:26px;padding:22px;box-shadow:0 22px 70px rgba(0,0,0,.28)}.premium-stat-card:before{content:"";position:absolute;inset:auto 18px 0 18px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2));opacity:.78}.premium-stat-card:after{content:"";position:absolute;right:-46px;top:-46px;width:120px;height:120px;border-radius:50%;background:color-mix(in srgb,var(--accent) 18%,transparent);filter:blur(8px)}.premium-stat-card span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:1000}.premium-stat-card strong{display:block;margin-top:10px;font-size:40px;line-height:.9;letter-spacing:-.07em}.premium-stat-card small{display:block;margin-top:12px;color:#d8d0e8;font-weight:800}.premium-stat-card.accent-b:before{background:linear-gradient(90deg,var(--accent-2),#fff2a8)}.premium-stat-card.accent-c:before{background:linear-gradient(90deg,#ff5476,var(--accent-2))}.premium-stat-card.accent-d:before{background:linear-gradient(90deg,#45ffbb,var(--accent))}.premium-panel{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border-radius:30px;padding:26px}.premium-panel-head{align-items:flex-start}.eyebrow.compact{margin-bottom:5px}.premium-panel-head .muted{max-width:760px;margin-top:6px}.premium-room-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.premium-room-card{position:relative;overflow:hidden;min-height:360px;padding:20px;background:radial-gradient(circle at 18% 0%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 34%),linear-gradient(180deg,rgba(13,12,20,.92),rgba(8,7,12,.88));border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 70px rgba(0,0,0,.28)}.premium-room-card:after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.65}.room-card-topline{display:flex;align-items:center;justify-content:space-between;gap:10px}.room-id-chip{font-size:11px;color:#bdb6ca;border:1px solid rgba(255,255,255,.11);background:rgba(0,0,0,.24);border-radius:999px;padding:7px 9px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.premium-room-card h3{font-size:26px;line-height:1.02;margin:18px 0 8px;letter-spacing:-.055em}.premium-room-card p{min-height:44px}.room-mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.room-mini-metrics span{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045);border-radius:16px;padding:10px 8px;color:#cfc8de;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;text-align:center}.room-mini-metrics b{display:block;color:#fff;font-size:18px;letter-spacing:-.04em;margin-bottom:2px}.room-layout-chip{border:1px solid color-mix(in srgb,var(--accent) 28%,rgba(255,255,255,.11));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,rgba(0,0,0,.26)),rgba(0,0,0,.22));border-radius:18px;padding:12px;margin-top:4px}.room-layout-chip small{display:block;margin:0 0 4px;color:var(--accent);font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:1000}.room-layout-chip strong{display:block;font-size:14px;color:#fff}.dashboard-card-actions{margin-top:auto;gap:8px}.dashboard-card-actions .btn.mini{min-height:36px}.inline-delete-form{display:inline-flex;margin:0}.empty-dashboard-state{grid-column:1/-1;display:grid;place-items:center;text-align:center;gap:10px;border:1px dashed rgba(255,255,255,.18);background:rgba(255,255,255,.035);border-radius:28px;padding:44px}.empty-orb{width:74px;height:74px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#081017;font-size:40px;font-weight:1000;box-shadow:0 18px 60px color-mix(in srgb,var(--accent) 28%,transparent)}.empty-dashboard-state h3{font-size:28px;margin:6px 0 0;letter-spacing:-.05em}@keyframes dashHeroShine{0%,55%{transform:translateX(-120%)}100%{transform:translateX(120%)}}@media(max-width:1150px){.dashboard-hero{grid-template-columns:1fr}.hero-actions-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.premium-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.dashboard-hero{padding:22px;border-radius:26px}.hero-copy h1{font-size:38px}.hero-actions-grid{grid-template-columns:1fr 1fr}.premium-stats-grid,.premium-room-grid{grid-template-columns:1fr}.premium-panel{padding:18px}.premium-panel-head{display:grid}.premium-room-card{min-height:0}.dashboard-card-actions .btn.mini,.inline-delete-form{flex:1 1 auto}.inline-delete-form .btn{width:100%}}

/* v9.2.2 Dashboard Compact + Operator Status Patch */
.dashboard-operator-page .admin-main{max-width:1680px;padding:30px 34px}.dashboard-hero.dashboard-hero-operator{grid-template-columns:minmax(360px,1.05fr) minmax(300px,.7fr) minmax(360px,.82fr);gap:16px;padding:22px 24px;border-radius:30px;margin-bottom:14px;align-items:stretch}.dashboard-hero-operator .hero-copy h1{font-size:clamp(34px,3.45vw,56px);line-height:.92;margin:5px 0 8px;max-width:620px}.dashboard-hero-operator .hero-copy .muted{max-width:560px;margin:0}.dashboard-hero-operator .hero-badges{margin-top:12px}.dashboard-hero-operator .hero-badges span{padding:7px 10px;font-size:10.5px}.operator-snapshot-panel,.operator-quick-panel{border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.27);border-radius:22px;padding:14px;backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.operator-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.operator-pill{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);border-radius:16px;padding:11px 10px;min-height:66px}.operator-pill:before{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.16)}.operator-pill.ok:before{background:linear-gradient(90deg,#42ffb0,var(--accent))}.operator-pill.warn:before{background:linear-gradient(90deg,#ffbd4a,#ff5476)}.operator-pill.idle:before{background:linear-gradient(90deg,#8c87a2,#d8d0e8)}.operator-pill b{display:block;font-size:24px;line-height:1;letter-spacing:-.06em}.operator-pill small{display:block;margin-top:7px;color:#d9d3e8;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:1000}.hero-actions-panel.operator-quick-panel{align-self:auto}.operator-actions-grid{grid-template-columns:1fr 1fr;gap:8px}.operator-actions-grid .btn{padding:11px 12px;border-radius:13px;min-height:44px}.premium-stats-grid-compact{gap:12px;margin-bottom:14px}.premium-stats-grid-compact .premium-stat-card{padding:18px 18px;border-radius:22px}.premium-stats-grid-compact .premium-stat-card strong{font-size:34px;margin-top:8px}.premium-stats-grid-compact .premium-stat-card small{margin-top:8px}.compact-recent-panel{padding:21px 22px;border-radius:27px}.compact-panel-head{margin-bottom:14px}.compact-panel-head h2{font-size:25px}.compact-panel-head .muted{max-width:840px}.compact-room-grid{grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:14px}.compact-room-card{min-height:0;padding:16px;border-radius:22px;gap:11px}.compact-room-card .room-card-body h3{font-size:22px;margin:12px 0 6px;line-height:1.05}.compact-room-card .room-card-body p{font-size:13px;line-height:1.45;min-height:38px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.operator-room-status{display:grid;grid-template-columns:1fr 1fr;gap:7px}.op-mini{display:flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.04);border-radius:12px;padding:7px 8px;color:#d9d3e8;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.op-mini i{width:7px;height:7px;border-radius:99px;background:#8c87a2;box-shadow:0 0 14px currentColor;flex:0 0 auto}.op-mini.ok{color:#adffd3}.op-mini.ok i{background:#42ffb0}.op-mini.warn{color:#ffd18c}.op-mini.warn i{background:#ffbd4a}.op-mini.danger{color:#ffb4c0}.op-mini.danger i{background:#ff5476}.op-mini.idle{color:#c9c2d8}.compact-mini-metrics{gap:6px;margin:8px 0}.compact-mini-metrics span{border-radius:13px;padding:8px 6px;font-size:9.5px}.compact-mini-metrics b{font-size:16px}.compact-layout-chip{padding:10px;border-radius:15px}.compact-layout-chip small{font-size:9px}.compact-layout-chip strong{font-size:13px}.compact-card-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:2px}.compact-card-actions .btn.mini{width:100%;min-height:33px;padding:7px 8px;font-size:11px;border-radius:11px}.confirm-modal-backdrop[hidden]{display:none!important}.confirm-modal-backdrop{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:24px;background:rgba(0,0,0,.74);backdrop-filter:blur(12px)}.confirm-modal-card{width:min(460px,100%);border:1px solid rgba(255,255,255,.14);background:radial-gradient(circle at 0 0,color-mix(in srgb,var(--danger) 14%,transparent),transparent 34%),linear-gradient(180deg,rgba(24,22,34,.98),rgba(12,10,18,.98));border-radius:28px;padding:26px;box-shadow:0 30px 120px rgba(0,0,0,.58)}.confirm-modal-card h2{margin:4px 0 10px;font-size:31px;letter-spacing:-.06em}.confirm-room-chip{display:inline-flex;align-items:center;max-width:100%;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.28);border-radius:999px;padding:8px 12px;margin:12px 0 18px;color:#fff;font-weight:900;word-break:break-all}.modal-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.modal-open{overflow:hidden}@media(min-width:1560px){.compact-room-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1280px){.dashboard-hero.dashboard-hero-operator{grid-template-columns:1fr 1fr}.dashboard-hero-operator .hero-copy{grid-column:1/-1}.operator-actions-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:900px){.dashboard-operator-page .admin-main{padding:22px}.dashboard-hero.dashboard-hero-operator{grid-template-columns:1fr;padding:20px;border-radius:24px}.operator-actions-grid{grid-template-columns:1fr 1fr}.premium-stats-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-room-grid{grid-template-columns:1fr}.compact-card-actions{grid-template-columns:1fr 1fr}.operator-room-status{grid-template-columns:1fr 1fr}}@media(max-width:560px){.premium-stats-grid-compact{grid-template-columns:1fr}.operator-status-grid,.operator-room-status,.operator-actions-grid,.compact-card-actions{grid-template-columns:1fr}.modal-actions .btn{width:100%}}

/* ==========================================================
   CAP Live Chat Wall v9.2.3 - Dashboard Hero Balance Patch
   - Removes empty hero areas on laptop/wide screens.
   - Places title, quick action, and operator status into a tighter control layout.
   - Keeps recent room visible faster for live event operators.
   ========================================================== */
.dashboard-operator-page .admin-main{
    max-width:1540px;
    padding-top:24px;
}
.dashboard-hero.dashboard-hero-operator{
    display:grid;
    grid-template-columns:minmax(460px,1.15fr) minmax(330px,.72fr);
    grid-template-areas:
        "copy status"
        "quick status";
    gap:14px;
    padding:18px;
    border-radius:28px;
    margin-bottom:12px;
    min-height:0;
    align-items:stretch;
    background:
        radial-gradient(circle at 8% 10%, color-mix(in srgb,var(--accent) 22%, transparent), transparent 34%),
        radial-gradient(circle at 92% 8%, color-mix(in srgb,var(--accent-2) 20%, transparent), transparent 34%),
        linear-gradient(135deg, rgba(255,255,255,.072), rgba(255,255,255,.024));
}
.dashboard-hero.dashboard-hero-operator:before{
    content:"";
    position:absolute;
    inset:14px;
    border-radius:22px;
    border:1px solid rgba(255,255,255,.035);
    pointer-events:none;
}
.dashboard-hero-operator .hero-copy{
    grid-area:copy;
    align-self:stretch;
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:178px;
    padding:18px 20px;
    border:1px solid rgba(255,255,255,.105);
    border-radius:22px;
    background:
        linear-gradient(135deg, rgba(0,0,0,.22), rgba(255,255,255,.025)),
        radial-gradient(circle at 0 0, color-mix(in srgb,var(--accent) 13%, transparent), transparent 42%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}
.dashboard-hero-operator .hero-copy h1{
    font-size:clamp(36px,3.15vw,54px);
    max-width:560px;
    margin:4px 0 8px;
}
.dashboard-hero-operator .hero-copy .muted{
    max-width:590px;
    font-size:14px;
}
.dashboard-hero-operator .hero-badges{
    margin-top:11px;
}
.dashboard-hero-operator .hero-badges span{
    padding:7px 10px;
    border-color:rgba(255,255,255,.16);
    background:rgba(0,0,0,.28);
}
.operator-snapshot-panel{
    grid-area:status;
    align-self:stretch;
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:100%;
    padding:15px;
    border-radius:22px;
}
.operator-status-grid{
    gap:9px;
}
.operator-pill{
    min-height:70px;
    padding:12px 12px;
}
.operator-pill b{
    font-size:26px;
}
.hero-actions-panel.operator-quick-panel{
    grid-area:quick;
    align-self:stretch;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:14px;
    border-radius:22px;
}
.operator-actions-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
}
.operator-actions-grid .btn{
    min-height:42px;
    padding:10px 12px;
    border-radius:13px;
}
.premium-stats-grid-compact{
    margin-top:0;
    margin-bottom:12px;
}
.premium-stats-grid-compact .premium-stat-card{
    padding:16px 17px;
}
.compact-recent-panel{
    margin-top:0;
}
.compact-panel-head{
    margin-bottom:12px;
}
.compact-room-grid{
    grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
}
@media(min-width:1500px){
    .dashboard-hero.dashboard-hero-operator{
        grid-template-columns:minmax(620px,1.24fr) minmax(360px,.66fr);
    }
    .compact-room-grid{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }
}
@media(max-width:1280px){
    .dashboard-hero.dashboard-hero-operator{
        grid-template-columns:1fr;
        grid-template-areas:
            "copy"
            "status"
            "quick";
    }
    .operator-actions-grid{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }
    .dashboard-hero-operator .hero-copy{
        min-height:0;
    }
}
@media(max-width:900px){
    .dashboard-operator-page .admin-main{padding:18px}
    .dashboard-hero.dashboard-hero-operator{padding:14px;border-radius:24px;gap:12px}
    .dashboard-hero-operator .hero-copy{padding:16px;border-radius:20px}
    .operator-actions-grid{grid-template-columns:1fr 1fr}
    .operator-status-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
    .operator-actions-grid,
    .operator-status-grid{grid-template-columns:1fr}
}

/* === v9.5 Operator Live Event Tools Final === */
.event-control-v95 .admin-main{max-width:1660px}
.control-hero-pro{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);gap:18px;align-items:stretch;background:radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 36%),linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.026));border-radius:30px;padding:22px}
.control-hero-main h2{font-size:clamp(34px,4vw,62px);line-height:.9;letter-spacing:-.075em;margin:12px 0 10px}.control-status-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.control-status-pills span{border:1px solid rgba(255,255,255,.13);background:rgba(0,0,0,.26);border-radius:999px;padding:8px 10px;color:#fff;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:1000}.control-meter-grid-pro{align-self:stretch}.operator-link-console{border-radius:28px}.operator-link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.operator-link-grid form{margin:0}.operator-link-grid .btn{width:100%;min-height:44px}.copy-result{margin-top:12px;border:1px solid rgba(76,255,180,.25);background:rgba(35,255,157,.10);border-radius:14px;padding:10px 12px;color:#c9ffdf;font-weight:900;word-break:break-all}.control-console-grid-pro{grid-template-columns:repeat(auto-fit,minmax(330px,1fr));align-items:start}.operator-stack-form{display:grid;gap:9px;margin:0 0 10px}.operator-stack-form label,.operator-note-form label{font-size:12px;color:#d7d0e4;font-weight:900}.operator-stack-form input,.operator-note-form input{width:100%;border:1px solid var(--line);background:rgba(0,0,0,.35);color:#fff;border-radius:14px;padding:12px 13px;font:inherit}.countdown-preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.checklist-panel{border-radius:28px}.event-checklist-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:11px}.event-check-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);border-radius:18px;padding:14px 14px 14px 52px;min-height:92px}.event-check-card:after{content:"";position:absolute;inset:auto 0 0 0;height:3px;background:#8c87a2}.event-check-card.ok:after{background:linear-gradient(90deg,#42ffb0,var(--accent))}.event-check-card.warn:after{background:linear-gradient(90deg,#ffbd4a,#ff5476)}.event-check-card b{position:absolute;left:14px;top:15px;width:26px;height:26px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.10);color:#fff}.event-check-card.ok b{background:rgba(66,255,176,.18);color:#9dffc8}.event-check-card.warn b{background:rgba(255,189,74,.16);color:#ffd89a}.event-check-card strong{display:block;color:#fff;font-size:15px}.event-check-card span{display:block;color:var(--muted);font-size:12px;line-height:1.4;margin-top:6px}.safe-reset-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.safe-reset-panel .control-danger-actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.screen-standby-overlay,.screen-qr-only-overlay,.screen-announcement-overlay,.screen-countdown-overlay{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:4vh;opacity:0;pointer-events:none;transform:scale(1.015);transition:opacity .35s ease,transform .35s ease;background:radial-gradient(circle at 50% 15%,color-mix(in srgb,var(--accent) 28%,transparent),transparent 33%),rgba(0,0,0,.86);backdrop-filter:blur(12px)}.screen-standby-overlay.active,.screen-qr-only-overlay.active,.screen-announcement-overlay.active,.screen-countdown-overlay.active{opacity:1;pointer-events:auto;transform:scale(1)}.screen-standby-card,.screen-qr-only-card,.screen-announcement-overlay>div,.screen-countdown-overlay>div{width:min(940px,92vw);text-align:center;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,rgba(20,18,30,.94),rgba(5,5,9,.92));border-radius:38px;padding:clamp(28px,5vw,64px);box-shadow:0 40px 180px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.07)}.screen-standby-card .brand-logo,.screen-qr-only-card .brand-logo{margin:0 auto 18px}.screen-standby-card span,.screen-qr-only-card span,.screen-announcement-overlay span,.screen-countdown-overlay span{display:block;color:var(--accent);font-size:clamp(12px,1.4vw,18px);letter-spacing:.22em;text-transform:uppercase;font-weight:1000;margin-bottom:12px}.screen-standby-card strong,.screen-qr-only-card h1,.screen-announcement-overlay strong{display:block;color:#fff;font-size:clamp(44px,8vw,112px);line-height:.88;letter-spacing:-.08em;text-shadow:0 0 45px color-mix(in srgb,var(--accent) 22%,transparent)}.screen-standby-card p,.screen-qr-only-card p{max-width:720px;margin:18px auto 0;color:#ddd5ea;font-size:clamp(16px,2vw,28px);line-height:1.28}.standby-qr{margin:28px auto 0;width:min(300px,42vw);background:#fff;border-radius:28px;padding:18px;color:#050507;box-shadow:0 28px 90px rgba(0,0,0,.45)}.standby-qr img,.screen-qr-only-card img{display:block;width:100%;height:auto;border-radius:18px}.standby-qr em{display:block;margin-top:10px;font-style:normal;font-weight:1000;letter-spacing:.08em}.screen-qr-only-card img{width:min(420px,58vw);margin:24px auto 14px;background:#fff;padding:20px}.screen-qr-only-card strong{display:block;color:#fff;font-size:clamp(18px,2.4vw,32px);letter-spacing:.04em}.screen-announcement-overlay{z-index:72;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--accent-2) 26%,transparent),transparent 42%),rgba(0,0,0,.72)}.screen-announcement-overlay>div{animation:announcementPop .6s cubic-bezier(.2,1.4,.2,1)}.screen-countdown-overlay{z-index:71;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--danger) 18%,transparent),transparent 40%),rgba(0,0,0,.62)}.screen-countdown-overlay strong{display:block;color:#fff;font-size:clamp(74px,15vw,210px);line-height:.82;letter-spacing:-.09em;font-variant-numeric:tabular-nums;text-shadow:0 0 55px color-mix(in srgb,var(--accent) 35%,transparent)}@keyframes announcementPop{0%{transform:scale(.86);opacity:.25}100%{transform:scale(1);opacity:1}}@media(max-width:980px){.control-hero-pro{grid-template-columns:1fr}.safe-reset-panel{display:grid}.safe-reset-panel .control-danger-actions{margin-left:0}.control-page-head{display:grid}.countdown-preset-grid{grid-template-columns:1fr}.operator-link-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.operator-link-grid,.event-checklist-grid{grid-template-columns:1fr}.screen-standby-card strong,.screen-qr-only-card h1,.screen-announcement-overlay strong{font-size:44px}.screen-countdown-overlay strong{font-size:86px}}


/* =========================================================
   CAP Live Chat Wall v9.6 Premium Template Pack
   - New LED templates: Red Blue Stage, Royal Purple, Cyber Grid,
     White Premium, Birthday Pop, Tropical Glow
   - Template preview polish for admin room editor
   ========================================================= */
.template-option{min-height:178px;align-content:start}.template-option em{display:block;color:#d9d3e5;font-style:normal;font-size:11px;line-height:1.35;font-weight:850}.template-option b{display:inline-flex;width:max-content;max-width:100%;border:1px solid color-mix(in srgb,var(--accent) 24%,rgba(255,255,255,.14));background:rgba(0,0,0,.22);border-radius:999px;padding:5px 8px;color:var(--accent);font-size:9px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-red_blue_stage span{background:linear-gradient(135deg,#ff174d 0%,#0913ff 52%,#00d9ff 100%)}.template-royal_purple span{background:linear-gradient(135deg,#2d003e 0%,#9b23ff 45%,#ffd36a 100%)}.template-cyber_grid span{background:linear-gradient(135deg,#001813 0%,#00ff9d 45%,#00d9ff 100%)}.template-white_premium span{background:linear-gradient(135deg,#ffffff 0%,#dbeafe 50%,#36d7ff 100%)}.template-birthday_pop span{background:linear-gradient(135deg,#ff3bbd 0%,#ffd447 48%,#29e3ff 100%)}.template-tropical_glow span{background:linear-gradient(135deg,#ff8a00 0%,#05f3c7 48%,#06162d 100%)}
.template-option span{position:relative;overflow:hidden}.template-option span:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:18px 18px;opacity:.3}.template-white_premium span:before{opacity:.45;background:linear-gradient(90deg,rgba(0,0,0,.08) 1px,transparent 1px),linear-gradient(0deg,rgba(0,0,0,.06) 1px,transparent 1px);background-size:18px 18px}
.screen-template-red_blue_stage{--tpl-a:#00d9ff;--tpl-b:#ff174d;--accent:#00d9ff;--accent-2:#ff174d}.screen-template-royal_purple{--tpl-a:#c948ff;--tpl-b:#ffd36a;--accent:#c948ff;--accent-2:#ffd36a}.screen-template-cyber_grid{--tpl-a:#00ff9d;--tpl-b:#00d9ff;--accent:#00ff9d;--accent-2:#00d9ff}.screen-template-white_premium{--tpl-a:#2d7dff;--tpl-b:#00c2ff;--accent:#2d7dff;--accent-2:#00c2ff}.screen-template-birthday_pop{--tpl-a:#ff3bbd;--tpl-b:#ffd447;--accent:#ff3bbd;--accent-2:#ffd447}.screen-template-tropical_glow{--tpl-a:#05f3c7;--tpl-b:#ff8a00;--accent:#05f3c7;--accent-2:#ff8a00}
.screen-template-red_blue_stage .screen-page{background:#030209}.screen-template-red_blue_stage .screen-frame{border-color:rgba(0,217,255,.72);background:radial-gradient(circle at 10% 15%,rgba(255,23,77,.42),transparent 34%),radial-gradient(circle at 92% 78%,rgba(0,217,255,.36),transparent 33%),linear-gradient(135deg,#05060d,#010106 48%,#090015);box-shadow:0 0 120px rgba(0,217,255,.28),0 0 160px rgba(255,23,77,.18),inset 0 0 80px rgba(255,255,255,.045)}.screen-template-red_blue_stage .screen-card{border-color:rgba(0,217,255,.22);background:linear-gradient(135deg,rgba(0,11,28,.82),rgba(35,0,15,.70))}.screen-template-red_blue_stage .layout-badge,.screen-template-red_blue_stage .screen-poll-card{border-color:rgba(255,23,77,.38)}
.screen-template-royal_purple .screen-frame{border-color:rgba(255,211,106,.62);background:radial-gradient(circle at 25% 0%,rgba(201,72,255,.42),transparent 38%),radial-gradient(circle at 88% 90%,rgba(255,211,106,.24),transparent 32%),linear-gradient(145deg,#12001f,#060109 56%,#1b0628);box-shadow:0 0 130px rgba(201,72,255,.28),0 0 110px rgba(255,211,106,.13),inset 0 0 80px rgba(255,255,255,.04)}.screen-template-royal_purple .screen-frame:before{opacity:.24;background-size:42px 42px}.screen-template-royal_purple .screen-card{background:linear-gradient(180deg,rgba(22,6,34,.80),rgba(5,2,9,.72));border-color:rgba(255,211,106,.18)}.screen-template-royal_purple .screen-name{color:#ffd36a}
.screen-template-cyber_grid .screen-frame{border-color:rgba(0,255,157,.65);background:radial-gradient(circle at 18% 8%,rgba(0,255,157,.30),transparent 33%),radial-gradient(circle at 85% 80%,rgba(0,217,255,.26),transparent 34%),linear-gradient(145deg,#00130f,#000505 62%,#001221);box-shadow:0 0 120px rgba(0,255,157,.22),inset 0 0 110px rgba(0,217,255,.07)}.screen-template-cyber_grid .screen-frame:before{opacity:.55;background:linear-gradient(90deg,rgba(0,255,157,.16) 1px,transparent 1px),linear-gradient(0deg,rgba(0,217,255,.10) 1px,transparent 1px);background-size:28px 28px}.screen-template-cyber_grid .screen-card{border-color:rgba(0,255,157,.22);background:rgba(0,11,10,.78);box-shadow:0 0 36px rgba(0,255,157,.08),inset 0 1px 0 rgba(255,255,255,.03)}.screen-template-cyber_grid .qr-box{box-shadow:0 0 50px rgba(0,255,157,.18)}
.screen-template-white_premium .screen-page{background:#dce7f5}.screen-template-white_premium .screen-frame{border-color:rgba(45,125,255,.55);background:radial-gradient(circle at 15% 0%,rgba(0,194,255,.24),transparent 34%),linear-gradient(145deg,rgba(248,251,255,.96),rgba(222,234,248,.94));box-shadow:0 0 90px rgba(45,125,255,.22),inset 0 0 0 2px rgba(255,255,255,.6)}.screen-template-white_premium .screen-frame:before{opacity:.34;background:linear-gradient(90deg,rgba(12,30,60,.06) 1px,transparent 1px),linear-gradient(0deg,rgba(12,30,60,.05) 1px,transparent 1px);background-size:34px 34px}.screen-template-white_premium .screen-title h1,.screen-template-white_premium .qr-hero-copy strong{color:#07111f;text-shadow:none}.screen-template-white_premium .screen-title p,.screen-template-white_premium .screen-name,.screen-template-white_premium .screen-poll-card>span,.screen-template-white_premium .layout-badge{color:#0b5cff}.screen-template-white_premium .layout-badge{background:rgba(45,125,255,.08);border-color:rgba(45,125,255,.26);color:#07111f}.screen-template-white_premium .screen-card{background:rgba(255,255,255,.82);border-color:rgba(20,42,80,.14);box-shadow:0 18px 60px rgba(33,60,100,.16)}.screen-template-white_premium .screen-card p{color:#08101e;text-shadow:none}.screen-template-white_premium .screen-poll-card,.screen-template-white_premium .screen-sponsor-slot,.screen-template-white_premium .screen-challenge-banner{background:rgba(255,255,255,.78);color:#07111f}.screen-template-white_premium .screen-poll-card strong,.screen-template-white_premium .screen-challenge-banner strong,.screen-template-white_premium .screen-sponsor-slot span{color:#07111f}.screen-template-white_premium .qr-box{box-shadow:0 18px 70px rgba(33,60,100,.18)}
.screen-template-birthday_pop .screen-frame{border-color:rgba(255,212,71,.78);background:radial-gradient(circle at 18% 12%,rgba(255,59,189,.42),transparent 30%),radial-gradient(circle at 82% 22%,rgba(255,212,71,.33),transparent 28%),radial-gradient(circle at 70% 86%,rgba(41,227,255,.32),transparent 35%),linear-gradient(145deg,#17001d,#06010a 52%,#181500);box-shadow:0 0 130px rgba(255,59,189,.22),0 0 120px rgba(255,212,71,.12)}.screen-template-birthday_pop .screen-frame:before{opacity:.38;background-image:radial-gradient(circle,rgba(255,255,255,.28) 1.5px,transparent 2px);background-size:28px 28px}.screen-template-birthday_pop .screen-card{background:linear-gradient(135deg,rgba(34,0,32,.80),rgba(26,20,0,.64));border-color:rgba(255,212,71,.18)}.screen-template-birthday_pop .screen-name{color:#ffd447}
.screen-template-tropical_glow .screen-frame{border-color:rgba(5,243,199,.72);background:radial-gradient(circle at 15% 15%,rgba(255,138,0,.42),transparent 35%),radial-gradient(circle at 90% 80%,rgba(5,243,199,.28),transparent 34%),linear-gradient(145deg,#06162d,#02040a 56%,#241000);box-shadow:0 0 130px rgba(5,243,199,.24),0 0 110px rgba(255,138,0,.16)}.screen-template-tropical_glow .screen-frame:before{opacity:.25;background-size:48px 48px}.screen-template-tropical_glow .screen-card{background:linear-gradient(180deg,rgba(4,16,30,.80),rgba(21,10,1,.70));border-color:rgba(5,243,199,.20)}.screen-template-tropical_glow .screen-name{color:#05f3c7}
.screen-template-red_blue_stage .highlight-overlay-card,.screen-template-royal_purple .highlight-overlay-card,.screen-template-cyber_grid .highlight-overlay-card,.screen-template-birthday_pop .highlight-overlay-card,.screen-template-tropical_glow .highlight-overlay-card{box-shadow:0 0 120px color-mix(in srgb,var(--tpl-a) 32%,transparent),0 0 90px color-mix(in srgb,var(--tpl-b) 18%,transparent)}
.screen-template-red_blue_stage .winner-overlay-card,.screen-template-royal_purple .winner-overlay-card,.screen-template-cyber_grid .winner-overlay-card,.screen-template-birthday_pop .winner-overlay-card,.screen-template-tropical_glow .winner-overlay-card{background:linear-gradient(135deg,rgba(0,0,0,.72),color-mix(in srgb,var(--tpl-a) 18%,rgba(0,0,0,.58)),color-mix(in srgb,var(--tpl-b) 14%,rgba(0,0,0,.58)))}
@media(max-width:620px){.template-option{min-height:auto}.template-option b{white-space:normal}.screen-template-white_premium .screen-title h1{font-size:clamp(24px,7vw,34px)}}


/* v9.7 Backup & Restore System */
.backup-page .backup-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
    gap: 18px;
    align-items: stretch;
    padding: 18px;
    border: 1px solid rgba(0, 234, 255, .22);
    border-radius: 28px;
    background:
        radial-gradient(circle at 12% 12%, rgba(0, 234, 255, .22), transparent 32%),
        linear-gradient(135deg, rgba(10, 38, 50, .92), rgba(9, 12, 22, .94) 48%, rgba(17, 31, 62, .86));
    box-shadow: 0 24px 80px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.06);
}
.backup-page .backup-hero-copy {
    min-height: 190px;
    padding: 12px 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.backup-page .backup-hero-copy h1 { font-size: clamp(38px, 5vw, 72px); line-height: .9; max-width: 720px; margin: 0 0 14px; }
.backup-page .backup-health-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.backup-health-card, .backup-action-card, .backup-file-card, .restore-panel {
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 22px;
    background: rgba(18,18,28,.72);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
.backup-health-card { padding: 16px; border-bottom: 3px solid var(--accent, #00eaff); }
.backup-health-card span { display:block; color: rgba(255,255,255,.58); font-size: 11px; letter-spacing: .16em; text-transform: uppercase; }
.backup-health-card strong { display:block; font-size: 28px; margin-top: 8px; }
.backup-health-card.ok { border-color: rgba(36, 255, 176, .85); }
.backup-health-card.warn { border-color: rgba(255, 198, 71, .92); }
.backup-health-card.bad { border-color: rgba(255, 80, 120, .92); }
.backup-actions-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 18px; }
.backup-action-card { padding: 18px; min-height: 210px; display:flex; flex-direction: column; justify-content: space-between; }
.backup-action-card h3 { margin: 0 0 8px; font-size: 20px; }
.backup-action-card p { margin: 0; color: rgba(255,255,255,.62); line-height: 1.5; }
.backup-action-card .backup-meta { display:flex; gap: 8px; flex-wrap: wrap; margin: 14px 0; }
.backup-action-card .backup-meta span, .backup-pill {
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.04);
    border-radius: 999px;
    padding: 7px 10px;
    font-size: 10px;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.backup-files-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.backup-file-card { padding: 15px; display:flex; justify-content: space-between; align-items: center; gap: 14px; }
.backup-file-card strong { display:block; word-break: break-all; }
.backup-file-card small { display:block; color: rgba(255,255,255,.54); margin-top: 5px; }
.backup-file-actions { display:flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.restore-panel { padding: 18px; }
.restore-warning { border: 1px solid rgba(255, 80, 120, .38); background: rgba(255,80,120,.08); color: rgba(255,255,255,.88); border-radius: 18px; padding: 14px; margin: 12px 0 16px; }
.backup-checklist { display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 14px; }
.backup-checkitem { border: 1px solid rgba(255,255,255,.1); border-radius: 16px; padding: 12px; background: rgba(0,0,0,.18); }
.backup-checkitem span { display:block; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.52); }
.backup-checkitem strong { display:block; margin-top: 7px; font-size: 13px; }
.backup-checkitem.ok strong { color: #4dffbd; }
.backup-checkitem.warn strong { color: #ffd36c; }
.backup-checkitem.bad strong { color: #ff668e; }
@media (max-width: 1100px) {
    .backup-page .backup-hero, .backup-actions-grid, .backup-files-grid { grid-template-columns: 1fr; }
    .backup-checklist, .backup-page .backup-health-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
    .backup-checklist, .backup-page .backup-health-grid { grid-template-columns: 1fr; }
    .backup-file-card { align-items: flex-start; flex-direction: column; }
    .backup-file-actions { justify-content: flex-start; }
}

/* v9.8 Share Kit + Mobile PWA Polish */
.share-kit-page .admin-main { gap: 18px; }
.share-kit-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
    gap: 18px;
    align-items: stretch;
    padding: 22px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 28px;
    background:
        radial-gradient(circle at 12% 16%, rgba(255,161,0,.25), transparent 30%),
        linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.045));
    box-shadow: 0 24px 80px rgba(0,0,0,.28);
    position: relative;
    overflow: hidden;
}
.share-kit-hero:after {
    content: '';
    position: absolute;
    width: 260px;
    height: 260px;
    right: -90px;
    top: -120px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(255,255,255,.18), transparent 65%);
    pointer-events: none;
}
.share-kit-hero h1 { margin: 4px 0 8px; font-size: clamp(30px, 4vw, 54px); line-height: .95; letter-spacing: -.05em; }
.share-hero-panel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    padding: 18px;
    border-radius: 22px;
    background: rgba(0,0,0,.24);
    border: 1px solid rgba(255,255,255,.12);
    backdrop-filter: blur(14px);
}
.share-hero-panel span { color: rgba(255,255,255,.58); font-size: 12px; text-transform: uppercase; letter-spacing: .12em; }
.share-hero-panel strong { color: #fff; font-size: 19px; line-height: 1.2; }
.share-hero-panel small { color: rgba(255,255,255,.62); line-height: 1.4; }
.share-room-selector {
    padding: 14px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 22px;
    background: rgba(255,255,255,.055);
}
.share-select-form { display: flex; gap: 12px; align-items: end; }
.share-select-form label { flex: 1; }
.share-kit-grid { display: grid; grid-template-columns: minmax(320px, .85fr) minmax(0, 1.15fr); gap: 18px; align-items: stretch; }
.share-qr-card,
.share-links-card,
.share-copy-card {
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 26px;
    background: linear-gradient(145deg, rgba(255,255,255,.1), rgba(255,255,255,.045));
    box-shadow: 0 22px 70px rgba(0,0,0,.24);
    padding: 18px;
}
.share-qr-card { display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 18px; align-items: center; }
.share-qr-frame {
    background: #fff;
    border-radius: 24px;
    padding: 14px;
    box-shadow: 0 18px 50px rgba(0,0,0,.34), 0 0 0 1px rgba(255,255,255,.2) inset;
}
.share-qr-frame img { width: 100%; display: block; border-radius: 14px; }
.share-qr-actions,
.share-open-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.share-link-list { display: grid; gap: 10px; margin-top: 12px; }
.share-link-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 12px;
    border-radius: 18px;
    background: rgba(0,0,0,.22);
    border: 1px solid rgba(255,255,255,.075);
}
.share-link-row span { display: block; color: rgba(255,255,255,.55); font-size: 11px; text-transform: uppercase; letter-spacing: .11em; margin-bottom: 4px; }
.share-link-row strong { display: block; color: #fff; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.share-copy-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.share-copy-card textarea {
    width: 100%;
    min-height: 138px;
    resize: vertical;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(0,0,0,.25);
    color: #fff;
    padding: 14px;
    line-height: 1.5;
    font-family: inherit;
}
.share-room-stats { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.share-room-stats article {
    padding: 14px;
    border-radius: 20px;
    background: rgba(255,255,255,.065);
    border: 1px solid rgba(255,255,255,.09);
}
.share-room-stats span { display: block; color: rgba(255,255,255,.55); font-size: 11px; text-transform: uppercase; letter-spacing: .11em; }
.share-room-stats strong { display: block; margin-top: 5px; color: #fff; font-size: 18px; line-height: 1.1; }
.empty-state-pro { text-align: center; padding: 42px 20px; }
.copy-toast {
    position: fixed;
    left: 50%;
    bottom: 28px;
    transform: translate(-50%, 20px);
    opacity: 0;
    pointer-events: none;
    padding: 10px 16px;
    border-radius: 999px;
    background: rgba(0,0,0,.78);
    color: #fff;
    border: 1px solid rgba(255,255,255,.16);
    box-shadow: 0 14px 40px rgba(0,0,0,.35);
    transition: .25s ease;
    z-index: 9999;
}
.copy-toast.show { opacity: 1; transform: translate(-50%, 0); }

@media (max-width: 1100px) {
    .share-kit-hero,
    .share-kit-grid,
    .share-copy-grid { grid-template-columns: 1fr; }
    .share-room-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
    .share-select-form,
    .share-qr-card { grid-template-columns: 1fr; display: grid; }
    .share-qr-card { text-align: center; }
    .share-qr-frame { max-width: 260px; margin: 0 auto; }
    .share-room-stats { grid-template-columns: 1fr; }
    .share-link-row { grid-template-columns: 1fr; }
}
@media print {
    body * { visibility: hidden !important; }
    .share-qr-card, .share-qr-card * { visibility: visible !important; }
    .share-qr-card {
        position: fixed !important;
        inset: 0 !important;
        width: auto !important;
        height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        background: #111 !important;
        color: #fff !important;
        box-shadow: none !important;
        border: 0 !important;
    }
    .share-qr-frame { width: 55vw !important; max-width: 520px !important; }
    .share-qr-actions { display: none !important; }
}


/* v9.8.1 Share Kit Spacing & Breathing Room Patch */
.share-kit-page .admin-main {
    display: flex;
    flex-direction: column;
    gap: 26px;
}
.share-kit-page .alert,
.share-kit-page .share-room-selector,
.share-kit-page .share-kit-grid,
.share-kit-page .share-copy-grid,
.share-kit-page .share-room-stats {
    margin: 0;
}
.share-kit-hero {
    margin-bottom: 0;
}
.share-room-selector {
    padding: 18px;
    border-radius: 24px;
    box-shadow: 0 18px 55px rgba(0,0,0,.18);
}
.share-select-form {
    gap: 18px;
}
.share-kit-grid {
    gap: 28px;
}
.share-copy-grid {
    gap: 28px;
}
.share-room-stats {
    gap: 18px;
}
.share-qr-card,
.share-links-card,
.share-copy-card {
    padding: 24px;
    border-radius: 28px;
}
.share-qr-card {
    gap: 26px;
}
.share-link-list {
    gap: 14px;
    margin-top: 18px;
}
.share-link-row {
    padding: 15px 16px;
    border-radius: 20px;
}
.share-open-actions,
.share-qr-actions {
    gap: 12px;
    margin-top: 18px;
}
.share-copy-card textarea {
    margin-top: 12px;
}
.share-room-stats article {
    padding: 17px;
    border-radius: 22px;
}
.share-kit-page .panel-head {
    margin-bottom: 4px;
}
@media (min-width: 1180px) {
    .share-kit-page .admin-main {
        gap: 28px;
    }
}
@media (max-width: 720px) {
    .share-kit-page .admin-main {
        gap: 20px;
    }
    .share-kit-grid,
    .share-copy-grid,
    .share-room-stats {
        gap: 20px;
    }
    .share-qr-card,
    .share-links-card,
    .share-copy-card {
        padding: 20px;
        border-radius: 24px;
    }
}

/* v9.9.0 Release Center + Production Polish */
.sidebar-version {
    margin-top: 12px;
    padding: 10px 12px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 14px;
    color: rgba(255, 255, 255, .48);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
    text-align: center;
    background: rgba(255, 255, 255, .025);
}
.release-main {
    max-width: 1380px;
}
.release-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 18px;
    align-items: stretch;
    margin-bottom: 18px;
    padding: 24px;
    border: 1px solid rgba(0, 229, 255, .22);
    border-radius: 28px;
    background:
        radial-gradient(circle at 14% 18%, rgba(0, 229, 255, .22), transparent 34%),
        radial-gradient(circle at 88% 8%, rgba(42, 126, 255, .22), transparent 34%),
        linear-gradient(135deg, rgba(13, 20, 32, .96), rgba(5, 6, 12, .96));
    box-shadow: 0 24px 80px rgba(0, 0, 0, .38), inset 0 0 0 1px rgba(255, 255, 255, .035);
}
.release-hero h1 {
    max-width: 680px;
    margin: 6px 0 10px;
    font-size: clamp(42px, 6vw, 76px);
    line-height: .9;
    letter-spacing: -.08em;
}
.release-hero .muted {
    max-width: 760px;
}
.release-pill-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 18px;
}
.release-pill-row span {
    padding: 8px 13px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 999px;
    background: rgba(255, 255, 255, .045);
    color: #fff;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.release-score-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 180px;
    padding: 22px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 24px;
    background: rgba(255, 255, 255, .045);
}
.release-score-card span,
.release-score-card small {
    color: rgba(255, 255, 255, .65);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
}
.release-score-card strong {
    margin: 8px 0;
    color: #fff;
    font-size: 64px;
    line-height: .9;
    letter-spacing: -.06em;
}
.release-score-card.ready strong { color: #55ffb6; }
.release-score-card.warning strong { color: #ffd15c; }
.release-score-card.danger strong { color: #ff5c88; }
.release-score-track {
    overflow: hidden;
    height: 8px;
    margin-top: 16px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
}
.release-score-track i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--accent), #2d7eff, #55ffb6);
}
.release-metric-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 18px;
}
.release-metric-grid article {
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 20px;
    background: linear-gradient(145deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .018));
}
.release-metric-grid span {
    display: block;
    color: rgba(255,255,255,.62);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
}
.release-metric-grid strong {
    display: block;
    margin-top: 8px;
    font-size: 34px;
    line-height: 1;
}
.release-metric-grid small {
    color: rgba(255,255,255,.62);
    font-weight: 800;
}
.release-grid-2 {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(360px, .85fr);
    gap: 18px;
    margin-bottom: 18px;
}
.release-check-list,
.launch-checklist,
.release-room-list {
    display: grid;
    gap: 12px;
}
.release-check-item {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 12px;
    padding: 14px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 18px;
    background: rgba(255,255,255,.032);
}
.release-check-item b {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    font-size: 18px;
    font-weight: 1000;
}
.release-check-item.ok b {
    background: rgba(85, 255, 182, .14);
    color: #55ffb6;
}
.release-check-item.warn b {
    background: rgba(255, 92, 136, .15);
    color: #ff5c88;
}
.release-check-item h3 {
    margin: 0 0 5px;
    font-size: 15px;
}
.release-check-item code {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 5px 8px;
    border-radius: 10px;
    background: rgba(0,0,0,.25);
    color: rgba(255,255,255,.82);
    font-size: 12px;
}
.release-check-item p {
    margin: 7px 0 0;
    color: rgba(255,255,255,.58);
    line-height: 1.5;
}
.launch-checklist label {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    gap: 10px;
    align-items: flex-start;
    padding: 13px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 16px;
    background: rgba(255,255,255,.03);
}
.launch-checklist input {
    margin-top: 3px;
    accent-color: var(--accent);
}
.launch-checklist strong,
.launch-checklist small {
    display: block;
}
.launch-checklist small {
    margin-top: 3px;
    color: rgba(255,255,255,.58);
    line-height: 1.45;
}
.release-room-list article {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    padding: 14px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(0,229,255,.055), rgba(255,255,255,.018));
}
.release-room-list h3 {
    margin: 8px 0 2px;
    font-size: 17px;
}
.compact-actions {
    justify-content: flex-end;
}
.backup-status-card,
.release-env-note {
    padding: 18px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 18px;
    background: rgba(255,255,255,.035);
}
.backup-status-card span,
.release-env-note span {
    display: block;
    color: var(--accent);
    font-size: 11px;
    font-weight: 1000;
    letter-spacing: .18em;
    text-transform: uppercase;
}
.backup-status-card strong {
    display: block;
    margin: 10px 0 4px;
    word-break: break-word;
}
.backup-status-card small,
.release-env-note p {
    display: block;
    margin-bottom: 14px;
    color: rgba(255,255,255,.6);
}
.release-env-note {
    margin-top: 14px;
}
.release-env-note code {
    display: block;
    margin: 10px 0;
    padding: 11px;
    border-radius: 12px;
    background: rgba(0,0,0,.28);
    word-break: break-all;
}
@media (max-width: 1100px) {
    .release-hero,
    .release-grid-2 {
        grid-template-columns: 1fr;
    }
    .release-metric-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 720px) {
    .release-metric-grid {
        grid-template-columns: 1fr;
    }
    .release-room-list article {
        align-items: stretch;
        flex-direction: column;
    }
}

/* v10.0 Production Release Final */
.release-v10-page .admin-main {
    padding-bottom: 72px;
}
.release-v10-hero {
    border-color: rgba(0, 224, 255, .32);
    background:
        radial-gradient(circle at 12% 10%, rgba(0, 224, 255, .18), transparent 36%),
        radial-gradient(circle at 82% 20%, rgba(255, 161, 0, .12), transparent 34%),
        linear-gradient(135deg, rgba(15, 24, 38, .95), rgba(9, 8, 16, .96));
}
.release-v10-hero h1 {
    letter-spacing: -0.06em;
    line-height: .92;
}
.release-v10-score p {
    margin: 12px 0 0;
    color: rgba(255,255,255,.68);
    font-size: 12px;
    line-height: 1.45;
}
.release-flow-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin: 18px 0;
}
.release-flow-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 22px;
    padding: 22px;
    background: linear-gradient(135deg, rgba(18, 18, 25, .96), rgba(8, 14, 22, .92));
    box-shadow: 0 18px 60px rgba(0,0,0,.28);
}
.release-flow-card::after {
    content: "";
    position: absolute;
    right: -40px;
    top: -40px;
    width: 118px;
    height: 118px;
    border-radius: 999px;
    background: rgba(0, 224, 255, .12);
    filter: blur(8px);
}
.release-flow-card b {
    display: inline-flex;
    min-width: 42px;
    height: 30px;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: 1px solid rgba(0, 224, 255, .35);
    color: #00e0ff;
    letter-spacing: .18em;
    font-size: 11px;
    margin-bottom: 16px;
}
.release-flow-card h3 {
    margin: 0 0 8px;
    font-size: 22px;
    letter-spacing: -.04em;
}
.release-flow-card p {
    margin: 0;
    color: rgba(255,255,255,.62);
    line-height: 1.55;
}
.release-code-panel {
    min-height: 280px;
}
.release-code-box {
    width: 100%;
    min-height: 168px;
    margin: 0;
    padding: 18px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 18px;
    background: rgba(0,0,0,.34);
    color: #f7f7ff;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-size: 12px;
    line-height: 1.7;
    overflow: auto;
    white-space: pre-wrap;
}
.sidebar-version {
    margin-top: 14px;
    padding: 10px 12px;
    border: 1px solid rgba(0, 224, 255, .22);
    border-radius: 14px;
    color: rgba(255,255,255,.72);
    font-size: 10px;
    letter-spacing: .12em;
    text-transform: uppercase;
    text-align: center;
    background: rgba(0,224,255,.05);
}
@media (max-width: 1100px) {
    .release-flow-grid {
        grid-template-columns: 1fr;
    }
}

/* v10.1 White Label Deployment Kit */
.white-label-main {
    width: min(1280px, calc(100vw - 320px));
}
.wl-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 18px;
    align-items: stretch;
    padding: 22px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 28px;
    background:
        radial-gradient(circle at 8% 12%, color-mix(in srgb, var(--accent) 27%, transparent), transparent 32%),
        radial-gradient(circle at 90% 8%, color-mix(in srgb, var(--accent-2) 24%, transparent), transparent 34%),
        linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.018));
    box-shadow: 0 22px 70px rgba(0,0,0,.32);
}
.wl-hero-copy {
    min-height: 210px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px;
}
.wl-hero-copy h1 {
    max-width: 760px;
    margin: 0;
    font-size: clamp(42px, 5vw, 74px);
    line-height: .86;
    letter-spacing: -.07em;
}
.wl-hero-copy .muted {
    max-width: 680px;
    margin: 16px 0 0;
    line-height: 1.55;
}
.wl-preview-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
    padding: 22px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 24px;
    background: rgba(0,0,0,.24);
}
.wl-preview-card > span,
.wl-preview-card small {
    color: rgba(255,255,255,.58);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
}
.wl-preview-card strong {
    display: block;
    color: #fff;
    font-size: 24px;
    line-height: 1.05;
}
.wl-preview-card small {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: none;
    letter-spacing: 0;
    font-size: 12px;
}
.wl-preview-logo {
    width: 86px;
    height: 86px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.035));
    overflow: hidden;
}
.wl-preview-logo img {
    max-width: 76%;
    max-height: 76%;
    object-fit: contain;
}
.wl-preview-logo b {
    color: #fff;
    font-size: 22px;
    font-weight: 1000;
}
.wl-metrics {
    margin-top: 16px;
}
.wl-grid {
    margin-top: 16px;
}
.wl-panel {
    border-radius: 24px;
}
.stack-form {
    display: grid;
    gap: 14px;
}
.stack-form label {
    display: grid;
    gap: 8px;
    color: rgba(255,255,255,.72);
    font-size: 13px;
    font-weight: 800;
}
.form-grid.two {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.stack-form input,
.stack-form select,
.stack-form textarea {
    width: 100%;
    min-height: 44px;
    padding: 11px 13px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 14px;
    background: rgba(0,0,0,.24);
    color: #fff;
    outline: none;
}
.stack-form input[type="color"] {
    min-height: 48px;
    padding: 6px;
}
.stack-form input[type="file"] {
    padding: 9px;
}
.stack-form small {
    color: rgba(255,255,255,.48);
    line-height: 1.35;
}
.wl-check-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.wl-check-row label {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 9px 12px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 14px;
    background: rgba(255,255,255,.035);
}
.wl-check-row input,
.launch-checklist input {
    accent-color: var(--accent);
}
.wl-action-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 16px;
}
.compact-cleanup {
    grid-template-columns: 1fr;
}
.wl-checks-grid {
    align-items: start;
}
.alert.danger {
    margin-bottom: 14px;
    padding: 14px 16px;
    border: 1px solid rgba(255,70,110,.35);
    border-radius: 18px;
    background: rgba(255,70,110,.08);
}
.alert.danger ul {
    margin: 8px 0 0 18px;
    color: rgba(255,255,255,.75);
}
.btn.danger {
    background: linear-gradient(135deg, #ff315f, #9d1537);
    color: #fff;
}
@media (max-width: 1160px) {
    .white-label-main {
        width: calc(100vw - 270px);
    }
    .wl-hero,
    .release-grid-2,
    .wl-checks-grid {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 760px) {
    .white-label-main {
        width: 100%;
    }
    .form-grid.two,
    .wl-action-grid {
        grid-template-columns: 1fr;
    }
    .wl-hero {
        padding: 16px;
        border-radius: 22px;
    }
}

/* v10.2 Advanced LED Template Builder */
.template-builder-hero.compact { min-height: 0; padding: 22px 24px; gap: 18px; }
.template-builder-hero .hero-metric-grid.slim { grid-template-columns: repeat(3, minmax(110px, 1fr)); gap: 10px; }
.template-builder-hero .hero-metric-grid.slim div { padding: 14px 16px; border-radius: 18px; background: rgba(255,255,255,.075); border: 1px solid rgba(255,255,255,.11); }
.builder-overview-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 16px; margin: 18px 0; }
.builder-info-card { padding: 18px; border-radius: 22px; background: linear-gradient(145deg, rgba(255,255,255,.095), rgba(255,255,255,.035)); border: 1px solid rgba(255,255,255,.11); box-shadow: 0 18px 50px rgba(0,0,0,.20); }
.builder-info-card span { display: inline-flex; color: var(--accent); font-size: 11px; text-transform: uppercase; letter-spacing: .14em; font-weight: 900; margin-bottom: 8px; }
.builder-info-card strong { display: block; color: #fff; font-size: 18px; margin-bottom: 8px; }
.builder-info-card p { color: rgba(255,255,255,.68); margin: 0; line-height: 1.55; font-size: 13px; }
.builder-room-panel { margin-top: 18px; }
.builder-room-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(310px, 1fr)); gap: 18px; }
.builder-room-card { position: relative; overflow: hidden; border-radius: 24px; padding: 18px; background: radial-gradient(circle at top right, rgba(255,161,0,.13), transparent 34%), rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.11); box-shadow: 0 24px 60px rgba(0,0,0,.22); }
.builder-room-card.active { border-color: rgba(255,161,0,.38); box-shadow: 0 24px 70px rgba(255,161,0,.08), 0 24px 70px rgba(0,0,0,.22); }
.builder-room-top { display: flex; justify-content: space-between; gap: 14px; align-items: flex-start; }
.builder-room-top h3 { margin: 8px 0 2px; color: #fff; font-size: 19px; }
.builder-room-top p { margin: 0; color: rgba(255,255,255,.55); font-size: 12px; }
.status-pill { display: inline-flex; padding: 6px 10px; border-radius: 999px; font-size: 10px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.status-pill.on { background: rgba(34,197,94,.16); color: #7dffb1; border: 1px solid rgba(34,197,94,.30); }
.status-pill.off { background: rgba(148,163,184,.11); color: #cbd5e1; border: 1px solid rgba(148,163,184,.20); }
.builder-room-swatch { width: 52px; height: 52px; border-radius: 18px; background: linear-gradient(135deg, var(--sw1), var(--sw2)); box-shadow: 0 0 32px color-mix(in srgb, var(--sw1), transparent 55%); border: 1px solid rgba(255,255,255,.22); flex: 0 0 auto; }
.builder-room-meta { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; margin: 18px 0; }
.builder-room-meta span { padding: 10px 12px; border-radius: 15px; background: rgba(0,0,0,.19); border: 1px solid rgba(255,255,255,.07); color: rgba(255,255,255,.58); font-size: 11px; }
.builder-room-meta b { display: block; color: #fff; font-size: 12px; margin-top: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.builder-room-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.builder-editor-layout { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(340px, .75fr); gap: 20px; align-items: start; }
.builder-controls-panel, .builder-preview-panel { position: relative; }
.builder-toggle-row { padding: 14px 16px; border-radius: 18px; background: rgba(255,161,0,.11); border: 1px solid rgba(255,161,0,.20); color: #fff; font-weight: 800; }
.builder-control-grid.two { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; margin-top: 16px; }
.builder-control-grid label, .builder-controls-panel > label { display: grid; gap: 8px; color: rgba(255,255,255,.86); font-weight: 800; }
.builder-control-grid input[type="range"] { width: 100%; accent-color: var(--accent); }
.builder-control-grid input[type="color"] { width: 100%; height: 44px; padding: 4px; border-radius: 14px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); }
.builder-control-grid output { color: var(--accent); font-weight: 900; font-size: 12px; }
.builder-option-section { margin-top: 22px; }
.builder-option-section h3 { margin: 0 0 12px; color: #fff; font-size: 15px; }
.builder-radio-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px; }
.builder-radio-grid.compact-options { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
.builder-choice { display: grid; gap: 5px; padding: 14px; border-radius: 18px; cursor: pointer; background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.10); transition: .18s ease; }
.builder-choice:hover { transform: translateY(-1px); border-color: rgba(255,161,0,.32); }
.builder-choice:has(input:checked) { background: rgba(255,161,0,.14); border-color: rgba(255,161,0,.44); box-shadow: 0 18px 46px rgba(255,161,0,.08); }
.builder-choice input { margin: 0; accent-color: var(--accent); }
.builder-choice strong { color: #fff; font-size: 13px; }
.builder-choice small { color: rgba(255,255,255,.58); line-height: 1.45; }
.style-neon { background: radial-gradient(circle at top right, rgba(0,213,255,.13), rgba(255,255,255,.04)); }
.style-solid { background: rgba(0,0,0,.32); }
.style-luxury { background: radial-gradient(circle at top right, rgba(255,200,87,.16), rgba(255,255,255,.04)); }
.style-minimal { background: rgba(255,255,255,.08); }
.sticky-actions { position: sticky; bottom: 16px; z-index: 4; padding: 12px; margin-top: 22px; border-radius: 20px; background: rgba(5,8,18,.82); backdrop-filter: blur(16px); border: 1px solid rgba(255,255,255,.10); }
.builder-preview-panel { position: sticky; top: 18px; }
.builder-preview-stage { --builder-qr-size: 160px; --builder-photo-height: 320px; --builder-font-scale: 1; --builder-feed-cols: 2; --builder-safe: 22px; --builder-frame: #ffa100; --builder-text: #ffffff; --builder-accent: #00d5ff; min-height: 560px; position: relative; overflow: hidden; border-radius: 34px; padding: var(--builder-safe); color: var(--builder-text); background: radial-gradient(circle at 14% 0%, color-mix(in srgb, var(--builder-frame), transparent 60%), transparent 35%), radial-gradient(circle at 100% 20%, color-mix(in srgb, var(--builder-accent), transparent 70%), transparent 42%), #060914; border: 2px solid color-mix(in srgb, var(--builder-frame), transparent 35%); box-shadow: inset 0 0 80px rgba(255,255,255,.035), 0 26px 80px rgba(0,0,0,.34); transform: translateZ(0); }
.builder-preview-stage::before { content: ''; position: absolute; inset: 0; backdrop-filter: blur(var(--builder-blur)); pointer-events: none; }
.builder-preview-qr { position: absolute; z-index: 2; width: var(--builder-qr-size); height: var(--builder-qr-size); border-radius: 22px; display: grid; place-items: center; color: #08111f; background: #fff; font-size: calc(20px * var(--builder-font-scale)); font-weight: 1000; box-shadow: 0 0 34px color-mix(in srgb, var(--builder-frame), transparent 50%); }
.builder-preview-stage.qr-top_left .builder-preview-qr { top: var(--builder-safe); left: var(--builder-safe); }
.builder-preview-stage.qr-top_right .builder-preview-qr { top: var(--builder-safe); right: var(--builder-safe); }
.builder-preview-stage.qr-center_top .builder-preview-qr { top: var(--builder-safe); left: 50%; transform: translateX(-50%); }
.builder-preview-stage.qr-bottom_left .builder-preview-qr { bottom: var(--builder-safe); left: var(--builder-safe); }
.builder-preview-stage.qr-bottom_right .builder-preview-qr { bottom: var(--builder-safe); right: var(--builder-safe); }
.builder-preview-title { position: relative; z-index: 1; margin-left: calc(var(--builder-qr-size) + 20px); min-height: calc(var(--builder-qr-size) * .65); display: grid; align-content: center; }
.builder-preview-stage.qr-top_right .builder-preview-title { margin-left: 0; margin-right: calc(var(--builder-qr-size) + 20px); }
.builder-preview-stage.qr-center_top .builder-preview-title { margin: calc(var(--builder-qr-size) + 20px) 0 0; text-align: center; min-height: auto; }
.builder-preview-stage.qr-bottom_left .builder-preview-title, .builder-preview-stage.qr-bottom_right .builder-preview-title { margin: 0; min-height: auto; }
.builder-preview-title span { font-size: calc(11px * var(--builder-font-scale)); letter-spacing: .18em; text-transform: uppercase; color: var(--builder-accent); font-weight: 900; }
.builder-preview-title strong { font-size: calc(26px * var(--builder-font-scale)); line-height: 1; color: var(--builder-text); }
.builder-preview-feed { position: relative; z-index: 1; margin-top: 24px; display: grid; grid-template-columns: repeat(var(--builder-feed-cols), minmax(0, 1fr)); gap: 14px; }
.builder-preview-feed article { min-height: 120px; border-radius: 24px; padding: calc(16px * var(--builder-font-scale)); background: rgba(255,255,255,.10); border: 1px solid rgba(255,255,255,.16); box-shadow: 0 18px 54px rgba(0,0,0,.22); animation: builderPreviewIn .75s ease both; }
.builder-preview-feed b { display: block; color: var(--builder-accent); margin-bottom: 8px; font-size: calc(13px * var(--builder-font-scale)); }
.builder-preview-feed p { margin: 0; font-size: calc(15px * var(--builder-font-scale)); line-height: 1.45; }
.builder-preview-feed i { display: block; height: var(--builder-photo-height); max-height: 220px; min-height: 100px; border-radius: 18px; margin: 8px 0; background: linear-gradient(135deg, color-mix(in srgb, var(--builder-frame), transparent 20%), color-mix(in srgb, var(--builder-accent), transparent 35%)); }
.builder-preview-stage.card-neon .builder-preview-feed article { border-color: color-mix(in srgb, var(--builder-accent), transparent 30%); box-shadow: 0 0 34px color-mix(in srgb, var(--builder-accent), transparent 75%); }
.builder-preview-stage.card-solid .builder-preview-feed article { background: rgba(0,0,0,.72); border-color: color-mix(in srgb, var(--builder-frame), transparent 50%); }
.builder-preview-stage.card-luxury .builder-preview-feed article { background: linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.025)); border-color: color-mix(in srgb, var(--builder-frame), transparent 20%); }
.builder-preview-stage.card-minimal .builder-preview-feed article { background: rgba(255,255,255,.88); color: #0f172a; }
.builder-preview-stage.card-minimal .builder-preview-feed p { color: #0f172a; }
.builder-preview-stage.density-compact .builder-preview-feed { gap: 8px; }
.builder-preview-stage.density-compact .builder-preview-feed article { padding: 11px; min-height: 92px; }
.builder-preview-stage.density-large .builder-preview-feed article { padding: 22px; min-height: 150px; }
.builder-preview-stage.photo-contain .builder-preview-feed i { background-size: contain; }
.builder-preview-stage.photo-polaroid .builder-preview-feed i { border: 10px solid #fff; border-bottom-width: 24px; border-radius: 10px; transform: rotate(-1deg); }
.builder-preview-stage.photo-hero .builder-preview-feed i { min-height: 180px; }
.builder-tips { margin-top: 16px; padding: 16px; border-radius: 20px; background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.10); }
.builder-tips h3 { margin: 0 0 10px; color: #fff; }
.builder-tips p { margin: 8px 0; color: rgba(255,255,255,.68); line-height: 1.45; }
@keyframes builderPreviewIn { from { opacity: 0; transform: translateY(18px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } }

/* Screen output overrides generated by v10.2 builder */
.screen-builder-enabled { color: var(--builder-text); }
.screen-builder-enabled .screen-frame { padding: var(--builder-safe); border-color: color-mix(in srgb, var(--builder-frame), transparent 32%); box-shadow: inset 0 0 110px color-mix(in srgb, var(--builder-frame), transparent 88%), 0 40px 130px rgba(0,0,0,.34); }
.screen-builder-enabled::before { backdrop-filter: blur(var(--builder-blur)); }
.screen-builder-enabled .qr-box { width: var(--builder-qr-size); min-width: var(--builder-qr-size); }
.screen-builder-enabled .qr-box img { width: calc(var(--builder-qr-size) - 30px); height: calc(var(--builder-qr-size) - 30px); }
.screen-builder-enabled .screen-title h1 { color: var(--builder-text); }
.screen-builder-enabled .layout-badge, .screen-builder-enabled .screen-logo-row p { color: var(--builder-accent); }
.screen-builder-enabled.builder-qr-top_right .screen-top { flex-direction: row-reverse; }
.screen-builder-enabled.builder-qr-center_top .screen-top { flex-direction: column; align-items: center; text-align: center; }
.screen-builder-enabled.builder-qr-bottom_left .screen-top, .screen-builder-enabled.builder-qr-bottom_right .screen-top { margin-top: auto; order: 4; }
.screen-builder-enabled.builder-qr-bottom_right .screen-top { flex-direction: row-reverse; }
.screen-builder-enabled .screen-feed:not(.photo-feed):not(.highlight-feed) { grid-template-columns: repeat(var(--builder-feed-cols), minmax(0, 1fr)); gap: clamp(10px, 1.4vw, 24px); }
.screen-builder-enabled .screen-card { color: var(--builder-text); font-size: calc(1rem * var(--builder-font-scale)); border-color: color-mix(in srgb, var(--builder-frame), transparent 54%); animation-duration: .7s; }
.screen-builder-enabled .screen-name { color: var(--builder-accent); font-size: calc(.92rem * var(--builder-font-scale)); }
.screen-builder-enabled .screen-card p { font-size: calc(1rem * var(--builder-font-scale)); }
.screen-builder-enabled .screen-card img { max-height: var(--builder-photo-height); object-fit: cover; }
.screen-builder-enabled.builder-density-compact .screen-card { padding: clamp(10px, 1.2vw, 16px); border-radius: 18px; }
.screen-builder-enabled.builder-density-large .screen-card { padding: clamp(22px, 2.1vw, 36px); border-radius: 30px; }
.screen-builder-enabled.builder-card-glass .screen-card { background: rgba(255,255,255,.10); backdrop-filter: blur(16px); }
.screen-builder-enabled.builder-card-neon .screen-card { background: rgba(0,0,0,.34); border-color: color-mix(in srgb, var(--builder-accent), transparent 32%); box-shadow: 0 0 42px color-mix(in srgb, var(--builder-accent), transparent 78%); }
.screen-builder-enabled.builder-card-solid .screen-card { background: rgba(0,0,0,.78); border-color: color-mix(in srgb, var(--builder-frame), transparent 35%); }
.screen-builder-enabled.builder-card-luxury .screen-card { background: linear-gradient(145deg, rgba(255,255,255,.11), rgba(255,255,255,.03)); border: 2px solid color-mix(in srgb, var(--builder-frame), transparent 25%); }
.screen-builder-enabled.builder-card-minimal .screen-card { background: rgba(255,255,255,.92); color: #0f172a; border-color: rgba(255,255,255,.5); }
.screen-builder-enabled.builder-card-minimal .screen-card p { color: #0f172a; }
.screen-builder-enabled.builder-card-minimal .screen-name { color: #111827; }
.screen-builder-enabled.builder-photo-contain .screen-card img { object-fit: contain; background: rgba(0,0,0,.46); }
.screen-builder-enabled.builder-photo-polaroid .screen-card:has(img) { background: rgba(255,255,255,.94); color: #0f172a; transform: rotate(-.35deg); }
.screen-builder-enabled.builder-photo-polaroid .screen-card img { border: 10px solid #fff; border-bottom-width: 26px; border-radius: 8px; box-shadow: 0 14px 32px rgba(0,0,0,.24); }
.screen-builder-enabled.builder-photo-polaroid .screen-name, .screen-builder-enabled.builder-photo-polaroid .screen-card p { color: #0f172a; }
.screen-builder-enabled.builder-photo-hero .screen-card:has(img) { grid-row: span 2; }
.screen-builder-enabled.builder-photo-hero .screen-card img { max-height: calc(var(--builder-photo-height) + 130px); }
.screen-builder-enabled.builder-anim-slide_up .screen-card { animation-name: builderScreenSlideUp; }
.screen-builder-enabled.builder-anim-fade_scale .screen-card { animation-name: builderScreenFadeScale; }
.screen-builder-enabled.builder-anim-pop_bounce .screen-card { animation-name: builderScreenPopBounce; }
.screen-builder-enabled.builder-anim-neon_flash .screen-card { animation-name: builderScreenNeonFlash; }
.screen-builder-enabled.builder-anim-cinematic .screen-card { animation-name: builderScreenCinematic; animation-duration: 1.25s; }
@keyframes builderScreenSlideUp { from { opacity:0; transform: translateY(26px); } to { opacity:1; transform: translateY(0); } }
@keyframes builderScreenFadeScale { from { opacity:0; transform: scale(.92); } to { opacity:1; transform: scale(1); } }
@keyframes builderScreenPopBounce { 0% { opacity:0; transform: scale(.82); } 64% { opacity:1; transform: scale(1.035); } 100% { transform: scale(1); } }
@keyframes builderScreenNeonFlash { 0% { opacity:0; filter: brightness(2.3); transform: translateY(12px); } 45% { opacity:1; filter: brightness(1.45); } 100% { filter: brightness(1); transform: translateY(0); } }
@keyframes builderScreenCinematic { from { opacity:0; transform: translateY(12px) scale(1.035); filter: blur(4px); } to { opacity:1; transform: translateY(0) scale(1); filter: blur(0); } }

@media (max-width: 1180px) {
    .builder-overview-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .builder-editor-layout { grid-template-columns: 1fr; }
    .builder-preview-panel { position: static; }
}
@media (max-width: 720px) {
    .builder-overview-grid, .builder-control-grid.two { grid-template-columns: 1fr; }
    .builder-room-grid { grid-template-columns: 1fr; }
    .builder-room-meta { grid-template-columns: 1fr; }
    .builder-preview-stage { min-height: 460px; }
}

/* v10.3 Analytics Dashboard Pro */
.analytics-pro-page .admin-main{max-width:1500px}
.analytics-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:18px;align-items:stretch;padding:20px;border:1px solid rgba(0,213,255,.22);border-radius:28px;background:linear-gradient(135deg,rgba(0,213,255,.16),rgba(255,161,0,.08),rgba(20,20,28,.9));box-shadow:0 20px 60px rgba(0,0,0,.34);margin-bottom:18px;position:relative;overflow:hidden}
.analytics-hero:before{content:"";position:absolute;inset:-40% 35% auto -20%;height:260px;background:radial-gradient(circle,rgba(0,213,255,.22),transparent 62%);filter:blur(10px);pointer-events:none}
.analytics-hero-copy,.analytics-filter-card{position:relative;z-index:1}
.analytics-hero h1{font-size:clamp(36px,4vw,72px);line-height:.88;margin:0 0 12px;letter-spacing:-.06em;max-width:650px}
.analytics-filter-card{border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(7,8,14,.6);padding:18px;display:grid;gap:12px;align-self:stretch}
.analytics-filter-card label{display:grid;gap:7px}
.analytics-filter-card small{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}
.analytics-filter-card select{width:100%;padding:13px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.36);color:var(--text)}
.analytics-filter-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end}
.analytics-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:18px}
.analytics-kpi-grid .premium-stat-card{min-height:112px}
.analytics-grid-main{display:grid;grid-template-columns:1.6fr .8fr;gap:18px;margin-bottom:18px}
.analytics-grid-secondary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:18px}
.analytics-panel{border:1px solid rgba(255,255,255,.12);border-radius:24px;background:linear-gradient(145deg,rgba(22,22,31,.88),rgba(4,5,9,.86));padding:20px;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.analytics-wide{min-height:330px}
.analytics-bar-chart{height:230px;display:flex;align-items:end;gap:12px;padding:14px 4px 0;overflow-x:auto}
.bar-item{min-width:58px;height:100%;display:grid;grid-template-rows:1fr auto auto;gap:6px;text-align:center;color:var(--muted)}
.bar-track{height:100%;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.04);display:flex;align-items:end;overflow:hidden;padding:4px}
.bar-track span{display:block;width:100%;border-radius:999px;background:linear-gradient(180deg,var(--accent),var(--accent-2));box-shadow:0 0 24px rgba(0,213,255,.28);min-height:8px}
.bar-item strong{font-size:13px;color:var(--text)}
.bar-item small{font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.rank-list{display:grid;gap:10px}
.rank-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(255,255,255,.035)}
.rank-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}
.rank-row b{color:var(--accent);white-space:nowrap}
.reaction-cloud{display:flex;flex-wrap:wrap;gap:10px}
.reaction-cloud span{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(255,255,255,.04);padding:10px 13px}
.reaction-cloud b{font-size:18px}.reaction-cloud small{color:var(--accent);font-weight:900}
.analytics-table-wrap{overflow:auto;border:1px solid rgba(255,255,255,.08);border-radius:18px}
.analytics-table{width:100%;border-collapse:collapse;min-width:820px}
.analytics-table th,.analytics-table td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.07);text-align:left}
.analytics-table th{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);background:rgba(0,213,255,.055)}
.analytics-table td small{display:block;color:var(--muted);margin-top:3px}.analytics-table tr:last-child td{border-bottom:0}
.status-chip{display:inline-flex;padding:7px 10px;border-radius:999px;border:1px solid rgba(0,213,255,.24);background:rgba(0,213,255,.08);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.moderation-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.moderation-action-card{border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.04);padding:16px}.moderation-action-card span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.moderation-action-card strong{font-size:32px;color:var(--text)}
@media(max-width:1200px){.analytics-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-grid-main,.analytics-grid-secondary,.analytics-hero{grid-template-columns:1fr}.moderation-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.analytics-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-filter-actions{grid-template-columns:1fr}.analytics-hero{padding:16px;border-radius:20px}.analytics-panel{padding:15px;border-radius:18px}.moderation-action-grid{grid-template-columns:1fr}}


/* v10.3.1 Template Builder Stats + Sidebar Website Polish */
.template-builder-hero.compact {
    align-items: stretch;
}
.template-builder-hero .template-builder-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(150px, 1fr));
    gap: 12px;
    min-width: min(560px, 100%);
}
.template-builder-hero .template-builder-metrics .tb-metric-card {
    position: relative;
    overflow: hidden;
    min-height: 96px;
    padding: 16px 18px 15px;
    border-radius: 20px;
    background:
        radial-gradient(circle at top right, color-mix(in srgb, var(--accent) 34%, transparent), transparent 48%),
        linear-gradient(145deg, rgba(255,255,255,.105), rgba(255,255,255,.035));
    border: 1px solid color-mix(in srgb, var(--accent) 32%, rgba(255,255,255,.12));
    box-shadow: 0 20px 55px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08);
}
.template-builder-hero .template-builder-metrics .tb-metric-card::after {
    content: '';
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 0;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--accent), var(--accent-2));
    opacity: .9;
}
.template-builder-hero .template-builder-metrics .tb-metric-label {
    display: block;
    margin-bottom: 8px;
    color: color-mix(in srgb, var(--accent) 88%, #fff);
    font-size: 10px;
    line-height: 1;
    font-weight: 950;
    letter-spacing: .16em;
    text-transform: uppercase;
}
.template-builder-hero .template-builder-metrics strong {
    display: block;
    margin: 0;
    color: #fff;
    font-size: 34px;
    line-height: .95;
    letter-spacing: -.04em;
}
.template-builder-hero .template-builder-metrics small {
    display: block;
    margin-top: 9px;
    color: rgba(255,255,255,.62);
    font-size: 12px;
    line-height: 1.35;
    font-weight: 800;
}
.sidebar-version.sidebar-website-link {
    display: block;
    margin-top: 14px;
    padding: 12px 12px;
    border: 1px solid color-mix(in srgb, var(--accent) 45%, rgba(255,255,255,.12));
    border-radius: 14px;
    color: #fff;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: .03em;
    text-transform: none;
    text-align: center;
    text-decoration: none;
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--accent) 24%, transparent), transparent 55%),
        rgba(255,255,255,.035);
    box-shadow: 0 14px 34px rgba(0,0,0,.24);
    transition: transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}
.sidebar-version.sidebar-website-link:hover {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--accent) 72%, #fff);
    color: color-mix(in srgb, var(--accent) 82%, #fff);
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--accent) 38%, transparent), transparent 60%),
        rgba(255,255,255,.055);
}
@media (max-width: 980px) {
    .template-builder-hero .template-builder-metrics {
        grid-template-columns: 1fr;
        min-width: 0;
    }
}

/* v10.4 Audience Mobile Experience Final */
.identity-mini-bar{position:sticky;top:0;z-index:16;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 14px 0;padding:10px 12px;border:1px solid color-mix(in srgb,var(--accent) 28%,rgba(255,255,255,.16));border-radius:22px;background:linear-gradient(135deg,rgba(0,0,0,.72),rgba(255,255,255,.055));backdrop-filter:blur(18px);box-shadow:0 18px 46px rgba(0,0,0,.26)}
.identity-mini-left{display:flex;align-items:center;gap:10px;min-width:0}.identity-mini-left>span{width:42px;height:42px;display:grid;place-items:center;border-radius:16px;background:color-mix(in srgb,var(--accent) 20%,rgba(255,255,255,.08));box-shadow:0 0 28px color-mix(in srgb,var(--accent) 16%,transparent);font-size:22px}.identity-mini-left strong{display:block;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.02em}.identity-mini-left small{display:block;color:var(--muted);font-weight:800;font-size:11px}.identity-mini-actions{display:flex;gap:7px;flex-shrink:0}.identity-mini-actions button{border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.065);color:#fff;padding:8px 10px;font-size:11px;font-weight:1000;cursor:pointer}.identity-mini-actions button:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 22%,rgba(255,255,255,.06))}
.mobile-toast{position:fixed;left:50%;bottom:118px;transform:translateX(-50%);z-index:80;max-width:min(420px,calc(100% - 28px));padding:12px 16px;border-radius:999px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 34%,rgba(0,0,0,.82)),rgba(0,0,0,.82));border:1px solid color-mix(in srgb,var(--accent) 42%,rgba(255,255,255,.16));box-shadow:0 18px 70px rgba(0,0,0,.45);font-weight:900;text-align:center;animation:toastInV104 .22s ease both}.scroll-bottom-btn{position:fixed;right:18px;bottom:116px;z-index:20;border:1px solid color-mix(in srgb,var(--accent) 40%,rgba(255,255,255,.16));background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#05030a;border-radius:999px;padding:10px 14px;font-weight:1000;box-shadow:0 16px 42px rgba(0,0,0,.34);cursor:pointer}
.textarea-wrap{position:relative} .textarea-wrap textarea{padding-right:70px!important;resize:none;transition:border-color .2s,box-shadow .2s}.textarea-wrap textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.char-count{position:absolute;right:13px;bottom:12px;font-size:10px;font-weight:1000;color:var(--muted);letter-spacing:.04em}.char-count.warning{color:var(--accent)}
.image-preview-panel{display:grid;grid-template-columns:72px minmax(0,1fr) 34px;align-items:center;gap:12px;margin:10px 0;border:1px solid color-mix(in srgb,var(--accent) 26%,rgba(255,255,255,.14));background:rgba(255,255,255,.055);border-radius:20px;padding:10px}.image-preview-panel img{width:72px;height:62px;object-fit:cover;border-radius:14px;background:rgba(0,0,0,.32)}.image-preview-panel strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.image-preview-panel small{display:block;color:var(--muted);margin-top:3px;font-size:11px}.image-preview-panel button{width:34px;height:34px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.06);color:#fff;font-size:20px;line-height:1;cursor:pointer}.image-preview-panel button:hover{background:#ff2d55;border-color:#ff7b97}.install-tip{position:fixed;left:14px;right:14px;bottom:14px;z-index:85;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid color-mix(in srgb,var(--accent) 28%,rgba(255,255,255,.16));background:linear-gradient(135deg,rgba(0,0,0,.86),rgba(255,255,255,.07));backdrop-filter:blur(18px);border-radius:22px;box-shadow:0 20px 76px rgba(0,0,0,.48)}.install-tip strong{display:block}.install-tip span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.install-tip button{border:0;border-radius:14px;background:var(--accent);color:#05030a;font-weight:1000;padding:10px 14px}.chat-experience-page .composer-row .btn.primary{min-width:112px}.file-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px}
@keyframes toastInV104{from{opacity:0;transform:translate(-50%,10px) scale(.96)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
@media(max-width:620px){.chat-experience-page{max-width:none;border-inline:0}.identity-mini-bar{margin:8px 10px 0;border-radius:19px}.identity-mini-left>span{width:38px;height:38px;border-radius:14px}.identity-mini-left strong{max-width:150px}.identity-mini-actions button{padding:7px 9px}.reaction-bar{position:sticky;top:64px;background:linear-gradient(180deg,rgba(4,3,9,.9),rgba(4,3,9,.64));backdrop-filter:blur(18px);z-index:14;border-bottom:1px solid rgba(255,255,255,.06)}.composer-premium{position:sticky;bottom:0;z-index:18}.chat-bubble{padding:14px}.bubble-head{gap:8px}.mobile-toast{bottom:132px}.scroll-bottom-btn{bottom:128px}.install-tip{bottom:10px}.composer-row{gap:8px}.composer-row .btn.primary,.file-btn{flex:1}.image-preview-panel{grid-template-columns:64px minmax(0,1fr) 32px}.image-preview-panel img{width:64px;height:56px}}


/* v10.5 Direct Message Audience Module */
.dm-inbox-btn{position:fixed;right:18px;bottom:108px;z-index:60;border:1px solid rgba(0,238,255,.35);background:linear-gradient(135deg,rgba(0,238,255,.92),rgba(255,0,190,.75));color:#05070c;border-radius:999px;padding:10px 12px;font-weight:1000;letter-spacing:.04em;display:flex;gap:8px;align-items:center;box-shadow:0 14px 40px rgba(0,238,255,.22)}
.dm-inbox-btn strong{min-width:22px;height:22px;border-radius:999px;background:#090911;color:#fff;display:grid;place-items:center;font-size:.75rem}.dm-inbox-btn.hidden{display:none!important}
.dm-name-btn{appearance:none;border:0;background:transparent;color:var(--lc-primary,#00e5ff);font:inherit;font-weight:1000;letter-spacing:.08em;display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:0;text-transform:uppercase}.dm-name-btn em{font-style:normal;font-size:.58rem;border:1px solid rgba(0,238,255,.35);border-radius:999px;padding:2px 6px;color:#fff;background:rgba(0,238,255,.12)}
.dm-invite-toast{position:fixed;left:50%;bottom:96px;transform:translateX(-50%);width:min(92vw,520px);z-index:75}.dm-invite-toast.hidden{display:none!important}.dm-invite-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:22px;border:1px solid rgba(0,238,255,.28);background:rgba(10,10,18,.92);backdrop-filter:blur(20px);box-shadow:0 18px 60px rgba(0,0,0,.45)}.dm-invite-card strong{display:block;color:#fff}.dm-invite-card span{display:block;color:rgba(255,255,255,.68);font-size:.82rem}.dm-invite-actions{display:flex;gap:8px}.dm-invite-actions button{border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:9px 12px;font-weight:900;background:rgba(255,255,255,.07);color:#fff}.dm-invite-actions button[data-dm-accept]{background:linear-gradient(135deg,#00e5ff,#7cff9e);color:#061015}
.dm-modal{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:18px;background:rgba(0,0,0,.68);backdrop-filter:blur(12px)}.dm-modal.hidden{display:none!important}.dm-modal-card{width:min(92vw,460px);border:1px solid rgba(0,238,255,.25);border-radius:28px;background:linear-gradient(145deg,rgba(20,20,30,.97),rgba(8,8,14,.97));box-shadow:0 30px 100px rgba(0,0,0,.65);padding:24px}.dm-modal-card h2{margin:8px 0 8px;color:#fff}.dm-modal-card p{color:rgba(255,255,255,.72)}.dm-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.dm-modal-actions button{border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:12px 16px;background:rgba(255,255,255,.06);color:#fff;font-weight:900}.dm-modal-actions #dmSendInvite{background:linear-gradient(135deg,#ff9b00,#ff00c8);color:#07070d}
.dm-panel{border:1px solid rgba(0,238,255,.25);background:linear-gradient(180deg,rgba(13,13,24,.96),rgba(5,6,12,.98));border-radius:24px;margin:14px;min-height:calc(100vh - 220px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 18px 80px rgba(0,0,0,.36)}.dm-panel.hidden{display:none!important}.chat-page.dm-active .reaction-bar,.chat-page.dm-active .experience-feed,.chat-page.dm-active .composer-premium,.chat-page.dm-active .mobile-poll-card,.chat-page.dm-active .mobile-challenge-card,.chat-page.dm-active .mobile-winner-card,.chat-page.dm-active .scroll-bottom-btn{display:none!important}.dm-panel-head{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:14px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(90deg,rgba(0,238,255,.12),rgba(255,0,190,.08))}.dm-panel-head button{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff;border-radius:999px;padding:9px 12px;font-weight:900}.dm-panel-title{display:flex;align-items:center;gap:10px}.dm-panel-title>span{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:rgba(0,238,255,.12);font-size:1.3rem}.dm-panel-title strong{display:block;color:#fff}.dm-panel-title small{display:block;color:rgba(255,255,255,.62)}.dm-message-feed{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.dm-message{max-width:82%;border:1px solid rgba(255,255,255,.10);border-radius:20px;padding:12px 14px;background:rgba(255,255,255,.06)}.dm-message.own{align-self:flex-end;background:linear-gradient(135deg,rgba(0,238,255,.22),rgba(124,255,158,.10));border-color:rgba(0,238,255,.28)}.dm-message.other{align-self:flex-start}.dm-message-meta{display:flex;gap:10px;justify-content:space-between;color:rgba(255,255,255,.58);font-size:.74rem;margin-bottom:7px}.dm-message-meta span{font-weight:900;color:var(--lc-primary,#00e5ff)}.dm-message-meta em{font-style:normal}.dm-message p{margin:0;color:#fff;line-height:1.45}.dm-composer{display:flex;gap:10px;padding:14px;border-top:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.2)}.dm-composer textarea{flex:1;resize:none;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(0,0,0,.34);color:#fff;padding:12px}.dm-composer button{border:0;border-radius:16px;background:linear-gradient(135deg,#00e5ff,#7cff9e);color:#061015;font-weight:1000;padding:0 16px}.dm-panel .composer-status{padding:0 14px 14px}
@media(max-width:720px){.dm-invite-card{align-items:flex-start;flex-direction:column}.dm-invite-actions{width:100%}.dm-invite-actions button{flex:1}.dm-panel{margin:10px;min-height:calc(100vh - 170px)}.dm-panel-head{align-items:flex-start;flex-direction:column}.dm-composer{align-items:stretch}.dm-composer button{min-width:92px}.dm-message{max-width:92%}}

/* v11.0 Commercial Release Pack */
.commercial-admin-page .admin-main{max-width:1320px}.commercial-hero{position:relative;border:1px solid rgba(255,161,0,.24);border-radius:28px;padding:28px 30px;background:radial-gradient(circle at 12% 0,rgba(255,161,0,.22),transparent 35%),radial-gradient(circle at 88% 15%,rgba(0,213,255,.18),transparent 38%),linear-gradient(135deg,rgba(24,18,18,.98),rgba(6,10,18,.96));box-shadow:0 0 42px rgba(255,161,0,.08);display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:20px}.commercial-hero h1{font-size:clamp(34px,4vw,58px);line-height:.93;margin:0 0 12px}.compact-commercial-hero h1{font-size:clamp(32px,3vw,50px)}.commercial-status-grid{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:12px;min-width:300px}.commercial-status-grid.mini span{display:block;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px 16px;background:rgba(255,255,255,.055);box-shadow:inset 0 -2px 0 var(--accent)}.commercial-status-grid b{display:block;font-size:28px;color:#fff}.commercial-status-grid small{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:10px;color:var(--muted)}.commercial-grid{display:grid;gap:18px;margin-bottom:18px}.commercial-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.commercial-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.commercial-panel{border-radius:24px;padding:22px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.11);box-shadow:0 20px 70px rgba(0,0,0,.18)}.commercial-panel h2{margin:0 0 14px}.switch-card{display:flex!important;gap:14px;align-items:center;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.045);border-radius:16px;padding:13px 14px;margin-bottom:10px}.switch-card input{width:18px;height:18px}.switch-card span{display:grid;gap:2px}.switch-card small,.commercial-panel small{color:var(--muted)}.compact-input-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:15px 0}.health-list{display:grid;gap:10px}.health-row{display:grid;grid-template-columns:1fr auto;gap:4px;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:10px 12px;background:rgba(0,0,0,.16)}.health-row small{grid-column:1/-1;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.health-row.ok b{color:#45f5aa}.health-row.warn b{color:#ffbc55}.commercial-note-list{display:grid;gap:10px}.commercial-note-list>div{border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:12px 14px;background:rgba(0,0,0,.16)}.commercial-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.commercial-room-card{border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:20px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025))}.commercial-room-card h2{margin:12px 0 4px}.room-mini-stats{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.room-mini-stats span{border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:6px 10px;color:var(--muted);font-size:11px}.room-card-actions,.page-actions,.commercial-action-grid,.doc-download-grid{display:flex;gap:10px;flex-wrap:wrap}.license-badge{border-radius:24px;border:1px solid rgba(255,255,255,.14);padding:22px;min-width:290px;background:rgba(0,0,0,.2)}.license-badge strong{display:block;font-size:24px}.license-badge.active{box-shadow:inset 0 -3px 0 #44f5a5}.license-badge.inactive{box-shadow:inset 0 -3px 0 #ff9f1c}.license-info{border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:12px;margin-bottom:10px}.license-info span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}.license-info strong{font-size:14px;word-break:break-all}.module-ready-list{display:grid;gap:10px}.module-ready-list>div{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:12px 14px;background:rgba(0,0,0,.18)}.module-ready-list b{color:#49f5ad}.commercial-final-hero{border-color:rgba(0,213,255,.28);box-shadow:0 0 55px rgba(0,213,255,.09)}@media(max-width:980px){.commercial-hero,.commercial-grid.two,.commercial-grid.three{grid-template-columns:1fr;display:grid}.commercial-status-grid{min-width:0}.compact-input-grid{grid-template-columns:1fr}}

/* v11.1-v11.6 Commercial Tools Suite */
.commercial-admin-page .admin-main{max-width:1500px}
.commercial-hero{display:flex;justify-content:space-between;align-items:stretch;gap:22px;margin-bottom:24px;padding:26px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(135deg,rgba(255,161,0,.14),rgba(211,0,255,.12)),rgba(17,16,26,.78);box-shadow:var(--shadow)}
.commercial-hero.compact h1{margin:0;font-size:40px;letter-spacing:-.06em;line-height:.95}
.commercial-hero.compact p.muted{max-width:780px;line-height:1.55;margin:10px 0 0}
.commercial-score-card{min-width:180px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(0,0,0,.24);display:grid;place-items:center;text-align:center;padding:20px}
.commercial-score-card strong{display:block;font-size:34px;letter-spacing:-.05em;color:var(--accent)}
.commercial-score-card span{display:block;color:var(--muted);font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:.12em}
.commercial-panel-grid{display:grid;gap:20px}
.commercial-panel-grid.two{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr)}
.commercial-check-list{display:grid;gap:10px}
.commercial-check{display:grid;grid-template-columns:34px 1fr;gap:6px 12px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.045)}
.commercial-check b{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.08);color:var(--muted)}
.commercial-check.ok b{background:rgba(45,216,129,.14);color:#b9ffd7}.commercial-check.warn b{background:rgba(255,161,0,.16);color:#ffe0a3}
.commercial-check span{font-weight:900}.commercial-check code{grid-column:2;color:#ffdca0;background:#0d0b13;padding:7px 9px;border-radius:10px;word-break:break-all}
.commercial-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px}.commercial-table{width:100%;border-collapse:collapse}.commercial-table th,.commercial-table td{padding:13px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}.commercial-table th{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.11em}.commercial-table tr:last-child td{border-bottom:0}
.commercial-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.maintenance-public-card{text-align:center}.maintenance-public-card .brand-mark{margin:0 auto 18px}
select{width:100%;border:1px solid var(--line);background:#0d0b13;color:var(--text);padding:13px 14px;border-radius:14px;outline:none}
.sidebar-version{font-size:12px;text-align:center;line-height:1.25}
@media(max-width:980px){.commercial-hero{flex-direction:column}.commercial-panel-grid.two{grid-template-columns:1fr}.commercial-stats{grid-template-columns:1fr}.commercial-hero.compact h1{font-size:32px}}