/* CoachMe — palette accessible Messages / Communautés / Réseau clubs.
   Design only. Loaded after WhatsApp styles; scope excludes other modules. */
html:not([data-theme="dark"]) #page-messages,
html:not([data-theme="dark"]) #tab-content{
 --msg-bg:#f4f7fb;--msg-panel:#ffffff;--msg-panel2:#f8fafc;--msg-input:#eef3f9;
 --msg-stroke:#d6e1ed;--msg-ink:#0c1b36;--msg-muted:#536780;
 --msg-accent:#0878ff;--msg-action:#0865ce;--msg-active:#e4f0ff;--msg-active-ink:#114983;
 --msg-chat:#f6f9fc;--msg-incoming:#ffffff;--msg-outgoing:#dcecff;
 --msg-outgoing-ink:#12365d;--msg-on-accent:#ffffff;--msg-avatar:#1768c8;
 --msg-shade:0 2px 12px rgba(22,51,90,.06);
 color-scheme:light;
}
html[data-theme="dark"] #page-messages,
html[data-theme="dark"] #tab-content{
 --msg-bg:#06111f;--msg-panel:#0a192b;--msg-panel2:#0d2035;--msg-input:#162b42;
 --msg-stroke:#29465f;--msg-ink:#f2f7fd;--msg-muted:#b8c8db;
 --msg-accent:#188cff;--msg-action:#1069d2;--msg-active:#123e6f;--msg-active-ink:#d8ecff;
 --msg-chat:#081a2d;--msg-incoming:#17304a;--msg-outgoing:#0e5cb6;
 --msg-outgoing-ink:#ffffff;--msg-on-accent:#ffffff;--msg-avatar:#2678cf;
 --msg-shade:0 2px 12px rgba(0,0,0,.15);
 color-scheme:dark;
}
/* Core surfaces */
html #page-messages{
 background:var(--msg-bg)!important;color:var(--msg-ink)!important;
 --cmwa-bg:var(--msg-bg);--cmwa-panel:var(--msg-panel);--cmwa-head:var(--msg-panel2);
 --cmwa-surface:var(--msg-panel2);--cmwa-line:var(--msg-stroke);
 --cmwa-green:var(--msg-accent);--cmwa-own:var(--msg-outgoing);
 --cmwa-ink:var(--msg-ink);--cmwa-muted:var(--msg-muted);
 --cmmsg-bg:var(--msg-bg);--cmmsg-panel:var(--msg-panel);--cmmsg-card:var(--msg-panel2);
 --cmmsg-line:var(--msg-stroke);--cmmsg-text:var(--msg-ink);--cmmsg-muted:var(--msg-muted);
 --cmmsg-blue:var(--msg-accent);
}
html #page-messages .section-title,
html #page-messages .cmwa-selector-header b,
html #page-messages .cmwa-chat-contact b,
html #page-messages .cmclub-thread-main b,
html #page-messages .cmclub-thread-head-main b,
html #page-messages .cmx-thread-title b,
html #page-messages .cmx-section-head b,
html #page-messages .cmu-group-open b,
html #page-messages .cmu-network-open b,
html #page-messages .cmclub-sent b,
html #page-messages .cminter-card h3,
html #page-messages .cminter-main b,
html #page-messages .cminter-card label,
html #page-messages .cmx-panel h3,
html #page-messages .cmx-access-block-title{
 color:var(--msg-ink)!important;
}
html #page-messages .cmwa-selector-header small,
html #page-messages .cmwa-chat-contact small,
html #page-messages .cmclub-thread-main small,
html #page-messages .cmclub-thread-main em,
html #page-messages .cmclub-thread-side small,
html #page-messages .cmclub-thread-head-main small,
html #page-messages .cmx-thread-title small,
html #page-messages .cmu-group-open small,
html #page-messages .cmu-network-open small,
html #page-messages .cminter-main small,
html #page-messages .cminter-main em,
html #page-messages .cminter-scopes,
html #page-messages .cmwa-missing,
html #page-messages .cmclub-empty,
html #page-messages .cmx-empty,
html #page-messages .cmu-muted,
html #page-messages .cmx-row-main small{
 color:var(--msg-muted)!important;opacity:1!important;
}
html #page-messages .cmx-main-tabs,
html #page-messages .cmclub-nav,
html #page-messages .cmwa-selector-header,
html #page-messages .cmwa-chat-header,
html #page-messages .cmclub-thread-head-premium,
html #page-messages .cmx-thread-head,
html #page-messages .cmwa-select-bottom,
html #page-messages .cmwa-chips,
html #page-messages .cmx-hero,
html #page-messages .cmclub-sent,
html #page-messages .cmx-panel,
html #page-messages .cmu-community-people{
 background:var(--msg-panel)!important;color:var(--msg-ink)!important;border-color:var(--msg-stroke)!important;
}
html #page-messages .cmwa-selector,
html #page-messages .cmwa-compose-chat,
html #page-messages .cmwa-scroll,
html #page-messages .cmclub-thread-list,
html #page-messages .cmx-root,
html #page-messages .cmx-list,
html #page-messages .cmu-group-items,
html #page-messages .cmwa-writer-wrap,
html #page-messages .cmclub-reply-premium,
html #page-messages .cmx-compose,
html #page-messages .cmx-compose-wrap,
html #page-messages .cminter-grid{
 background:var(--msg-bg)!important;color:var(--msg-ink)!important;border-color:var(--msg-stroke)!important;
}
html #page-messages .cmwa-chat-wall,
html #page-messages .cmclub-entries-premium,
html #page-messages .cmx-entries{
 background-color:var(--msg-chat)!important;
 background-image:radial-gradient(color-mix(in srgb,var(--msg-muted) 10%,transparent) .7px,transparent .7px)!important;
 background-size:24px 24px!important;
}
/* Lists and community cards */
html #page-messages .cmclub-thread,
html #page-messages .cmx-row,
html #page-messages .cmu-group,
html #page-messages .cmu-group-top,
html #page-messages .cmu-network-club,
html #page-messages .cmu-network-open,
html #page-messages .cmu-family,
html #page-messages .cmclub-member,
html #page-messages .cminter-card,
html #page-messages .cminter-club,
html #page-messages .cminter-thread,
html #page-messages .cminter-entry,
html #page-messages .cmx-access-block,
html #page-messages .cmx-person-box,
html #page-messages .cmx-person-row,
html #page-messages .cmx-access-choice{
 background:var(--msg-panel)!important;color:var(--msg-ink)!important;
 border-color:var(--msg-stroke)!important;
}
html #page-messages .cmclub-thread:hover,
html #page-messages .cmx-row:hover,
html #page-messages .cmu-group-open:hover,
html #page-messages .cmu-network-open:hover{background:var(--msg-panel2)!important}
html #page-messages .cmu-group.open>.cmu-group-items,
html #page-messages .cmu-family-members,
html #page-messages .cmu-group-items .cmclub-member,
html #page-messages .cmu-unavailable,
html #page-messages .cmclub-status-note,
html #page-messages .cmclub-private-note,
html #page-messages .cmclub-participants,
html #page-messages .cmx-banner,
html #page-messages .cmclub-day-pill,
html #page-messages .cmwa-day,
html #page-messages .cmwa-safety,
html #page-messages .cmwa-compose-empty,
html #page-messages .cmx-access-note,
html #page-messages .cmx-access-section,
html #page-messages .cmx-staff-subgroup,
html #page-messages .cmx-person-selected,
html #page-messages .cmx-person-count{
 background:var(--msg-panel2)!important;color:var(--msg-muted)!important;border-color:var(--msg-stroke)!important;
}
html #page-messages .cmwa-compose-empty{background:transparent!important}
/* Input components */
html #page-messages .cmwa-searchbox,
html #page-messages .cmclub-search-modern,
html #page-messages .cmu-direct-search,
html #page-messages .cmwa-input-shell,
html #page-messages .cmclub-reply-premium textarea,
html #page-messages .cmx-compose textarea,
html #page-messages .cmx-person-search,
html #page-messages .cmx-create input,
html #page-messages .cmx-create select,
html #page-messages .cminter-card input,
html #page-messages .cminter-card textarea,
html #page-messages .cminter-card select,
html #page-messages .cminter-search,
html #page-messages .cminter-reply textarea,
html #page-messages #cminter-root .cminter-form input,
html #page-messages #cminter-root .cminter-form textarea,
html #page-messages #cminter-root .cminter-form select{
 background:var(--msg-input)!important;color:var(--msg-ink)!important;
 border-color:var(--msg-stroke)!important;-webkit-text-fill-color:var(--msg-ink)!important;
}
html #page-messages input::placeholder,
html #page-messages textarea::placeholder{color:var(--msg-muted)!important;opacity:1!important}
html #page-messages .cmwa-input-shell textarea,
html #page-messages .cmwa-searchbox input,
html #page-messages .cmclub-search-modern input,
html #page-messages .cmu-direct-search input{background:transparent!important;color:var(--msg-ink)!important;-webkit-text-fill-color:var(--msg-ink)!important}
html #page-messages .cmwa-subject,
html #page-messages .cmwa-subject input,
html #page-messages .cmwa-chips,
html #page-messages .cmwa-writer-wrap{background:var(--msg-panel)!important;color:var(--msg-ink)!important}
html #page-messages .cmwa-subject input{background:var(--msg-input)!important}
html #page-messages input[type="checkbox"],
html #page-messages input[type="radio"]{accent-color:var(--msg-accent)!important}
/* Active and focus states use the existing CoachMe electric blue, never green */
html #page-messages .cmx-main-tabs button,
html #page-messages .cmclub-nav button,
html #page-messages .cmwa-modes label,
html #page-messages .cmclub-filter-row button,
html #page-messages .cminter-nav button,
html #page-messages .cminter-space{
 background:var(--msg-panel2)!important;border-color:var(--msg-stroke)!important;color:var(--msg-ink)!important;
}
html #page-messages .cmx-main-tabs button.active,
html #page-messages .cmclub-nav button.active,
html #page-messages .cmwa-modes label.active,
html #page-messages .cmclub-filter-row button.active,
html #page-messages .cminter-nav button.active,
html #page-messages .cminter-space.active{
 background:var(--msg-active)!important;border-color:var(--msg-accent)!important;color:var(--msg-active-ink)!important;
 box-shadow:inset 0 0 0 1px var(--msg-accent)!important;
}
html #page-messages .cmwa-next,
html #page-messages .cmwa-send,
html #page-messages .cmclub-reply-premium button,
html #page-messages .cmx-send,
html #page-messages .cmx-btn.primary,
html #page-messages .cmwa-loading button,
html #page-messages .cminter-cats button.sel,
html #page-messages .cmu-network-club .cminter-cats button.sel,
html #page-messages #cminter-root .cminter-cats button.sel{
 background:var(--msg-action)!important;border-color:var(--msg-action)!important;color:var(--msg-on-accent)!important;
}
html #page-messages .cmwa-chips button,
html #page-messages .cmclub-selected button,
html #page-messages .cmu-network-selected,
html #page-messages .cmclub-mode-pill,
html #page-messages .cmwa-recipient-strip span,
html #page-messages .cmu-group-count{
 background:var(--msg-active)!important;color:var(--msg-active-ink)!important;border-color:var(--msg-stroke)!important;
}
html #page-messages .cmclub-thread-side i,
html #page-messages .cmx-unread,
html #page-messages .cminter-side i,
html #page-messages .cmwa-chat-header .cmwa-avatar,
html #page-messages .cmclub-thread-icon,
html #page-messages .cmx-icon{
 background:var(--msg-avatar)!important;color:#fff!important;border-color:var(--msg-stroke)!important;
}
html #page-messages .cmu-chevron,
html #page-messages .cmwa-smile{color:var(--msg-accent)!important}
/* Messages: consistent bubble contrast in both themes */
html #page-messages .cmclub-entry,
html #page-messages .cmx-entry,
html #page-messages .cminter-entry{
 background:var(--msg-incoming)!important;color:var(--msg-ink)!important;
 border-color:var(--msg-stroke)!important;box-shadow:var(--msg-shade)!important
}
html #page-messages .cmclub-entry.mine,
html #page-messages .cmx-entry.mine,
html #page-messages .cminter-entry.mine{
 background:var(--msg-outgoing)!important;color:var(--msg-outgoing-ink)!important
}
html #page-messages .cmclub-entry p,
html #page-messages .cmx-entry p,
html #page-messages .cmclub-entry small,
html #page-messages .cmx-entry small{color:inherit!important;opacity:.9!important}
/* Interclub had stronger hardcoded dark overrides, neutralize them */
html #page-messages #cminter-root,
html #page-messages #cminter-root .cminter-card,
html #page-messages #cminter-root .cminter-thread,
html #page-messages #cminter-root .cminter-entry,
html #page-messages #cminter-root .cminter-club{
 background:var(--msg-panel)!important;color:var(--msg-ink)!important;border-color:var(--msg-stroke)!important
}
html #page-messages #cminter-root .cminter-nav button,
html #page-messages #cminter-root .cminter-space,
html #page-messages #cminter-root .cminter-cats button,
html #page-messages #cminter-root .cminter-selected span{
 background:var(--msg-panel2)!important;color:var(--msg-ink)!important;border-color:var(--msg-stroke)!important
}
html #page-messages #cminter-root .cminter-nav button.active,
html #page-messages #cminter-root #cminter-space-network.active{background:var(--msg-active)!important;color:var(--msg-active-ink)!important;border-color:var(--msg-accent)!important}
html #page-messages #cminter-root .cminter-entry.mine{background:var(--msg-outgoing)!important;color:var(--msg-outgoing-ink)!important;border-color:var(--msg-stroke)!important}
html #page-messages #cminter-root .cminter-card h3,
html #page-messages #cminter-root .cminter-card b,
html #page-messages #cminter-root .cminter-thread b{color:var(--msg-ink)!important}
html #page-messages #cminter-root .cminter-main small,
html #page-messages #cminter-root .cminter-main em,
html #page-messages #cminter-root .cminter-scopes{color:var(--msg-muted)!important}
html #page-messages #cminter-root .cminter-form input,
html #page-messages #cminter-root .cminter-form select,
html #page-messages #cminter-root .cminter-form textarea,
html #page-messages #cminter-root .cminter-search,
html #page-messages #cminter-root .cminter-reply textarea{
 background:var(--msg-input)!important;color:var(--msg-ink)!important;-webkit-text-fill-color:var(--msg-ink)!important;border-color:var(--msg-stroke)!important
}
/* Parents: same readable scheme without changing member permissions */
html #tab-content .cmx-main-tabs,
html #tab-content .cmx-list,
html #tab-content .cmx-hero,
html #tab-content .cmx-row,
html #tab-content .cmx-thread-head,
html #tab-content .cmx-panel,
html #tab-content .cmx-compose,
html #tab-content .cmx-compose-wrap,
html #tab-content .cmx-section,
html #tab-content .cmx-banner,
html #tab-content .cmx-person-row{
 background:var(--msg-panel)!important;color:var(--msg-ink)!important;border-color:var(--msg-stroke)!important
}
html #tab-content .cmx-main-tabs button{background:var(--msg-panel2)!important;color:var(--msg-ink)!important}
html #tab-content .cmx-main-tabs button.active{background:var(--msg-active)!important;color:var(--msg-active-ink)!important;box-shadow:inset 0 0 0 1px var(--msg-accent)!important}
html #tab-content .cmx-row b,html #tab-content .cmx-thread-title b,html #tab-content .cmx-section-head b,
html #tab-content .cmx-banner strong,html #tab-content .cmx-panel h3{color:var(--msg-ink)!important}
html #tab-content .cmx-row small,html #tab-content .cmx-thread-title small,
html #tab-content .cmx-empty,html #tab-content .cmx-hero-main small{color:var(--msg-muted)!important}
html #tab-content .cmx-entries{background:var(--msg-chat)!important}
html #tab-content .cmx-entry{background:var(--msg-incoming)!important;color:var(--msg-ink)!important}
html #tab-content .cmx-entry.mine{background:var(--msg-outgoing)!important;color:var(--msg-outgoing-ink)!important}
html #tab-content .cmx-entry p,html #tab-content .cmx-entry small{color:inherit!important}
html #tab-content .cmx-compose textarea,
html #tab-content .cmx-compose-wrap .cmx-compose textarea,
html #tab-content #pc-root .cmx-compose-wrap .cmx-compose textarea{
 background:var(--msg-input)!important;color:var(--msg-ink)!important;-webkit-text-fill-color:var(--msg-ink)!important;border-color:var(--msg-stroke)!important;caret-color:var(--msg-accent)!important
}
html #tab-content textarea::placeholder,html #tab-content input::placeholder{color:var(--msg-muted)!important;opacity:1!important}
html #tab-content .cmx-send,html #tab-content .cmx-btn.primary{
 background:var(--msg-action)!important;color:var(--msg-on-accent)!important;border-color:var(--msg-action)!important
}
html #tab-content .cmx-icon,html #tab-content .cmx-club-icon{background:var(--msg-avatar)!important;color:#fff!important}
html #tab-content #pc-piece-preview,html #tab-content #cmx-piece-preview{
 background:var(--msg-panel2)!important;color:var(--msg-ink)!important;border-color:var(--msg-stroke)!important
}
@media(max-width:620px){
 html #page-messages .cmwa-selector,html #page-messages .cmwa-compose-chat{max-width:100%;overflow-x:hidden}
 html #page-messages .cmx-main-tabs button{font-size:11px!important}
}

