:root{color-scheme:dark;--oc-bg:#0d1e25;--oc-panel:#13262e;--oc-line:#30505c;--oc-muted:#b3bad8;--oc-text:#f5f4ff;--oc-violet:#35bff5;--oc-cyan:#16ddfb}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--oc-text);background:var(--oc-bg)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--oc-cyan);outline-offset:3px}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}.oc-svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}button{background:transparent;border:0}h1,h2,h3,p{margin:0}.oc-app{display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 15% 0%,#21435145,transparent 55%),#0e2027}.oc-header{display:flex;align-items:center;gap:28px;min-height:94px;padding:16px 24px;border-bottom:1px solid #3ca3cc;background:#10232b}.oc-brand{display:flex;gap:10px;align-items:center;white-space:nowrap}.oc-brand-icon{color:var(--oc-cyan);font-size:38px;filter:drop-shadow(0 0 10px #44caff)}.oc-brand strong{font-size:25px;font-weight:800;letter-spacing:-1px}.oc-brand small{display:block;font-size:12px;color:#89cbe5;margin-top:4px}.oc-header nav{display:flex;align-items:center;justify-content:center;gap:22px;flex:1}.oc-header nav a,.oc-header nav button{display:flex;align-items:center;flex-direction:column;gap:6px;padding:10px 14px;font-size:12px;white-space:nowrap;border-radius:9px}.oc-header nav .oc-svg{width:25px;height:25px}.oc-header nav .active{background:linear-gradient(135deg,#21a5d9,#30b7ed);box-shadow:inset 0 0 0 1px #6dd6ff44,0 4px 22px #35bff525}.oc-account{display:flex;align-items:center;gap:14px;font-size:12px}.oc-account button{position:relative;padding:5px}.oc-self{font-weight:700;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oc-counter{display:inline-grid;place-content:center;background:#ff324e;color:#fff;min-width:18px;height:18px;border-radius:20px;font-size:10px;padding:2px}.oc-account .oc-counter{position:absolute;right:-2px;top:-4px}.oc-layout{flex:1;display:grid;grid-template-columns:245px minmax(300px,1fr) 240px;gap:12px;min-height:0;padding:12px}.oc-sidebar{min-height:0;overflow:auto;background:linear-gradient(180deg,#152830,#11232a);border-radius:12px;border:1px solid #25404b;padding:18px 10px;display:flex;flex-direction:column}.oc-sidebar-brand{display:flex;gap:12px;align-items:center;padding:3px 7px 20px}.oc-sidebar-brand>.oc-svg{color:var(--oc-cyan);width:43px;height:43px;filter:drop-shadow(0 0 8px #1bc9ff70)}.oc-sidebar-brand h1{font-size:21px;font-weight:800;letter-spacing:-.6px}.oc-sidebar-brand p{color:var(--oc-muted);font-size:12px;line-height:1.6;margin-top:4px}.oc-shortcuts{display:grid;gap:5px;padding:3px 0 16px;border-bottom:1px solid var(--oc-line)}.oc-shortcuts button{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 13px;font-size:13px;font-weight:600;border-radius:8px}.oc-shortcuts button.active{background:linear-gradient(100deg,#26a8db,#29b2e8)}.oc-shortcuts button .oc-counter{margin-left:auto}.oc-sidebar-label{font-size:11px;padding:16px 9px 10px;display:flex;align-items:center;justify-content:space-between;color:#e5e5f9}.oc-sidebar-label button{font-size:19px}.oc-search{display:flex;align-items:center;gap:7px;background:#0c1e25;border:1px solid #2a4a56;border-radius:7px;padding:8px 10px;margin:0 5px 10px;color:#858eae}.oc-search .oc-svg{width:16px;height:16px}.oc-search input{background:transparent;border:0;min-width:0;width:100%;color:#eee;font-size:11px;outline:none}.oc-room-list{display:grid;gap:5px}.oc-room-button{display:flex;align-items:center;gap:10px;text-align:left;width:100%;border-radius:8px;padding:10px 7px}.oc-room-button:hover,.oc-room-button.selected{background:#244654}.oc-room-button strong{font-size:12px;display:block}.oc-room-button small{display:block;font-size:10px;color:#aebbd3;margin-top:4px}.oc-room-button small:before{content:'';display:inline-block;width:6px;height:6px;background:#11df8d;border-radius:50%;margin-right:5px}.oc-room-symbol{display:grid;place-content:center;width:33px;height:33px;background:linear-gradient(135deg,#f77924,#1b90be);border-radius:50%;color:#fff;font-weight:700;font-size:12px;flex-shrink:0}.oc-room-button:nth-child(3n) .oc-room-symbol{background:linear-gradient(135deg,#12c4f1,#324cb8)}.oc-room-button:nth-child(4n) .oc-room-symbol{background:linear-gradient(135deg,#49bae7,#197aa0)}.oc-more{font-size:12px;border-radius:20px;background:#284550;text-align:center;padding:9px;margin:15px 5px 4px}.oc-admin-link{display:block;padding:10px;color:#99e2ff;font-size:11px;margin-top:7px}.oc-main{min-height:0;min-width:0;display:flex}.oc-chat{min-width:0;width:100%;height:100%;min-height:0;display:flex;flex-direction:column;border-radius:14px;border:1px solid #365662;background:linear-gradient(130deg,#172e37aa,#10232a)}.oc-room-head{display:flex;align-items:center;gap:13px;padding:18px;border-bottom:1px solid var(--oc-line);flex-shrink:0}.oc-room-icon{width:48px;height:48px;display:grid;place-content:center;border-radius:50%;background:linear-gradient(135deg,#30bdf5,#24a4d6);flex-shrink:0}.oc-room-icon .oc-svg{width:27px;height:27px}.oc-room-title{flex:1;min-width:0}.oc-room-title h2{font-size:19px;letter-spacing:-.5px;overflow:hidden;text-overflow:ellipsis}.oc-room-title p{font-size:11px;color:var(--oc-muted);line-height:1.5;margin-top:5px;max-width:400px}.oc-online{display:flex;align-items:center;gap:5px;white-space:nowrap;border:1px solid #295062;border-radius:20px;padding:7px 9px;font-size:10px}.oc-online i{height:7px;width:7px;background:#0ce58c;border-radius:50%}.oc-room-head>button{padding:2px;color:#d7daed}.oc-room-head>button .oc-svg{width:18px;height:18px}.oc-connection{padding:6px 16px;font-size:10px;color:#aeb9d0;background:#192c34;flex-shrink:0}.oc-connection.online{color:#7bdfbd}.oc-connection.offline{color:#ffbb72}.oc-history{text-align:center}.oc-history button{font-size:10px;color:#99e2ff;padding:8px}.oc-messages{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:20px 18px;min-height:0;scrollbar-width:thin;scrollbar-color:#335d6e transparent}.oc-message{display:flex;gap:12px;padding:12px 0}.oc-avatar{height:42px;width:42px;border-radius:50%;display:grid;place-content:center;background:linear-gradient(145deg,#56a5c4,#253660);border:1px solid #6fc0e080;font-size:15px;font-weight:700;flex-shrink:0;overflow:hidden;position:relative}.oc-avatar img{width:100%;height:100%;object-fit:cover}.oc-message-content{min-width:0;flex:1}.oc-message-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:2px 0 8px}.oc-message-name{font-weight:700;font-size:14px;padding:0;text-align:left}.oc-role{font-size:9px;line-height:1.4;font-weight:600;padding:3px 8px;border-radius:20px;background:#2f7895;color:#99e2ff;white-space:nowrap}.oc-role.locutor{background:#1e57b2;color:#e2efff}.oc-role.admin{background:#9f6011;color:#fff0cf}.oc-message time{font-size:10px;color:#a0aac8}.oc-message-text{font-size:14px;line-height:1.55;overflow-wrap:anywhere;white-space:pre-wrap}.oc-message-text.removed{font-style:italic;color:#8e97b2}.oc-message-actions{display:flex;gap:8px;margin-left:auto;opacity:0}.oc-message:hover .oc-message-actions,.oc-message:focus-within .oc-message-actions{opacity:1}.oc-message-actions button{font-size:10px;color:#8f9ebf;padding:2px}.oc-message-image{max-height:240px;max-width:100%;border-radius:8px;display:block;margin-top:8px}.oc-typing{height:20px;padding:0 20px;font-size:10px;color:#7fbcd4;flex-shrink:0}.oc-composer{display:flex;align-items:flex-end;gap:10px;padding:10px 16px 16px;flex-shrink:0}.oc-composer-field{display:flex;align-items:center;gap:8px;flex:1;min-width:0;background:linear-gradient(110deg,#223a44,#234451);border:1px solid #456775;border-radius:28px;padding:10px 13px;box-shadow:inset 0 1px 2px #99e2ff12}.oc-composer-field button{padding:2px;flex-shrink:0}.oc-composer-field .oc-svg{width:21px;height:21px}.oc-composer textarea{border:0;background:transparent;resize:none;min-width:0;width:100%;max-height:100px;min-height:24px;line-height:24px;color:#fff;font-size:13px;outline:0}.oc-composer textarea::placeholder{color:#7fbbd3}.oc-send{display:grid;place-content:center;width:46px;height:46px;border-radius:50%;background:linear-gradient(145deg,#4dcdff,#1faae1);box-shadow:0 3px 16px #20aae038;flex-shrink:0}.oc-send .oc-svg{width:23px;height:23px}.oc-emoji-panel{padding:0 20px 12px;display:flex;gap:8px;flex-wrap:wrap}.oc-emoji-panel button{font-size:22px;padding:4px;border-radius:5px;background:#233a43}.oc-guest{text-align:center;font-size:12px;padding:12px;color:#99e2ff}.oc-attachment-preview{font-size:11px;color:#91d7f2;padding:7px 20px}.oc-right{display:flex;flex-direction:column;gap:14px;overflow:auto;min-height:0}.oc-online-panel{border:1px solid #2e4d59;border-radius:13px;background:#13262e;padding:16px 12px}.oc-online-panel h2{font-size:13px;margin-bottom:14px}.oc-online-panel .oc-search{margin:0 0 10px}.oc-person{display:flex;align-items:center;gap:10px;padding:7px 0;width:100%;text-align:left}.oc-person .oc-avatar{width:34px;height:34px;font-size:11px}.oc-person strong{font-size:12px;display:block;margin-bottom:4px}.oc-person .oc-role{font-size:9px;padding:2px 6px}.oc-person-dot{display:inline-block;background:#12e88b;width:6px;height:6px;border-radius:50%;margin-left:5px}.oc-featured{border:1px solid #2d4d59;border-radius:13px;padding:15px 11px;background:#12242b}.oc-featured h2{font-size:13px;margin-bottom:12px;display:flex;justify-content:space-between}.oc-featured-card{background:linear-gradient(140deg,#9a2522,#164a5e);border-radius:12px;padding:16px 13px}.oc-featured-card strong{font-size:15px}.oc-featured-card p{font-size:12px;color:#89cae4;line-height:1.5;margin:12px 0}.oc-featured-card button{border:1px solid #4ac2f2;background:#2c83a57a;border-radius:22px;width:100%;padding:9px;font-size:12px;font-weight:700}.oc-world-box{padding:18px;border:1px solid #24435c;border-radius:12px;background:linear-gradient(135deg,#132b3c,#14272e)}.oc-world-box>.oc-svg{color:#5cdeff;margin-right:6px}.oc-world-box strong{font-size:11px}.oc-world-box p{font-size:10px;line-height:1.6;color:#b5bed8;margin:10px 0}.oc-world-box a{font-size:11px;color:#78dcf5}.oc-alternate{width:100%;overflow:auto;border:1px solid var(--oc-line);border-radius:13px;padding:25px;background:#14272f}.oc-alternate h2{font-size:22px;margin-bottom:10px}.oc-alternate p{font-size:12px;line-height:1.7;color:var(--oc-muted);margin:8px 0 18px}.oc-empty{padding:30px 15px;color:#aeb7d3;text-align:center;font-size:12px;line-height:1.7}.oc-action{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border:1px solid #549ab5;background:#2aa4d4;border-radius:7px;color:#fff;font-size:12px;font-weight:600}.oc-action.secondary{background:#24373f;border-color:#42626e}.oc-form{display:grid;gap:13px;margin-top:18px}.oc-form label{font-size:12px;color:#c6c9e0;display:grid;gap:6px}.oc-form input,.oc-form textarea,.oc-form select{background:#0c1024;color:#fff;border:1px solid #42626e;border-radius:6px;padding:11px;font-size:13px;width:100%}.oc-form textarea{min-height:90px;resize:vertical}.oc-form input[type=checkbox]{width:auto}.oc-card{padding:16px;background:#1a2f38;border:1px solid #33525e;border-radius:9px;margin:10px 0;font-size:12px}.oc-card strong{display:block;margin-bottom:7px}.oc-card small{color:#b7c1dc}.oc-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.oc-row>*{min-width:0}.oc-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.oc-stat{background:#233a43;padding:16px;border:1px solid #41616d;border-radius:8px}.oc-stat strong{font-size:25px;display:block;color:#99e2ff}.oc-stat span{font-size:10px;color:#b6bdd7}.oc-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.oc-admin-grid h3{font-size:15px;margin-top:18px}.oc-admin-log{font-size:11px;line-height:1.7;padding:7px 0;border-bottom:1px solid #2c4955;color:#b8c0db}.oc-table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px}td,th{text-align:left;padding:9px;border-bottom:1px solid #344f59;vertical-align:top}th{color:#99e2ff}#internal-frame{width:100%;height:100%;border:1px solid #314f5b;border-radius:12px;background:#11232a}.oc-toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);z-index:1000;max-width:90vw;width:max-content;background:#23404c;border:1px solid #70aec7;border-radius:9px;padding:13px 17px;color:#eee;font-size:12px;box-shadow:0 5px 40px #0008}dialog{background:#192d35;color:#f6f3ff;border:1px solid #46859e;border-radius:14px;max-width:480px;width:90vw;padding:24px}dialog::backdrop{background:#051319b8;backdrop-filter:blur(5px)}.oc-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.oc-dialog-head h2{font-size:18px}.oc-dialog-head button{font-size:20px;color:#7db8d0}.oc-dialog-actions{display:grid;gap:10px}.oc-dialog-actions a,.oc-dialog-actions button{padding:12px;background:#253a43;border:1px solid #36535e;border-radius:7px;text-align:left;font-size:12px}.oc-dialog-copy{color:#86c6df;font-size:12px;white-space:pre-wrap;line-height:1.7}.oc-mobile-tabs,.oc-mobile-bottom{display:none}.oc-shell{overflow:hidden}.oc-shell>#cu-community-frame{position:absolute;left:0;top:0;bottom:94px;width:100%;height:calc(100% - 94px);border:0}.oc-persistent-player{position:absolute;bottom:0;left:0;right:0;height:94px;background:linear-gradient(100deg,#15262d,#10152b);border-top:1px solid #45c3f5;display:flex;align-items:center;gap:18px;padding:12px 26px}.oc-player-logo{height:63px;width:63px;border-radius:50%;border:2px solid #47c1f1;overflow:hidden;flex-shrink:0}.oc-player-logo img{width:100%;height:100%;object-fit:cover}.oc-player-title{min-width:130px;max-width:260px}.oc-player-title strong{display:block;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oc-player-title span{display:block;font-size:11px;color:#b7c0df;margin-top:7px}.oc-player-play{background:linear-gradient(135deg,#42c6fa,#1b9ed2);border-radius:30px;min-width:90px;height:48px;font-size:13px;font-weight:700;padding:0 16px}.oc-player-stop{font-size:19px;color:#83c2db;padding:12px}.oc-volume{display:flex;align-items:center;gap:15px;font-size:11px;color:#b5c2dc;margin-left:auto}.oc-volume input{max-width:160px;accent-color:#64d3ff}.oc-wave{display:flex;align-items:center;gap:4px;margin:0 25px}.oc-wave i{display:block;width:4px;height:var(--bar);border-radius:4px;background:linear-gradient(#5ad0ff,#27a4d5)}#cu-player-close{padding:10px;font-size:23px;color:#8bcee8}body,button{font-synthesis:none}
@media(min-width:1550px){.oc-layout{grid-template-columns:285px minmax(400px,1fr) 275px;gap:15px;padding:15px}.oc-header{min-height:105px;padding:18px 30px}.oc-brand strong{font-size:29px}.oc-message-text{font-size:16px}.oc-message-name{font-size:15px}.oc-message{padding:15px 0}.oc-room-title h2{font-size:22px}.oc-sidebar-brand h1{font-size:23px}.oc-header nav{gap:32px}.oc-room-button strong{font-size:14px}.oc-room-button small{font-size:11px}.oc-right h2{font-size:15px}.oc-person strong{font-size:14px}.oc-role{font-size:10px}.oc-shortcuts button{font-size:14px}}
@media(max-width:1120px){.oc-layout{grid-template-columns:220px minmax(300px,1fr)}.oc-right{display:none}.oc-header{gap:15px;padding:12px 18px;min-height:78px}.oc-header nav{gap:5px}.oc-header nav a,.oc-header nav button{padding:8px 10px;font-size:10px}.oc-brand strong{font-size:21px}.oc-brand small{font-size:10px}.oc-account .oc-self{display:none}.oc-room-head{padding:14px}.oc-room-title h2{font-size:17px}.oc-wave{margin:0 15px}.oc-admin-grid{grid-template-columns:1fr}.oc-right.mobile-open{display:block;position:fixed;right:10px;top:90px;bottom:15px;width:265px;z-index:100;background:#0e1e25;box-shadow:0 8px 40px #000b;border-radius:12px}}
@media(max-width:700px){.oc-header{min-height:62px;height:62px;padding:12px 15px}.oc-header nav{display:none}.oc-brand strong{font-size:19px}.oc-brand small{display:none}.oc-brand-icon{font-size:27px}.oc-account{margin-left:auto;gap:12px}.oc-account button .oc-svg{width:20px}.oc-mobile-tabs{display:flex;gap:7px;padding:10px 12px;background:#11242b}.oc-mobile-tabs button{flex:1;font-size:11px;padding:10px 8px;border-radius:7px;background:#1b3039}.oc-mobile-tabs button.active{background:#28aade}.oc-layout{display:block;padding:0 10px 10px;overflow:auto;flex:1;min-height:0}.oc-sidebar{display:none;min-height:0;padding:10px 9px;margin-bottom:12px;overflow:visible}.oc-sidebar-brand{padding:5px 6px 12px}.oc-sidebar-brand h1{font-size:20px}.oc-sidebar-brand p,.oc-shortcuts,.oc-sidebar .oc-more,.oc-sidebar-label,.oc-sidebar .oc-search{display:none}.oc-room-list{max-height:205px;overflow:auto;display:grid;gap:5px}.oc-room-button{padding:9px 10px;background:#1d333c;border:1px solid #304851;justify-content:space-between}.oc-room-button strong{font-size:12px}.oc-room-button small{margin:0 0 0 auto;font-size:10px}.oc-room-symbol{width:25px;height:25px;font-size:9px}.oc-room-button .oc-room-info{display:flex;align-items:center;gap:9px;flex:1}.oc-main{min-height:440px;height:100%;display:block}.oc-chat{min-height:440px;height:100%;max-height:none}.oc-room-head{padding:13px 11px;gap:9px}.oc-room-title h2{font-size:15px}.oc-room-title p{font-size:10px;max-width:220px}.oc-room-icon{display:none}.oc-room-head .oc-online{font-size:9px;padding:5px 7px}.oc-room-head>button{padding:0}.oc-room-head>button .oc-svg{width:16px}.oc-room-head #manage-room{display:none}.oc-messages{padding:10px 11px;min-height:180px}.oc-message{gap:9px;padding:11px 0}.oc-avatar{width:35px;height:35px;font-size:12px}.oc-message-meta{gap:6px;margin:0 0 5px}.oc-message-name{font-size:12px}.oc-message-text{font-size:13px;line-height:1.6}.oc-role{font-size:8px;padding:2px 6px}.oc-message time{font-size:9px}.oc-message-actions{opacity:1;width:100%;margin:3px 0 0}.oc-message-actions button{font-size:9px}.oc-composer{padding:8px 9px 11px;gap:7px}.oc-composer-field{padding:8px 10px;gap:7px}.oc-composer textarea{font-size:12px}.oc-send{width:39px;height:39px}.oc-send .oc-svg{width:20px}.oc-composer-field .oc-svg{width:20px}.oc-composer-field button{padding:0}.oc-mobile-bottom{display:flex;justify-content:space-around;flex-shrink:0;min-height:54px;padding:7px 2px;background:#15272e;border-top:1px solid #36505a}.oc-mobile-bottom a,.oc-mobile-bottom button{display:flex;align-items:center;flex-direction:column;gap:4px;font-size:9px;padding:3px 12px;border-radius:8px}.oc-mobile-bottom .oc-svg{width:20px;height:20px}.oc-mobile-bottom .active{background:#29aee2}.oc-right.mobile-open{top:110px;bottom:65px;right:10px;left:10px;width:auto}.oc-alternate{min-height:100%;padding:20px 15px;overflow:visible}.oc-stats{grid-template-columns:1fr 1fr}.oc-toast{bottom:65px;font-size:11px}.oc-shell>#cu-community-frame{height:calc(100% - 73px);bottom:73px}.oc-persistent-player{height:73px;padding:9px 13px;gap:10px}.oc-player-logo{width:45px;height:45px}.oc-player-title{min-width:0;flex:1;max-width:none}.oc-player-title strong{font-size:13px}.oc-player-title span{font-size:9px;line-height:1.4;margin-top:4px}.oc-player-play{min-width:67px;height:40px;padding:0 10px;font-size:11px}.oc-wave,.oc-volume,.oc-player-stop,#cu-player-close{display:none}body[data-mobile=rooms] .oc-sidebar,body[data-mobile=dm] .oc-sidebar{display:flex}body[data-mobile=rooms] .oc-main{min-height:440px;height:55vh}body[data-mobile=dm] .oc-main{min-height:400px;height:55vh}body[data-mobile=chat] .oc-sidebar{display:none}#internal-frame{min-height:70vh}.oc-connection{font-size:9px}}
.oc-brand-icon>.oc-svg{width:43px;height:43px;color:#4dcdff;filter:drop-shadow(0 0 6px #44caff)}.oc-role.radio{background:#127a4e;color:#ddfff2}.oc-tablet-toggle{display:none}@media(min-width:701px) and (max-width:1120px){.oc-tablet-toggle{display:block}.oc-rooms-collapsed .oc-layout{grid-template-columns:minmax(300px,1fr)}.oc-rooms-collapsed .oc-sidebar{display:none}}@media(max-width:700px){.oc-brand-icon>.oc-svg{width:29px;height:29px}}
.oc-room-button.oc-general-room{display:none}@media(max-width:700px){.oc-room-button.oc-general-room{display:flex}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Identidade da rede social OUVIR.ONLINE; logo original sem filtros. */
:root{--oc-bg:#060f23;--oc-panel:#102235;--oc-line:#254b68;--oc-muted:#abc1d9;--oc-text:#eff7ff;--oc-violet:#20d9ff;--oc-cyan:#20d9ff}
.oc-app{background:radial-gradient(ellipse at center,#062238,#010a12 75%)}.oc-header{background:linear-gradient(100deg,#010a14,#061b2c);border-bottom-color:#00b9e5}.oc-brand{display:flex;flex-direction:column;align-items:flex-start;gap:0;min-width:220px}.oc-brand-logo{display:block;width:225px;height:63px;object-fit:contain;filter:none}.oc-brand small{font-size:9px;letter-spacing:1.2px;color:#7ceeff;margin:0 0 0 20px}
.oc-header nav .active,.oc-shortcuts button.active,.oc-mobile-tabs button.active,.oc-mobile-bottom .active{background:linear-gradient(#0b617c,#073b55);color:#eff7ff;border:1px solid #20d9ff;box-shadow:inset 0 0 8px #00c7ef22}.oc-chat,.oc-sidebar,.oc-online-panel,.oc-featured,.oc-alternate{background:#102235;border-color:#254b68}.oc-room-head{background:#0c2135}.oc-connection{background:#0b1d30}.oc-composer-field{background:#132e46;border-color:#31536a}.oc-room-icon{background:#0d526b;color:#64e8ff}.oc-room-button:hover,.oc-room-button.selected{background:#143952}.oc-send,.oc-player-play,.oc-action{background:#20d9ff;color:#04212b;border-color:#20d9ff;box-shadow:none}.oc-action.secondary{background:#142e46;color:#d6f3ff;border-color:#31536a}.oc-avatar{background:linear-gradient(135deg,#174761,#143452);color:#70dfff;border-color:#31536a}.oc-featured-card{background:linear-gradient(140deg,#16415a,#0b263c)}.oc-featured-card p{color:#b8d4e6}.oc-featured-card button{background:#0d526b;border-color:#20d9ff;color:#eff7ff}.oc-persistent-player{background:#10283a;border-top-color:#23c9ec}.oc-player-logo{border-color:#20d9ff}.oc-wave i{background:linear-gradient(#20d9ff,#1489b4)}.oc-room-symbol,.oc-room-button:nth-child(4n) .oc-room-symbol{background:linear-gradient(135deg,#0e9bbe,#145475)}.oc-role.admin{background:#9f6011;color:#fff0cf}.oc-role.locutor{background:#1e57b2;color:#e2efff}.oc-role.radio{background:#127a4e;color:#ddfff2}.oc-role:not(.admin):not(.locutor):not(.radio){background:#224c65;color:#c6f4ff}.oc-world-box{background:#0e2b3e;border-color:#28536a}.oc-stats .oc-stat{background:#133447;border-color:#31536a}.oc-stat strong{color:#70e9ff}.oc-toast,dialog{background:#102b3f;border-color:#36738e}.oc-dialog-actions a,.oc-dialog-actions button{background:#14344b;border-color:#31536a}.oc-card{background:#112d42;border-color:#31536a}.oc-form input,.oc-form textarea,.oc-form select{background:#0b2032;border-color:#31536a}.oc-player-title span{color:#a9cbdd}.oc-embedded .oc-header{display:none}
@media(max-width:1120px){.oc-brand{min-width:175px}.oc-brand-logo{width:175px;height:49px}.oc-header nav{gap:0}}
@media(max-width:700px){.oc-brand{min-width:0;gap:0}.oc-brand-logo{width:160px;height:46px}.oc-brand small{display:none}.oc-mobile-tabs,.oc-mobile-bottom{background:#0c2135}.oc-search{background:#0b2032}.oc-right.mobile-open{background:#0b2032}}

/* OUVIR CHAT 2.0: discovery and channel hierarchy, preserving original palette. */
.oc-lead{color:#aacbde;line-height:1.6;margin:8px 0 22px}.oc-directory-filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;margin:20px 0}.oc-directory-filters label{display:grid;gap:7px;font-size:12px;color:#b4d3e6;flex:1;min-width:150px}.oc-directory-filters input,.oc-directory-filters select{width:100%;min-height:44px;color:#e6f7ff;background:#0b2032;border:1px solid #31536a;border-radius:9px;padding:10px}.oc-directory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px;margin:20px 0}.oc-channel-card{border:1px solid #2a5067;border-radius:15px;background:#102b40;overflow:hidden;padding:18px;display:flex;flex-direction:column;gap:12px}.oc-channel-card h3{font-size:20px}.oc-channel-card p{font-size:13px;line-height:1.6;color:#b8d1e1;flex:1}.oc-channel-card small{color:#8cbed4}.oc-channel-art{height:82px;border-radius:10px;background:radial-gradient(circle at 20% 50%,#126a85,#10334d 65%);display:grid;place-items:center;font-size:28px;font-weight:800;color:#70e9ff;position:relative}.oc-channel-art img{position:absolute;width:64px;height:64px;object-fit:contain}.oc-channel-category{color:#59dfff;font-size:11px;letter-spacing:.04em}.oc-room-group{font-size:11px;color:#80c8e0;text-transform:uppercase;padding:16px 8px 5px}.oc-reactions{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.oc-reaction{min-width:32px;min-height:30px;border:1px solid #2b4b62;border-radius:20px;background:#112d42;font-size:12px;padding:3px 8px}.oc-reaction.selected{border-color:#20d9ff;background:#164966}.oc-reply-reference,.oc-reply-context{border-left:3px solid #20cce9;background:#113346;color:#a9cbdc;padding:8px 12px;font-size:12px;margin:6px 0}.oc-reply-context{display:flex;align-items:center;justify-content:space-between;margin:0 18px}.oc-message-actions{flex-wrap:wrap;opacity:1}.oc-message-action{min-height:28px}.oc-main:has(#alternate-view:not([hidden]) .oc-directory-grid){grid-column:2/-1}.oc-layout:has(#alternate-view:not([hidden]) .oc-directory-grid)>.oc-right{display:none}.oc-channel-card .oc-row{display:flex;gap:7px;flex-wrap:wrap}.oc-channel-card .oc-action{font-size:12px;padding:10px}.oc-form textarea{min-height:85px}dialog{max-height:85dvh;overflow:auto}.oc-app{height:100dvh}.oc-shell{height:100dvh}.oc-composer{padding-bottom:max(10px,env(safe-area-inset-bottom))}
@media(max-width:1100px){.oc-main:has(#alternate-view:not([hidden]) .oc-directory-grid){grid-column:auto}.oc-directory-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr))}}
@media(max-width:700px){.oc-directory-filters{display:grid;grid-template-columns:1fr}.oc-directory-grid{grid-template-columns:1fr}.oc-alternate{padding:18px!important}.oc-message-actions{display:flex;gap:8px;width:100%;margin-top:6px}.oc-message-action{min-height:36px}.oc-message-meta{flex-wrap:wrap}.oc-mobile-tabs{overflow-x:auto;flex-shrink:0}.oc-mobile-tabs button{min-width:max-content;min-height:42px}.oc-reply-context{margin:0 8px}.oc-composer-field textarea{font-size:16px}.oc-mobile-bottom{padding-bottom:env(safe-area-inset-bottom)}}

.oc-pin-board{display:grid;gap:3px;padding:7px 16px;border-bottom:1px solid #2b4e62}.oc-pin-item{text-align:left;font-size:12px;color:#9ee7f6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:6px}

.oc-context-events h2{font-size:14px;margin:10px}.oc-context-events .oc-card{margin:8px;padding:12px}.oc-event-image{max-width:100%;max-height:350px;object-fit:contain;border-radius:12px;margin:15px 0}

.oc-admin-sections{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:25px}.oc-admin-sections .oc-action{font-size:11px;padding:9px}.oc-admin-sections .selected{border-color:#20d9ff;color:#80eaff}.oc-evidence{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 system-ui;color:#b6d0de}.oc-form input[type=checkbox]{width:20px;min-height:20px;margin-right:10px}

.oc-appeals-page{max-width:780px;margin:35px auto;padding:22px}.oc-appeals-page h1,.oc-appeals-page h2{margin:20px 0}.oc-appeals-page>p{line-height:1.7;color:#bdd7e6}

.oc-app{height:var(--oc-visible-height,100dvh)}.oc-shell{height:var(--oc-viewport-height,100dvh);position:relative}.oc-shell>.oc-persistent-player{position:absolute}.oc-tablet-toggle{display:inline-flex!important}
@media(min-width:1121px){.oc-rooms-collapsed .oc-layout{grid-template-columns:minmax(300px,1fr) 240px}.oc-rooms-collapsed .oc-sidebar{display:none}.oc-people-collapsed .oc-layout{grid-template-columns:245px minmax(300px,1fr)}.oc-people-collapsed .oc-right{display:none}.oc-rooms-collapsed.oc-people-collapsed .oc-layout{grid-template-columns:minmax(300px,1fr)}.oc-rooms-collapsed .oc-main:has(#alternate-view:not([hidden]) .oc-directory-grid){grid-column:1/-1}}
@media(max-width:700px){.oc-keyboard-open.oc-app>.oc-header,.oc-keyboard-open .oc-mobile-tabs,.oc-keyboard-open .oc-mobile-bottom,.oc-keyboard-open .oc-pin-board,.oc-keyboard-open .oc-history,.oc-keyboard-open .oc-typing{display:none!important}.oc-keyboard-open .oc-room-head{padding:8px;min-height:44px}.oc-keyboard-open .oc-room-head h2{font-size:14px}.oc-keyboard-open .oc-room-description,.oc-keyboard-open .oc-room-title p,.oc-keyboard-open .oc-connection{display:none}.oc-keyboard-open .oc-layout{padding:3px}.oc-keyboard-open .oc-composer{padding:5px}.oc-header .oc-account{gap:5px}.oc-header .oc-account button{padding:4px}}

dialog{position:fixed;top:16px;bottom:auto;left:0;right:0;margin:0 auto;max-height:calc(var(--oc-visible-height,100dvh) - 32px)}

@media(max-width:700px){.oc-mobile-tabs{scrollbar-width:none}.oc-mobile-tabs::-webkit-scrollbar{display:none}.oc-main,.oc-chat{min-height:0}.oc-messages{min-height:0}body[data-mobile=rooms] .oc-main,body[data-mobile=dm] .oc-main{display:none}body[data-mobile=rooms] .oc-sidebar,body[data-mobile=dm] .oc-sidebar{height:100%;margin:0}body[data-mobile=rooms] .oc-room-list,body[data-mobile=dm] .oc-room-list{max-height:none;flex:1}.oc-layout{overflow-x:hidden}}

/* Shared platform design: the existing OuvirPanel typeface and native panel tokens. */
@font-face{font-family:OuvirPanel;src:url('/assets/admin-reference-font.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--oc-bg:#030916;--oc-panel:#061426;--oc-line:#174a69;--oc-muted:#a8b9d0;--oc-text:#eaf4ff;--oc-cyan:#00d8ff;--oc-violet:#30bfff}
html,body{font-family:OuvirPanel,'Arial Narrow','Segoe UI',sans-serif;background:var(--oc-bg);color:var(--oc-text)}
.oc-app{background:#030916;font-size:16px;line-height:1.35}
.oc-header,.oc-persistent-player{background:linear-gradient(145deg,#071b31,#030b19);border-color:var(--oc-line)}
.oc-layout{background:#030916}
.oc-sidebar,.oc-chat,.oc-alternate,.oc-online-panel,.oc-featured,.oc-channel-card,.oc-card{background:linear-gradient(150deg,#071b31,#040d1b);border-color:#1a5276;border-radius:10px;color:var(--oc-text);box-shadow:inset 0 1px 12px #3886ac09}
.oc-room-head{background:#061426;border-color:#174a69}
.oc-header nav .active,.oc-shortcuts button.active,.oc-mobile-tabs button.active,.oc-mobile-bottom .active{background:linear-gradient(#07529b,#073366);border:1px solid #0b96d0;border-radius:6px;color:#fff;box-shadow:inset 0 1px 3px #4cd6ff25}
.oc-room-button:hover,.oc-room-button.selected{background:linear-gradient(145deg,#0d2d46,#06182b);outline:1px solid #186d91;outline-offset:-1px}
.oc-action,.oc-send,.oc-player-play,.oc-featured-card button{background:linear-gradient(#07529b,#073366);border:1px solid #0b96d0;border-radius:6px;box-shadow:inset 0 1px 3px #4cd6ff25;color:#fff;font-weight:650}
.oc-action{min-height:40px}.oc-action:hover,.oc-send:hover,.oc-player-play:hover{border-color:#39e9ff;background:linear-gradient(#0874b6,#074477)}
.oc-action.secondary{background:linear-gradient(#083d73,#082046);border-color:#1a5276;color:#dceafa}
.oc-send{border-radius:8px}.oc-player-play{min-height:40px}
.oc-search,.oc-composer-field,.oc-directory-filters input,.oc-directory-filters select,.oc-form input,.oc-form textarea,.oc-form select{background:linear-gradient(#041123,#07182c);border:1px solid #1c5077;border-radius:6px;color:#f3f7ff;box-shadow:inset 0 1px 6px #0005}
.oc-composer-field textarea{background:transparent;color:#f3f7ff}
.oc-mobile-tabs,.oc-mobile-bottom{background:#061426;border-color:var(--oc-line)}
.oc-role{border-radius:5px}.oc-reply-reference,.oc-reply-context{background:#062741;border-color:#00c8ff;color:#caf1ff}
.oc-connection,.oc-channel-category{color:#8edcff}
.oc-app :focus-visible,.oc-shell :focus-visible{outline:2px solid #54ebff;outline-offset:4px;box-shadow:0 0 12px #00d9ff33}
.oc-embedded .oc-mobile-bottom{display:none!important}
@media(max-width:700px){.oc-mobile-tabs button{min-height:44px}.oc-composer-field textarea{font-size:16px}.oc-mobile-bottom a,.oc-mobile-bottom button{font-size:11px}}

/* Embedded administration reuses the existing platform header and navigation. */
.oc-panel-context .oc-header,.oc-panel-context .oc-mobile-bottom{display:none!important}
@media(min-width:701px){.oc-header{min-height:68px;padding:8px 20px;gap:20px}.oc-brand-logo{width:180px;height:48px}.oc-header nav{gap:16px}.oc-header nav a,.oc-header nav button{font-size:13px;gap:5px}}

/* Match the platform's readable 16px content and form scale. */
.oc-message-text{font-size:16px;line-height:1.5}.oc-message-name{font-size:15px}.oc-message time{font-size:11px}.oc-role{font-size:10px}.oc-message-action{font-size:12px;min-height:36px}.oc-room-title p{font-size:13px}.oc-form label{font-size:15px}.oc-composer textarea{font-size:16px}

.oc-directory-radio{padding:8px 0;border-bottom:1px solid #31536a}.oc-directory-radio-title{font-size:12px;color:#72e5ff;text-transform:uppercase;padding:8px 4px;overflow-wrap:anywhere}.oc-directory-role{font-size:10px;color:#b5d7e8;text-transform:uppercase;margin:9px 4px 2px}.oc-directory-radio .oc-person{padding:6px 3px}.oc-directory-room{display:block;width:100%;text-align:left;padding:6px 4px;color:#9ed8ed;font-size:11px;overflow-wrap:anywhere}@media(min-width:701px){.oc-main,.oc-chat{height:500px!important;min-height:500px!important;max-height:500px!important}.oc-layout{overflow:auto!important}}

@media(max-width:700px){.oc-room-head #manage-room:not([hidden]){display:inline-flex;flex-shrink:0}.oc-room-head{flex-wrap:wrap}}

.oc-composer{flex-wrap:wrap}.oc-visitor-name{flex:1 0 100%;display:grid;gap:5px;color:#bddceb;font-size:12px}.oc-visitor-name[hidden]{display:none}.oc-visitor-name input{width:100%;box-sizing:border-box;min-height:38px;border:1px solid #31536a;border-radius:8px;background:#132e46;color:#edfaff;font-size:16px;padding:7px 10px}

.oc-chat-channel{margin:8px 0;border-bottom:1px solid #254b69;padding-bottom:8px}.oc-chat-channel>summary{cursor:pointer;font-weight:700;padding:10px 5px;overflow-wrap:anywhere}.oc-person-role{display:block;font-size:11px;color:#8ed6ed;margin-top:3px}.oc-role-form{display:grid;gap:8px}.oc-role-form label{display:block}

/* Embedded radio/panel frames can be narrower than the desktop window. */
@media (min-width:701px) and (max-width:1120px){
 .oc-embedded .oc-mobile-tabs{display:flex;gap:7px;flex-shrink:0;overflow-x:auto;padding:8px 10px;background:#061426;border-bottom:1px solid var(--oc-line)}
 .oc-embedded .oc-mobile-tabs button{min-width:max-content;min-height:40px;padding:8px 12px;border-radius:6px;background:#0b2135;color:#e5f3ff;border:1px solid var(--oc-line);font:inherit;font-size:12px}
 .oc-embedded .oc-mobile-tabs button.active{background:linear-gradient(#07529b,#073366);border-color:#0b96d0}
}