/* FOOTPASS Messenger v2 · APP SHELL : VERSION CLAIRE
   Mêmes valeurs que l'onboarding clair (bg #F4F4F2, encre #0F0F10, cartes blanches).
   Le Pass ID (carte or) et les avatars monogrammes gardent leur matière sombre :
   ce sont des objets physiques / jetons d'identité. Tout le reste passe en clair. */

.hm.light { background: #F4F4F2; color: #0F0F10; }

/* Barre d'état : encre sombre sur fond clair (couvre le shell + sous-pages + feuilles) */
.hm.light .statusbar .sb-time { color: #0F0F10 !important; }
.hm.light .statusbar .sb-right svg { fill: #0F0F10 !important; }

/* Logo (wordmark blanc → noir) */
.hm.light .hm-logo { filter: invert(1); opacity: 0.92; }

/* ═══ En-têtes ═══ */
.hm.light .hm-iconbtn { background: #FFFFFF; border-color: rgba(15,15,16,0.10); color: #3A3A40; }
.hm.light .hm-dot { border-color: #F4F4F2; }
.hm.light .hm-h1 { color: #0F0F10; }
.hm.light .hm-sechead span { color: #8A8A93; }

/* ═══ Cartes & lignes ═══ */
.hm.light .hm-cardlist,
.hm.light .hm-convos,
.hm.light .hm-profile { background: #FFFFFF; border-color: rgba(15,15,16,0.08); }
.hm.light .hm-row + .hm-row,
.hm.light .hm-row + .hm-event,
.hm.light .hm-event + .hm-event,
.hm.light .hm-event + .hm-row,
.hm.light .hm-row.static + .hm-row.static,
.hm.light .hm-convo + .hm-convo { border-top-color: rgba(15,15,16,0.07); }
.hm.light .hm-row:active,
.hm.light .hm-convo:active,
.hm.light .hm-event:active { background: rgba(15,15,16,0.035); }
.hm.light .hm-row-ic { background: rgba(15,15,16,0.05); color: #4A4A52; }
.hm.light .hm-row-txt b,
.hm.light .hm-convo-top b,
.hm.light .hm-profile .hm-row-txt b { color: #0F0F10; }
.hm.light .hm-row-txt em { color: #6B6B73; }
/* Aperçu du message = volontairement plus discret */
.hm.light .hm-convo-prev em { color: #9AA0A6; font-weight: 450; }
.hm.light .hm-time,
.hm.light .hm-convo-time { color: #8A8A93; }
/* Rôle – Structure : l'encre la plus lisible des deux sous-lignes */
.hm.light .hm-convo-id { color: #45454C; font-weight: 500; }

/* L'avatar reste un jeton sombre, mais sa pastille « en ligne » épouse la carte blanche */
.hm.light .hm-online { border-color: #FFFFFF; }

/* ═══ Recherche ═══ */
.hm.light .hm-search { background: rgba(15,15,16,0.04); border-color: rgba(15,15,16,0.06); color: #9A9AA2; }
.hm.light .hm-search input { color: #0F0F10; }
.hm.light .hm-search input::placeholder { color: #9A9AA2; }
.hm.light .hm-search-clear { color: #9A9AA2; }
.hm.light .hm-empty { color: #8A8A93; }
.hm.light .hm-listfoot { color: #9A9AA2; }

/* ═══ Agenda ═══ */
.hm.light .hm-event-when { background: rgba(15,15,16,0.05); }
.hm.light .hm-event-when b { color: #0F0F10; }
.hm.light .hm-event-tag { background: rgba(15,15,16,0.06); color: #6B6B73; }

/* ═══ Tab bar ═══ */
.hm.light .hm-tabbar { background: rgba(244,244,242,0.9); border-top-color: rgba(15,15,16,0.08); }
.hm.light .hm-tab { color: #8A8A93; }
.hm.light .hm-tab.on { color: var(--acc-bright, #00C49A); }
.hm.light .hm-tab-badge { border-color: #F4F4F2; }

/* ═══ Menu : version ═══ */
.hm.light .hm-version { color: #9A9AA2; }

/* ═══════ SOUS-PAGES (Pass ID, coffre, mandats, réglages, notifs, aide) ═══════ */
.hm.light .pg { background: #F4F4F2; color: #0F0F10; }
.hm.light .pg-back { background: #FFFFFF; border-color: rgba(15,15,16,0.10); color: #0F0F10; }
.hm.light .pg-back svg path { stroke: #0F0F10; }
.hm.light .pg-title { color: #0F0F10; }

.hm.light .pg-info { background: #FFFFFF; border-color: rgba(15,15,16,0.08); }
.hm.light .pg-inforow + .pg-inforow { border-top-color: rgba(15,15,16,0.07); }
.hm.light .pg-inforow span { color: #6B6B73; }
.hm.light .pg-inforow b { color: #0F0F10; }

.hm.light .pg-btn { background: #FFFFFF; border-color: rgba(15,15,16,0.10); color: #0F0F10; }
.hm.light .pg-btn:active { background: #EFEFED; }
.hm.light .pg-btn.primary { background: #0F0F10; border-color: #0F0F10; color: #FFFFFF; }
.hm.light .pg-btn.primary:active { background: #26262A; }

.hm.light .pg-pill { background: rgba(15,15,16,0.06); color: #6B6B73; }
.hm.light .pg-pill.ok { background: color-mix(in srgb, var(--acc, #00A37E) 12%, transparent); color: var(--acc, #00A37E); }
.hm.light .pg-pill.warn { background: rgba(226,178,72,0.16); color: #A0761A; }
.hm.light .pg-pill.off { background: rgba(242,109,109,0.13); color: #C94747; }

.hm.light .pg-toggle { background: #D8D8D6; border-color: rgba(15,15,16,0.08); }
.hm.light .pg-toggle::after { background: #FFFFFF; }
.hm.light .pg-seg { background: #ECECEA; border-color: rgba(15,15,16,0.07); }
.hm.light .pg-seg button { color: #6B6B73; }
.hm.light .pg-seg button.on { background: #FFFFFF; color: #0F0F10; box-shadow: 0 1px 2px rgba(15,15,16,0.10); }

.hm.light .pg-faq-q { color: #0F0F10; }
.hm.light .pg-faq-q svg { color: #9A9AA2; }
.hm.light .pg-faq-a { color: #5E5E66; }
.hm.light .pg-faq + .pg-faq { border-top-color: rgba(15,15,16,0.07); }

.hm.light .pg-chiplbl { color: #8A8A93; }
.hm.light .pg-chip { background: #FFFFFF; border-color: rgba(15,15,16,0.09); color: #3A3A40; }
.hm.light .pg-chip.on { background: var(--acc, #00A37E); border-color: var(--acc, #00A37E); color: #FFFFFF; }
.hm.light .ag-typechip.on { background: var(--tc, var(--acc, #00A37E)); border-color: var(--tc, var(--acc, #00A37E)); color: #FFFFFF; }
.hm.light .ag-typechip.on .ag-typedot { background: rgba(255,255,255,0.95); }

.hm.light .pg-peer-role { color: #6B6B73; }
.hm.light .pg-peer-pass { color: #8A8A93; }
.hm.light .pg-ev-date { background: rgba(15,15,16,0.05); border-color: rgba(15,15,16,0.08); }
.hm.light .pg-ev-date em { color: #8A8A93; }
.hm.light .pg-ev-sub { color: #6B6B73; }

/* Notifications */
.hm.light .hm-notif.unread .hm-row-txt b { color: #0F0F10; }
.hm.light .hm-notif:not(.unread) .hm-row-txt b { color: #52525A; }

/* ═══════ FEUILLES MODALES ═══════ */
.hm.light .pg-scrim { background: rgba(15,15,16,0.30); }
.hm.light .pg-sheet { background: #FFFFFF; border-top-color: rgba(15,15,16,0.08); color: #0F0F10; }
.hm.light .pg-grab { background: rgba(15,15,16,0.16); }
.hm.light .pg-sheet-title { color: #0F0F10; }
.hm.light .pg-sheet .hm-cardlist { background: #F7F7F5; border-color: rgba(15,15,16,0.07); }
.hm.light .pg-sheet .hm-row + .hm-row { border-top-color: rgba(15,15,16,0.07); }
.hm.light .pg-sheet .pg-info { background: #F7F7F5; border-color: rgba(15,15,16,0.07); }
.hm.light .pg-sheet .pg-inforow + .pg-inforow { border-top-color: rgba(15,15,16,0.07); }
.hm.light .pg-roundbtn { background: rgba(15,15,16,0.05); border-color: rgba(15,15,16,0.09); }
.hm.light .pg-roundbtn:active { background: rgba(15,15,16,0.10); }

/* ═══ Filtres Messages · version claire ═══ */
.hm.light .hm-chip { border-color: rgba(15,15,16,0.14); color: #3A3A40; }
.hm.light .hm-chip.on { background: #0F0F10; border-color: #0F0F10; color: #FFFFFF; }
.hm.light .hm-chip-badge { background: var(--acc, #00A37E); color: #FFFFFF; }
.hm.light .hm-chip.on .hm-chip-badge { background: #FFFFFF; color: #0F0F10; }
.hm.light .hm-chip-dot { background: var(--acc, #00A37E); }
.hm.light .hm-chip.on .hm-chip-dot { background: #FFFFFF; }
.hm.light .hm-chip.add { color: #8A8A93; }
.hm.light .hm-chip.add:active { background: rgba(15,15,16,0.04); }
.hm.light .hm-chip.ghost { border-color: rgba(15,15,16,0.14); color: #3A3A40; }
.hm.light .hm-mf-arrow { color: #9A9AA2; }
.hm.light .hm-mf-count { color: #6B6B73; }
.hm.light .hm-chip.sub.on {
  background: color-mix(in srgb, var(--acc, #00A37E) 9%, #FFFFFF);
  border-color: color-mix(in srgb, var(--acc, #00A37E) 40%, transparent);
  color: var(--acc, #00A37E);
}
.hm.light .hm-chip.sub.on .hm-chip-badge { background: var(--acc, #00A37E); color: #FFFFFF; }

.hm.light .hm-flt-lbl { color: #8A8A93; }
.hm.light .hm-flt-input { background: #F2F2F0; border-color: rgba(15,15,16,0.10); color: #0F0F10; }
.hm.light .hm-flt-input::placeholder { color: #9A9AA2; }
.hm.light .hm-flt-count { color: var(--acc, #00A37E); }
.hm.light .hm-flt-list { background: #F7F7F5; border-color: rgba(15,15,16,0.08); }
.hm.light .hm-pickrow + .hm-pickrow { border-top-color: rgba(15,15,16,0.07); }
.hm.light .hm-pickrow:active { background: rgba(15,15,16,0.04); }
.hm.light .hm-pickrow-txt b { color: #0F0F10; }
.hm.light .hm-pickrow-txt em { color: #6B6B73; }
.hm.light .hm-pick-check { border-color: rgba(15,15,16,0.22); color: #FFFFFF; }
.hm.light .hm-pickrow.on .hm-pick-check { background: var(--acc, #00A37E); border-color: var(--acc, #00A37E); }


/* ═══════ Page structure publique (fpst) · le chat garde ses feuilles sombres (.app), ici contexte .hm ═══════ */
.hm.light .fpst-list { background: #FFFFFF; border-color: rgba(15,15,16,0.08); }
.hm.light .fpst-row + .fpst-row { border-top-color: rgba(15,15,16,0.07); }
.hm.light .fpst-list button.fpst-row:active { background: rgba(15,15,16,0.04); }
.hm.light .fpst-tx i.fpst-hasnum { color: var(--acc, #00A37E); }
.hm.light .fpst-row.hot { background: color-mix(in srgb, var(--acc, #00A37E) 8%, transparent); }
.hm.light .fpst-tx b { color: #0F0F10; }
.hm.light .fpst-tx em { color: #6B6B73; }
.hm.light .fpst-tx i { color: #8E8E93; }
.hm.light .fpst-lvl b { color: var(--acc, #00A37E); }
.hm.light .fpst-lvl em { color: #6B6B73; }
.hm.light .fpst-lbl { color: #6B6B73; }
.hm.light .fpst-lbl svg path { stroke: var(--acc, #00A37E); }
.hm.light .fpst-priv { color: #8E8E93; }
.hm.light .fpst-req { border-color: rgba(15,15,16,0.18); color: #6B6B73; }
.hm.light .fpst-req.sent { border-color: color-mix(in srgb, var(--acc, #00A37E) 35%, transparent); color: var(--acc, #00A37E); }
.hm.light .fpst-mine { color: #6B6B73; }
.hm.light .fpst-mine svg { color: var(--acc, #00A37E); }
.hm.light .fpst-logo { background: rgba(122,82,214,0.1); color: #6B4FB3; border-color: rgba(122,82,214,0.25); }
.hm.light .fpst-openrow { background: #FFFFFF; border-color: rgba(15,15,16,0.08); color: #0F0F10; }
.hm.light .fpst-link:active { background: rgba(15,15,16,0.04); }