/* V22.14 — light page shell (top bar + left sidebar). Default; Admin → Site content can switch back to dark. */

/* ── top bar ── */
body.shell-light .bk-top{background:#fff; color:#10201A; border-bottom:1px solid #E2EAE5; box-shadow:0 1px 0 rgba(17,19,24,.02)}
body.shell-light .bk-brand{border-right-color:#E2EAE5}
body.shell-light .bk-top .pw-n{color:#10201A} body.shell-light .bk-top .pw-t{color:#5A6962}
body.shell-light .bk-search{background:#EEF3F0; border:1px solid #E2EAE5} body.shell-light .bk-search:focus-within{background:#fff; border-color:#10201A}
body.shell-light .bk-search .ic{color:#5A6962} body.shell-light .bk-search input{color:#10201A} body.shell-light .bk-search input::placeholder{color:#8A968F}
body.shell-light .bk-top .ld-ico{border-color:#E2EAE5; background:#fff; color:#374151} body.shell-light .bk-top .ld-ico:hover{border-color:#10201A; background:#F4F7F5; color:#10201A}
body.shell-light .bk-top .ld-user-btn{background:#fff; border-color:#E2EAE5; color:#10201A} body.shell-light .bk-top .ld-user-btn:hover{border-color:#10201A; background:#F4F7F5}
body.shell-light .bk-top .ld-user-name, body.shell-light .bk-top .ld-user-btn .ic-caret{color:#10201A}
body.shell-light .bk-top .ld-cta{border-color:#E2EAE5; color:#10201A} body.shell-light .bk-top .ld-cta:hover{border-color:#10201A; background:#F4F7F5}
body.shell-light .bk-top .bk-burger, body.shell-light .bk-top .hd-sbtn{background:#EEF3F0; border-color:#E2EAE5; color:#10201A}
body.shell-light .bk-top.is-search .bk-search input{color:#10201A}
/* ── sidebar ── */
body.shell-light .bk-side{background:#fff; color:#10201A; border-right:1px solid #E2EAE5}
body.shell-light .bk-nav{border-bottom:0; gap:2px; padding-bottom:10px; margin-bottom:8px}
body.shell-light .bk-nav a{color:#374151; font-size:14.5px; padding:9px 12px; position:relative}
body.shell-light .bk-nav a .ic{color:#5A6962}
body.shell-light .bk-nav a:hover{background:#F4F7F5; color:#10201A}
body.shell-light .bk-nav a.is-on{background:#F2FAF4; border:0; color:#16833F; font-weight:700}
body.shell-light .bk-nav a.is-on .ic{color:#16833F}
body.shell-light .bk-nav a.is-on::before{content:""; position:absolute; left:-12px; top:8px; bottom:8px; width:3px; border-radius:0 3px 3px 0; background:#16833F}
body.shell-light .bk-nav-n{background:#16833F}
body.shell-light .bk-nav-post{margin-top:10px; justify-content:center; background:#16833F; color:#fff!important; font-weight:800}
body.shell-light .bk-nav-post .ic{color:#fff!important} body.shell-light .bk-nav-post:hover{background:#12703A!important}
body.shell-light .bk-side-cta{background:#FAFBFC; border-color:#E2EAE5; color:#10201A} body.shell-light .bk-side-cta small{color:#5A6962}
body.shell-light .bk-promo-img{background:linear-gradient(180deg,transparent 30%,#FAFBFC), radial-gradient(60px 40px at 70% 60%, rgba(22,131,63,.18), transparent), linear-gradient(160deg,#E3F4E8,#F4F7F5)}

/* brokers page: filters in the sidebar */
body.shell-light .bk-filters{border-top-color:#E2EAE5}
body.shell-light .bk-side .fl-opt, body.shell-light .bk-side .fl-opt .fl-lab, body.shell-light .bk-side summary{color:#374151}
body.shell-light .bk-side .fl-opt.is-zero .fl-lab{color:#8A968F}
body.shell-light .bk-side .fl-h, body.shell-light .bk-side h3, body.shell-light .bk-side h4, body.shell-light .bk-side legend{color:#10201A}
body.shell-light .bk-side input[type=text], body.shell-light .bk-side input[type=search], body.shell-light .bk-side select{background:#F4F7F5; color:#10201A; border-color:#E2EAE5}
/* phone menu account block */
body.shell-light .bk-side .mm-acct{background:#FAFBFC; border-color:#E2EAE5; color:#10201A}
/* new in V22.14 (both themes): group labels + profile card */
.bk-nav-g{display:block; font-size:10.5px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:#8A968F; padding:12px 12px 4px}
.bk-nav-post{display:flex; align-items:center; gap:10px}
.bk-pc{display:block; margin:4px 4px 14px; padding:12px 14px; border:1px solid var(--line-d,#E2EAE5); border-radius:12px; text-decoration:none; color:inherit}
.bk-pc b{display:block; font-size:13px} .bk-pc small{display:block; font-size:12px; color:#8A968F; margin-top:6px}
.bk-pc-bar{display:block; height:6px; border-radius:99px; background:rgba(127,127,127,.18); margin-top:8px; overflow:hidden} .bk-pc-bar i{display:block; height:100%; border-radius:99px; background:#16833F}
body.shell-light .bk-pc{background:#FAFBFC} body.shell-light .bk-pc small{color:#5A6962} body.shell-light .bk-pc:hover{border-color:#16833F}
/* Brokers page sidebar filters */
body.shell-light .fl-head, body.shell-light .fl-purpose-h{color:#5A6962}
body.shell-light .fl-pp{background:#F4F7F5; border-color:#E2EAE5; color:#10201A} body.shell-light .fl-pp small{color:#5A6962}
body.shell-light .fl-pp:hover{border-color:#16833F} body.shell-light .fl-pp.is-on{background:#F2FAF4; border-color:#16833F; color:#16833F}
body.shell-light .fl-pp.is-on small{color:#16833F}
body.shell-light .fl-search{background:#F4F7F5; border-color:#E2EAE5} body.shell-light .fl-search input{color:#10201A}
body.shell-light .fl-box{border-color:#D3DED7} body.shell-light .fl-n{color:#8A968F}
body.shell-light .fl-more{color:#5A6962} body.shell-light .fl-more:hover{color:#10201A}
body.shell-light .fl-sw:not(.is-on){background:#D3DED7}
body.shell-light .fl-online-t small{color:#5A6962}
body.shell-light .fl-list{scrollbar-color:#D3DED7 transparent}
body.shell-light .bk-side .fl-opt:hover{background:#F4F7F5}
/* animated search hint in the top bar */
body.shell-light .bk-top .gs-ph{color:#8A968F} body.shell-light .bk-top .gs-ph-w{color:#10201A} body.shell-light .bk-top .gs-ph-x{color:#8A968F}

body.shell-light .bk-side .fl-opt.is-on .fl-lab, body.shell-light .bk-side .fl-opt input:checked ~ .fl-lab, body.shell-light .bk-side .fl-opt.is-on{color:#10201A; font-weight:700}
body.shell-light .bk-side .fl-opt .fl-lab{color:#374151}
body.shell-light .bk-side{--line-d:#E2EAE5}
body.shell-light .bk-top{--line-d:#E2EAE5}
body.shell-light .fl-opt:has(input:checked) .fl-lab{color:#10201A!important; font-weight:700}

/* ═══════════ V22.15 — light across the whole platform ═══════════ */
/* shared light hero look (replaces the dark red-black banners) */
body.shell-light .of-hero, body.shell-light .hw-hero, body.shell-light .fq-hero, body.shell-light .lg-hero{
  background:radial-gradient(640px 280px at 92% -10%, rgba(22,131,63,.12), transparent 62%), linear-gradient(135deg,#FFFFFF 0%,#F6FBF8 100%);
  color:#10201A; border:1px solid #E3F4E8}
body.shell-light .of-hero h1, body.shell-light .hw-hero h1, body.shell-light .fq-hero h1, body.shell-light .lg-hero h1{color:#10201A!important}
body.shell-light .of-top p, body.shell-light .hw-hero > p, body.shell-light .fq-hero p, body.shell-light .lg-hero > p{color:#5A6962}
body.shell-light .of-crumb{color:#5A6962}
/* offers hero pieces */
body.shell-light .of-stats > span{background:#fff; border-color:#E2EAE5; color:#5A6962} body.shell-light .of-stats b{color:#10201A}
body.shell-light .of-bar{border:1px solid #E2EAE5; box-shadow:0 8px 24px rgba(17,19,24,.05)}
body.shell-light .of-chip{background:#fff; border-color:#E2EAE5; color:#374151} body.shell-light .of-chip:hover{background:#F4F7F5}
body.shell-light .of-chip.is-on{background:#10201A; border-color:#10201A; color:#fff}
/* how it works hero pieces */
body.shell-light .hw-fl{background:#fff; border-color:#EFE2E4} body.shell-light .hw-fl b{color:#10201A} body.shell-light .hw-fl span{color:#5A6962}
body.shell-light .hw-fl .hw-i{color:#16833F}
body.shell-light .hw-end{background:linear-gradient(135deg,#FFFFFF,#F6FBF8); border:1px solid #E3F4E8; color:#10201A}
body.shell-light .hw-end .hw-btn--g{background:#fff; color:#10201A; border-color:#E2EAE5}
/* help centre hero pieces */
body.shell-light .fq-srch{border:1px solid #E2EAE5; box-shadow:0 8px 24px rgba(17,19,24,.06)}
body.shell-light .fq-pop{color:#5A6962} body.shell-light .fq-pop button{background:#fff; border-color:#E2EAE5; color:#374151} body.shell-light .fq-pop button:hover{background:#F4F7F5}
/* legal tabs */
body.shell-light .lg-hero{border-radius:20px 20px 0 0; border-bottom:0} body.shell-light .lg-tab{color:#5A6962} body.shell-light .lg-tab:hover{color:#10201A}
body.shell-light .lg-tab.is-on{background:#F4F7F5; color:#10201A; box-shadow:0 -1px 0 #E3F4E8 inset}
/* about: get started */
body.shell-light .ab-start{background:linear-gradient(135deg,#FFFFFF,#F6FBF8); border:1px solid #E3F4E8; color:#10201A}
body.shell-light .ab-start h2{color:#10201A!important} body.shell-light .ab-start li{background:#fff; border:1px solid #EFE2E4} body.shell-light .ab-start li b{color:#10201A} body.shell-light .ab-start li span{color:#5A6962}
body.shell-light .ab-start .ab-btn--dark{background:#10201A; color:#fff}
/* login / register side panel */
body.shell-light .au2-pitch{background:radial-gradient(420px 260px at 90% 0%, rgba(22,131,63,.14), transparent 60%), linear-gradient(160deg,#FFFFFF,#F6FBF8); color:#10201A; border:1px solid #E3F4E8; border-right:0}
body.shell-light .au2-pitch h2{color:#10201A!important} body.shell-light .au2-pitch li span{color:#5A6962} body.shell-light .au2-pitch li b, body.shell-light .au2-pitch li strong{color:#10201A}
/* agencies claim banner, broker profile cover */
body.shell-light .ag-claim{background:linear-gradient(120deg,#FFFFFF,#F6FBF8); border:1px solid #E3F4E8; color:#10201A} body.shell-light .ag-claim span{color:#5A6962} body.shell-light .ag-claim b, body.shell-light .ag-claim h2, body.shell-light .ag-claim h3{color:#10201A}
body.shell-light .brp-cover{background:radial-gradient(circle at 85% 20%,rgba(22,131,63,.22),transparent 55%),linear-gradient(120deg,#F6FBF8 20%,#E3F4E8)}

/* ── footer ── */
body.shell-light .ft2{background:#fff; color:#10201A; border-top:1px solid #E2EAE5}
body.shell-light .ft2-brand > p, body.shell-light .ft2-side p, body.shell-light .ft2-trust li{color:#5A6962}
body.shell-light .ft2-trust span{background:#F2FAF4; border-color:#E3F4E8; color:#16833F}
body.shell-light .ft2 h4{color:#10201A} body.shell-light .ft2-cols a{color:#5A6962} body.shell-light .ft2-cols a:hover{color:#16833F}
body.shell-light .ft2-side{border-left-color:#E2EAE5} body.shell-light .ft2-side, body.shell-light body:not(.bk-landing) .ft2-side{border-top-color:#E2EAE5}
body.shell-light .ft2-news{background:#F4F7F5; border-color:#E2EAE5} body.shell-light .ft2-news-ic{color:#5A6962} body.shell-light .ft2-news input[type=email]{color:#10201A}
body.shell-light .ft2-app{background:#10201A; border-color:#10201A; opacity:1}
body.shell-light .ft2-bar{border-top-color:#E2EAE5; color:#5A6962} body.shell-light .ft2-bar b{color:#10201A}
body.shell-light .ft2-soc a{background:#F4F7F5; border-color:#E2EAE5; color:#374151} body.shell-light .ft2-soc a:hover{background:#F2FAF4; border-color:#16833F; color:#16833F}
body.shell-light .ft2-tag{color:#374151}
body.shell-light .ft2 .pw-n{color:#10201A} body.shell-light .ft2 .pw-t{color:#5A6962}
body.shell-light .ft2-news-msg.is-ok{color:#127A45!important} body.shell-light .ft2-news-msg.is-bad{color:#B42318!important}

/* ── phone bottom bar ── */
body.shell-light .appbar{background:rgba(255,255,255,.97); border-top:1px solid #E2EAE5; box-shadow:0 -6px 20px rgba(17,19,24,.06)}
body.shell-light .appbar a{color:#5A6962} body.shell-light .appbar a.is-on{color:#16833F} body.shell-light .appbar a:hover{color:#10201A}
@media (min-width:901px){ body.shell-light .appbar{border:1px solid #E2EAE5} }

/* ── homepage header + hero ── */
body.shell-light .ld-top{background:#fff; border-bottom:1px solid #E2EAE5; box-shadow:none}
body.shell-light .ld-brand-t b{color:#10201A} body.shell-light .ld-brand-t small{color:#5A6962} body.shell-light .ld-top .pw-n{color:#10201A} body.shell-light .ld-top .pw-t{color:#5A6962}
body.shell-light .ld-nav a{color:#374151} body.shell-light .ld-nav a:hover{color:#10201A} body.shell-light .ld-nav a.is-on{color:#10201A}
body.shell-light .ld-top .ld-ico{border-color:#E2EAE5; background:#fff; color:#374151} body.shell-light .ld-top .ld-ico:hover{border-color:#10201A; background:#F4F7F5}
body.shell-light .ld-top .ld-user-btn{background:#fff; border-color:#E2EAE5; color:#10201A} body.shell-light .ld-top .ld-user-name{color:#10201A}
body.shell-light .ld-top .ld-cta{border-color:#E2EAE5; color:#10201A} body.shell-light .ld-top .ld-cta:hover{border-color:#10201A; background:#F4F7F5}
body.shell-light .ld-lang > button{color:#10201A}
body.shell-light .ld-top .ld-burger, body.shell-light .ld-top .hd-sbtn{background:#EEF3F0; border-color:#E2EAE5; color:#10201A}
body.shell-light .ld-top .ld-gsearch{background:#EEF3F0; border-color:#E2EAE5} body.shell-light .ld-top .ld-gsearch input{color:#10201A}
body.shell-light .ld-top .gs-ph{color:#8A968F} body.shell-light .ld-top .gs-ph-w{color:#10201A}
body.shell-light.ld-nav-open .ld-nav{background:#fff; border-bottom-color:#E2EAE5} body.shell-light .ld-top .ld-nav a{border-bottom-color:#EEF3F0}
body.shell-light .ld-hero{background:radial-gradient(900px 500px at 92% 30%, rgba(22,131,63,.13), transparent 60%), radial-gradient(700px 400px at 10% 0%, rgba(255,236,238,.9), transparent 60%), linear-gradient(180deg,#FFFFFF 0%,#F6FBF8 100%)}
body.shell-light .ld-hero::before{background:linear-gradient(115deg,transparent 45%, rgba(22,131,63,.07) 45% 62%, transparent 62%)}
body.shell-light.bk-site .ld-hero h1{color:#10201A}
body.shell-light .ld-sub{color:#5A6962}
body.shell-light .ld-tabs button{color:#5A6962} body.shell-light .ld-tabs button:hover{color:#10201A; background:#EEF3F0}
body.shell-light .ld-tab-n{background:#EEF3F0; color:#5A6962}
body.shell-light .ld-search{background:#fff; border-color:#E2EAE5; box-shadow:0 24px 60px rgba(17,19,24,.10)}
body.shell-light .ld-fields{background:#F8F9FB; border-color:#E2EAE5}
body.shell-light .ld-field{border-right-color:#E2EAE5} body.shell-light .ld-fields--5 .ld-field, body.shell-light .ld-field{border-bottom-color:#E2EAE5}
body.shell-light .ld-field .ic{color:#16833F} body.shell-light .ld-field b{color:#10201A} body.shell-light .ld-field select{color:#5A6962}
body.shell-light .ld-field::after{border-color:#8A968F}
body.shell-light .ld-field:has(.ds-menu:not([hidden])), body.shell-light .ld-field:has(.ld-multi-menu:not([hidden])){background:#fff}
body.shell-light .ld-multi-btn{color:#10201A} body.shell-light .ld-multi-btn span{color:#5A6962}
body.shell-light .ld-field .ds-btn{color:#10201A} body.shell-light .ld-field .ds-btn.is-placeholder{color:#5A6962}
body.shell-light .ld-popular{color:#374151} body.shell-light .ld-popular a{border-color:#E2EAE5; color:#374151; background:#fff} body.shell-light .ld-popular a:hover{background:#F2FAF4; border-color:#16833F; color:#16833F}
/* styled dropdown menus (home search + language) */
body.shell-light .ds-menu{background:#fff; color:#10201A; border-color:#E2EAE5; box-shadow:0 20px 50px rgba(17,19,24,.16)}
body.shell-light .ds-search{background:#F4F7F5; border-color:#E2EAE5; color:#10201A}
body.shell-light .ds-list button{color:#374151} body.shell-light .ds-list button:hover{background:#F4F7F5; color:#10201A} body.shell-light .ds-list button.is-on{background:#F2FAF4; color:#16833F}
body.shell-light .ds-list{scrollbar-color:#D3DED7 transparent}

/* ── homepage phone menu ── */
body.shell-light .mm{background:#fff; color:#10201A; border-left:1px solid #E2EAE5}
body.shell-light .mm-h{background:#fff; border-bottom:1px solid #EEF3F0}
body.shell-light .mm-x{background:#EEF3F0; border-color:#E2EAE5; color:#10201A}
body.shell-light .mm-acct{background:#FAFBFC; border-color:#E2EAE5}
body.shell-light .mm-tabs{background:#EEF3F0} body.shell-light .mm-tabs a{color:#5A6962}
body.shell-light .mm-claim{color:#10201A} body.shell-light .mm-claim small, body.shell-light .mm-me small{color:#5A6962}
body.shell-light .mm-me{color:#10201A} body.shell-light .mm-av{background:#E8EEF7; color:#25406B}
body.shell-light .mm-quick a{background:#F4F7F5; color:#374151}
body.shell-light .mm-nav a{color:#374151} body.shell-light .mm-nav a .ic{color:#5A6962}
body.shell-light .mm-nav a:hover, body.shell-light .mm-nav a.is-on{background:#F2FAF4; color:#16833F} body.shell-light .mm-nav a.is-on .ic{color:#16833F}
body.shell-light .mm-foot a{color:#5A6962}
/* homepage headline (rotating words) and skyline */
body.shell-light .hm-h1, body.shell-light .hm-h1 b, body.shell-light .hm-rot, body.shell-light .hm-rot span, body.shell-light .hm-rot b{color:#10201A!important}
body.shell-light .hm-rot em, body.shell-light .ld-hero h1 em{color:#16833F!important}
body.shell-light .ld-sky{opacity:.16; filter:grayscale(1)}
body.shell-light .ld-dubai{color:#374151} body.shell-light .ld-dubai span{color:#8A968F}
body.shell-light .ld-adv{color:#374151}
body.shell-light .ld-tabs button.is-on{color:#fff; background:#16833F} body.shell-light .ld-tabs button.is-on .ld-tab-n{background:rgba(0,0,0,.2); color:#fff}
body.shell-light .mm .pw-n, body.shell-light .mm-h .pw-n, body.shell-light .mm-h b{color:#10201A} body.shell-light .mm .pw-t{color:#5A6962}
/* agency dashboard sidebar */
body.dash.shell-light .dnav, body.dash.shell-light .dside, body.dash.shell-light .dash-side{background:#fff!important; color:#10201A!important; border-color:#E2EAE5!important}
body.dash.shell-light .dn-item{color:#374151!important} body.dash.shell-light .dn-item .ic{color:#5A6962}
body.dash.shell-light .dn-item:hover{background:#F4F7F5}
body.dash.shell-light .dn-item.on, body.dash.shell-light .dn-item.is-on{background:#F2FAF4!important; color:#16833F!important; border:0}
body.dash.shell-light .dn-item.on .ic{color:#16833F!important}
body.dash.shell-light .dn-badge{background:#16833F!important}
body.dash.shell-light .dhelp, body.dash.shell-light .dside-help{background:#FAFBFC!important; color:#10201A!important; border:1px solid #E2EAE5}
body.dash.shell-light .dside-brand, body.dash.shell-light .dside-brand *, body.dash.shell-light .dside .pw-n{color:#10201A} body.dash.shell-light .dside .pw-t, body.dash.shell-light .dside-portal{color:#5A6962}
body.dash.shell-light .dside-help b{color:#10201A!important} body.dash.shell-light .dside-help span{color:#5A6962!important}
body.dash.shell-light .dash-hero{background:radial-gradient(520px 240px at 92% 0%, rgba(22,131,63,.13), transparent 62%), linear-gradient(120deg,#FFFFFF,#F6FBF8); border:1px solid #E3F4E8; color:#10201A}
body.dash.shell-light .dash-hero h1, body.dash.shell-light .dash-hero h2{color:#10201A} body.dash.shell-light .dash-hero p{color:#5A6962}
body.dash.shell-light .dash-hero-quote{background:#fff; color:#5A6962; border:1px solid #EFE2E4}
/* V22.16 — centred search in the top bar (desktop) */
@media (min-width:901px){ .bk-top .bk-search{justify-self:center; max-width:620px} }

/* V22.17 — chat window in light (undoes the old dark chat block) */
body.shell-light .lv-panel{background:#fff; color:#10201A; border:1px solid #E2EAE5; box-shadow:0 24px 60px rgba(17,19,24,.18)}
body.shell-light .lv-head{background:#fff; border-bottom:1px solid #EEF3F0} body.shell-light .lv-title b{color:#10201A} body.shell-light .lv-title small{color:#5A6962} body.shell-light .lv-title small a{color:#16833F}
body.shell-light .lv-back, body.shell-light .lv-close, body.shell-light .lv-mute{background:#EEF3F0; color:#10201A} body.shell-light .lv-mute svg{color:#5A6962}
body.shell-light .lv-back:hover, body.shell-light .lv-close:hover, body.shell-light .lv-mute:hover{background:#E2EAE5}
body.shell-light .lv-th{color:#10201A; border-bottom:1px solid #EEF3F0} body.shell-light .lv-th:hover{background:#F8F9FB} body.shell-light .lv-th.is-on{background:#F6FBF8}
body.shell-light .lv-av--th, body.shell-light .lv-av--xs, body.shell-light .lv-av--sm{background:#E8EEF7; color:#25406B}
body.shell-light .lv-th b{color:#10201A} body.shell-light .lv-th time{color:#8A968F} body.shell-light .lv-th small{color:#5A6962}
body.shell-light .lv-th.is-unread b, body.shell-light .lv-th.is-unread small{color:#10201A; font-weight:700}
body.shell-light .lv-tick{color:#8A968F} body.shell-light .lv-tick.is-read{color:#16A34A}
body.shell-light .lv-log, body.shell-light .lv-typing{background:#F8F9FB} body.shell-light .lv-day{color:#8A968F}
body.shell-light .lv-b{background:#fff; border-color:#E2EAE5; color:#10201A} body.shell-light .lv-m.is-me .lv-b{background:#16833F; border-color:#16833F; color:#fff}
body.shell-light .lv-form{background:#fff; border-top:1px solid #EEF3F0}
body.shell-light .lv-form input{background:#F4F7F5; border-color:#E2EAE5; color:#10201A} body.shell-light .lv-form input::placeholder{color:#8A968F} body.shell-light .lv-form input:focus{background:#fff; border-color:#10201A}
body.shell-light .lv-empty{color:#5A6962} body.shell-light .lv-empty a{color:#16833F}
body.shell-light .lv-bubble b{background:#10201A}
/* V22.17 — Brokers filters: readable options, light "Online now", clean area search */
body.shell-light .bk-side .fl-opt.is-zero{opacity:1}
body.shell-light .bk-side .fl-opt.is-zero .fl-lab{color:#8A968F}
body.shell-light .bk-side .fl-opt.is-zero .fl-n{color:#AEB9B2}
body.shell-light .bk-side .fl-opt.is-zero .fl-box{border-color:#D3DED7}
body.shell-light .bk-side .fl-opt .fl-lab{color:#374151}
body.shell-light .bk-side .fl-n{color:#5A6962; font-weight:600}
body.shell-light .bk-side .fl-box{border-color:#D3DED7; background:#fff}
body.shell-light .bk-side .fl-opt:hover .fl-lab{color:#10201A}
body.shell-light .bk-side .fl-search input{background:none!important; border:0!important; padding:0; height:auto; box-shadow:none}
body.shell-light .bk-side .fl-search{background:#F4F7F5; border:1px solid #E2EAE5} body.shell-light .bk-side .fl-search:focus-within{background:#fff; border-color:#10201A}
body.shell-light .fl-online{background:#F2FBF5; border-color:#D5EFDF; color:#10201A} body.shell-light .fl-online b{color:#10201A}
body.shell-light .fl-online.is-on{background:#E7F7EE; border-color:#16A34A}
body.shell-light .bk-side summary, body.shell-light .bk-side .fl-sec > b{color:#10201A}
/* V22.19 — Brokers filters: no stray lines at the top; "Online now" as a plain row with the green dot */
body.shell-light .bk-side > .bk-filters{border-top:0; margin-top:0; padding-top:10px}
body.shell-light .bk-filters > .fl:first-of-type, body.shell-light .bk-filters .fl-purpose{border-top:0}
body.shell-light .fl-online{background:none; border:0; border-top:1px solid #E2EAE5; border-radius:0; margin:6px 0 0; padding:14px 8px 6px}
body.shell-light .fl-online.is-on{background:none; border-color:#E2EAE5}
body.shell-light .fl-online b{font-size:14.5px; font-weight:700}
body.shell-light .fl-online .fl-sw{margin-left:auto}
body.shell-light .fl-online.is-on .fl-sw{background:#16A34A}
/* V22.21 — sidebar scrollbar hidden until the mouse is over the sidebar */
body .bk-side, body .dside{scrollbar-width:thin; scrollbar-color:transparent transparent!important}
body .bk-side:hover, body .dside:hover{scrollbar-color:#D3DED7 transparent!important}
.bk-side::-webkit-scrollbar, .dside::-webkit-scrollbar{width:8px; background:transparent}
.bk-side::-webkit-scrollbar-thumb, .dside::-webkit-scrollbar-thumb{background:transparent!important; border-radius:8px}
.bk-side:hover::-webkit-scrollbar-thumb, .dside:hover::-webkit-scrollbar-thumb{background:#D3DED7!important}
.bk-side::-webkit-scrollbar-track, .dside::-webkit-scrollbar-track{background:transparent}
@media (hover:none){ .bk-side, .dside{scrollbar-color:auto} }
/* V22.33 — the longer tagline ("The UAE's Real Estate Network") fits under the wordmark */
.pw .pw-t{font-size:8.6px;letter-spacing:.155em}
@media (max-width:380px){ .pw .pw-t{font-size:8px;letter-spacing:.12em} }
/* V22.37 — area check-ins on the broker profile */
.brp-chip.brp-chip--ck{border-color:#B7E4C7!important;background:#F0FAF4!important;color:#127A45!important}
.brp-chip.brp-chip--ck .ic{color:#16A34A}
.brp-chip small{font-weight:600;opacity:.85}
.brp-chip.brp-chip--old{color:#8A968F!important}
.brp-ck{display:block;margin:10px 0 0;font-size:13px;line-height:1.5;color:#5A6962} .brp-ck .ic{display:inline-block!important;width:15px;height:15px;color:#16A34A;vertical-align:-3px;margin-right:5px} .brp-ck b{color:#10201A}
/* V22.48 — Join page in the light style (was the old dark page) */
body.shell-light .jn{background:radial-gradient(900px 420px at 85% 0%,rgba(22,131,63,.08),transparent 60%),linear-gradient(180deg,#FFFFFF 0%,#F4F7F5 100%);color:#10201A}
body.shell-light .jn h1{color:#10201A} body.shell-light .jn h1 em{color:#16833F}
body.shell-light .jn-sub{color:#5A6962}
body.shell-light .jn-logo{background:#fff;box-shadow:0 10px 30px rgba(17,19,24,.08);border:1px solid #E2EAE5}
body.shell-light .jn-card{background:#fff;border:1.5px solid #E2EAE5;color:#10201A;box-shadow:0 6px 20px rgba(17,19,24,.05)}
body.shell-light .jn-card:hover{border-color:#16833F;box-shadow:0 14px 34px rgba(22,131,63,.12)}
body.shell-light .jn-ic svg{stroke:#10201A}            /* the red accent paths keep their own red */
body.shell-light .jn-card h2{color:#10201A} body.shell-light .jn-card p{color:#5A6962} body.shell-light .jn-card small{color:#8A968F}
body.shell-light .jn-btn{background:#16833F;color:#fff}
body.shell-light .jn-login{color:#5A6962} body.shell-light .jn-login span{background:#E2EAE5} body.shell-light .jn-login a{color:#16833F}
body.shell-light .jn-trust li,body.shell-light .jn-trust{color:#374151}
body.shell-light .jn-trust b,body.shell-light .jn-trust strong{color:#10201A}
/* V22.54 — broker sidebar: daily links + "More" */
.bk-more-t{display:flex;align-items:center;gap:12px;width:100%;padding:9px 12px;border:0;border-radius:12px;background:none;font:inherit;font-size:14.5px;font-weight:700;color:#374151;cursor:pointer;text-align:left}
.bk-more-t:hover{background:#F4F7F5} .bk-more-t .ic{width:20px;height:20px;color:#5A6962} .bk-more-ch{width:16px;height:16px;margin-left:auto;color:#8A968F;transition:transform .2s}
.bk-more-t[aria-expanded="true"] .bk-more-ch{transform:rotate(180deg)}
.bk-more{padding-left:6px;border-left:2px solid #EEF3F0;margin:2px 0 6px 18px}
/* V22.55 — page guide for brokers */
.pgd-guide{position:fixed;top:calc(var(--top,64px) + 16px);right:20px;width:300px;max-height:calc(100vh - var(--top,64px) - 32px);overflow:auto;background:#fff;border:1px solid #E2EAE5;border-radius:16px;box-shadow:0 10px 28px rgba(17,19,24,.06);z-index:20;font-family:Inter,system-ui,sans-serif;overscroll-behavior:contain}
.bk-main:has(> .pgd-guide:not([hidden])){padding-right:340px}
.bk-main:has(> .pgd-guide:not([hidden])) .fd-side,.bk-main:has(> .pgd-guide:not([hidden])) .qa-side{display:none!important}
.pgd-ic{width:18px;height:18px;flex:none} .pgd-ic--sm{width:14px;height:14px;vertical-align:-2px;margin-right:5px}
.pgd-h{display:flex;align-items:center;gap:10px;width:100%;padding:14px 44px 14px 14px;border:0;border-bottom:1px solid #DDF2E3;background:linear-gradient(135deg,#F6FBF8,#fff);text-align:left;cursor:default;font:inherit}
.pgd-hi{width:34px;height:34px;border-radius:10px;background:#E3F4E8;color:#16833F;display:grid;place-items:center;flex:none} .pgd-ht b{display:block;font-size:14px;color:#10201A} .pgd-ht small{display:block;font-size:11.5px;color:#5A6962}
.pgd-chev{display:none;margin-left:auto;color:#8A968F} .pgd-x{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:#8A968F;cursor:pointer} .pgd-x:hover{background:#EEF3F0;color:#10201A} .pgd-x .pgd-ic{width:16px;height:16px}
.pgd-s{padding:12px 14px;border-top:1px solid #EEF3F0} .pgd-s:first-child{border-top:0}
.pgd-l{margin:0 0 7px;font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#8A968F;display:flex;align-items:center} .pgd-p{margin:0;font-size:13px;line-height:1.5;color:#374151}
.pgd-li{display:flex;gap:8px;margin:0 0 7px;font-size:12.8px;line-height:1.45;color:#374151} .pgd-li:last-child{margin-bottom:0} .pgd-li .pgd-ic{width:17px;height:17px;margin-top:1px}
.pgd-li--ok .pgd-ic{color:#16A34A} .pgd-li--no .pgd-ic{color:#DC2626}
.pgd-m{display:grid;grid-template-columns:1fr auto;gap:2px 8px;font-size:12.8px;margin-bottom:8px;color:#374151} .pgd-m b{color:#10201A}
.pgd-bar{grid-column:1/-1;display:block;height:6px;border-radius:9px;background:#EEF3F0;overflow:hidden} .pgd-bar-f{display:block;height:100%;border-radius:9px} .pgd-bar-f--green{background:#16A34A} .pgd-bar-f--amber{background:#F59E0B} .pgd-bar-f--red{background:#DC2626}
.pgd-tip{display:flex;gap:9px;margin:4px 14px 12px;padding:10px 12px;border-radius:12px;background:#F0F6FF;color:#1D4E89;font-size:12.8px;line-height:1.45} .pgd-tip b{display:block;font-size:11px;letter-spacing:.05em;text-transform:uppercase;margin-bottom:2px} .pgd-tip .pgd-ic{color:#2563EB}
.pgd-more{display:flex;align-items:center;gap:8px;padding:12px 14px;border-top:1px solid #EEF3F0;font-size:13px;font-weight:800;color:#16833F;text-decoration:none} .pgd-more:hover{background:#F6FBF8}
.pgd-show{position:fixed;right:20px;top:calc(var(--top,64px) + 16px);z-index:20;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border:1px solid #E2EAE5;border-radius:10px;background:#fff;box-shadow:0 6px 16px rgba(17,19,24,.06);font:700 13px Inter,system-ui,sans-serif;color:#374151;cursor:pointer} .pgd-show .pgd-ic{color:#16833F;width:16px;height:16px}
@media (max-width:1180px){
  .pgd-guide{position:relative;top:auto;right:auto;width:auto;max-height:none;margin:0 0 14px;box-shadow:none}
  .bk-main:has(> .pgd-guide:not([hidden])){padding-right:20px}
  .pgd-h{cursor:pointer;border-bottom:0} .pgd-guide.is-open .pgd-h{border-bottom:1px solid #DDF2E3} .pgd-chev{display:grid} .pgd-guide.is-open .pgd-chev{transform:rotate(180deg)} .pgd-x{display:none}
  .pgd-b{display:none} .pgd-guide.is-open .pgd-b{display:block} .pgd-show{display:none!important}
  .bk-main:has(> .pgd-guide) .fd-side,.bk-main:has(> .pgd-guide) .qa-side{display:revert!important}
}
/* V22.57 — ask a specialty's brokers */
.sq-cta{display:flex;align-items:center;gap:14px;margin:10px 0 14px;padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,#F6FBF8,#fff);border:1px solid #DDF2E3}
.sq-num{min-width:64px;text-align:center;flex:none} .sq-num b{display:block;font-size:28px;font-weight:800;line-height:1;color:#10201A} .sq-num small{font-size:12px;color:#5A6962}
.sq-txt{flex:1;font-size:14px;line-height:1.5;color:#374151} .sq-txt b{color:#10201A} .sq-proof{display:block;margin-top:3px;font-size:12px;color:#127A45;font-weight:700}
.sq-btn{display:inline-flex;align-items:center;gap:7px;flex:none;height:46px;padding:0 16px;border:0;border-radius:13px;background:#16833F;color:#fff;font:800 14.5px Inter,system-ui,sans-serif;cursor:pointer;box-shadow:0 10px 22px rgba(22,131,63,.24)} .sq-btn svg{width:18px;height:18px}
.sq-cta--pro{background:#F8F9FB;border-color:#E2EAE5}
.sq-ov{position:fixed;inset:0;z-index:2100;font-family:Inter,system-ui,sans-serif} .sq-back{position:absolute;inset:0;background:rgba(8,8,12,.55);opacity:0;transition:opacity .2s}
.sq-sheet{position:absolute;left:50%;top:50%;width:min(480px,calc(100% - 24px));max-height:92vh;overflow:auto;transform:translate(-50%,-44%);opacity:0;transition:transform .22s,opacity .22s;background:#fff;border-radius:20px;padding:20px 20px 18px;box-shadow:0 30px 80px rgba(17,19,24,.3)}
.sq-ov.is-open .sq-back{opacity:1} .sq-ov.is-open .sq-sheet{transform:translate(-50%,-50%);opacity:1}
.sq-grab{display:none} .sq-x{position:absolute;top:14px;right:14px;width:34px;height:34px;border:0;border-radius:50%;background:#EEF3F0;color:#374151;display:grid;place-items:center;cursor:pointer} .sq-x svg{width:17px;height:17px}
.sq-sheet h2{margin:0 40px 10px 0;font-size:19px;font-weight:800;line-height:1.25}
.sq-to{display:flex;gap:9px;align-items:center;padding:10px 12px;border-radius:12px;background:#F0F6FF;color:#1D4E89;font-size:13.5px;line-height:1.4;margin-bottom:12px} .sq-to svg{width:19px;height:19px;flex:none} .sq-to b{color:#10201A}
.sq-l{display:block;margin:0 0 6px;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#8A968F} .sq-l small{text-transform:none;letter-spacing:0;font-weight:600}
.sq-sheet textarea{width:100%;box-sizing:border-box;border:1.5px solid #E2EAE5;border-radius:12px;padding:11px 12px;font:500 15px Inter,system-ui,sans-serif;resize:vertical;margin-bottom:12px} .sq-sheet textarea:focus{outline:0;border-color:#10201A}
.sq-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px} .sq-ch{height:34px;padding:0 12px;border:1.5px solid #E2EAE5;border-radius:99px;background:#fff;font:700 13px Inter,system-ui,sans-serif;color:#10201A;cursor:pointer} .sq-ch.on{border-color:#16833F;background:#16833F;color:#fff}
.sq-anon{display:flex;gap:8px;align-items:center;font-size:14px;color:#374151;margin-bottom:12px}
.sq-err{margin:0 0 10px;padding:10px 12px;border-radius:10px;background:#FEF3F2;color:#B42318;font-size:13.5px}
.sq-go{display:flex;align-items:center;justify-content:center;width:100%;height:50px;border:0;border-radius:13px;background:#16833F;color:#fff;font:800 15.5px Inter,system-ui,sans-serif;cursor:pointer;text-decoration:none} .sq-go:disabled{opacity:.55}
.sq-fine{margin:8px 0 0;text-align:center;font-size:12px;color:#8A968F}
.sq-done{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:10px 0 4px;font-size:14px;color:#5A6962} .sq-done b{font-size:19px;color:#10201A} .sq-done .sq-go{margin-top:8px}
.sq-doneic{width:60px;height:60px;border-radius:50%;background:#E7F7EE;color:#16A34A;display:grid;place-items:center} .sq-doneic svg{width:30px;height:30px}
@media (max-width:640px){
  .sq-cta{flex-wrap:wrap} .sq-btn{width:100%;justify-content:center}
  .sq-sheet{left:0;right:0;top:auto;bottom:0;width:auto;max-height:90vh;border-radius:22px 22px 0 0;transform:translateY(100%);opacity:1;padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))}
  .sq-ov.is-open .sq-sheet{transform:none} .sq-grab{display:block;width:42px;height:5px;border-radius:99px;background:#D3DED7;margin:-6px auto 12px}
}
/* V22.60 — who can answer */
.sq-scope{margin-bottom:12px} .sq-opt{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1.5px solid #E2EAE5;border-radius:12px;margin-bottom:7px;cursor:pointer}
.sq-opt:has(input:checked){border-color:#16833F;background:#F6FBF8} .sq-opt input{margin-top:3px;accent-color:#16833F} .sq-opt b{display:block;font-size:14px;color:#10201A} .sq-opt small{display:block;font-size:12.5px;color:#5A6962}
.qa-lock{display:flex;gap:10px;align-items:flex-start;margin:14px 0;padding:12px 14px;border-radius:14px;background:#F4F7F5;color:#5A6962;font-size:14px;line-height:1.5} .qa-lock svg{width:18px;height:18px;flex:none;margin-top:2px}
.qa-lock--sm{margin:10px 0 0;padding:10px 12px;font-size:13px}
.qa-scope{display:flex;gap:8px;align-items:flex-start;margin:0 0 12px;padding:10px 12px;border-radius:12px;background:#F0F6FF;color:#1D4E89;font-size:13.5px;line-height:1.45} .qa-scope svg{width:17px;height:17px;flex:none;margin-top:1px}
.qa-spec{display:inline-flex;align-items:center;margin-left:6px;padding:1px 8px;border-radius:99px;background:#E7F7EE;color:#127A45;font-size:11px;font-weight:800;vertical-align:1px}
/* V22.61 — filter sidebars: the ticked box shows (the white light-theme box was covering the tick) */
body.shell-light .bk-side .fl-opt.is-on .fl-box,body.shell-light .bk-side .fl-opt:has(input:checked) .fl-box{background:#16833F;border-color:#16833F}
body.shell-light .bk-side .fl-opt.is-on,body.shell-light .bk-side .fl-opt:has(input:checked){opacity:1}
/* V22.66 — arrange your sidebar */
.bk-cust{display:flex;align-items:center;gap:12px;width:100%;margin-top:6px;padding:9px 12px;border:0;border-radius:12px;background:none;font:inherit;font-size:13.5px;font-weight:700;color:#8A968F;cursor:pointer;text-align:left}
.bk-cust:hover{background:#F4F7F5;color:#374151} .bk-cust .ic{width:18px;height:18px}
.bk-nav.is-edit .sc-lbl{margin:10px 12px 4px;font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#8A968F}
.bk-nav.is-edit a[data-key]{position:relative;cursor:grab;border:1px dashed #E2EAE5;margin-bottom:4px;background:#fff;padding-right:4px}
.bk-nav.is-edit a[data-key].is-on{background:#fff;color:inherit}
.bk-nav.is-edit a.sc-drag{opacity:.45} .bk-nav.is-edit a.sc-hid{color:#8A968F}
.bk-nav.is-edit .bk-more{padding-left:0;border-left:0;margin-left:0}
.sc-ctl{margin-left:auto;display:inline-flex;align-items:center;gap:2px}
.sc-b{width:26px;height:26px;border:0;border-radius:7px;background:none;color:#5A6962;display:grid;place-items:center;cursor:pointer;padding:0} .sc-b:hover{background:#EEF3F0;color:#10201A} .sc-b svg,.sc-grip svg{width:15px;height:15px}
.sc-eye{color:#16833F} .sc-hid .sc-eye{color:#8A968F} .sc-grip{color:#AEB9B2;display:grid;place-items:center;width:18px}
.sc-bar{margin:8px 4px 0;padding:10px;border:1px solid #E2EAE5;border-radius:12px;background:#FAFBFC} .sc-bar p{margin:0 0 8px;font-size:12px;color:#5A6962;line-height:1.4}
.sc-bar div{display:flex;gap:6px} .sc-save,.sc-cancel{flex:1;height:36px;border-radius:10px;font:800 13px Inter,system-ui,sans-serif;cursor:pointer} .sc-save{border:0;background:#16833F;color:#fff} .sc-cancel{border:1.5px solid #E2EAE5;background:#fff}
.sc-reset{margin-top:8px;border:0;background:none;padding:0;font:700 12.5px Inter,system-ui,sans-serif;color:#5A6962;text-decoration:underline;cursor:pointer}
@media (hover:none){ .sc-grip{display:none} }
/* V22.66 — customize mode fits the narrow sidebar */
.bk-nav.is-edit a[data-key]{white-space:nowrap;overflow:hidden;font-size:13px;gap:8px;padding:7px 4px 7px 8px}
.bk-nav.is-edit a[data-key] > .ic{flex:none} .bk-nav.is-edit .sc-grip{display:none}
.bk-nav.is-edit .sc-b{width:22px;height:22px} .bk-nav.is-edit .sc-b svg{width:14px;height:14px} .sc-ctl{flex:none;padding-left:4px;background:inherit}
.bk-nav.is-edit a[data-key]{padding-right:80px} .bk-nav.is-edit .sc-ctl{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:#fff;padding-left:6px;box-shadow:-8px 0 8px #fff}
/* V22.67 — Create menu */
.bk-crw{position:relative;display:inline-flex} .bk-create .bk-cr-ch{width:15px;height:15px;margin-left:2px;transition:transform .15s} .bk-create[aria-expanded="true"] .bk-cr-ch{transform:rotate(180deg)}
.bk-crm{position:absolute;right:0;top:calc(100% + 8px);width:290px;background:#fff;border:1px solid #E2EAE5;border-radius:16px;box-shadow:0 18px 44px rgba(17,19,24,.16);padding:6px;z-index:60}
.bk-crm a{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;color:#10201A;text-decoration:none} .bk-crm a:hover,.bk-crm a:focus-visible{background:#F6FBF8;outline:0}
.bk-crm-i{width:38px;height:38px;border-radius:11px;background:#E3F4E8;color:#16833F;display:grid;place-items:center;flex:none} .bk-crm-i .ic{width:19px;height:19px}
.bk-crm b{display:block;font-size:14px} .bk-crm small{display:block;font-size:12px;color:#5A6962;margin-top:1px}

/* V22.100 — chat list: the "Chat options" button (⋯) and the row hover, in the light theme.
   theme-dark.css drew a red/dark circle and turned the row #10201A when the button was hovered or its menu open. */
body.shell-light .lv-thw:hover .lv-th, body.shell-light .lv-thw.is-menu .lv-th{background:#F8F9FB}
body.shell-light .lv-thw.is-menu .lv-th.is-on, body.shell-light .lv-thw:hover .lv-th.is-on{background:#F6FBF8}
body.shell-light .lv-thx{width:30px; height:30px; top:10px; right:10px; background:#EEF3F0; color:#3A4A42; box-shadow:none}
body.shell-light .lv-thx svg{width:16px; height:16px}
body.shell-light .lv-thx:hover, body.shell-light .lv-thw.is-menu .lv-thx{background:#E2EAE5; color:#10201A}
body.shell-light .lv-thx:focus-visible{outline:2px solid #16833F; outline-offset:2px}
@media (hover:none){ body.shell-light .lv-thx{background:transparent; color:#8A968F; width:28px; height:28px} }

/* V22.102 — the chat options menu (Delete chat / Delete & block) in the light theme: it was still the old dark panel */
body.shell-light .lv-pop{background:#FFFFFF; border:1px solid #E2EAE5; box-shadow:0 12px 32px rgba(17,19,24,.14), 0 2px 6px rgba(17,19,24,.06)}
body.shell-light .lv-pop::before{background:#FFFFFF; border-left-color:#E2EAE5; border-top-color:#E2EAE5}
body.shell-light .lv-pop.is-up::before{border-right-color:#E2EAE5; border-bottom-color:#E2EAE5}
body.shell-light .lv-pop button{color:#10201A}
body.shell-light .lv-pop button svg{color:#5A6962}
body.shell-light .lv-pop button:hover{background:#F4F7F5}
body.shell-light .lv-pop button:focus-visible{background:#F4F7F5; outline:2px solid #16833F; outline-offset:-2px}
body.shell-light .lv-pop button.is-danger, body.shell-light .lv-pop button.is-danger svg{color:#12703A}
body.shell-light .lv-pop button.is-danger:hover, body.shell-light .lv-pop button.is-danger:focus-visible{background:#F2FAF4}

/* V22.148 — chat look from the ZeroSpams theme: dotted green background, light-green own bubbles, white replies */
.lv-log,.ch-log,.msg-log{background-color:#EAF2EC !important;background-image:radial-gradient(#D3E3D7 1.1px,transparent 1.3px) !important;background-size:20px 20px !important}
.lv-m.is-me .lv-b,.ch-msg.is-me .ch-bub,.msg-b.is-me{background:#D6F2DE !important;border-color:#D6F2DE !important;color:#10201A !important;border-radius:16px !important;border-top-right-radius:4px !important}
.lv-m:not(.is-me) .lv-b,.ch-msg:not(.is-me) .ch-bub,.msg-b:not(.is-me){background:#FFFFFF !important;color:#10201A !important;border-radius:16px !important;border-top-left-radius:4px !important}
