/* CoachMe V3 — WhatsApp-inspired appearance, scoped to messaging UIs.
   Pure presentation: no rights, storage or API behavior changes. */
#page-messages{
 --cmwa-bg:#0b141a;--cmwa-panel:#111b21;--cmwa-head:#202c33;
 --cmwa-surface:#202c33;--cmwa-line:#23333b;
 --cmwa-green:#00a884;--cmwa-own:#005c4b;--cmwa-ink:#e9edef;--cmwa-muted:#9cabb2;
 background:#0b141a!important;color:var(--cmwa-ink)!important
}
#page-messages .cmx-main-tabs{display:flex!important;gap:1px!important;padding:3px!important;background:#202c33!important;border:0!important;border-radius:12px!important}
#page-messages .cmx-main-tabs button{flex:1;background:transparent!important;border:0!important;color:#b2c2c7!important;font-size:12px!important;min-height:42px}
#page-messages .cmx-main-tabs button.active{background:#125447!important;color:#e6fff4!important;box-shadow:none!important}
#page-messages .cmclub-nav{display:flex;gap:2px;background:#202c33;border-radius:12px;padding:3px;margin-bottom:12px}
#page-messages .cmclub-nav button{background:transparent!important;border:0!important;color:#b2c2c7!important;font-size:12px!important;min-height:40px;border-radius:9px!important}
#page-messages .cmclub-nav button.active{color:#dcfff3!important;background:#11443a!important;border:0!important}
#page-messages .cmclub-filter-row button{background:#202c33!important;border:0!important;color:#b5c2c9!important;border-radius:22px!important;padding:8px 14px!important;font-size:12px!important}
#page-messages .cmclub-filter-row button.active{background:#12473c!important;color:#bff4de!important}
#page-messages .cmclub-search-modern{background:#202c33!important;border:0!important;border-radius:12px!important;min-height:43px}
#page-messages .cmclub-search-modern input{color:#e9edef!important;font-size:13px!important}
#page-messages .cmclub-thread-list{display:block!important;border-radius:0!important;background:transparent!important}
#page-messages .cmclub-thread{
 display:grid!important;grid-template-columns:52px minmax(0,1fr) 46px!important;gap:12px!important;
 background:transparent!important;border:0!important;border-bottom:1px solid #21313a!important;
 border-radius:0!important;box-shadow:none!important;min-height:78px!important;
 padding:10px 8px!important;color:#e9edef!important
}
#page-messages .cmclub-thread:hover{background:#16242c!important}
#page-messages .cmclub-thread-icon,#page-messages .cmx-icon{
 width:49px!important;height:49px!important;border-radius:50%!important;
 display:grid!important;place-items:center!important;background:linear-gradient(135deg,#21645d,#295064)!important;
 color:#edfff8!important;font-size:19px!important;box-shadow:none!important
}
#page-messages .cmclub-thread-main b{color:#f1f5f7!important;font-size:15px!important;line-height:1.35!important}
#page-messages .cmclub-thread-main small{color:#8d9da6!important;font-size:11px!important}
#page-messages .cmclub-thread-main em{color:#9aabb4!important;font-size:12px!important;line-height:1.35!important}
#page-messages .cmclub-thread-side small{color:#9aacb4!important;font-size:11px!important}
#page-messages .cmclub-thread-side i,.cmx-unread{background:#00a884!important;color:#06291f!important}
#page-messages .cmclub-thread-side>strong{color:#8ca2ac!important}
#page-messages .cmclub-sent{background:transparent!important;border:0!important;border-bottom:1px solid #23343e!important;border-radius:0!important}
#page-messages .cmclub-sent b{color:#e9edef!important;font-size:14px!important}
#page-messages .cmclub-thread-head-premium,#page-messages .cmx-thread-head{
 background:#202c33!important;border:0!important;border-radius:12px!important;
 min-height:61px!important;padding:9px!important
}
#page-messages .cmclub-thread-head-main b,#page-messages .cmx-thread-title b{font-size:15px!important;color:#f1f5f7!important}
#page-messages .cmclub-thread-head-main small,#page-messages .cmx-thread-title small{font-size:11px!important;color:#a7b8c0!important}
#page-messages .cmclub-mode-pill{background:#174a3e!important;border:0!important;color:#c8f9de!important}
#page-messages .cmclub-back,#page-messages .cmx-back{background:transparent!important;color:#e9edef!important;border:0!important;font-size:23px!important}
#page-messages .cmclub-private-note,#page-messages .cmclub-participants{background:#17252d!important;border-color:#2b424c!important;color:#a7bbc3!important}
#page-messages .cmclub-entries-premium,#page-messages .cmx-entries{
 background-color:#0b141a!important;
 background-image:radial-gradient(#36535a36 .8px,transparent .8px),linear-gradient(30deg,transparent 48%,#142b3040 49.5%,transparent 51%)!important;
 background-size:22px 22px,84px 84px!important;
 padding:16px 10px 86px!important;min-height:360px!important;display:flex!important;flex-direction:column!important;gap:10px!important;
}
#page-messages .cmclub-day-pill{background:#21343b!important;color:#b6c8ce!important;border:0!important;border-radius:10px!important;font-size:11px!important;padding:7px 13px!important}
#page-messages .cmclub-entry,#page-messages .cmx-entry{
 background:#202c33!important;border:0!important;color:#e9edef!important;
 border-radius:10px 10px 10px 0!important;box-shadow:0 1px 3px #0005!important;padding:10px 12px!important;
 max-width:min(86%,540px)!important;
}
#page-messages .cmclub-entry.mine,#page-messages .cmx-entry.mine{
 background:#005c4b!important;color:#f0fff9!important;
 border-radius:10px 10px 0 10px!important
}
#page-messages .cmclub-entry p,#page-messages .cmx-entry p{font-size:13px!important;line-height:1.5!important;color:inherit!important}
#page-messages .cmclub-entry small,#page-messages .cmx-entry small{color:#aec8c6!important;font-size:10px!important}
#page-messages .cmclub-reply-premium,#page-messages .cmx-compose,#page-messages .cmx-compose-wrap{
 background:#0b141a!important;border:0!important;box-shadow:none!important;border-radius:0!important;
 padding:9px 4px!important;gap:7px!important;position:sticky;bottom:0;z-index:10
}
#page-messages .cmclub-reply-premium textarea,#page-messages .cmx-compose textarea{
 background:#202c33!important;border:0!important;border-radius:24px!important;
 color:#e9edef!important;-webkit-text-fill-color:#e9edef!important;min-height:44px!important;
 padding:12px 14px!important;font-size:13px!important;outline:none!important
}
#page-messages .cmclub-reply-premium button,#page-messages .cmx-send{
 background:#00a884!important;color:#092920!important;border:0!important;
 width:45px!important;height:45px!important;border-radius:50%!important;font-size:20px!important;
 display:grid;place-items:center;flex:none
}
#page-messages .cmx-hero{background:#202c33!important;border-color:#23333b!important;border-radius:12px!important}
#page-messages .cmx-list{background:#111b21!important;border-color:#23333b!important}
#page-messages .cmx-row{
 border:0!important;border-bottom:1px solid #23333b!important;border-radius:0!important;
 padding:13px 10px!important;min-height:72px;color:#e9edef!important;background:#111b21!important;
}
#page-messages .cmx-row b{color:#e9edef!important;font-size:14px!important}
#page-messages .cmx-row small{color:#9aabb4!important;font-size:11px!important}
#page-messages .cmx-btn.primary{background:#00a884!important;border-color:#00a884!important;color:#062b22!important}
#page-messages .cmx-panel{background:#111b21!important;border-color:#23333b!important;color:#e9edef!important}
#page-messages .cmx-panel h3,#page-messages .cmx-access-block-title{color:#e9edef!important}
#page-messages .cmx-person-row,#page-messages .cmx-group-check{accent-color:#00a884}
#page-messages .cmu-group,#page-messages .cmu-network-club,#page-messages .cmu-community-people{background:#111b21!important;border-color:#23333b!important}
#page-messages .cmu-group-top,#page-messages .cmu-network-open{background:#111b21!important}
#page-messages .cmu-group-open b,#page-messages .cmu-network-open b{color:#e9edef!important;font-size:14px!important}
#page-messages .cmu-group-open small,#page-messages .cmu-network-open small{color:#9aadb7!important}
#page-messages .cmu-group-count,#page-messages .cmu-chevron{color:#77ccab!important}
#page-messages .cmu-group.open>.cmu-group-items,#page-messages .cmu-family-members{background:#0e1920!important}
#page-messages .cmu-group-items .cmclub-member,#page-messages .cmu-family{background:#202c33!important;border-color:#2b424b!important}
#page-messages .cmu-direct-search{background:#202c33!important;border:0!important}
#page-messages .cmu-direct-search input{color:#e9edef!important}
/* New message: two native steps — recipients then composer */
#page-messages .cmwa-selector,#page-messages .cmwa-compose-chat{
 background:#0b141a;color:#e9edef;border-radius:14px;overflow:hidden;
 display:flex;flex-direction:column;min-height:min(690px,calc(100dvh - 240px))
}
#page-messages .cmwa-selector-header,#page-messages .cmwa-chat-header{
 background:#202c33;padding:11px 12px;min-height:65px;
 display:flex;align-items:center;gap:11px;flex:none
}
#page-messages .cmwa-selector-header>div{display:grid;gap:4px;min-width:0}
#page-messages .cmwa-selector-header b,#page-messages .cmwa-chat-contact b{color:#e9edef!important;font-size:16px!important}
#page-messages .cmwa-selector-header small,#page-messages .cmwa-chat-contact small{color:#a6b6bc!important;font-size:11px!important}
#page-messages .cmwa-back{background:transparent;color:#d8e5e9;border:0;font-size:26px;min-width:30px;height:35px;cursor:pointer}
#page-messages .cmwa-searchbox{
 margin:11px 13px;background:#202c33;border-radius:12px;min-height:44px;
 display:flex;align-items:center;gap:9px;padding:0 13px;color:#a1b1ba
}
#page-messages .cmwa-searchbox input{color:#e9edef;background:transparent;border:0;outline:none;flex:1;min-width:0;font-size:13px}
#page-messages .cmwa-chips{display:flex;gap:7px;overflow-x:auto;min-height:44px;align-items:center;padding:6px 13px;background:#17252d;flex:none}
#page-messages .cmwa-chips button{background:#194e42!important;color:#d5fbe9!important;border:0!important;border-radius:20px!important;font-size:11px!important;white-space:nowrap}
#page-messages .cmwa-chips>span{color:#9cacb5;font-size:11px;white-space:nowrap}
#page-messages .cmwa-scroll{overflow:auto;flex:1;min-height:230px;padding:10px}
#page-messages .cmwa-scroll .cmu-group{border:0!important;border-bottom:1px solid #25353d!important;border-radius:0!important;margin:0!important}
#page-messages .cmwa-scroll .cmu-group-top{min-height:72px}
#page-messages .cmwa-scroll .cmu-group-open b{font-size:14px!important}
#page-messages .cmwa-scroll .cmu-group-items{border:0!important}
#page-messages .cmwa-select-bottom{background:#111b21;border-top:1px solid #23333b;padding:10px 13px;flex:none}
#page-messages .cmwa-modes{display:flex;gap:8px;margin:0 0 10px}
#page-messages .cmwa-modes label{
 display:flex;align-items:center;justify-content:center;flex:1;gap:5px;text-align:center;
 border:1px solid #3b535a;background:#202c33;color:#bbced4;border-radius:10px;
 font-size:11px;padding:9px 5px;min-height:38px;cursor:pointer
}
#page-messages .cmwa-modes label.active{background:#164b3d;border-color:#00a884;color:#d7ffeb}
#page-messages .cmwa-modes input{accent-color:#00a884}
#page-messages .cmwa-finish{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#adbec4;font-size:12px}
#page-messages .cmwa-next,#page-messages .cmwa-send{
 background:#00a884!important;color:#082920!important;width:47px!important;height:47px!important;
 border-radius:50%!important;border:0!important;font-size:23px!important;
 display:grid;place-items:center;cursor:pointer;flex:none
}
#page-messages .cmwa-next:disabled,#page-messages .cmwa-send:disabled{opacity:.35!important;cursor:not-allowed}
#page-messages .cmwa-missing{font-size:10px;color:#91a7ae;margin-top:5px}
#page-messages .cmwa-chat-header .cmwa-avatar{
 width:41px;height:41px;border-radius:50%;display:grid;place-items:center;
 background:linear-gradient(145deg,#21675b,#295066);font-size:13px;color:#f0fff8;font-weight:800;flex:none
}
#page-messages .cmwa-chat-contact{display:grid;gap:4px;text-align:left;flex:1;min-width:0;background:transparent;border:0;cursor:pointer}
#page-messages .cmwa-chat-contact b,#page-messages .cmwa-chat-contact small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#page-messages .cmwa-more{font-size:24px;color:#a9bbc1;padding:0 6px}
#page-messages .cmwa-chat-wall{
 background-color:#0b141a;background-image:radial-gradient(#304e5639 .8px,transparent .8px),linear-gradient(30deg,transparent 49%,#12272c45 50%,transparent 51%);
 background-size:22px 22px,85px 85px;
 min-height:280px;flex:1;display:flex;flex-direction:column;align-items:center;padding:17px 12px;gap:16px
}
#page-messages .cmwa-day{border-radius:9px;background:#203039;color:#b9ced2;font-size:10px;padding:7px 12px}
#page-messages .cmwa-safety{border-radius:9px;background:#1d3037cf;color:#a9bec4;max-width:88%;font-size:11px;padding:9px 12px;text-align:center}
#page-messages .cmwa-recipient-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;max-width:90%}
#page-messages .cmwa-recipient-strip span{background:#173a34;border-radius:16px;padding:5px 9px;color:#b9e8d3;font-size:10px}
#page-messages .cmwa-compose-empty{color:#8ea6af;font-size:12px;text-align:center;margin:auto}
#page-messages .cmwa-writer-wrap{background:#0b141a;padding:8px 7px 11px;position:sticky;bottom:0;z-index:5}
#page-messages .cmwa-subject{border-radius:10px;background:#17262d;color:#9db0b9;font-size:11px;margin-bottom:8px;padding:7px 12px}
#page-messages .cmwa-subject summary{cursor:pointer}
#page-messages .cmwa-subject input{width:100%;margin-top:7px;background:#202c33!important;color:#e9edef!important;border:0!important;padding:10px!important}
#page-messages .cmwa-writer{display:flex;gap:7px;align-items:flex-end}
#page-messages .cmwa-input-shell{
 flex:1;min-width:0;display:flex;gap:7px;align-items:center;
 background:#202c33;border-radius:24px;padding:5px 11px;min-height:46px
}
#page-messages .cmwa-smile{color:#a2b3ba;font-size:23px;line-height:1}
#page-messages .cmwa-input-shell textarea{
 flex:1;min-width:0;resize:none;overflow:auto;background:transparent!important;
 border:0!important;outline:0!important;box-shadow:none!important;color:#e9edef!important;
 -webkit-text-fill-color:#e9edef!important;padding:9px 2px!important;
 min-height:42px!important;max-height:120px!important;font-size:14px!important;line-height:1.45!important;
}
#page-messages .cmwa-input-shell textarea::placeholder{color:#9fb1b9!important;opacity:1}
#page-messages .cmwa-loading{padding:28px;background:#111b21;color:#a3b7bf;font-size:13px;display:grid;gap:12px}
#page-messages .cmwa-loading button{padding:10px;border:0;border-radius:10px;background:#00a884;color:#072a1d}
/* Communities and interclub share the same chat surfaces and target rows. */
#page-messages .cminter-card,#page-messages .cminter-thread,#page-messages .cminter-club{
 background:#111b21!important;border-color:#23333b!important;color:#e9edef!important
}
#page-messages .cminter-card input,#page-messages .cminter-card textarea,#page-messages .cminter-card select{
 background:#202c33!important;border:0!important;color:#e9edef!important;border-radius:12px!important;padding:11px!important
}
#page-messages .cminter-card label{color:#d7e8e9!important}
#page-messages .cmu-network-selected{background:#164b3e!important;color:#c1f4df!important;border:0!important}
#page-messages .cmu-network-club .cminter-cats button.sel{background:#00a884!important;border-color:#00a884!important;color:#072e23!important}
#page-messages input[type="checkbox"]{accent-color:#00a884!important}
/* Parent messaging uses the same language without expanding parental permissions. */
#tab-content .cmx-main-tabs{background:#202c33!important;border:0!important;border-radius:13px!important}
#tab-content .cmx-main-tabs button.active{background:#164b3f!important;color:#d3fdeb!important}
#tab-content .cmx-list{background:#111b21!important;border:0!important}
#tab-content .cmx-list .cmx-row{background:#111b21!important;border-color:#23333b!important;color:#e9edef!important;min-height:72px!important}
#tab-content .cmx-list .cmx-row b{color:#e9edef!important;font-size:14px!important}
#tab-content .cmx-list .cmx-icon{border-radius:50%!important;background:linear-gradient(135deg,#21645d,#295064)!important}
#tab-content .cmx-entry{background:#202c33!important;color:#e9edef!important;border-radius:10px 10px 10px 0!important}
#tab-content .cmx-entry.mine{background:#005c4b!important;color:#e9edef!important;border-radius:10px 10px 0 10px!important}
#tab-content .cmx-compose,#tab-content .cmx-compose-wrap{background:#0b141a!important;border:0!important;box-shadow:none!important}
#tab-content .cmx-compose textarea{background:#202c33!important;border:0!important;border-radius:23px!important;color:#e9edef!important;-webkit-text-fill-color:#e9edef!important}
#tab-content .cmx-send{background:#00a884!important;color:#083323!important;border:0!important;border-radius:50%!important}
@media(max-width:620px){
 #page-messages .cmclub-thread{grid-template-columns:49px minmax(0,1fr) 41px!important;gap:11px!important;padding:10px 5px!important}
 #page-messages .cmclub-thread-icon{width:46px!important;height:46px!important}
 #page-messages .cmwa-selector,#page-messages .cmwa-compose-chat{min-height:min(650px,calc(100dvh - 210px))}
 #page-messages .cmwa-selector-header,#page-messages .cmwa-chat-header{padding:9px}
 #page-messages .cmwa-modes label{font-size:10px}
 #page-messages .cmwa-chat-wall{min-height:210px}
 #page-messages .cmwa-scroll{padding:2px}
 #page-messages .cmwa-chips{margin:0!important}
 #page-messages .cmu-group-open small{font-size:10px!important}
}