/* Parent list rows retain a readable native theme; panels fit phone screens. */
html #tab-content .cmx-list .cmx-row{background:var(--msg-panel)!important;color:var(--msg-ink)!important;border-color:var(--msg-stroke)!important}
html #tab-content .cmx-list .cmx-row b{color:var(--msg-ink)!important}
html #tab-content .cmx-list .cmx-row small{color:var(--msg-muted)!important}
html #page-messages .cmx-panel{box-sizing:border-box!important;max-width:calc(100vw - 16px)!important}

/* Community member selection uses the same cards as Messages */
html body #cmx-overlay.cmx-access-overlay #cmx-person-results.cmx-member-list{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:7px!important;width:100%!important;min-width:0!important}
html body #cmx-overlay.cmx-access-overlay #cmx-person-results .cmclub-member.cmx-person-row{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;margin:0!important;padding:10px 12px!important;border-radius:10px!important;overflow:hidden!important}
html body #cmx-overlay.cmx-access-overlay #cmx-person-results .cmclub-member input[type="checkbox"]{position:static!important;flex:0 0 18px!important;width:18px!important;height:18px!important;margin:0!important}
html body #cmx-overlay.cmx-access-overlay #cmx-person-results .cmclub-member span{display:block!important;flex:1 1 auto!important;min-width:0!important;overflow:hidden!important}
html body #cmx-overlay.cmx-access-overlay #cmx-person-results .cmclub-member b{display:block!important;font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body #cmx-overlay.cmx-access-overlay #cmx-person-results .cmclub-member small{display:block!important;font-size:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* Match the message recipient accordion presentation; access semantics unchanged. */
#cmx-overlay.cmx-access-overlay .cmx-message-group{background:#fff!important;border:1px solid #d7e1eb!important;border-radius:12px!important;margin:8px 0!important;overflow:hidden!important}
#cmx-overlay.cmx-access-overlay .cmx-message-group>summary{display:grid!important;grid-template-columns:minmax(0,1fr) auto 18px!important;gap:10px!important;align-items:center!important;padding:17px 14px!important;min-height:65px!important;background:#fff!important;color:#17314a!important}
#cmx-overlay.cmx-access-overlay .cmx-message-group>summary b{font-size:14px!important;color:#17314a!important}
#cmx-overlay.cmx-access-overlay .cmx-message-group>summary span{font-size:11px!important;color:#356387!important;background:#eaf3fb!important}
#cmx-overlay.cmx-access-overlay .cmx-message-group>.cmx-access-options,#cmx-overlay.cmx-access-overlay .cmx-message-group>.cmx-access-core,#cmx-overlay.cmx-access-overlay .cmx-message-group>.cmx-member-list{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:7px!important;padding:10px!important;border-top:1px solid #d7e1eb!important}
#cmx-overlay.cmx-access-overlay .cmx-message-group .cmx-access-choice{width:100%!important;box-sizing:border-box!important}
html[data-theme="dark"] #cmx-overlay.cmx-access-overlay .cmx-message-group,html[data-theme="dark"] #cmx-overlay.cmx-access-overlay .cmx-message-group>summary{background:#102131!important;border-color:#29465e!important}
html[data-theme="dark"] #cmx-overlay.cmx-access-overlay .cmx-message-group>summary b{color:#f2f7fb!important}

/* Legibility of author names and text in outgoing community messages */
html body #page-messages .cmx-entry.mine,html body #tab-content .cmx-entry.mine{color:#fff!important}
html body #page-messages .cmx-entry.mine>b,html body #tab-content .cmx-entry.mine>b{color:#fff!important;opacity:1!important;font-weight:800!important}
html body #page-messages .cmx-entry.mine>p,html body #tab-content .cmx-entry.mine>p,html body #page-messages .cmx-entry.mine>small,html body #tab-content .cmx-entry.mine>small{color:#fff!important;opacity:1!important}
/* Community sender contrast: applies to light/dark and all message containers */
html body .cmx-entry.mine > b,html body .cmx-entry.mine > b *,html body .cmx-entry.mine > p,html body .cmx-entry.mine > small{color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;opacity:1!important;text-shadow:none!important}

/* Final author label override: light and dark, including premium themes */
html body #page-messages .cmx-entry.mine > b,html body #tab-content .cmx-entry.mine > b,html body .cmx-entries .cmx-entry.mine > b{color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;filter:none!important;text-shadow:0 1px 1px rgba(0,0,0,.35)!important;mix-blend-mode:normal!important}