:root{
  --bg:#08090b;--bg-soft:#0c0d10;--panel:#121318;--panel-2:#181a20;--panel-3:#20232a;
  --line:#2b2e36;--line-strong:#3b3f49;--text:#f7f8fa;--text-2:#d7d9df;--muted:#a5a9b3;
  --yellow:#ffd400;--yellow-soft:#2c2705;--yellow-line:#625607;--danger:#ff5a67;--danger-soft:#2b1116;
  --ok:#39d98a;--blue:#6aa9ff;--radius:18px;--radius-sm:12px;--shadow:0 22px 60px rgba(0,0,0,.42);
  --topbar:68px;--mobile-nav:74px;--feed:760px;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{background:var(--bg);color:var(--text);scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 35% -10%,rgba(255,212,0,.055),transparent 30%),var(--bg);color:var(--text)}
button,input,textarea,select{font:inherit}
button{cursor:pointer;color:inherit}
button:disabled{opacity:.52;cursor:not-allowed}
a{color:inherit}
input,textarea,select{color:var(--text);caret-color:var(--yellow)}
::placeholder{color:#767b87;opacity:1}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(255,212,0,.45);outline-offset:2px}
.hidden{display:none!important}

.app-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr) 330px;max-width:1660px;margin:0 auto}
.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:20px;padding:22px 17px;border-right:1px solid var(--line);background:rgba(8,9,11,.94);backdrop-filter:blur(18px);z-index:20}
.brand,.mobile-brand{border:0;background:transparent;display:flex;align-items:center;gap:12px;padding:0;text-align:left;color:var(--text)}
.brand-mark{display:grid;place-items:center;flex:0 0 auto;width:46px;height:46px;border-radius:13px;background:var(--yellow);color:#080808;font-size:25px;font-weight:950;transform:rotate(-3deg)}
.brand-copy{display:flex;flex-direction:column;min-width:0;gap:2px}.brand-copy strong{font-size:17px;letter-spacing:-.35px}.brand-copy small{font-size:10px;line-height:1.25;color:var(--muted)}
.nav-list{display:grid;gap:6px}.nav-item{width:100%;min-height:48px;border:0;border-radius:13px;background:transparent;color:var(--text-2);display:flex;align-items:center;gap:12px;padding:10px 13px;text-align:left;font-weight:780;position:relative}.nav-item:hover{background:var(--panel);color:var(--text)}.nav-item.active{background:var(--panel-2);color:var(--text);box-shadow:inset 3px 0 0 var(--yellow)}
.nav-ico{display:grid;place-items:center;width:28px;min-width:28px;font-size:23px;line-height:1;color:#e6e7eb}.nav-item.active .nav-ico{color:var(--yellow)}.live-nav-dot{color:#ff4d59!important;font-size:18px}.nav-unread{margin-left:auto;min-width:22px;height:22px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:var(--yellow);color:#050505;font-size:11px;font-weight:900}
.ask-btn{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px}.btn-icon{font-size:22px;line-height:1}.sidebar-footer{margin-top:auto;border-top:1px solid var(--line);padding-top:15px;display:flex;align-items:center;gap:10px;min-height:58px}.sidebar-footer .avatar{width:42px;height:42px}.sidebar-footer>div{min-width:0}.sidebar-footer strong,.sidebar-footer small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer small{color:var(--muted)}

.main-wrap{min-width:0}.topbar{height:var(--topbar);display:flex;align-items:center;gap:10px;padding:0 22px;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(8,9,11,.88);backdrop-filter:blur(18px);z-index:16}.mobile-brand{display:none}.auth-top{margin-left:auto}.topbar-actions{display:flex;gap:9px}.icon-btn{position:relative;width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--line);border-radius:13px;background:var(--panel);color:var(--text);font-size:25px}.icon-btn:hover{background:var(--panel-2);border-color:var(--line-strong)}.dot-count{position:absolute;right:-4px;top:-5px;min-width:21px;height:21px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:var(--yellow);color:#050505;font-size:10px;font-weight:950;border:2px solid var(--bg)}
.view{width:min(100%,var(--feed));margin:0 auto;padding:28px 18px 120px}.page-title{margin:0 0 6px;color:var(--text);font-size:clamp(28px,3vw,34px);line-height:1.05;letter-spacing:-1px}.page-sub{margin:0 0 21px;color:var(--muted);font-size:14px;line-height:1.55}.section-title{margin:24px 0 11px;font-size:18px;color:var(--text)}

.primary-btn,.secondary-btn,.danger-btn,.ghost-btn{min-height:44px;border-radius:13px;padding:11px 15px;font-weight:850;border:1px solid transparent;transition:.16s ease}.primary-btn{background:var(--yellow);color:#080808;border-color:var(--yellow)}.primary-btn:hover{filter:brightness(1.035);transform:translateY(-1px)}.primary-btn.large{width:100%;min-height:52px;font-size:16px}.secondary-btn{background:var(--panel-2);border-color:var(--line);color:var(--text)}.secondary-btn:hover{border-color:var(--line-strong);background:var(--panel-3)}.danger-btn{background:var(--danger-soft);border-color:#58212a;color:#ffb0b7}.ghost-btn{background:transparent;border-color:transparent;color:var(--muted)}.ghost-btn:hover{color:var(--text);background:var(--panel)}.compact{min-height:38px!important;padding:8px 11px!important;font-size:12px!important}.link-btn{border:0;background:transparent;color:var(--yellow);font-weight:850;padding:12px;width:100%}

.segmented{display:flex;gap:4px;padding:4px;margin-bottom:18px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.segmented button{flex:1;min-height:40px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-weight:800}.segmented button.active{background:var(--panel-3);color:var(--text)}
.composer{display:flex;align-items:center;gap:11px;margin-bottom:16px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.composer-prompt{flex:1;min-width:0;min-height:46px;border:1px solid var(--line);border-radius:13px;background:var(--panel-2);color:#d5d8df;text-align:left;padding:11px 13px}.composer-voice{width:48px;height:48px;border:1px solid var(--yellow-line);border-radius:50%;background:var(--yellow-soft);color:var(--yellow);font-size:23px}

.feed{display:grid;gap:14px}.card{background:linear-gradient(180deg,#13151a,#101115);border:1px solid var(--line);border-radius:var(--radius);padding:17px;color:var(--text);box-shadow:0 1px 0 rgba(255,255,255,.02)}.card:hover{border-color:#353943}.card-header{display:flex;align-items:center;gap:10px}.avatar,.profile-avatar{overflow:hidden;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#343740,#1a1b20);color:var(--text);border:1px solid #3a3d46;font-weight:900}.avatar{width:42px;height:42px;min-width:42px;font-size:13px}.avatar img,.profile-avatar img{width:100%;height:100%;object-fit:cover;display:block}.anon-avatar{background:#24262c;color:#e2e3e6}.official-avatar{background:var(--yellow);color:#080808;border-color:var(--yellow)}.meta{min-width:0;display:flex;flex-direction:column;gap:2px}.meta strong{color:var(--text);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta small{color:var(--muted);font-size:11px;line-height:1.3}.follow-tag{color:var(--yellow);font-weight:850}.follow-mini{margin-left:auto;min-height:34px;border:1px solid var(--line-strong);border-radius:999px;background:var(--panel-2);color:var(--text);padding:6px 10px;font-size:11px;font-weight:850}.card-menu{margin-left:auto;min-width:38px;height:38px;border:0;border-radius:10px;background:transparent;color:#c3c6ce;font-size:24px}.card-menu:hover{background:var(--panel-2);color:var(--text)}
.type-badge{display:inline-flex;align-items:center;gap:5px;margin:13px 0 6px;font-size:11px;font-weight:900;color:var(--text-2)}.type-badge.yellow{color:var(--yellow)}.type-badge.red{color:#ff8790}.type-badge.blue{color:#8bbcff}.card h2{margin:2px 0 10px;color:var(--text);font-size:20px;line-height:1.38;letter-spacing:-.3px;overflow-wrap:anywhere}.card p{margin:0 0 10px;color:var(--text-2);line-height:1.6}.card-stats{margin-top:11px;color:var(--muted);font-size:11px}.card-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.action-btn{min-height:38px;border:1px solid var(--line);border-radius:11px;background:#15171b;color:#dfe1e6;padding:8px 10px;font-size:12px;font-weight:780}.action-btn:hover{border-color:#414550;background:var(--panel-2)}.action-btn.primary{border-color:#544900;background:#242006;color:var(--yellow)}.action-btn.selected-action{border-color:var(--yellow-line);background:var(--yellow-soft);color:var(--yellow)}

.audio-box{display:flex;align-items:center;gap:11px;margin-top:12px;padding:10px 11px;border:1px solid var(--line);border-radius:14px;background:#0c0d10}.audio-play{display:grid;place-items:center;width:42px;height:42px;min-width:42px;border:0;border-radius:50%;background:var(--yellow);color:#080808;font-weight:950;font-size:16px}.wave{height:25px;display:flex;align-items:center;gap:3px;flex:1;overflow:hidden}.wave i{display:block;width:3px;border-radius:999px;background:#696e79}.wave i:nth-child(3n){height:19px}.wave i:nth-child(3n+1){height:10px}.wave i:nth-child(3n+2){height:23px}.audio-time{color:var(--muted);font-size:11px}

.list{display:grid;gap:10px}.list-item{width:100%;min-height:68px;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--text);padding:13px 14px;display:flex;align-items:center;gap:12px;text-align:left}.list-item:hover{border-color:var(--line-strong);background:var(--panel-2)}.list-item>.list-icon,.room-emoji{display:grid;place-items:center;min-width:38px;font-size:25px}.list-item .grow{min-width:0;flex:1;color:var(--text)}.list-item strong{color:var(--text);font-size:14px}.list-item small{color:var(--muted)!important;font-size:11px;line-height:1.45}.badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;border-radius:999px;background:#252830;color:#d4d6dc;font-size:10px;font-weight:900;white-space:nowrap}.badge.yellow{background:var(--yellow-soft);color:var(--yellow);border:1px solid #494005}.badge.red{background:var(--danger-soft);color:#ff9aa3}.badge.green{background:#0f291c;color:#87e8b5}

.right-rail{position:sticky;top:0;height:100vh;overflow:auto;display:flex;flex-direction:column;gap:14px;padding:22px 17px;border-left:1px solid var(--line);background:rgba(8,9,11,.45)}.panel{border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:15px;color:var(--text)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.panel-heading strong{color:var(--text);font-size:14px}.panel-heading button{min-height:40px;min-width:44px;border:0;border-radius:10px;background:transparent;color:var(--yellow);font-weight:850;font-size:12px;padding:8px 10px}.panel-heading button:hover{background:var(--panel-2);color:#ffe85c}.trend-mini,.room-mini{width:100%;display:flex;align-items:flex-start;gap:10px;padding:11px 0;border:0;border-top:1px solid #23262d;background:transparent;color:var(--text);text-align:left}.trend-mini:first-of-type,.room-mini:first-of-type{border-top:0}.trend-mini>span,.room-mini>span{font-size:20px}.trend-mini div,.room-mini div{min-width:0;display:flex;flex-direction:column;gap:2px}.trend-mini strong,.room-mini strong{color:var(--text);font-size:12px;line-height:1.35}.trend-mini small,.room-mini small{color:var(--muted)!important;font-size:10px}
.radio-panel{background:linear-gradient(145deg,#1a1605,#101115);border-color:#484006}.radio-status{display:flex;align-items:center;gap:8px;color:var(--yellow);font-size:11px;font-weight:950}.live-dot{width:9px;height:9px;border-radius:50%;background:#ff4552;box-shadow:0 0 0 4px rgba(255,69,82,.13)}.radio-panel h3{margin:9px 0 5px;color:var(--text)}.radio-panel p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.radio-panel .primary-btn,.radio-panel .secondary-btn{width:100%;margin-top:10px}

.profile-hero{border:1px solid var(--line);border-radius:22px;background:var(--panel);padding:23px;color:var(--text)}.profile-top{display:flex;align-items:center;gap:15px}.profile-avatar{width:88px;height:88px;min-width:88px;font-size:25px}.profile-main{min-width:0;flex:1}.profile-main h1{margin:0;color:var(--text);font-size:26px}.profile-main p{margin:3px 0;color:var(--muted)}.profile-bio{margin-top:13px;color:var(--text-2);line-height:1.55}.profile-stats{display:flex;gap:24px;margin-top:16px;flex-wrap:wrap}.profile-stat{border:0;background:transparent;color:var(--text);padding:0;text-align:left}.profile-stat strong{display:block;font-size:20px}.profile-stat small{color:var(--muted)}.profile-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.level-bar{height:8px;border-radius:999px;background:#292c33;overflow:hidden;margin-top:7px}.level-bar>i{display:block;height:100%;background:var(--yellow)}

.live-hero{border:1px solid #4a4006;border-radius:22px;background:linear-gradient(145deg,#1a1604,#111216);padding:21px;color:var(--text)}.live-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid #592027;border-radius:999px;background:#2a1116;color:#ff8d96;font-size:11px;font-weight:950}.live-hero h1{margin:10px 0 6px;color:var(--text);font-size:30px}.live-hero p{margin:0 0 15px;color:var(--text-2);line-height:1.55}.live-topic{border-left:3px solid var(--yellow);padding:8px 11px;margin:13px 0;background:rgba(255,212,0,.035);border-radius:0 10px 10px 0}.live-topic small{display:block;color:var(--yellow);font-weight:900;margin-bottom:3px}.live-topic strong{color:var(--text)}

.ranking-list{display:grid;gap:8px}.rank-row{display:grid;grid-template-columns:38px 46px minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:10px 12px}.rank-number{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#252830;color:var(--text);font-weight:900}.rank-row:nth-child(1) .rank-number{background:var(--yellow);color:#090909}.rank-row:nth-child(2) .rank-number{background:#d7d9df;color:#111}.rank-row:nth-child(3) .rank-number{background:#b07842;color:#111}.rank-copy{min-width:0}.rank-copy strong{display:block;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-copy small{color:var(--muted)}.rank-points{font-weight:900;color:var(--yellow);text-align:right}

.notification-row{position:relative}.notification-row.unread{border-color:#4b4308;background:#171607}.notification-row.unread:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--yellow);position:absolute;right:12px;top:12px}

.sheet-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:65}.sheet{position:fixed;z-index:70;left:50%;bottom:0;transform:translateX(-50%);width:min(620px,100%);max-height:88vh;overflow:auto;padding:19px 19px calc(20px + env(safe-area-inset-bottom));border:1px solid var(--line);border-radius:24px 24px 0 0;background:#111216;color:var(--text);box-shadow:var(--shadow)}.sheet-wide{width:min(760px,100%)}.sheet-handle{width:46px;height:4px;border-radius:999px;background:#41444d;margin:0 auto 17px}.sheet h2,.sheet h3{color:var(--text)}.sheet h2{margin:0 0 5px;font-size:22px}.sheet p{color:var(--muted);line-height:1.5}.sheet-close{position:absolute;right:14px;top:14px;width:40px;height:40px;border:0;border-radius:12px;background:var(--panel-2);color:var(--text);font-size:22px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.choice{min-height:82px;border:1px solid var(--line);border-radius:15px;background:var(--panel-2);color:var(--text);padding:15px;text-align:left;font-weight:850}.choice:hover,.choice.selected{border-color:var(--yellow-line);background:var(--yellow-soft)}.choice span{display:block;margin-bottom:7px;font-size:25px}.form-field{display:grid;gap:7px;margin:13px 0}.form-field label{color:#d3d5db;font-size:12px;font-weight:850}.form-field input,.form-field textarea,.form-field select,.room-composer input,.reply-composer input,.search-box input{width:100%;border:1px solid var(--line);border-radius:13px;background:#0c0d10;color:var(--text);padding:12px 13px}.form-field textarea{min-height:120px;resize:vertical}.form-hint{color:var(--muted);font-size:11px}.row{display:flex;gap:9px}.row>*{flex:1;min-width:0}.stack{display:grid;gap:9px}
.record-box{border:1px dashed #3c404a;border-radius:18px;padding:22px;text-align:center;margin:14px 0;background:#0d0e11}.record-btn{display:grid;place-items:center;width:78px;height:78px;margin:auto;border:0;border-radius:50%;background:var(--yellow);color:#090909;font-size:30px}.record-box audio{width:100%;margin-top:12px}.record-state{color:var(--text-2)!important}

.conversation-head{display:grid;gap:5px}.conversation-head strong{color:var(--text)}.conversation-head small{color:var(--muted)}.conversation-responses{display:grid;gap:9px;margin:15px 0;max-height:48vh;overflow:auto}.chat-msg{border:1px solid var(--line);border-radius:14px;background:var(--panel-2);padding:10px 11px;color:var(--text)}.chat-msg-head{display:flex;align-items:center;justify-content:space-between;gap:9px}.chat-msg-head strong{color:var(--text);font-size:12px}.chat-msg-head small{color:var(--muted);font-size:10px}.chat-msg p{margin:5px 0 0;color:#e8e9ed;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.reply-preview{margin:7px 0;padding:7px 9px;border-left:3px solid var(--yellow);border-radius:0 8px 8px 0;background:#0d0e11;color:#bec2cb;font-size:11px}.chat-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.chat-actions button{min-height:30px;border:1px solid #30333b;border-radius:999px;background:#101115;color:#b8bcc5;padding:4px 8px;font-size:10px}.chat-actions button:hover,.chat-actions button.reacted{border-color:#5a4f07;background:#242006;color:var(--yellow)}.replying-bar{margin-bottom:8px;padding:8px 10px;border:1px solid #554b08;border-radius:10px;background:#242006;color:#e2e3e7;font-size:11px}.replying-bar button{float:right;border:0;background:transparent;color:var(--text);font-size:18px}.reply-composer,.room-composer{position:sticky;bottom:0;z-index:3;display:flex;align-items:center;gap:7px;padding:10px 0 0;background:#111216}.reply-composer input,.room-composer input{flex:1;min-width:0}.icon-only{width:46px;min-width:46px;padding:0;display:grid;place-items:center;font-size:21px}
.room-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.room-title h2{margin:0;color:var(--text)}.room-title p{margin:4px 0 0}.room-chat-toolbar{display:flex;gap:7px;flex-wrap:wrap;margin:11px 0}.room-chat{display:grid;gap:9px;max-height:58vh;overflow:auto;padding-right:2px}.chat-poll{border:1px solid var(--line);border-radius:15px;background:#14161a;padding:12px;color:var(--text)}.chat-poll small{color:var(--muted)}.chat-poll h3{margin:6px 0 10px;color:var(--text);font-size:15px}.poll-options{display:grid;gap:7px}.poll-option{position:relative;overflow:hidden;display:flex;justify-content:space-between;gap:8px;min-height:41px;border:1px solid #343740;border-radius:11px;background:#0d0e11;color:var(--text);padding:9px 10px;text-align:left}.poll-option.selected{border-color:var(--yellow-line);color:var(--yellow)}.poll-option i{position:absolute;left:0;bottom:0;height:3px;background:var(--yellow);opacity:.85}

.search-box{display:flex;gap:8px;margin-bottom:16px}.search-box input{flex:1;min-width:0}.search-results{display:grid;gap:16px}.person-row{display:flex;align-items:center;gap:10px}.person-row .grow{min-width:0;flex:1}.person-row strong{display:block;color:var(--text)}.person-row small{color:var(--muted)}

.settings-grid{display:grid;gap:10px}.setting-row{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:12px 13px}.setting-row .grow{flex:1}.setting-row strong{display:block;color:var(--text)}.setting-row small{color:var(--muted)}.switch{position:relative;width:46px;height:26px;border:0;border-radius:999px;background:#343740;padding:3px}.switch i{display:block;width:20px;height:20px;border-radius:50%;background:#fff;transition:.18s}.switch.on{background:var(--yellow)}.switch.on i{transform:translateX(20px);background:#080808}

.admin-shell{display:grid;gap:14px}.admin-tabs{display:flex;gap:6px;overflow:auto;padding-bottom:2px}.admin-tabs button{white-space:nowrap;min-height:39px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text-2);padding:8px 10px;font-size:11px;font-weight:850}.admin-tabs button.active{border-color:var(--yellow-line);background:var(--yellow-soft);color:var(--yellow)}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.metric-card{border:1px solid var(--line);border-radius:15px;background:var(--panel);padding:14px}.metric-card strong{display:block;color:var(--text);font-size:25px}.metric-card small{color:var(--muted)}.admin-table{display:grid;gap:8px}.admin-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center;border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:11px 12px}.admin-row .grow{min-width:0}.admin-row strong{color:var(--text)}.admin-row small{display:block;color:var(--muted);line-height:1.45}.admin-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.admin-actions button,.admin-actions select{min-height:34px;border:1px solid var(--line);border-radius:9px;background:var(--panel-2);color:var(--text);padding:5px 8px;font-size:10px}.admin-form{display:grid;gap:10px;border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:14px}.admin-form h3{margin:0}.admin-form .form-field{margin:0}.audit-row{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}

.empty-state{border:1px dashed #353944;border-radius:var(--radius);background:rgba(255,255,255,.015);color:var(--muted);padding:26px 17px;text-align:center}.empty-state strong{color:#d5d7dd}.auth-required{min-height:52vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;text-align:center}.auth-required h1{margin:7px 0 0;color:var(--text);font-size:24px}.auth-required p{margin:0;color:var(--muted);max-width:460px}.auth-required .primary-btn,.auth-required .secondary-btn{min-width:210px}.auth-sheet>.brand-mark{margin-bottom:11px}.auth-sheet p{margin-top:0}.skeleton-card{height:190px;position:relative;overflow:hidden}.skeleton-card:after,.skeleton-line:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,rgba(255,255,255,.05),transparent);animation:shimmer 1.2s infinite}.skeleton-line{height:55px;border-radius:12px;background:#17191e;position:relative;overflow:hidden;margin-bottom:8px}@keyframes shimmer{from{transform:translateX(-100%)}to{transform:translateX(100%)}}

.persistent-player{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);width:min(590px,calc(100% - 32px));height:60px;display:flex;align-items:center;gap:11px;padding:9px 11px;border:1px solid #4e4406;border-radius:16px;background:rgba(24,21,6,.96);backdrop-filter:blur(17px);z-index:45;box-shadow:var(--shadow)}.player-copy{min-width:0;flex:1}.player-copy strong,.player-copy small{display:block}.player-copy strong{color:var(--text);font-size:13px}.player-copy small{color:var(--muted);font-size:10px}.player-toggle{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;background:var(--yellow);color:#080808;font-weight:950;font-size:18px}
.live-gate{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:20px;background:rgba(4,4,5,.91);backdrop-filter:blur(16px)}.live-gate-card{width:min(480px,100%);padding:28px 24px;border:1px solid #4e4406;border-radius:25px;background:#111216;color:var(--text);text-align:center;box-shadow:var(--shadow)}.live-gate-card h1{margin:15px 0 7px;color:var(--text);font-size:30px}.live-gate-card p{color:var(--text-2);line-height:1.55}.gate-status{margin-top:11px;color:var(--muted);font-size:11px;line-height:1.4}
.toast{position:fixed;left:50%;top:18px;transform:translateX(-50%);z-index:100;max-width:min(520px,calc(100% - 24px));padding:11px 14px;border:1px solid #3e424d;border-radius:13px;background:#1a1c21;color:var(--text);box-shadow:var(--shadow);font-size:12px;text-align:center}
.mobile-nav{display:none}.mobile-badge{position:absolute;top:2px;right:18%;min-width:19px;height:19px;padding:0 4px;border-radius:999px;background:var(--yellow);color:#080808;font-size:9px;display:grid;place-items:center}

@media(max-width:1180px){.app-shell{grid-template-columns:225px minmax(0,1fr)}.right-rail{display:none}}
@media(max-width:780px){
  :root{--topbar:62px;--mobile-nav:76px;--radius:17px}
  .app-shell{display:block}.sidebar,.right-rail{display:none}.topbar{padding:0 12px}.mobile-brand{display:flex;gap:9px}.mobile-brand .brand-mark{width:36px;height:36px;border-radius:10px;font-size:20px}.mobile-brand strong{font-size:14px}.auth-top{margin-left:auto}.auth-top .secondary-btn{display:none}.topbar-actions{margin-left:auto}.icon-btn{width:43px;height:43px;font-size:23px}.view{padding:18px 11px calc(var(--mobile-nav) + 82px)}.page-title{font-size:27px}.page-sub{font-size:13px}.card{padding:14px}.card h2{font-size:18px}.composer{padding:10px}.composer-prompt{padding:10px 11px}.profile-top{align-items:flex-start}.profile-avatar{width:76px;height:76px;min-width:76px}.profile-main h1{font-size:22px}.profile-stats{gap:18px}.choice-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-row{grid-template-columns:1fr}.admin-actions{justify-content:flex-start}.room-chat{max-height:54vh}.card-actions{display:grid;grid-template-columns:1fr 1fr}.action-btn{width:100%}.follow-mini{padding:6px 8px}.card-header .meta{max-width:52%}
  .mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:50;height:calc(var(--mobile-nav) + env(safe-area-inset-bottom));padding:7px 7px calc(7px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);background:rgba(12,13,16,.97);backdrop-filter:blur(18px)}.mobile-nav button{position:relative;border:0;background:transparent;color:#979ba5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-weight:780}.mobile-nav button.active{color:var(--text)}.mobile-nav button>span{font-size:25px;line-height:1}.mobile-nav button small{font-size:10px}.mobile-nav .mobile-create{align-self:center;justify-self:center;width:56px;height:56px;border-radius:50%;background:var(--yellow);color:#080808;margin-top:-23px;box-shadow:0 9px 26px rgba(0,0,0,.45)}.mobile-nav .mobile-create>span{font-size:32px;font-weight:500}.persistent-player{bottom:calc(var(--mobile-nav) + env(safe-area-inset-bottom) + 8px);width:calc(100% - 18px);height:56px}.sheet{max-height:91vh}.reply-composer,.room-composer{padding-bottom:calc(3px + env(safe-area-inset-bottom))}.search-box{position:sticky;top:0;background:#111216;padding-top:2px;z-index:2}
}
@media(max-width:390px){.card-header .meta{max-width:48%}.card-actions{gap:6px}.action-btn{font-size:11px;padding:7px 8px}.profile-stats{gap:12px}.profile-stat strong{font-size:18px}.rank-row{grid-template-columns:32px 40px minmax(0,1fr)}.rank-points{grid-column:3;text-align:left;font-size:11px}.metric-grid{grid-template-columns:1fr 1fr}.mobile-nav button>span{font-size:23px}.mobile-nav button small{font-size:10px}}
@media(max-width:340px){.topbar-actions .icon-btn:first-child{display:none}.card-actions{grid-template-columns:1fr}.profile-top{display:block}.profile-avatar{margin-bottom:10px}.row{display:grid}}

/* === AUDITORÍA VISUAL V4.1: contraste, legibilidad y targets táctiles === */
/* Todo panel oscuro define explícitamente sus colores para evitar texto negro heredado. */
.card,.list-item,.panel,.sheet,.chat-msg,.chat-poll,.admin-row,.admin-form,.metric-card,.profile-hero,.live-hero,.setting-row,.rank-row,.composer,.empty-state{color:var(--text)}
.card h1,.card h2,.card h3,.card h4,.list-item h1,.list-item h2,.list-item h3,.panel h1,.panel h2,.panel h3,.sheet h1,.sheet h2,.sheet h3,.chat-msg strong,.chat-poll strong,.admin-row strong,.admin-form h1,.admin-form h2,.admin-form h3,.metric-card strong,.profile-hero h1,.profile-hero h2,.live-hero h1,.live-hero h2,.setting-row strong,.rank-row strong{color:var(--text)}
.card p,.list-item p,.panel p,.chat-msg p,.admin-row p,.profile-hero p,.setting-row p{color:var(--text-2)}

/* Metadatos: nunca tan pequeños que se pierdan sobre fondo oscuro. */
.brand-copy small{font-size:11px}
.meta small,.list-item small,.audio-time,.card-stats,.form-hint,.gate-status,.chat-msg-head small,.reply-preview,.replying-bar,.admin-tabs button,.audit-row,.player-copy small{font-size:12px}
.badge,.follow-mini,.panel-heading button,.trend-mini small,.room-mini small,.admin-actions button,.admin-actions select,.chat-actions button{font-size:12px}
.trend-mini strong,.room-mini strong{font-size:13px}
.dot-count,.nav-unread{font-size:11px}

/* Acciones dentro del chat también son cómodas para tocar con un dedo. */
.chat-actions button{min-height:36px;padding:6px 10px}
.room-chat-toolbar .secondary-btn,.room-chat-toolbar .primary-btn{min-height:42px}
.poll-option{min-height:44px;font-size:13px}

/* Iconos consistentes y visibles. */
.nav-ico{font-size:25px;width:31px;min-width:31px}
.btn-icon{font-size:24px}
.list-item>.list-icon,.room-emoji{font-size:27px;min-width:42px}
.icon-only{font-size:24px;min-width:48px;width:48px}
.audio-play{width:44px;height:44px;min-width:44px;font-size:18px}
.card-menu{min-width:42px;height:42px;font-size:26px}

/* Formularios y controles: mínimo táctil y alto contraste. */
.form-field input,.form-field textarea,.form-field select,.room-composer input,.reply-composer input,.search-box input{min-height:46px;border-color:#383c46;background:#0c0d10;color:var(--text)}
.form-field label{color:var(--text-2);font-size:13px}
select option{background:#111216;color:var(--text)}

/* Evita que filas largas rompan la pantalla. */
.card,.list-item,.admin-row,.chat-msg,.chat-poll,.profile-hero,.panel{overflow-wrap:anywhere}
.card-actions,.admin-actions,.room-chat-toolbar{min-width:0}

@media(max-width:780px){
  .mobile-nav button>span{font-size:27px}
  .mobile-nav button small{font-size:11px}
  .mobile-badge{font-size:10px;min-width:20px;height:20px}
  .chat-actions button{min-height:38px;font-size:12px}
  .action-btn{min-height:42px;font-size:12px}
  .list-item strong{font-size:15px}
  .list-item small{font-size:12px!important}
}
@media(max-width:390px){
  .mobile-nav button>span{font-size:25px}
  .mobile-nav button small{font-size:10px}
  .action-btn{font-size:12px}
}

/* v0.5.0 — Room new-message affordance */
.room-chat-wrap{position:relative;min-width:0}
.new-msgs{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);z-index:6;border:1px solid rgba(255,212,0,.38);background:#1a1b20;color:var(--text);min-height:42px;padding:0 16px;border-radius:999px;font-weight:800;box-shadow:0 8px 28px rgba(0,0,0,.35)}
.new-msgs:hover{border-color:var(--accent);color:var(--accent)}

/* v0.5.0 responsive hardening: touch targets and very small phones */
@media(max-width:760px){
  .mobile-brand{min-height:44px;padding:4px 0;align-items:center}
}
@media(max-width:340px){
  .card-header{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;column-gap:9px;row-gap:7px;align-items:center}
  .card-header>.avatar{grid-column:1;grid-row:1}
  .card-header>.meta{grid-column:2;grid-row:1;max-width:none!important;width:100%;min-width:0}
  .card-header>.card-menu{grid-column:3;grid-row:1;margin-left:0;justify-self:end}
  .card-header>.follow-mini{grid-column:2/4;grid-row:2;margin-left:0;justify-self:start;min-height:38px;padding:7px 11px}
  .composer{gap:7px}
  .composer>.avatar{display:none}
  .composer-voice{width:46px;height:46px;min-width:46px}
  .segmented button{padding-left:7px;padding-right:7px;font-size:11px}
}
/* Prevent intrinsic content width from forcing feed cards beyond narrow viewports. */
.feed,.card,.card-header,.card-actions,.audio-box{min-width:0;max-width:100%}
.card{width:100%}

/* v0.6.0 — banners, gamificación y estado técnico */
.public-banners{display:grid;gap:10px;margin:0 0 16px}
.public-banner{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid rgba(255,212,0,.26);border-radius:15px;background:linear-gradient(135deg,rgba(255,212,0,.10),rgba(255,212,0,.025));color:var(--text);min-width:0}
.public-banner strong{display:block;color:var(--text);font-size:15px}.public-banner small{display:block;color:var(--text-2);font-size:12px;margin-top:3px}
.badge-strip,.chip-list{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 14px}.user-badge{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:6px 10px;border-radius:999px;border:1px solid #343842;background:#181a20;color:var(--text);font-size:12px;font-weight:760}
.admin-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-inline-form{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.admin-inline-form input,.admin-inline-form select{min-height:44px;min-width:130px;flex:1;background:#0c0d10;color:var(--text);border:1px solid #383c46;border-radius:11px;padding:9px 11px}
.system-log{max-height:260px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:#090a0c;border:1px solid #2c3038;border-radius:12px;color:#d8dbe3;padding:12px;font-size:12px;line-height:1.5}
.maintenance-view{min-height:55vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.maintenance-view h1{color:var(--text)}
@media(max-width:780px){.public-banner{align-items:flex-start}.admin-grid-2{grid-template-columns:1fr}.admin-inline-form{display:grid;grid-template-columns:1fr}.admin-inline-form input,.admin-inline-form select,.admin-inline-form button{width:100%}.user-badge{font-size:11px}}

/* v0.8.0 R3 — hardening de objetivos táctiles y controles compactos */
.follow-mini{min-height:40px;padding:8px 11px;font-size:12px}
.compact{min-height:40px!important;padding:9px 12px!important}
.admin-tabs button{min-height:42px}
.admin-actions button,.admin-actions select{min-height:40px}
.chat-actions button{min-height:40px}
.user-badge{min-height:38px}
@media(max-width:780px){
  .follow-mini{min-height:42px;padding:9px 12px}
  .chat-actions button{min-height:42px}
  .admin-actions button,.admin-actions select{min-height:42px}
  .card-header>.follow-mini{min-height:42px}
}

/* v0.8.0 — objetivos táctiles mínimos y legibilidad consistente */
.panel-heading button{min-height:44px}
.follow-mini,.compact,.admin-tabs button,.admin-actions button,.admin-actions select,.chat-actions button{min-height:44px!important}
.audio-play,.player-toggle{width:44px;height:44px;min-width:44px}
@media(max-width:780px){
  .follow-mini,.chat-actions button,.admin-actions button,.admin-actions select,.admin-tabs button{min-height:44px!important}
  .mobile-nav button{min-height:48px}
}


/* v0.8.0 R7 — HOME RADIO-FIRST: la plataforma se percibe primero como programa radial */
.nav-section-label{display:block;padding:2px 13px 1px;color:#6f747f;font-size:10px;font-weight:950;letter-spacing:.11em}.nav-section-label.secondary-label{margin-top:10px}.sidebar-profile-button{width:100%;display:flex;align-items:center;gap:10px;padding:0;border:0;background:transparent;color:var(--text);text-align:left}.sidebar-profile-button span{min-width:0}.sidebar-profile-button strong,.sidebar-profile-button small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-profile-button small{color:var(--muted);font-size:12px}
.program-hero{position:relative;overflow:hidden;margin:-2px 0 24px;border:1px solid #37320d;border-radius:26px;background:linear-gradient(145deg,#17170d 0%,#111216 44%,#0d0e11 100%);padding:24px;box-shadow:0 26px 70px rgba(0,0,0,.35)}.program-hero.is-live{border-color:#65322f;background:linear-gradient(145deg,#20100f 0%,#131216 46%,#0d0e11 100%)}.program-hero-glow{position:absolute;right:-100px;top:-110px;width:310px;height:310px;border-radius:50%;background:radial-gradient(circle,rgba(255,212,0,.14),transparent 68%);pointer-events:none}.program-hero.is-live .program-hero-glow{background:radial-gradient(circle,rgba(255,70,80,.15),transparent 68%)}
.program-station{position:relative;display:flex;align-items:center;gap:8px;color:#d9dbe1;font-size:11px;font-weight:950;letter-spacing:.12em}.station-signal{color:var(--yellow);font-size:13px}.is-live .station-signal{color:#ff5964;animation:radioPulse 1.4s infinite}.program-hero-main{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 170px;align-items:center;gap:18px;margin:17px 0 18px}.program-eyebrow{display:inline-flex;margin-bottom:6px;color:var(--yellow);font-size:12px;font-weight:950;letter-spacing:.08em}.is-live .program-eyebrow{color:#ff7a83}.program-copy h1{margin:0;color:#fff;font-size:clamp(38px,6vw,58px);line-height:.92;letter-spacing:-2.2px}.program-tagline{margin:9px 0 16px;color:#f1f2f5;font-size:16px;font-weight:720}.program-next{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.program-next strong{color:#fff;font-size:15px}.program-next span{color:var(--text-2);font-size:13px}.program-next small{width:100%;color:var(--yellow);font-size:12px;font-weight:850}.program-mic{height:150px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;border-left:1px solid rgba(255,255,255,.08)}.program-mic>span{font-size:66px;filter:drop-shadow(0 12px 20px rgba(0,0,0,.36))}.program-mic .wave{width:126px;flex:0 0 26px}.program-mic .wave i{background:var(--yellow)}
.program-radio-btn{position:relative;width:100%;min-height:66px;display:flex;align-items:center;gap:13px;border:1px solid #564b08;border-radius:17px;background:#262106;color:var(--text);padding:10px 13px;text-align:left}.program-radio-btn:hover{border-color:#7a6b0a;background:#2d2706}.program-radio-btn>span:first-child{width:44px;height:44px;min-width:44px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);color:#080808;font-size:17px;font-weight:950}.program-radio-btn>span:last-child{min-width:0}.program-radio-btn strong,.program-radio-btn small{display:block}.program-radio-btn strong{font-size:14px}.program-radio-btn small{margin-top:2px;color:#babec7;font-size:12px}.program-radio-btn.playing{border-color:#3b744f;background:#102419}.program-radio-btn.playing>span:first-child{background:var(--ok)}
.program-topic{position:relative;margin-top:16px;padding:18px;border:1px solid #2f323a;border-radius:18px;background:rgba(8,9,11,.72)}.topic-kicker,.section-kicker,.spotlight-kicker{display:block;color:var(--yellow);font-size:10px;font-weight:950;letter-spacing:.12em}.program-topic h2{margin:7px 0 6px;color:#fff;font-size:clamp(22px,4vw,30px);line-height:1.2;letter-spacing:-.55px}.program-topic p{margin:0;color:var(--text-2);font-size:13px;line-height:1.55}.topic-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.topic-actions button{min-height:46px}
.home-section{margin:23px 0}.home-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.home-section-head>div{min-width:0}.home-section-head h2{margin:4px 0 3px;color:#fff;font-size:23px;letter-spacing:-.45px}.home-section-head p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.conversation-section{margin-top:22px}.radio-composer{border-color:#37320d;background:linear-gradient(180deg,#17170d,#111216)}
.home-spotlight{display:flex;align-items:center;gap:16px;margin:26px 0;padding:20px;border:1px solid #4b2630;border-radius:21px;background:linear-gradient(135deg,#241017,#121318 72%)}.spotlight-icon{width:58px;height:58px;min-width:58px;display:grid;place-items:center;border:1px solid #5c2a36;border-radius:17px;background:#32131c;font-size:29px}.home-spotlight .grow{min-width:0;flex:1}.home-spotlight h2{margin:5px 0 5px;color:#fff;font-size:20px;line-height:1.25}.home-spotlight p{margin:0;color:#c8cbd2;font-size:12px;line-height:1.5}.confession-spotlight .spotlight-kicker{color:#ff8991}.home-room-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.home-room-card{min-height:145px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;border:1px solid var(--line);border-radius:17px;background:var(--panel);color:var(--text);padding:14px;text-align:left}.home-room-card:hover{border-color:#4a4e59;background:var(--panel-2)}.home-room-card .room-emoji{min-width:0;font-size:26px}.home-room-card strong{font-size:14px}.home-room-card small{color:var(--muted);font-size:11px;line-height:1.4}.home-room-card em{margin-top:auto;color:var(--yellow);font-size:10px;font-style:normal;font-weight:850}.episode-preview{padding:18px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(135deg,#13151a,#0e0f12)}.episode-preview audio{width:100%;margin-top:8px}.mobile-live-dot{color:#ff5964!important;font-size:18px!important}
@keyframes radioPulse{0%,100%{opacity:1}50%{opacity:.35}}
@media(max-width:780px){.program-hero{margin:-4px -1px 21px;padding:18px 15px;border-radius:21px}.program-hero-main{grid-template-columns:1fr;margin:14px 0}.program-mic{display:none}.program-copy h1{font-size:42px}.program-tagline{font-size:14px}.program-next{display:grid;gap:3px}.program-radio-btn{min-height:64px}.program-topic{padding:15px}.topic-actions{display:grid;grid-template-columns:1fr 1fr}.topic-actions button{width:100%}.topic-actions button:nth-child(3){grid-column:1/-1}.home-section-head{gap:8px}.home-section-head h2{font-size:20px}.home-section-head .ghost-btn,.home-section-head .secondary-btn{flex:0 0 auto}.home-spotlight{align-items:flex-start;display:grid;grid-template-columns:50px minmax(0,1fr);gap:12px;padding:16px}.spotlight-icon{width:50px;height:50px;min-width:50px}.home-spotlight>.primary-btn{grid-column:1/-1;width:100%}.home-room-grid{grid-template-columns:1fr}.home-room-card{min-height:92px;display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:9px;align-items:center}.home-room-card .room-emoji{grid-column:1;grid-row:1/4}.home-room-card strong,.home-room-card small,.home-room-card em{grid-column:2}.home-room-card em{margin-top:0}.mobile-nav button small{max-width:68px;line-height:1.05;text-align:center}.mobile-nav button:nth-child(3)>span{font-size:24px}}
@media(max-width:390px){.program-copy h1{font-size:38px}.program-topic h2{font-size:21px}.topic-actions{grid-template-columns:1fr}.topic-actions button:nth-child(3){grid-column:auto}.home-section-head h2{font-size:19px}.home-section-head p{font-size:12px}.program-radio-btn small{font-size:11px}.mobile-nav button small{font-size:10px}.mobile-nav button>span{font-size:23px}.mobile-nav button:nth-child(3)>span{font-size:22px}}
@media(max-width:340px){.program-hero{padding:16px 13px}.program-copy h1{font-size:35px}.program-station{font-size:10px}.home-section-head{display:block}.home-section-head>button{margin-top:8px}.mobile-nav button small{font-size:10px}.mobile-nav button>span{font-size:21px}}


/* === R8 MOBILE-FIRST + SALAS COMO CHAT EN VIVO === */
.rooms-rule{display:flex;gap:11px;align-items:center;margin:14px 0 18px;padding:13px;border:1px solid #37320d;border-radius:16px;background:#151407}.rooms-rule>span{font-size:27px}.rooms-rule div{min-width:0}.rooms-rule strong,.rooms-rule small{display:block}.rooms-rule strong{font-size:13px}.rooms-rule small{margin-top:2px;color:var(--muted);font-size:11px;line-height:1.4}.room-list-item{min-height:82px}.room-list-title{display:flex;align-items:center;gap:7px}.room-list-item em{display:block;margin-top:5px;color:#c8cbd2;font-size:10px;font-style:normal}.room-live-presence{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px rgba(57,217,138,.09)}.room-chevron{font-size:29px;color:#6f7480;font-weight:300}
#roomSheet{overflow:hidden}.room-screen{height:min(84vh,760px);display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;margin:-19px;padding:0;background:#0b0c0f}.room-appbar{min-height:68px;display:flex;align-items:center;gap:9px;padding:10px 12px;border-bottom:1px solid var(--line);background:rgba(13,14,17,.97)}.room-back,.room-header-action{width:44px;height:44px;min-width:44px;border:0;border-radius:13px;background:#181a20;color:var(--text);display:grid;place-items:center}.room-back{font-size:33px;font-weight:300;padding-bottom:4px}.room-header-action{font-size:18px}.room-appbar-identity{min-width:0;flex:1;display:flex;align-items:center;gap:9px}.room-appbar-emoji{width:39px;height:39px;min-width:39px;display:grid;place-items:center;border:1px solid #343740;border-radius:12px;background:#1a1c22;font-size:21px}.room-appbar-identity strong,.room-appbar-identity small{display:block}.room-appbar-identity strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-appbar-identity small{margin-top:2px;color:var(--muted);font-size:10px;white-space:nowrap}.connection-dot{display:inline-block;width:7px;height:7px;margin-right:4px;border-radius:50%;background:#777}.connection-dot.online{background:var(--ok);box-shadow:0 0 0 3px rgba(57,217,138,.08)}.connection-dot.reconnecting{background:#ffb648;animation:radioPulse 1s infinite}
.room-listening-strip{width:100%;min-height:58px;display:flex;align-items:center;gap:10px;padding:9px 14px;border:0;border-bottom:1px solid #3f3808;background:#171605;color:var(--text);text-align:left}.room-listening-strip>span{color:#ff5964;font-size:14px}.room-listening-strip>div{min-width:0;flex:1}.room-listening-strip strong,.room-listening-strip small{display:block}.room-listening-strip strong{font-size:12px}.room-listening-strip small{margin-top:1px;color:#aaaeb7;font-size:10px}.room-listening-strip>b{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);color:#080808;font-size:12px}.room-listening-strip.playing{background:#0e2016;border-color:#285e3e}.room-description{padding:8px 14px;color:#8f949f;font-size:10px;border-bottom:1px solid rgba(255,255,255,.05)}
.room-chat-wrap{min-height:0;position:relative;overflow:hidden}.room-chat{height:100%;max-height:none;overflow-y:auto;overscroll-behavior:contain;padding:14px 12px 18px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin}.room-empty{margin:auto;display:grid;justify-items:center;gap:5px;text-align:center;color:var(--muted);padding:30px}.room-empty>span{font-size:36px}.room-empty strong{color:var(--text)}.room-empty small{font-size:11px}.chat-msg-row{width:100%;display:flex;align-items:flex-end;gap:7px}.chat-msg-row.own{justify-content:flex-end}.chat-avatar{width:29px;min-width:29px}.chat-avatar .avatar{width:29px;height:29px;min-width:29px;font-size:9px}.chat-msg-row.own .chat-avatar{display:none}.chat-bubble-wrap{max-width:min(82%,560px)}.chat-msg{position:relative;border:1px solid #2a2d34;border-radius:17px 17px 17px 5px;background:#17191e;padding:8px 10px;box-shadow:0 2px 7px rgba(0,0,0,.13)}.chat-msg.own{border-color:#4e4508;border-radius:17px 17px 5px 17px;background:#242006}.chat-msg-row.pending{opacity:.72}.chat-msg-row.failed .chat-msg{border-color:#713039;background:#251216}.sending-label{display:block;margin-top:4px;color:var(--muted);font-size:10px}.chat-msg-head{align-items:baseline}.chat-name{border:0;background:transparent;padding:0;color:inherit}.chat-msg-head strong{font-size:10px;color:var(--yellow)}.chat-msg.own .chat-msg-head strong{color:#fff}.chat-msg-head small{font-size:10px}.chat-msg p{margin:3px 0;color:#f0f1f3;font-size:13px;line-height:1.42}.chat-msg .audio-box{margin-top:6px;min-width:210px;background:rgba(0,0,0,.18)}.chat-msg .reply-preview{margin:4px 0 6px;padding:6px 7px;font-size:10px}.chat-actions{gap:3px;margin-top:5px}.chat-actions button{min-height:30px;border:0;background:transparent;padding:3px 6px;color:#9ea3ad;font-size:9px}.chat-actions button:hover,.chat-actions button.reacted{background:rgba(255,255,255,.05);color:var(--yellow)}.chat-actions .cabina-action{color:#e0c100}.reaction-picker{position:absolute;left:6px;bottom:36px;z-index:8;display:flex;gap:2px;padding:5px;border:1px solid #3b3e47;border-radius:999px;background:#202228;box-shadow:0 10px 28px rgba(0,0,0,.4)}.chat-msg.own .reaction-picker{left:auto;right:6px}.reaction-picker button{width:34px;height:34px;border:0;border-radius:50%;background:transparent;font-size:18px}.reaction-picker button:hover,.reaction-picker button.reacted{background:#343740}.chat-poll{align-self:center;width:min(92%,540px);border-radius:18px;background:#15171c}.chat-poll-foot{display:flex;justify-content:space-between;align-items:center;margin-top:8px;color:var(--muted);font-size:10px}.chat-poll-foot button{border:0;background:transparent;color:var(--yellow);font-weight:800}.new-msgs{bottom:10px;min-height:38px;font-size:11px}
.room-input-area{position:relative;z-index:5;padding:7px 10px calc(7px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:rgba(13,14,17,.98)}.room-input-area .replying-bar{margin:0 0 6px}.room-composer{position:static;display:flex;align-items:flex-end;gap:6px;padding:0;background:transparent}.room-composer textarea{flex:1;min-width:0;max-height:116px;resize:none;overflow-y:auto;border:1px solid #343740;border-radius:20px;background:#17191e;color:var(--text);padding:11px 13px;line-height:1.35;outline:0}.room-composer textarea:focus{border-color:#5b520b;box-shadow:0 0 0 2px rgba(255,212,0,.08)}.composer-tool,.room-send{width:42px;height:42px;min-width:42px;border:0;border-radius:50%;display:grid;place-items:center}.composer-tool{background:#202229;color:#d4d7dd;font-size:20px}.composer-tool.mic{font-size:18px}.room-send{background:var(--yellow);color:#080808;font-size:18px;font-weight:950}.room-format-note{display:block;margin:4px 0 0 49px;color:#737985;font-size:10px}.room-loading{padding:20px}.replying-bar{border-radius:12px;background:#1c1a09}

@media(max-width:780px){
  :root{--topbar:58px;--mobile-nav:70px}
  body{background:#08090b}
  .topbar{height:var(--topbar);padding:0 10px;border-bottom-color:#1f2228}.mobile-brand .brand-mark{width:34px;height:34px}.mobile-brand strong{font-size:13px}.topbar-actions{gap:5px}.icon-btn{width:40px;height:40px;border-radius:12px;font-size:20px}
  .view{width:100%;max-width:none;padding:14px 10px calc(var(--mobile-nav) + 78px)}
  .program-hero{margin:-14px -10px 18px;padding:20px 14px 17px;border-width:0 0 1px;border-radius:0 0 24px 24px;background:radial-gradient(circle at 95% 5%,rgba(255,212,0,.13),transparent 40%),linear-gradient(180deg,#111207,#0d0e11)}
  .program-copy h1{font-size:40px}.program-tagline{margin-bottom:13px}.program-radio-btn{border-radius:16px}.program-topic{border-radius:16px}.home-section{margin:20px 0}.conversation-section>.segmented{position:sticky;top:calc(var(--topbar) + 4px);z-index:7;background:rgba(18,19,24,.94);backdrop-filter:blur(14px)}
  .card{border-radius:18px;padding:13px}.home-spotlight{border-radius:18px}.home-room-card{border-radius:16px}
  .mobile-nav{height:calc(var(--mobile-nav) + env(safe-area-inset-bottom));padding:5px 5px calc(5px + env(safe-area-inset-bottom));grid-template-columns:repeat(5,1fr);background:rgba(10,11,14,.985)}.mobile-nav button{min-height:54px;gap:1px}.mobile-nav button>span{font-size:22px}.mobile-nav button small{font-size:10px}.mobile-nav .mobile-live-main{align-self:center;justify-self:center;width:58px;height:58px;min-height:58px;margin-top:-21px;border:1px solid #5b4f04;border-radius:50%;background:#191706;box-shadow:0 8px 28px rgba(0,0,0,.46)}.mobile-nav .mobile-live-main>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);color:#080808!important;font-size:13px!important}.mobile-nav .mobile-live-main small{margin-top:-1px;color:#fff;font-size:8px;font-weight:900}
  .persistent-player{bottom:calc(var(--mobile-nav) + env(safe-area-inset-bottom) + 7px);height:54px;border-radius:15px}
  .rooms-mobile-head{padding:5px 2px 0}.rooms-mobile-head .page-title{margin-top:4px}.rooms-rule{margin-top:12px}.room-list{gap:7px}.room-list-item{min-height:78px;border-left:0;border-right:0;border-radius:0;background:transparent;padding:11px 5px}.room-list-item:hover{background:#101115}.room-list-item .room-emoji{width:48px;height:48px;min-width:48px;border-radius:15px;background:#17191e}.room-list-item strong{font-size:14px}.room-list-item small{display:block;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-list-item em{font-size:9px}.room-chevron{padding-right:4px}
  body.room-open{overflow:hidden}.room-open .topbar,.room-open .mobile-nav,.room-open .persistent-player{display:none!important}.room-open #sheetBackdrop{display:none!important}
  #roomSheet{inset:0;left:0;bottom:0;transform:none;width:100%;max-width:none;max-height:none;height:100dvh;padding:0;border:0;border-radius:0;background:#0b0c0f}.room-screen{height:100dvh;margin:0;grid-template-rows:auto auto auto minmax(0,1fr) auto}.room-appbar{padding-top:calc(8px + env(safe-area-inset-top));min-height:calc(64px + env(safe-area-inset-top))}.room-chat{padding:12px 8px 14px}.chat-bubble-wrap{max-width:84%}.chat-msg p{font-size:14px}.room-description{padding-left:12px;padding-right:12px}.room-format-note{margin-left:48px}
  .sheet:not(#roomSheet){max-height:91vh}
}
@media(max-width:390px){.chat-bubble-wrap{max-width:87%}.room-appbar-identity strong{font-size:13px}.room-appbar-identity small{font-size:9px}.room-listening-strip{padding-left:11px;padding-right:11px}.room-composer{gap:5px}.composer-tool,.room-send{width:40px;height:40px;min-width:40px}.room-composer textarea{padding:10px 12px}.program-copy h1{font-size:37px}}
@media(max-width:340px){.mobile-nav button small{font-size:10px}.mobile-nav .mobile-live-main{width:54px;height:54px;min-height:54px}.chat-bubble-wrap{max-width:90%}.room-appbar-emoji{display:none}.room-description{display:none}}
/* R8 narrow-mobile containment and touch targets */
.room-screen,.room-appbar,.room-listening-strip,.room-description,.room-chat-wrap,.room-input-area,.room-composer,.chat-msg-row{min-width:0;width:100%;max-width:100%}
#roomSheet,.room-screen,.room-chat-wrap,.room-chat{overflow-x:hidden}
.chat-bubble-wrap{min-width:0}.chat-msg{max-width:100%}
.chat-actions button{min-height:36px}.reaction-picker button{width:40px;height:40px;min-width:40px;min-height:40px}.poll-option{min-height:44px}.composer-tool,.room-send{width:44px;height:44px;min-width:44px}
@media(max-width:340px){.room-composer{gap:4px}.composer-tool,.room-send{width:42px;height:42px;min-width:42px}.room-format-note{margin-left:46px}.room-appbar{gap:6px}}
@media(max-width:780px){body.room-open .main-wrap{display:none!important}.room-input-area{min-height:72px}.room-composer{min-height:44px}.room-format-note{line-height:10px}}
@media(max-width:780px){.room-screen{grid-template-rows:auto auto auto minmax(0,1fr) 72px;overflow:hidden}.room-chat-wrap{height:auto!important;min-height:0!important}}
@media(max-width:340px){.room-screen{grid-template-rows:64px 61px 0 minmax(0,1fr) 72px}}

/* === R9 CHAT VIVO + CONTINUIDAD DE SALA === */
.audio-box{position:relative;gap:9px;min-height:56px;padding:8px 10px;transition:border-color .18s,background .18s}.audio-box.is-playing{border-color:#5f5208;background:#171607}.audio-box.is-playing .audio-play{box-shadow:0 0 0 5px rgba(255,212,0,.08)}
.audio-wave{height:30px;display:flex;align-items:center;gap:2px;flex:0 1 176px;width:176px;min-width:96px;max-width:176px;overflow:hidden}.audio-wave i{display:block;width:3px;min-width:3px;height:var(--h,14px);border-radius:99px;background:#555b65;transition:background .12s,transform .12s}.audio-wave i.played{background:var(--yellow);transform:scaleY(1.08)}
.audio-time{display:flex;align-items:center;gap:3px;min-width:67px;justify-content:flex-end;font-size:10px;white-space:nowrap}.audio-time b{color:#f0f1f3;font-weight:850}.audio-time em{color:#626771;font-style:normal}.audio-time span{color:#8c919b}
.chat-msg-head strong{font-size:12px}.chat-msg-head small{font-size:10px}.chat-msg p{font-size:14.5px;line-height:1.48}.chat-avatar{width:32px;min-width:32px}.chat-avatar .avatar{width:32px;height:32px;min-width:32px;font-size:10px}.chat-actions{margin-top:7px;gap:4px}.chat-actions button{font-size:10.5px;padding:4px 8px}.chat-msg .reply-preview{font-size:11px;line-height:1.35}.chat-msg .audio-box{min-width:min(280px,68vw);margin-top:7px}
.room-recorder-bar{display:flex;align-items:center;gap:8px;min-height:52px;width:100%}.record-inline-cancel,.record-inline-stop,.record-inline-send{width:46px;height:46px;min-width:46px;border:0;border-radius:50%;display:grid;place-items:center;font-size:18px}.record-inline-cancel{background:#202229;color:#e6e8ec}.record-inline-stop{background:#33151a;color:#ff7780}.record-inline-send{background:var(--yellow);color:#080808;font-weight:950}.record-inline-live,.record-inline-preview{min-width:0;flex:1}.record-inline-live{height:46px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid #3b2427;border-radius:18px;background:#181012}.record-inline-live strong{font-size:13px;color:#fff}.record-inline-live small{color:#ff8b92;font-size:10px;font-weight:850}.record-live-dot{width:8px;height:8px;min-width:8px;border-radius:50%;background:#ff4d59;animation:radioPulse 1s infinite}.record-live-wave{height:25px;flex:1;display:flex;align-items:center;justify-content:center;gap:2px;overflow:hidden}.record-live-wave i{width:3px;height:7px;border-radius:99px;background:#ff5964;animation:recordWave .72s ease-in-out infinite alternate;animation-delay:var(--d,0s)}.record-inline-preview>small{display:block;margin:0 0 3px 6px;color:#a8adb7;font-size:10px}.record-inline-preview .audio-box{margin:0;min-height:48px;padding:5px 7px}.record-inline-preview .audio-play{width:38px;height:38px;min-width:38px}.record-inline-preview .audio-wave{height:25px}@keyframes recordWave{from{height:6px;opacity:.55}to{height:23px;opacity:1}}
.room-overlay{position:absolute;inset:0;z-index:30;display:flex;align-items:flex-end;justify-content:center;padding:16px;background:rgba(0,0,0,.56);backdrop-filter:blur(4px)}.room-overlay.hidden{display:none}.room-overlay-card{width:min(560px,100%);max-height:min(78dvh,650px);overflow:auto;border:1px solid #343740;border-radius:22px;background:#15171c;padding:16px;box-shadow:0 22px 70px rgba(0,0,0,.55)}.room-overlay-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.room-overlay-head strong{font-size:18px;color:#fff}.room-overlay-head button{width:44px;height:44px;border:0;border-radius:50%;background:#24272e;color:#fff;font-size:24px}.room-overlay-sub{margin-top:-7px;color:var(--muted)}
.room-dock{position:fixed;z-index:42;right:22px;bottom:22px;width:min(360px,calc(100vw - 32px));display:flex;align-items:center;gap:5px;padding:6px;border:1px solid #4f4508;border-radius:18px;background:rgba(22,21,8,.97);box-shadow:0 16px 45px rgba(0,0,0,.5);backdrop-filter:blur(16px)}.room-dock-main{min-width:0;flex:1;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;border:0;background:transparent;color:var(--text);text-align:left;padding:4px}.room-dock-emoji{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#252208;font-size:22px}.room-dock-copy{min-width:0}.room-dock-copy strong,.room-dock-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-dock-copy strong{font-size:12px}.room-dock-copy small{margin-top:2px;color:#b9bdc6;font-size:9.5px}.room-dock-badge{align-self:center;max-width:88px;padding:6px 8px;border-radius:999px;background:#2b2e35;color:#e8e9ec;font-size:9px;white-space:nowrap}.room-dock-badge.priority{background:#5b1d26;color:#ffd5d8}.room-dock-close{width:38px;height:38px;min-width:38px;border:0;border-radius:50%;background:transparent;color:#a8adb6;font-size:21px}.room-dock-close:hover{background:#2b2d33;color:#fff}.room-open .room-dock{display:none!important}
@media(max-width:780px){
  .chat-msg{padding:9px 11px}.chat-msg-head strong{font-size:12px}.chat-msg-head small{font-size:10px}.chat-msg p{font-size:15px}.chat-actions button{min-height:40px!important;font-size:10.5px}.chat-bubble-wrap{max-width:88%}
  .room-description{font-size:11px}.room-appbar-identity strong{font-size:14px}.room-appbar-identity small{font-size:10px}.room-listening-strip strong{font-size:12.5px}.room-listening-strip small{font-size:10px}
  .room-dock{left:8px;right:8px;bottom:calc(var(--mobile-nav) + env(safe-area-inset-bottom) + 8px);width:auto;border-radius:16px}.radio-playing .room-dock{bottom:calc(var(--mobile-nav) + env(safe-area-inset-bottom) + 69px)}.room-dock-main{grid-template-columns:40px minmax(0,1fr) auto}.room-dock-emoji{width:40px;height:40px}.room-dock-copy strong{font-size:12px}.room-dock-copy small{font-size:9.5px}.room-dock-badge{max-width:78px;padding:5px 7px}
  .room-overlay{padding:0;align-items:flex-end}.room-overlay-card{width:100%;max-height:86dvh;border-radius:22px 22px 0 0;padding:17px 14px calc(17px + env(safe-area-inset-bottom))}.room-overlay-head strong{font-size:17px}
  .room-recorder-bar{min-height:52px}.record-inline-cancel,.record-inline-stop,.record-inline-send{width:44px;height:44px;min-width:44px}.record-inline-live{height:44px}.record-inline-preview .audio-time{min-width:61px}
}
@media(max-width:360px){.chat-msg .audio-box{min-width:220px}.audio-wave{gap:1.5px}.audio-wave i{width:2.5px;min-width:2.5px}.audio-time{min-width:58px;font-size:10px}.room-dock-badge{display:none}.room-dock-main{grid-template-columns:38px minmax(0,1fr)}.room-dock-emoji{width:38px;height:38px}.record-live-wave{gap:1px}.record-live-wave i{width:2.5px}}
@media(max-width:780px){.room-list{min-width:0;width:100%;overflow:hidden}.room-list-item{min-width:0;max-width:100%;overflow:hidden}.room-list-item .grow{min-width:0;overflow:hidden}.room-chevron{flex:0 0 auto}}
/* Keep mobile chat rows stable even when the optional description is hidden on narrow screens. */
.room-appbar{grid-row:1}.room-listening-strip{grid-row:2}.room-description{grid-row:3}.room-chat-wrap{grid-row:4}.room-input-area{grid-row:5}

/* === R10 CLEAN REBUILD · SINTONÍA / RANGOS / SHARE / CHAT DENSITY === */
.avatar-wrap{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;border-radius:50%;padding:2px;background:transparent}.avatar-wrap>.avatar{border:2px solid #3a3d46}.avatar-wrap.rank-1>.avatar{border-color:#777d88}.avatar-wrap.rank-2>.avatar{border-color:#6fa7d8}.avatar-wrap.rank-3>.avatar{border-color:#44b995}.avatar-wrap.rank-4>.avatar{border-color:#e5bf32}.avatar-wrap.rank-5>.avatar{border-color:#df8e43}.avatar-wrap.rank-6>.avatar{border-color:#c878e7}.avatar-wrap.rank-7>.avatar{border-color:#ffd84a;box-shadow:0 0 0 1px rgba(255,216,74,.18)}
.rank-shield{position:absolute;right:-3px;bottom:-3px;width:18px;height:18px;display:grid;place-items:center;border:2px solid #101115;border-radius:50%;background:#22252b;font-size:10px;line-height:1}.moderator-corner{position:absolute;left:-4px;bottom:-4px;width:17px;height:17px;display:grid;place-items:center;border:2px solid #101115;border-radius:50%;background:#182942;font-size:9px}.mod-label{display:inline-flex;align-items:center;margin-left:4px;color:#9fc7ff;font-size:9px;font-weight:850;vertical-align:middle}
.profile-avatar-wrap .avatar-wrap{padding:3px}.profile-avatar-wrap .avatar{width:88px;height:88px;min-width:88px;font-size:25px}.profile-avatar-wrap .rank-shield{width:26px;height:26px;font-size:14px;right:-1px;bottom:-1px}.profile-avatar-inner{width:88px!important;height:88px!important;min-width:88px!important;font-size:25px!important}
.sintonia-card{width:100%;margin-top:15px;display:grid;grid-template-columns:48px minmax(0,1fr) 24px;align-items:center;gap:10px;border:1px solid #49420d;border-radius:17px;background:linear-gradient(135deg,#1a1808,#131419);color:var(--text);padding:12px 13px;text-align:left}.sintonia-card.compact{margin:12px 0;grid-template-columns:auto minmax(0,1fr) 20px}.sintonia-card.compact .avatar{width:42px;height:42px;min-width:42px}.sintonia-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#2c2708;font-size:24px}.sintonia-copy{min-width:0}.sintonia-copy b,.sintonia-copy small,.sintonia-copy em{display:block}.sintonia-copy b{font-size:14px}.sintonia-copy small{margin-top:2px;color:#d2d4da;font-size:11px}.sintonia-copy em{margin-top:4px;color:#999ea8;font-size:9.5px;font-style:normal}.sintonia-card .level-bar{height:5px;margin-top:7px}.sintonia-chevron{font-size:24px;color:var(--yellow);font-style:normal}
.sintonia-tabs{overflow-x:auto;justify-content:flex-start;margin-bottom:14px}.sintonia-tabs button{white-space:nowrap}.sintonia-hero{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid #37320d;border-radius:18px;background:#171608}.sintonia-hero>span{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:#292508;font-size:32px}.sintonia-hero small,.sintonia-hero strong{display:block}.sintonia-hero small{color:var(--yellow);font-size:9px;font-weight:900;letter-spacing:.12em}.sintonia-hero h2{margin:3px 0 2px}.sintonia-note,.eligibility-card{margin-top:12px;padding:12px 13px;border:1px solid var(--line);border-radius:14px;background:#15171c;color:var(--text-2)}.sintonia-note p{margin:5px 0 0;font-size:11px;line-height:1.5}.eligibility-card{border-color:#4b430c;background:#1b1908}.eligibility-card.muted{border-color:var(--line);background:#15171c;color:var(--muted)}
.ledger,.earn-list,.rank-catalog{display:grid;gap:7px}.ledger-row,.earn-row,.rank-catalog-row{display:flex;align-items:center;gap:10px;padding:10px 11px;border:1px solid var(--line);border-radius:13px;background:#14161a}.ledger-row>b{width:52px;font-size:13px}.ledger-row>b.plus{color:#79e2aa}.ledger-row>b.minus{color:#ff8a93}.ledger-row>span,.earn-row>span{min-width:0;flex:1}.ledger-row strong,.ledger-row small,.earn-row strong,.earn-row small{display:block}.ledger-row small,.earn-row small{margin-top:2px;color:var(--muted);font-size:9.5px}.earn-row>b{color:var(--yellow)}.rank-catalog-row>span{font-size:22px}.rank-catalog-row>strong{flex:1}.rank-catalog-row>small{color:var(--muted)}.rank-catalog-row.current{border-color:#62570a;background:#201d07}.ranking-caption{display:block;margin:-4px 0 7px;color:var(--muted)}
.account-notice{text-align:center}.account-notice>span{font-size:38px}.account-notice p{color:var(--text-2);line-height:1.55}.notice-points{display:inline-block;margin:4px 0 14px;color:#ff9aa3}
.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 10px;margin:8px 0}.permission-grid label{font-size:10px;color:#c9ccd3}.mod-admin-row,.moderation-review{align-items:flex-start}.moderation-review input{width:90px}.admin-row p{margin:4px 0;color:var(--text-2);font-size:11px}
.poll-foot{display:flex;align-items:center;gap:8px}.poll-share{margin-left:auto;border:0;background:transparent;color:var(--yellow);font-size:10px;font-weight:800}.cabina-action.sent{opacity:.62}.room-presence{color:#8f949f}

/* Escritorio: conversación más densa y mejor uso del espacio, sin sacrificar móvil. */
@media(min-width:781px){
  #roomSheet.sheet-wide{width:min(900px,calc(100vw - 36px));max-width:900px}
  .room-screen{height:min(88vh,800px);grid-template-rows:54px 42px 28px minmax(0,1fr) auto;margin:-19px}
  .room-appbar{min-height:54px;padding:5px 9px;gap:6px}.room-back,.room-header-action{width:36px;height:36px;min-width:36px;border-radius:10px}.room-appbar-emoji{width:32px;height:32px;min-width:32px;font-size:17px}.room-appbar-identity{gap:7px}.room-appbar-identity strong{font-size:12.5px}.room-appbar-identity small{font-size:8.5px}
  .room-listening-strip{min-height:42px;padding:5px 10px;gap:7px}.room-listening-strip strong{font-size:10.5px}.room-listening-strip small{font-size:8px}.room-listening-strip>b{width:28px;height:28px}.room-description{padding:5px 10px;font-size:9px}
  .room-chat{padding:8px 10px 10px;gap:4px}.chat-msg-row{gap:5px}.chat-avatar{width:25px;min-width:25px}.chat-avatar .avatar{width:25px;height:25px;min-width:25px;font-size:8px}.chat-avatar .rank-shield{width:13px;height:13px;font-size:7px}
  .chat-bubble-wrap{max-width:min(76%,660px)}.chat-msg{padding:6px 8px;border-radius:14px 14px 14px 4px}.chat-msg.own{border-radius:14px 14px 4px 14px}.chat-msg-head strong{font-size:9.5px}.chat-msg-head small{font-size:8px}.chat-msg p{margin:2px 0;font-size:12.5px;line-height:1.35}.chat-msg .reply-preview{margin:2px 0 4px;padding:4px 6px;font-size:9px}.chat-actions{margin-top:2px;gap:1px}.chat-actions button{min-height:25px!important;padding:2px 5px;font-size:8px}.chat-msg .audio-box{min-width:240px;margin-top:4px}.reaction-picker button{width:30px;height:30px;min-width:30px;min-height:30px}
  .room-input-area{padding:5px 8px}.room-composer textarea{padding:8px 11px;font-size:12px}.composer-tool,.room-send{width:36px;height:36px;min-width:36px}.room-format-note{margin-top:2px;font-size:7px}
}
@media(max-width:780px){.rank-shield{width:17px;height:17px}.profile-avatar-wrap .avatar{width:78px!important;height:78px!important;min-width:78px!important}.profile-avatar-wrap .rank-shield{width:24px;height:24px}.sintonia-card{grid-template-columns:44px minmax(0,1fr) 20px;padding:11px}.sintonia-tabs{margin-left:-4px;margin-right:-4px}.permission-grid{grid-template-columns:1fr}.room-presence{font-size:8px}.chat-actions .cabina-action{color:#f1d735}}

/* R10 closeout: official Sintonía admin vocabulary */
.rank-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-top:10px}.rank-admin-card{display:flex;align-items:center;gap:9px;padding:10px 11px;border:1px solid var(--line);border-radius:13px;background:#14161a}.rank-admin-card>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#202228;font-size:19px}.rank-admin-card strong,.rank-admin-card small{display:block}.rank-admin-card small{margin-top:2px;color:var(--muted);font-size:9.5px}.rank-admin-card.top{border-color:#64580a;background:#1f1d08}.earn-admin-list{display:grid;gap:6px;margin-top:10px}.earn-admin-row{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid var(--line);border-radius:12px;background:#14161a}.earn-admin-row strong,.earn-admin-row small{display:block}.earn-admin-row small{margin-top:2px;color:var(--muted);font-size:9px}.earn-admin-row>b{color:var(--yellow)}

/* Enlaces compartidos de encuestas: abrir la Sala y señalar el destino sin convertirlo en modal. */
.room-poll.shared-focus{outline:2px solid var(--yellow);outline-offset:2px;box-shadow:0 0 0 5px rgba(255,214,0,.10)}

/* Encuestas dentro del chat: densidad de mensajería, sin aspecto de formulario suelto. */
.room-poll{align-self:center;width:min(92%,540px);border:1px solid #2a2d34;border-radius:14px;background:#15171c;padding:9px 10px;color:var(--text);box-sizing:border-box}
.poll-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px;color:var(--muted);font-size:10px}
.poll-head span{color:#d7dae0;font-weight:800}.poll-head small{white-space:nowrap}
.room-poll>strong{display:block;margin:0 0 8px;color:#f2f3f5;font-size:14px;line-height:1.3}
.room-poll .poll-options{gap:6px}.room-poll .poll-option{min-height:38px;padding:7px 9px;border-radius:9px}
.room-poll .poll-foot{margin-top:6px;font-size:10px}

/* === R11 · APP FOUNDATION / DESIGN SYSTEM === */
:root{
  --bg:#070809;--bg-elevated:#0d0f12;--surface:#111318;--surface-raised:#171a20;--surface-soft:#1d2027;
  --line:rgba(255,255,255,.095);--line-strong:rgba(255,255,255,.16);
  --text:#f7f8fa;--text-2:#d7dae1;--muted:#8d929d;--muted-2:#6f7480;
  --yellow:#ffd400;--yellow-ink:#111006;--danger:#ff5a67;--ok:#42d992;
  --radius:16px;--radius-sm:11px;--shadow:0 18px 56px rgba(0,0,0,.34);
  --topbar:62px;--mobile-nav:68px;--feed:760px;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
html{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}
body{background:var(--bg);font-weight:400;letter-spacing:0}
strong,b{font-weight:650}.page-title{font-weight:720}.section-title{font-weight:650}.page-sub{font-weight:400}
.ui-ico{width:22px;height:22px;display:block;stroke:currentColor;fill:none;overflow:visible}
.sidebar{gap:18px;padding:18px 14px;background:rgba(7,8,9,.97);border-color:var(--line)}
.brand{width:100%;min-height:64px;padding:2px 8px;justify-content:flex-start;overflow:hidden}.brand-logo{display:block;width:154px;max-height:62px;object-fit:contain;object-position:left center}
.nav-section-label{font-size:10px!important;letter-spacing:.12em!important;color:var(--muted-2)!important;font-weight:650!important}
.nav-item{min-height:46px;border-radius:12px;color:#bec2ca;font-weight:520;padding:9px 12px;gap:12px}.nav-item:hover{background:rgba(255,255,255,.045)}.nav-item.active{background:#15181e;box-shadow:inset 2px 0 0 var(--yellow);font-weight:630}.nav-item .ui-ico{width:21px;height:21px;color:#9ba0aa}.nav-item.active .ui-ico{color:var(--yellow)}.nav-item .live-nav-dot{color:#ff5965}
.ask-btn{font-weight:650}.topbar{height:var(--topbar);padding:0 18px;background:rgba(7,8,9,.88);border-color:var(--line)}.icon-btn{width:42px;height:42px;border-radius:12px;background:#111318}.icon-btn .ui-ico{width:20px;height:20px}
.mobile-brand{font-size:16px;font-weight:680;gap:9px}.mobile-brand img{width:34px;height:34px;object-fit:contain}.mobile-brand span{white-space:nowrap}
.primary-btn,.secondary-btn,.danger-btn,.ghost-btn{font-weight:620}.secondary-btn,.ghost-btn{color:var(--text-2)}
.panel,.card,.list-item{border-color:var(--line)}
.right-rail{background:transparent}
/* The slogan remains content copy, not part of the navigation logo. */
.program-tagline{font-weight:450!important;color:var(--text-2)!important}
/* App-like mobile shell: full-height workspace, safe areas and fixed navigation rhythm. */
@media(max-width:780px){
  :root{--topbar:56px;--mobile-nav:64px}
  body{overscroll-behavior-y:none}
  .app-shell{min-height:100dvh}
  .topbar{height:calc(var(--topbar) + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);padding-left:12px;padding-right:12px}
  .mobile-nav{height:calc(var(--mobile-nav) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:rgba(10,11,13,.96);backdrop-filter:blur(20px);border-top-color:var(--line)}
  .mobile-nav button{font-weight:520}.mobile-nav button.active{font-weight:650}
  .view{padding-left:12px;padding-right:12px;padding-bottom:calc(var(--mobile-nav) + 86px + env(safe-area-inset-bottom))}
  .sheet{padding-bottom:calc(18px + env(safe-area-inset-bottom))}
}

/* === R11 · BLOQUE 2 · CENTRO DE CHAT APP-FIRST === */
body.chat-open{overflow:hidden}
body.chat-open .main-wrap{min-width:0;height:100vh;overflow:hidden}
body.chat-open .view{width:100%;max-width:none;height:calc(100vh - var(--topbar));margin:0;padding:12px;overflow:hidden}
.chat-center{height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.chat-room-item{width:100%;min-height:54px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;border:0;border-radius:12px;background:transparent;color:var(--text-2);padding:7px 8px;text-align:left}.chat-room-item:hover{background:rgba(255,255,255,.04)}.chat-room-item.active{background:var(--surface-raised);color:var(--text)}.chat-room-item.active:before{content:"";position:absolute;width:3px;height:24px;margin-left:-8px;border-radius:99px;background:var(--yellow)}
.chat-room-item{position:relative}.chat-room-emoji{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--surface-soft);font-size:18px}.chat-room-copy{min-width:0}.chat-room-copy strong,.chat-room-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-room-copy strong{font-size:12.5px;font-weight:620}.chat-room-copy strong i{color:var(--yellow);font-style:normal}.chat-room-copy small{margin-top:2px;color:var(--muted);font-size:10px;font-weight:400}.chat-room-unread{min-width:21px;height:21px;display:grid;place-items:center;padding:0 5px;border-radius:999px;background:var(--yellow);color:#111;font-size:9px;font-weight:750}
.chat-conversation{height:100%;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#0a0c0f}.app-room-screen{height:100%;min-height:0;margin:0;border-radius:18px;overflow:hidden;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;background:#0a0c0f}
.app-room-screen .room-appbar{grid-row:1;min-height:58px;padding:7px 9px;border-bottom:1px solid var(--line);background:rgba(13,15,18,.98)}.app-room-screen .room-back,.app-room-screen .room-header-action{width:40px;height:40px;min-width:40px;border-radius:12px;background:var(--surface-raised);font-size:17px}.app-room-screen .room-back{font-size:28px}.app-room-screen .room-header-action.is-active{color:var(--yellow)}.app-room-screen .room-appbar-emoji{width:35px;height:35px;min-width:35px;border:0;border-radius:11px;background:var(--surface-soft);font-size:18px}.app-room-screen .room-appbar-identity strong{font-size:13.5px;font-weight:650}.app-room-screen .room-appbar-identity strong i{font-style:normal;color:var(--muted)}.app-room-screen .room-appbar-identity small{font-size:10px;font-weight:400;color:var(--muted)}
.room-live-context{grid-row:2;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 9px;padding:8px 12px;border-bottom:1px solid rgba(255,212,0,.12);background:linear-gradient(90deg,rgba(255,212,0,.08),rgba(255,212,0,.025))}.room-live-context span{grid-row:1/3;color:#ff6a73;font-size:10px;font-weight:700}.room-live-context strong{font-size:12px;font-weight:620;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-live-context small{color:var(--muted);font-size:9.5px;font-weight:400}.app-room-screen:not(:has(.room-live-context)) .room-chat-wrap{grid-row:2}.app-room-screen:not(:has(.room-live-context)) .room-ephemeral-status{grid-row:3}.app-room-screen:not(:has(.room-live-context)) .room-input-area{grid-row:4}
.app-room-screen .room-chat-wrap{grid-row:3;min-height:0;overflow:hidden}.app-room-screen .room-chat{height:100%;min-height:0;max-height:none;padding:12px 14px 18px;gap:6px;background:transparent}.load-older-chat{align-self:center;min-height:34px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);padding:6px 12px;font-size:10px}.load-older-chat:hover{color:var(--text);border-color:var(--line-strong)}
.app-room-screen .chat-msg-row{gap:7px}.app-room-screen .chat-avatar{width:31px;min-width:31px}.app-room-screen .chat-avatar .avatar{width:31px;height:31px;min-width:31px}.app-room-screen .chat-bubble-wrap{max-width:min(76%,640px)}.app-room-screen .chat-msg{border-color:rgba(255,255,255,.1);border-radius:16px 16px 16px 5px;background:#16191e;padding:8px 10px;box-shadow:none}.app-room-screen .chat-msg.own{border-color:rgba(255,212,0,.19);border-radius:16px 16px 5px 16px;background:#211e08}.app-room-screen .chat-msg-head strong{font-size:11px;font-weight:620}.app-room-screen .chat-msg-head small{font-size:10px;font-weight:400;color:var(--muted)}.app-room-screen .chat-msg p{margin:4px 0 2px;font-size:14px;line-height:1.42;font-weight:400}.app-room-screen .reply-preview{border-left:2px solid var(--yellow);background:rgba(255,255,255,.035);font-size:10px}.team-chat-badge{display:inline-flex;align-items:center;margin-left:4px;padding:2px 5px;border-radius:999px;background:rgba(255,212,0,.1);color:var(--yellow);font-size:10px;font-weight:700;vertical-align:1px}.app-room-screen .chat-actions{display:flex;flex-wrap:wrap;gap:1px;margin-top:4px}.app-room-screen .chat-actions button{min-height:30px!important;padding:4px 6px!important;border-radius:8px!important;font-size:10px!important;font-weight:480!important;color:#9298a3}.app-room-screen .chat-actions button:hover{background:rgba(255,255,255,.05);color:var(--text)}.app-room-screen .chat-actions .cabina-action{color:#d9c230}.app-room-screen .room-poll{width:min(88%,560px);background:#14171b}
.app-room-screen .room-ephemeral-status{grid-row:4;min-height:0;padding:0 12px;color:var(--muted);font-size:10px;background:#0a0c0f}.app-room-screen .room-input-area{grid-row:5;padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#0d0f12}.app-room-screen .room-composer{gap:7px}.app-room-screen .room-composer textarea{min-height:42px;border-color:var(--line-strong);border-radius:19px;background:var(--surface-raised);font-size:13.5px;font-weight:400;padding:10px 13px}.app-room-screen .composer-tool,.app-room-screen .room-send{width:42px;height:42px;min-width:42px}.app-room-screen .composer-tool{background:var(--surface-raised);font-size:18px}.app-room-screen .room-send{font-size:17px}.app-room-screen .replying-bar{font-size:10px}
.rooms-app-landing{max-width:680px;margin:0 auto}.chat-mobile-room-list{display:grid;gap:5px}.rooms-app-landing .chat-room-item{border:1px solid var(--line);background:var(--surface);min-height:62px;padding:9px 11px}
.room-selector-sheet{display:grid;gap:4px}.room-selector-sheet>b{padding:9px 9px 3px;color:var(--muted-2);font-size:10px;letter-spacing:.1em}.room-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.room-tool-grid>button{min-height:94px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);padding:12px;text-align:left}.room-tool-grid>button>span{font-size:20px}.room-tool-grid>button strong{font-size:12px;font-weight:620}.room-tool-grid>button small,.room-tool-note{color:var(--muted);font-size:10px;font-weight:400}.room-notify-list{display:grid;gap:6px}.room-notify-list button{display:grid;grid-template-columns:34px minmax(0,1fr) 22px;align-items:center;gap:9px;min-height:58px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);padding:9px;text-align:left}.room-notify-list button.active{border-color:rgba(255,212,0,.4);background:rgba(255,212,0,.06)}.room-notify-list button>span:first-child{font-size:18px;text-align:center}.room-notify-list strong,.room-notify-list small{display:block}.room-notify-list strong{font-size:12px;font-weight:620}.room-notify-list small{margin-top:2px;color:var(--muted);font-size:9.5px;font-weight:400}.room-notify-list b{color:var(--yellow)}

@media(max-width:1180px) and (min-width:781px){
  body.chat-open .app-shell{grid-template-columns:225px minmax(0,1fr)}
}

@media(max-width:780px){
  body.chat-open{height:var(--app-vh,100dvh);overflow:hidden;background:#0a0c0f}
  body.chat-open .app-shell{display:block;min-height:0;height:var(--app-vh,100dvh)}
  body.chat-open .sidebar,body.chat-open .topbar,body.chat-open .right-rail,body.chat-open .mobile-nav{display:none!important}
  body.chat-open .main-wrap{height:var(--app-vh,100dvh);min-height:0;overflow:hidden}
  body.chat-open .view{height:var(--app-vh,100dvh);min-height:0;padding:0;overflow:hidden}
  .chat-center{display:block;height:100%;min-height:0}.chat-conversation{height:100%;border:0;border-radius:0}
  .app-room-screen{height:var(--app-vh,100dvh);min-height:0;border-radius:0;grid-template-rows:auto auto minmax(0,1fr) auto auto}
  .app-room-screen .room-appbar{min-height:calc(57px + env(safe-area-inset-top));padding:calc(7px + env(safe-area-inset-top)) 9px 7px}.app-room-screen .room-back,.app-room-screen .room-header-action{width:42px;height:42px;min-width:42px}.app-room-screen .room-appbar-emoji{width:36px;height:36px;min-width:36px}.app-room-screen .room-appbar-identity strong{font-size:14px}.app-room-screen .room-appbar-identity small{font-size:10px}
  .room-live-context{padding:7px 10px}.room-live-context span{font-size:10px}.room-live-context strong{font-size:11px}.room-live-context small{font-size:10px}
  .app-room-screen .room-chat{padding:10px 8px 14px;gap:6px}.app-room-screen .chat-bubble-wrap{max-width:84%}.app-room-screen .chat-msg{padding:8px 9px}.app-room-screen .chat-msg p{font-size:15px;line-height:1.4}.app-room-screen .chat-msg-head strong{font-size:11px}.app-room-screen .chat-actions{margin-top:3px}.app-room-screen .chat-actions button{min-height:34px!important;padding:5px 7px!important;font-size:10.5px!important}.app-room-screen .chat-avatar{width:29px;min-width:29px}.app-room-screen .chat-avatar .avatar{width:29px;height:29px;min-width:29px}.team-chat-badge{font-size:10px;padding:2px 4px}
  .app-room-screen .room-input-area{padding:7px 8px calc(7px + env(safe-area-inset-bottom));}.app-room-screen .room-composer{gap:5px}.app-room-screen .room-composer textarea{min-height:44px;border-radius:21px;font-size:16px;padding:10px 12px}.app-room-screen .composer-tool,.app-room-screen .room-send{width:44px;height:44px;min-width:44px}
  .room-overlay{padding:0;align-items:flex-end}.room-overlay-card{width:100%;max-width:none;max-height:min(86dvh,calc(var(--app-vh,100dvh) - 54px));border-radius:22px 22px 0 0;padding:16px 12px calc(16px + env(safe-area-inset-bottom))}.room-selector-sheet .chat-room-item{min-height:58px}
  .persistent-player{bottom:calc(env(safe-area-inset-bottom) + 8px);width:calc(100% - 16px);height:54px;z-index:24}.chat-open.radio-playing .app-room-screen{padding-bottom:62px}.chat-open.radio-playing .persistent-player{display:flex!important}.chat-open .persistent-player{z-index:24}
  .room-dock{left:8px;right:8px;bottom:calc(var(--mobile-nav) + env(safe-area-inset-bottom) + 8px);width:auto}.radio-playing .room-dock{bottom:calc(var(--mobile-nav) + env(safe-area-inset-bottom) + 69px)}
}
@media(max-width:390px){.app-room-screen .room-appbar{gap:5px}.app-room-screen .room-header-action{width:40px;height:40px;min-width:40px}.app-room-screen .chat-bubble-wrap{max-width:88%}.room-tool-grid{grid-template-columns:1fr 1fr}.room-tool-grid>button{min-height:86px;padding:10px}}
@media(max-width:350px){.app-room-screen .room-appbar-emoji{display:none}.app-room-screen .chat-bubble-wrap{max-width:91%}.room-tool-grid{grid-template-columns:1fr}.app-room-screen .chat-actions button{padding-left:5px!important;padding-right:5px!important}}
/* R11 B2 row model: without live context the conversation receives the flexible row. */
.app-room-screen{grid-template-rows:auto minmax(0,1fr) auto auto}
.app-room-screen .room-chat-wrap{grid-row:2}.app-room-screen .room-ephemeral-status{grid-row:3}.app-room-screen .room-input-area{grid-row:4}
.app-room-screen:has(.room-live-context){grid-template-rows:auto auto minmax(0,1fr) auto auto}
.app-room-screen:has(.room-live-context) .room-live-context{grid-row:2}.app-room-screen:has(.room-live-context) .room-chat-wrap{grid-row:3}.app-room-screen:has(.room-live-context) .room-ephemeral-status{grid-row:4}.app-room-screen:has(.room-live-context) .room-input-area{grid-row:5}
/* R11 B2: room identity is an app header control, never a native browser button. */
.app-room-screen .room-appbar-identity{border:0;background:transparent;color:var(--text);padding:0;text-align:left;cursor:pointer;font:inherit}
.app-room-screen .room-appbar-identity:hover{background:transparent}
/* R11 / BLOQUE 3 — resiliencia, presencia y notificaciones */
.audio-speed{min-width:38px;height:30px;border:1px solid var(--line);border-radius:999px;background:#17191e;color:var(--text);font-size:10px;font-weight:750;padding:0 8px}.audio-speed:hover{border-color:#5f5208;color:var(--yellow)}
.room-ephemeral-status.is-active{min-height:24px;padding:5px 12px 3px;color:#c5c8cf}.room-ephemeral-status.is-active::after{content:'•••';margin-left:4px;letter-spacing:2px;animation:ephemeralPulse 1.1s infinite}@keyframes ephemeralPulse{50%{opacity:.35}}
.pending-actions{display:flex;gap:8px;margin-top:7px}.pending-actions button{min-height:30px;border:1px solid #56343a;border-radius:9px;background:#1a1012;color:#ffd8dc;padding:5px 8px;font-size:10px}.pending-audio{font-size:12px;color:#f2f3f4}.room-sound-row{margin-top:10px}.dnd-times{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dnd-times label,.settings-select{display:grid;gap:5px;border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:10px 12px;color:var(--muted);font-size:10px}.dnd-times input,.settings-select select{width:100%;min-height:40px;border:1px solid var(--line-strong);border-radius:10px;background:#0b0d10;color:var(--text);padding:7px 9px}.settings-select{grid-template-columns:minmax(0,1fr);}.settings-select strong,.settings-select small{display:block}.settings-select strong{color:var(--text);font-size:12px}.settings-select small{margin-top:2px}.chat-msg-row.pending .sending-label{font-weight:650}.chat-msg-row.failed{opacity:1}
@media(max-width:390px){.audio-box{gap:6px}.audio-speed{min-width:34px;padding:0 6px}.dnd-times{grid-template-columns:1fr}.settings-select select{font-size:12px}}


/* R11 B4 — Programa / Producción */
.on-air-public{margin-top:12px;padding:12px 13px;border:1px solid rgba(255,212,0,.28);border-radius:14px;background:rgba(255,212,0,.055)}
.on-air-public>span{display:block;color:#ffdc2b;font-size:9px;font-weight:850;letter-spacing:.11em}.on-air-public strong{display:block;margin-top:4px;font-size:13px}.on-air-public p{margin:5px 0 0!important;color:#d8dbe1!important;font-size:12px!important}.on-air-public small{display:block;margin-top:5px;color:#9298a3}
.production-console{display:grid;gap:14px}.production-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:17px;border:1px solid #30333a;border-radius:18px;background:#15171c}.production-top h2{margin:5px 0 4px;font-size:22px}.production-top p{margin:0;color:#9ea3ad;font-size:12px}.production-mode-actions{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.production-now{padding:16px;border:1px solid #73424a;border-radius:18px;background:#241215}.production-now span{color:#ff6b78;font-size:10px;font-weight:900;letter-spacing:.12em}.production-now strong{display:block;margin:5px 0;font-size:18px}.production-now p{margin:0;color:#d8dbe1}.production-columns{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:14px}.production-columns section{min-width:0}.production-columns h3{margin:0 0 9px}.production-list{display:grid;gap:8px}.production-row{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid #2b2e35;border-radius:15px;background:#13151a}.production-row.is-on-air{border-color:#7a3741;background:#211114}.production-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.production-meta>*{padding:2px 6px;border-radius:999px;background:#24272e;color:#adb2bd;font-size:8px}.production-meta b{background:#373007;color:#ffe22f}.production-row strong{display:block;font-size:13px}.production-row p{margin:4px 0;color:#c6cad2;font-size:12px;line-height:1.4}.production-row small{color:#878d98}.production-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.production-chat-action{color:#ffd927!important}.production-chat-action.sent{opacity:.6}.danger-btn{border:1px solid #6b3139;background:#31151a;color:#ff929c;border-radius:12px;padding:10px 12px;font-weight:750}.danger-btn.compact{min-height:36px;padding:7px 10px;font-size:11px}
@media(max-width:780px){.production-top{display:grid}.production-mode-actions{justify-content:flex-start}.production-columns{grid-template-columns:1fr}.production-row{align-items:flex-start;display:grid}.production-actions{justify-content:flex-start}.production-mode-actions button{flex:1 1 42%}}


/* R11 BLOQUE 5 — El Panel / equipo oficial */
.official-team-badge{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:8px;padding:6px 9px;border:1px solid rgba(255,214,10,.3);border-radius:999px;background:rgba(255,214,10,.08);color:#fff;font-size:12px;font-weight:750;line-height:1}.official-team-badge .team-role-ico{width:13px;height:13px;flex:0 0 auto}.official-team-badge b{padding:3px 6px;border-radius:999px;background:#ffd60a;color:#080808;font-size:10px;letter-spacing:.04em}.official-team-badge.compact{margin:0 0 0 5px;padding:3px 6px;font-size:10px;vertical-align:middle}.official-team-badge.compact .team-role-ico{width:12px;height:12px}.official-team-badge.compact b{display:none}.official-team-badge.in-cabin{border-color:#ffd60a;box-shadow:0 0 0 1px rgba(255,214,10,.12)}
.panel-page{max-width:1060px;margin:0 auto}.panel-hero{padding:28px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:linear-gradient(145deg,rgba(255,214,10,.10),rgba(255,255,255,.025));margin-bottom:12px}.panel-hero h1{font-size:clamp(30px,6vw,52px);margin:3px 0 8px}.panel-hero p{max-width:720px;color:var(--muted);line-height:1.55}.panel-status-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;margin:12px 0 18px;border-radius:16px;background:var(--surface-2);border:1px solid rgba(255,255,255,.07)}.panel-status-strip span{font-weight:800}.panel-status-strip small{color:var(--muted)}
.panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.panel-member-card{padding:18px;border-radius:20px;background:var(--surface);border:1px solid rgba(255,255,255,.08);min-width:0}.panel-member-card.is-in-cabin{border-color:rgba(255,214,10,.42);background:linear-gradient(150deg,rgba(255,214,10,.08),var(--surface) 52%)}.panel-member-top{display:flex;align-items:center;gap:12px}.panel-avatar{width:58px;height:58px;font-size:18px}.panel-member-top h2{margin:2px 0 1px;font-size:19px}.panel-member-top p,.panel-bio{color:var(--muted);margin:0}.panel-role{font-size:10px;letter-spacing:.08em;color:#ffd60a;font-weight:900}.panel-public-title{display:block;margin-top:15px}.panel-bio{margin-top:7px;line-height:1.45}.panel-card-actions{margin-top:15px}.cabin-live-pill{flex:0 0 auto;padding:6px 8px;border-radius:999px;background:#ffd60a;color:#070707;font-weight:900;font-size:9px;letter-spacing:.05em}
.team-search-box{display:flex;gap:8px;margin:12px 0}.team-search-box input{flex:1;min-width:0}.team-admin-list{display:grid;gap:10px}.team-admin-row{align-items:flex-start}.team-edit-grid{display:grid;grid-template-columns:140px minmax(180px,1fr) 90px;gap:8px;margin-top:10px}.team-edit-grid textarea{grid-column:1/-1;min-height:62px}.team-edit-grid label{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px}.nav-emoji{width:20px;text-align:center;font-size:16px}
@media(max-width:760px){.panel-page{margin:-2px -2px 0}.panel-hero{padding:20px 16px;border-radius:20px}.panel-grid{grid-template-columns:1fr}.panel-member-card{padding:15px}.panel-member-top{align-items:flex-start}.panel-avatar{width:50px;height:50px}.cabin-live-pill{font-size:8px}.team-search-box{flex-direction:column}.team-edit-grid{grid-template-columns:1fr 80px}.team-edit-grid [data-team-type]{grid-column:1/2}.team-edit-grid [data-team-title]{grid-column:1/-1}.team-edit-grid textarea{grid-column:1/-1}.team-admin-row{display:block}.team-admin-row .admin-actions{margin-top:10px;display:flex;flex-wrap:wrap}.official-team-badge{max-width:100%}}

.cabin-live-pill.off{background:rgba(255,255,255,.08);color:var(--muted);border:1px solid rgba(255,255,255,.08)}
.team-search-box input,.team-edit-grid input,.team-edit-grid select,.team-edit-grid textarea{background:#0e0f12;color:#f5f6f8;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px 11px;outline:none}.team-search-box input:focus,.team-edit-grid input:focus,.team-edit-grid select:focus,.team-edit-grid textarea:focus{border-color:rgba(255,214,10,.65);box-shadow:0 0 0 2px rgba(255,214,10,.08)}.team-edit-grid select option{background:#0e0f12;color:#f5f6f8}

/* R11 BLOQUE 6 — Admin integral / permisos granulares */
.permission-intro{border-color:rgba(255,214,10,.22);background:linear-gradient(145deg,rgba(255,214,10,.055),var(--surface))}
.permission-role-list,.permission-user-list{display:grid;gap:10px;margin:12px 0}.permission-role-card,.permission-user-card{overflow:hidden}.permission-role-card>summary,.permission-user-card>summary,.permission-group>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}.permission-role-card>summary::-webkit-details-marker,.permission-user-card>summary::-webkit-details-marker,.permission-group>summary::-webkit-details-marker{display:none}.permission-role-card>summary small,.permission-user-card>summary small{display:block;color:var(--muted);margin-top:3px}.permission-user-card>summary>span:first-child{min-width:0}.permission-group{margin:10px 0;padding:10px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.018)}.permission-group>summary{font-size:12px;font-weight:760}.permission-group>summary small{color:var(--muted);font-weight:500}.capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;margin-top:9px}.capability-grid label{display:flex;align-items:center;gap:9px;min-width:0;padding:8px;border-radius:10px;background:rgba(255,255,255,.025);color:var(--text)}.capability-grid label>span{min-width:0;flex:1}.capability-grid b,.capability-grid small{display:block}.capability-grid b{font-size:11px;font-weight:650}.capability-grid small{margin-top:2px;color:var(--muted);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.capability-grid select{min-width:108px;background:#0e0f12;color:var(--text);border:1px solid var(--line);border-radius:9px;padding:7px}.permission-user-card{padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
@media(max-width:700px){.capability-grid{grid-template-columns:1fr}.permission-role-card>summary,.permission-user-card>summary{align-items:flex-start}.capability-grid label{align-items:flex-start}.capability-grid select{min-width:104px;max-width:118px}.permission-role-card,.permission-user-card{padding:12px}.permission-group{padding:8px}.permission-intro{padding:14px}}

/* R11 BLOQUE 7 — sistema visual unificado en vistas públicas/secundarias */
.r11-page{display:grid;gap:16px;min-width:0}.r11-page-head{padding:4px 2px 2px}.r11-page-head .page-title{margin-top:4px}.r11-page-head .page-sub{margin:6px 0 0;max-width:620px}.r11-page-head-action{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.r11-page-head-action>div{min-width:0}.r11-section{border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.008));padding:16px}.r11-section.compact-section{padding:15px}.r11-section .home-section-head{margin-bottom:12px}.r11-section .home-section-head h2{margin:2px 0 0;font-size:19px;font-weight:680}.r11-section .home-section-head p{margin:4px 0 0;color:var(--muted);font-size:11px}.r11-feed{margin-top:2px}.r11-chevron{color:var(--muted);font-size:24px}.r11-list .list-item{border-radius:14px;background:rgba(255,255,255,.022)}
.r11-tabs{margin-bottom:12px;background:#0f1115}.r11-tabs button{min-height:38px;font-weight:560}.r11-tabs button.active{background:#20232a;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.045)}
.r11-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:0 0 2px;padding:8px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.r11-search input{min-width:0;min-height:44px;border:0;background:transparent;color:var(--text);padding:0 10px;outline:0}
.r11-quick-compose{padding:10px 11px;border-radius:16px;background:#111318}.r11-quick-compose .composer-prompt{min-height:42px;border:0;background:#191c22;font-weight:450}.r11-quick-compose .composer-voice{width:44px;height:44px;min-width:44px}
.r11-feature-card{padding:18px;border-radius:20px;background:linear-gradient(145deg,rgba(255,214,10,.085),rgba(255,255,255,.018));border-color:rgba(255,214,10,.18)}.r11-feature-card h2{font-size:20px;margin:3px 0}.r11-feature-card p{margin:3px 0 0;color:var(--muted);font-size:12px}.r11-feature-card .spotlight-icon{background:#2c2708;border-color:#504607}
.r11-audio-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:#0d0f12}.r11-audio-row>span{font-size:21px}.r11-audio-row audio{width:100%;min-width:0}.r11-empty-inline{padding:12px;color:var(--muted);font-size:11px;border:1px dashed var(--line);border-radius:12px}
.r11-mode-strip{display:flex;gap:7px;overflow:auto;padding:1px 0 4px;scrollbar-width:none}.r11-mode-strip::-webkit-scrollbar{display:none}.r11-mode-strip span{white-space:nowrap;padding:8px 10px;border:1px solid var(--line);border-radius:999px;background:#111318;color:var(--text-2);font-size:10px}
.r11-live-card{margin:0;padding:22px;border:1px solid rgba(255,214,10,.22);border-radius:22px;background:radial-gradient(circle at 85% -10%,rgba(255,214,10,.15),transparent 34%),linear-gradient(160deg,#15150d,#0f1115 58%)}.r11-live-card h1{margin:9px 0 5px;font-size:clamp(32px,7vw,48px)}.r11-live-card>p{margin:0;color:var(--muted)}.r11-live-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.r11-live-station{color:var(--muted);font-size:10px;font-weight:650;letter-spacing:.08em}.r11-primary-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.r11-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.r11-action-tile{min-height:118px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:4px;padding:14px;border:1px solid var(--line);border-radius:17px;background:#111318;text-align:left}.r11-action-tile>span{font-size:25px;margin-bottom:auto}.r11-action-tile strong{font-size:14px}.r11-action-tile small{color:var(--muted);font-size:10px}.r11-action-tile.primary-tile{border-color:rgba(255,214,10,.28);background:linear-gradient(145deg,rgba(255,214,10,.10),#111318 65%)}
.r11-sintonia-summary{border-color:rgba(255,214,10,.24);background:linear-gradient(145deg,rgba(255,214,10,.075),#111318 58%)}.r11-sintonia-summary .grow em{display:block;margin-top:4px;color:var(--yellow);font-style:normal;font-size:9px}.r11-ranking{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#101216}.r11-ranking .rank-row{border-radius:0;border-width:0 0 1px;background:transparent}.r11-ranking .rank-row:last-child{border-bottom:0}.r11-ranking .rank-row:hover{background:rgba(255,255,255,.03)}
.episode-list-r11{display:grid;gap:10px}.episode-card-r11{display:grid;grid-template-columns:44px minmax(0,1fr);gap:13px;padding:15px;border:1px solid var(--line);border-radius:18px;background:#111318}.episode-number{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#20230a;color:var(--yellow);font-size:11px;font-weight:750}.episode-card-r11 h2{margin:4px 0 6px;font-size:18px;line-height:1.25}.episode-card-r11 p{margin:0 0 10px;color:var(--muted);font-size:11px;line-height:1.45}.episode-card-r11 audio{width:100%;margin-top:5px}
.notification-list-r11{display:grid;gap:7px}.notification-card-r11{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) 8px;gap:10px;align-items:center;padding:11px 12px;border:1px solid var(--line);border-radius:15px;background:#101216;text-align:left}.notification-card-r11.unread{border-color:rgba(255,214,10,.24);background:linear-gradient(90deg,rgba(255,214,10,.055),#111318 35%)}.notification-icon-r11{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#1b1e24;font-size:19px}.notification-card-r11 strong,.notification-card-r11 small,.notification-card-r11 em{display:block}.notification-card-r11 strong{font-size:12.5px}.notification-card-r11 small{margin-top:2px;color:var(--text-2);font-size:10.5px;line-height:1.4}.notification-card-r11 em{margin-top:4px;color:var(--muted);font-size:9px;font-style:normal}.notification-card-r11>i{width:7px;height:7px;border-radius:50%;background:var(--yellow)}
.profile-page-r11{gap:18px}.profile-hero-r11{margin:0;padding:20px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(155deg,rgba(255,255,255,.035),#101216 60%)}.profile-hero-r11 .profile-main h1,.public-profile-r11 .profile-main h1{margin:3px 0 1px;font-size:24px}.profile-hero-r11 .profile-main p,.public-profile-r11 .profile-main p{margin:0;color:var(--muted)}.profile-hero-r11 .profile-bio,.public-profile-r11 .profile-bio{margin-top:15px;color:var(--text-2);line-height:1.45}.profile-actions-r11{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.profile-actions-r11 .primary-btn{grid-column:1/-1}.profile-actions-r11 .ghost-btn{grid-column:1/-1}.public-profile-r11{padding:14px!important;background:transparent!important;border:0!important}.public-rank-r11{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;border:1px solid rgba(255,214,10,.18);border-radius:13px;background:rgba(255,214,10,.04)}.public-rank-r11>span{font-size:23px}.public-rank-r11 small,.public-rank-r11 strong{display:block}.public-rank-r11 small{color:var(--yellow);font-size:8px;letter-spacing:.1em}.public-rank-r11 strong{margin-top:2px;font-size:12px}.public-posts-head{margin:18px 0 9px}.public-posts-head h3{margin:2px 0 0}
.create-intro-r11{display:grid;gap:4px;margin-bottom:12px}.create-intro-r11 strong{font-size:19px}.choice-grid-r11 .choice{display:flex;min-height:112px;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:3px;text-align:left}.choice-grid-r11 .choice>span{margin-bottom:auto}.choice-grid-r11 .choice b{font-size:13px}.choice-grid-r11 .choice small{color:var(--muted);font-size:9.5px}.privacy-kicker{display:block;margin:4px 0 8px}.privacy-grid-r11{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.privacy-grid-r11 .choice{min-height:86px;padding:10px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;text-align:left}.privacy-grid-r11 .choice b{font-size:10.5px}.confession-voice-r11{width:100%;margin-top:9px}.sheet-action-row{margin-top:12px;justify-content:flex-end}.sheet-action-row>*{min-width:110px}
/* Keep hierarchy quiet: secondary copy is not allowed to compete with actions. */
.r11-page .page-sub,.r11-section small,.r11-section p{max-width:66ch}.r11-page .empty-card{border-radius:16px;background:#101216}
@media(max-width:780px){
  .r11-page{gap:13px}.r11-page-head{padding-top:2px}.r11-page-head .page-title{font-size:29px}.r11-page-head-action{align-items:flex-start}.r11-page-head-action .primary-btn{min-height:40px;padding:8px 11px;font-size:11px;white-space:nowrap}.r11-section,.r11-section.compact-section{padding:13px;border-radius:17px}.r11-section .home-section-head h2{font-size:17px}.r11-feature-card{padding:14px;display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px}.r11-feature-card .primary-btn{grid-column:1/-1;width:100%}.r11-feature-card h2{font-size:17px}.r11-feature-card p{font-size:11px}.r11-search{grid-template-columns:minmax(0,1fr) auto}.r11-search .primary-btn{padding-left:12px;padding-right:12px}.r11-action-grid{gap:7px}.r11-action-tile{min-height:102px;padding:12px}.r11-live-card{padding:17px;border-radius:19px}.r11-live-card h1{font-size:34px}.episode-card-r11{grid-template-columns:36px minmax(0,1fr);padding:12px;gap:10px}.episode-number{width:34px;height:34px}.episode-card-r11 h2{font-size:16px}.notification-card-r11{grid-template-columns:38px minmax(0,1fr) 7px;padding:10px}.notification-icon-r11{width:36px;height:36px}.profile-hero-r11{padding:15px;border-radius:19px}.profile-hero-r11 .profile-main h1{font-size:21px}.profile-actions-r11{grid-template-columns:1fr 1fr}.profile-actions-r11 button{min-width:0;padding-left:8px;padding-right:8px;font-size:11px}.privacy-grid-r11{grid-template-columns:1fr 1fr}.privacy-grid-r11 .choice:last-child{grid-column:1/-1}.choice-grid-r11 .choice{min-height:96px}.r11-mode-strip span{font-size:9.5px}}
@media(max-width:390px){.r11-page-head-action{display:grid;grid-template-columns:1fr}.r11-page-head-action .primary-btn{width:100%}.r11-action-tile{min-height:96px}.profile-actions-r11{gap:6px}.notification-card-r11 small{font-size:10px}.r11-search{padding:6px}.r11-search input{font-size:14px}}


/* R11.1 CHAT POLISH — discoverability, calmer messages, per-room sound controls */
.app-room-screen .room-back-labeled{width:auto!important;min-width:70px!important;padding:0 10px!important;display:flex!important;align-items:center;justify-content:center;gap:5px;font-size:17px!important}
.app-room-screen .room-back-labeled>span{font-size:27px;line-height:1;transform:translateY(-1px)}
.app-room-screen .room-back-labeled>em{font-style:normal;font-size:11px;font-weight:650;color:var(--text-2)}
.app-room-screen .room-appbar-identity{border-radius:10px!important;padding:4px 6px!important;margin-left:-2px}
.app-room-screen .room-appbar-identity:hover{background:rgba(255,255,255,.035)!important}
.app-room-screen .room-switch-hint{color:#d6d8de;font-weight:600}
.app-room-screen .chat-msg-row{align-items:flex-start}
.app-room-screen .chat-avatar{margin-top:18px}
.app-room-screen .chat-msg.own{border-color:rgba(255,212,0,.30);background:linear-gradient(180deg,rgba(255,212,0,.055),rgba(255,212,0,.018)),#15181c}
.app-room-screen .chat-actions{align-items:center;gap:2px}
.app-room-screen .chat-actions button{min-height:32px!important;padding:4px 7px!important}
.app-room-screen .chat-actions .message-more{font-size:16px!important;line-height:1;padding-left:8px!important;padding-right:8px!important}
.app-room-screen .poll-tool{font-size:16px!important}
.room-change-cta{width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) 22px;align-items:center;gap:9px;min-height:58px;margin-bottom:10px;border:1px solid rgba(255,212,0,.20);border-radius:14px;background:rgba(255,212,0,.055);color:var(--text);padding:9px 11px;text-align:left}
.room-change-cta>span:first-child{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--surface-raised);font-size:20px}.room-change-cta strong,.room-change-cta small{display:block}.room-change-cta strong{font-size:13px}.room-change-cta small{margin-top:2px;color:var(--muted);font-size:10px}.room-change-cta>b{font-size:24px;color:var(--yellow);text-align:center}
.room-sound-panel{margin:8px 0 12px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.room-sound-title{display:flex;align-items:center;gap:9px;padding:2px 2px 8px}.room-sound-title>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(255,212,0,.08);color:var(--yellow);font-size:18px}.room-sound-title strong,.room-sound-title small{display:block}.room-sound-title strong{font-size:12px}.room-sound-title small{margin-top:2px;color:var(--muted);font-size:9.5px}.compact-setting{min-height:50px!important;padding:7px 3px!important;border-top:1px solid var(--line)}.compact-setting strong{font-size:11px!important}.compact-setting small{font-size:9px!important}
@media(max-width:1450px) and (min-width:781px){.chat-center{grid-template-columns:205px minmax(0,1fr)}}
@media(max-width:780px){.app-room-screen .room-back-labeled{min-width:64px!important;padding:0 7px!important}.app-room-screen .room-back-labeled>em{font-size:10.5px}.app-room-screen .room-appbar-identity{padding:3px 4px!important}.app-room-screen .chat-avatar{margin-top:18px}.app-room-screen .chat-actions button{min-height:36px!important}.app-room-screen .room-switch-hint{font-size:9.5px}}
@media(max-width:350px){.app-room-screen .room-back-labeled{min-width:42px!important;width:42px!important;padding:0!important}.app-room-screen .room-back-labeled>em{display:none}.app-room-screen .room-switch-hint{display:none}}

.room-minimize-btn{width:100%;margin-top:2px}.app-room-screen .room-back-labeled{display:none!important}@media(max-width:780px){.app-room-screen .room-back-labeled{display:flex!important}}

/* R11.2 — HERO QUICK ACCESS + CHAT MESSAGE SCALE */
.program-hero-top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;z-index:1}
.hero-quick-links{display:grid;grid-template-columns:repeat(2,minmax(138px,1fr));gap:8px;margin-left:auto}
.hero-quick-links.count-1{grid-template-columns:minmax(150px,180px)}
.hero-quick-link{min-height:50px;display:grid;grid-template-columns:28px minmax(0,1fr) 18px;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(255,212,0,.9);border-radius:14px;background:linear-gradient(180deg,rgba(255,212,0,.045),rgba(255,255,255,.015)),#111319;color:#fff;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.20);transition:background .15s ease,border-color .15s ease,transform .15s ease}
.hero-quick-link:hover{background:#17191f;border-color:#ffe13c;transform:translateY(-1px)}
.hero-quick-icon{width:27px;height:27px;display:grid;place-items:center;color:var(--yellow)}
.hero-quick-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hero-quick-link strong{font-size:13px;font-weight:760;letter-spacing:.01em}
.hero-quick-arrow{color:var(--yellow);font-size:24px;line-height:1;text-align:right}
.admin-home-shortcuts{display:grid;gap:0;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.admin-home-shortcuts>.section-kicker{margin:0 0 4px}

.app-room-screen .chat-msg-row{gap:9px}
.app-room-screen .chat-avatar{width:36px;min-width:36px;margin-top:20px}
.app-room-screen .chat-avatar .avatar{width:36px;height:36px;min-width:36px;font-size:11px}
.app-room-screen .chat-bubble-wrap{max-width:min(80%,760px)}
.app-room-screen .chat-msg{padding:11px 13px;border-radius:18px 18px 18px 6px}
.app-room-screen .chat-msg.own{border-radius:18px 18px 6px 18px}
.app-room-screen .chat-msg-head{gap:12px;min-height:21px}
.app-room-screen .chat-msg-head strong{font-size:13px;font-weight:700;line-height:1.2}
.app-room-screen .chat-msg-head small{font-size:11px;font-weight:520;color:#9ba1ac}
.app-room-screen .chat-msg p{margin:6px 0 3px;font-size:16px;line-height:1.46;letter-spacing:-.08px}
.app-room-screen .reply-preview{margin:5px 0 8px;padding:7px 9px;font-size:12px;line-height:1.4;border-radius:9px}
.app-room-screen .chat-actions{gap:5px;margin-top:7px;flex-wrap:wrap}
.app-room-screen .chat-actions button{min-height:38px!important;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 10px!important;border-radius:10px!important;font-size:12.5px!important;font-weight:620!important;color:#aeb3bd!important}
.app-room-screen .chat-actions button:hover,.app-room-screen .chat-actions button:focus-visible{background:rgba(255,255,255,.065)!important;color:#fff!important}
.app-room-screen .chat-actions .message-more{min-width:40px!important;font-size:21px!important;letter-spacing:1px}
.app-room-screen .message-reply-btn>span{font-size:15px}
.app-room-screen .message-react-btn{color:#d7d9de!important}
.message-reaction-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.message-reaction-chip{min-height:34px;display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#20232a;color:#fff;padding:4px 9px;font-size:14px;line-height:1}
.message-reaction-chip span{font-size:17px}.message-reaction-chip b{font-size:12px;font-weight:720;color:#c9cdd5}
.message-reaction-chip:hover{border-color:rgba(255,212,0,.40);background:#272a31}.message-reaction-chip.reacted{border-color:rgba(255,212,0,.65);background:rgba(255,212,0,.10)}.message-reaction-chip.reacted b{color:var(--yellow)}
.app-room-screen .reaction-picker{bottom:44px;gap:4px;padding:7px;border-color:#444953;background:#20232a}
.app-room-screen .reaction-picker button{width:42px;height:42px;min-width:42px;min-height:42px;font-size:21px}
.room-unread-divider{display:flex;align-items:center;gap:10px;width:100%;margin:9px 0 6px;color:var(--yellow);font-size:10.5px;font-weight:780;letter-spacing:.04em;text-transform:uppercase}
.room-unread-divider:before,.room-unread-divider:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(255,212,0,.45))}.room-unread-divider:after{background:linear-gradient(90deg,rgba(255,212,0,.45),transparent)}
.room-unread-divider span{white-space:nowrap}
.app-room-screen .new-msgs{min-height:42px;padding:7px 14px;border:1px solid rgba(255,212,0,.45);border-radius:999px;background:#252107;color:var(--yellow);font-size:12px;font-weight:740;box-shadow:0 10px 30px rgba(0,0,0,.32)}

@media(max-width:780px){
  .program-hero-top{display:grid;grid-template-columns:1fr;gap:11px}
  .hero-quick-links,.hero-quick-links.count-1{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0}
  .hero-quick-links.count-1{grid-template-columns:1fr}
  .hero-quick-link{min-height:54px;grid-template-columns:26px minmax(0,1fr) 18px;padding:8px 11px;border-radius:13px}
  .hero-quick-link strong{font-size:13px}.hero-quick-icon{width:25px;height:25px}.hero-quick-icon svg{width:23px;height:23px}
  .app-room-screen .chat-avatar{width:34px;min-width:34px;margin-top:20px}.app-room-screen .chat-avatar .avatar{width:34px;height:34px;min-width:34px}
  .app-room-screen .chat-bubble-wrap{max-width:90%}
  .app-room-screen .chat-msg{padding:11px 12px}.app-room-screen .chat-msg p{font-size:16px;line-height:1.45}
  .app-room-screen .chat-msg-head strong{font-size:12.5px}.app-room-screen .chat-msg-head small{font-size:10.5px}
  .app-room-screen .chat-actions{gap:4px;margin-top:8px}
  .app-room-screen .chat-actions button{min-height:44px!important;padding:8px 10px!important;font-size:12px!important}
  .app-room-screen .chat-actions .message-more{min-width:44px!important;font-size:21px!important}
  .message-reaction-chip{min-height:36px;padding:5px 10px}.message-reaction-chip span{font-size:18px}.message-reaction-chip b{font-size:12.5px}
  .app-room-screen .reaction-picker button{width:44px;height:44px;min-width:44px;min-height:44px;font-size:22px}
}
@media(max-width:390px){
  .hero-quick-link{min-height:52px;padding:7px 9px;gap:6px}.hero-quick-link strong{font-size:12.5px}
  .app-room-screen .chat-bubble-wrap{max-width:92%}
  .app-room-screen .chat-msg p{font-size:15.5px}
  .app-room-screen .chat-actions button{padding-left:9px!important;padding-right:9px!important;font-size:11.5px!important}
}


/* R11.3 — CONVERSATIONAL MESSAGE BUBBLES */
.app-room-screen .room-chat{gap:12px;padding:16px 14px 24px}
.app-room-screen .chat-msg-row{align-items:flex-start;gap:9px;margin:0;min-width:0}
.app-room-screen .chat-msg-row.group-continuation{margin-top:-8px}
.app-room-screen .chat-avatar{width:38px;min-width:38px;margin-top:22px}
.app-room-screen .chat-avatar .avatar{width:38px;height:38px;min-width:38px;font-size:11px}
.app-room-screen .chat-msg-row.group-continuation .chat-avatar{visibility:hidden}
.app-room-screen .chat-msg-row.own .chat-avatar{display:none}
.app-room-screen .chat-message-stack{display:flex;flex-direction:column;align-items:flex-start;width:fit-content;max-width:min(62%,720px);min-width:0}
.app-room-screen .chat-msg-row.own .chat-message-stack{margin-left:auto;align-items:flex-end}
.app-room-screen .chat-msg-meta{display:flex;align-items:baseline;gap:8px;max-width:100%;min-height:18px;margin:0 2px 4px;color:var(--muted)}
.app-room-screen .chat-msg-row.own .chat-msg-meta{justify-content:flex-end}
.app-room-screen .chat-msg-meta .chat-name{display:inline-flex;min-width:0}
.app-room-screen .chat-msg-meta strong{font-size:12px;line-height:1.2;font-weight:760;color:var(--yellow)}
.app-room-screen .chat-msg-row.own .chat-msg-meta strong{color:var(--yellow)}
.app-room-screen .chat-msg-meta small{font-size:10.5px;line-height:1.2;color:#8f96a2;white-space:nowrap}
.app-room-screen .chat-msg{display:block;width:fit-content;max-width:100%;min-width:0;padding:10px 13px;border:1px solid rgba(255,255,255,.10);border-radius:17px 17px 17px 6px;background:#1a1d22;box-shadow:0 2px 8px rgba(0,0,0,.13)}
.app-room-screen .chat-msg.own{border-color:rgba(255,212,0,.38);border-radius:17px 17px 6px 17px;background:linear-gradient(180deg,rgba(255,212,0,.035),rgba(255,212,0,.02)),#1b1a10}
.app-room-screen .group-continuation .chat-msg{border-top-left-radius:11px}
.app-room-screen .group-continuation.own .chat-msg{border-top-left-radius:17px;border-top-right-radius:11px}
.app-room-screen .chat-msg p{margin:0;font-size:15px;line-height:1.45;font-weight:400;color:#f2f3f5;overflow-wrap:anywhere}
.app-room-screen .chat-msg .audio-box{max-width:100%;min-width:min(290px,68vw);margin:0}
.app-room-screen .reply-preview{display:grid;gap:2px;margin:0 0 8px;padding:6px 8px;border:0;border-left:3px solid var(--yellow);border-radius:7px;background:rgba(255,255,255,.035);color:#c8ccd4;line-height:1.32}
.app-room-screen .reply-preview strong{font-size:10.5px;color:var(--yellow);font-weight:700}
.app-room-screen .reply-preview span{display:block;max-width:100%;font-size:11px;color:#aeb4bf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-room-screen .message-reaction-chips{display:flex;flex-wrap:wrap;gap:5px;margin:5px 2px 0}
.app-room-screen .chat-msg-row.own .message-reaction-chips{justify-content:flex-end}
.app-room-screen .message-reaction-chip{min-height:27px;padding:3px 8px;gap:4px;border-color:rgba(255,255,255,.11);background:#191c21;box-shadow:none}
.app-room-screen .message-reaction-chip span{font-size:14px}.app-room-screen .message-reaction-chip b{font-size:10.5px}
.app-room-screen .chat-actions{display:flex;gap:4px;max-height:0;margin:0 2px;opacity:0;visibility:hidden;overflow:hidden;pointer-events:none;transform:translateY(-2px);transition:opacity .14s ease,transform .14s ease,max-height .14s ease,margin .14s ease}
.app-room-screen .chat-msg-row:hover .chat-actions,.app-room-screen .chat-msg-row:focus-within .chat-actions,.app-room-screen .chat-msg-row.actions-open .chat-actions{max-height:46px;margin-top:5px;opacity:1;visibility:visible;pointer-events:auto;transform:none}
.app-room-screen .chat-msg-row.own .chat-actions{justify-content:flex-end}
.app-room-screen .chat-actions button{min-height:32px!important;padding:4px 8px!important;border-radius:9px!important;font-size:10.5px!important;font-weight:620!important;color:#9fa6b1!important}
.app-room-screen .chat-actions .message-more{min-width:34px!important;font-size:18px!important}
.app-room-screen .reaction-picker{bottom:39px}

@media(max-width:780px){
  .app-room-screen .room-chat{gap:11px;padding:14px 10px 22px}
  .app-room-screen .chat-msg-row{gap:8px}
  .app-room-screen .chat-msg-row.group-continuation{margin-top:-7px}
  .app-room-screen .chat-avatar{width:34px;min-width:34px;margin-top:20px}.app-room-screen .chat-avatar .avatar{width:34px;height:34px;min-width:34px}
  .app-room-screen .chat-message-stack{max-width:82%}
  .app-room-screen .chat-msg-row.own .chat-message-stack{max-width:84%}
  .app-room-screen .chat-msg{padding:9px 11px;border-radius:16px 16px 16px 6px}.app-room-screen .chat-msg.own{border-radius:16px 16px 6px 16px}
  .app-room-screen .chat-msg p{font-size:15.5px;line-height:1.43}
  .app-room-screen .chat-msg-meta{margin-bottom:4px}.app-room-screen .chat-msg-meta strong{font-size:11.5px}.app-room-screen .chat-msg-meta small{font-size:10px}
  .app-room-screen .message-reaction-chip{min-height:29px;padding:4px 8px}.app-room-screen .message-reaction-chip span{font-size:15px}.app-room-screen .message-reaction-chip b{font-size:11px}
  .app-room-screen .chat-msg-row:hover .chat-actions{max-height:0;margin-top:0;opacity:0;visibility:hidden;pointer-events:none}
  .app-room-screen .chat-msg-row.actions-open .chat-actions,.app-room-screen .chat-msg-row:focus-within .chat-actions{max-height:50px;margin-top:5px;opacity:1;visibility:visible;pointer-events:auto}
  .app-room-screen .chat-actions button{min-height:42px!important;padding:7px 9px!important;font-size:11px!important}.app-room-screen .chat-actions .message-more{min-width:42px!important}
}
@media(max-width:390px){
  .app-room-screen .chat-message-stack{max-width:81%}.app-room-screen .chat-msg-row.own .chat-message-stack{max-width:84%}
  .app-room-screen .chat-msg p{font-size:15px}
}

/* === R11.4 · SINTONÍA + FEED PROGRESIVO + MENÚS CONTEXTUALES === */
/* Jerarquía tipográfica: conservar personalidad sin convertir toda la UI en negrita. */
body{font-weight:400}
.nav-item{font-weight:510}.nav-item.active{font-weight:650}.nav-section-label{font-weight:620}
.card .meta strong{font-weight:600}.card .meta small,.card-stats{font-weight:400}
.card h2{font-weight:630;letter-spacing:-.018em}.card-actions .action-btn{font-weight:560}
.type-badge,.badge,.section-kicker,.spotlight-kicker,.topic-kicker{font-weight:630}
.home-section-head h2,.r11-page-head h1,.page-title{font-weight:670}
.home-section-head .ghost-btn,.panel-heading button{font-weight:580}
.right-rail strong,.trend-mini strong,.room-mini strong{font-weight:570}
.right-rail small,.trend-mini small,.room-mini small{font-weight:400}
.primary-btn,.secondary-btn,.ghost-btn{font-weight:590}
.profile-main h1,.panel-member-card h2{font-weight:660}

/* Popover contextual compacto, anclado al botón que lo abre. */
.context-popover{position:fixed;z-index:1900;width:min(238px,calc(100vw - 20px));max-height:min(62vh,440px);overflow:auto;padding:6px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:#17191e;box-shadow:0 18px 52px rgba(0,0,0,.48),0 2px 10px rgba(0,0,0,.3);transform-origin:top right;animation:contextIn .12s ease-out}
@keyframes contextIn{from{opacity:0;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:none}}
.context-menu-list{display:grid;gap:2px}.context-item{width:100%;min-height:42px;display:flex;align-items:center;border:0;border-radius:9px;background:transparent;color:#eceef1;padding:8px 10px;text-align:left;font-size:13px;line-height:1.25;font-weight:520}.context-item:hover,.context-item:focus-visible{background:rgba(255,255,255,.065);outline:none}.context-item.danger{color:#ff858c}.context-item:disabled{opacity:.45;cursor:default}.context-caption{padding:6px 9px 7px;color:#989faa;font-size:10.5px;font-weight:500;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.progress-context{width:min(260px,calc(100vw - 20px));padding:10px}.progress-popover{display:grid;gap:9px}.progress-popover-head{display:flex;align-items:center;gap:9px}.progress-popover-head>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(255,212,0,.09);font-size:18px}.progress-popover-head div{display:grid;gap:2px;min-width:0}.progress-popover-head strong{font-size:13px;font-weight:650}.progress-popover-head small,.progress-next{color:var(--muted);font-size:10.5px;font-weight:400}.mini-rank-bar,.header-rank-bar{display:block;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.10)}.mini-rank-bar{height:4px}.mini-rank-bar i,.header-rank-bar i{display:block;height:100%;border-radius:inherit;background:var(--yellow)}

/* Progreso de rango en el header: siempre visible, pero secundario. */
.auth-top{display:flex;align-items:center}.header-user-progress{width:122px;min-height:42px;display:grid;grid-template-columns:1fr;align-content:center;gap:2px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--text);padding:6px 10px;text-align:left}.header-user-progress:hover{background:var(--surface-raised);border-color:var(--line-strong)}.header-user-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.15;font-weight:620}.header-user-rank{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a5abb5;font-size:9px;line-height:1.15;font-weight:450}.header-rank-bar{height:3px;margin-top:2px}

/* Recompensa inmediata. Se anima en cliente; el servidor solo devuelve el delta. */
.sintonia-gain{position:fixed;z-index:1850;top:62px;right:max(18px,calc((100vw - min(100vw,1600px))/2 + 318px));display:flex;align-items:center;min-height:34px;padding:7px 11px;border:1px solid rgba(69,220,123,.34);border-radius:999px;background:rgba(13,34,22,.96);color:#74e59a;font-size:12px;font-weight:680;box-shadow:0 10px 28px rgba(0,0,0,.28);opacity:0;transform:translateY(-6px) scale(.98);transition:opacity .16s ease,transform .16s ease;pointer-events:none}.sintonia-gain.show{opacity:1;transform:none}

/* Feed progresivo. */
.feed-progressive>.card{content-visibility:auto;contain-intrinsic-size:230px}
.feed-new-notice{position:sticky;top:calc(var(--topbar) + 8px);z-index:25;display:block;margin:9px auto 11px;min-height:36px;border:1px solid rgba(255,212,0,.32);border-radius:999px;background:#22200c;color:var(--yellow);padding:7px 14px;font-size:11.5px;font-weight:620;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.feed-loader{min-height:66px;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--muted);font-size:10.5px;font-weight:400}.feed-loader span{width:7px;height:7px;border-radius:50%;background:#606670}.feed-loader.loading span{background:var(--yellow);animation:feedPulse 1s ease-in-out infinite}@keyframes feedPulse{50%{transform:scale(1.5);opacity:.55}}
.feed-end{display:grid;place-items:center;gap:5px;padding:24px 10px 6px;color:var(--muted);text-align:center}.feed-end>span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.06);color:#afb5bf}.feed-end>strong{color:#d7dae0;font-size:13px;font-weight:610}.feed-end>small{font-size:10.5px;font-weight:400}.feed-end-link{width:min(100%,440px);min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text-2);padding:8px 11px;text-align:left}.feed-end-link>span:nth-child(2){display:grid;gap:1px;flex:1}.feed-end-link small{font-size:8px;color:var(--yellow);font-weight:620;letter-spacing:.07em}.feed-end-link strong{font-size:11.5px;font-weight:580}.feed-end-link b{font-size:10.5px;font-weight:560;color:var(--muted)}
.home-mobile-rooms{display:none!important}
.conversation-section>.feed>.home-spotlight{margin:10px 0}.conversation-section .confession-spotlight h2{font-weight:630}.conversation-section .confession-spotlight p{font-weight:400}

/* Participación / Ranking / Rangos. */
.participation-page{display:grid;gap:12px}.participation-tabs{margin:0 0 2px}.recent-ascents{display:grid;gap:8px}.recent-ascents-scroll{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:1px 1px 4px}.recent-ascents-scroll::-webkit-scrollbar{display:none}.ascent-card{flex:0 0 205px;min-height:62px;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:8px;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--text);padding:8px;text-align:left}.ascent-card .avatar{width:34px;height:34px;min-width:34px}.ascent-card span:last-child{min-width:0}.ascent-card strong,.ascent-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ascent-card strong{font-size:11.5px;font-weight:600}.ascent-card small{margin-top:3px;color:var(--muted);font-size:9.5px;font-weight:400}
.ranking-section{display:grid;gap:10px}.ranking-period{margin:0}.my-rank-position{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:3px 12px;padding:10px 12px;border:1px solid rgba(255,212,0,.20);border-radius:12px;background:rgba(255,212,0,.035)}.my-rank-position>span{grid-row:1/3;color:var(--yellow);font-size:9.5px;font-weight:620;letter-spacing:.04em}.my-rank-position strong{font-size:12px;font-weight:610}.my-rank-position small{color:var(--muted);font-size:9.5px;font-weight:400}.r11-ranking{display:grid;gap:5px}.rank-row{width:100%;min-height:58px;display:grid;grid-template-columns:34px 38px minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);padding:8px 10px;text-align:left}.rank-row:hover{background:var(--surface-raised)}.rank-row .avatar{width:34px;height:34px;min-width:34px}.rank-number{color:#b3b8c0;font-size:12px;font-weight:600;text-align:center}.rank-copy{min-width:0}.rank-copy strong,.rank-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-copy strong{font-size:12px;font-weight:610}.rank-copy small{margin-top:2px;color:var(--muted);font-size:9.5px;font-weight:400}.rank-side{display:flex;align-items:center;gap:8px}.rank-side b{font-size:10.5px;font-weight:600;color:#d7dae0}.rank-move{min-width:27px;text-align:right;font-size:9.5px;font-weight:620}.rank-move.up{color:#69df92}.rank-move.down{color:#f07f86}.rank-move.flat{color:#777e89}.ranking-loader,.ranking-end{padding:18px 8px;text-align:center;color:var(--muted);font-size:10.5px;font-weight:400}
.sintonia-inline-card{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.sintonia-inline-head{display:flex;align-items:center;gap:11px}.sintonia-inline-head>span{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:rgba(255,212,0,.09);font-size:24px}.sintonia-inline-head div{display:grid;gap:2px}.sintonia-inline-head small{color:var(--yellow);font-size:8.5px;font-weight:620;letter-spacing:.08em}.sintonia-inline-head h2{margin:0;font-size:18px;font-weight:650}.sintonia-inline-head strong{color:var(--muted);font-size:11px;font-weight:500}.level-bar.large{height:5px}.sintonia-inline-next{font-size:11.5px;color:var(--text-2);font-weight:420}.sintonia-inline-next b{font-weight:650;color:var(--yellow)}.sintonia-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden}.sintonia-mini-stats span{display:grid;gap:2px;padding:9px;border-right:1px solid var(--line);text-align:center}.sintonia-mini-stats span:last-child{border-right:0}.sintonia-mini-stats b{font-size:13px;font-weight:620}.sintonia-mini-stats small{font-size:8.5px;color:var(--muted);font-weight:400}.next-privilege{display:grid;gap:3px;padding:10px 11px;border-left:3px solid var(--yellow);border-radius:4px 10px 10px 4px;background:rgba(255,212,0,.035)}.next-privilege small{color:var(--yellow);font-size:8px;font-weight:620;letter-spacing:.07em}.next-privilege strong{font-size:11px;font-weight:580}
.rank-catalog{display:grid;gap:8px}.rank-catalog-card{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.rank-catalog-card.current{border-color:rgba(255,212,0,.33);background:linear-gradient(120deg,rgba(255,212,0,.045),var(--surface) 58%)}.rank-catalog-head{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px}.rank-catalog-head>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--surface-raised);font-size:19px}.rank-catalog-head div{display:grid;gap:2px}.rank-catalog-head strong{font-size:12px;font-weight:620}.rank-catalog-head small{color:var(--muted);font-size:9.5px;font-weight:400}.rank-catalog-head>b{padding:4px 7px;border-radius:999px;background:rgba(255,212,0,.12);color:var(--yellow);font-size:8.5px;font-weight:620}.rank-privileges{display:flex;flex-wrap:wrap;gap:5px;padding-left:47px}.rank-privileges span{padding:5px 7px;border-radius:8px;background:rgba(255,255,255,.035);color:#b5bac3;font-size:9.5px;font-weight:430}

/* Perfil: privilegios desbloqueables sin afectar experiencia base. */
.profile-status{display:inline-flex;max-width:100%;margin-top:4px;padding:6px 9px;border-radius:9px;background:rgba(255,255,255,.04);color:#dfe2e6;font-size:11px;font-weight:500}.favorite-topic{display:inline-flex;margin-top:7px;color:var(--yellow);font-size:9.5px;font-weight:560}.pinned-section{border-color:rgba(255,212,0,.14)}.rank-unlock-hint{padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);color:var(--muted);font-size:10px;line-height:1.4}.rank-unlock-hint strong{font-weight:620;color:var(--text-2)}

/* Integridad de Sintonía en Administración. */
.integrity-settings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:end}.integrity-settings label{display:grid;gap:5px;color:var(--muted);font-size:9.5px;font-weight:500}.integrity-settings input{width:100%;min-height:38px}.integrity-settings .primary-btn{grid-column:1/-1;justify-self:start}.integrity-list{margin-top:10px}.earn-admin-row{font-weight:400}

@media(max-width:1100px){
  .sintonia-gain{right:18px}
  .integrity-settings{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:780px){
  .context-popover{width:min(224px,calc(100vw - 18px));max-height:55vh;padding:5px;border-radius:12px}.context-item{min-height:44px;padding:9px 10px;font-size:13px}
  .header-user-progress{width:104px;min-height:40px;padding:5px 8px;border-radius:10px}.header-user-name{font-size:11.5px}.header-user-rank{font-size:8.5px}.header-rank-bar{height:2px}
  .sintonia-gain{top:calc(58px + env(safe-area-inset-top));right:10px;min-height:32px;padding:6px 10px;font-size:11px}
  .feed-new-notice{top:calc(var(--topbar) + env(safe-area-inset-top) + 6px);font-size:11px}
  .home-mobile-rooms{display:grid!important;margin:10px 0!important;padding:12px!important}.home-room-scroll{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -2px;padding:1px 2px 3px}.home-room-scroll::-webkit-scrollbar{display:none}.home-room-scroll .home-room-card{flex:0 0 154px;min-height:108px;display:grid;grid-template-columns:1fr;align-content:start;gap:5px;text-align:left}.home-room-scroll .home-room-card .room-emoji{font-size:20px}.home-room-scroll .home-room-card strong{font-size:11px;font-weight:600}.home-room-scroll .home-room-card small{font-size:9px;font-weight:400}.home-room-scroll .home-room-card em{margin-top:auto;font-size:9px;font-weight:560}
  .conversation-section>.feed>.home-spotlight{margin:9px 0}.conversation-section .confession-spotlight{grid-template-columns:40px minmax(0,1fr) auto;padding:10px}.conversation-section .confession-spotlight .spotlight-icon{width:38px;height:38px}.conversation-section .confession-spotlight h2{font-size:13px}.conversation-section .confession-spotlight p{font-size:9px}.conversation-section .confession-spotlight .primary-btn{min-height:38px;padding:7px 10px;font-size:10px}
  .recent-ascents-scroll{margin-right:-12px;padding-right:12px}.ascent-card{flex-basis:185px}
  .rank-row{grid-template-columns:28px 36px minmax(0,1fr) auto;padding:8px}.rank-side{display:grid;gap:1px;justify-items:end}.rank-move{min-width:0}.sintonia-mini-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.rank-privileges{padding-left:0}
  .integrity-settings{grid-template-columns:1fr 1fr}
  .card h2{font-weight:610}.card .meta strong{font-weight:580}.action-btn{font-weight:540!important}
}
@media(max-width:390px){
  .mobile-brand span{display:none}.mobile-brand{gap:0;flex:0 0 34px}.topbar{gap:7px}.auth-top{min-width:0}.header-user-progress{width:96px}.header-user-rank{max-width:80px}
  .integrity-settings{grid-template-columns:1fr}
  .rank-row{grid-template-columns:26px 34px minmax(0,1fr) auto;gap:6px}.rank-copy strong{font-size:11.5px}.rank-copy small{font-size:9px}.rank-side b{font-size:9.5px}
  .conversation-section .confession-spotlight{grid-template-columns:36px minmax(0,1fr) auto;gap:7px}.conversation-section .confession-spotlight .spotlight-icon{width:34px;height:34px}.conversation-section .confession-spotlight .primary-btn{padding:6px 8px}
}
.impact-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.018)}.impact-mini span{display:grid;gap:2px;padding:8px;text-align:center;border-right:1px solid var(--line)}.impact-mini span:last-child{border-right:0}.impact-mini b{font-size:12px;font-weight:620}.impact-mini small{color:var(--muted);font-size:8.5px;font-weight:400}
.rank-profile-6 .profile-hero-r11,.public-profile-r11.rank-profile-6{border-color:rgba(255,212,0,.23);box-shadow:inset 0 1px 0 rgba(255,212,0,.035)}.rank-profile-7 .profile-hero-r11,.public-profile-r11.rank-profile-7{border-color:rgba(255,212,0,.36);box-shadow:inset 0 1px 0 rgba(255,212,0,.055),0 12px 34px rgba(0,0,0,.16)}

/* R11.4 refinamiento: submenús rápidos de Salas también son contextuales. */
.room-selector-context{width:min(278px,calc(100vw - 20px));padding:6px;max-height:min(64vh,470px)}
.context-room-item{width:100%;min-height:48px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;border:0;border-radius:9px;background:transparent;color:var(--text);padding:7px 8px;text-align:left}
.context-room-item:hover,.context-room-item:focus-visible,.context-room-item.active{background:rgba(255,255,255,.06);outline:none}.context-room-item>span:first-child{font-size:17px;text-align:center}.context-room-item>span:nth-child(2){display:grid;gap:2px;min-width:0}.context-room-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:590}.context-room-item small{color:var(--muted);font-size:9.5px;font-weight:400}.context-room-item>b{min-width:21px;padding:3px 5px;border-radius:999px;background:var(--yellow);color:#080808;font-size:8px;text-align:center}
.room-settings-context,.room-notify-context{width:min(260px,calc(100vw - 20px))}.context-toggle-item,.context-choice-item{width:100%;min-height:48px;border:0;border-radius:9px;background:transparent;color:var(--text);text-align:left;padding:7px 9px}.context-toggle-item{display:flex;align-items:center;gap:9px;justify-content:space-between}.context-toggle-item>span{display:grid;gap:2px}.context-toggle-item strong,.context-choice-item strong{font-size:11.5px;font-weight:570}.context-toggle-item small{font-size:9px;color:var(--muted);font-weight:400}.context-toggle{min-width:31px;padding:4px 6px;border-radius:999px;background:#31343a;color:#aeb3bb;font-size:8.5px;font-weight:650;text-align:center}.context-toggle.on{background:rgba(255,212,0,.14);color:var(--yellow)}.context-choice-item{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:6px}.context-choice-item.active,.context-choice-item:hover,.context-toggle-item:hover{background:rgba(255,255,255,.06)}.context-choice-item>b{color:var(--yellow);font-size:11px}
@media(max-width:780px){.room-selector-context{width:min(264px,calc(100vw - 18px))}.room-settings-context,.room-notify-context{width:min(248px,calc(100vw - 18px))}}

/* R11.5 — grabador de voz unificado + seguimiento estable */
.voice-recorder-sheet{display:grid;gap:12px;padding:4px 0 8px}
.voice-recorder-help{margin:0;color:var(--muted);font-size:13px;line-height:1.45}
.global-recorder-bar{display:flex!important;min-height:52px;padding:0;border:0;border-radius:0;background:transparent}
.global-recorder-bar .record-inline-live{height:48px}
.global-recorder-bar .record-inline-preview .audio-box{background:#15171c}
.voice-recorder-limit{color:var(--muted);font-size:11px}
.voice-recorder-error{width:100%;display:grid;gap:7px;padding:12px;border:1px solid #3b2427;border-radius:14px;background:#181012}
.voice-recorder-error strong{font-size:13px;color:#fff}.voice-recorder-error small{font-size:11px;color:#c5aeb0;line-height:1.4}
.follow-mini{width:86px;min-width:86px;justify-content:center}.follow-mini.is-following{background:#17191e;border-color:#484c56;color:#f0f1f3}
.follow-mini:disabled{opacity:.68;cursor:wait}
@media(max-width:760px){
  .voice-recorder-sheet{gap:10px}
  .global-recorder-bar .record-inline-cancel,.global-recorder-bar .record-inline-stop,.global-recorder-bar .record-inline-send{width:44px;height:44px;min-width:44px}
}


/* R11.6 B1 · modal global centrado + radio persistente + verificación */
.sheet:not(#roomSheet){left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);width:min(620px,calc(100vw - 24px));max-height:min(88vh,760px);border-radius:24px;padding-bottom:20px}
.sheet:not(#roomSheet) .sheet-handle{display:none}
.verification-banner{width:100%;margin:0 0 14px;padding:10px 12px;display:flex;align-items:center;gap:10px;border:1px solid #5b5008;border-radius:14px;background:#211d04;color:var(--text);text-align:left}
.verification-banner>span:first-child{font-size:20px}.verification-banner>span:nth-child(2){display:grid;gap:2px;min-width:0;flex:1}.verification-banner strong{font-size:12px}.verification-banner small{font-size:10px;color:#ded59a}.verification-banner>b{color:var(--yellow);font-size:20px}.verification-banner.blocked{border-color:#71434a;background:#241316}.verification-banner.blocked small{color:#eeb5bb}
.verification-modal{text-align:center;display:grid;gap:10px;padding:8px 2px}.verification-modal .verification-icon{font-size:38px}.verification-modal h3{margin:0;font-size:20px}.verification-modal p{margin:0 0 7px}.verification-modal .secondary-btn{margin-top:2px}
.persistent-player{display:flex;align-items:center;gap:10px}.persistent-player .player-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.audio-box.audio-short,.audio-box.audio-medium,.audio-box.audio-long{width:max-content;max-width:100%}.audio-box.audio-short .audio-wave{flex-basis:104px;width:104px;max-width:104px}.audio-box.audio-medium .audio-wave{flex-basis:146px;width:146px;max-width:146px}.audio-box.audio-long .audio-wave{flex-basis:176px;width:176px;max-width:176px}.audio-box.audio-short .audio-wave i:nth-child(n+22){display:none}.audio-box.audio-medium .audio-wave i:nth-child(n+30){display:none}.audio-time{white-space:nowrap;display:inline-flex;align-items:center;gap:3px}
.program-topic.is-preview{opacity:.9}.program-topic.is-preview .topic-actions button:disabled{opacity:.58}
@media(max-width:760px){.sheet:not(#roomSheet){top:50%;max-height:calc(100dvh - 110px);border-radius:20px}.persistent-player{left:9px;right:9px;width:auto;transform:none}.audio-box.audio-short,.audio-box.audio-medium,.audio-box.audio-long{width:max-content;max-width:100%}.audio-box .audio-wave{min-width:82px}.audio-box.audio-short .audio-wave i:nth-child(n+20){display:none}}
/* R11.6 VPS candidate B1 — Producción / Temas EN VIVO */
.production-module{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
.production-topic-create{margin:12px 0 16px}.topic-channel-picks{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 0}.topic-channel-picks label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700}
.program-topic-admin-card{border:1px solid var(--line);border-radius:18px;padding:14px;margin:10px 0;background:var(--panel)}.program-topic-admin-card.is-live{border-color:rgba(255,211,0,.55);box-shadow:0 0 0 1px rgba(255,211,0,.08) inset}.program-topic-admin-head{display:flex;gap:12px;align-items:flex-start}.program-topic-admin-head h3{margin:4px 0 6px;font-size:17px}.program-topic-admin-head p{margin:0 0 8px;color:var(--muted);line-height:1.45}.program-topic-admin-head small{color:var(--muted)}
.program-responses-admin{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.program-responses-admin h4,.program-topic-queue h3{margin:0 0 10px}.program-response-admin,.air-selection-row,.nomination-admin-row{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.program-response-admin:first-of-type,.air-selection-row:first-of-type,.nomination-admin-row:first-of-type{border-top:0}.program-response-admin p,.air-selection-row p,.nomination-admin-row p{margin:5px 0;line-height:1.4}.program-response-admin small,.air-selection-row small,.nomination-admin-row small{color:var(--muted)}.air-selection-row.is-mentioned{opacity:.78}.live-participation-closed{display:flex;gap:8px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:14px;color:var(--muted)}.live-participation-closed strong{color:var(--text)}
@media(max-width:700px){.program-topic-admin-head,.program-response-admin,.air-selection-row,.nomination-admin-row{flex-direction:column}.program-topic-admin-head .admin-actions,.program-response-admin>button,.air-selection-row .admin-actions,.nomination-admin-row>button{width:100%}.program-topic-admin-head .admin-actions button,.program-response-admin>button,.air-selection-row .admin-actions button,.nomination-admin-row>button{width:100%}.topic-channel-picks{width:100%}.live-participation-closed{align-items:flex-start;flex-direction:column}}
/* R11.6: el mini-player móvil siempre queda por encima de la navegación; en Chat fullscreen baja porque la nav está oculta. */
@media(max-width:780px){
  body:not(.chat-open) .persistent-player{bottom:calc(var(--mobile-nav) + env(safe-area-inset-bottom) + 8px);z-index:54}
  body.chat-open .persistent-player{bottom:calc(env(safe-area-inset-bottom) + 8px);z-index:24}
}

/* R11.6 B2 · Moderación, Correo, Publicidad y Seguridad */
.admin-section-head,.moderation-case-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.moderation-case-list{display:grid;gap:12px}.moderation-case{border-left:3px solid var(--line)}.moderation-case.severity-3,.moderation-case.severity-4,.moderation-case.severity-5{border-left-color:var(--yellow)}.moderation-case-meta{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin:10px 0}.moderation-actions{display:flex;gap:7px;flex-wrap:wrap}.danger-inline{border-color:#6d2d2d!important;color:#ffadad!important}.mini-history{display:grid;gap:5px;padding:8px 0;color:var(--muted)}
.mail-provider-card{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.mail-template-grid{display:grid;gap:8px}.mail-template{border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--panel-2)}.mail-template summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer}.mail-template label{display:grid;gap:6px;margin-top:10px;color:var(--muted);font-size:12px}.security-sheet{display:grid;gap:14px}.security-sheet section{border:1px solid var(--line);border-radius:16px;padding:14px;background:var(--panel-2)}
.qs-ad{display:flex;align-items:center;gap:12px;border:1px solid rgba(255,210,0,.25);background:linear-gradient(135deg,rgba(255,210,0,.08),rgba(255,255,255,.025));border-radius:16px;padding:11px 12px;overflow:hidden}.qs-ad>img{width:76px;height:54px;object-fit:cover;border-radius:10px}.qs-ad small{display:block;color:var(--yellow);font-size:9px;letter-spacing:.13em;font-weight:800}.qs-ad strong{display:block;margin-top:2px}.qs-ad p{color:var(--muted);font-size:12px;margin:3px 0 0}.feed-top-ad{margin:0 0 12px}.feed-inline-ad{margin:10px 0}.right-rail-ad{margin-top:12px;display:grid}.right-rail-ad>img{width:100%;height:90px}.right-commercial-link{width:100%;border:0;background:transparent;color:var(--yellow);font-weight:700;padding:12px 4px;text-align:left}.commercial-hero{padding:22px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(circle at 90% 0,rgba(255,210,0,.14),transparent 36%),var(--panel)}.commercial-hero h1{font-size:clamp(28px,5vw,48px);max-width:720px;margin:6px 0 10px}.commercial-hero p{max-width:720px;color:var(--muted);line-height:1.55}.commercial-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.commercial-plan{display:grid;gap:8px;text-align:left;border:1px solid var(--line);border-radius:18px;padding:18px;background:var(--panel);color:var(--text)}.commercial-plan strong{font-size:18px}.commercial-plan small{color:var(--muted);line-height:1.4}.commercial-plan span{color:var(--yellow);font-weight:800}.commercial-request-card{border:1px solid var(--line);border-radius:20px;padding:18px;background:var(--panel)}.commercial-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 14px}.commercial-options label{border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--panel-2)}
@media(max-width:720px){.commercial-plans,.commercial-options{grid-template-columns:1fr}.commercial-hero,.commercial-request-card{border-radius:16px;padding:15px}.mail-provider-card{display:grid}.qs-ad{align-items:flex-start}.qs-ad>img{width:66px;height:54px}.qs-ad .secondary-btn{align-self:center}.moderation-actions button{flex:1 1 42%}}
/* B2 responsive containment: grid min-content must never widen the app viewport. */
.admin-shell,.advertise-page{grid-template-columns:minmax(0,1fr);min-width:0;width:100%;max-width:100%}.admin-shell>*,#adminBody,#adminBody>*,.advertise-page>*,.commercial-plans,.commercial-request-card{min-width:0;max-width:100%}.admin-tabs{min-width:0;width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}.admin-form,.admin-table,.metric-grid{min-width:0;max-width:100%}
@media(max-width:780px){.advertise-page .row,.mail-provider-card+.metric-grid+#adminBody .row{display:grid;grid-template-columns:minmax(0,1fr)}.advertise-page input,.advertise-page select,.advertise-page textarea,#adminBody input,#adminBody select,#adminBody textarea{min-width:0;max-width:100%}.admin-form .row{flex-wrap:wrap}.admin-form .row>*{flex:1 1 150px;min-width:0}}

/* R11.6 B3 — controles administrativos coherentes con la interfaz oscura. */
.admin-form input:not([type="checkbox"]):not([type="radio"]),
.admin-form textarea,
.admin-form select,
.advertise-page input:not([type="checkbox"]):not([type="radio"]),
.advertise-page textarea,
.advertise-page select{
  width:100%;min-width:0;max-width:100%;min-height:42px;border:1px solid var(--line);border-radius:11px;
  background:#0c0d10;color:var(--text);padding:10px 11px;caret-color:var(--yellow)
}
.admin-form textarea,.advertise-page textarea{min-height:104px;resize:vertical;line-height:1.45}
.admin-form select,.advertise-page select{color-scheme:dark}
.admin-form input[type="checkbox"],.admin-form input[type="radio"],.advertise-page input[type="checkbox"],.advertise-page input[type="radio"]{accent-color:var(--yellow)}

/* === R11.7 INTEGRAL · UX / RADIO / ADMIN / CHAT / CATEGORÍAS === */

/* Publicaciones: una sola jerarquía limpia para tipo + categoría. */
.content-taxonomy{display:flex;align-items:center;gap:7px;margin:12px 0 8px;color:var(--muted);font-size:11px;font-weight:760;line-height:1.2}
.content-kind{color:#e8e9ed}.content-category{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border:1px solid rgba(255,212,0,.22);border-radius:999px;background:rgba(255,212,0,.055);color:#d8cb79}.taxonomy-sep{color:#656a73}
.card .content-taxonomy+h2{margin-top:7px}

/* Reproductor único global. Se reserva espacio cuando está expandido y se vuelve cápsula al minimizar. */
.persistent-player{left:50%;right:auto;bottom:18px;transform:translateX(-50%);width:min(590px,calc(100% - 32px));height:64px;transition:width .18s ease,height .18s ease,left .18s ease,right .18s ease,bottom .18s ease,transform .18s ease,border-radius .18s ease}
.player-minimize{width:34px;height:34px;min-width:34px;border:0;border-radius:10px;background:rgba(255,255,255,.06);color:#d7dae0;font-size:20px;display:grid;place-items:center}
.player-minimize:hover{background:rgba(255,255,255,.10);color:#fff}
.program-radio-btn.global-active{background:#15171b;border-color:#353941}.program-radio-btn.global-active>span:first-child{color:var(--yellow)}

/* Chat: el reproductor nunca pisa el compositor. En Chat se fuerza compacto y sube por encima del input. */
.room-minimize-header{width:40px;height:40px;min-width:40px;border:0;border-radius:12px;background:#181a20;color:#dfe2e8;display:grid;place-items:center;font-size:23px;line-height:1}
.room-minimize-header:hover{background:#242730;color:#fff}
body.chat-open .persistent-player{left:auto!important;right:12px!important;top:auto!important;bottom:88px!important;transform:none!important;z-index:36!important}
body.chat-open.radio-ui-visible .app-room-screen .room-chat{padding-bottom:78px!important}

/* Admin real: entorno visual propio, amplio y con navegación de módulos. */
body.admin-mode .app-shell{display:block;max-width:none;width:100%;min-height:100vh}
body.admin-mode .sidebar,body.admin-mode .right-rail,body.admin-mode .topbar,body.admin-mode .mobile-nav{display:none!important}
body.admin-mode .main-wrap{width:100%;min-width:0;max-width:none;margin:0}
body.admin-mode .view{width:100%;max-width:none;margin:0;padding:0;min-height:100vh}
.admin-console{min-height:100vh;background:#090a0d}
.admin-console-head{position:sticky;top:0;z-index:16;min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 24px;border-bottom:1px solid var(--line);background:rgba(11,12,15,.96);backdrop-filter:blur(18px)}
.admin-console-head h1{margin:3px 0 2px;font-size:24px}.admin-console-head p{margin:0;color:var(--muted);font-size:12px}.admin-back-community{flex:0 0 auto}
.admin-workspace{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:calc(100vh - 82px)}
.admin-module-nav{position:sticky;top:82px;align-self:start;height:calc(100vh - 82px);overflow:auto;padding:18px 12px 28px;border-right:1px solid var(--line);background:#0d0e12}
.admin-nav-group{display:grid;gap:4px;margin-bottom:18px}.admin-nav-group>small{padding:0 10px 5px;color:#7d8390;font-size:10px;font-weight:900;letter-spacing:.12em}.admin-nav-group button{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:9px;width:100%;border:1px solid transparent;border-radius:11px;background:transparent;color:#b7bbc4;padding:9px 10px;text-align:left;font-size:12px;font-weight:760}.admin-nav-group button b{color:#686e79;font-size:16px}.admin-nav-group button:hover{background:#15171c;color:#fff}.admin-nav-group button.active{border-color:rgba(255,212,0,.32);background:rgba(255,212,0,.075);color:var(--yellow)}
.admin-module-main{min-width:0;width:100%;max-width:1480px;padding:24px 28px 70px}.admin-module-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 18px}.admin-module-head h2{margin:4px 0 2px;font-size:28px}.admin-module-head p{margin:0;color:var(--muted);font-size:12px}.admin-mobile-modules{display:none}
body.admin-mode.radio-ui-visible .persistent-player{left:auto;right:18px;bottom:18px;transform:none}.admin-form{padding:18px}.admin-row{padding:14px}.admin-actions button,.admin-actions select{font-size:11px;min-height:38px}.metric-card{padding:17px}.metric-card strong{font-size:28px}
.category-admin-row{grid-template-columns:minmax(190px,1fr) 74px minmax(160px,240px) 90px auto auto}.category-admin-row>input{min-width:0}.category-admin-create .row{align-items:center}

/* Modales centrados permanecen manejables y no parecen bottom sheets. */
.sheet:not(#roomSheet){box-shadow:0 24px 80px rgba(0,0,0,.62)}

@media(max-width:900px){
  .admin-workspace{grid-template-columns:220px minmax(0,1fr)}.admin-module-main{padding:20px 18px 64px}.category-admin-row{grid-template-columns:1fr 64px minmax(140px,1fr) 80px}.category-admin-row label,.category-admin-row button{grid-column:auto}
}
@media(max-width:780px){
  .persistent-player{left:9px;right:9px;bottom:calc(var(--mobile-nav) + env(safe-area-inset-bottom) + 8px);transform:none;width:auto;height:58px}
  body.chat-open.radio-ui-visible .app-room-screen .room-chat{padding-bottom:74px!important}
  .room-minimize-header{width:38px;height:38px;min-width:38px;border-radius:10px;font-size:21px}
  .admin-console-head{position:relative;min-height:auto;padding:14px;align-items:flex-start}.admin-console-head h1{font-size:21px}.admin-console-head p{max-width:230px}.admin-back-community{min-height:40px;padding:8px 10px;font-size:10px}
  .admin-workspace{display:block;min-height:0}.admin-module-nav{display:none}.admin-module-main{padding:14px 11px 90px;max-width:none}
  .admin-mobile-modules{display:block;margin:0 0 14px;border:1px solid var(--line);border-radius:14px;background:#111318}.admin-mobile-modules>summary{padding:13px 14px;color:#fff;font-size:12px;font-weight:800;cursor:pointer}.admin-mobile-modules>div{padding:0 8px 10px}.admin-mobile-modules .admin-nav-group{margin-bottom:10px}.admin-mobile-modules .admin-nav-group>small{padding-left:7px}.admin-mobile-modules .admin-nav-group button{min-height:44px;background:#0d0f13;border-color:#24272e}
  .admin-module-head{margin-bottom:12px}.admin-module-head h2{font-size:23px}.admin-module-head p{font-size:11px}
  .category-admin-row{grid-template-columns:56px minmax(0,1fr)}.category-admin-row>.grow{grid-column:1/-1}.category-admin-row>[data-category-order]{grid-column:1}.category-admin-row label,.category-admin-row button{grid-column:2}.category-admin-create .row{display:grid;grid-template-columns:64px minmax(0,1fr)}.category-admin-create #categoryOrder,.category-admin-create button{grid-column:1/-1}
  .content-taxonomy{margin-top:10px;font-size:10.5px}
}
@media(max-width:390px){

  .admin-console-head{gap:8px}.admin-back-community{max-width:116px;white-space:normal;line-height:1.15}
}

/* R11.7 QA: Chat minimizado y radio global comparten el viewport sin superponerse. */
.category-admin-row input:not([type="checkbox"]),.category-admin-row select{
  min-width:0;max-width:100%;min-height:40px;border:1px solid var(--line);border-radius:10px;
  background:#0c0d10;color:var(--text);padding:8px 10px;caret-color:var(--yellow);color-scheme:dark
}


/* R11.7 QA final: los elementos flotantes reservan espacio desplazable y nunca dejan controles atrapados debajo. */
body.room-dock-visible.radio-ui-visible:not(.chat-open):not(.admin-mode) .view{padding-bottom:190px}
body.admin-mode.room-dock-visible.radio-ui-visible .admin-module-main{padding-bottom:190px}
@media(max-width:780px){
  body.room-dock-visible.radio-ui-visible:not(.chat-open):not(.admin-mode) .view{padding-bottom:calc(var(--mobile-nav) + env(safe-area-inset-bottom) + 190px)}
  body.admin-mode.room-dock-visible.radio-ui-visible .admin-module-main{padding-bottom:190px}
}


/* === R11.8 MOBILE-FIRST · CERTIFICACIÓN DE INTERACCIÓN === */
html,body{max-width:100%;overflow-x:hidden}
button,input,textarea,select{touch-action:manipulation}
.player-drag-handle{width:32px;height:38px;min-width:32px;border:0;border-radius:10px;background:rgba(255,255,255,.045);color:#9298a3;display:grid;place-items:center;font-size:16px;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
.player-drag-handle:active,.persistent-player.is-dragging .player-drag-handle{cursor:grabbing;color:var(--yellow);background:rgba(255,212,0,.09)}
.player-icon-hide{width:32px;height:38px;min-width:32px;border:0;border-radius:10px;background:rgba(255,255,255,.045);color:#c4c8d0;font-size:20px;display:grid;place-items:center}.player-icon-hide:hover{background:rgba(255,255,255,.09);color:#fff}
.persistent-player.is-user-positioned{transition:width .16s ease,height .16s ease,border-radius .16s ease,box-shadow .16s ease}
.persistent-player.is-dragging{transition:none!important;box-shadow:0 22px 60px rgba(0,0,0,.55);outline:1px solid rgba(255,212,0,.22)}
body.chat-open .persistent-player.is-user-positioned,body.admin-mode .persistent-player.is-user-positioned{right:auto!important;bottom:auto!important;transform:none!important}
/* Las zonas interactivas del Chat permanecen libres; la radio se recoloca por JS ante teclado/resize. */
body.chat-open.radio-ui-visible .app-room-screen .room-chat{padding-bottom:18px!important}
.chat-open.radio-playing .app-room-screen{padding-bottom:0!important}
.app-room-screen .room-chat{display:flex;flex-direction:column;overflow-anchor:none}
.app-room-screen .room-chat::before{content:"";flex:1 0 0;min-height:0}
.app-room-screen .room-chat>.load-older-chat,.app-room-screen .room-chat>.chat-msg-row,.app-room-screen .room-chat>.room-poll,.app-room-screen .room-chat>.room-empty{flex:0 0 auto}
/* Diálogo propio: reemplaza prompt()/confirm() nativos y es usable con teclado móvil. */
.app-dialog-backdrop{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}.app-dialog-backdrop.show{display:flex}.app-dialog{position:relative;width:min(480px,100%);max-height:min(82dvh,720px);overflow:auto;border:1px solid var(--line);border-radius:20px;background:#111318;color:var(--text);padding:20px;box-shadow:0 28px 90px rgba(0,0,0,.65)}.app-dialog h2{margin:0 42px 8px 0;font-size:21px}.app-dialog p{margin:0 0 15px;color:var(--text-2);font-size:13px;line-height:1.5}.app-dialog textarea{width:100%;min-height:120px;max-height:40dvh;resize:vertical;border:1px solid var(--line-strong);border-radius:13px;background:#0c0d10;color:var(--text);padding:12px;font-size:16px}.app-dialog-close{position:absolute;right:12px;top:12px;width:44px;height:44px;border:0;border-radius:12px;background:#1d2026;color:#fff;font-size:22px}.app-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.app-dialog-actions button{min-height:46px}
/* Mobile-first: objetivos táctiles consistentes y Admin operable sin scroll lateral. */
@media(max-width:780px){
  :root{--mobile-touch:44px}
  .persistent-player{max-width:calc(100vw - 16px)}
  .mobile-nav button,.icon-btn,.room-minimize-header,.app-room-screen .room-back,.app-room-screen .room-header-action,.app-room-screen .composer-tool,.app-room-screen .room-send{min-width:44px;min-height:44px}
  .app-room-screen .chat-actions button{min-height:40px!important;padding:7px 9px!important;font-size:11px!important}
  .admin-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:7px}.admin-actions button,.admin-actions select{width:100%;min-height:44px;font-size:12px}.admin-row{gap:11px}.admin-row>.grow{width:100%}.admin-form input:not([type="checkbox"]):not([type="radio"]),.admin-form textarea,.admin-form select,.category-admin-row input:not([type="checkbox"]),.category-admin-row select{min-height:46px;font-size:16px}.admin-module-main,.admin-console,.admin-form,.admin-row{min-width:0;max-width:100%}.admin-table,.admin-form{overflow-wrap:anywhere}.admin-tabs,.r11-tabs,.r11-mode-strip{overscroll-behavior-inline:contain;scrollbar-width:none}.admin-tabs::-webkit-scrollbar,.r11-tabs::-webkit-scrollbar,.r11-mode-strip::-webkit-scrollbar{display:none}
  .form-field label{font-size:13px}.form-hint{font-size:12px}.meta small,.list-item small,.admin-row small{font-size:max(11px,0.72rem)}
  .sheet:not(#roomSheet){width:calc(100% - 20px);left:50%;right:auto;transform:translate(-50%,-50%);top:50%;bottom:auto;max-height:calc(var(--app-vh,100dvh) - 28px);border-radius:20px;padding:18px 14px calc(18px + env(safe-area-inset-bottom));overflow:auto}
  .sheet:not(#roomSheet).sheet-form-heavy{top:calc(env(safe-area-inset-top) + 6px);height:calc(var(--app-vh,100dvh) - env(safe-area-inset-top) - 12px);max-height:none}
  .app-dialog-backdrop{align-items:center;padding:10px}.app-dialog{width:100%;max-height:calc(var(--app-vh,100dvh) - 20px);padding:18px 14px calc(18px + env(safe-area-inset-bottom))}.app-dialog-actions{grid-template-columns:1fr}.app-dialog-actions button{min-height:48px}
  .room-overlay-card{overflow-x:hidden}.room-composer textarea{font-size:16px!important}
}
@media(max-width:390px){.admin-actions{grid-template-columns:1fr}.app-room-screen .room-appbar-identity small{max-width:165px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-switch-hint{display:none}}


.mobile-more-btn{display:none;font-size:16px;letter-spacing:1px}
@media(max-width:780px){.mobile-more-btn{display:grid}.mobile-more-context{min-width:min(250px,calc(100vw - 20px))}.mobile-more-context .context-item{min-height:46px;font-size:13px}}
@media(max-width:390px){.topbar-actions{gap:4px}.topbar-actions .icon-btn{width:40px;height:40px;min-width:40px}.mobile-brand span{display:none}.header-user-progress{max-width:116px}}

@media(max-width:430px){.mobile-brand span{display:none}.mobile-brand{gap:0;flex:0 0 34px}.topbar{gap:6px;padding-left:9px;padding-right:9px}.auth-top{min-width:0;margin-left:0;flex:1}.header-user-progress{width:min(104px,100%);max-width:104px}.topbar-actions{margin-left:auto;flex:0 0 auto;gap:3px}.topbar-actions .icon-btn{width:40px;height:40px;min-width:40px}}
/* R11.8 QA: selector de módulos del Admin debe ser un objetivo táctil real. */
@media(max-width:780px){
  .admin-mobile-modules>summary{min-height:48px;display:flex;align-items:center;box-sizing:border-box}
}
/* R11.8 QA táctil: acciones frecuentes alcanzables cómodamente con el dedo. */
@media(max-width:780px){
  .mobile-brand{min-width:44px;width:44px}
  .r11-tabs button,.sintonia-tabs button{min-height:44px}
  .conversation-section .confession-spotlight .primary-btn{min-height:44px!important}
  #adminBody button{min-height:44px}
  .switch::after{content:"";position:absolute;inset:-9px;border-radius:999px}
  .commercial-options label{min-height:44px;display:flex;align-items:center;gap:9px}
  .admin-form label:has(>input[type="checkbox"]),.admin-form label:has(>input[type="radio"]){min-height:44px;display:flex;align-items:center;gap:8px}
}

/* === R11.9 PRODUCT POLISH === */
:root{--r119-surface:#111318;--r119-surface-2:#17191f;--r119-soft:#20232b;--r119-shadow:0 18px 60px rgba(0,0,0,.48)}
.ui-ico{width:20px;height:20px;display:inline-block;vertical-align:middle;fill:none}.mini-inline-ico{width:13px;height:13px;vertical-align:-2px}.primary-btn .ui-ico,.secondary-btn .ui-ico{width:18px;height:18px}
/* Guest auth is primary on mobile. */
.guest-auth-actions{display:flex;gap:7px;align-items:center}.guest-community-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:12px 14px;border:1px solid rgba(255,212,0,.18);border-radius:15px;background:linear-gradient(135deg,rgba(255,212,0,.07),rgba(255,255,255,.018))}.guest-community-cta>div:first-child{display:grid;gap:3px}.guest-community-cta strong{font-size:13px}.guest-community-cta small{color:var(--muted);font-size:11px;line-height:1.35}.guest-community-cta>div:last-child{display:flex;gap:7px}
.r119-auth-sheet .brand-mark{width:54px;height:54px;margin:0 auto 12px;border-radius:18px;display:grid;place-items:center;background:var(--yellow);color:#060606;font-weight:950;font-size:24px}.r119-auth-sheet>p{text-align:center;color:var(--muted);line-height:1.45;margin-bottom:16px}
/* Confessions: one obvious action, progressive disclosure. */
.r119-confessions .r11-page-head{margin-bottom:10px}.r119-confess-main{width:min(100%,340px);min-height:52px;margin:0 0 18px;font-size:15px;font-weight:900}.r119-confessions .feed{margin-top:0}
/* Official team cards become compact rows. */
.r119-panel-row{display:flex!important;align-items:center;gap:10px!important;min-height:72px;padding:10px 12px!important;margin-bottom:8px!important;border-radius:17px!important}.panel-member-hit{display:flex;align-items:center;gap:10px;min-width:0;flex:1;border:0;background:transparent;color:inherit;text-align:left;padding:0;cursor:pointer}.panel-member-hit .avatar-wrap{flex:0 0 auto}.panel-row-copy{display:grid;min-width:0;gap:1px}.panel-row-copy small{color:var(--yellow);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:6px}.panel-row-copy strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-row-copy em{font-style:normal;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-cabin-inline{font-style:normal;color:var(--muted);font-size:10px;font-weight:750;letter-spacing:.03em}.panel-cabin-inline.in{color:var(--yellow)}.panel-card-side{display:flex;align-items:center;gap:6px;flex:0 0 auto;min-width:0}.panel-follow-mini{min-height:30px;display:inline-flex;align-items:center;gap:4px;border:1px solid rgba(255,212,0,.35);border-radius:999px;background:rgba(255,212,0,.1);color:var(--yellow);padding:5px 8px;font-size:10px;font-weight:800;white-space:nowrap}.panel-follow-mini .ui-ico{width:13px;height:13px}.panel-follow-mini.is-following{border-color:transparent;background:transparent;color:var(--muted);padding-inline:4px}.r119-panel-row .team-social-links{margin-left:0;flex:0 0 auto}
.team-social-links{display:flex;align-items:center;gap:5px;margin-top:7px}.team-social-link{width:34px;height:34px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;color:#e8ebf1;background:#15171c;transition:.16s ease}.team-social-link:hover,.team-social-link:focus-visible{border-color:rgba(255,212,0,.55);color:var(--yellow);transform:translateY(-1px)}.team-social-link svg{width:17px;height:17px}.profile-modal-polish .profile-hero{border-radius:20px}.sheet-backdrop:not(.hidden){backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:rgba(0,0,0,.66)}
.team-social-edit{display:grid;gap:8px;margin:8px 0 12px}.team-social-edit>strong{font-size:12px}.team-social-edit label{display:grid;grid-template-columns:125px minmax(0,1fr);align-items:center;gap:8px}.team-social-edit label>span{display:flex;align-items:center;gap:7px;color:var(--text-2);font-size:11px}.team-social-edit label svg{width:16px;height:16px}.team-social-edit input{width:100%;min-width:0}
/* Avatar: tap target + quick manager. */
.profile-avatar-wrap{position:relative}.profile-avatar-action{border:0;background:transparent;padding:0;color:inherit;cursor:pointer}.profile-avatar-action::after{content:"";position:absolute;right:-2px;bottom:-2px;width:26px;height:26px;border-radius:9px;background:var(--yellow) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24'%3E%3Cpath d='M4 8h4l1.4-2h5.2L16 8h4v11H4Z' fill='none' stroke='%23000' stroke-width='2'/%3E%3Ccircle cx='12' cy='13.5' r='3.5' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E") center/15px no-repeat;border:3px solid #0b0c0f}.profile-avatar-action.no-avatar::after{left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;background-size:19px;border:3px solid #0b0c0f;z-index:5;box-shadow:0 8px 22px rgba(0,0,0,.28)}.profile-avatar-action.no-avatar .profile-avatar-inner{color:transparent}.profile-avatar-action.no-avatar .rank-shield{z-index:6}.profile-avatar-action.has-avatar::after{z-index:5}.avatar-manager{text-align:center;display:grid;gap:13px}.avatar-manager-preview{display:flex;justify-content:center}.avatar-manager-img{width:120px!important;height:120px!important}.avatar-file-label{display:flex!important;justify-content:center;align-items:center;gap:7px;cursor:pointer}.avatar-manager .secondary-btn{display:inline-flex;justify-content:center;align-items:center}
/* Notification center: overlay, never navigates away. */
.notification-flyout{position:fixed;z-index:92;top:62px;right:max(18px,calc((100vw - 1480px)/2 + 18px));width:min(410px,calc(100vw - 24px));max-height:min(72dvh,680px);overflow:hidden;border:1px solid var(--line-strong);border-radius:20px;background:rgba(16,18,23,.98);box-shadow:0 28px 90px rgba(0,0,0,.62);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.notification-flyout.hidden{display:none}.notification-flyout-head{display:flex;align-items:center;gap:8px;padding:14px;border-bottom:1px solid var(--line)}.notification-flyout-head>div{display:grid;flex:1}.notification-flyout-head strong{font-size:16px}.notification-flyout-head small{font-size:10px;color:var(--muted)}.notification-flyout-head>button{border:0;background:transparent;color:var(--yellow);font-size:10px;font-weight:800}.notification-close{width:38px;height:38px;border-radius:11px!important;background:#20232a!important;color:#fff!important;font-size:18px!important}.notification-filters{display:flex;gap:5px;padding:9px 12px;border-bottom:1px solid var(--line);overflow:auto}.notification-filters button{border:0;border-radius:999px;padding:7px 10px;background:#1b1e24;color:var(--muted);font-size:10px}.notification-filters button.active{background:rgba(255,212,0,.12);color:var(--yellow)}.notification-flyout-list{max-height:calc(min(72dvh,680px) - 112px);overflow:auto;padding:7px}.notification-fly-item{width:100%;display:grid;grid-template-columns:38px 1fr 7px;align-items:start;gap:9px;border:0;border-radius:13px;background:transparent;color:var(--text);text-align:left;padding:10px;cursor:pointer}.notification-fly-item:hover{background:#1a1d23}.notification-fly-item.unread{background:rgba(255,212,0,.045)}.notification-fly-item>span:first-child{width:38px;height:38px;border-radius:12px;background:#1d2027;display:grid;place-items:center}.notification-fly-item svg{width:18px;height:18px}.notification-fly-item .grow{display:grid;gap:2px}.notification-fly-item strong{font-size:11px}.notification-fly-item small{color:var(--text-2);font-size:10px;line-height:1.35}.notification-fly-item em{font-style:normal;color:var(--muted);font-size:10px}.notification-fly-item>i{width:6px;height:6px;border-radius:50%;background:var(--yellow);margin-top:8px}.notification-empty{padding:34px 20px;text-align:center;display:grid;gap:5px}.notification-empty small{color:var(--muted)}
/* Chat premium: compact header, dense bubbles, no layout shift. */
.app-room-screen .room-appbar{grid-template-columns:48px minmax(0,1fr) 48px!important;gap:7px!important;padding:8px 10px!important}.r119-room-back{display:grid!important;place-items:center!important;width:46px!important;height:46px!important;border-radius:14px!important}.r119-room-back .ui-ico{width:22px;height:22px}.room-appbar-identity{min-width:0!important}.room-appbar-identity>span:last-child{min-width:0}.room-appbar-identity strong{display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-appbar-identity small{display:block!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-appbar .room-minimize-header{display:none!important}.room-header-action{width:46px!important;height:46px!important}.room-header-action .ui-ico{width:21px;height:21px}.app-room-screen .room-chat{gap:2px!important;padding:10px 12px 12px!important}.chat-msg-row{position:relative!important;margin:0!important;min-height:0!important}.chat-msg-row.group-start{margin-top:9px!important}.chat-bubble-wrap{max-width:min(76%,680px)!important}.chat-msg-row.own .chat-bubble-wrap{align-items:flex-end}.chat-msg-meta{min-height:17px!important;margin:0 3px 3px!important;gap:7px!important}.chat-msg-meta strong{font-size:10px!important}.chat-msg-meta small{font-size:10.5px!important;color:#858b96!important}.chat-msg{position:relative!important;margin:0!important;padding:8px 11px!important;border-radius:14px!important;min-height:34px!important;transition:border-color .13s ease,background .13s ease,box-shadow .13s ease!important}.chat-msg p{font-size:13px!important;line-height:1.36!important;margin:0!important}.chat-msg-row.message-selected .chat-msg{box-shadow:0 0 0 1px rgba(255,212,0,.4),0 8px 30px rgba(0,0,0,.24)!important}.chat-actions{display:none!important}.chat-avatar{width:34px!important}.chat-avatar .avatar{width:30px!important;height:30px!important}.team-mini-badge,.team-badge-mini{font-size:10px!important;padding:3px 6px!important;white-space:nowrap}.reply-preview{width:100%;min-width:0;border:0;border-left:2px solid var(--yellow);background:rgba(255,255,255,.045);border-radius:7px;padding:5px 7px;margin-bottom:6px;color:inherit;text-align:left;display:grid;gap:1px;cursor:pointer}.reply-preview strong{font-size:10px;color:var(--yellow);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-preview span{font-size:10.5px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-reaction-chips{margin-top:3px!important}.message-action-pop{display:flex;gap:3px;padding:2px}.message-action-pop button{min-height:38px;border:0;border-radius:10px;background:transparent;color:var(--text-2);display:flex;align-items:center;gap:5px;padding:7px 9px;font-size:10px;font-weight:700}.message-action-pop button:hover{background:#242831;color:#fff}.message-action-pop svg{width:15px;height:15px}.message-actions-popover{padding:4px!important;min-width:0!important}.room-composer{gap:6px!important;padding:7px!important;border-top:1px solid var(--line)!important}.room-composer textarea{min-height:44px!important;padding:11px 12px!important;border-radius:14px!important}.room-composer .composer-tool,.composer-send{width:44px!important;height:44px!important;min-width:44px!important;border-radius:14px!important}.room-composer .ui-ico{width:20px;height:20px}.composer-send{display:grid!important;place-items:center!important}.new-msgs{display:flex!important;align-items:center;gap:5px}.new-msgs.hidden{display:none!important}.new-msgs .ui-ico{width:14px;height:14px}.reaction-picker{z-index:5}.poll-head .ui-ico{width:15px;height:15px}.room-live-context{padding:7px 12px!important;min-height:0!important}.room-live-context small{display:none!important}.radio-panel .primary-btn{display:flex;align-items:center;justify-content:center;gap:7px}.audio-play .ui-ico{width:17px;height:17px}.drag-dots{width:14px;height:20px;display:block;background-image:radial-gradient(circle,currentColor 1.5px,transparent 1.7px);background-size:6px 6px;background-position:center}
/* Onboarding */
.r119-onboarding{text-align:center;padding:8px 2px 4px}.r119-onboarding h2{font-size:22px;margin:0 0 8px}.r119-onboarding p{color:var(--muted);line-height:1.5}.onboarding-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.onboarding-actions button{min-height:48px}
/* Admin social fields remain mobile-manageable. */
.team-social-admin{grid-column:1/-1}.team-edit-grid{min-width:0}.admin-row .team-social-edit label{min-width:0}.admin-row .team-social-edit input{font-size:13px}

@media(max-width:780px){
  .guest-mode .topbar-actions>[data-route="explore"],.guest-mode .topbar-actions>[data-action="notification-flyout"]{display:none}.guest-mode .auth-top{margin-left:auto;flex:0 1 auto}.guest-auth-actions{gap:5px}.guest-auth-actions button{min-height:40px;padding:0 10px;font-size:11px}.guest-auth-actions .guest-create{display:inline-flex!important}.guest-community-cta{align-items:flex-start;flex-direction:column}.guest-community-cta>div:last-child{width:100%}.guest-community-cta>div:last-child button{flex:1;min-height:44px}
  .notification-flyout{top:calc(58px + env(safe-area-inset-top));left:8px;right:8px;width:auto;max-height:72dvh;border-radius:18px}.notification-flyout-list{max-height:calc(72dvh - 112px)}
  .r119-panel-row{min-height:68px;padding:8px 10px!important}.r119-panel-row .team-social-links{display:none}.panel-row-copy strong{font-size:14px}.panel-member-hit .panel-avatar{width:42px!important;height:42px!important}.panel-follow-mini{min-height:30px;padding:5px 7px;font-size:10px}.panel-cabin-inline{font-size:10px}
  .app-room-screen{height:var(--app-vh,100dvh)!important;max-height:var(--app-vh,100dvh)!important}.app-room-screen .room-chat-wrap{min-height:0!important}.app-room-screen .room-chat{overscroll-behavior:contain}.chat-bubble-wrap{max-width:82%!important}.chat-msg{padding:8px 10px!important}.chat-msg p{font-size:13px!important}.room-input-area{padding-bottom:max(5px,env(safe-area-inset-bottom))!important;background:#0b0c0f!important}.message-actions-popover{max-width:calc(100vw - 20px)!important}.message-action-pop button{min-height:42px;font-size:10px}
  .team-social-edit label{grid-template-columns:1fr;gap:4px}.team-social-edit label>span{font-size:10px}
  .onboarding-actions{grid-template-columns:1fr}
}
@media(max-width:390px){.app-room-screen .room-appbar{grid-template-columns:44px minmax(0,1fr) 44px!important;padding-inline:6px!important}.r119-room-back,.room-header-action{width:42px!important;height:42px!important}.room-appbar-emoji{width:38px!important;height:38px!important}.chat-bubble-wrap{max-width:84%!important}.notification-flyout{left:5px;right:5px}.r119-confess-main{width:100%}}
.r119-vector-menu .context-item,.r119-vector-menu .context-choice-item{display:flex;align-items:center;gap:8px}.r119-vector-menu .ui-ico{width:16px;height:16px;flex:0 0 auto}.r119-vector-choices .choice>svg{width:24px;height:24px;margin-bottom:4px;color:var(--yellow)}
@media(max-width:780px){.guest-mode .auth-top .secondary-btn{display:inline-flex!important}.guest-mode .mobile-brand{flex:0 0 36px}.guest-mode .topbar{gap:4px}.guest-mode .topbar-actions{gap:2px}.guest-mode .mobile-more-btn{width:40px!important;min-width:40px!important}.guest-mode .guest-auth-actions button{padding-inline:9px}}
@media(max-width:340px){.guest-mode .guest-auth-actions button{padding-inline:7px;font-size:10px}.guest-mode .mobile-brand{width:34px;min-width:34px}.guest-mode .mobile-more-btn{width:38px!important;min-width:38px!important}}

/* R11.9 final privacy + notification polish */
.notification-close .ui-ico{width:18px;height:18px;display:block}.notification-filters button{touch-action:manipulation}.r119-security-sheet{display:grid;gap:12px}.r119-security-sheet>section{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:15px}.r119-security-sheet>section h3{margin:0 0 6px}.r119-security-sheet>section p{margin:0 0 12px;color:var(--muted);line-height:1.45}.r119-security-sheet .danger-zone{border-color:#53262c;background:#1b1012}.r119-security-sheet .danger-btn.large,.account-delete-confirm .danger-btn.large{width:100%;min-height:50px}.account-delete-confirm{display:grid;gap:14px}.danger-callout{padding:14px;border:1px solid #5f2930;border-radius:15px;background:#211114}.danger-callout strong{color:#ffb0b7}.danger-callout p{margin:6px 0 0;color:#d1b6b9;line-height:1.45}

/* R11.10 · presence + compact follow metadata */
.avatar-wrap{position:relative;display:inline-flex;flex:0 0 auto}
.avatar-online-dot{position:absolute;right:0;bottom:1px;width:10px;height:10px;border:2px solid #101216;border-radius:50%;background:#38d879;box-shadow:0 0 0 1px rgba(56,216,121,.18);z-index:3}
.follow-mini{white-space:nowrap;flex:0 0 auto;min-width:auto!important;width:auto!important;padding:6px 10px!important;line-height:1!important}
.follow-mini.is-following{background:transparent!important;border-color:transparent!important;color:var(--muted)!important;padding-inline:5px!important;font-size:11px!important}
.card-header{column-gap:9px}.card-header>.meta{min-width:0;flex:0 1 auto;max-width:min(55%,340px);margin-right:auto}.card-header>.meta.ghost-btn{min-height:0;padding:0;border-radius:0;text-align:left;align-items:flex-start}.card-header>.meta strong,.card-header>.meta small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:100%}
.r119-panel-row .panel-member-hit{min-width:0}.r119-panel-row .panel-row-copy{min-width:0}.r119-panel-row .panel-row-copy strong,.r119-panel-row .panel-row-copy em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.room-message-input-wrap{position:relative;min-width:0;flex:1;display:flex}.room-message-input-wrap textarea{width:100%;min-width:0}
.mention-menu{position:absolute;left:0;right:0;bottom:calc(100% + 8px);max-height:260px;overflow:auto;padding:6px;border:1px solid var(--line);border-radius:14px;background:#141519;box-shadow:0 18px 42px rgba(0,0,0,.42);z-index:20}
.mention-menu button{width:100%;display:flex;align-items:center;gap:9px;padding:8px;border:0;border-radius:10px;background:transparent;color:var(--text);text-align:left}.mention-menu button:hover,.mention-menu button:focus{background:rgba(255,255,255,.06)}.mention-menu button span{min-width:0}.mention-menu button strong,.mention-menu button small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mention-menu button small{color:var(--muted)}.mention-avatar{width:34px!important;height:34px!important}.mention-empty{display:block;padding:10px;color:var(--muted)}
#pollOptions{display:grid;gap:8px}.poll-add-option{margin-top:8px}

/* === R11.10 · Mensajes privados / shell global Chat === */
.chat-center.chat-center-global-shell{display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:stretch;min-width:0}
.chat-center.chat-center-global-shell .chat-conversation{min-width:0}
.messages-page{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);min-height:calc(var(--app-vh,100vh) - 124px);background:var(--panel,#111);border:1px solid var(--line,#252525);border-radius:24px;overflow:hidden}
.dm-inbox{border-right:1px solid var(--line,#252525);min-width:0;background:#0e0e0f}
.dm-inbox-head{padding:22px 20px 12px}.dm-inbox-head h1{margin:4px 0 0;font-size:26px}
.dm-tabs{display:flex;gap:6px;overflow:auto;padding:0 14px 12px;scrollbar-width:none}.dm-tabs::-webkit-scrollbar{display:none}.dm-tabs button{border:0;background:#19191b;color:var(--muted,#aaa);border-radius:999px;padding:8px 11px;white-space:nowrap;font-weight:750}.dm-tabs button.active{background:#f4cf00;color:#111}
.dm-thread-list{padding:4px 8px 12px}.dm-thread-row{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;border:0;background:transparent;color:inherit;padding:11px;border-radius:16px;text-align:left}.dm-thread-row:hover,.dm-thread-row.unread{background:#171719}.dm-thread-copy{display:flex;flex-direction:column;min-width:0;gap:3px}.dm-thread-copy strong,.dm-thread-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-thread-copy small{color:var(--muted,#a6a6a6)}.dm-thread-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;color:var(--muted,#8d8d8d);font-size:11px}.dm-thread-meta b{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#f4cf00;color:#111}.dm-thread-meta i{font-style:normal;color:#f4cf00}
.dm-stage{min-width:0;background:#101011}.dm-empty-stage{height:100%;min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;color:var(--muted,#aaa);padding:30px}.dm-empty-stage .ui-ico{width:32px;height:32px;color:#f4cf00}.dm-empty-stage strong{color:#fff;font-size:18px}
.dm-conversation{height:100%;min-height:520px;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}.dm-chat-head{height:68px;display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line,#252525);background:#121214}.dm-chat-person{border:0;background:transparent;color:inherit;display:flex;flex-direction:column;text-align:left;flex:1;min-width:0}.dm-chat-person strong,.dm-chat-person small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-chat-person small{color:var(--muted,#999)}.dm-mobile-back{display:none}
.dm-request-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 14px;background:rgba(244,207,0,.08);border-bottom:1px solid rgba(244,207,0,.2)}.dm-request-banner>div:first-child{display:flex;flex-direction:column;gap:2px}.dm-request-banner small{color:var(--muted,#aaa)}.dm-request-banner>div:last-child{display:flex;gap:7px}
.dm-messages{min-height:0;overflow:auto;padding:18px 16px 24px;display:flex;flex-direction:column;gap:6px;overscroll-behavior:contain}.dm-message{max-width:min(78%,620px);padding:10px 12px 7px;border-radius:17px;line-height:1.42;word-break:break-word}.dm-message.mine{align-self:flex-end;background:#191917;border:1px solid rgba(244,207,0,.36);border-bottom-right-radius:6px}.dm-message.other{align-self:flex-start;background:#1b1b1e;border-bottom-left-radius:6px}.dm-message small{display:block;margin-top:4px;text-align:right;color:#7d7d80;font-size:10px}
.dm-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;padding:10px 12px max(10px,env(safe-area-inset-bottom));border-top:1px solid var(--line,#252525);background:#121214}.dm-composer textarea{min-height:44px;max-height:120px;resize:none;border-radius:18px;padding:11px 13px;background:#1a1a1d;color:#fff;border:1px solid #2b2b2f;outline:none}.dm-composer textarea:focus{border-color:rgba(244,207,0,.6)}.dm-composer .composer-send{width:44px;height:44px;min-width:44px;border-radius:50%;border:0;background:#f4cf00;color:#111;display:grid;place-items:center}.dm-composer .composer-send:disabled{opacity:.38}
.admin-community-controls{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin-top:10px;padding:10px;border-radius:12px;background:#141416}.admin-community-controls label{display:flex;align-items:center;gap:6px;font-size:12px}.admin-community-controls select{min-height:36px}
@media(max-width:900px){.chat-center.chat-center-global-shell{display:block}.messages-page{display:block;min-height:calc(var(--app-vh,100vh) - 116px);border-radius:0;border-left:0;border-right:0}.dm-inbox{border-right:0;min-height:calc(var(--app-vh,100vh) - 116px)}.messages-page.has-thread .dm-inbox{display:none}.messages-page:not(.has-thread) .dm-stage{display:none}.messages-page.has-thread .dm-stage{display:block;height:calc(var(--app-vh,100vh) - 116px)}.dm-conversation{min-height:100%;height:100%}.dm-mobile-back{display:grid}.dm-message{max-width:86%}.dm-chat-head{position:sticky;top:0;z-index:2}.dm-request-banner{flex-direction:column;align-items:flex-start}.dm-request-banner>div:last-child{width:100%}.dm-request-banner>div:last-child button{flex:1}}

/* R11.10 · tarjetas internas / compartir en Sala */
.room-internal-card{width:min(100%,390px);margin:6px 0 3px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;border:1px solid rgba(244,207,0,.22);background:#141416;color:#fff;border-radius:14px;padding:10px 11px}.room-internal-card>span:first-child{width:34px;height:34px;border-radius:10px;background:rgba(244,207,0,.1);color:#f4cf00;display:grid;place-items:center}.room-internal-card>span:nth-child(2){display:flex;flex-direction:column;min-width:0}.room-internal-card small{font-size:10px;letter-spacing:.08em;color:#f4cf00}.room-internal-card strong{text-transform:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-internal-card em{font-size:11px;font-style:normal;color:var(--muted,#999)}.internal-card-chevron{width:14px;height:14px;transform:rotate(-90deg);color:#777}.chat-msg>p+.room-internal-card,.room-internal-card+.chat-msg>p{margin-top:6px}
.share-sheet-r110{display:grid;gap:10px}.share-preview-r110{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;padding:14px;border:1px solid var(--line,#292929);border-radius:16px;background:#121214}.share-preview-r110>span{width:42px;height:42px;border-radius:13px;background:rgba(244,207,0,.1);color:#f4cf00;display:grid;place-items:center}.share-preview-r110>div{display:flex;flex-direction:column;min-width:0}.share-preview-r110 strong,.share-preview-r110 small{overflow:hidden;text-overflow:ellipsis}.share-preview-r110 small{color:var(--muted,#999)}.share-room-picker{display:grid;gap:6px}.share-room-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;text-align:left;align-items:center;border:0;background:#151517;color:#fff;padding:12px;border-radius:14px}.share-room-row>span:first-child{font-size:22px}.share-room-row>span:last-child{display:flex;flex-direction:column}.share-room-row small{color:var(--muted,#999);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* === R11.10 · Radio: exactamente Grande / Minimizada / Solo icono === */
.persistent-player.radio-large,.persistent-player.radio-minimized,.persistent-player.radio-icon{display:flex!important;position:fixed;box-sizing:border-box;background:rgba(18,18,18,.97);border:1px solid rgba(244,207,0,.28);box-shadow:0 18px 55px rgba(0,0,0,.48);backdrop-filter:blur(18px);transition:width .16s ease,height .16s ease,border-radius .16s ease;z-index:58}
.persistent-player.radio-large{width:min(680px,calc(100vw - 28px));height:70px;gap:9px;padding:8px 10px;border-radius:18px}
.persistent-player.radio-minimized{width:226px;height:52px;gap:7px;padding:6px 7px;border-radius:999px}
.persistent-player.radio-icon{width:50px!important;height:50px!important;padding:2px!important;border-radius:16px!important;overflow:hidden;gap:0}
.persistent-player.radio-large>*{display:flex}.persistent-player.radio-large .player-icon-open{display:none}.persistent-player.radio-large .player-station-mark{display:flex}.persistent-player.radio-large .player-copy{display:block}.persistent-player.radio-large .player-audio-controls{display:flex}.persistent-player.radio-large .player-retry:not(.hidden){display:flex}.persistent-player.radio-large .player-minimize,.persistent-player.radio-large .player-icon-hide,.persistent-player.radio-large .player-toggle,.persistent-player.radio-large .player-drag-handle{display:grid}
.persistent-player.radio-minimized>*{display:none!important}.persistent-player.radio-minimized .player-drag-handle,.persistent-player.radio-minimized .player-station-mark,.persistent-player.radio-minimized .player-toggle,.persistent-player.radio-minimized .player-icon-hide,.persistent-player.radio-minimized .player-retry:not(.hidden){display:grid!important}.persistent-player.radio-minimized .player-station-mark{display:flex!important;flex:1}
.persistent-player.radio-icon>*{display:none!important}.persistent-player.radio-icon .player-icon-open{display:grid!important;width:100%;height:100%}
.player-icon-open{display:none;border:0;background:transparent;color:#f4cf00;place-items:center}.player-icon-open .ui-ico{width:24px;height:24px}
.player-station-mark{border:0;background:transparent;color:#fff;align-items:center;gap:6px;padding:4px 5px;border-radius:10px}.player-station-mark b{font-size:13px}.player-station-mark .live-dot{width:8px;height:8px}
.player-audio-controls{align-items:center;gap:6px}.player-control{border:0;background:rgba(255,255,255,.055);color:#ddd;min-height:36px;border-radius:10px;align-items:center;justify-content:center}.player-control .ui-ico{width:17px;height:17px}.player-mute{width:36px}.player-mute.is-muted{color:#f4cf00;background:rgba(244,207,0,.1)}.player-volume{width:92px;accent-color:#f4cf00}.player-retry{padding:0 10px;font-weight:800;font-size:11px}.player-minimize,.player-icon-hide{width:36px!important;height:36px!important;min-width:36px!important;font-size:0!important}.player-icon-hide{border-radius:10px!important}.player-toggle:disabled{cursor:default;opacity:.9}
.radio-spinner{width:18px;height:18px;border:2px solid rgba(0,0,0,.25);border-top-color:#111;border-radius:50%;animation:radioSpin .72s linear infinite}@keyframes radioSpin{to{transform:rotate(360deg)}}
body.radio-form-large.radio-ui-visible:not(.chat-open):not(.admin-mode) .view{padding-bottom:118px}body.radio-form-minimized.radio-ui-visible:not(.chat-open):not(.admin-mode) .view{padding-bottom:92px}
body.chat-open .persistent-player.radio-large,body.admin-mode .persistent-player.radio-large{right:12px!important;left:auto!important;bottom:88px!important;top:auto!important;transform:none!important;max-width:min(680px,calc(100vw - 24px))}body.chat-open .persistent-player.radio-minimized,body.admin-mode .persistent-player.radio-minimized{right:12px!important;left:auto!important;bottom:88px!important;top:auto!important;transform:none!important}body.chat-open .persistent-player.radio-icon,body.admin-mode .persistent-player.radio-icon{right:10px!important;left:auto!important;bottom:88px!important;top:auto!important;transform:none!important}
@media(max-width:760px){.persistent-player.radio-large{left:8px!important;right:8px!important;width:auto!important;bottom:calc(var(--mobile-nav) + env(safe-area-inset-bottom) + 8px)!important;transform:none!important;height:68px}.persistent-player.radio-large .player-volume{width:62px}.persistent-player.radio-large .player-copy strong{max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.persistent-player.radio-minimized{left:auto!important;right:8px!important;bottom:calc(var(--mobile-nav) + env(safe-area-inset-bottom) + 9px)!important;transform:none!important;width:206px}.persistent-player.radio-icon{left:auto!important;right:8px!important;bottom:calc(var(--mobile-nav) + env(safe-area-inset-bottom) + 9px)!important;transform:none!important}body.chat-open .persistent-player.radio-large{bottom:calc(76px + env(safe-area-inset-bottom))!important}body.chat-open .persistent-player.radio-minimized,body.chat-open .persistent-player.radio-icon{bottom:calc(76px + env(safe-area-inset-bottom))!important}.persistent-player.radio-large .player-icon-hide{display:none!important}}
@media(max-width:390px){.persistent-player.radio-large .player-audio-controls{display:none!important}.persistent-player.radio-large{height:62px}.persistent-player.radio-minimized{width:198px}}

/* === R11.10 · Chat visual recovery from R11.2, keeping zero-shift popovers === */
.app-room-screen .chat-bubble-wrap{max-width:min(80%,760px)!important}
.app-room-screen .chat-avatar{width:32px!important;min-width:32px!important}
.app-room-screen .chat-avatar .avatar{width:32px!important;height:32px!important;min-width:32px!important;font-size:10px!important}
.app-room-screen .chat-msg{padding:10px 12px!important;border-radius:17px 17px 17px 6px!important}
.app-room-screen .chat-msg.own{border-radius:17px 17px 6px 17px!important;border-color:rgba(255,212,0,.28)!important;background:linear-gradient(180deg,rgba(255,212,0,.05),rgba(255,212,0,.015)),#15181c!important}
.app-room-screen .chat-msg p{font-size:15px!important;line-height:1.45!important;letter-spacing:-.04px!important}
.app-room-screen .chat-msg-meta{min-height:19px!important;margin:0 3px 4px!important;gap:9px!important}
.app-room-screen .chat-msg-meta strong{font-size:11px!important;font-weight:700!important}
.app-room-screen .chat-msg-meta small{font-size:10px!important;color:#969ca7!important}
.app-room-screen .reply-preview{padding:6px 8px!important;margin-bottom:7px!important}
.app-room-screen .reply-preview strong{font-size:9.5px!important}.app-room-screen .reply-preview span{font-size:10px!important}
.app-room-screen .chat-msg-row.group-continuation{margin-top:-5px!important}
@media(max-width:780px){
  .app-room-screen .chat-bubble-wrap{max-width:90%!important}
  .app-room-screen .chat-msg{padding:10px 11px!important}
  .app-room-screen .chat-msg p{font-size:15.5px!important;line-height:1.43!important}
  .app-room-screen .chat-msg-meta strong{font-size:11.5px!important}.app-room-screen .chat-msg-meta small{font-size:10px!important}
  .app-room-screen .chat-avatar{width:30px!important;min-width:30px!important}.app-room-screen .chat-avatar .avatar{width:30px!important;height:30px!important;min-width:30px!important}
}
@media(max-width:350px){
  .app-room-screen .chat-bubble-wrap{max-width:92%!important}
  .app-room-screen .chat-msg p{font-size:15px!important}
}

/* R11.11 post-deploy visual/structural corrections */
.program-radio-icon .ui-ico{width:22px!important;height:22px!important;display:block!important;fill:currentColor!important;stroke:currentColor!important}.program-radio-icon .radio-spinner{display:block}.radio-panel-cta{display:flex!important;align-items:center;justify-content:center;gap:7px}.radio-panel-cta .ui-ico{width:18px;height:18px;fill:currentColor}.room-rail-summary{display:flex;align-items:center;gap:10px;padding:4px 0 10px}.room-rail-summary>span{font-size:24px}.room-rail-summary>div{display:grid;gap:2px;min-width:0}.room-rail-summary strong{font-size:13px}.room-rail-summary small,.rail-muted{font-size:11px;color:var(--muted)}.room-rail-description{margin:0 0 10px;color:var(--muted);font-size:11.5px;line-height:1.45}.room-rail-live{display:grid;gap:3px;padding:9px 10px;margin:0 0 9px;border-left:2px solid var(--yellow);background:rgba(255,212,0,.045);border-radius:4px 10px 10px 4px}.room-rail-live small{font-size:10px;color:var(--yellow);font-weight:800}.room-rail-live strong{font-size:12px;line-height:1.35}.room-rail-actions{display:grid;gap:4px;border-top:1px solid var(--line);padding-top:8px}.room-rail-actions button{min-height:38px;display:flex;align-items:center;gap:8px;border:0;border-radius:9px;background:transparent;color:var(--text-2);text-align:left;padding:7px 8px;font-size:11px}.room-rail-actions button:hover{background:var(--surface-raised);color:var(--text)}.room-rail-actions .ui-ico{width:15px;height:15px}.right-rail .trend-mini small,.right-rail .room-mini small{font-size:11px}.app-room-screen .chat-msg-meta small{font-size:10.5px!important}.app-room-screen .reply-preview strong{font-size:10px!important}.app-room-screen .reply-preview span{font-size:10.5px!important}.app-room-screen .team-mini-badge,.app-room-screen .team-badge-mini{font-size:10px!important}.app-room-screen .room-live-context small{font-size:10.5px}.mobile-nav button small{font-size:10px}.header-user-rank{font-size:10px!important}

/* ========================================================================== 
   R11.12 · CHAT REBUILD · authoritative Chat/Salas component layer
   Everything below is intentionally scoped to .chat-v2 / Chat-only surfaces.
   ========================================================================== */
:root{
  --chat-bg:#090a0d;
  --chat-surface:#111319;
  --chat-surface-2:#171a20;
  --chat-border:rgba(255,255,255,.095);
  --chat-border-strong:rgba(255,255,255,.16);
  --chat-muted:#9ca3af;
  --chat-yellow:#ffd400;
  --chat-own:#1c1a0c;
  --chat-other:#191c22;
  --chat-header-h:64px;
}

/* Stable shell: no distributed vertical space and no nested room sidebar. */
.chat-v2.app-room-screen{
  position:relative;
  isolation:isolate;
  width:100%;
  height:100%;
  min-height:0;
  overflow:hidden;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  border:1px solid var(--chat-border)!important;
  border-radius:20px!important;
  background:var(--chat-bg)!important;
  box-shadow:0 18px 60px rgba(0,0,0,.18);
}
.chat-v2.app-room-screen:has(.room-live-context){grid-template-rows:auto auto minmax(0,1fr) auto!important}
.chat-v2 .room-appbar{grid-row:1!important;min-height:var(--chat-header-h)!important;display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;align-items:center!important;gap:10px!important;padding:9px 12px!important;border-bottom:1px solid var(--chat-border)!important;background:rgba(11,13,17,.985)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.chat-v2 .room-live-context{grid-row:2!important;min-height:36px!important;padding:7px 14px!important;border-bottom:1px solid rgba(255,212,0,.13)!important;background:linear-gradient(90deg,rgba(255,212,0,.075),rgba(255,212,0,.018))!important}
.chat-v2 .room-chat-wrap{grid-row:2!important;position:relative!important;min-height:0!important;overflow:hidden!important;background:var(--chat-bg)!important}
.chat-v2:has(.room-live-context) .room-chat-wrap{grid-row:3!important}
.chat-v2 .room-ephemeral-status{display:none!important}
.chat-v2 .room-input-area{grid-row:3!important;position:relative!important;z-index:8!important;min-width:0!important;padding:8px 10px max(8px,env(safe-area-inset-bottom))!important;border-top:1px solid var(--chat-border)!important;background:rgba(11,13,17,.985)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.chat-v2:has(.room-live-context) .room-input-area{grid-row:4!important}

/* App bar */
.chat-v2 .room-back,.chat-v2 .room-header-action{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border:1px solid transparent!important;border-radius:14px!important;background:transparent!important;color:#eef0f4!important;display:grid!important;place-items:center!important;padding:0!important}
.chat-v2 .room-back:hover,.chat-v2 .room-header-action:hover,.chat-v2 .room-back:focus-visible,.chat-v2 .room-header-action:focus-visible{background:rgba(255,255,255,.06)!important;border-color:var(--chat-border)!important}
.chat-v2 .room-back .ui-ico,.chat-v2 .room-header-action .ui-ico{width:21px!important;height:21px!important}
.chat-v2 .room-appbar-identity{min-width:0!important;display:flex!important;align-items:center!important;gap:10px!important;border:0!important;background:transparent!important;color:#fff!important;padding:0!important;text-align:left!important}
.chat-v2 .room-appbar-emoji{width:40px!important;height:40px!important;min-width:40px!important;display:grid!important;place-items:center!important;border-radius:13px!important;background:#181b21!important;font-size:21px!important}
.chat-v2 .room-appbar-identity>span:last-child{display:grid!important;min-width:0!important;gap:3px!important}
.chat-v2 .room-appbar-identity strong{min-width:0!important;display:flex!important;align-items:center!important;gap:5px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:14px!important;line-height:1.15!important;font-weight:780!important;letter-spacing:-.1px!important}
.chat-v2 .room-appbar-identity small{display:flex!important;align-items:center!important;gap:4px!important;min-width:0!important;color:var(--chat-muted)!important;font-size:11px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.chat-v2 .connection-dot{width:7px!important;height:7px!important;min-width:7px!important;border-radius:50%!important;background:#5c626e!important}.chat-v2 .connection-dot.online{background:#35d07f!important;box-shadow:0 0 0 2px rgba(53,208,127,.09)!important}.chat-v2 .connection-dot.reconnecting{background:#f2c94c!important}

/* History: continuous chronology, bottom anchored only when short. */
.chat-v2 .room-chat{height:100%!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:0!important;padding:14px 14px 18px!important;scrollbar-gutter:stable!important;overscroll-behavior:contain!important;overflow-anchor:none!important;-webkit-overflow-scrolling:touch!important;scroll-behavior:auto!important}
.chat-v2 .room-chat::before{content:none!important;display:none!important}
.chat-v2 .load-older-chat{flex:0 0 auto;align-self:center!important;min-height:38px!important;margin:4px auto 10px!important;padding:7px 13px!important;border:1px solid var(--chat-border)!important;border-radius:999px!important;background:#12151a!important;color:#b8bec8!important;font-size:11px!important;font-weight:700!important}
.chat-v2 .load-older-chat:hover{border-color:rgba(255,212,0,.32)!important;color:var(--chat-yellow)!important}
.chat-v2 .room-empty{margin:auto!important;max-width:360px!important;display:grid!important;justify-items:center!important;gap:7px!important;text-align:center!important;color:var(--chat-muted)!important;padding:30px 18px!important}.chat-v2 .room-empty .ui-ico{width:30px!important;height:30px!important;color:var(--chat-yellow)!important}.chat-v2 .room-empty strong{color:#fff!important;font-size:15px!important}.chat-v2 .room-empty small{font-size:12px!important}

/* Message groups */
.chat-v2 .chat-msg-row{position:relative!important;flex:0 0 auto!important;width:100%!important;min-width:0!important;min-height:0!important;display:flex!important;align-items:flex-end!important;gap:9px!important;margin:0!important;padding:0!important;overflow:visible!important}
.chat-v2 .chat-msg-row.group-start{margin-top:18px!important}.chat-v2 .chat-msg-row.group-start:first-of-type{margin-top:0!important}.chat-v2 .chat-msg-row.group-continuation{margin-top:7px!important}
.chat-v2 .chat-msg-row.own{justify-content:flex-end!important}
.chat-v2 .chat-avatar{width:34px!important;min-width:34px!important;height:34px!important;margin:0 0 2px!important;align-self:flex-end!important}.chat-v2 .chat-avatar:empty{height:1px!important}.chat-v2 .chat-avatar .avatar-wrap{width:34px!important;height:34px!important}.chat-v2 .chat-avatar .avatar{width:34px!important;height:34px!important;min-width:34px!important;font-size:11px!important}.chat-v2 .group-continuation .chat-avatar{visibility:hidden!important}.chat-v2 .chat-msg-row.own .chat-avatar{display:none!important}
.chat-v2 .chat-message-stack,.chat-v2 .chat-bubble-wrap{display:flex!important;flex-direction:column!important;align-items:flex-start!important;width:auto!important;max-width:min(72%,690px)!important;min-width:0!important}.chat-v2 .chat-msg-row.own .chat-message-stack,.chat-v2 .chat-msg-row.own .chat-bubble-wrap{margin-left:auto!important;align-items:flex-end!important}
.chat-v2 .chat-msg-meta{display:flex!important;align-items:baseline!important;gap:8px!important;min-height:0!important;max-width:100%!important;margin:0 4px 5px!important;color:var(--chat-muted)!important}.chat-v2 .chat-name{min-width:0!important;display:inline-flex!important;border:0!important;background:transparent!important;padding:0!important;color:inherit!important}.chat-v2 .chat-msg-meta strong{max-width:240px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#f4d900!important;font-size:12px!important;line-height:1.2!important;font-weight:760!important}.chat-v2 .chat-msg-meta small{color:#8f96a2!important;font-size:11px!important;line-height:1.2!important;white-space:nowrap!important}
.chat-v2 .chat-msg{position:relative!important;width:fit-content!important;max-width:100%!important;min-width:34px!important;min-height:34px!important;margin:0!important;padding:9px 12px!important;border:1px solid rgba(255,255,255,.105)!important;border-radius:18px 18px 18px 6px!important;background:var(--chat-other)!important;color:#f4f5f7!important;box-shadow:0 1px 2px rgba(0,0,0,.18)!important;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease!important}
.chat-v2 .chat-msg.own{border-color:rgba(255,212,0,.30)!important;border-radius:18px 18px 6px 18px!important;background:linear-gradient(180deg,rgba(255,212,0,.045),rgba(255,212,0,.014)),var(--chat-own)!important}
.chat-v2 .group-continuation:not(.own) .chat-msg{border-top-left-radius:9px!important}.chat-v2 .group-continuation.own .chat-msg{border-top-right-radius:9px!important}.chat-v2 .group-end:not(.own) .chat-msg{border-bottom-left-radius:6px!important}.chat-v2 .group-end.own .chat-msg{border-bottom-right-radius:6px!important}
.chat-v2 .chat-msg p{margin:0!important;color:#f3f4f6!important;font-size:15.5px!important;line-height:1.4!important;font-weight:430!important;letter-spacing:-.05px!important;overflow-wrap:anywhere!important;white-space:pre-wrap!important}
.chat-v2 .own-message-time{margin:4px 4px 0!important;color:#858c98!important;font-size:11px!important;line-height:1!important;font-weight:500!important}
.chat-v2 .chat-msg-row.message-selected .chat-msg,.chat-v2 [data-msg].shared-focus .chat-msg{border-color:rgba(255,212,0,.70)!important;box-shadow:0 0 0 2px rgba(255,212,0,.12),0 12px 34px rgba(0,0,0,.24)!important}.chat-v2 [data-msg].shared-focus{animation:r1112MessageFocus 1.5s ease both}@keyframes r1112MessageFocus{0%,100%{transform:none}25%{transform:translateX(2px)}}

/* Reply preview is a real navigation target, not a second message. */
.chat-v2 .reply-preview{width:100%!important;min-width:150px!important;max-width:100%!important;display:grid!important;gap:3px!important;margin:0 0 7px!important;padding:7px 9px!important;border:0!important;border-left:3px solid var(--chat-yellow)!important;border-radius:7px!important;background:rgba(255,255,255,.045)!important;color:inherit!important;text-align:left!important;cursor:pointer!important}.chat-v2 .reply-preview:hover{background:rgba(255,255,255,.065)!important}.chat-v2 .reply-preview strong{display:flex!important;align-items:center!important;gap:4px!important;min-width:0!important;color:var(--chat-yellow)!important;font-size:11px!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.chat-v2 .reply-preview strong .ui-ico{width:13px!important;height:13px!important;flex:0 0 auto!important}.chat-v2 .reply-preview span{display:-webkit-box!important;max-width:100%!important;color:#b8bec8!important;font-size:11.5px!important;line-height:1.3!important;white-space:normal!important;overflow:hidden!important;text-overflow:ellipsis!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}.chat-v2 .reply-preview.unavailable{cursor:default!important;opacity:.76!important}.chat-v2 .reply-preview.unavailable strong{color:#b4bac4!important}

/* Reactions stay attached to the bubble. */
.chat-v2 .message-reaction-chips{display:flex!important;flex-wrap:wrap!important;gap:4px!important;margin:6px 3px 0!important}.chat-v2 .chat-msg-row.own .message-reaction-chips{justify-content:flex-end!important}.chat-v2 .message-reaction-chip{min-height:27px!important;display:inline-flex!important;align-items:center!important;gap:4px!important;padding:3px 8px!important;border:1px solid var(--chat-border)!important;border-radius:999px!important;background:#14171c!important;color:#eef0f4!important;box-shadow:none!important}.chat-v2 .message-reaction-chip span{font-size:14px!important;line-height:1!important}.chat-v2 .message-reaction-chip b{font-size:11px!important}.chat-v2 .reaction-picker{position:absolute!important;z-index:15!important;bottom:calc(100% + 7px)!important;left:0!important;display:flex!important;gap:3px!important;padding:5px!important;border:1px solid var(--chat-border-strong)!important;border-radius:999px!important;background:#171a20!important;box-shadow:0 14px 38px rgba(0,0,0,.48)!important}.chat-v2 .chat-msg.own .reaction-picker{left:auto!important;right:0!important}.chat-v2 .reaction-picker.hidden{display:none!important}.chat-v2 .reaction-picker button{width:38px!important;height:38px!important;min-width:38px!important;border:0!important;border-radius:50%!important;background:transparent!important;font-size:20px!important}.chat-v2 .reaction-picker button:hover,.chat-v2 .reaction-picker button.reacted{background:rgba(255,212,0,.10)!important}

/* No inline action bars: actions always float in the global contextual popover. */
.chat-v2 .chat-actions{display:none!important}.message-actions-popover{z-index:120!important;padding:4px!important;border:1px solid var(--chat-border-strong)!important;border-radius:14px!important;background:#171a20!important;box-shadow:0 16px 45px rgba(0,0,0,.5)!important}.message-action-pop{display:flex!important;gap:2px!important}.message-action-pop button{min-height:40px!important;display:flex!important;align-items:center!important;gap:6px!important;padding:8px 10px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#d5d9e0!important;font-size:12px!important;font-weight:700!important}.message-action-pop button:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}.message-action-pop .ui-ico{width:16px!important;height:16px!important}

/* Voice notes remain compact in the message width. */
.chat-v2 .audio-box{display:grid!important;grid-template-columns:38px minmax(96px,220px) auto 38px!important;align-items:center!important;gap:8px!important;width:auto!important;max-width:min(100%,390px)!important;min-width:0!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important}.chat-v2 .audio-play{width:38px!important;height:38px!important;min-width:38px!important}.chat-v2 .audio-wave{width:100%!important;min-width:80px!important;max-width:220px!important;flex:none!important}.chat-v2 .audio-time{display:flex!important;align-items:center!important;gap:3px!important;min-width:max-content!important;font-size:11px!important;white-space:nowrap!important}.chat-v2 .audio-speed{min-width:38px!important;height:32px!important;padding:0 6px!important;font-size:11px!important}

/* Poll card + real close state. */
.chat-v2 .room-poll{flex:0 0 auto!important;width:min(86%,560px)!important;margin:18px 0 8px 43px!important;padding:14px!important;border:1px solid var(--chat-border)!important;border-radius:18px!important;background:#13161b!important;box-shadow:0 8px 24px rgba(0,0,0,.16)!important}.chat-v2 .poll-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0 0 10px!important}.chat-v2 .poll-head>span{display:flex!important;align-items:center!important;gap:6px!important;color:var(--chat-yellow)!important;font-size:11px!important;font-weight:850!important;letter-spacing:.025em!important}.chat-v2 .poll-head .ui-ico{width:16px!important;height:16px!important}.chat-v2 .poll-head small{color:#8e95a1!important;font-size:11px!important}.chat-v2 .poll-question{display:block!important;margin:0 0 12px!important;color:#fff!important;font-size:15px!important;line-height:1.35!important}.chat-v2 .poll-options{display:grid!important;gap:7px!important}.chat-v2 .poll-option{position:relative!important;isolation:isolate!important;min-height:44px!important;width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;overflow:hidden!important;padding:9px 11px!important;border:1px solid var(--chat-border)!important;border-radius:12px!important;background:#191c22!important;color:#eef0f4!important;text-align:left!important}.chat-v2 .poll-option>span,.chat-v2 .poll-option>b{position:relative!important;z-index:2!important}.chat-v2 .poll-option>span{font-size:12.5px!important;line-height:1.3!important}.chat-v2 .poll-option>b{color:#bfc4cc!important;font-size:11px!important}.chat-v2 .poll-option>i{position:absolute!important;z-index:1!important;inset:0 auto 0 0!important;height:100%!important;background:rgba(255,212,0,.09)!important;pointer-events:none!important}.chat-v2 .poll-option.selected{border-color:rgba(255,212,0,.48)!important}.chat-v2 .poll-option.selected>span,.chat-v2 .poll-option.selected>b{color:#fff!important}.chat-v2 .poll-option:disabled{cursor:default!important;opacity:.82!important}.chat-v2 .poll-foot{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-top:10px!important}.chat-v2 .poll-foot small{color:#969da8!important;font-size:11px!important}.chat-v2 .poll-foot button{min-height:34px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:var(--chat-yellow)!important;padding:5px 7px!important;font-size:11px!important;font-weight:760!important}

/* Unread and latest affordances never influence message layout. */
.chat-v2 .room-unread-divider{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:10px!important;margin:14px 0!important;color:var(--chat-yellow)!important;font-size:11px!important;font-weight:780!important}.chat-v2 .room-unread-divider::before,.chat-v2 .room-unread-divider::after{content:"";height:1px;flex:1;background:rgba(255,212,0,.18)}.chat-v2 .room-unread-divider span{white-space:nowrap!important}
.chat-v2 .new-msgs{position:absolute!important;z-index:18!important;right:18px!important;bottom:14px!important;min-height:40px!important;display:flex!important;align-items:center!important;gap:6px!important;padding:7px 13px!important;border:1px solid rgba(255,212,0,.36)!important;border-radius:999px!important;background:#211f10!important;color:var(--chat-yellow)!important;box-shadow:0 10px 30px rgba(0,0,0,.38)!important;font-size:11px!important;font-weight:820!important}.chat-v2 .new-msgs.hidden{display:none!important}.chat-v2 .new-msgs .ui-ico{width:15px!important;height:15px!important}

/* Composer = one coherent control row. */
.chat-v2 .room-composer{position:static!important;display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px 46px!important;align-items:end!important;gap:7px!important;width:100%!important;padding:0!important;background:transparent!important;border:0!important}
.chat-v2 .room-message-input-wrap{position:relative!important;min-width:0!important;display:block!important}.chat-v2 .room-composer textarea{display:block!important;width:100%!important;min-width:0!important;min-height:44px!important;max-height:112px!important;resize:none!important;overflow-y:auto!important;padding:11px 14px!important;border:1px solid var(--chat-border-strong)!important;border-radius:18px!important;outline:none!important;background:#171a20!important;color:#f5f6f8!important;font:inherit!important;font-size:15px!important;line-height:1.42!important;box-shadow:none!important}.chat-v2 .room-composer textarea::placeholder{color:#808895!important}.chat-v2 .room-composer textarea:focus{border-color:rgba(255,212,0,.42)!important;box-shadow:0 0 0 2px rgba(255,212,0,.06)!important}
.chat-v2 .composer-tool,.chat-v2 .composer-send{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;display:grid!important;place-items:center!important;padding:0!important;border:1px solid var(--chat-border)!important;border-radius:50%!important;background:#181b21!important;color:#e0e3e8!important;box-shadow:none!important}.chat-v2 .composer-tool:hover,.chat-v2 .composer-tool:focus-visible{border-color:rgba(255,212,0,.32)!important;color:var(--chat-yellow)!important}.chat-v2 .composer-tool .ui-ico,.chat-v2 .composer-send .ui-ico{width:20px!important;height:20px!important}
.chat-v2 .composer-send{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;border:0!important;background:var(--chat-yellow)!important;color:#080808!important;opacity:1!important;transform:none!important}.chat-v2 .composer-send:disabled{background:var(--chat-yellow)!important;color:#080808!important;opacity:.34!important;cursor:default!important}.chat-v2 .composer-send:not(:disabled):hover{filter:brightness(1.04)!important;transform:translateY(-1px)!important}

/* Reply composer lives above the row and never overlays messages. */
.chat-v2 .replying-bar{float:none!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0 0 7px!important;padding:8px 8px 8px 11px!important;border:0!important;border-left:3px solid var(--chat-yellow)!important;border-radius:8px!important;background:#16191f!important;color:#dce0e6!important}.chat-v2 .replying-bar.hidden{display:none!important}.chat-v2 .replying-bar>span{min-width:0!important;display:grid!important;gap:1px!important}.chat-v2 .replying-bar small{color:var(--chat-yellow)!important;font-size:10px!important;font-weight:850!important;letter-spacing:.04em!important}.chat-v2 .replying-bar strong{font-size:12px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.chat-v2 .replying-bar em{color:#9fa6b1!important;font-size:11px!important;line-height:1.2!important;font-style:normal!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.chat-v2 .replying-bar button{float:none!important;width:38px!important;height:38px!important;min-width:38px!important;display:grid!important;place-items:center!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#bec3cb!important;padding:0!important}.chat-v2 .replying-bar button:hover{background:rgba(255,255,255,.06)!important;color:#fff!important}

/* Mention autocomplete */
.chat-v2 .mention-menu{position:absolute!important;z-index:25!important;left:0!important;right:0!important;bottom:calc(100% + 8px)!important;max-height:280px!important;overflow:auto!important;padding:6px!important;border:1px solid var(--chat-border-strong)!important;border-radius:15px!important;background:#15181e!important;box-shadow:0 18px 44px rgba(0,0,0,.46)!important}.chat-v2 .mention-menu.hidden{display:none!important}.chat-v2 .mention-menu button{width:100%!important;min-height:48px!important;display:flex!important;align-items:center!important;gap:10px!important;padding:7px 8px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#fff!important;text-align:left!important}.chat-v2 .mention-menu button:hover,.chat-v2 .mention-menu button:focus-visible{background:rgba(255,255,255,.06)!important}.chat-v2 .mention-menu button>span:last-child{display:grid!important;min-width:0!important}.chat-v2 .mention-menu strong{font-size:12px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.chat-v2 .mention-menu small{color:#959ca7!important;font-size:11px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.chat-v2 .mention-empty{display:block!important;padding:10px!important;color:#9da4af!important;font-size:11px!important}

/* Inline recorder */
.chat-v2 .room-recorder{width:100%!important}.chat-v2 .room-recorder.hidden{display:none!important}.chat-v2 .room-recorder-bar{min-height:52px!important;display:flex!important;align-items:center!important;gap:8px!important;width:100%!important}.chat-v2 .record-inline-cancel,.chat-v2 .record-inline-stop,.chat-v2 .record-inline-send{width:44px!important;height:44px!important;min-width:44px!important;border-radius:50%!important}.chat-v2 .record-inline-send{background:var(--chat-yellow)!important;color:#090909!important}.chat-v2 .record-inline-live{height:44px!important;min-width:0!important;border-radius:16px!important}

/* Chat-local overlay: centered on desktop, bottom sheet on small screens. */
.room-overlay{position:absolute!important;z-index:55!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:18px!important;background:rgba(0,0,0,.68)!important;backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important}.room-overlay.hidden{display:none!important}.room-overlay-card{width:min(560px,100%)!important;max-height:min(82%,680px)!important;overflow:auto!important;padding:18px!important;border:1px solid var(--chat-border-strong)!important;border-radius:22px!important;background:#15181e!important;box-shadow:0 24px 70px rgba(0,0,0,.58)!important}.room-overlay-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 0 14px!important}.room-overlay-head strong{font-size:18px!important;color:#fff!important}.room-overlay-head button{width:42px!important;height:42px!important;min-width:42px!important;display:grid!important;place-items:center!important;border:0!important;border-radius:50%!important;background:#22262e!important;color:#fff!important;padding:0!important}.room-overlay-actions{display:flex!important;justify-content:flex-end!important;gap:8px!important;margin-top:16px!important}
.chat-poll-builder{display:grid!important;gap:13px!important}.chat-poll-builder>p{margin:0!important;color:#aeb4be!important;font-size:12.5px!important;line-height:1.45!important}.chat-poll-builder .form-field{display:grid!important;gap:6px!important}.chat-poll-builder label{display:flex!important;align-items:center!important;justify-content:space-between!important;color:#e3e5e9!important;font-size:12px!important;font-weight:760!important}.chat-poll-builder label small{color:#858d99!important;font-weight:500!important}.chat-poll-builder input{width:100%!important;min-height:44px!important;border:1px solid var(--chat-border-strong)!important;border-radius:12px!important;background:#0f1115!important;color:#fff!important;padding:9px 11px!important;font-size:14px!important}.chat-poll-builder input:focus{outline:0!important;border-color:rgba(255,212,0,.5)!important}.poll-options-editor{display:grid!important;gap:7px!important}.poll-option-editor-row{display:grid!important;grid-template-columns:minmax(0,1fr) 42px!important;align-items:center!important;gap:7px!important}.poll-option-editor-row button{width:42px!important;height:42px!important;min-width:42px!important;display:grid!important;place-items:center!important;border:1px solid var(--chat-border)!important;border-radius:11px!important;background:#1c2027!important;color:#cbd0d7!important}.poll-option-editor-row button:disabled{opacity:.28!important}.poll-add-btn{justify-self:start!important;min-height:40px!important;display:flex!important;align-items:center!important;gap:6px!important;border:1px dashed rgba(255,212,0,.35)!important;border-radius:11px!important;background:rgba(255,212,0,.035)!important;color:var(--chat-yellow)!important;padding:7px 10px!important;font-size:11px!important;font-weight:780!important}.poll-add-btn .ui-ico{width:15px!important;height:15px!important}.poll-builder-hint{color:#8f96a1!important;font-size:11px!important}

/* Guest gate for Salas */
.chat-auth-gate{width:min(620px,100%)!important;margin:clamp(28px,8vh,90px) auto!important;display:grid!important;justify-items:center!important;gap:10px!important;padding:clamp(24px,4vw,42px)!important;border:1px solid var(--chat-border)!important;border-radius:24px!important;background:radial-gradient(circle at 50% 0,rgba(255,212,0,.09),transparent 38%),#111318!important;text-align:center!important;box-shadow:0 22px 70px rgba(0,0,0,.26)!important}.chat-auth-gate-mark{width:62px!important;height:62px!important;display:grid!important;place-items:center!important;margin-bottom:2px!important;border-radius:20px!important;background:var(--chat-yellow)!important;color:#090909!important;box-shadow:0 12px 32px rgba(255,212,0,.12)!important}.chat-auth-gate-mark .ui-ico{width:30px!important;height:30px!important}.chat-auth-gate h1{max-width:520px!important;margin:2px 0 0!important;color:#fff!important;font-size:clamp(24px,4vw,34px)!important;line-height:1.08!important;letter-spacing:-.6px!important}.chat-auth-gate p{max-width:510px!important;margin:3px 0 8px!important;color:#adb3be!important;font-size:14px!important;line-height:1.55!important}.chat-auth-gate-actions{width:min(390px,100%)!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:4px!important}.chat-auth-gate-actions button{min-height:48px!important}.chat-auth-gate>small{max-width:430px!important;color:#818995!important;font-size:11px!important;line-height:1.4!important}

/* Pending messages keep the same geometry as sent messages. */
.chat-v2 .chat-msg-row.pending{opacity:.72!important}.chat-v2 .sending-label{display:block!important;margin-top:5px!important;color:#8d95a1!important;font-size:10.5px!important}.chat-v2 .chat-msg-row.failed .sending-label{color:#ff9099!important}.chat-v2 .pending-actions{display:flex!important;gap:6px!important;margin-top:7px!important}.chat-v2 .pending-actions button{min-height:32px!important;padding:5px 8px!important;border-radius:9px!important;font-size:11px!important}

/* Mobile Chat owns the viewport, but the global radio keeps the exact form chosen by the user. */
@media(max-width:780px){
  body.chat-open{height:var(--app-vh,100dvh)!important;min-height:0!important;overflow:hidden!important;background:var(--chat-bg)!important}
  body.chat-open .app-shell,body.chat-open .main-wrap,body.chat-open .view{height:var(--app-vh,100dvh)!important;min-height:0!important;max-height:var(--app-vh,100dvh)!important;overflow:hidden!important}
  body.chat-open .view{padding:0!important}
  .chat-center,.chat-conversation{height:100%!important;min-height:0!important;border:0!important;border-radius:0!important;overflow:hidden!important}
  .chat-v2.app-room-screen{position:fixed!important;z-index:45!important;left:0!important;right:0!important;top:var(--app-vv-top,0px)!important;width:100%!important;height:var(--app-vh,100dvh)!important;max-height:var(--app-vh,100dvh)!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:translateZ(0)!important;contain:layout paint!important}
  .chat-v2 .room-appbar{min-height:calc(58px + env(safe-area-inset-top))!important;padding:calc(7px + env(safe-area-inset-top)) 8px 7px!important;grid-template-columns:44px minmax(0,1fr) 44px!important;gap:6px!important}
  .chat-v2 .room-appbar-emoji{width:38px!important;height:38px!important;min-width:38px!important;font-size:20px!important}.chat-v2 .room-appbar-identity{gap:8px!important}.chat-v2 .room-appbar-identity strong{font-size:14px!important}.chat-v2 .room-appbar-identity small{font-size:11px!important}
  .chat-v2 .room-live-context{min-height:34px!important;padding:6px 10px!important}.chat-v2 .room-live-context span{font-size:10px!important}.chat-v2 .room-live-context strong{font-size:11.5px!important}
  .chat-v2 .room-chat{padding:9px 8px 12px!important;scrollbar-gutter:auto!important}
  .chat-v2 .chat-msg-row{gap:7px!important}.chat-v2 .chat-msg-row.group-start{margin-top:13px!important}.chat-v2 .chat-msg-row.group-continuation{margin-top:3px!important}
  .chat-v2 .chat-avatar{width:30px!important;min-width:30px!important;height:30px!important}.chat-v2 .chat-avatar .avatar-wrap,.chat-v2 .chat-avatar .avatar{width:30px!important;height:30px!important;min-width:30px!important}
  .chat-v2 .chat-message-stack,.chat-v2 .chat-bubble-wrap{max-width:86%!important}.chat-v2 .chat-msg{padding:9px 11px!important;border-radius:17px 17px 17px 6px!important}.chat-v2 .chat-msg.own{border-radius:17px 17px 6px 17px!important}.chat-v2 .chat-msg p{font-size:15px!important;line-height:1.4!important}.chat-v2 .chat-msg-meta{margin-bottom:4px!important}.chat-v2 .chat-msg-meta strong{font-size:11.5px!important}.chat-v2 .chat-msg-meta small{font-size:11px!important}
  .chat-v2 .reply-preview{min-width:130px!important;padding:6px 8px!important}.chat-v2 .reply-preview strong{font-size:10.5px!important}.chat-v2 .reply-preview span{font-size:11px!important}
  .chat-v2 .room-poll{width:calc(100% - 37px)!important;margin-left:37px!important;padding:12px!important;border-radius:16px!important}.chat-v2 .poll-question{font-size:14px!important}.chat-v2 .poll-option{min-height:43px!important}.chat-v2 .poll-option>span{font-size:12px!important}
  .chat-v2 .room-input-area{padding:7px 7px max(7px,env(safe-area-inset-bottom))!important}.chat-v2 .room-composer{grid-template-columns:42px minmax(0,1fr) 42px 44px!important;gap:5px!important}.chat-v2 .composer-tool{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}.chat-v2 .composer-send{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}.chat-v2 .room-composer textarea{min-height:44px!important;max-height:104px!important;padding:10px 12px!important;border-radius:18px!important;font-size:16px!important;line-height:1.35!important}
  .chat-v2 .new-msgs{right:10px!important;bottom:10px!important;min-height:38px!important;padding:6px 11px!important}
  .room-overlay{position:fixed!important;z-index:75!important;top:var(--app-vv-top,0px)!important;height:var(--app-vh,100dvh)!important;inset-inline:0!important;bottom:auto!important;align-items:flex-end!important;padding:0!important}.room-overlay-card{width:100%!important;max-width:none!important;max-height:min(84%,680px)!important;padding:16px 12px max(16px,env(safe-area-inset-bottom))!important;border-radius:22px 22px 0 0!important;border-bottom:0!important}
  body.chat-open.radio-ui-visible .chat-v2 .room-chat{padding-bottom:12px!important}
  .message-actions-popover{max-width:calc(100vw - 16px)!important}.message-action-pop button{min-height:42px!important;font-size:11.5px!important}
}

@media(max-width:390px){
  .chat-v2 .room-appbar{grid-template-columns:42px minmax(0,1fr) 42px!important;padding-left:5px!important;padding-right:5px!important}.chat-v2 .room-back,.chat-v2 .room-header-action{width:42px!important;height:42px!important;min-width:42px!important}.chat-v2 .room-appbar-emoji{width:36px!important;height:36px!important;min-width:36px!important}.chat-v2 .chat-message-stack,.chat-v2 .chat-bubble-wrap{max-width:89%!important}.chat-v2 .chat-msg{padding:8px 10px!important}.chat-v2 .chat-msg p{font-size:15px!important}.chat-v2 .room-composer{grid-template-columns:40px minmax(0,1fr) 40px 43px!important;gap:4px!important}.chat-v2 .composer-tool{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}.chat-v2 .composer-send{width:43px!important;height:43px!important;min-width:43px!important;min-height:43px!important}.chat-v2 .room-poll{width:calc(100% - 34px)!important;margin-left:34px!important}
}


/* ========================================================================
   R11.13 · CHAT UX POLISH
   Native scrollbars are hidden/styled without disabling scrolling. Room
   overlays stay compact by default. Chat never changes the user's radio form.
   ======================================================================== */

/* Composer grows naturally to its max height; internal scrolling remains invisible. */
.chat-v2 .room-composer textarea{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
.chat-v2 .room-composer textarea::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}

/* Desktop Chat history: discreet scrollbar, never the native white rail. */
.chat-v2 .room-chat,.chat-v2 .mention-menu,.room-overlay-card{
  scrollbar-width:thin!important;
  scrollbar-color:rgba(151,157,168,.38) transparent!important;
}
.chat-v2 .room-chat::-webkit-scrollbar,.chat-v2 .mention-menu::-webkit-scrollbar,.room-overlay-card::-webkit-scrollbar{width:5px!important;height:5px!important}
.chat-v2 .room-chat::-webkit-scrollbar-track,.chat-v2 .mention-menu::-webkit-scrollbar-track,.room-overlay-card::-webkit-scrollbar-track{background:transparent!important}
.chat-v2 .room-chat::-webkit-scrollbar-thumb,.chat-v2 .mention-menu::-webkit-scrollbar-thumb,.room-overlay-card::-webkit-scrollbar-thumb{background:rgba(151,157,168,.34)!important;border-radius:999px!important}
.chat-v2 .room-chat::-webkit-scrollbar-thumb:hover,.chat-v2 .mention-menu::-webkit-scrollbar-thumb:hover,.room-overlay-card::-webkit-scrollbar-thumb:hover{background:rgba(183,188,198,.5)!important}

/* Quick profile inside a Room is a compact utility, not a full page inside a modal. */
.room-overlay-card.profile-modal-polish{width:min(560px,calc(100% - 24px))!important;max-height:min(78vh,680px)!important;padding:16px!important}
.room-overlay-card.profile-modal-polish .room-overlay-head{margin-bottom:8px!important}
.room-overlay-card.profile-modal-polish .public-profile-r11{padding:6px 2px 2px!important}
.room-overlay-card.profile-modal-polish .profile-top{gap:12px!important;align-items:center!important}
.room-overlay-card.profile-modal-polish .profile-avatar-inner{width:72px!important;height:72px!important;min-width:72px!important}
.room-overlay-card.profile-modal-polish .profile-main h1{font-size:22px!important;line-height:1.15!important}
.room-overlay-card.profile-modal-polish .profile-bio{margin-top:10px!important;line-height:1.4!important}
.room-overlay-card.profile-modal-polish .profile-stats{margin-top:10px!important}
.room-overlay-card.profile-modal-polish .public-rank-r11{margin-top:9px!important;padding:8px 10px!important}
.room-overlay-card.profile-modal-polish .profile-actions-r11{margin-top:10px!important;gap:7px!important}
.room-overlay-card.profile-modal-polish .profile-actions-r11 button{min-height:42px!important}
.room-profile-activity{margin-top:14px!important;padding-top:2px!important;border-top:1px solid var(--chat-border)!important}
.room-profile-activity.hidden{display:none!important}
.room-profile-activity-toggle .ui-ico{width:15px!important;height:15px!important;transition:transform .15s ease!important}
.room-profile-activity-toggle[aria-expanded="true"] .ui-ico{transform:rotate(180deg)!important}

/* Reassert the three existing radio forms while Chat is open. Only position may be
   adjusted by collision/safe-area logic; size, controls and form do not change. */
body.chat-open .persistent-player.radio-large{width:min(680px,calc(100vw - 28px))!important;height:70px!important;gap:9px!important;padding:8px 10px!important;border-radius:18px!important;overflow:visible!important}
body.chat-open .persistent-player.radio-minimized{width:226px!important;height:52px!important;min-width:0!important;max-width:none!important;gap:7px!important;padding:6px 7px!important;border-radius:999px!important;overflow:visible!important}
body.chat-open .persistent-player.radio-icon{width:50px!important;height:50px!important;min-width:0!important;max-width:none!important;padding:2px!important;border-radius:16px!important;overflow:hidden!important;gap:0!important}
body.chat-open .persistent-player.radio-large>*{display:flex!important}
body.chat-open .persistent-player.radio-large .player-icon-open{display:none!important}
body.chat-open .persistent-player.radio-large .player-station-mark{display:flex!important}
body.chat-open .persistent-player.radio-large .player-copy{display:block!important}
body.chat-open .persistent-player.radio-large .player-audio-controls{display:flex!important}
body.chat-open .persistent-player.radio-large .player-retry.hidden{display:none!important}
body.chat-open .persistent-player.radio-large .player-retry:not(.hidden){display:flex!important}
body.chat-open .persistent-player.radio-large .player-minimize,
body.chat-open .persistent-player.radio-large .player-icon-hide,
body.chat-open .persistent-player.radio-large .player-toggle,
body.chat-open .persistent-player.radio-large .player-drag-handle{display:grid!important}
body.chat-open .persistent-player.radio-minimized>*{display:none!important}
body.chat-open .persistent-player.radio-minimized .player-drag-handle,
body.chat-open .persistent-player.radio-minimized .player-toggle,
body.chat-open .persistent-player.radio-minimized .player-icon-hide,
body.chat-open .persistent-player.radio-minimized .player-retry:not(.hidden){display:grid!important}
body.chat-open .persistent-player.radio-minimized .player-station-mark{display:flex!important;flex:1!important}
body.chat-open .persistent-player.radio-icon>*{display:none!important}
body.chat-open .persistent-player.radio-icon .player-icon-open{display:grid!important;width:100%!important;height:100%!important}

@media(max-width:780px){
  /* No visible scroll rails on touch UI; scrolling remains fully functional. */
  .chat-v2 .room-chat,.chat-v2 .mention-menu,.room-overlay-card{
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
  }
  .chat-v2 .room-chat::-webkit-scrollbar,.chat-v2 .mention-menu::-webkit-scrollbar,.room-overlay-card::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}

  .room-overlay-card{max-height:min(78%,620px)!important}
  .room-overlay-card.profile-modal-polish{width:100%!important;max-height:min(76%,610px)!important;padding:14px 12px max(14px,env(safe-area-inset-bottom))!important}
  .room-overlay-card.profile-modal-polish .profile-avatar-inner{width:64px!important;height:64px!important;min-width:64px!important}
  .room-overlay-card.profile-modal-polish .profile-main h1{font-size:20px!important}

  /* Exact same three global radio forms on mobile Chat. */
  body.chat-open .persistent-player.radio-large{left:8px!important;right:8px!important;width:calc(100vw - 16px)!important;max-width:none!important;height:68px!important;bottom:calc(76px + env(safe-area-inset-bottom))!important;top:auto!important;transform:none!important}
  body.chat-open .persistent-player.radio-minimized{left:auto!important;right:8px!important;width:206px!important;height:52px!important;bottom:calc(76px + env(safe-area-inset-bottom))!important;top:auto!important;transform:none!important}
  body.chat-open .persistent-player.radio-icon{left:auto!important;right:8px!important;width:50px!important;height:50px!important;bottom:calc(76px + env(safe-area-inset-bottom))!important;top:auto!important;transform:none!important}
  body.chat-open .persistent-player.radio-large .player-volume{width:62px!important}
  body.chat-open .persistent-player.radio-large .player-copy strong{max-width:170px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.chat-open .persistent-player.radio-large .player-icon-hide{display:none!important}
}

@media(max-width:390px){
  body.chat-open .persistent-player.radio-large{height:62px!important}
  body.chat-open .persistent-player.radio-large .player-audio-controls{display:none!important}
  body.chat-open .persistent-player.radio-minimized{width:198px!important}
}


/* ========================================================================
   R11.14 · CHAT FIXES
   Visible global radio in Chat, one coherent voice-recorder state machine,
   duplicate-safe audio submission, and scrollbar-free Chat overlays.
   ======================================================================== */

/* Chat may reposition the global player for safety, but never hide or restyle its form. */
body.chat-open .persistent-player:not(.hidden){
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  z-index:64!important;
}

/* The room recorder replaces the normal composer while recording/previewing. */
.chat-v2 .room-recorder.room-recorder-bar:not(.hidden){
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) 44px!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  min-height:56px!important;
  padding:6px!important;
  border:1px solid var(--chat-border)!important;
  border-radius:18px!important;
  background:#101217!important;
}
.chat-v2 .room-recorder.is-recording{border-color:rgba(255,89,100,.24)!important;background:#120f12!important}
.chat-v2 .room-recorder.is-preview{border-color:rgba(255,212,0,.18)!important}
.chat-v2 .room-recorder.is-sending{opacity:.78!important;pointer-events:none!important}
.chat-v2 .room-recorder .record-inline-cancel,
.chat-v2 .room-recorder .record-inline-stop,
.chat-v2 .room-recorder .record-inline-send{
  margin:0!important;
  align-self:center!important;
  justify-self:center!important;
}
.chat-v2 .room-recorder .record-inline-live,
.chat-v2 .room-recorder .record-inline-preview{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
}
.chat-v2 .room-recorder .record-inline-live{
  display:grid!important;
  grid-template-columns:8px auto minmax(56px,1fr) auto!important;
  align-items:center!important;
  gap:8px!important;
  height:44px!important;
  padding:0 11px!important;
}
.chat-v2 .room-recorder .record-inline-live small{white-space:nowrap!important}
.chat-v2 .room-recorder .record-inline-preview{display:grid!important;grid-template-rows:auto auto!important;gap:3px!important}
.chat-v2 .room-recorder .record-inline-preview>small{margin:0 0 0 4px!important;font-size:10px!important;line-height:1.1!important}
.chat-v2 .room-recorder .record-inline-preview .audio-box{
  display:grid!important;
  grid-template-columns:38px minmax(72px,1fr) auto 38px!important;
  gap:7px!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:3px 5px!important;
  border:0!important;
  background:transparent!important;
}
.chat-v2 .room-recorder .record-inline-preview .audio-wave{width:100%!important;min-width:56px!important;max-width:none!important}
.chat-v2 .room-recorder .record-inline-preview .audio-time{min-width:max-content!important}

/* All Chat overlays keep wheel/touch scrolling but never expose native gray rails. */
.room-overlay-card,
.room-overlay-card.profile-modal-polish{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
.room-overlay-card::-webkit-scrollbar,
.room-overlay-card.profile-modal-polish::-webkit-scrollbar{
  display:none!important;
  width:0!important;
  height:0!important;
}
.room-overlay-card.profile-modal-polish{
  max-height:min(74vh,640px)!important;
}

@media(max-width:780px){
  .chat-v2 .room-recorder.room-recorder-bar:not(.hidden){
    grid-template-columns:42px minmax(0,1fr) 42px!important;
    gap:6px!important;
    min-height:54px!important;
    padding:5px!important;
    border-radius:17px!important;
  }
  .chat-v2 .room-recorder .record-inline-cancel,
  .chat-v2 .room-recorder .record-inline-stop,
  .chat-v2 .room-recorder .record-inline-send{width:42px!important;height:42px!important;min-width:42px!important}
  .chat-v2 .room-recorder .record-inline-live{grid-template-columns:7px auto minmax(38px,1fr)!important}
  .chat-v2 .room-recorder .record-inline-live small{display:none!important}
  .chat-v2 .room-recorder .record-inline-preview .audio-box{grid-template-columns:36px minmax(50px,1fr) auto 36px!important;gap:5px!important}
  .chat-v2 .room-recorder .record-inline-preview .audio-play{width:36px!important;height:36px!important;min-width:36px!important}
  .chat-v2 .room-recorder .record-inline-preview .audio-speed{min-width:36px!important}
  .room-overlay-card.profile-modal-polish{max-height:min(72%,580px)!important}
}

@media(max-width:390px){
  .chat-v2 .room-recorder.room-recorder-bar:not(.hidden){grid-template-columns:40px minmax(0,1fr) 40px!important;gap:5px!important}
  .chat-v2 .room-recorder .record-inline-cancel,
  .chat-v2 .room-recorder .record-inline-stop,
  .chat-v2 .room-recorder .record-inline-send{width:40px!important;height:40px!important;min-width:40px!important}
  .chat-v2 .room-recorder .record-inline-preview .audio-time em,
  .chat-v2 .room-recorder .record-inline-preview .audio-time span{display:none!important}
}

/* Recorder state is exclusive: normal text composer never remains visible underneath. */
.chat-v2 .room-composer.hidden{display:none!important}


/* R11.15 UI overflow audit — one discreet scrollbar system for every scroll surface.
   Scroll remains functional; native Windows/Chromium rails, arrows and white tracks do not. */
:root{
  --qs-scroll-thumb:rgba(132,138,150,.34);
  --qs-scroll-thumb-hover:rgba(166,172,184,.52);
}
html,
body,
.sheet,
.app-dialog,
.context-popover,
.notification-flyout-list,
.conversation-responses,
.system-log,
.admin-tabs,
.admin-module-nav,
.right-rail,
.room-chat,
.mention-menu,
.dm-tabs,
.dm-messages,
.room-overlay-card{
  scrollbar-width:thin!important;
  scrollbar-color:var(--qs-scroll-thumb) transparent!important;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar,
.sheet::-webkit-scrollbar,
.app-dialog::-webkit-scrollbar,
.context-popover::-webkit-scrollbar,
.notification-flyout-list::-webkit-scrollbar,
.conversation-responses::-webkit-scrollbar,
.system-log::-webkit-scrollbar,
.admin-tabs::-webkit-scrollbar,
.admin-module-nav::-webkit-scrollbar,
.right-rail::-webkit-scrollbar,
.room-chat::-webkit-scrollbar,
.mention-menu::-webkit-scrollbar,
.dm-tabs::-webkit-scrollbar,
.dm-messages::-webkit-scrollbar,
.room-overlay-card::-webkit-scrollbar{
  width:5px!important;
  height:5px!important;
}
html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track,
.sheet::-webkit-scrollbar-track,
.app-dialog::-webkit-scrollbar-track,
.context-popover::-webkit-scrollbar-track,
.notification-flyout-list::-webkit-scrollbar-track,
.conversation-responses::-webkit-scrollbar-track,
.system-log::-webkit-scrollbar-track,
.admin-tabs::-webkit-scrollbar-track,
.admin-module-nav::-webkit-scrollbar-track,
.right-rail::-webkit-scrollbar-track,
.room-chat::-webkit-scrollbar-track,
.mention-menu::-webkit-scrollbar-track,
.dm-tabs::-webkit-scrollbar-track,
.dm-messages::-webkit-scrollbar-track,
.room-overlay-card::-webkit-scrollbar-track{
  background:transparent!important;
}
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb,
.sheet::-webkit-scrollbar-thumb,
.app-dialog::-webkit-scrollbar-thumb,
.context-popover::-webkit-scrollbar-thumb,
.notification-flyout-list::-webkit-scrollbar-thumb,
.conversation-responses::-webkit-scrollbar-thumb,
.system-log::-webkit-scrollbar-thumb,
.admin-tabs::-webkit-scrollbar-thumb,
.admin-module-nav::-webkit-scrollbar-thumb,
.right-rail::-webkit-scrollbar-thumb,
.room-chat::-webkit-scrollbar-thumb,
.mention-menu::-webkit-scrollbar-thumb,
.dm-tabs::-webkit-scrollbar-thumb,
.dm-messages::-webkit-scrollbar-thumb,
.room-overlay-card::-webkit-scrollbar-thumb{
  background:var(--qs-scroll-thumb)!important;
  border-radius:999px!important;
  border:1px solid transparent!important;
  background-clip:padding-box!important;
}
html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover,
.sheet::-webkit-scrollbar-thumb:hover,
.app-dialog::-webkit-scrollbar-thumb:hover,
.context-popover::-webkit-scrollbar-thumb:hover,
.notification-flyout-list::-webkit-scrollbar-thumb:hover,
.conversation-responses::-webkit-scrollbar-thumb:hover,
.system-log::-webkit-scrollbar-thumb:hover,
.admin-module-nav::-webkit-scrollbar-thumb:hover,
.right-rail::-webkit-scrollbar-thumb:hover,
.room-chat::-webkit-scrollbar-thumb:hover,
.mention-menu::-webkit-scrollbar-thumb:hover,
.dm-messages::-webkit-scrollbar-thumb:hover,
.room-overlay-card::-webkit-scrollbar-thumb:hover{
  background:var(--qs-scroll-thumb-hover)!important;
}
html::-webkit-scrollbar-button,
body::-webkit-scrollbar-button,
.sheet::-webkit-scrollbar-button,
.app-dialog::-webkit-scrollbar-button,
.context-popover::-webkit-scrollbar-button,
.notification-flyout-list::-webkit-scrollbar-button,
.conversation-responses::-webkit-scrollbar-button,
.system-log::-webkit-scrollbar-button,
.admin-tabs::-webkit-scrollbar-button,
.admin-module-nav::-webkit-scrollbar-button,
.right-rail::-webkit-scrollbar-button,
.room-chat::-webkit-scrollbar-button,
.mention-menu::-webkit-scrollbar-button,
.dm-tabs::-webkit-scrollbar-button,
.dm-messages::-webkit-scrollbar-button,
.room-overlay-card::-webkit-scrollbar-button{
  display:none!important;
  width:0!important;
  height:0!important;
}

/* Profile modals start compact everywhere. Long public activity is opt-in, not forced. */
.sheet.profile-modal-polish,
.room-overlay-card.profile-modal-polish{
  scrollbar-gutter:auto!important;
  overscroll-behavior:contain!important;
}
.sheet.profile-modal-polish .room-profile-activity,
.room-overlay-card.profile-modal-polish .room-profile-activity{
  margin-top:12px!important;
}
.sheet.profile-modal-polish .room-profile-activity.hidden,
.room-overlay-card.profile-modal-polish .room-profile-activity.hidden{
  display:none!important;
}

@media(max-width:780px){
  /* Touch surfaces scroll naturally without visual rails. */
  .sheet,
  .app-dialog,
  .context-popover,
  .notification-flyout-list,
  .conversation-responses,
  .system-log,
  .admin-tabs,
  .admin-module-nav,
  .right-rail,
  .room-chat,
  .mention-menu,
  .dm-tabs,
  .dm-messages,
  .room-overlay-card{
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
  }
  .sheet::-webkit-scrollbar,
  .app-dialog::-webkit-scrollbar,
  .context-popover::-webkit-scrollbar,
  .notification-flyout-list::-webkit-scrollbar,
  .conversation-responses::-webkit-scrollbar,
  .system-log::-webkit-scrollbar,
  .admin-tabs::-webkit-scrollbar,
  .admin-module-nav::-webkit-scrollbar,
  .right-rail::-webkit-scrollbar,
  .room-chat::-webkit-scrollbar,
  .mention-menu::-webkit-scrollbar,
  .dm-tabs::-webkit-scrollbar,
  .dm-messages::-webkit-scrollbar,
  .room-overlay-card::-webkit-scrollbar{
    display:none!important;
    width:0!important;
    height:0!important;
  }
}

/* R11.16 — Social grammar, editorial admin and media */
.social-card{padding:0;overflow:hidden}.social-card .card-header,.social-card .content-taxonomy,.social-card>.social-post-text,.social-card>[data-audio-box],.social-card>.content-poll{margin-left:18px;margin-right:18px}.social-post-text{font-size:1.05rem;line-height:1.45;font-weight:600;margin-top:10px;margin-bottom:14px;white-space:normal}.social-mention{color:var(--accent);font-weight:700}.social-metrics{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:10px 18px;color:var(--muted);font-size:.82rem;border-top:1px solid rgba(255,255,255,.055)}.social-metrics button{background:none;border:0;color:inherit;padding:0;cursor:pointer}.social-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.055);padding:4px 10px}.social-actions button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;background:transparent;border:0;border-radius:10px;color:var(--muted);font-weight:700;cursor:pointer}.social-actions button:hover,.social-actions button.selected-action{background:rgba(255,215,0,.08);color:var(--text)}.social-secondary-actions{display:flex;gap:8px;flex-wrap:wrap;padding:10px 18px}.social-secondary-actions button{border:0;background:rgba(255,255,255,.045);color:var(--muted);padding:7px 10px;border-radius:999px;font-size:.76rem;cursor:pointer}.social-secondary-actions button.selected-action{background:rgba(255,215,0,.12);color:var(--accent)}
.feed-responses{padding:0 18px}.feed-response{display:flex;gap:9px;margin:10px 0}.response-avatar{padding:0;align-self:flex-start}.feed-response-body{min-width:0;flex:1}.feed-response-bubble{display:inline-block;max-width:100%;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.055);border-radius:14px;padding:8px 11px}.response-author{display:flex;gap:6px;align-items:baseline;padding:0;color:var(--text)}.response-author small{color:var(--muted);font-size:.72rem}.feed-response-bubble p{margin:4px 0 0;line-height:1.4}.feed-response-actions{display:flex;gap:10px;align-items:center;padding:4px 6px;color:var(--muted);font-size:.72rem}.feed-response-actions button{border:0;background:none;color:inherit;padding:0;font-weight:700}.feed-response-actions span{margin-left:auto}.more-responses{margin:4px 18px 14px;border:0;background:none;color:var(--accent);font-weight:750;padding:5px 0;cursor:pointer}.replying-context{margin:8px 0;padding:8px 10px;border-radius:10px;background:rgba(255,215,0,.08);font-size:.8rem}.replying-context button{float:right;border:0;background:none;color:var(--text)}
.content-poll{display:grid;gap:8px;margin-top:12px;margin-bottom:14px}.content-poll-option{position:relative;overflow:hidden;display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:42px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035);color:var(--text);border-radius:12px;padding:0 12px;cursor:pointer}.content-poll-option i{position:absolute;left:0;bottom:0;top:0;background:rgba(255,215,0,.11);z-index:0;pointer-events:none}.content-poll-option span,.content-poll-option b{position:relative;z-index:1}.content-poll-option.voted{border-color:rgba(255,215,0,.45)}.content-poll>small{color:var(--muted)}
.social-composer{display:grid;gap:14px}.composer-identity{display:flex;align-items:center;gap:10px}.composer-identity small{display:block;color:var(--muted)}.composer-type-tabs{display:grid;grid-template-columns:1fr 1fr;background:rgba(255,255,255,.04);padding:4px;border-radius:12px}.composer-type-tabs button{border:0;background:none;color:var(--muted);min-height:40px;border-radius:9px;font-weight:750}.composer-type-tabs button.active{background:rgba(255,215,0,.13);color:var(--text)}.composer-label{display:block;color:var(--muted);font-size:.78rem;font-weight:700;margin-bottom:8px}.category-chips{display:flex;gap:7px;overflow-x:auto;padding-bottom:5px;scrollbar-width:none}.category-chips::-webkit-scrollbar{display:none}.category-chip{flex:0 0 auto;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);color:var(--muted);border-radius:999px;padding:8px 11px;white-space:nowrap}.category-chip.active{border-color:var(--accent);background:rgba(255,215,0,.12);color:var(--text)}.composer-extras{display:flex;gap:8px;margin-top:10px}.composer-extras button{border:0;background:rgba(255,255,255,.05);color:var(--text);border-radius:10px;padding:9px 11px}.composer-poll-editor{display:grid;gap:8px;margin-top:10px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(0,0,0,.18)}.composer-poll-option{width:100%;min-height:40px}

.admin-toolbar{position:sticky;top:0;z-index:3;display:flex;gap:8px;align-items:center;margin-bottom:12px;padding:10px;background:rgba(17,17,17,.95);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.07);border-radius:12px}.admin-toolbar input{flex:1;min-width:120px}.admin-pager{display:flex;justify-content:center;align-items:center;gap:12px;margin:16px 0;color:var(--muted)}.editorial-list{display:grid;gap:10px}.editorial-card{display:flex;gap:14px;align-items:center;padding:14px;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.025);border-radius:14px}.editorial-card h3{margin:4px 0 6px;font-size:1rem}.editorial-metrics{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.editorial-metrics span{background:rgba(255,255,255,.05);padding:5px 8px;border-radius:999px;font-size:.73rem}.editorial-score{min-width:105px;text-align:center;display:grid;gap:6px}.editorial-score>strong{font-size:1.5rem;color:var(--accent)}.editorial-score>small{color:var(--muted)}.media-admin textarea{resize:vertical;min-height:96px}
.admin-table .admin-row{align-items:center}.admin-community-controls,.team-edit-grid{display:none}.admin-row:focus-within .admin-community-controls,.admin-row.is-expanded .admin-community-controls,.team-admin-row:focus-within .team-edit-grid,.team-admin-row.is-expanded .team-edit-grid{display:grid}.admin-actions{flex-wrap:wrap}

.media-page{display:grid;gap:18px}.media-hero,.media-section{border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.018));border-radius:18px;padding:18px}.media-hero h1{margin:5px 0}.live-source-strip{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.live-source-strip span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.05);color:var(--muted)}.live-source-strip span.active{color:var(--text);background:rgba(255,43,43,.11);border:1px solid rgba(255,70,70,.2)}.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.video-frame{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000}.video-frame iframe{width:100%;height:100%;border:0}.social-embed{width:100%;min-height:560px;border:0;border-radius:14px;background:#111}.social-network-buttons{display:flex;gap:8px;flex-wrap:wrap}

@media(max-width:720px){.social-card .card-header,.social-card .content-taxonomy,.social-card>.social-post-text,.social-card>[data-audio-box],.social-card>.content-poll{margin-left:14px;margin-right:14px}.social-metrics,.social-secondary-actions,.feed-responses{padding-left:14px;padding-right:14px}.social-actions button span{display:none}.social-actions button{font-size:1rem}.more-responses{margin-left:14px}.editorial-card{align-items:flex-start;flex-direction:column}.editorial-score{width:100%;grid-template-columns:auto 1fr auto auto;align-items:center;text-align:left}.admin-toolbar{position:static;flex-wrap:wrap}.admin-toolbar input,.admin-toolbar select{flex:1 1 100%}.media-grid{grid-template-columns:1fr}.social-embed{min-height:500px}.composer-type-tabs{grid-template-columns:1fr}.admin-workspace{gap:0}.admin-module-main{min-width:0}}
/* R11.16 social mentions */
.social-mention-field,.reply-text-wrap{position:relative}.reply-text-wrap{flex:1;min-width:0}.reply-text-wrap>input{width:100%}.social-mention-menu{position:absolute;z-index:70;left:0;right:0;top:calc(100% + 6px);background:#111;border:1px solid rgba(255,214,0,.26);border-radius:14px;box-shadow:0 16px 40px rgba(0,0,0,.45);padding:6px;max-height:280px;overflow:auto}.social-mention-menu button{width:100%;display:flex;align-items:center;gap:9px;text-align:left;padding:8px 10px;border:0;background:transparent;color:#fff;border-radius:10px}.social-mention-menu button:hover,.social-mention-menu button:focus{background:rgba(255,214,0,.09)}.social-mention-menu .avatar{width:34px;height:34px}.social-mention-menu small.mention-empty{display:block;padding:10px;color:#aaa}
.youtube-live-home{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px;padding:15px 17px;border:1px solid rgba(255,70,70,.2);background:linear-gradient(135deg,rgba(255,45,45,.09),rgba(255,255,255,.025));border-radius:16px}.youtube-live-home>div{display:grid;gap:4px}.youtube-live-home strong{font-size:.98rem}.youtube-live-home small{color:var(--muted)}@media(max-width:620px){.youtube-live-home{align-items:stretch;flex-direction:column}.youtube-live-home .primary-btn{width:100%}}


/* === R11.16 UX2 · sistema visual global, formularios, overflow y descubrimiento de personas === */
:root{color-scheme:dark}
html,body,#app,.app-shell,.view{max-width:100%;overflow-x:hidden}
*,*::before,*::after{box-sizing:border-box}
img,video,iframe,canvas,svg{max-width:100%}
.sheet,.sheet-wide,.app-dialog,.admin-shell,.admin-console,.admin-module-main,.admin-workspace,.social-composer,.form-field,.row,.stack,.card,.r11-page{min-width:0;max-width:100%}
.sheet,.app-dialog,.room-overlay-card{overflow-x:hidden!important}
.row{flex-wrap:wrap}
.row>*{min-width:min(100%,220px)}

/* Un solo lenguaje visual para TODOS los campos */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),textarea,select,
.composer-poll-option,.admin-form input:not([type="checkbox"]):not([type="radio"]),.admin-form textarea,.admin-form select,
.search-box input,.team-search-box input,.category-admin-row input:not([type="checkbox"]),.category-admin-row select{
  width:100%;min-width:0;max-width:100%;min-height:44px;border:1px solid #30343d;border-radius:12px;
  background:#0d0f13!important;color:#f4f5f7!important;-webkit-text-fill-color:#f4f5f7!important;caret-color:var(--yellow);
  padding:10px 12px;box-shadow:none;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease
}
textarea{line-height:1.45}
input::placeholder,textarea::placeholder{color:#7f8590!important;-webkit-text-fill-color:#7f8590!important;opacity:1}
input:focus,textarea:focus,select:focus{border-color:rgba(255,212,0,.72)!important;box-shadow:0 0 0 3px rgba(255,212,0,.10)!important;background:#101216!important}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,select:-webkit-autofill{
  -webkit-text-fill-color:#f4f5f7!important;caret-color:#f4f5f7!important;-webkit-box-shadow:0 0 0 1000px #0d0f13 inset!important;box-shadow:0 0 0 1000px #0d0f13 inset!important;border-color:#3a3f49!important
}
input:disabled,textarea:disabled,select:disabled{opacity:.62;cursor:not-allowed}

/* Compositor: nada debe forzar desplazamiento lateral */
.social-composer{width:100%;overflow:hidden}.social-composer>*{min-width:0;max-width:100%}
.category-chips{display:flex;flex-wrap:wrap;gap:7px;overflow:visible;padding:0;margin:0}
.category-chip{flex:0 1 auto;max-width:100%;white-space:normal;line-height:1.15;text-align:left}
.composer-extras{display:flex;flex-wrap:wrap}.composer-extras button{flex:0 1 auto}
.composer-poll-editor{min-width:0;overflow:hidden}.composer-poll-editor #composerPollOptions{display:grid;gap:8px;min-width:0}
.sheet-action-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;width:100%}.sheet-action-row>*{min-width:0;width:100%}

/* Búsqueda social */
.explore-social{display:grid;gap:14px}.search-scope{display:inline-flex;align-items:center;gap:4px;width:max-content;max-width:100%;padding:4px;border:1px solid var(--line);border-radius:12px;background:#121419}
.search-scope button{min-height:38px;border:0;border-radius:9px;background:transparent;color:var(--muted);padding:7px 13px;font-weight:800}.search-scope button.active{background:var(--yellow-soft);color:var(--yellow)}
.r11-search{position:relative;align-items:center;margin:0}.r11-search .search-leading{position:absolute;left:13px;z-index:2;display:grid;place-items:center;color:#7f8590;pointer-events:none}.r11-search .search-leading svg{width:18px;height:18px}.r11-search input{padding-left:40px!important;min-height:48px}.r11-search .primary-btn{min-height:48px;flex:0 0 auto}
.people-finder{display:grid;gap:10px}.people-finder-head h2{margin:3px 0 4px}.people-finder-head p{margin:0;color:var(--muted)}.people-results{display:grid;gap:8px}.person-result-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:7px}.person-result{width:100%;min-width:0;text-align:left;padding:5px 7px!important}.person-result-open{flex:0 0 auto;color:var(--yellow);font-size:11px;font-weight:800}.person-result-wrap>.secondary-btn{white-space:nowrap}.people-load-more,.public-profile-more{justify-self:center;margin-top:6px}.text-link{border:0;background:transparent;color:var(--yellow);font-weight:800;cursor:pointer}

/* Perfiles y autores: affordance clara, sin romper tarjeta */
.card-avatar-hit{flex:0 0 auto;padding:0!important;border:0!important;background:transparent!important}.card-avatar-hit:focus-visible{outline:2px solid var(--yellow);outline-offset:3px;border-radius:50%}.card-header .meta[data-action="open-user"]{cursor:pointer;text-align:left;min-width:0}.card-header .meta[data-action="open-user"]:hover strong,.response-author:hover strong{color:var(--yellow)}
.public-profile-page{display:grid;gap:14px}.public-profile-full{overflow:hidden}.public-profile-full .profile-stats{flex-wrap:wrap}.public-profile-full .profile-actions{display:flex;flex-wrap:wrap}

/* Admin: controles compactos pero legibles */
.admin-toolbar,.admin-search-toolbar,.team-search-box{min-width:0}.admin-toolbar>*{min-width:0}.admin-row{overflow:hidden}.admin-row select,.admin-row input,.admin-row textarea{max-width:100%}.admin-table,.admin-list{min-width:0;max-width:100%}.admin-actions{min-width:0}

@media(max-width:720px){
  .sheet,.sheet-wide{width:calc(100% - 16px)!important;max-width:calc(100% - 16px)!important}
  .sheet-action-row{position:sticky;bottom:calc(-18px - env(safe-area-inset-bottom));z-index:5;margin:4px -2px -2px;padding:10px 2px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(17,18,22,.86),#111216 28%)}
  .category-chips{gap:6px}.category-chip{font-size:12px;padding:8px 10px}
  .r11-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.r11-search .search-leading{top:15px}.r11-search .primary-btn{padding-inline:13px}
  .person-result-wrap{grid-template-columns:1fr}.person-result-wrap>.secondary-btn{width:100%}.person-result-open{display:none}
  .public-profile-full .profile-actions>*{flex:1 1 calc(50% - 8px)}
}
@media(max-width:390px){.sheet-action-row{grid-template-columns:1fr}.composer-type-tabs{grid-template-columns:1fr 1fr!important}.public-profile-full .profile-actions>*{flex-basis:100%}}


/* === R11.16 UX5 POLISH · auditoría global de ritmo, identidad y espacios ===
   Principio: ningún control reutilizable debe introducir huecos accidentales
   dentro de componentes compactos; los comentarios, perfiles, formularios y
   paneles mantienen la gramática visual de ¿Quién Sabe? sin scroll lateral. */

/* Identidad interactiva compacta: neutraliza la altura genérica de .ghost-btn
   cuando el botón representa avatar/nombre y no una acción primaria. */
.response-avatar,
.response-author,
.card-avatar-hit,
.card-header>.meta.ghost-btn{
  min-height:0!important;
  height:auto!important;
  margin:0!important;
}
.response-avatar,
.card-avatar-hit{
  padding:0!important;
  line-height:1!important;
}
.response-author{
  width:max-content;
  max-width:100%;
  padding:1px 2px!important;
  border-radius:6px!important;
  line-height:1.2;
  flex-wrap:wrap;
}
.response-author:hover,
.response-author:focus-visible{
  background:transparent!important;
}
.response-author strong,
.response-author small{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* Comentarios del feed: ancho natural como red social, sin columnas vacías
   producidas por flex:1 ni acciones empujadas al extremo derecho. */
.feed-responses{
  min-width:0;
}
.feed-responses:empty{
  display:none;
}
.feed-response{
  align-items:flex-start;
  gap:8px;
  margin:10px 0 12px;
  min-width:0;
}
.feed-response>.response-avatar{
  flex:0 0 auto;
}
.feed-response>.response-avatar .avatar{
  width:38px;
  height:38px;
  min-width:38px;
}
.feed-response-body{
  flex:0 1 auto!important;
  width:fit-content;
  min-width:0;
  max-width:calc(100% - 46px);
}
.feed-response-bubble{
  display:block;
  width:fit-content;
  max-width:100%;
  padding:8px 10px;
  overflow-wrap:anywhere;
}
.feed-response-bubble p{
  margin:4px 0 0;
  max-width:100%;
  overflow-wrap:anywhere;
}
.feed-response-actions{
  width:fit-content;
  max-width:100%;
  min-height:24px;
  padding:4px 4px 0;
  gap:9px;
  flex-wrap:wrap;
  justify-content:flex-start;
}
.feed-response-actions button,
.feed-response-actions small,
.feed-response-actions span{
  flex:0 0 auto;
  white-space:nowrap;
}
.feed-response-actions span{
  margin-left:0!important;
}

/* Ritmo común: no conservar contenedores vacíos que generen huecos visuales. */
.social-secondary-actions:empty,
.profile-actions:empty,
.admin-actions:empty,
.editorial-metrics:empty,
.live-source-strip:empty,
.social-network-buttons:empty{
  display:none!important;
}

/* Flex/grid defensivo: contenido real puede reducirse o reacomodarse, nunca
   ensanchar página/modal. Se limita a superficies propias del producto. */
.card-header>*,
.social-actions>*,
.social-secondary-actions>*,
.profile-actions>*,
.admin-actions>*,
.admin-toolbar>*,
.editorial-card>*,
.media-grid>*,
.person-result-wrap>*{
  min-width:0;
}
.card h1,.card h2,.card h3,.card p,
.panel h1,.panel h2,.panel h3,.panel p,
.sheet h1,.sheet h2,.sheet h3,.sheet p,
.admin-row strong,.admin-row small,
.person-row strong,.person-row small{
  overflow-wrap:anywhere;
}

/* Hover/focus consistente: no cambia dimensiones y no deja manchas grandes
   alrededor de identidad en componentes pequeños. */
.card-avatar-hit:hover,
.card-header>.meta.ghost-btn:hover{
  background:transparent!important;
}
.card-avatar-hit:focus-visible,
.response-avatar:focus-visible,
.response-author:focus-visible,
.card-header>.meta.ghost-btn:focus-visible{
  outline:2px solid rgba(255,212,0,.72)!important;
  outline-offset:2px!important;
}

/* Admin y formularios: filas reacomodables y sin blancos muertos al reducir
   ancho. Los botones siguen siendo cómodos sin convertir todo en miniaturas. */
.admin-row,
.editorial-card,
.media-section,
.media-hero,
.panel,
.card{
  min-width:0;
}
.admin-actions{
  row-gap:6px;
}
.admin-actions button,
.admin-actions select{
  max-width:100%;
}

@media(max-width:720px){
  .feed-response{gap:7px;margin:9px 0 11px}
  .feed-response>.response-avatar .avatar{width:35px;height:35px;min-width:35px}
  .feed-response-body{max-width:calc(100% - 42px)}
  .feed-response-bubble{padding:7px 9px}
  .feed-response-actions{gap:8px;padding-top:3px}
}


/* === R11.16 UX6 DESIGN SYSTEM · auditoría transversal de ritmo visual ===
   Objetivo: que cada superficie parezca nacida dentro de ¿Quién Sabe?, sin
   elementos pegados a bordes, huecos accidentales ni reflow roto. */
:root{
  --qs-surface-edge:18px;
  --qs-surface-edge-mobile:14px;
  --qs-rhythm-1:6px;
  --qs-rhythm-2:10px;
  --qs-rhythm-3:14px;
  --qs-rhythm-4:18px;
}

/* Publicaciones: la cabecera siempre respira respecto al borde superior.
   UX5 heredaba social-card padding:0 y dejaba el avatar a ~1px del borde. */
.social-card .card-header{
  margin-top:16px;
  min-height:42px;
}
.social-card .card-header,
.social-card .content-taxonomy,
.social-card>.social-post-text,
.social-card>[data-audio-box],
.social-card>.content-poll{
  min-width:0;
}
.social-card .content-taxonomy{
  flex-wrap:wrap;
}
.social-card>.feed-responses:not(:empty){
  padding-bottom:4px;
}
.social-card>.feed-responses .feed-response:last-child{
  margin-bottom:12px;
}
.social-card>.more-responses:last-child{
  margin-bottom:15px;
}

/* Identidades clicables son identidad, no CTA: nunca heredan caja grande. */
.card-avatar-hit,
.card-header>.meta.ghost-btn,
.response-avatar,
.response-author,
.panel-member-hit,
.person-row.ghost-btn{
  min-height:0!important;
}
.panel-member-hit{
  height:auto;
}

/* Ritmo defensivo para superficies principales. No altera su personalidad,
   solo garantiza que el primer/último bloque no quede pegado o desbordado. */
.panel-member-card,
.r119-panel-row,
.admin-row,
.setting-row,
.rank-row,
.notification-card-r11,
.person-result-wrap,
.permission-user-card,
.production-row,
.editorial-card,
.media-section,
.media-hero,
.profile-hero,
.profile-hero-r11,
.r11-section,
.home-room-card,
.home-spotlight,
.episode-preview{
  min-width:0;
}
:is(.panel-member-card,.r119-panel-row,.admin-row,.setting-row,.rank-row,.notification-card-r11,.person-result-wrap,.permission-user-card,.production-row,.editorial-card,.media-section,.media-hero,.profile-hero,.profile-hero-r11,.r11-section,.home-room-card,.home-spotlight,.episode-preview)>*{
  min-width:0;
}

/* Texto y metadatos nunca fuerzan ancho ni salen de su superficie. */
:is(.social-card,.panel-member-card,.admin-row,.setting-row,.rank-row,.notification-card-r11,.person-result-wrap,.permission-user-card,.production-row,.editorial-card,.media-section,.profile-hero,.profile-hero-r11,.r11-section) :is(h1,h2,h3,h4,p,strong,small,em,span){
  overflow-wrap:anywhere;
}

/* Acciones: reflow antes que miniaturización o overflow. */
.social-secondary-actions,
.profile-actions,
.profile-actions-r11,
.admin-actions,
.production-actions,
.social-network-buttons,
.live-source-strip,
.room-chat-toolbar{
  min-width:0;
  flex-wrap:wrap;
}
.social-secondary-actions>*,
.profile-actions>*,
.profile-actions-r11>*,
.admin-actions>*,
.production-actions>*,
.social-network-buttons>*,
.live-source-strip>*{
  min-width:0;
  max-width:100%;
}

/* Formularios y búsquedas: mismo contrato de lectura y ancho en toda la app. */
:is(.form-field,.admin-form,.admin-toolbar,.admin-search-toolbar,.team-search-box,.social-composer) :is(input,textarea,select){
  min-width:0;
  max-width:100%;
}
:is(input,textarea,select){
  text-overflow:ellipsis;
}
textarea{overflow-wrap:anywhere}

/* Listas/rows compactas: el contenido crece hacia abajo si lo necesita. */
.admin-row .grow,
.person-row .grow,
.panel-row-copy,
.rank-copy,
.dm-thread-copy,
.notification-card-r11 .grow{
  min-width:0;
}

/* Los popovers/menús/contextos no deben cambiar el tamaño del disparador. */
.card-header>.meta.ghost-btn:hover,
.card-avatar-hit:hover,
.response-author:hover,
.panel-member-hit:hover{
  box-shadow:none;
}

@media(max-width:720px){
  :root{--qs-surface-edge:var(--qs-surface-edge-mobile)}
  .social-card .card-header{margin-top:14px;min-height:38px}
  .social-card>.feed-responses:not(:empty){padding-bottom:2px}
  .social-card>.feed-responses .feed-response:last-child{margin-bottom:10px}
  .social-secondary-actions button{white-space:normal;text-align:left}
  .profile-actions-r11>*{min-width:0}
}


/* === R11.16 UX7 CHAT PRESERVE + DESKTOP LAYOUT ===
   Chat/Salas is a protected component: global design-system rules must not
   resize its message UI. Message actions float with zero layout shift. */

/* Desktop home/community shell: keep the three columns visually connected.
   Chat and Admin intentionally keep their own wide layouts. */
@media (min-width:1321px){
  body:not(.chat-open):not(.admin-mode) .app-shell{
    grid-template-columns:250px minmax(0,840px) 330px;
    max-width:1420px;
  }
}
@media (min-width:1181px) and (max-width:1320px){
  body:not(.chat-open):not(.admin-mode) .app-shell{
    grid-template-columns:225px minmax(0,855px);
    max-width:1080px;
  }
  body:not(.chat-open):not(.admin-mode) .right-rail{display:none!important}
}

/* Protected Chat action strip: three actions always fit; never a horizontal rail. */
.context-popover.message-actions-popover{
  width:min(330px,calc(100vw - 20px))!important;
  min-width:0!important;
  max-width:min(330px,calc(100vw - 20px))!important;
  max-height:none!important;
  overflow:hidden!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  padding:4px!important;
}
.context-popover.message-actions-popover::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.message-actions-popover .message-action-pop{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:3px!important;
  padding:0!important;
  overflow:hidden!important;
}
.message-actions-popover .message-action-pop button{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:40px!important;
  justify-content:center!important;
  padding:7px 6px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.message-actions-popover .message-action-pop button span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

/* Message content remains the action unit. Audio and internal cards preserve their
   own controls, while the surrounding message can always open Reply/React/More. */
.chat-v2 .chat-msg,
.chat-v2 .chat-msg [data-audio-box],
.chat-v2 .chat-msg .room-internal-card{
  min-width:0!important;
  max-width:100%!important;
}
.chat-v2 .chat-msg [data-audio-box]{overflow:hidden!important}
.chat-v2 .room-internal-card{overflow:hidden!important}

/* Explicitly preserve the validated Chat geometry from the R11.12–R11.15 line. */
.chat-v2 .chat-actions{display:none!important}
.chat-v2 .chat-msg-row{overflow:visible!important}
.chat-v2 .chat-message-stack,
.chat-v2 .chat-bubble-wrap{width:fit-content!important;min-width:0!important}

@media (max-width:390px){
  .context-popover.message-actions-popover{
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
  }
  .message-actions-popover .message-action-pop button{
    min-height:42px!important;
    padding:7px 4px!important;
    font-size:11px!important;
    gap:4px!important;
  }
}


/* === R11.16 UX8 · MOBILE-FIRST SOCIAL SHARE / MENTIONS / DESKTOP BALANCE === */
/* Desktop composition remains centered as one unit. Both rails stay anchored while the center scrolls. */
@media (min-width:1321px){
  body:not(.chat-open):not(.admin-mode) .app-shell{width:min(100%,1420px)!important;max-width:1420px!important;margin-inline:auto!important;grid-template-columns:250px minmax(0,840px) 330px!important}
  body:not(.chat-open):not(.admin-mode) .sidebar,
  body:not(.chat-open):not(.admin-mode) .right-rail{position:sticky!important;top:0!important;align-self:start!important;height:100dvh!important}
}
@media (min-width:1181px) and (max-width:1320px){body:not(.chat-open):not(.admin-mode) .app-shell{width:min(100%,1080px)!important;margin-inline:auto!important}}
.social-mention{display:inline!important;border:0!important;background:transparent!important;color:var(--yellow)!important;padding:0!important;margin:0!important;font:inherit!important;font-weight:850!important;line-height:inherit!important;vertical-align:baseline!important;cursor:pointer!important}.social-mention:hover{text-decoration:underline}.social-mention:focus-visible{outline:2px solid rgba(255,212,0,.45);outline-offset:2px;border-radius:4px}
.active-users-rail{padding:0!important;overflow:hidden}.active-users-panel{padding:14px}.active-users-head{display:flex;flex-direction:column;gap:10px;margin-bottom:7px}.active-users-head>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.active-users-head small{font-size:9px;color:var(--yellow);font-weight:950;letter-spacing:.08em}.active-users-head strong{font-size:14px}.active-users-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;border:1px solid var(--line);border-radius:10px;background:#0e0f12}.active-users-tabs button{border:0;border-radius:8px;min-height:30px;background:transparent;color:var(--muted);font-size:10px;font-weight:850;padding:4px}.active-users-tabs button.active{background:var(--panel-3);color:var(--text)}.active-users-list{display:grid}.active-user-mini{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;border:0;border-top:1px solid #23262d;background:transparent;color:var(--text);padding:9px 0;text-align:left}.active-user-mini:first-child{border-top:0}.active-user-mini .avatar{width:34px;height:34px;min-width:34px}.active-user-mini>span{min-width:0;display:grid;gap:1px}.active-user-mini strong,.active-user-mini small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-user-mini strong{font-size:11px}.active-user-mini small{font-size:9px;color:var(--muted)}.active-user-mini>b{font-size:9px;color:var(--yellow);white-space:nowrap}.active-users-loading{display:flex;align-items:center;gap:8px;padding:12px 0;color:var(--muted)}.active-users-loading span{width:13px;height:13px;border:2px solid #333;border-top-color:var(--yellow);border-radius:50%;animation:spin .8s linear infinite}.mobile-active-users{display:none}
.room-internal-card.is-share-preview{min-width:min(360px,72vw)!important;padding:11px!important;align-items:center!important}.shared-preview-main{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.shared-preview-main>.avatar-wrap{flex:0 0 auto}.shared-preview-avatar.avatar{width:42px!important;height:42px!important;min-width:42px!important}.shared-preview-fallback{width:42px;height:42px;border-radius:12px;background:var(--yellow-soft);color:var(--yellow);display:grid;place-items:center;flex:0 0 auto}.internal-card-copy{min-width:0;display:grid;gap:2px}.room-internal-card .internal-card-copy strong{white-space:normal!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.28}.room-internal-card .internal-card-copy em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-internal-card .internal-card-chevron{flex:0 0 auto}
.share-image-builder{display:grid;gap:14px}.share-format-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.share-format-tabs button{min-height:42px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-weight:850}.share-format-tabs button.active{background:var(--panel-3);color:var(--text)}.share-image-preview{position:relative;display:grid;place-items:center;min-height:300px;padding:12px;border:1px solid var(--line);border-radius:16px;background:#050506;overflow:hidden}.share-image-preview canvas{display:block;max-width:100%;max-height:58vh;width:auto;height:auto;border-radius:12px}.share-image-loading{color:var(--muted);font-size:12px}.share-caption-box{padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.share-caption-box small{color:var(--yellow);font-size:9px;font-weight:950}.share-caption-box p{color:var(--text-2);line-height:1.5}.share-image-actions{display:grid;gap:8px}
@media(max-width:780px){.mobile-active-users{display:block;margin:0 0 14px}.mobile-active-users .active-users-panel{border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:12px}.mobile-active-users .active-users-list{display:flex;gap:8px;overflow-x:auto;padding:3px 1px 6px;scrollbar-width:none}.mobile-active-users .active-users-list::-webkit-scrollbar{display:none}.mobile-active-users .active-user-mini{min-width:168px;grid-template-columns:auto minmax(0,1fr);border:1px solid var(--line)!important;border-radius:13px;padding:9px;background:#101115}.mobile-active-users .active-user-mini>b{grid-column:2;font-size:9px}.room-internal-card.is-share-preview{min-width:min(310px,78vw)!important;max-width:78vw!important}.share-image-preview canvas{max-height:52vh}}

/* UX8 DM mention field */
.dm-message-input-wrap{position:relative;min-width:0}.dm-message-input-wrap textarea{width:100%;display:block}.dm-message-input-wrap .social-mention-menu{bottom:calc(100% + 8px);top:auto;left:0;right:0}

@media (min-width:781px){body:not(.chat-open):not(.admin-mode) .sidebar{overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain}}


/* === UX9 COMMUNITY / ALGORITHM / LIVE / POLISH === */
.startup-splash{position:fixed;inset:0;z-index:5000;background:#070809;display:grid;place-items:center;transition:opacity .28s ease,visibility .28s ease}.startup-splash.leaving{opacity:0;visibility:hidden;pointer-events:none}.startup-splash-inner{display:grid;justify-items:center;gap:18px}.startup-splash-logos{display:flex;align-items:center;gap:22px}.startup-splash-logos img{width:150px;max-width:36vw}.startup-splash-logos span{width:1px;height:48px;background:#34363a}.startup-splash-logos strong{font-size:15px;color:#ffd400;letter-spacing:.04em}.startup-loader{width:132px;height:4px;border-radius:999px;background:#22252a;overflow:hidden}.startup-loader i{display:block;width:42%;height:100%;background:#ffd400;border-radius:inherit;animation:qsLoad 1s ease-in-out infinite}.startup-splash small{color:#a8acb4}@keyframes qsLoad{0%{transform:translateX(-110%)}100%{transform:translateX(340%)}}
@media(max-width:780px){.startup-splash-logos{gap:15px}.startup-splash-logos img{width:120px}.startup-splash-logos span{height:40px}.startup-splash-logos strong{font-size:12px}}

/* Desktop master geometry: same columns on every public route, including Salas. */
@media(min-width:1321px){body:not(.admin-mode) .app-shell{width:min(100%,1420px)!important;max-width:1420px!important;margin-inline:auto!important;grid-template-columns:250px minmax(0,840px) 330px!important}body.chat-open:not(.admin-mode) .app-shell{display:grid!important;height:100vh!important}body.chat-open:not(.admin-mode) .sidebar,body.chat-open:not(.admin-mode) .topbar{display:flex!important}body.chat-open:not(.admin-mode) .right-rail{display:block!important}body.chat-open:not(.admin-mode) .sidebar{display:flex!important}body.chat-open:not(.admin-mode) .main-wrap{height:100vh!important;min-width:0!important;overflow:hidden!important}body.chat-open:not(.admin-mode) .view{height:calc(100vh - var(--topbar))!important;width:100%!important;max-width:none!important;padding:12px!important;overflow:hidden!important}.sidebar,.right-rail{position:sticky!important;top:0!important;height:100vh!important;align-self:start!important;overflow-y:auto!important;overscroll-behavior:contain}.main-wrap{min-width:0}}
@media(min-width:1181px) and (max-width:1320px){body:not(.admin-mode) .app-shell{width:min(100%,1080px)!important;max-width:1080px!important;margin-inline:auto!important;grid-template-columns:225px minmax(0,855px)!important}body:not(.admin-mode) .right-rail{display:none!important}.sidebar{position:sticky!important;top:0!important;height:100vh!important;overflow-y:auto!important}}

/* Secondary social actions: desktop tidy; mobile lives in the (...) menu. */
.social-secondary-actions{gap:8px!important;padding:8px 14px!important}.social-secondary-actions button{min-height:32px!important;padding:6px 10px!important;font-size:12px!important}
@media(max-width:780px){.social-secondary-actions{display:none!important}}

/* Shared cards must never collapse in Chat. */
.chat-v2 .chat-msg .room-internal-card.is-share-preview,.chat-v2 .room-internal-card.is-share-preview{display:flex!important;width:min(420px,78vw)!important;min-width:min(320px,78vw)!important;max-width:min(420px,78vw)!important;flex:0 0 auto!important;align-self:flex-start!important;padding:12px!important}.chat-v2 .shared-preview-main{width:100%!important;min-width:0!important}.chat-v2 .internal-card-copy{min-width:0!important;flex:1!important}.chat-v2 .internal-card-copy strong{font-size:13px!important;line-height:1.3!important;-webkit-line-clamp:3!important}.chat-v2 .shared-preview-avatar.avatar{width:44px!important;height:44px!important;min-width:44px!important}
@media(max-width:420px){.chat-v2 .chat-msg .room-internal-card.is-share-preview,.chat-v2 .room-internal-card.is-share-preview{width:min(310px,82vw)!important;min-width:min(286px,82vw)!important;max-width:82vw!important}}

/* Follow belongs to author identity, not floating in the center. */
.social-card .card-header{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto auto!important;align-items:center!important;column-gap:8px!important}.social-card .follow-mini{justify-self:start!important;margin:0!important;white-space:nowrap!important}.social-card .card-menu{justify-self:end!important}
@media(max-width:520px){.social-card .card-header{grid-template-columns:auto minmax(0,1fr) auto!important}.social-card .follow-mini{grid-column:2!important;justify-self:start!important;margin-top:3px!important}.social-card .card-menu{grid-column:3!important;grid-row:1 / span 2!important}}

/* Mentions autocomplete: clear two-line identity. */
.social-mention-menu button,.mention-suggestion{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:10px!important;text-align:left!important}.social-mention-menu button .grow,.social-mention-menu button>span:last-child{min-width:0!important}.social-mention-menu strong{display:block!important}.social-mention-menu small{display:block!important;margin-top:2px!important;color:var(--muted)!important}.social-mention-menu strong+small{margin-left:0!important}

/* Conversation modal identity and compact empty state/composer. */
.conversation-head{display:grid!important;gap:12px!important}.conversation-author{display:flex!important;align-items:center!important;gap:10px!important;text-align:left!important;width:max-content!important;max-width:100%!important;padding:0!important}.conversation-author>span:last-child{display:grid!important;gap:2px!important}.conversation-author strong{font-size:14px!important}.conversation-author small{font-size:11px!important;color:var(--muted)!important}.conversation-head h2{margin:2px 0 4px!important;line-height:1.28!important}.conversation-responses .empty-card{min-height:72px!important;padding:18px!important}.reply-composer{gap:8px!important;align-items:center!important}.reply-text-wrap{min-width:0!important;flex:1!important}

/* Admin massive lists: compact operational rows. */
.admin-table .admin-row{min-height:0!important;padding:10px 12px!important;gap:10px!important;align-items:center!important}.admin-table .admin-row>.grow{min-width:220px!important}.admin-community-controls{margin-top:7px!important;display:flex!important;flex-wrap:wrap!important;gap:6px 10px!important;align-items:center!important}.admin-community-controls label{font-size:11px!important}.admin-community-controls select,.admin-actions select{min-height:34px!important;height:34px!important;padding:5px 28px 5px 9px!important}.admin-actions{gap:6px!important;align-items:center!important}.admin-actions button{min-height:34px!important;padding:6px 9px!important}

/* Search/explore typography breathing room. */
.explore-page .trend-card strong,.explore-page .discovery-card strong{margin-right:8px!important}.explore-page .trend-card small,.explore-page .discovery-card small{margin-left:8px!important}

/* Rank/presence collision: online dot owns avatar corner, rank belongs to copy. */
.sidebar-footer .rank-shield{display:none!important}.avatar-online-dot{right:-1px!important;bottom:-1px!important;z-index:3!important}

/* Presence preference matches the other binary settings. */
.settings-grid .setting-row{width:100%!important}

/* Radio icon must remain visible after play -> pause. */
.radio-panel-cta .ui-ico,.player-toggle .radio-state-icon{display:block!important;width:20px!important;height:20px!important;color:#08090b!important;fill:currentColor!important;visibility:visible!important;opacity:1!important}.radio-panel-cta{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}

/* Reactions branded for questions. */
.qs-reaction-context{width:min(270px,calc(100vw - 20px))!important}.qs-reaction-context .context-item{gap:10px!important}.qs-reaction-icon{width:20px!important;height:20px!important;object-fit:contain!important;flex:0 0 auto!important}

/* Share image builder footer spacing. */
.share-image-preview canvas{background:#08090b}.share-caption-box{margin-top:4px!important}

/* Live-start notice. */
.live-start-notice{display:grid;gap:14px;text-align:center}.live-start-logos{display:flex;justify-content:center;align-items:center;gap:14px}.live-start-logos img{width:120px}.live-start-logos span{width:1px;height:36px;background:var(--line)}.live-start-logos strong{color:var(--yellow);font-size:12px}.live-start-notice h2{font-size:25px;margin:2px 0 0}.live-start-notice>p{color:var(--muted);margin:0}.live-start-topic{display:grid;gap:5px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#0c0d10}.live-start-topic small{color:var(--yellow);font-size:10px;letter-spacing:.08em}.live-start-actions{display:grid;gap:8px}

/* Voice composer unified. */
.voice-unified-composer{display:grid;gap:13px}.voice-ready-panel{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:14px;padding:13px;background:#101115}.voice-ready-panel>.ui-ico{width:26px;height:26px;color:var(--yellow)}.voice-ready-panel div{display:grid;gap:2px}.voice-ready-panel small{color:var(--muted)}

/* UX9 follow placement final */
@media(min-width:521px){.social-card .card-header{grid-template-columns:auto auto auto minmax(0,1fr) auto!important}.social-card .card-header>.meta{grid-column:2!important;justify-self:start!important;width:auto!important}.social-card .card-header>.follow-mini{grid-column:3!important;justify-self:start!important}.social-card .card-header>.card-menu{grid-column:5!important}}
.rank-inline-icon{font-size:12px;line-height:1;vertical-align:-1px;margin-right:2px}.sidebar-profile-button .avatar-wrap .rank-shield{display:none!important}
.r11-list .list-item .grow{display:grid!important;gap:4px!important}.r11-list .list-item .grow strong,.r11-list .list-item .grow small{margin:0!important;display:block!important}
.sheet.live-start-lock .sheet-close{display:none!important}.live-start-lock-open .sheet.live-start-lock{z-index:2100!important}.live-start-lock-open .sheet-backdrop:not(.hidden){z-index:2050}.live-start-lock .sheet-handle{opacity:.45}
.qs-reaction-count-icon{width:17px;height:17px;object-fit:contain;vertical-align:-4px;margin-right:1px}.qs-reaction-context .context-menu-item{display:flex;align-items:center;gap:9px}.qs-reaction-context .qs-reaction-icon{width:22px;height:22px;object-fit:contain;flex:0 0 auto}

/* === UX9.3 REBUILD · stabilization overrides === */
/* Desktop: rails stay anchored; center owns page scroll. */
@media (min-width:1321px){
  body:not(.admin-mode):not(.chat-open){overflow:hidden!important;height:100vh!important}
  body:not(.admin-mode):not(.chat-open) .app-shell{height:100vh!important;overflow:hidden!important}
  body:not(.admin-mode):not(.chat-open) .sidebar,
  body:not(.admin-mode):not(.chat-open) .right-rail{position:relative!important;top:auto!important;height:100vh!important;overflow-y:auto!important;overscroll-behavior:contain!important}
  body:not(.admin-mode):not(.chat-open) .main-wrap{height:100vh!important;min-height:0!important;overflow:hidden!important}
  body:not(.admin-mode):not(.chat-open) .view{height:calc(100vh - var(--topbar))!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important}
}

/* Mentions are a compact overlay, never a layout row. */
.social-mention-field{position:relative!important;z-index:4!important;overflow:visible!important}
.social-mention-menu{left:8px!important;right:auto!important;width:min(360px,calc(100% - 16px))!important;max-width:360px!important;top:calc(100% + 6px)!important;max-height:220px!important;overflow-y:auto!important;overflow-x:hidden!important;z-index:500!important;padding:5px!important;border-radius:12px!important}
.social-mention-menu button{min-height:48px!important;padding:7px 9px!important}
.social-mention-menu .avatar{width:32px!important;height:32px!important;min-width:32px!important}
.social-composer{overflow:visible!important}
.sheet:has(.social-composer){overflow:visible!important}
@media(max-width:720px){.social-mention-menu{left:0!important;width:min(330px,calc(100vw - 44px))!important;max-width:calc(100vw - 44px)!important}}

/* Composer hierarchy: text -> extras/poll -> category; keep modal compact. */
.composer-extras-under-text{margin-top:-3px!important;margin-bottom:0!important}
.composer-category-block{margin-top:2px!important}
.composer-poll-editor{max-height:230px!important;overflow-y:auto!important;scrollbar-width:none!important}
.composer-poll-editor::-webkit-scrollbar{display:none!important}
.sheet:has(.social-composer){max-height:min(760px,calc(100dvh - 28px))!important}
.sheet:has(.social-composer) .social-composer{max-height:calc(100dvh - 86px)!important;overflow-y:auto!important;overflow-x:visible!important;padding-right:2px!important;scrollbar-width:none!important}
.sheet:has(.social-composer) .social-composer::-webkit-scrollbar{display:none!important}
.sheet-action-row{position:sticky!important;bottom:-1px!important;z-index:8!important;background:linear-gradient(180deg,rgba(17,18,22,.3),#111216 28%)!important;padding-top:9px!important}

/* Confessions reuses the real quick composer geometry. */
.confession-quick-compose{margin:0 0 16px!important;width:100%!important}
.confession-quick-compose .composer-prompt{text-align:left!important}

/* Advertising plan state: plan buttons are the selector. */
.commercial-plan.selected{border-color:var(--yellow)!important;background:linear-gradient(135deg,rgba(255,210,0,.16),rgba(255,255,255,.035))!important;box-shadow:0 0 0 1px rgba(255,210,0,.18) inset!important}
.commercial-plan.selected span{color:var(--yellow)!important}
.commercial-custom-wrap{margin:12px 0 4px!important;padding:12px!important;border:1px solid rgba(255,210,0,.2)!important;border-radius:14px!important;background:rgba(255,210,0,.035)!important}
.commercial-custom-wrap.hidden{display:none!important}
.commercial-options{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.commercial-options label{min-height:42px!important;display:flex!important;align-items:center!important;gap:8px!important;padding:9px 11px!important;border:1px solid var(--line)!important;border-radius:11px!important;background:var(--panel-2)!important}
@media(max-width:620px){.commercial-options{grid-template-columns:1fr!important}}

/* Admin users: list stays compact; editing belongs to the modal. */
.admin-user-list{display:grid!important;gap:6px!important}
.admin-user-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:58px!important;padding:8px 10px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:rgba(255,255,255,.018)!important}
.admin-user-main{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;flex:1!important}
.admin-user-main>.avatar-wrap{flex:0 0 auto!important}.admin-user-main>div{min-width:0!important;display:grid!important;gap:3px!important}
.admin-user-main strong{font-size:13px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.admin-user-main strong small{color:var(--muted)!important;font-weight:500!important}.admin-user-main span{font-size:11px!important;color:var(--muted)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.admin-user-editor{display:grid!important;gap:14px!important}.admin-user-editor-head{display:flex!important;align-items:center!important;gap:10px!important}.admin-user-editor-head>div{display:grid!important;gap:2px!important}.admin-user-editor-head small{color:var(--muted)!important}
@media(max-width:620px){.admin-user-row{align-items:flex-start!important}.admin-user-main span{white-space:normal!important}}

/* Identity: rank and presence own different corners globally. */
.avatar-wrap{position:relative!important;display:inline-grid!important;place-items:center!important;overflow:visible!important}
.rank-shield{right:-6px!important;bottom:-5px!important;z-index:4!important}
.avatar-online-dot{position:absolute!important;right:-4px!important;top:-3px!important;bottom:auto!important;width:10px!important;height:10px!important;border:2px solid #0d0f12!important;border-radius:50%!important;background:#35d17b!important;z-index:5!important}
.profile-avatar-wrap .avatar-online-dot{right:1px!important;top:2px!important;width:13px!important;height:13px!important}

/* Give identity copy the available width before ellipsis. */
.social-card .card-header>.meta{max-width:none!important;min-width:0!important}
.social-card .card-header>.meta strong,.social-card .card-header>.meta small{max-width:100%!important}
@media(min-width:521px){.social-card .card-header{grid-template-columns:auto minmax(0,max-content) auto 1fr auto!important}.social-card .card-header>.meta{width:auto!important;max-width:min(420px,100%)!important}.social-card .card-header>.meta strong,.social-card .card-header>.meta small{overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}}

/* Radio icon is explicit and never inherited away. */
.radio-panel-cta .radio-state-icon,.player-toggle .radio-state-icon{display:block!important;visibility:visible!important;opacity:1!important;flex:0 0 20px!important;width:20px!important;height:20px!important;color:currentColor!important}
.radio-panel-cta.primary-btn .radio-state-icon{color:#08090b!important}.radio-panel-cta.secondary-btn .radio-state-icon{color:var(--text)!important}

/* Shared content inside public Chat stays compact and readable. */
.chat-v2 .room-internal-card.is-share-preview{width:min(360px,72vw)!important;min-width:0!important;max-width:min(360px,72vw)!important;padding:9px 10px!important;gap:8px!important;border-radius:13px!important}
.chat-v2 .shared-preview-main{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;flex:1!important}
.chat-v2 .shared-preview-avatar.avatar{width:34px!important;height:34px!important;min-width:34px!important}
.chat-v2 .internal-card-copy small{font-size:9px!important}.chat-v2 .internal-card-copy strong{font-size:12px!important;line-height:1.3!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.chat-v2 .internal-card-copy em{font-size:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* Ensure the public chat itself is not globally restyled by non-chat features. */
.app-room-screen.chat-v2 .chat-msg-row,.app-room-screen.chat-v2 .chat-msg,.app-room-screen.chat-v2 .room-composer{box-sizing:border-box!important}


/* === UX9.3.1 HOTFIX: only the three QA issues reported after UX9.3 === */
/* 1) Radio Play/Pause icon cannot disappear after state transitions. */
.program-radio-icon .radio-state-icon,.radio-panel-cta .radio-state-icon,#playerToggle .radio-state-icon{width:22px!important;height:22px!important;display:block!important;flex:0 0 22px!important;color:currentColor!important;fill:currentColor!important;visibility:visible!important;opacity:1!important}.program-radio-icon{display:grid!important;place-items:center!important;min-width:24px!important;min-height:24px!important}
/* 2) Más activos keeps its own stable render region. */
#rightActiveUsers{min-height:124px}.active-users-panel{min-width:0}.active-users-list:empty::after{content:'Aún no hay actividad en este período.';display:block;padding:10px 2px;color:var(--muted);font-size:11px}
/* 3) Shared publication in public Chat is a bounded preview, never a long text strip. */
.chat-v2 .room-internal-card.is-share-preview{width:min(350px,72vw)!important;min-width:0!important;max-width:100%!important;padding:10px 11px!important;border-radius:13px!important;align-items:flex-start!important}.chat-v2 .room-internal-card.is-share-preview>.shared-preview-main{display:flex!important;align-items:flex-start!important;gap:9px!important;min-width:0!important;width:100%!important;height:auto!important;border-radius:0!important;background:transparent!important;color:inherit!important;place-items:unset!important}.chat-v2 .room-internal-card.is-share-preview .internal-card-copy{min-width:0!important;display:flex!important;flex-direction:column!important;gap:2px!important;flex:1!important}.chat-v2 .room-internal-card.is-share-preview .internal-card-copy>strong{font-size:12px!important;line-height:1.35!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.shared-preview-author{font-size:10px!important;color:#d8dbe1!important;font-style:normal!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.shared-preview-open{font-size:10px!important;color:var(--yellow)!important;font-weight:850!important;margin-top:3px!important}.chat-v2 .room-internal-card.is-share-preview .avatar{width:34px!important;height:34px!important;min-width:34px!important}.chat-v2 .room-internal-card.is-share-preview .internal-card-copy>small{font-size:9px!important;color:var(--yellow)!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.04em!important}@media(max-width:420px){.chat-v2 .room-internal-card.is-share-preview{width:min(310px,82vw)!important;max-width:82vw!important}}


/* === UX9.3.2 HOTFIX: rebuilt hero radio control + full active-users card === */
/* Rebuilt from scratch: no inherited icon color/SVG state can make the glyph disappear. */
.program-radio-control-v2{position:relative;width:100%;min-height:66px;display:flex;align-items:center;gap:13px;border:1px solid #353941;border-radius:17px;background:#15171b;color:var(--text);padding:10px 13px;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .12s ease}
.program-radio-control-v2:hover{border-color:#62570a;background:#191a1e}.program-radio-control-v2:active{transform:translateY(1px)}.program-radio-control-v2:disabled{cursor:wait;opacity:.82}
.program-radio-glyph-v2{position:relative;width:44px;height:44px;min-width:44px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);color:#080808;overflow:hidden;isolation:isolate}
.program-radio-copy-v2{min-width:0;display:block}.program-radio-copy-v2 strong,.program-radio-copy-v2 small{display:block}.program-radio-copy-v2 strong{font-size:14px}.program-radio-copy-v2 small{margin-top:2px;color:#babec7;font-size:12px}
.radio-play-triangle-v2,.radio-pause-bars-v2,.radio-loading-ring-v2{display:none;box-sizing:border-box}
.program-radio-control-v2[data-radio-state="play"] .radio-play-triangle-v2{display:block;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid #080808;margin-left:3px}
.program-radio-control-v2[data-radio-state="pause"] .radio-pause-bars-v2{display:flex;align-items:center;justify-content:center;gap:4px;width:20px;height:20px}
.program-radio-control-v2[data-radio-state="pause"] .radio-pause-bars-v2 b{display:block;width:5px;height:16px;border-radius:1px;background:#080808}
.program-radio-control-v2[data-radio-state="loading"] .radio-loading-ring-v2{display:block;width:19px;height:19px;border:3px solid rgba(8,8,8,.25);border-top-color:#080808;border-radius:50%;animation:spin .75s linear infinite}
.program-radio-control-v2.is-playing{border-color:#3b744f;background:#102419}.program-radio-control-v2.is-playing .program-radio-glyph-v2{background:var(--ok)}
@media(max-width:780px){.program-radio-control-v2{min-height:64px}.program-radio-copy-v2 small{font-size:11px}}

/* The right rail itself owns scrolling. Its cards must never flex-shrink/crop their contents. */
.right-rail>#rightActiveUsers{flex:0 0 auto!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
#rightActiveUsers .active-users-panel{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
#rightActiveUsers .active-users-list{height:auto!important;max-height:none!important;overflow:visible!important}
.right-rail>.panel{flex-shrink:0}

/* === UX9.3.4 · threaded responses (one visual level only) === */
.response-thread{position:relative;min-width:0}
.response-thread+.response-thread{margin-top:2px}
.thread-replies{position:relative;margin-left:30px;padding-left:15px;min-width:0}
.thread-replies::before{content:"";position:absolute;left:0;top:2px;bottom:10px;width:1px;background:linear-gradient(180deg,rgba(255,214,0,.34),rgba(255,255,255,.08))}
.thread-replies:empty{display:none}
.thread-child-response{margin-top:7px;margin-bottom:8px}
.thread-child-response .response-avatar .avatar{width:32px!important;height:32px!important;min-width:32px!important}
.thread-child-response .feed-response-body{max-width:calc(100% - 40px)!important}
.thread-child-response .feed-response-bubble{background:rgba(255,255,255,.04)}
.thread-reply-target{display:flex;align-items:center;gap:4px;margin:0 0 4px 3px;color:var(--muted);font-size:.7rem;line-height:1.2}
.thread-reply-target>span:first-child{color:var(--yellow);font-weight:900}
.thread-target-user{font-size:inherit!important}
.thread-more-replies{margin:2px 0 8px 45px;padding:4px 0;border:0;background:transparent;color:var(--muted);font-size:.75rem;font-weight:750;cursor:pointer;text-align:left}
.thread-more-replies:hover,.thread-more-replies:focus-visible{color:var(--yellow)}
.thread-more-replies:disabled{opacity:.55;cursor:default}
.replying-context .social-mention{font-size:inherit!important}

@media(max-width:720px){
  .thread-replies{margin-left:22px;padding-left:11px}
  .thread-more-replies{margin-left:36px}
  .thread-child-response .response-avatar .avatar{width:30px!important;height:30px!important;min-width:30px!important}
}

.chat-v2 .chat-msg .room-internal-card,.chat-v2 .chat-msg .room-internal-card.is-share-preview{margin-top:6px!important}.chat-v2 .room-internal-card.is-share-preview{margin-bottom:3px!important}.chat-v2 .chat-msg-row + .chat-msg-row:has(.room-internal-card){margin-top:12px!important}@media(max-width:1080px){.chat-v2 .chat-msg-row.group-start{margin-top:16px!important}.chat-v2 .chat-msg-row.group-continuation{margin-top:6px!important}}

/* ========================================================================
   UX9.4 · ADMIN PRO
   Rebuild of the complete administrative experience as a professional
   operations console. Existing business logic and actions are preserved.
   ======================================================================== */
body.admin-mode{background:#08090b!important}
body.admin-mode .view{padding:0!important;max-width:none!important}
.admin-console.admin-pro{--admin-bg:#08090b;--admin-surface:#101217;--admin-surface-2:#15181e;--admin-surface-3:#1a1e25;--admin-border:#272c35;--admin-border-soft:#20242c;--admin-muted:#8f97a5;--admin-text:#f5f7fa;--admin-yellow:#ffd400;min-height:100vh!important;background:radial-gradient(circle at 75% -10%,rgba(255,212,0,.05),transparent 28%),var(--admin-bg)!important;color:var(--admin-text)!important}
.admin-pro .admin-console-head{height:76px!important;min-height:76px!important;padding:0 24px!important;border-bottom:1px solid var(--admin-border)!important;background:rgba(9,10,13,.97)!important;box-shadow:0 10px 34px rgba(0,0,0,.18)!important}
.admin-brand-block,.admin-head-actions,.admin-module-title-row,.admin-panel-head,.admin-action-bar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important}
.admin-brand-block{justify-content:flex-start!important}.admin-brand-mark{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;border-radius:11px!important;background:var(--admin-yellow)!important;color:#070809!important;font-size:12px!important;font-weight:1000!important;letter-spacing:-.02em!important;box-shadow:0 0 0 4px rgba(255,212,0,.08)!important}.admin-brand-block h1{margin:1px 0 0!important;font-size:18px!important;line-height:1.1!important}.admin-brand-block p{margin:2px 0 0!important;font-size:10px!important;color:var(--admin-muted)!important}.admin-brand-block .section-kicker{font-size:8px!important;letter-spacing:.13em!important}
.admin-head-actions{justify-content:flex-end!important}.admin-health-chip,.admin-role-chip{display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:30px!important;padding:0 10px!important;border:1px solid var(--admin-border)!important;border-radius:999px!important;background:#111319!important;color:#c8cdd6!important;font-size:9px!important;font-weight:850!important;letter-spacing:.04em!important}.admin-health-chip i{width:7px!important;height:7px!important;border-radius:50%!important;background:#35d17b!important;box-shadow:0 0 0 4px rgba(53,209,123,.09)!important}.admin-role-chip{color:#9da4b1!important}.admin-pro .admin-back-community{min-height:36px!important;padding:8px 11px!important;border-radius:10px!important;font-size:10px!important}
.admin-pro .admin-workspace{grid-template-columns:244px minmax(0,1fr)!important;min-height:calc(100vh - 76px)!important}
.admin-pro .admin-module-nav{top:76px!important;height:calc(100vh - 76px)!important;padding:18px 12px 32px!important;border-right:1px solid var(--admin-border)!important;background:linear-gradient(180deg,#0d0f13,#0b0c10)!important}
.admin-nav-caption{display:grid!important;gap:2px!important;padding:3px 10px 18px!important;border-bottom:1px solid var(--admin-border-soft)!important;margin-bottom:16px!important}.admin-nav-caption strong{font-size:13px!important}.admin-nav-caption small{color:var(--admin-muted)!important;font-size:9px!important}
.admin-pro .admin-nav-group{gap:3px!important;margin-bottom:19px!important}.admin-pro .admin-nav-group>small{padding:0 9px 5px!important;color:#69717f!important;font-size:8px!important;letter-spacing:.15em!important}.admin-pro .admin-nav-group button{grid-template-columns:25px minmax(0,1fr) 18px!important;display:grid!important;align-items:center!important;min-height:39px!important;padding:7px 8px!important;border-radius:10px!important;color:#aab0bb!important;font-size:11px!important;font-weight:730!important}.admin-pro .admin-nav-group button>i{display:grid!important;place-items:center!important;width:25px!important;height:25px!important;border-radius:8px!important;background:transparent!important;color:#757d8b!important}.admin-pro .admin-nav-group button>i .ui-ico{width:14px!important;height:14px!important}.admin-pro .admin-nav-group button>b{display:grid!important;place-items:center!important;color:#4f5662!important}.admin-pro .admin-nav-group button>b .ui-ico{width:13px!important;height:13px!important}.admin-pro .admin-nav-group button:hover{background:#14171c!important;color:#fff!important}.admin-pro .admin-nav-group button:hover>i{background:#1b1e25!important;color:#d6d9df!important}.admin-pro .admin-nav-group button.active{border-color:rgba(255,212,0,.22)!important;background:linear-gradient(90deg,rgba(255,212,0,.105),rgba(255,212,0,.025))!important;color:#fff!important;box-shadow:inset 2px 0 0 var(--admin-yellow)!important}.admin-pro .admin-nav-group button.active>i{background:rgba(255,212,0,.13)!important;color:var(--admin-yellow)!important}.admin-pro .admin-nav-group button.active>b{color:var(--admin-yellow)!important}
.admin-pro .admin-module-main{max-width:none!important;width:100%!important;padding:22px clamp(18px,2.2vw,34px) 100px!important;overflow:hidden!important}.admin-pro .admin-module-head{display:grid!important;gap:10px!important;margin:0 0 18px!important}.admin-breadcrumb{display:flex!important;align-items:center!important;gap:7px!important;color:#6f7784!important;font-size:9px!important}.admin-breadcrumb strong{color:#aeb4be!important}.admin-pro .admin-module-title-row{padding-bottom:17px!important;border-bottom:1px solid var(--admin-border-soft)!important}.admin-pro .admin-module-title-row>div:first-child{min-width:0!important}.admin-pro .admin-module-head h2{margin:4px 0 3px!important;font-size:26px!important;letter-spacing:-.035em!important}.admin-pro .admin-module-head p{max-width:760px!important;color:var(--admin-muted)!important;font-size:11px!important;line-height:1.5!important}.admin-module-status{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border:1px solid var(--admin-border)!important;border-radius:12px!important;background:var(--admin-surface)!important;color:var(--admin-yellow)!important}.admin-module-status .ui-ico{width:19px!important;height:19px!important}
.admin-body-pro{display:grid!important;gap:14px!important;min-width:0!important}.admin-body-pro>*{min-width:0!important}.admin-body-pro .admin-form,.admin-panel{border:1px solid var(--admin-border)!important;border-radius:16px!important;background:linear-gradient(180deg,rgba(255,255,255,.014),rgba(255,255,255,.005)),var(--admin-surface)!important;box-shadow:0 12px 30px rgba(0,0,0,.10)!important;padding:17px!important}.admin-body-pro .admin-form h3,.admin-panel h3{margin:0!important;font-size:14px!important;letter-spacing:-.01em!important}.admin-body-pro .admin-form>p,.admin-panel-head p{margin:5px 0 0!important;color:var(--admin-muted)!important;font-size:10px!important;line-height:1.55!important}.admin-panel-head{align-items:flex-start!important;margin-bottom:14px!important}.admin-panel-head>div:first-child{min-width:0!important}.admin-panel-feature{background:linear-gradient(135deg,rgba(255,212,0,.045),rgba(255,255,255,.008)),var(--admin-surface)!important}
.admin-body-pro .metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}.admin-body-pro .metric-card,.admin-kpi{position:relative!important;overflow:hidden!important;border:1px solid var(--admin-border)!important;border-radius:14px!important;background:var(--admin-surface)!important;padding:15px!important;min-height:96px!important}.admin-body-pro .metric-card::before,.admin-kpi::before{content:""!important;position:absolute!important;inset:0 auto 0 0!important;width:2px!important;background:#3d434e!important}.admin-kpi.ok::before{background:#35d17b!important}.admin-kpi.warn::before{background:var(--admin-yellow)!important}.admin-kpi.danger::before{background:#ff6675!important}.admin-body-pro .metric-card strong,.admin-kpi strong{display:block!important;margin-top:7px!important;font-size:25px!important;line-height:1!important;letter-spacing:-.04em!important;color:#fff!important}.admin-body-pro .metric-card small,.admin-kpi small{color:#8d95a2!important;font-size:9px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.09em!important}.admin-kpi>span{display:block!important;margin-top:10px!important;color:#737b88!important;font-size:9px!important;line-height:1.35!important}.admin-kpi-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
.admin-dashboard-pro{display:grid!important;gap:12px!important}.admin-dashboard-grid{display:grid!important;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr)!important;gap:12px!important}.admin-dashboard-grid.lower{grid-template-columns:minmax(320px,.75fr) minmax(0,1.25fr)!important}.activity-stat-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin-bottom:16px!important}.activity-stat-grid article{padding:11px!important;border:1px solid var(--admin-border-soft)!important;border-radius:12px!important;background:#0d0f13!important}.activity-stat-grid strong{display:block!important;font-size:19px!important}.activity-stat-grid span{display:block!important;margin-top:3px!important;color:#7f8794!important;font-size:9px!important}.activity-bars{display:grid!important;gap:10px!important}.activity-bars>div{display:grid!important;grid-template-columns:90px minmax(0,1fr) 30px!important;align-items:center!important;gap:10px!important}.activity-bars span,.activity-bars b{font-size:9px!important;color:#89919e!important}.activity-bars b{text-align:right!important;color:#d8dce3!important}.activity-bars i{position:relative!important;height:6px!important;border-radius:999px!important;background:#1f232b!important;overflow:hidden!important}.activity-bars i::after{content:""!important;position:absolute!important;inset:0 auto 0 0!important;width:var(--v)!important;border-radius:inherit!important;background:linear-gradient(90deg,#8f7800,var(--admin-yellow))!important}.program-status-hero{display:grid!important;gap:7px!important;padding:14px!important;border:1px solid var(--admin-border-soft)!important;border-radius:13px!important;background:#0c0e12!important}.program-status-hero.live{border-color:rgba(255,89,100,.25)!important;background:rgba(255,89,100,.045)!important}.program-status-hero span{color:var(--admin-yellow)!important;font-size:8px!important;font-weight:950!important;letter-spacing:.1em!important}.program-status-hero.live span{color:#ff6c78!important}.program-status-hero strong{font-size:14px!important}.program-status-hero small{color:#848c99!important;font-size:9px!important}.dashboard-mini-stats{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:7px!important;margin-top:9px!important}.dashboard-mini-stats span{padding:9px!important;border-radius:10px!important;background:#0c0e12!important;color:#737b88!important;font-size:9px!important;text-align:center!important}.dashboard-mini-stats b{display:block!important;margin-bottom:2px!important;color:#fff!important;font-size:15px!important}.attention-list{display:grid!important;gap:7px!important}.attention-list button{display:grid!important;grid-template-columns:12px minmax(0,1fr) 18px!important;align-items:center!important;gap:10px!important;min-height:54px!important;padding:9px 10px!important;border:1px solid var(--admin-border-soft)!important;border-radius:12px!important;background:#0d0f13!important;color:#fff!important;text-align:left!important}.attention-list button:hover{border-color:#3b414c!important;background:#11141a!important}.attention-list button div{min-width:0!important}.attention-list strong,.attention-list small{display:block!important}.attention-list strong{font-size:11px!important}.attention-list small{margin-top:2px!important;color:#7e8693!important;font-size:9px!important}.attention-list button>b{color:#666f7c!important}.attention-list .ui-ico{width:13px!important;height:13px!important}.attention-dot{width:8px!important;height:8px!important;border-radius:50%!important;background:#59606c!important}.attention-dot.ok{background:#35d17b!important}.attention-dot.warn{background:var(--admin-yellow)!important}.attention-dot.danger{background:#ff6675!important}.recent-admin-activity{display:grid!important;gap:4px!important}.recent-admin-activity>div{display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;padding:8px 2px!important;border-bottom:1px solid var(--admin-border-soft)!important}.recent-admin-activity>div:last-child{border-bottom:0!important}.recent-admin-activity>div>span{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;border-radius:9px!important;background:#1b1f26!important;color:#bac0ca!important;font-size:8px!important;font-weight:900!important}.recent-admin-activity p{margin:0!important;font-size:10px!important;color:#aeb4be!important}.recent-admin-activity p strong{color:#fff!important}.recent-admin-activity small{display:block!important;margin-top:2px!important;color:#69717e!important;font-size:8px!important}.service-status-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}.service-status-grid article{display:flex!important;align-items:center!important;gap:9px!important;padding:11px!important;border:1px solid var(--admin-border-soft)!important;border-radius:12px!important;background:#0c0e12!important}.service-status-grid article>i{width:8px!important;height:8px!important;border-radius:50%!important;background:#68707c!important}.service-status-grid article>i.ok{background:#35d17b!important}.service-status-grid article>i.warn{background:var(--admin-yellow)!important}.service-status-grid article>i.danger{background:#ff6675!important}.service-status-grid strong,.service-status-grid small{display:block!important}.service-status-grid strong{font-size:10px!important}.service-status-grid small{margin-top:2px!important;color:#727a87!important;font-size:8px!important}.dashboard-broadcast{margin-top:12px!important;border-top:1px solid var(--admin-border-soft)!important;padding-top:12px!important}.dashboard-broadcast summary{cursor:pointer!important;color:#c9ced6!important;font-size:10px!important;font-weight:800!important}.dashboard-broadcast .admin-form-grid{margin-top:10px!important}
.admin-body-pro .admin-row{grid-template-columns:minmax(0,1fr) auto!important;gap:14px!important;min-height:58px!important;padding:11px 12px!important;border:1px solid var(--admin-border-soft)!important;border-radius:12px!important;background:#0e1015!important;overflow:visible!important}.admin-body-pro .admin-row:hover{border-color:#333944!important;background:#11141a!important}.admin-body-pro .admin-row strong{font-size:11px!important}.admin-body-pro .admin-row small{margin-top:3px!important;color:#77808d!important;font-size:9px!important}.admin-body-pro .admin-actions{display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;gap:6px!important;width:auto!important}.admin-body-pro .admin-actions button,.admin-body-pro .admin-actions select{width:auto!important;min-height:32px!important;height:auto!important;padding:6px 9px!important;border-radius:9px!important;font-size:9px!important}.admin-body-pro .admin-table,.admin-body-pro .admin-list{display:grid!important;gap:6px!important}.admin-body-pro .admin-toolbar{position:relative!important;top:auto!important;margin:0 0 12px!important;padding:10px!important;border:1px solid var(--admin-border)!important;border-radius:12px!important;background:var(--admin-surface)!important}.admin-body-pro .admin-pager{margin:12px 0!important;font-size:9px!important}
.admin-body-pro input:not([type="checkbox"]):not([type="radio"]),.admin-body-pro textarea,.admin-body-pro select{min-width:0!important;max-width:100%!important;border:1px solid #303641!important;border-radius:10px!important;background:#0b0d11!important;color:#f3f5f8!important;box-shadow:none!important}.admin-body-pro input:not([type="checkbox"]):not([type="radio"]),.admin-body-pro select{min-height:40px!important;height:40px!important;padding:8px 10px!important;font-size:11px!important}.admin-body-pro textarea{min-height:96px!important;padding:10px 11px!important;font-size:11px!important;line-height:1.5!important}.admin-body-pro input:focus,.admin-body-pro textarea:focus,.admin-body-pro select:focus{border-color:rgba(255,212,0,.48)!important;box-shadow:0 0 0 3px rgba(255,212,0,.07)!important;outline:0!important}.admin-body-pro .form-field{display:grid!important;gap:6px!important;margin:0!important}.admin-body-pro .form-field label,.admin-body-pro .admin-form label{color:#aeb4be!important;font-size:9px!important;font-weight:800!important}.admin-form-grid{display:grid!important;gap:10px!important}.admin-form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))!important}.admin-form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))!important}.admin-form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))!important}.admin-action-bar{align-items:center!important;margin-top:4px!important;padding-top:12px!important;border-top:1px solid var(--admin-border-soft)!important}.admin-action-bar>span{color:#747c89!important;font-size:9px!important;line-height:1.45!important}.admin-action-bar>div{display:flex!important;gap:7px!important}.admin-body-pro .primary-btn,.admin-body-pro .secondary-btn,.admin-body-pro .danger-btn{width:auto!important;min-height:36px!important;border-radius:9px!important;padding:8px 11px!important;font-size:9px!important;font-weight:850!important}.admin-body-pro .primary-btn{background:var(--admin-yellow)!important;color:#070809!important}.admin-body-pro .secondary-btn{background:#171a20!important;border-color:#323844!important;color:#e5e8ed!important}.admin-body-pro .secondary-btn:hover{background:#1d2129!important;border-color:#454c59!important}.admin-body-pro .danger-btn{background:#251216!important;border-color:#5b2a31!important;color:#ff9aa4!important}
.admin-body-pro .empty-state{min-height:86px!important;display:grid!important;place-items:center!important;align-content:center!important;gap:4px!important;padding:18px!important;border:1px dashed #303640!important;border-radius:12px!important;background:#0b0d11!important;color:#9ba2ae!important;text-align:center!important}.admin-body-pro .empty-state strong{font-size:11px!important;color:#cdd1d8!important}.admin-body-pro .empty-state div{font-size:9px!important;color:#69717e!important}
.admin-subnav{display:flex!important;gap:6px!important;overflow-x:auto!important;padding:3px 0 10px!important;margin:-2px 0 2px!important;scrollbar-width:none!important}.admin-subnav::-webkit-scrollbar{display:none!important}.admin-subnav button{flex:0 0 auto!important;min-height:34px!important;padding:7px 11px!important;border:1px solid var(--admin-border)!important;border-radius:10px!important;background:#0e1015!important;color:#8f97a4!important;font-size:9px!important;font-weight:850!important}.admin-subnav button:hover{color:#fff!important;border-color:#3a404b!important}.admin-subnav button.active{border-color:rgba(255,212,0,.34)!important;background:rgba(255,212,0,.09)!important;color:var(--admin-yellow)!important}.admin-subview{display:grid!important;gap:12px!important}.admin-overview-grid{display:grid!important;grid-template-columns:minmax(0,1.4fr) minmax(440px,1fr)!important;gap:12px!important}.mail-status-card{min-height:154px!important}.mail-provider-meta{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-top:14px!important}.mail-provider-meta span{display:grid!important;gap:4px!important;padding:9px!important;border-radius:10px!important;background:#0b0d11!important;color:#858d99!important;font-size:9px!important}.mail-provider-meta b{color:#5f6773!important;font-size:7px!important;text-transform:uppercase!important;letter-spacing:.1em!important}.mail-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.status-pill{display:inline-flex!important;align-items:center!important;gap:6px!important;width:max-content!important;min-height:26px!important;padding:5px 8px!important;border:1px solid #343a44!important;border-radius:999px!important;background:#171a20!important;color:#a7aeb9!important;font-size:7px!important;font-style:normal!important;font-weight:900!important;letter-spacing:.07em!important;white-space:nowrap!important}.status-pill i{width:6px!important;height:6px!important;border-radius:50%!important;background:#7d8490!important}.status-pill.ok{border-color:rgba(53,209,123,.25)!important;background:rgba(53,209,123,.06)!important;color:#7ce7a9!important}.status-pill.ok i{background:#35d17b!important}.status-pill.warn{border-color:rgba(255,212,0,.25)!important;background:rgba(255,212,0,.06)!important;color:#ffe45f!important}.status-pill.warn i{background:var(--admin-yellow)!important}.status-pill.danger{border-color:rgba(255,102,117,.25)!important;background:rgba(255,102,117,.06)!important;color:#ff9ba5!important}.status-pill.neutral{color:#aab1bc!important}.admin-shortcut-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.admin-shortcut-grid button{display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:10px!important;align-items:center!important;padding:11px!important;border:1px solid var(--admin-border-soft)!important;border-radius:12px!important;background:#0d0f13!important;color:#fff!important;text-align:left!important}.admin-shortcut-grid button:hover{border-color:#3a414d!important;background:#11141a!important}.admin-shortcut-grid button>span{grid-row:1/3!important;display:grid!important;place-items:center!important;width:36px!important;height:36px!important;border-radius:10px!important;background:#1b1e24!important;color:var(--admin-yellow)!important}.admin-shortcut-grid button>span .ui-ico{width:16px!important;height:16px!important}.admin-shortcut-grid strong{font-size:10px!important}.admin-shortcut-grid small{color:#737b88!important;font-size:8px!important;line-height:1.35!important}.mailbox-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.mailbox-card{min-width:0!important;border:1px solid var(--admin-border-soft)!important;border-radius:12px!important;background:#0d0f13!important;overflow:hidden!important}.mailbox-card summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-height:46px!important;padding:10px 12px!important;cursor:pointer!important;color:#d9dde4!important;font-size:10px!important;font-weight:850!important}.mailbox-card summary b{display:grid!important;place-items:center!important;min-width:24px!important;height:24px!important;padding:0 6px!important;border-radius:999px!important;background:#1b1f26!important;color:#9ca4b0!important;font-size:8px!important}.mailbox-card[open] summary{border-bottom:1px solid var(--admin-border-soft)!important}.mailbox-card .admin-table,.mailbox-card .admin-list{padding:7px!important}.mail-template-grid.professional{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.mail-template-grid.professional .mail-template{padding:0!important;border:1px solid var(--admin-border-soft)!important;border-radius:12px!important;background:#0d0f13!important;overflow:hidden!important}.mail-template-grid.professional .mail-template summary{min-height:48px!important;padding:10px 12px!important}.mail-template-grid.professional .mail-template summary>span{display:grid!important;gap:2px!important}.mail-template-grid.professional .mail-template summary strong{font-size:10px!important}.mail-template-grid.professional .mail-template summary small{color:#66707d!important;font-size:7px!important}.mail-template-grid.professional .mail-template summary em{padding:4px 7px!important;border-radius:999px!important;background:#1b1f25!important;color:#939aa6!important;font-size:7px!important;font-style:normal!important;font-weight:850!important}.mail-template-editor{display:grid!important;gap:10px!important;padding:11px!important;border-top:1px solid var(--admin-border-soft)!important}.mail-template-editor label{display:grid!important;gap:5px!important}.mail-account-controls{display:grid!important;grid-template-columns:90px 150px minmax(140px,1fr) minmax(140px,1fr) auto!important;gap:7px!important;align-items:center!important;min-width:0!important}.admin-settings-row{display:grid!important;grid-template-columns:minmax(0,1fr) 180px!important;align-items:center!important;gap:14px!important;padding:12px 0!important;border-bottom:1px solid var(--admin-border-soft)!important}.admin-settings-row strong,.admin-settings-row small{display:block!important}.admin-settings-row strong{font-size:10px!important}.admin-settings-row small{margin-top:2px!important;color:#707885!important;font-size:8px!important}.admin-settings-row.toggle input{justify-self:end!important;width:18px!important;height:18px!important}.deliverability-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.deliverability-grid article{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;padding:11px!important;border:1px solid var(--admin-border-soft)!important;border-radius:12px!important;background:#0d0f13!important}.deliverability-icon{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;border-radius:10px!important;background:#171a20!important;color:#98a0ac!important}.deliverability-icon.ok{background:rgba(53,209,123,.075)!important;color:#69d996!important}.deliverability-icon.warn{background:rgba(255,212,0,.075)!important;color:var(--admin-yellow)!important}.deliverability-icon .ui-ico{width:16px!important;height:16px!important}.deliverability-grid strong,.deliverability-grid small{display:block!important}.deliverability-grid strong{font-size:10px!important}.deliverability-grid small{margin-top:3px!important;color:#747d89!important;font-size:8px!important}.admin-callout{display:flex!important;align-items:flex-start!important;gap:11px!important;margin-top:10px!important;padding:12px!important;border:1px solid rgba(255,212,0,.15)!important;border-radius:12px!important;background:rgba(255,212,0,.035)!important}.admin-callout>span{display:grid!important;place-items:center!important;width:32px!important;height:32px!important;border-radius:9px!important;background:rgba(255,212,0,.09)!important;color:var(--admin-yellow)!important}.admin-callout .ui-ico{width:15px!important;height:15px!important}.admin-callout strong{font-size:10px!important}.admin-callout p{margin:4px 0 0!important;color:#8f97a4!important;font-size:9px!important;line-height:1.5!important}
/* Every existing module inherits the same professional visual language. */
.admin-body-pro .production-console,.admin-body-pro .security-sheet,.admin-body-pro .permission-role-list,.admin-body-pro .moderation-case-list{gap:12px!important}.admin-body-pro .production-top,.admin-body-pro .program-topic-admin-card,.admin-body-pro .air-selection-row,.admin-body-pro .nomination-admin-row,.admin-body-pro .production-columns>section,.admin-body-pro .editorial-card,.admin-body-pro .permission-user-card,.admin-body-pro .permission-role-card{border-color:var(--admin-border)!important;background:var(--admin-surface)!important;border-radius:14px!important;box-shadow:none!important}.admin-body-pro .production-top{padding:15px!important}.admin-body-pro .production-top h2{font-size:18px!important}.admin-body-pro .production-top p{font-size:10px!important}.admin-body-pro .production-module{padding:15px!important;border:1px solid var(--admin-border)!important;border-radius:16px!important;background:var(--admin-surface)!important}.admin-body-pro .production-module+.production-module{margin-top:0!important}.admin-body-pro .production-columns{gap:12px!important}.admin-body-pro .production-columns>section{padding:14px!important}.admin-body-pro .home-section-head{margin-bottom:11px!important}.admin-body-pro .home-section-head h2{font-size:15px!important}.admin-body-pro .editorial-card{padding:11px 12px!important}.admin-body-pro .editorial-card h3{font-size:12px!important}.admin-body-pro .editorial-metrics span{font-size:8px!important;padding:4px 6px!important}.admin-body-pro .admin-user-row{background:#0e1015!important;border-color:var(--admin-border-soft)!important;border-radius:12px!important;min-height:56px!important}.admin-body-pro .admin-user-row:hover{background:#11141a!important;border-color:#333944!important}.admin-body-pro .section-title{margin:5px 0!important;font-size:13px!important}
/* Radio stays available in Admin without covering forms/navigation. */
body.admin-mode.radio-ui-visible .persistent-player{left:auto!important;right:18px!important;bottom:18px!important;top:auto!important;transform:none!important;z-index:55!important;max-width:min(280px,calc(100vw - 36px))!important}body.admin-mode .admin-module-main{padding-bottom:118px!important}
@media(max-width:1180px){.admin-pro .admin-workspace{grid-template-columns:218px minmax(0,1fr)!important}.admin-overview-grid,.admin-dashboard-grid,.admin-dashboard-grid.lower{grid-template-columns:1fr!important}.admin-shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.service-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mail-account-controls{grid-template-columns:90px 140px minmax(130px,1fr)!important}.mail-account-controls input:nth-of-type(2){grid-column:1/3!important}.mail-account-controls button{grid-column:3!important;grid-row:2!important}}
@media(max-width:900px){.admin-head-actions .admin-role-chip{display:none!important}.admin-pro .admin-workspace{grid-template-columns:198px minmax(0,1fr)!important}.admin-kpi-grid,.admin-body-pro .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.activity-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.admin-form-grid.four,.admin-form-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mail-template-grid.professional,.mailbox-grid{grid-template-columns:1fr!important}.admin-shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:720px){body.admin-mode .view{padding:0!important}.admin-pro .admin-console-head{position:relative!important;height:auto!important;min-height:68px!important;padding:10px 12px!important}.admin-brand-mark{width:34px!important;height:34px!important}.admin-brand-block h1{font-size:15px!important}.admin-brand-block p,.admin-health-chip,.admin-role-chip{display:none!important}.admin-pro .admin-back-community{max-width:none!important;white-space:nowrap!important}.admin-pro .admin-workspace{display:block!important}.admin-pro .admin-module-nav{display:none!important}.admin-pro .admin-mobile-modules{display:block!important;margin-bottom:12px!important;border:1px solid var(--admin-border)!important;border-radius:12px!important;background:var(--admin-surface)!important;padding:0!important}.admin-pro .admin-mobile-modules>summary{padding:11px 12px!important;color:#d9dde4!important;font-size:10px!important;font-weight:850!important}.admin-pro .admin-mobile-modules>div{padding:8px!important;border-top:1px solid var(--admin-border)!important}.admin-pro .admin-module-main{padding:12px 10px 110px!important}.admin-breadcrumb{display:none!important}.admin-pro .admin-module-title-row{align-items:flex-start!important}.admin-module-status{width:36px!important;height:36px!important}.admin-pro .admin-module-head h2{font-size:22px!important}.admin-kpi-grid,.admin-body-pro .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.admin-dashboard-grid,.admin-dashboard-grid.lower,.admin-overview-grid{grid-template-columns:1fr!important}.admin-shortcut-grid{grid-template-columns:1fr!important}.service-status-grid,.deliverability-grid{grid-template-columns:1fr!important}.admin-form-grid.two,.admin-form-grid.three,.admin-form-grid.four{grid-template-columns:1fr!important}.activity-bars>div{grid-template-columns:68px minmax(0,1fr) 26px!important}.admin-action-bar{align-items:flex-start!important;flex-direction:column!important}.admin-action-bar>div{width:100%!important}.admin-action-bar>div>*{flex:1!important}.admin-body-pro .admin-row{grid-template-columns:1fr!important}.admin-body-pro .admin-actions{justify-content:flex-start!important;width:100%!important}.admin-body-pro .admin-actions>*{flex:1 1 auto!important}.mail-provider-meta{grid-template-columns:1fr!important}.mail-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mail-account-controls{grid-template-columns:1fr 1fr!important;width:100%!important}.mail-account-controls input:nth-of-type(2),.mail-account-controls button{grid-column:auto!important;grid-row:auto!important}.admin-settings-row{grid-template-columns:1fr!important}.admin-settings-row.toggle input{justify-self:start!important}.production-top{display:grid!important}.production-mode-actions{justify-content:flex-start!important}.production-columns{grid-template-columns:1fr!important}body.admin-mode.radio-ui-visible .persistent-player{right:10px!important;bottom:78px!important;max-width:220px!important}}
@media(max-width:420px){.admin-head-actions{gap:5px!important}.admin-pro .admin-back-community{padding:7px 8px!important;font-size:8px!important}.admin-kpi-grid,.admin-body-pro .metric-grid,.mail-kpis,.activity-stat-grid{grid-template-columns:1fr 1fr!important}.admin-kpi,.admin-body-pro .metric-card{min-height:86px!important;padding:12px!important}.admin-kpi strong,.admin-body-pro .metric-card strong{font-size:21px!important}.dashboard-mini-stats{grid-template-columns:1fr!important}.admin-shortcut-grid{grid-template-columns:1fr!important}.mail-account-controls{grid-template-columns:1fr!important}.admin-subnav{margin-left:-2px!important;margin-right:-2px!important}}
.admin-table.professional .admin-row:has(>.status-pill){grid-template-columns:minmax(0,1fr) auto auto!important}.admin-table.professional .admin-row:has(>.status-pill)>.admin-actions{width:max-content!important}
@media(max-width:720px){.admin-table.professional .admin-row:has(>.status-pill){grid-template-columns:minmax(0,1fr) auto!important}.admin-table.professional .admin-row:has(>.status-pill)>.admin-actions{grid-column:1/-1!important;width:100%!important}}


/* UX9.4.1 · verificación de correo profesional */
.verification-banner{position:relative;overflow:hidden;padding:12px 14px;border-color:rgba(255,212,0,.38);background:linear-gradient(135deg,rgba(255,212,0,.13),rgba(255,212,0,.045));box-shadow:0 8px 28px rgba(0,0,0,.14)}
.verification-banner::before{content:'';position:absolute;inset:0 auto 0 0;width:4px;background:var(--yellow)}
.verification-banner>span:nth-child(2){gap:4px}.verification-banner strong{font-size:13px;line-height:1.35}.verification-banner small{font-size:11px;line-height:1.45;color:#e8dfaa}.verification-banner.blocked{border-color:rgba(255,112,126,.42);background:linear-gradient(135deg,rgba(115,35,45,.28),rgba(50,16,22,.42))}.verification-banner.blocked::before{background:#ff7381}.verification-banner.blocked small{color:#f2c3c8}
.verification-modal{gap:13px;padding:10px 4px 6px}.verification-modal .verification-icon{width:54px;height:54px;margin:0 auto;display:grid;place-items:center;border-radius:18px;background:rgba(255,212,0,.12);color:var(--yellow)}.verification-modal .verification-icon .ui-ico{width:26px;height:26px}.verification-modal h3{font-size:22px;line-height:1.25}.verification-modal p{line-height:1.6;color:var(--muted)}.verification-copy{font-size:13px}.verification-email-pill{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:var(--panel-2);font-weight:800;word-break:break-all}.verification-spam-note{display:grid;gap:4px;text-align:left;padding:13px 14px;border:1px solid rgba(255,212,0,.24);border-radius:14px;background:rgba(255,212,0,.06)}.verification-spam-note strong{color:var(--yellow);font-size:12px}.verification-spam-note span{font-size:12px;line-height:1.5;color:var(--muted)}.verification-change-email .form-field{text-align:left;width:100%}.verification-success-mark{width:62px;height:62px;margin:0 auto;display:grid;place-items:center;border-radius:50%;background:rgba(58,199,115,.14);color:#63db93;border:1px solid rgba(99,219,147,.34)}.verification-success-mark .ui-ico{width:30px;height:30px}
@media(max-width:760px){.verification-banner{border-radius:12px;margin:0 0 10px;padding:11px 12px}.verification-banner strong{font-size:12px}.verification-banner small{font-size:10.5px}.verification-modal h3{font-size:20px}}

/* UX9.4.2 · estados de credenciales SMTP por remitente */
.mail-sender-status{margin-top:10px}.mail-sender-status article{min-width:0}.admin-panel-head.compact{margin-bottom:8px}.smtp-account-status{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
/* UX9.4.4.2 — entrada por enlace de publicación: misma tarjeta, solo borde amarillo de contexto */
.social-card.linked-entry-card,.social-card.linked-entry-card:hover{border:2px solid var(--yellow)}


/* === UX9.4.4.3 · BIENVENIDA + TOUR ESENCIAL === */
body.platform-intro-open{overflow:hidden}
.platform-intro-overlay{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:20px;background:rgba(5,6,8,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.platform-intro-card{width:min(560px,100%);max-height:min(88vh,760px);overflow:auto;padding:28px;border:1px solid rgba(255,255,255,.11);border-radius:26px;background:linear-gradient(180deg,#15171c,#0e0f12);box-shadow:0 28px 90px rgba(0,0,0,.62);color:var(--text);text-align:left}
.platform-intro-brand{display:flex;align-items:center;justify-content:center;gap:17px;margin-bottom:20px}.platform-intro-brand img{width:132px;max-width:40vw;height:auto}.platform-intro-brand>span{width:1px;height:38px;background:#343740}.platform-intro-brand strong{color:var(--yellow);font-size:12px;letter-spacing:.06em;white-space:nowrap}
.platform-intro-progress{display:flex;justify-content:center;gap:6px;margin:0 0 20px}.platform-intro-progress i{width:28px;height:3px;border-radius:999px;background:#30333a}.platform-intro-progress i.active{background:var(--yellow)}
.platform-intro-kicker{display:block;margin-bottom:7px;color:var(--yellow);font-size:10px;font-weight:950;letter-spacing:.12em}.platform-intro-card h1{margin:0 0 8px;color:#fff;font-size:clamp(25px,5vw,34px);line-height:1.05;letter-spacing:-.7px}.platform-intro-card>p{margin:10px 0;color:#c2c6ce;font-size:14px;line-height:1.6}.platform-intro-card>p strong{color:#fff}.platform-intro-tagline{color:#fff!important;font-size:16px!important;font-weight:800}
.platform-intro-actions{display:grid;gap:9px;margin-top:22px}.platform-intro-actions .link-btn{justify-self:center}
.platform-radio-fact{display:flex;align-items:center;gap:14px;margin:18px 0;padding:15px;border:1px solid rgba(255,212,0,.28);border-radius:17px;background:rgba(255,212,0,.055)}.platform-radio-fact>span{width:48px;height:48px;min-width:48px;display:grid;place-items:center;border-radius:14px;background:var(--yellow);color:#080808}.platform-radio-fact>span .ui-ico{width:25px;height:25px}.platform-radio-fact>div{display:grid;gap:3px}.platform-radio-fact strong{font-size:17px;color:#fff}.platform-radio-fact small{color:#b9bec7}.platform-radio-fact b{color:var(--yellow);font-size:12px}
.platform-purpose-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:18px 0}.platform-purpose-grid>span{min-width:0;display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;column-gap:9px;align-items:center;padding:12px;border:1px solid #292c33;border-radius:14px;background:#121419}.platform-purpose-grid .ui-ico{grid-row:1/3;width:24px;height:24px;color:var(--yellow)}.platform-purpose-grid b{color:#fff;font-size:12px}.platform-purpose-grid small{color:#9298a3;font-size:10px;line-height:1.25}
.platform-intro-nudge{position:fixed;z-index:2800;right:18px;bottom:18px;width:min(390px,calc(100vw - 28px));padding:17px 52px 17px 17px;border:1px solid rgba(255,212,0,.32);border-radius:18px;background:rgba(17,19,23,.97);box-shadow:0 20px 60px rgba(0,0,0,.52);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);color:var(--text)}.platform-intro-nudge>strong{display:block;margin:2px 0 5px;color:#fff;font-size:16px}.platform-intro-nudge p{margin:0 0 12px;color:#aeb3bd;font-size:12px;line-height:1.45}.platform-intro-nudge .primary-btn{min-height:42px}.platform-nudge-close{position:absolute;right:10px;top:10px;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:10px;background:#24272e;color:#c9cdd5}.platform-nudge-close .ui-ico{width:17px;height:17px}
.platform-tour-overlay{position:fixed;inset:0;z-index:3000;pointer-events:auto}.platform-tour-spotlight{position:fixed;left:50%;top:50%;width:1px;height:1px;z-index:3001;border:2px solid var(--yellow);border-radius:15px;box-shadow:0 0 0 9999px rgba(4,5,7,.82),0 0 0 5px rgba(255,212,0,.12);transition:left .2s ease,top .2s ease,width .2s ease,height .2s ease;pointer-events:none}.platform-tour-card{position:fixed;z-index:3002;left:50%;bottom:max(20px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(430px,calc(100vw - 28px));padding:18px;border:1px solid rgba(255,212,0,.28);border-radius:19px;background:#14161b;box-shadow:0 20px 65px rgba(0,0,0,.62);color:var(--text);pointer-events:auto}.platform-tour-card.place-top{top:max(20px,env(safe-area-inset-top));bottom:auto}.platform-tour-card h2{margin:3px 0 6px;color:#fff;font-size:22px}.platform-tour-card p{margin:0;color:#b9bec8;font-size:13px;line-height:1.5}.platform-tour-count{float:right;color:#7f8590;font-size:10px;font-weight:900}.platform-tour-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}.platform-tour-actions button{min-width:108px}.platform-tour-skip{display:block;margin:8px auto -5px!important;font-size:11px!important}
@media(max-width:760px){
  .platform-intro-overlay{padding:12px}.platform-intro-card{max-height:calc(100dvh - 24px);padding:22px 17px 18px;border-radius:22px}.platform-intro-brand{gap:13px;margin-bottom:16px}.platform-intro-brand img{width:112px}.platform-intro-brand>span{height:32px}.platform-intro-brand strong{font-size:10px}.platform-purpose-grid{grid-template-columns:1fr}.platform-purpose-grid>span{padding:10px 11px}.platform-intro-nudge{right:10px;bottom:calc(var(--mobile-nav) + env(safe-area-inset-bottom) + 10px);width:calc(100vw - 20px);padding:15px 48px 15px 15px}.platform-tour-card{bottom:calc(var(--mobile-nav) + env(safe-area-inset-bottom) + 12px);padding:16px}.platform-tour-card.place-top{top:max(12px,env(safe-area-inset-top));bottom:auto}.platform-tour-card h2{font-size:20px}.platform-tour-actions{display:grid;grid-template-columns:1fr 1fr}.platform-tour-actions button:only-child{grid-column:1/3}.platform-radio-fact{padding:12px}.platform-radio-fact>span{width:44px;height:44px;min-width:44px}
}