
:root{--ozc-bg:#020a12;--ozc-panel:#061725;--ozc-panel2:#082238;--ozc-line:rgba(83,190,242,.14);--ozc-text:#eff9ff;--ozc-muted:#7f98aa;--ozc-cyan:#50d0ff;--ozc-purple:#a58cff;--ozc-mint:#4bddb1;--ozc-gold:#e8c56d;--ozc-danger:#ff7a83}
body:has(.ozc-app),body:has(.ozc-guest){background:#020a12!important;color:var(--ozc-text)!important}
body:has(.ozc-app) .ozl-ambient,body:has(.ozc-guest) .ozl-ambient{opacity:.25}
.ozc-app,.ozc-guest{min-height:calc(100vh - 80px);background:radial-gradient(circle at 85% 4%,rgba(95,128,255,.12),transparent 25%),radial-gradient(circle at 13% 95%,rgba(32,196,255,.08),transparent 28%),linear-gradient(180deg,#020b13,#03111d 55%,#020a12)}
.ozc-app *,.ozc-guest *{box-sizing:border-box}
.ozc-topbar{position:sticky;top:0;z-index:200;display:grid;grid-template-columns:290px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:74px;padding:10px 18px;border-bottom:1px solid var(--ozc-line);background:rgba(2,10,18,.94);backdrop-filter:blur(18px);box-shadow:0 8px 28px rgba(0,0,0,.18)}
.admin-bar .ozc-topbar{top:32px}
.ozc-brand,.ozc-me{display:flex;align-items:center;gap:9px;text-decoration:none!important;color:var(--ozc-text)!important}
.ozc-brand>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(80,208,255,.22);border-radius:12px;background:linear-gradient(145deg,#0b3854,#071827);color:#77dcff;font-weight:950;box-shadow:inset 0 1px rgba(255,255,255,.06),0 9px 18px rgba(0,0,0,.2)}
.ozc-brand>div,.ozc-room-head>div{display:grid;min-width:0}.ozc-brand strong{font-size:12px}.ozc-brand small,.ozc-room-head small{margin-top:2px;color:#637f92;font-size:8.5px}
.ozc-room-head{display:flex;align-items:center;justify-content:center;gap:9px;min-width:0}.ozc-room-head>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#08253c;color:#72d5ff;font-size:11px;font-weight:900}.ozc-room-head strong{font-size:12px}.ozc-room-head small{max-width:520px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ozc-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.ozc-top-actions>a,.ozc-top-actions>button{display:inline-flex;align-items:center;justify-content:center;min-height:35px;padding:7px 10px;border:1px solid rgba(89,181,232,.11);border-radius:9px;background:#061827;color:#9bb7c8!important;text-decoration:none;font:800 8.5px system-ui,sans-serif;cursor:pointer}.ozc-top-actions>button.is-on{color:#69dcb9!important;border-color:rgba(75,221,177,.2)}
.ozc-me img{width:28px!important;height:28px!important;border-radius:9px!important;object-fit:cover}.ozc-me span{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ozc-layout{display:grid;grid-template-columns:248px minmax(0,1fr) 250px;gap:10px;width:min(1600px,calc(100% - 20px));margin:10px auto 20px;align-items:stretch}
.ozc-sidebar,.ozc-chat{min-width:0;border:1px solid var(--ozc-line);border-radius:16px;background:linear-gradient(145deg,rgba(7,25,41,.94),rgba(4,17,28,.96));box-shadow:0 16px 40px rgba(0,0,0,.18)}
.ozc-sidebar{padding:12px;min-height:calc(100vh - 108px);overflow:auto}
.ozc-side-title{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 3px 10px;border-bottom:1px solid rgba(89,181,232,.08)}.ozc-side-title>span{color:#5fcdf7;font-size:8px;font-weight:950;letter-spacing:.13em}.ozc-side-title>small,.ozc-side-title label{color:#627f92;font-size:8px}.ozc-side-title label{display:flex;align-items:center;gap:5px}.ozc-side-title input{width:auto}
.ozc-rooms nav{display:grid;gap:4px;margin-top:8px}.ozc-rooms nav a{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px;border:1px solid transparent;border-radius:10px;color:#91aabd!important;text-decoration:none}.ozc-rooms nav a:hover{background:#071d30}.ozc-rooms nav a.is-active{border-color:rgba(80,208,255,.22);background:linear-gradient(145deg,#092840,#071d30);box-shadow:inset 3px 0 #50d0ff}.ozc-rooms nav a>i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#082238;color:#6ccff4;font-style:normal;font-size:10px;font-weight:900}.ozc-rooms nav a span{display:grid;min-width:0}.ozc-rooms nav a strong{color:#ddecf5;font-size:9.5px}.ozc-rooms nav a small{margin-top:2px;color:#597486;font-size:7.5px}.ozc-rooms nav a b:not(:empty){display:grid;place-items:center;width:7px;height:7px;border-radius:50%;background:#4fd8af;box-shadow:0 0 8px rgba(79,216,175,.5)}
.ozc-room-info,.ozc-help-card{margin-top:12px;padding:10px;border:1px solid rgba(89,180,231,.08);border-radius:10px;background:#04131f}.ozc-room-info>span,.ozc-help-card>span{color:#6cb7d7;font-size:7px;font-weight:950;letter-spacing:.12em}.ozc-room-info p{margin:6px 0 0;color:#617d90;font-size:8px;line-height:1.5}.ozc-help-card{display:grid;gap:5px}.ozc-help-card a{padding:6px 0;border-bottom:1px solid rgba(89,180,231,.06);color:#8fc8e2!important;text-decoration:none;font-size:8.5px}.ozc-help-card a:last-child{border-bottom:0}
.ozc-admin-box{margin-top:10px;padding:9px;border:1px solid rgba(232,197,109,.14);border-radius:10px;background:rgba(77,58,16,.10)}.ozc-admin-box>summary{color:#e2c670;font-size:8.5px;font-weight:900;cursor:pointer}.ozc-admin-box form{display:grid;gap:7px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(232,197,109,.09)}.ozc-admin-box h3{margin:0;color:#e8d593!important;font-size:11px!important}.ozc-admin-box label{display:grid;gap:3px;color:#8b9cac;font-size:7.5px}.ozc-admin-box input,.ozc-admin-box select{width:100%;padding:7px;border:1px solid rgba(91,181,232,.12);border-radius:7px;background:#03101b;color:#e8f5fc;font-size:8.5px}.ozc-admin-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ozc-checks{display:flex;gap:8px}.ozc-checks label{display:flex;align-items:center;gap:4px}.ozc-checks input{width:auto}.ozc-admin-box button{min-height:31px;border:1px solid rgba(93,184,234,.15);border-radius:8px;background:#0a2941;color:#acd2e5;font-size:8px;font-weight:850;cursor:pointer}
.ozc-chat{position:relative;display:grid;grid-template-rows:auto auto minmax(320px,1fr) auto auto auto;height:calc(100vh - 108px);overflow:hidden}
.ozc-chat-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid rgba(90,180,231,.09);background:#051522}.ozc-chat-toolbar>div{display:flex;align-items:center;gap:7px;min-width:0}.ozc-live-dot{width:7px;height:7px;border-radius:50%;background:#4bddb1;box-shadow:0 0 10px rgba(75,221,177,.55)}.ozc-chat-toolbar b{color:#9fc8d9;font-size:8.5px}.ozc-chat-toolbar small{color:#597486;font-size:8px}.ozc-chat-toolbar input{width:180px;min-height:31px;padding:7px 9px;border:1px solid rgba(91,181,232,.10);border-radius:8px;background:#03101a;color:#e9f8ff;font-size:8.5px}.ozc-chat-toolbar button{width:31px;height:31px;border:1px solid rgba(91,181,232,.11);border-radius:8px;background:#071c2e;color:#8dbed6;cursor:pointer}
.ozc-pinned{margin:8px 10px 0;padding:8px;border:1px solid rgba(232,197,109,.15);border-radius:10px;background:rgba(77,58,16,.12)}.ozc-pinned:before{content:"📌 ZAKAČENO";display:block;margin-bottom:4px;color:#e1c56e;font-size:7px;font-weight:950;letter-spacing:.1em}.ozc-pinned .ozc-message{margin:0}.ozc-pinned .ozc-message-actions,.ozc-pinned .ozc-reactions,.ozc-pinned .ozc-avatar{display:none}.ozc-pinned .ozc-bubble{max-width:100%;border:0;background:transparent;padding:0}
.ozc-messages{min-height:0;overflow-y:auto;padding:12px 12px 18px;scrollbar-width:thin;scrollbar-color:#284b60 transparent}.ozc-loading{padding:20px;text-align:center;color:#617d90;font-size:9px}
.ozc-message{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;margin:8px 0}.ozc-message.is-mine{grid-template-columns:minmax(0,1fr) 34px}.ozc-message.is-mine>.ozc-avatar{grid-column:2}.ozc-message.is-mine>.ozc-bubble{grid-column:1;grid-row:1;justify-self:end;background:linear-gradient(145deg,#0c3751,#0a2a41);border-color:rgba(80,208,255,.18)}
.ozc-avatar img{width:34px!important;height:34px!important;border-radius:10px!important;object-fit:cover!important}.ozc-bubble{max-width:min(760px,88%);padding:9px 10px;border:1px solid rgba(91,181,232,.10);border-radius:12px;background:#071b2c;box-shadow:0 7px 18px rgba(0,0,0,.12)}.ozc-bubble>header{display:flex;align-items:center;justify-content:space-between;gap:8px}.ozc-bubble>header>div{display:flex;align-items:center;gap:5px}.ozc-bubble>header a{color:#d8edf7!important;text-decoration:none;font-size:9px;font-weight:900}.ozc-bubble time{color:#526e81;font-size:7px}.ozc-badge{padding:3px 5px;border-radius:999px;background:rgba(83,70,142,.24);color:#bba8ff;font-size:6px;font-weight:950}.ozc-badge.is-admin{background:rgba(101,78,21,.25);color:#e8c86f}.ozc-message-text{margin-top:6px;color:#b9ccd7;font-size:10px;line-height:1.55;white-space:normal;overflow-wrap:anywhere}.ozc-reply-ref{display:grid;width:100%;gap:2px;margin-top:6px;padding:6px 8px;border:0;border-left:2px solid #4fcfff;border-radius:6px;background:#04131f;color:#7895a7;text-align:left;cursor:pointer}.ozc-reply-ref b{color:#6bcff4;font-size:7.5px}.ozc-reply-ref span{font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ozc-media{display:block;margin-top:8px;overflow:hidden;border-radius:10px;background:#020a11}.ozc-media img,.ozc-media video{display:block;width:min(100%,620px);max-height:440px;object-fit:contain}.ozc-media audio{width:min(100%,440px);margin:8px}
.ozc-bubble>footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px}.ozc-reactions,.ozc-message-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.ozc-reactions button,.ozc-message-actions button{min-height:24px;padding:4px 6px;border:1px solid rgba(91,181,232,.08);border-radius:7px;background:#041522;color:#7593a5;font-size:7.5px;cursor:pointer}.ozc-reactions button.is-on{border-color:rgba(80,208,255,.22);background:#08283e;color:#7cd9ff}.ozc-message-actions button:hover,.ozc-reactions button:hover{color:#d9f1fb;border-color:rgba(80,208,255,.20)}.ozc-message-actions button.is-danger{color:#d4868d}
.ozc-typing{min-height:20px;padding:2px 14px;color:#6d8b9e;font-size:8px;font-style:italic}
.ozc-reply-box{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 10px 6px;padding:7px 9px;border:1px solid rgba(80,208,255,.14);border-radius:8px;background:#062137;color:#89afc2;font-size:8px}.ozc-reply-box button{border:0;background:transparent;color:#9ebccb;cursor:pointer}
.ozc-composer{position:relative;padding:10px;border-top:1px solid rgba(91,181,232,.10);background:#04131f}.ozc-composer textarea{width:100%;min-height:54px;max-height:150px;resize:vertical;padding:10px 11px;border:1px solid rgba(95,183,234,.13);border-radius:10px;background:#020d16;color:#eaf7fd;font:500 10px/1.5 system-ui,sans-serif;outline:0}.ozc-composer textarea:focus{border-color:rgba(80,208,255,.38);box-shadow:0 0 0 2px rgba(80,208,255,.05)}.ozc-composer textarea:disabled{opacity:.5}
.ozc-composer-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-top:6px}.ozc-compose-tools{display:flex;align-items:center;gap:5px}.ozc-compose-tools>button,.ozc-upload{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(91,181,232,.11);border-radius:8px;background:#071c2e;color:#91bad0;font-size:12px;cursor:pointer}.ozc-compose-tools>span{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#617d90;font-size:7px}.ozc-composer-row>small{text-align:center;color:#4f697b;font-size:7px}.ozc-send{min-height:34px;padding:7px 12px;border:1px solid rgba(80,208,255,.27);border-radius:9px;background:linear-gradient(145deg,#0b769f,#075473);color:#fff;font-size:8.5px;font-weight:900;cursor:pointer}.ozc-send:disabled{opacity:.45}.ozc-emoji-panel{position:absolute;left:10px;bottom:60px;z-index:40;display:grid;grid-template-columns:repeat(8,30px);gap:4px;padding:7px;border:1px solid rgba(91,181,232,.15);border-radius:10px;background:#061827;box-shadow:0 12px 28px rgba(0,0,0,.3)}.ozc-emoji-panel[hidden]{display:none}.ozc-emoji-panel button{width:30px;height:30px;border:0;border-radius:7px;background:#082238;font-size:14px;cursor:pointer}
.ozc-members{display:flex;flex-direction:column}.ozc-member-list{display:grid}.ozc-member{display:flex;align-items:center;gap:8px;padding:8px 2px;border-bottom:1px solid rgba(90,180,231,.06);text-decoration:none!important}.ozc-member img{width:32px!important;height:32px!important;border-radius:9px!important;object-fit:cover}.ozc-member>span{display:grid;min-width:0}.ozc-member strong{color:#cfe4ee;font-size:9px}.ozc-member small{margin-top:2px;color:#557184;font-size:7.5px}.ozc-member>i{margin-left:auto;width:7px;height:7px;border-radius:50%;background:#4bddb1;box-shadow:0 0 8px rgba(75,221,177,.5)}
.ozc-reaction-menu{position:fixed;z-index:10020;display:flex;gap:3px;padding:5px;border:1px solid rgba(91,181,232,.16);border-radius:10px;background:#061827;box-shadow:0 12px 26px rgba(0,0,0,.35)}.ozc-reaction-menu[hidden]{display:none}.ozc-reaction-menu button{width:31px;height:31px;border:0;border-radius:7px;background:#082238;font-size:14px;cursor:pointer}
.ozc-guest{display:grid;place-items:center;padding:40px 16px}.ozc-guest-card{position:relative;overflow:hidden;width:min(930px,100%);padding:48px;border:1px solid rgba(80,208,255,.18);border-radius:28px;background:radial-gradient(circle at 86% 10%,rgba(165,140,255,.18),transparent 28%),radial-gradient(circle at 8% 100%,rgba(80,208,255,.10),transparent 32%),linear-gradient(145deg,#071b2e,#04111d);box-shadow:0 32px 90px rgba(0,0,0,.4)}.ozc-guest-card:after{content:"CHAT";position:absolute;right:-15px;bottom:-32px;color:rgba(255,255,255,.025);font:950 130px/1 system-ui}.ozc-kicker{color:#66cdf5;font-size:9px;font-weight:950;letter-spacing:.16em}.ozc-guest h1{position:relative;z-index:2;margin:10px 0 16px!important;color:#f3fbff!important;background:none!important;-webkit-text-fill-color:initial!important;font-size:clamp(46px,7vw,82px)!important;line-height:.9!important;letter-spacing:-.06em!important}.ozc-guest h1:after{display:none!important}.ozc-guest h1 span{background:linear-gradient(90deg,#57d4ff,#a58cff,#e8c56d);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.ozc-guest p{position:relative;z-index:2;max-width:720px;color:#91a9b9;font-size:13px;line-height:1.7}.ozc-guest-actions{position:relative;z-index:2;display:flex;gap:7px;margin-top:22px}.ozc-guest-actions a{padding:11px 15px;border:1px solid rgba(91,181,232,.16);border-radius:10px;background:#071c2e;color:#b7d1df!important;text-decoration:none;font-size:10px;font-weight:900}.ozc-guest-actions a.is-primary{border-color:rgba(80,208,255,.32);background:#0b6c93;color:#fff!important}.ozc-guest-features{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:24px}.ozc-guest-features span{padding:10px;border:1px solid rgba(91,181,232,.09);border-radius:9px;background:#051522;color:#708da0;font-size:8.5px;font-weight:800}
.ozc-guest .ozl-google-auth{position:relative;z-index:2;max-width:360px;margin-top:18px}.ozc-guest .ozl-auth-divider{display:flex;align-items:center;gap:9px;margin:12px 0;color:#647f90;font-size:8px}.ozc-guest .ozl-auth-divider:before,.ozc-guest .ozl-auth-divider:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(89,181,232,.22))}.ozc-guest .ozl-auth-divider:after{background:linear-gradient(90deg,rgba(89,181,232,.22),transparent)}.ozc-guest .ozl-google-auth-button{display:flex;justify-content:flex-start}.ozc-guest .ozl-google-auth>small{display:block;margin-top:8px;color:#647f90;font-size:8px;line-height:1.5}
@media(max-width:1180px){.ozc-layout{grid-template-columns:210px minmax(0,1fr)}.ozc-members{display:none}.ozc-topbar{grid-template-columns:230px 1fr auto}}
@media(max-width:820px){body:has(.ozc-app){padding-bottom:0!important}.ozc-topbar{grid-template-columns:1fr auto;min-height:64px;padding:8px 10px}.ozc-room-head{display:none}.ozc-top-actions>a:not(.ozc-me){display:none}.ozc-layout{display:block;width:100%;margin:0}.ozc-sidebar.ozc-rooms{min-height:0;border-radius:0;border-width:0 0 1px;padding:7px;overflow-x:auto}.ozc-side-title,.ozc-room-info,.ozc-admin-box{display:none}.ozc-rooms nav{display:flex;gap:5px;margin:0;overflow-x:auto;scrollbar-width:none}.ozc-rooms nav a{flex:0 0 auto;grid-template-columns:26px auto auto;min-width:140px;padding:7px}.ozc-rooms nav a>i{width:25px;height:25px}.ozc-chat{height:calc(100dvh - 128px);border-radius:0;border-width:0}.ozc-chat-toolbar{padding:7px 8px}.ozc-chat-toolbar input{width:130px}.ozc-message{grid-template-columns:30px minmax(0,1fr)}.ozc-message.is-mine{grid-template-columns:minmax(0,1fr) 30px}.ozc-avatar img{width:30px!important;height:30px!important}.ozc-bubble{max-width:94%}.ozc-composer-row{grid-template-columns:auto 1fr auto}.ozc-composer-row>small{display:none}.ozc-emoji-panel{grid-template-columns:repeat(6,30px)}.admin-bar .ozc-topbar{top:46px}}
@media(max-width:520px){.ozc-brand small,.ozc-me span{display:none}.ozc-topbar{grid-template-columns:1fr auto}.ozc-chat{height:calc(100dvh - 116px)}.ozc-chat-toolbar>div:first-child small{display:none}.ozc-message-actions button{font-size:7px;padding:4px}.ozc-bubble>footer{align-items:flex-end;flex-direction:column}.ozc-reactions{align-self:flex-start}.ozc-composer{padding:7px}.ozc-guest-card{padding:28px 20px;border-radius:20px}.ozc-guest h1{font-size:47px!important}.ozc-guest-features{grid-template-columns:1fr 1fr}.ozc-guest-actions{display:grid}.ozc-guest-actions a{text-align:center}}

/* Central message viewport fix */
body.ozc-chat-page{overflow:hidden!important}
body.ozc-chat-page>.ozl-header,
body.ozc-chat-page>.ozl-topbar,
body.ozc-chat-page>footer,
body.ozc-chat-page .ozl-appearance-menu,
body.ozc-chat-page #oz-global-bell,
body.ozc-chat-page #ozfe-toggle,
body.ozc-chat-page #ozfe-current{display:none!important}
body.ozc-chat-page .ozc-app{min-height:100dvh!important;height:100dvh!important;overflow:hidden!important}
body.ozc-chat-page .ozc-topbar{top:0!important;min-height:72px}
body.admin-bar.ozc-chat-page .ozc-topbar{top:32px!important}
body.ozc-chat-page .ozc-layout{height:calc(100dvh - 92px)!important;min-height:0!important;align-items:stretch!important}
body.admin-bar.ozc-chat-page .ozc-layout{height:calc(100dvh - 124px)!important}
body.ozc-chat-page .ozc-sidebar{height:100%!important;min-height:0!important}
body.ozc-chat-page .ozc-chat{height:100%!important;min-height:0!important;grid-template-rows:auto auto minmax(0,1fr) auto auto auto!important}
body.ozc-chat-page .ozc-messages{display:flex!important;flex-direction:column!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:18px 18px 24px!important;background:radial-gradient(circle at 50% 0%,rgba(60,170,230,.035),transparent 36%),#03111c!important;scroll-behavior:smooth;overscroll-behavior:contain}
body.ozc-chat-page .ozc-message{display:flex!important;align-items:flex-start!important;gap:10px!important;width:100%!important;margin:8px 0!important;grid-template-columns:none!important;flex:0 0 auto!important}
body.ozc-chat-page .ozc-message.is-mine{flex-direction:row-reverse!important}
body.ozc-chat-page .ozc-message>.ozc-avatar{flex:0 0 38px!important;grid-column:auto!important}
body.ozc-chat-page .ozc-message>.ozc-avatar img{width:38px!important;height:38px!important;border-radius:12px!important}
body.ozc-chat-page .ozc-message>.ozc-bubble{width:fit-content!important;min-width:min(230px,calc(100% - 52px))!important;max-width:min(760px,calc(100% - 52px))!important;grid-column:auto!important;grid-row:auto!important;justify-self:auto!important;padding:11px 13px!important;border-radius:15px!important}
body.ozc-chat-page .ozc-message:not(.is-mine)>.ozc-bubble{margin-right:auto!important}
body.ozc-chat-page .ozc-message.is-mine>.ozc-bubble{margin-left:auto!important;background:linear-gradient(145deg,#0b3b58,#0a2d47)!important;border-color:rgba(80,208,255,.24)!important}
body.ozc-chat-page .ozc-bubble>header{gap:12px!important;align-items:flex-start!important}
body.ozc-chat-page .ozc-bubble>header a{font-size:11px!important}
body.ozc-chat-page .ozc-bubble time{font-size:9px!important;white-space:nowrap!important}
body.ozc-chat-page .ozc-badge{font-size:7px!important;padding:3px 6px!important}
body.ozc-chat-page .ozc-message-text{margin-top:7px!important;color:#d3e1e9!important;font-size:13.5px!important;line-height:1.58!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;word-break:break-word!important}
body.ozc-chat-page .ozc-reply-ref{margin-top:7px!important;padding:7px 9px!important}
body.ozc-chat-page .ozc-reply-ref b{font-size:9px!important}
body.ozc-chat-page .ozc-reply-ref span{font-size:9.5px!important}
body.ozc-chat-page .ozc-bubble>footer{margin-top:9px!important}
body.ozc-chat-page .ozc-reactions button,
body.ozc-chat-page .ozc-message-actions button{min-height:27px!important;padding:5px 7px!important;font-size:9px!important}
body.ozc-chat-page .ozc-message.is-highlight>.ozc-bubble{outline:2px solid rgba(80,208,255,.48)!important;box-shadow:0 0 0 5px rgba(80,208,255,.07),0 10px 26px rgba(0,0,0,.18)!important}
body.ozc-chat-page .ozc-composer{position:relative!important;z-index:10!important;box-shadow:0 -12px 28px rgba(2,10,18,.35)!important}
body.ozc-chat-page .ozc-composer textarea{min-height:62px!important;font-size:13px!important;line-height:1.5!important}
body.ozc-chat-page .ozc-loading{margin:auto!important;padding:32px!important;font-size:11px!important}
@media(max-width:820px){
 body.ozc-chat-page .ozc-app{height:100dvh!important}
 body.ozc-chat-page .ozc-layout{height:calc(100dvh - 116px)!important}
 body.admin-bar.ozc-chat-page .ozc-layout{height:calc(100dvh - 162px)!important}
 body.ozc-chat-page .ozc-chat{height:100%!important}
 body.ozc-chat-page .ozc-messages{padding:12px 10px 18px!important}
 body.ozc-chat-page .ozc-message>.ozc-avatar{flex-basis:32px!important}
 body.ozc-chat-page .ozc-message>.ozc-avatar img{width:32px!important;height:32px!important;border-radius:10px!important}
 body.ozc-chat-page .ozc-message>.ozc-bubble{min-width:min(190px,calc(100% - 44px))!important;max-width:calc(100% - 44px)!important}
 body.ozc-chat-page .ozc-message-text{font-size:13px!important}
}
@media(max-width:520px){
 body.ozc-chat-page .ozc-layout{height:calc(100dvh - 108px)!important}
 body.admin-bar.ozc-chat-page .ozc-layout{height:calc(100dvh - 154px)!important}
 body.ozc-chat-page .ozc-bubble>footer{align-items:flex-start!important;flex-direction:column!important}
 body.ozc-chat-page .ozc-message-actions{width:100%!important}
}

/* Screenshot fix: chat owns the viewport */
html:has(body.ozc-chat-page),body.ozc-chat-page{height:100%!important;min-height:100%!important;overflow:hidden!important}
body.ozc-chat-page .ozl-header,
body.ozc-chat-page .oz-menu-header,
body.ozc-chat-page .ozl-topbar,
body.ozc-chat-page .ozv2-head,
body.ozc-chat-page header.ozl-header,
body.ozc-chat-page footer.ozl-footer,
body.ozc-chat-page .ozl-footer{display:none!important}
body.ozc-chat-page{margin:0!important;padding:0!important}
body.ozc-chat-page .ozc-app{position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;min-height:100dvh!important;margin:0!important;padding:0!important;overflow:hidden!important;z-index:100!important}
body.admin-bar.ozc-chat-page .ozc-app{top:32px!important;height:calc(100dvh - 32px)!important}
body.ozc-chat-page .ozc-topbar{position:relative!important;top:auto!important;min-height:72px!important}
body.ozc-chat-page .ozc-layout{height:calc(100dvh - 92px)!important;margin:10px auto!important}
body.admin-bar.ozc-chat-page .ozc-layout{height:calc(100dvh - 124px)!important}
body.ozc-chat-page .ozc-messages{justify-content:flex-start!important;align-items:stretch!important;align-content:flex-start!important;gap:0!important}
body.ozc-chat-page .ozc-message{position:relative!important;min-height:0!important;max-height:none!important}
body.ozc-chat-page .ozc-message+.ozc-message{margin-top:6px!important}
body.ozc-chat-page .ozc-composer{flex:0 0 auto!important}
@media(max-width:820px){
 body.admin-bar.ozc-chat-page .ozc-app{top:46px!important;height:calc(100dvh - 46px)!important}
 body.ozc-chat-page .ozc-layout{height:calc(100dvh - 118px)!important;margin:0!important}
 body.admin-bar.ozc-chat-page .ozc-layout{height:calc(100dvh - 164px)!important}
}

/* Mobile chat v2 — true messenger layout */
@media(max-width:820px){
  body.ozc-chat-page{background:#020b13!important}
  body.ozc-chat-page .ozc-app{
    --ozc-mobile-vh:100dvh;
    height:var(--ozc-mobile-vh)!important;
    min-height:var(--ozc-mobile-vh)!important;
    padding-bottom:env(safe-area-inset-bottom)!important;
    background:#020b13!important;
  }
  body.ozc-chat-page .ozc-topbar{
    position:relative!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:8px!important;
    min-height:58px!important;
    height:58px!important;
    padding:7px 9px!important;
    border-bottom:1px solid rgba(83,190,242,.12)!important;
    background:#03111d!important;
  }
  body.ozc-chat-page .ozc-brand{width:38px!important;min-width:38px!important}
  body.ozc-chat-page .ozc-brand>span{width:36px!important;height:36px!important;border-radius:11px!important;font-size:11px!important}
  body.ozc-chat-page .ozc-brand>div{display:none!important}
  body.ozc-chat-page .ozc-room-head{
    display:flex!important;
    justify-content:flex-start!important;
    min-width:0!important;
    gap:7px!important;
  }
  body.ozc-chat-page .ozc-room-head>span{width:30px!important;height:30px!important;flex:0 0 30px!important;border-radius:9px!important}
  body.ozc-chat-page .ozc-room-head strong{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:11px!important}
  body.ozc-chat-page .ozc-room-head small{display:none!important}
  body.ozc-chat-page .ozc-top-actions{gap:5px!important}
  body.ozc-chat-page .ozc-top-actions>a:not(.ozc-me){display:none!important}
  body.ozc-chat-page .ozc-top-actions>button{width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;border-radius:10px!important}
  body.ozc-chat-page .ozc-me{padding:0!important;width:34px!important;height:34px!important;min-height:34px!important;border-radius:10px!important}
  body.ozc-chat-page .ozc-me img{width:32px!important;height:32px!important;border-radius:9px!important}
  body.ozc-chat-page .ozc-me span{display:none!important}

  body.ozc-chat-page .ozc-layout{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:56px minmax(0,1fr)!important;
    width:100%!important;
    height:calc(var(--ozc-mobile-vh) - 58px - env(safe-area-inset-bottom))!important;
    min-height:0!important;
    margin:0!important;
    gap:0!important;
  }
  body.ozc-chat-page .ozc-sidebar.ozc-rooms{
    display:block!important;
    width:100%!important;
    height:56px!important;
    min-height:56px!important;
    padding:6px 7px!important;
    border:0!important;
    border-bottom:1px solid rgba(83,190,242,.10)!important;
    border-radius:0!important;
    background:#041421!important;
    overflow:hidden!important;
    box-shadow:none!important;
  }
  body.ozc-chat-page .ozc-side-title,
  body.ozc-chat-page .ozc-room-info,
  body.ozc-chat-page .ozc-admin-box{display:none!important}
  body.ozc-chat-page .ozc-rooms nav{
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    width:100%!important;
    height:44px!important;
    margin:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    overscroll-behavior-x:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body.ozc-chat-page .ozc-rooms nav::-webkit-scrollbar{display:none!important}
  body.ozc-chat-page .ozc-rooms nav a{
    display:grid!important;
    grid-template-columns:27px auto auto!important;
    align-items:center!important;
    flex:0 0 auto!important;
    min-width:0!important;
    height:40px!important;
    padding:5px 8px!important;
    gap:6px!important;
    border-radius:10px!important;
  }
  body.ozc-chat-page .ozc-rooms nav a>i{width:27px!important;height:27px!important;border-radius:8px!important;font-size:9px!important}
  body.ozc-chat-page .ozc-rooms nav a strong{font-size:9px!important;white-space:nowrap!important}
  body.ozc-chat-page .ozc-rooms nav a small{display:none!important}
  body.ozc-chat-page .ozc-rooms nav a b:not(:empty){width:6px!important;height:6px!important}

  body.ozc-chat-page .ozc-chat{
    display:grid!important;
    grid-template-rows:39px auto minmax(0,1fr) auto auto auto!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    border:0!important;
    border-radius:0!important;
    background:#03111c!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  body.ozc-chat-page .ozc-chat-toolbar{
    min-height:39px!important;
    padding:5px 8px!important;
    gap:6px!important;
    background:#041522!important;
  }
  body.ozc-chat-page .ozc-chat-toolbar>div:first-child{gap:5px!important;min-width:0!important}
  body.ozc-chat-page .ozc-chat-toolbar b{font-size:8px!important;white-space:nowrap!important}
  body.ozc-chat-page .ozc-chat-toolbar small{display:block!important;max-width:130px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:7px!important}
  body.ozc-chat-page .ozc-chat-toolbar>div:last-child{margin-left:auto!important}
  body.ozc-chat-page .ozc-chat-toolbar input{width:110px!important;height:29px!important;min-height:29px!important;padding:6px 8px!important;font-size:8px!important}
  body.ozc-chat-page .ozc-chat-toolbar button{width:29px!important;height:29px!important;min-width:29px!important}

  body.ozc-chat-page .ozc-pinned{
    max-height:94px!important;
    margin:5px 7px 0!important;
    padding:7px!important;
    overflow:auto!important;
    border-radius:9px!important;
  }
  body.ozc-chat-page .ozc-messages{
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    min-height:0!important;
    padding:10px 8px 14px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scroll-padding-bottom:12px!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
  }
  body.ozc-chat-page .ozc-message{
    display:flex!important;
    align-items:flex-end!important;
    gap:7px!important;
    width:100%!important;
    margin:5px 0!important;
    flex:0 0 auto!important;
  }
  body.ozc-chat-page .ozc-message.is-mine{flex-direction:row-reverse!important}
  body.ozc-chat-page .ozc-message>.ozc-avatar{flex:0 0 29px!important;width:29px!important}
  body.ozc-chat-page .ozc-message>.ozc-avatar img{width:29px!important;height:29px!important;border-radius:9px!important}
  body.ozc-chat-page .ozc-message>.ozc-bubble{
    width:auto!important;
    min-width:0!important;
    max-width:82%!important;
    padding:9px 10px!important;
    border-radius:14px!important;
  }
  body.ozc-chat-page .ozc-message:not(.is-mine)>.ozc-bubble{border-bottom-left-radius:5px!important}
  body.ozc-chat-page .ozc-message.is-mine>.ozc-bubble{border-bottom-right-radius:5px!important}
  body.ozc-chat-page .ozc-bubble>header{align-items:center!important;gap:7px!important}
  body.ozc-chat-page .ozc-bubble>header>div{min-width:0!important}
  body.ozc-chat-page .ozc-bubble>header a{font-size:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.ozc-chat-page .ozc-bubble time{font-size:7px!important}
  body.ozc-chat-page .ozc-message-text{margin-top:5px!important;font-size:12.5px!important;line-height:1.48!important}
  body.ozc-chat-page .ozc-badge{padding:2px 4px!important;font-size:6px!important}
  body.ozc-chat-page .ozc-reply-ref{padding:6px 7px!important;margin-top:5px!important}
  body.ozc-chat-page .ozc-media img,
  body.ozc-chat-page .ozc-media video{max-height:42dvh!important}
  body.ozc-chat-page .ozc-bubble>footer{
    display:block!important;
    margin-top:7px!important;
  }
  body.ozc-chat-page .ozc-reactions{margin-bottom:4px!important}
  body.ozc-chat-page .ozc-reactions,
  body.ozc-chat-page .ozc-message-actions{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:3px!important;
    width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
  }
  body.ozc-chat-page .ozc-reactions::-webkit-scrollbar,
  body.ozc-chat-page .ozc-message-actions::-webkit-scrollbar{display:none!important}
  body.ozc-chat-page .ozc-reactions button,
  body.ozc-chat-page .ozc-message-actions button{
    flex:0 0 auto!important;
    min-height:25px!important;
    padding:4px 6px!important;
    font-size:7.5px!important;
    white-space:nowrap!important;
  }

  body.ozc-chat-page .ozc-typing{
    min-height:17px!important;
    padding:1px 9px!important;
    font-size:7.5px!important;
  }
  body.ozc-chat-page .ozc-reply-box{
    margin:0 7px 4px!important;
    padding:6px 8px!important;
    min-height:30px!important;
    font-size:7.5px!important;
  }
  body.ozc-chat-page .ozc-composer{
    position:relative!important;
    z-index:20!important;
    padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;
    border-top:1px solid rgba(91,181,232,.12)!important;
    background:#04131f!important;
    box-shadow:0 -8px 24px rgba(0,0,0,.28)!important;
  }
  body.ozc-chat-page .ozc-composer textarea{
    min-height:43px!important;
    max-height:96px!important;
    padding:8px 9px!important;
    border-radius:10px!important;
    font-size:12px!important;
    line-height:1.42!important;
    resize:none!important;
  }
  body.ozc-chat-page .ozc-composer-row{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:6px!important;
    margin-top:5px!important;
  }
  body.ozc-chat-page .ozc-compose-tools{gap:4px!important}
  body.ozc-chat-page .ozc-compose-tools>button,
  body.ozc-chat-page .ozc-upload{width:31px!important;height:31px!important;border-radius:9px!important}
  body.ozc-chat-page .ozc-compose-tools>span{max-width:92px!important;font-size:6.5px!important}
  body.ozc-chat-page .ozc-composer-row>small{display:none!important}
  body.ozc-chat-page .ozc-send{
    min-width:74px!important;
    min-height:33px!important;
    padding:7px 10px!important;
    border-radius:9px!important;
    font-size:8px!important;
  }
  body.ozc-chat-page .ozc-emoji-panel{
    left:8px!important;
    right:8px!important;
    bottom:calc(104px + env(safe-area-inset-bottom))!important;
    grid-template-columns:repeat(8,minmax(28px,1fr))!important;
    gap:3px!important;
    padding:6px!important;
  }
  body.ozc-chat-page .ozc-emoji-panel button{width:100%!important;height:30px!important}
  body.ozc-chat-page .ozc-members{display:none!important}
  body.ozc-chat-page .ozc-reaction-menu{max-width:calc(100vw - 16px)!important}
}
@media(max-width:520px){
  body.ozc-chat-page .ozc-chat-toolbar small{display:none!important}
  body.ozc-chat-page .ozc-chat-toolbar input{width:92px!important}
  body.ozc-chat-page .ozc-message>.ozc-bubble{max-width:86%!important}
  body.ozc-chat-page .ozc-emoji-panel{grid-template-columns:repeat(6,minmax(30px,1fr))!important}
}
@media(max-width:380px){
  body.ozc-chat-page .ozc-chat-toolbar input{display:none!important}
  body.ozc-chat-page .ozc-send{min-width:66px!important;padding-inline:8px!important}
  body.ozc-chat-page .ozc-message>.ozc-bubble{max-width:88%!important}
}

/* Chat · coherent luxury light mode */
html[data-oz-mode="light"] body.ozc-chat-page,
html[data-oz-mode="light"] body:has(.ozc-app),
html[data-oz-mode="light"] body:has(.ozc-guest){
  background:#f3f8fd!important;
  color:#14294a!important;
}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-app,
html[data-oz-mode="light"] body:has(.ozc-guest) .ozc-guest{
  --ozc-bg:#f3f8fd;--ozc-panel:#fff;--ozc-panel2:#edf5fb;--ozc-line:rgba(48,94,150,.14);
  --ozc-text:#14294a;--ozc-muted:#637890;--ozc-cyan:#1989ef;--ozc-purple:#6759cf;--ozc-mint:#218c69;--ozc-gold:#b88923;--ozc-danger:#c85c68;
  background:radial-gradient(circle at 85% 4%,rgba(40,157,230,.10),transparent 25%),radial-gradient(circle at 13% 95%,rgba(103,89,207,.06),transparent 28%),linear-gradient(180deg,#fbfdff,#eef5fb 55%,#f8fbff)!important;
}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-topbar{
  background:rgba(250,253,255,.97)!important;
  border-bottom-color:rgba(48,94,150,.13)!important;
  box-shadow:0 8px 28px rgba(37,76,124,.08)!important;
}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-brand,
html[data-oz-mode="light"] body.ozc-chat-page .ozc-me{color:#173552!important}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-brand>span{background:linear-gradient(145deg,#e7f4fb,#dceef8)!important;color:#147fa7!important;border-color:rgba(31,157,199,.20)!important;box-shadow:0 8px 20px rgba(37,76,124,.08)!important}
html[data-oz-mode="light"] body.ozc-chat-page :is(.ozc-brand small,.ozc-room-head small){color:#71869d!important}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-room-head>span{background:#dfeff8!important;color:#147fa7!important}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-room-head strong{color:#173552!important}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-top-actions>a,
html[data-oz-mode="light"] body.ozc-chat-page .ozc-top-actions>button{
  background:#fff!important;color:#536f88!important;border-color:rgba(48,94,150,.13)!important;
}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-sidebar,
html[data-oz-mode="light"] body.ozc-chat-page .ozc-chat{
  background:linear-gradient(145deg,#fff,#edf5fb)!important;
  border-color:rgba(48,94,150,.14)!important;
  box-shadow:0 14px 34px rgba(37,76,124,.07)!important;
}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-side-title{border-bottom-color:rgba(48,94,150,.09)!important}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-side-title>span{color:#147fa7!important}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-side-title>small,
html[data-oz-mode="light"] body.ozc-chat-page .ozc-side-title label{color:#71869d!important}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-rooms nav a{color:#536f88!important}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-rooms nav a:hover{background:#eef5fb!important}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-rooms nav a.is-active{background:linear-gradient(145deg,#e7f4fb,#f1efff)!important;border-color:rgba(31,157,199,.24)!important;box-shadow:inset 3px 0 #1989ef!important}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-rooms nav a>i{background:#dfeff8!important;color:#147fa7!important}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-rooms nav a strong{color:#294866!important}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-rooms nav a small{color:#71869d!important}
html[data-oz-mode="light"] body.ozc-chat-page :is(.ozc-room-info,.ozc-help-card){background:#f7fafc!important;border-color:rgba(48,94,150,.10)!important}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-room-info p{color:#637890!important}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-help-card a{color:#147fa7!important;border-bottom-color:rgba(48,94,150,.08)!important}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-admin-box{background:#fff8e9!important;border-color:rgba(201,149,45,.16)!important}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-admin-box>summary{color:#8a6823!important}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-admin-box h3{color:#70551d!important}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-admin-box label{color:#637890!important}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-admin-box :is(input,select){background:#fff!important;color:#173552!important;border-color:rgba(48,94,150,.18)!important}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-admin-box button{background:#fff!important;color:#536f88!important;border-color:rgba(48,94,150,.13)!important}

html[data-oz-mode="light"] body.ozc-chat-page .ozc-chat-toolbar{
  background:#f8fbfe!important;border-bottom-color:rgba(48,94,150,.09)!important;
}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-chat-toolbar b{color:#36536f!important}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-chat-toolbar small{color:#71869d!important}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-chat-toolbar input{background:#fff!important;color:#173552!important;border-color:rgba(48,94,150,.16)!important}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-chat-toolbar button{background:#fff!important;color:#536f88!important;border-color:rgba(48,94,150,.13)!important}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-pinned{background:#fff8e9!important;border-color:rgba(201,149,45,.16)!important}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-pinned:before{color:#8a6823!important}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-messages{
  background:radial-gradient(circle at 50% 0%,rgba(40,157,230,.04),transparent 36%),#f7fafc!important;
}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-loading{color:#71869d!important}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-bubble{
  background:#fff!important;border-color:rgba(48,94,150,.12)!important;box-shadow:0 7px 18px rgba(37,76,124,.05)!important;
}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-message.is-mine>.ozc-bubble{
  background:linear-gradient(145deg,#e7f4fb,#e9f1ff)!important;border-color:rgba(31,157,199,.20)!important;
}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-bubble>header a{color:#294866!important}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-bubble time{color:#71869d!important}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-message-text{color:#36536f!important}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-badge{background:#eeeaff!important;color:#6759cf!important}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-badge.is-admin{background:#fff5d9!important;color:#9a7327!important}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-reply-ref{background:#f4f8fb!important;color:#637890!important;border-left-color:#1989ef!important}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-reply-ref b{color:#147fa7!important}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-media{background:#edf5fb!important}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-reactions button,
html[data-oz-mode="light"] body.ozc-chat-page .ozc-message-actions button{background:#f4f8fb!important;color:#637890!important;border-color:rgba(48,94,150,.10)!important}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-reactions button.is-on{background:#e7f4fb!important;color:#147fa7!important;border-color:rgba(31,157,199,.20)!important}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-message-actions button.is-danger{color:#a5515a!important}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-typing{color:#71869d!important}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-reply-box{background:#eef5fb!important;color:#536f88!important;border-color:rgba(48,94,150,.12)!important}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-reply-box button{color:#637890!important}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-composer{
  background:#fff!important;border-top-color:rgba(48,94,150,.12)!important;box-shadow:0 -10px 24px rgba(37,76,124,.08)!important;
}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-composer textarea{background:#f8fbfe!important;color:#173552!important;border-color:rgba(48,94,150,.18)!important}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-compose-tools>button,
html[data-oz-mode="light"] body.ozc-chat-page .ozc-upload{background:#fff!important;color:#536f88!important;border-color:rgba(48,94,150,.13)!important}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-compose-tools>span,
html[data-oz-mode="light"] body.ozc-chat-page .ozc-composer-row>small{color:#71869d!important}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-send{background:linear-gradient(135deg,#258df8,#24cfe7)!important;color:#fff!important;border-color:#258df8!important}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-emoji-panel,
html[data-oz-mode="light"] body.ozc-chat-page .ozc-reaction-menu{background:#fff!important;border-color:rgba(48,94,150,.14)!important;box-shadow:0 12px 28px rgba(37,76,124,.12)!important}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-emoji-panel button,
html[data-oz-mode="light"] body.ozc-chat-page .ozc-reaction-menu button{background:#eef5fb!important}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-member{border-bottom-color:rgba(48,94,150,.08)!important}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-member strong{color:#294866!important}
html[data-oz-mode="light"] body.ozc-chat-page .ozc-member small{color:#71869d!important}

html[data-oz-mode="light"] body:has(.ozc-guest) .ozc-guest-card{
  background:radial-gradient(circle at 86% 10%,rgba(103,89,207,.10),transparent 28%),radial-gradient(circle at 8% 100%,rgba(40,157,230,.08),transparent 32%),linear-gradient(145deg,#fff,#edf5fb)!important;
  border-color:rgba(48,94,150,.14)!important;
  box-shadow:0 24px 60px rgba(37,76,124,.12)!important;
}
html[data-oz-mode="light"] body:has(.ozc-guest) .ozc-guest h1{color:#173552!important}
html[data-oz-mode="light"] body:has(.ozc-guest) .ozc-guest p{color:#637890!important}
html[data-oz-mode="light"] body:has(.ozc-guest) .ozc-guest-actions a{background:#fff!important;color:#536f88!important;border-color:rgba(48,94,150,.13)!important}
html[data-oz-mode="light"] body:has(.ozc-guest) .ozc-guest-actions a.is-primary{background:linear-gradient(135deg,#258df8,#24cfe7)!important;color:#fff!important;border-color:#258df8!important}
html[data-oz-mode="light"] body:has(.ozc-guest) .ozc-guest-features span{background:#f4f8fb!important;color:#637890!important;border-color:rgba(48,94,150,.10)!important}

@media(max-width:820px){
  html[data-oz-mode="light"] body.ozc-chat-page{background:#f3f8fd!important}
  html[data-oz-mode="light"] body.ozc-chat-page .ozc-app{background:#f3f8fd!important}
  html[data-oz-mode="light"] body.ozc-chat-page .ozc-topbar{background:#f8fbfe!important;border-bottom-color:rgba(48,94,150,.12)!important}
  html[data-oz-mode="light"] body.ozc-chat-page .ozc-composer{background:#fff!important}
}

