/* 14/10 (patron) : SIGHT MOBILE — styles du MODE APPLICATION (appmode.py) + éléments communs (Signaler / Bloquer, réglages des notifications,
   Mes e-books). Fichier séparé de app.css (passe responsive menée à part). */

/* ---------- éléments présents aussi sur le site ---------- */
.ugc-act{display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:flex-end;align-items:center;margin:14px 0 4px;font-size:12.5px;opacity:.8}
.ugc-act .lnk,.ugc-act a{color:var(--mut,#9aa5bd);text-decoration:none;background:none;border:0;cursor:pointer;font:inherit;padding:4px 0}
.ugc-act .lnk:hover,.ugc-act a:hover{color:#ef4444}
.pref-l{display:flex;align-items:center;gap:10px;padding:9px 2px;border-bottom:1px solid rgba(138,149,168,.15);font-size:14px;cursor:pointer}
.pref-l input{width:20px;height:20px;accent-color:#d4af37;flex:0 0 auto}
.eb-l{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.eb-c{display:flex;gap:12px;align-items:flex-start;text-decoration:none;color:inherit}.eb-c:hover{border-color:#d4af37}
.eb-i{font-size:30px;line-height:1}
.push-inv{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px;padding:10px 12px;border-radius:12px;border:1px solid rgba(212,175,55,.55);
  background:linear-gradient(135deg,rgba(212,175,55,.14),rgba(7,11,22,.85));font-size:13.5px}
.push-inv span{flex:1 1 220px}.push-inv .lnk{color:var(--mut,#9aa5bd);background:none;border:0;font-size:16px;cursor:pointer}

/* ---------- MODE APPLICATION ---------- */
html.app-mode{-webkit-tap-highlight-color:transparent}
html.app-mode body{overscroll-behavior-y:none}
html.app-mode .sg-foot{display:none}
html.app-mode header.top{padding-top:env(safe-area-inset-top)}
/* barre du bas : Graphiques · Fil · ＋ · Groupes · Messages · Moi — affichée (comme la barre du site) sur téléphone ; tiroir ☰ = menu complet */
html.app-mode .sg-bottom.sg-bottom-app{justify-content:space-around;align-items:center;padding-bottom:max(6px,env(safe-area-inset-bottom))}
html.app-mode .sg-bottom-app a{position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0 2px;text-decoration:none;font-size:20px}
html.app-mode .sg-bottom-app a em{font-style:normal;font-size:10.5px;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
html.app-mode .sg-bottom-app .bt-eye img{width:30px;height:30px}
html.app-mode .sg-bottom-app .bdg-m{position:absolute;top:2px;left:calc(50% + 6px);min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#ef4444;color:#fff;
  font:800 10px/16px system-ui;font-style:normal;text-align:center}
@media (max-width:820px){html.app-mode main{padding-bottom:calc(78px + env(safe-area-inset-bottom))}}
/* cibles tactiles confortables */
html.app-mode .btn,html.app-mode button,html.app-mode .sg-nav a{min-height:40px}
html.app-mode input,html.app-mode select,html.app-mode textarea{font-size:16px}   /* pas de zoom automatique sur iPhone */
html.app-mode .gr-top{display:none!important}