:root{--gm-green:#079b4c;--gm-dark:#10251f;--gm-soft:#f5f8f6;--gm-line:#e5ebe8;--gm-pink:#ff315d;--gm-blue:#0c345c}.gm-page{max-width:760px;margin:0 auto;padding:14px 14px 92px}.gm-pagewide{max-width:1120px}.gm-titlebar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 14px}.gm-titlebar h1{font-size:34px;margin:0}.gm-sub{color:#6f7b76;margin:4px 0 0}.gm-search{display:flex;gap:8px;background:#fff;border:1px solid var(--gm-line);border-radius:18px;padding:10px 12px;margin:12px 0}.gm-search input{border:0;outline:0;min-width:0;flex:1;background:transparent}.gm-round{border:0;background:#eef4f1;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;cursor:pointer}.gm-tabs,.gm-chips{display:flex;gap:8px;overflow:auto;padding:2px 0 10px;scrollbar-width:none}.gm-tabs::-webkit-scrollbar,.gm-chips::-webkit-scrollbar{display:none}.gm-chip{white-space:nowrap;border:1px solid var(--gm-line);background:#fff;border-radius:999px;padding:9px 14px;font-weight:700;color:#44534d;cursor:pointer}.gm-chip.active{background:var(--gm-green);color:#fff;border-color:var(--gm-green)}.gm-filter-panel{background:#fff;border:1px solid var(--gm-line);border-radius:20px;padding:16px;margin:10px 0 16px}.gm-filter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.gm-filter-grid label{font-size:12px;font-weight:700}.gm-filter-grid input,.gm-filter-grid select{width:100%;margin-top:6px;border:1px solid var(--gm-line);border-radius:12px;padding:10px}.gm-profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gm-person{position:relative;aspect-ratio:3/4;border-radius:20px;overflow:hidden;background:#dfe7e3;box-shadow:0 8px 24px rgba(0,0,0,.08)}.gm-person>img{width:100%;height:100%;object-fit:cover}.gm-person:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.84))}.gm-person-info{position:absolute;z-index:2;left:12px;right:12px;bottom:12px;color:#fff}.gm-person-info h3{margin:0 0 4px;font-size:18px}.gm-person-info p{margin:0;font-size:12px;opacity:.9}.gm-person-badges{position:absolute;z-index:3;left:10px;top:10px;display:flex;gap:6px}.gm-badge{font-size:11px;font-weight:800;background:rgba(0,0,0,.6);color:#fff;padding:5px 8px;border-radius:999px}.gm-badge.online{background:var(--gm-green)}.gm-badge.new{background:#8b46e8}.gm-person-actions{position:absolute;z-index:4;right:10px;top:10px;display:grid;gap:7px}.gm-person-actions button,.gm-person-actions a{width:38px;height:38px;border-radius:50%;border:0;background:#fff;display:grid;place-items:center;box-shadow:0 4px 14px rgba(0,0,0,.15);cursor:pointer}.gm-person-actions .liked{background:#ffedf2;color:var(--gm-pink)}.gm-stories{display:flex;gap:12px;overflow:auto;padding:4px 0 14px}.gm-story{min-width:66px;text-align:center;font-size:11px}.gm-story img,.gm-story-add{width:58px;height:58px;border-radius:50%;object-fit:cover;border:3px solid #fff;outline:2px solid var(--gm-pink)}.gm-story-add{display:grid;place-items:center;font-size:30px;color:var(--gm-green);outline-color:var(--gm-green);background:#fff}.gm-composer-card{background:#fff;border:1px solid var(--gm-line);border-radius:20px;padding:12px;margin-bottom:14px}.gm-composer-line{display:flex;gap:10px;align-items:center}.gm-composer-line img{width:44px;height:44px;border-radius:50%;object-fit:cover}.gm-composer-line a{flex:1;background:#f3f6f4;border-radius:999px;padding:12px 14px;color:#75817c}.gm-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.gm-quick a{text-align:center;border:1px solid var(--gm-line);border-radius:12px;padding:8px;font-size:12px}.gm-trends{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.gm-trend{min-height:100px;border-radius:16px;padding:12px;color:#fff;display:flex;align-items:flex-end;background:linear-gradient(145deg,#134f3a,#111);font-weight:800}.gm-feed{display:grid;gap:14px}.gm-post{background:#fff;border:1px solid var(--gm-line);border-radius:20px;overflow:hidden}.gm-post-head{display:flex;align-items:center;gap:10px;padding:12px}.gm-post-head img{width:44px;height:44px;border-radius:50%;object-fit:cover}.gm-post-head .meta{min-width:0;flex:1}.gm-post-head .meta b,.gm-post-head .meta small{display:block}.gm-post-head small{color:#7a8782}.gm-post-caption{padding:0 12px 12px;line-height:1.45}.gm-post-media img,.gm-post-media video{display:block;width:100%;max-height:620px;object-fit:cover;background:#111}.gm-post-actions{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--gm-line)}.gm-post-actions button{border:0;background:#fff;padding:12px 6px;cursor:pointer}.gm-post-actions button.liked{color:var(--gm-pink)}.gm-comments{border-top:1px solid var(--gm-line);background:#fbfcfb;padding:10px 12px}.gm-comment{display:flex;gap:8px;margin:9px 0}.gm-comment.child{margin-left:38px}.gm-comment img{width:32px;height:32px;border-radius:50%;object-fit:cover}.gm-comment-bubble{flex:1;background:#fff;border:1px solid var(--gm-line);border-radius:14px;padding:8px 10px}.gm-comment-bubble b{font-size:12px}.gm-comment-bubble p{margin:3px 0 5px;font-size:13px}.gm-comment-tools{display:flex;gap:10px;font-size:11px}.gm-comment-tools button{border:0;background:none;padding:0;color:#65736d;cursor:pointer}.gm-comment-form{display:flex;gap:8px;margin-top:9px}.gm-comment-form input{flex:1;border:1px solid var(--gm-line);border-radius:999px;padding:10px 13px}.gm-comment-form button{border:0;border-radius:50%;width:40px;background:var(--gm-green);color:#fff}.gm-live-page{background:#071510;color:#fff;min-height:100vh;max-width:none;padding-top:14px}.gm-live-page .gm-sub{color:#b9c6c1}.gm-live-hero{border-radius:22px;overflow:hidden;min-height:210px;padding:24px;background:linear-gradient(130deg,#542b8b,#cc2e88);display:flex;align-items:center;justify-content:space-between;gap:18px}.gm-live-hero h2{font-size:28px;margin:0 0 8px}.gm-live-hero p{max-width:360px}.gm-live-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gm-live-card{position:relative;aspect-ratio:3/4;border-radius:18px;overflow:hidden;background:#111;color:#fff}.gm-live-card img{width:100%;height:100%;object-fit:cover}.gm-live-card:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.85))}.gm-live-card .info{position:absolute;z-index:2;left:10px;right:10px;bottom:10px}.gm-live-card .top{position:absolute;z-index:2;top:8px;left:8px;right:8px;display:flex;justify-content:space-between}.gm-live-watch{height:100dvh;background:#000;position:relative;color:#fff;overflow:hidden}.gm-live-watch .live-video-bg{width:100%;height:100%;object-fit:cover}.gm-live-watch .live-topbar{top:calc(env(safe-area-inset-top) + 12px)}.gm-gifts{display:flex;gap:8px;align-items:center}.gm-gifts button{border:0;background:rgba(0,0,0,.45);color:#fff;border-radius:999px;padding:8px 11px}.gm-message-shell{max-width:1120px;margin:14px auto 92px;background:#fff;border:1px solid var(--gm-line);border-radius:22px;overflow:hidden;min-height:680px;display:grid;grid-template-columns:360px 1fr}.gm-inbox{border-right:1px solid var(--gm-line);min-width:0}.gm-inbox-head{padding:16px}.gm-inbox h1{margin:0;font-size:30px}.gm-convo{display:flex;align-items:center;gap:10px;padding:11px 14px;border-top:1px solid #f0f2f1}.gm-convo.active,.gm-convo:hover{background:#f1faf5}.gm-convo img{width:50px;height:50px;border-radius:50%;object-fit:cover}.gm-convo .txt{min-width:0;flex:1}.gm-convo b,.gm-convo span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gm-convo span{font-size:12px;color:#77847f}.gm-chat{display:flex;flex-direction:column;min-width:0;height:680px}.gm-chat-head{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--gm-line)}.gm-chat-head img{width:42px;height:42px;border-radius:50%;object-fit:cover}.gm-chat-head .grow{flex:1}.gm-chat-messages{flex:1;overflow:auto;padding:14px;background:#f4f1ec}.gm-chat-compose{display:flex;gap:8px;padding:10px;background:#fff;border-top:1px solid var(--gm-line)}.gm-chat-compose .input{flex:1}.gm-contact-panel{position:fixed;inset:0 0 0 auto;width:min(420px,100%);z-index:80;background:#fff;box-shadow:-15px 0 50px rgba(0,0,0,.18);padding:20px;overflow:auto}.gm-contact-panel .hero{text-align:center}.gm-contact-panel .hero img{width:110px;height:110px;border-radius:50%;object-fit:cover}.gm-toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%,20px);z-index:2000;background:#17372b;color:#fff;padding:11px 16px;border-radius:999px;opacity:0;pointer-events:none;transition:.2s;max-width:88vw;text-align:center;font-size:13px;font-weight:700}.gm-toast.show{opacity:1;transform:translate(-50%,0)}.gm-toast.error{background:#a92838}
@media(max-width:900px){.gm-profile-grid,.gm-live-grid{grid-template-columns:repeat(2,1fr)}.gm-filter-grid{grid-template-columns:repeat(2,1fr)}.gm-message-shell{grid-template-columns:320px 1fr}.gm-trends{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.gm-page{padding:8px 10px 84px}.gm-titlebar h1{font-size:28px}.gm-filter-panel{position:fixed;inset:auto 0 0;z-index:70;border-radius:24px 24px 0 0;margin:0;padding:18px 14px 92px;max-height:85vh;overflow:auto;box-shadow:0 -20px 50px rgba(0,0,0,.18)}.gm-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.gm-person{border-radius:16px}.gm-person-info{left:9px;right:9px;bottom:9px}.gm-person-info h3{font-size:15px}.gm-composer-card{border-radius:0;margin-left:-10px;margin-right:-10px}.gm-trends{display:flex;overflow:auto}.gm-trend{min-width:130px}.gm-post{border-radius:0;margin-left:-10px;margin-right:-10px;border-left:0;border-right:0}.gm-live-page{padding-left:10px;padding-right:10px}.gm-live-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.gm-live-hero{min-height:180px;padding:18px}.gm-live-hero h2{font-size:22px}.gm-message-shell{display:block;margin:0 0 72px;border-radius:0;border-left:0;border-right:0;min-height:calc(100dvh - 72px)}.gm-inbox{border:0}.gm-message-shell.has-chat .gm-inbox{display:none}.gm-chat{height:calc(100dvh - 72px)}.gm-quick{grid-template-columns:repeat(4,1fr);gap:5px}.gm-quick a{padding:8px 3px;font-size:10px}.gm-post-actions button{font-size:12px}.gm-comment.child{margin-left:26px}}
@media(max-width:390px){.gm-profile-grid{gap:6px}.gm-person-actions button,.gm-person-actions a{width:34px;height:34px}.gm-person-info h3{font-size:14px}.gm-filter-grid{grid-template-columns:1fr 1fr}.gm-live-grid{gap:6px}.gm-chat-head{padding:8px}.gm-quick a span{display:none}}

/* Match system */
.gm-title-actions{display:flex;align-items:center;gap:8px}.gm-match-link{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--gm-line);background:#fff;border-radius:999px;padding:9px 13px;font-weight:800;color:#15915b;white-space:nowrap}.gm-badge.match{background:linear-gradient(135deg,#ff3670,#9a4cff)}.gm-eyebrow{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--gm-green)}.gm-match-summary{display:grid;grid-template-columns:repeat(2,minmax(0,180px));gap:10px;margin:14px 0 20px}.gm-match-summary>div{background:#fff;border:1px solid var(--gm-line);border-radius:18px;padding:14px 18px}.gm-match-summary strong,.gm-match-summary span{display:block}.gm-match-summary strong{font-size:24px;color:var(--gm-green)}.gm-match-summary span{font-size:12px;color:#708078;margin-top:3px}.gm-match-section{margin:20px 0}.gm-section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:12px}.gm-section-head h2{margin:0 0 4px}.gm-section-head p{margin:0;color:#708078}.gm-match-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.gm-match-card{background:#fff;border:1px solid var(--gm-line);border-radius:22px;overflow:hidden;box-shadow:0 10px 28px rgba(15,60,43,.07)}.gm-match-photo{display:block;position:relative;aspect-ratio:4/3;background:#dfe8e4}.gm-match-photo img{width:100%;height:100%;object-fit:cover}.gm-match-badge,.gm-match-online{position:absolute;top:10px;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:900;color:#fff}.gm-match-badge{left:10px;background:linear-gradient(135deg,#ff3670,#9a4cff)}.gm-match-online{right:10px;background:#09a75d}.gm-match-body{padding:14px}.gm-match-body h3{margin:0 0 5px}.gm-match-body p{margin:0 0 6px;color:#52665f}.gm-match-body small{color:#87948f}.gm-match-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.gm-incoming-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gm-incoming-card{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--gm-line);border-radius:18px;padding:10px}.gm-incoming-card img{width:56px;height:56px;border-radius:50%;object-fit:cover}.gm-incoming-card>div{flex:1;min-width:0}.gm-incoming-card b,.gm-incoming-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gm-incoming-card small{color:#708078;margin-top:4px}.gm-incoming-card button{width:44px;height:44px;border:0;border-radius:50%;background:#ffedf3;color:#ff315f;font-size:25px}.gm-empty-match{background:#fff;border:1px dashed #bcd7ca;border-radius:24px;text-align:center;padding:36px 20px}.gm-empty-heart{font-size:52px}.gm-empty-match h3{margin:8px 0}.gm-empty-match p{max-width:520px;margin:0 auto 18px;color:#61736c}.gm-match-modal-backdrop{position:fixed;inset:0;background:rgba(2,18,14,.72);z-index:3000;display:grid;place-items:center;padding:20px;animation:gmFade .18s ease}.gm-match-modal{width:min(390px,100%);background:#fff;border-radius:30px;padding:28px 22px;text-align:center;box-shadow:0 30px 90px rgba(0,0,0,.35);position:relative;overflow:hidden}.gm-match-modal:before{content:'💞';display:block;font-size:72px;line-height:1;margin-bottom:8px}.gm-match-modal h2{font-size:32px;margin:0;color:#122f26}.gm-match-modal p{color:#65756f;line-height:1.5}.gm-match-modal-actions{display:grid;gap:9px;margin-top:18px}.gm-match-modal-close{position:absolute;right:14px;top:14px;width:36px;height:36px;border:0;border-radius:50%;background:#f2f5f4;font-size:22px}@keyframes gmFade{from{opacity:0}to{opacity:1}}
@media(max-width:900px){.gm-match-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.gm-title-actions{gap:5px}.gm-match-link{padding:8px 10px;font-size:12px}.gm-match-grid{grid-template-columns:1fr 1fr;gap:8px}.gm-match-card{border-radius:17px}.gm-match-photo{aspect-ratio:1/1.15}.gm-match-body{padding:10px}.gm-match-body h3{font-size:15px}.gm-match-actions{grid-template-columns:1fr}.gm-match-actions .btn{padding:10px 8px;font-size:11px}.gm-incoming-grid{grid-template-columns:1fr}.gm-match-summary{grid-template-columns:1fr 1fr}.gm-match-summary>div{padding:11px 13px}.gm-match-summary strong{font-size:20px}}
@media(max-width:390px){.gm-match-link{max-width:112px;overflow:hidden;text-overflow:ellipsis}.gm-match-grid{gap:6px}.gm-match-body p,.gm-match-body small{font-size:11px}}

.gm-match-link.active{background:#079b4c;color:#fff;border-color:#079b4c}.gm-inline-matches{margin-top:8px}.gm-incoming-title{margin-top:28px}


/* ===== Gabon Match 2026: pages Stories / Videos / Notifications / Profil / Reglages ===== */
:root{--gm-green:#08a85a;--gm-green-dark:#087a47;--gm-ink:#101828;--gm-muted:#667085;--gm-line:#e7ece9;--gm-soft:#f6f8f7;--gm-pink:#ff2f68}
.gm-page{max-width:1180px;margin:0 auto;padding:24px 20px 96px}.gm-titlebar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.gm-titlebar h1{margin:0;font-size:32px}.gm-sub{color:var(--gm-muted);margin:5px 0 0}.gm-round{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#f0f3f2;text-decoration:none;color:#111;font-size:24px;border:0}.btn-sm{padding:9px 14px!important;font-size:13px!important}
/* videos */
.video-page{background:#080d14;min-height:100vh;padding:0 0 78px;color:white}.video-top-tabs{position:sticky;top:65px;z-index:25;display:flex;justify-content:center;gap:24px;padding:14px;background:rgba(8,13,20,.92);backdrop-filter:blur(14px)}.video-top-tabs a{color:#b8c0ca;text-decoration:none;padding:8px 4px;font-weight:700}.video-top-tabs a.active{color:white;border-bottom:3px solid #ff2f68}.video-top-tabs .video-publish{margin-left:24px;background:#ff2f68;color:#fff;border-radius:999px;padding:8px 18px}.pro-reels{max-width:620px;margin:auto}.pro-reel{height:calc(100vh - 142px);min-height:610px;position:relative;scroll-snap-align:start;background:#000;border-radius:16px;overflow:hidden;margin:14px 0}.pro-reel>.reel-video{width:100%;height:100%;object-fit:cover}.reel-gradient{position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.78));pointer-events:none}.pro-reel .reel-info{position:absolute;left:18px;right:86px;bottom:26px;z-index:4;color:white}.pro-reel .reel-author{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none}.pro-reel .reel-author img{width:38px;height:38px;border-radius:50%;object-fit:cover}.reel-follow{margin:9px 0;border:1px solid rgba(255,255,255,.7);border-radius:999px;background:transparent;color:#fff;padding:6px 12px}.pro-reel .reel-actions{position:absolute;right:12px;bottom:32px;z-index:5;display:flex;flex-direction:column;gap:15px;align-items:center}.pro-reel .reel-actions button,.pro-reel .reel-actions a{border:0;background:none;color:#fff;text-decoration:none;font-size:25px;display:flex;flex-direction:column;align-items:center}.pro-reel .reel-actions span{font-size:11px}.pro-reel .reel-actions img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #fff}.video-comments-panel{position:absolute;z-index:20;right:0;top:0;bottom:0;width:min(430px,82%);background:rgba(255,255,255,.98);color:#111;display:flex;flex-direction:column;box-shadow:-16px 0 40px rgba(0,0,0,.25)}.video-comments-panel.hidden{display:none}.video-comments-head{padding:18px;border-bottom:1px solid var(--gm-line);display:flex;justify-content:space-between}.video-comments-head button{font-size:26px;background:none;border:0}.video-comments-list{padding:12px;overflow:auto;flex:1}.video-emoji-bar{display:none;gap:6px;overflow:auto;padding:8px 12px;border-top:1px solid var(--gm-line)}.video-emoji-bar.show{display:flex}.video-emoji-bar button{border:0;background:#f3f5f4;border-radius:10px;font-size:21px;padding:7px}.video-comment-form{display:grid!important;grid-template-columns:1fr auto auto;gap:6px;padding:10px}.video-comment-form input{min-width:0}.emoji-toggle{border:0;background:#f3f5f4;border-radius:50%;font-size:20px}.gm-comment{display:flex;gap:8px;margin:10px 0}.gm-comment.child{margin-left:34px}.gm-comment>a>img,.gm-comment>img{width:34px;height:34px;border-radius:50%;object-fit:cover}.gm-comment-bubble{background:#f3f5f4;padding:9px 11px;border-radius:14px;flex:1}.gm-comment-bubble p{margin:4px 0}.gm-comment-tools{display:flex;gap:10px;flex-wrap:wrap}.gm-comment-tools button{border:0;background:none;color:#667085;padding:0;font-size:12px}.gm-comment-tools button.liked{color:#ef315c}
/* stories */
.story-title-actions{display:flex;gap:8px}.story-strip{margin-bottom:20px}.stories-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.6fr);gap:20px}.story-feature-card{height:690px;display:block;position:relative;border-radius:24px;overflow:hidden;background:#0a1118;color:#fff;text-decoration:none}.story-feature-card>img,.story-feature-card>video{width:100%;height:100%;object-fit:cover}.story-feature-card:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.75))}.story-feature-user{position:absolute;z-index:2;top:22px;left:22px;display:flex;align-items:center;gap:10px}.story-feature-user img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid white}.story-feature-user small{display:block}.story-feature-card>p{position:absolute;z-index:2;left:24px;right:24px;bottom:25px;font-size:18px}.story-text-only{height:100%;display:grid;place-items:center;padding:40px;font-size:32px;text-align:center;background:linear-gradient(135deg,#098a50,#052a42)}.stories-side{background:#fff;border:1px solid var(--gm-line);border-radius:20px;padding:16px}.story-mini{display:grid;grid-template-columns:86px 42px 1fr;align-items:center;margin:12px 0;text-decoration:none;color:#111}.story-mini-media{grid-column:1/4;grid-row:1;height:120px;border-radius:14px;overflow:hidden}.story-mini-media img,.story-mini-media video{width:100%;height:100%;object-fit:cover}.story-mini-avatar{grid-column:1;grid-row:2;width:40px;height:40px;border-radius:50%;object-fit:cover;margin-top:-20px;margin-left:8px;border:2px solid white}.story-mini>div:last-child{grid-column:2/4;grid-row:2}.story-emoji-row{display:flex;gap:8px;margin:8px 0}.story-emoji-row button{border:0;background:rgba(255,255,255,.12);font-size:20px;border-radius:999px;padding:6px 9px}
/* notifications */
.notifications-pro{max-width:960px}.notification-actions{display:flex;align-items:center;gap:8px}.notification-filters{display:flex;gap:8px;overflow:auto;padding-bottom:12px}.notification-group h2{font-size:18px;margin:22px 0 10px}.notification-pro-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--gm-line);background:white}.notification-pro-card.unread{background:#f1fff7}.notification-pro-card.match-card{background:linear-gradient(90deg,#fff0f5,#ffe9f1);border-radius:18px;margin:10px 0;border:0}.notification-main{display:flex;align-items:center;gap:12px;flex:1;text-decoration:none;color:#111}.notification-avatar{position:relative}.notification-avatar img{width:54px;height:54px;border-radius:50%;object-fit:cover}.notification-avatar span{position:absolute;right:-5px;bottom:-3px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 1px 6px #bbb;font-size:13px}.notification-copy p{margin:4px 0;color:#394150}.notification-copy small{color:#89919f}.unread-dot{width:9px;height:9px;background:#06a557;border-radius:50%}.notification-card-actions{display:flex;gap:7px}
/* edit profile */
.edit-profile-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px}.edit-main-card,.profile-preview-card,.settings-card{background:white;border:1px solid var(--gm-line);border-radius:20px;padding:18px}.edit-cover{height:235px;background-size:cover;background-position:center;border-radius:18px;position:relative}.edit-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(0,0,0,.35));border-radius:18px}.edit-cover-btn{position:absolute;z-index:2;right:14px;bottom:14px;background:#111c;color:white;padding:9px 13px;border-radius:999px;cursor:pointer}.edit-avatar{margin:-72px 0 20px 24px;position:relative;z-index:3;width:140px}.edit-avatar img{width:140px;height:140px;border-radius:50%;object-fit:cover;border:5px solid white}.edit-avatar label{position:absolute;right:2px;bottom:8px;width:38px;height:38px;border-radius:50%;background:#101828;color:white;display:grid;place-items:center;cursor:pointer}.form-grid .wide{grid-column:1/-1}.profile-media-edit{display:flex;gap:8px;overflow:auto;margin:12px 0 22px}.profile-media-edit>a{position:relative;flex:0 0 96px;height:110px;border-radius:12px;overflow:hidden}.profile-media-edit img,.profile-media-edit video{width:100%;height:100%;object-fit:cover}.profile-media-edit span{position:absolute;inset:0;display:grid;place-items:center;color:white}.profile-media-edit .media-add{border:2px dashed #cfd7d3;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#098f55;text-decoration:none;font-size:30px}.profile-media-edit .media-add small{font-size:12px}.profile-preview-card{text-align:center;position:sticky;top:92px;height:max-content}.profile-preview-card>img{width:110px;height:110px;border-radius:50%;object-fit:cover}.profile-preview-card .btn{display:block;margin-top:8px}
/* settings */
.gm-settings-page{max-width:1120px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings-card h2{font-size:18px;margin-top:0}.settings-card>a,.setting-row,.settings-card>label{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #eef1ef;text-decoration:none;color:#17212b}.settings-card>label{flex-wrap:wrap}.settings-card select,.settings-card input[type=text],.settings-card input[type=url],.settings-card input[type=number],.settings-card input:not([type]){border:1px solid #dbe2de;border-radius:10px;padding:9px;max-width:220px}.switch-row input{width:44px;height:24px;accent-color:#08a85a}.settings-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.settings-two label{display:flex;flex-direction:column;gap:8px}.settings-save{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}
@media(max-width:780px){.gm-page{padding:16px 14px 90px}.gm-titlebar h1{font-size:27px}.video-top-tabs{top:61px;justify-content:flex-start;overflow:auto;gap:16px}.video-top-tabs .video-publish{margin-left:0}.pro-reels{max-width:none}.pro-reel{height:calc(100dvh - 142px);min-height:520px;border-radius:0;margin:0}.video-comments-panel{top:auto;left:0;right:0;bottom:0;width:100%;height:65%;border-radius:22px 22px 0 0}.stories-layout,.edit-profile-layout,.settings-grid{grid-template-columns:1fr}.stories-side{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stories-side h3{grid-column:1/-1}.story-mini{margin:0}.story-feature-card{height:calc(100dvh - 260px);min-height:480px}.profile-preview-card{position:static}.edit-cover{height:180px}.notification-actions form{display:none}.notification-pro-card{align-items:flex-start;flex-wrap:wrap}.notification-card-actions{width:100%;padding-left:66px}.settings-save{grid-column:auto;flex-direction:column}.settings-save .btn{width:100%}.form-grid{grid-template-columns:1fr!important}.form-grid .wide{grid-column:auto}.story-title-actions .btn{display:none}}
@media(max-width:430px){.gm-page{padding-left:10px;padding-right:10px}.pro-reel .reel-info{right:72px}.pro-reel .reel-actions{right:7px}.stories-side{grid-template-columns:1fr}.notification-pro-card{padding:12px 8px}.notification-avatar img{width:46px;height:46px}.notification-card-actions{padding-left:58px}.edit-avatar{width:116px;margin-top:-58px}.edit-avatar img{width:116px;height:116px}.settings-card{padding:14px}.settings-card>label{align-items:flex-start}.settings-card select,.settings-card input{max-width:100%;width:100%}}

/* === Live studio preserved from approved version === */
.gm-live-hero-pro{position:relative;overflow:hidden}.gm-live-orb{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#ff8ca8,#ff315d 45%,#7a1b6b);font-size:24px;font-weight:900;box-shadow:0 0 45px rgba(255,49,93,.35)}.gm-live-category{display:inline-block!important;margin:5px 0 0;color:#ffb8ca}.gm-live-studio-pro{max-width:1180px}.live-studio-pro-grid{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(360px,1.18fr);gap:22px;align-items:start}.live-phone-preview{background:#071510;border-radius:28px;padding:14px;box-shadow:0 20px 55px rgba(0,0,0,.18)}.live-phone-preview .camera-preview{position:relative;min-height:620px;border-radius:22px;overflow:hidden;background:#000}.live-phone-preview video{width:100%;height:620px;object-fit:cover;display:block;transition:filter .2s}.live-phone-preview video.beauty-on{filter:brightness(1.06) saturate(1.08) contrast(.96)}.live-phone-preview video.effect-on{filter:saturate(1.38) contrast(1.07) hue-rotate(-8deg)}.live-phone-preview video.beauty-on.effect-on{filter:brightness(1.06) saturate(1.38) contrast(1.03) hue-rotate(-8deg)}.live-preview-badge{background:#ff315d;color:#fff;border-radius:999px;padding:6px 9px;font-weight:900;font-size:11px}.live-preview-actions{position:absolute;right:12px;bottom:16px;display:grid;gap:9px}.live-preview-actions button{border:0;background:rgba(0,0,0,.58);color:#fff;border-radius:999px;padding:9px 12px;font-weight:800}.live-preview-actions button.active{background:#ff315d}.live-settings-panel{position:sticky;top:88px}.live-settings-panel label{display:block;margin:12px 0;font-weight:700}.live-settings-panel .input{margin-top:6px}.live-studio-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0}.live-studio-features span{background:#f2f7f4;border:1px solid #e0ebe5;border-radius:12px;padding:10px;font-size:12px;font-weight:700}.studio-controls{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:12px}.control-chip.off{background:#5b6260!important;color:#fff!important}
@media(max-width:900px){.live-studio-pro-grid{grid-template-columns:1fr}.live-phone-preview{max-width:520px;width:100%;margin:auto}.live-settings-panel{position:static}}
@media(max-width:640px){.gm-live-hero-pro{padding:18px;min-height:190px}.gm-live-hero-pro h2{font-size:24px}.gm-live-orb{width:72px;height:72px;font-size:16px}.live-phone-preview{border-radius:0;padding:0;margin-left:-14px;margin-right:-14px;width:calc(100% + 28px);max-width:none}.live-phone-preview .camera-preview,.live-phone-preview video{height:72vh;min-height:500px;border-radius:0}.live-settings-panel{border-radius:18px}.live-studio-features{grid-template-columns:1fr}}
@media(max-width:380px){.gm-live-orb{display:none}}

/* === Stories Pro 2026 === */
.stories-pro-page{max-width:1180px;padding-top:24px}.stories-pro-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding:24px 26px;border-radius:26px;background:linear-gradient(135deg,#081b15,#102b22);color:#fff;margin-bottom:22px;box-shadow:0 18px 45px rgba(8,27,21,.14)}.stories-pro-head h1{font-size:40px;line-height:1;margin:5px 0 8px}.stories-pro-head p{margin:0;color:#c6d3ce;max-width:620px}.stories-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:#38d987;font-weight:800}.story-create-cta{display:inline-flex;align-items:center;gap:9px;padding:12px 16px;border-radius:999px;background:#08b968;color:#fff;text-decoration:none;font-weight:800;white-space:nowrap}.story-create-cta span{font-size:23px}.story-page-notice{margin-bottom:16px}.story-bubbles{display:flex;gap:17px;overflow-x:auto;padding:2px 2px 18px;scrollbar-width:none}.story-bubbles::-webkit-scrollbar{display:none}.story-bubble{flex:0 0 74px;text-align:center;text-decoration:none;color:#1e2b26}.story-bubble-avatar{width:70px;height:70px;border-radius:50%;padding:3px;display:grid;place-items:center;background:linear-gradient(135deg,#ff315d,#ffb547,#08b968);margin:0 auto 7px}.story-bubble-avatar img,.story-bubble-avatar b{width:62px;height:62px;border-radius:50%;object-fit:cover;border:3px solid #fff;background:#fff;display:grid;place-items:center}.story-bubble-avatar b{font-size:31px;color:#079b4c}.story-bubble strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-bubble-create .story-bubble-avatar{background:#e8f5ee}.story-section-block{margin:14px 0 28px}.story-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}.story-section-title h2{font-size:22px;margin:0 0 4px}.story-section-title p{margin:0;color:#7a8782;font-size:13px}.story-section-title>span{font-size:12px;font-weight:800;color:#079b4c;background:#eaf9f1;padding:7px 10px;border-radius:999px}.story-grid-pro{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.story-tile{position:relative;min-width:0;aspect-ratio:9/14;border-radius:20px;overflow:hidden;background:#0a1110;box-shadow:0 9px 26px rgba(0,0,0,.1)}.story-tile-link{position:absolute;inset:0;color:#fff;text-decoration:none}.story-tile-link>img,.story-tile-link>video{width:100%;height:100%;object-fit:cover;display:block}.story-tile-text{width:100%;height:100%;display:grid;place-items:center;padding:22px;text-align:center;background:linear-gradient(145deg,#006b44,#122d4a);font-size:20px;font-weight:800}.story-tile-shade{position:absolute;inset:48% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.82))}.story-tile-meta{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;gap:9px}.story-tile-meta img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid #fff}.story-tile-meta b,.story-tile-meta small{display:block}.story-tile-meta b{font-size:13px}.story-tile-meta small{font-size:11px;opacity:.85}.story-delete-form{position:absolute;right:9px;top:9px;z-index:4}.story-delete-form button,.story-owner-delete{border:0;background:rgba(12,18,16,.72);color:#fff;border-radius:999px;padding:9px 11px;cursor:pointer;backdrop-filter:blur(8px)}.story-empty-pro{text-align:center;background:#fff;border:1px dashed #ccd8d2;border-radius:22px;padding:38px 20px}.story-empty-pro>span{font-size:34px}.story-empty-pro h3{margin:8px 0}.story-empty-pro p{color:#7c8984}.story-empty-pro .btn{display:inline-flex;margin-top:7px}
.story-viewer-pro{min-height:100dvh;background:#07100d;color:#fff;display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:0;position:relative}.story-viewer-close{position:fixed;left:18px;top:18px;z-index:1500;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.6);color:#fff;text-decoration:none;font-size:30px;backdrop-filter:blur(10px)}.story-stage-pro{min-width:0;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px 24px}.story-viewer-head{width:min(620px,100%);display:flex;align-items:center;gap:10px;padding:10px 2px}.story-viewer-head>a>img{width:43px;height:43px;border-radius:50%;object-fit:cover}.story-viewer-head>div{min-width:0;flex:1}.story-viewer-head b,.story-viewer-head small{display:block}.story-viewer-head small{color:#aab7b2;font-size:11px}.story-viewer-head form{margin-left:auto}.story-owner-delete{font-size:12px}.story-media-stage{width:min(620px,100%);height:min(74dvh,820px);border-radius:25px;overflow:hidden;background:#000;display:grid;place-items:center;box-shadow:0 20px 70px rgba(0,0,0,.4)}.story-media-stage img,.story-media-stage video{width:100%;height:100%;object-fit:contain;background:#000}.story-text-stage{width:100%;height:100%;display:grid;place-items:center;text-align:center;padding:42px;background:linear-gradient(150deg,#07563b,#101e39);font-size:32px;font-weight:800;line-height:1.25}.story-viewer-caption{width:min(620px,100%);margin:12px 0 0;line-height:1.45}.story-viewer-actions{width:min(620px,100%);display:flex;align-items:center;gap:8px;padding-top:12px}.story-viewer-actions button,.story-viewer-actions a,.story-views{border:0;background:#17231f;color:#fff;border-radius:999px;padding:10px 13px;text-decoration:none;font-weight:700}.story-like-main.liked{background:#52202f;color:#ff7193}.story-views{margin-left:auto;font-size:12px;color:#b9c5c1}.story-comments-pro{height:100dvh;background:#fff;color:#18231f;border-left:1px solid #e5ebe8;display:flex;flex-direction:column;min-width:0}.story-comments-head{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #e8ecea}.story-comments-head h2{margin:0;font-size:20px}.story-comments-head p{margin:3px 0 0;font-size:12px;color:#83908a}.story-comments-head a{color:#079b4c;font-weight:800;text-decoration:none}.story-comment-list{flex:1;min-height:0;overflow:auto;padding:12px 16px}.story-no-comments{text-align:center;color:#7a8782;padding:38px 15px}.story-comment-pro{display:flex;gap:9px;padding:10px 0;border-bottom:1px solid #f0f2f1}.story-comment-pro>a>img{width:38px;height:38px;border-radius:50%;object-fit:cover}.story-comment-body{flex:1;min-width:0}.story-comment-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.story-comment-top b{font-size:13px}.story-comment-top small{font-size:10px;color:#94a09b}.story-comment-body p{margin:4px 0 6px;font-size:13px;line-height:1.42;word-break:break-word}.story-comment-tools{display:flex;gap:12px}.story-comment-tools a{font-size:11px;color:#5f6f68;text-decoration:none;font-weight:700}.story-comment-tools .danger{color:#d13f58}.story-emoji-row-pro{display:flex;gap:5px;overflow-x:auto;padding:8px 12px 3px;border-top:1px solid #eef1ef}.story-emoji-row-pro button{border:0;background:#f1f5f3;border-radius:999px;padding:7px 9px;font-size:17px}.story-comment-form-pro{display:flex;gap:8px;padding:10px 12px max(12px,env(safe-area-inset-bottom));background:#fff}.story-comment-form-pro input{flex:1;min-width:0;border:1px solid #dfe6e2;border-radius:999px;padding:11px 14px;outline:0}.story-comment-form-pro input:focus{border-color:#0cb368;box-shadow:0 0 0 3px rgba(12,179,104,.1)}.story-comment-form-pro button{width:42px;height:42px;border:0;border-radius:50%;background:#08b968;color:#fff;font-size:18px}

/* === Notifications V2 === */
.notifications-v2{max-width:980px}.notification-titlebar{align-items:flex-start}.notifications-v2 .notification-actions{flex-wrap:wrap;justify-content:flex-end}.notifications-v2 .notification-actions form{display:block;margin:0}.danger-round{background:#fff0f2;color:#c62b45}.notifications-v2 .notification-filters{position:sticky;top:72px;z-index:20;background:rgba(250,252,251,.94);backdrop-filter:blur(10px);padding:8px 0 12px}.notification-group-list{display:grid;gap:9px}.notifications-v2 .notification-pro-card{border:1px solid #e5ebe8;border-radius:18px;padding:12px 13px;box-shadow:0 3px 12px rgba(10,40,30,.035)}.notifications-v2 .notification-pro-card.unread{background:#effcf5;border-color:#ccefdc}.notifications-v2 .notification-main{min-width:0}.notifications-v2 .notification-copy{min-width:0;flex:1}.notification-name-line{display:flex;align-items:center;gap:7px}.notifications-v2 .notification-copy p{line-height:1.35;margin:3px 0 4px;word-break:break-word}.notification-row-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.notification-row-actions form{margin:0}.notification-delete-btn{width:38px;height:38px;border:0;border-radius:50%;background:#f4f6f5;cursor:pointer}.notification-delete-btn:hover{background:#ffe9ed}.notifications-empty{background:#fff;border:1px dashed #d2ddd8;border-radius:22px;text-align:center;padding:52px 20px;margin-top:22px}.notifications-empty span{font-size:38px}.notifications-empty h2{margin:8px 0 4px}.notifications-empty p{margin:0;color:#7b8983}

@media(max-width:980px){.story-grid-pro{grid-template-columns:repeat(3,minmax(0,1fr))}.story-viewer-pro{grid-template-columns:minmax(0,1fr) 340px}}
@media(max-width:780px){.stories-pro-page{padding-top:12px}.stories-pro-head{padding:20px;border-radius:22px;align-items:flex-start}.stories-pro-head h1{font-size:34px}.story-grid-pro{grid-template-columns:repeat(2,minmax(0,1fr))}.story-viewer-pro{display:block;min-height:100dvh;padding-bottom:0}.story-stage-pro{min-height:100dvh;padding:72px 10px 16px}.story-viewer-head{padding-left:4px;padding-right:4px}.story-media-stage{height:min(70dvh,720px);border-radius:20px}.story-comments-pro{height:auto;min-height:58dvh;border-left:0;border-top:1px solid #dfe6e2;border-radius:24px 24px 0 0;overflow:hidden}.story-comment-list{max-height:55dvh;overflow:auto}.story-viewer-close{top:max(12px,env(safe-area-inset-top));left:12px}.story-owner-delete{padding:8px 10px}.notifications-v2 .notification-actions form{display:block!important}.notifications-v2 .notification-pro-card{align-items:center;flex-wrap:nowrap}.notification-row-actions{flex:0 0 auto}.notifications-v2 .notification-copy small{font-size:10px}.notifications-v2 .notification-filters{top:61px}}
@media(max-width:560px){.stories-pro-head{display:block}.story-create-cta{margin-top:16px}.story-grid-pro{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.story-tile{border-radius:16px}.story-tile-meta{left:8px;right:8px;bottom:8px}.story-tile-meta img{width:32px;height:32px}.story-tile-meta b{font-size:11px}.story-delete-form{right:6px;top:6px}.story-delete-form button{padding:7px 8px}.story-bubbles{margin-left:-10px;margin-right:-10px;padding-left:10px;padding-right:10px}.story-media-stage{height:66dvh}.story-viewer-head{padding-right:2px}.story-viewer-head b{font-size:13px}.story-viewer-caption{font-size:13px}.story-viewer-actions{gap:5px;overflow-x:auto}.story-viewer-actions button,.story-viewer-actions a,.story-views{font-size:11px;padding:9px 10px;white-space:nowrap}.story-views{margin-left:0}.notification-titlebar{display:block}.notifications-v2 .notification-actions{margin-top:10px;justify-content:flex-start}.notifications-v2 .notification-pro-card{padding:10px 9px;gap:8px}.notifications-v2 .notification-avatar img{width:44px;height:44px}.notifications-v2 .notification-avatar span{width:22px;height:22px;font-size:11px}.notifications-v2 .notification-copy b{font-size:12px}.notifications-v2 .notification-copy p{font-size:12px}.notification-row-actions .btn{display:none}.notification-delete-btn{width:34px;height:34px}.notifications-v2 .notification-filters{margin-left:-10px;margin-right:-10px;padding-left:10px;padding-right:10px}}
@media(max-width:370px){.story-grid-pro{grid-template-columns:1fr 1fr}.stories-pro-head h1{font-size:30px}.story-bubble{flex-basis:66px}.story-bubble-avatar{width:62px;height:62px}.story-bubble-avatar img,.story-bubble-avatar b{width:54px;height:54px}.story-owner-delete{font-size:0}.story-owner-delete:first-letter{font-size:14px}.notification-row-actions{align-self:flex-start}}

/* === Gabon Match : sélecteur d'emojis commentaires / messages / actualité === */
.gm-comment-form,.gm-chat-compose,.gm-caption-wrap,.reply-form,.comment-composer{position:relative}
.gm-emoji-button{flex:0 0 auto;width:40px;height:40px;border:1px solid #dfe7e3!important;border-radius:50%!important;background:#fff!important;color:#1d2b25!important;display:grid;place-items:center;font-size:20px!important;cursor:pointer;transition:.18s;box-shadow:none!important;padding:0!important}
.gm-emoji-button:hover,.gm-emoji-button:focus{background:#eef9f3!important;border-color:#9fdcbd!important;transform:translateY(-1px)}
.gm-emoji-picker{display:none;position:absolute;z-index:1200;left:8px;bottom:calc(100% + 9px);width:min(326px,calc(100vw - 30px));max-height:235px;overflow:auto;padding:10px;background:#fff;border:1px solid #dfe7e3;border-radius:18px;box-shadow:0 18px 50px rgba(16,36,28,.18);grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}
.gm-emoji-picker.show{display:grid}
.gm-emoji-picker button{border:0;background:transparent;border-radius:10px;aspect-ratio:1;display:grid;place-items:center;font-size:22px;cursor:pointer;padding:3px}
.gm-emoji-picker button:hover,.gm-emoji-picker button:focus{background:#edf8f2;transform:scale(1.06)}
.gm-caption-tools{display:flex;align-items:center;gap:9px;margin:8px 0 2px;position:relative}.gm-caption-tools>span{font-size:12px;color:#718078}.gm-caption-tools .gm-emoji-picker{bottom:auto;top:48px;left:0}
.gm-chat-compose .gm-emoji-picker{left:8px;bottom:calc(100% + 8px)}
.gm-comment-form .gm-emoji-picker{left:0}
@media(max-width:700px){.gm-emoji-picker{position:fixed;left:10px!important;right:10px;bottom:calc(78px + env(safe-area-inset-bottom))!important;top:auto!important;width:auto;max-height:220px;grid-template-columns:repeat(7,minmax(0,1fr));border-radius:20px}.gm-caption-tools>span{display:none}.gm-comment-form .gm-emoji-button{width:38px;height:38px}.gm-chat-compose .gm-emoji-button{width:38px;height:38px}}

/* === Notifications responsive renforcé : 15-09-2026 === */
.notifications-v2{width:min(980px,100%);overflow-x:hidden}
.notifications-v2 .notification-titlebar{min-width:0}
.notifications-v2 .notification-titlebar>div:first-child{min-width:0;flex:1}
.notifications-v2 .notification-actions{flex:0 0 auto}
.notifications-v2 .notification-filters{
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.notifications-v2 .notification-filters::-webkit-scrollbar{display:none}
.notifications-v2 .notification-pro-card{width:100%;min-width:0}
.notifications-v2 .notification-main{flex:1 1 auto;overflow:hidden}
.notifications-v2 .notification-avatar{flex:0 0 auto}
.notifications-v2 .notification-copy{overflow:hidden}
.notifications-v2 .notification-copy b,
.notifications-v2 .notification-copy p{overflow-wrap:anywhere;word-break:break-word}

@media(max-width:620px){
  .notifications-v2{padding-left:10px;padding-right:10px}
  .notifications-v2 .notification-titlebar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}
  .notifications-v2 .notification-titlebar h1{font-size:27px;line-height:1.05}
  .notifications-v2 .notification-titlebar .gm-sub{font-size:13px;line-height:1.35}
  .notifications-v2 .notification-actions{margin-top:0;display:grid;grid-template-columns:repeat(2,38px);gap:6px;justify-content:end}
  .notifications-v2 .notification-actions .gm-round{width:38px;height:38px;font-size:18px}
  .notifications-v2 .notification-filters{margin-left:-10px;margin-right:-10px;padding:7px 10px 11px;top:61px;gap:7px}
  .notifications-v2 .notification-filters .gm-chip{font-size:12px;padding:8px 11px}
  .notifications-v2 .notification-group h2{font-size:16px;margin:17px 0 8px}
  .notifications-v2 .notification-pro-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px;border-radius:16px}
  .notifications-v2 .notification-main{display:grid;grid-template-columns:46px minmax(0,1fr);gap:9px;align-items:center}
  .notifications-v2 .notification-avatar img{width:46px;height:46px}
  .notifications-v2 .notification-avatar span{width:21px;height:21px;font-size:11px;right:-2px}
  .notifications-v2 .notification-copy b{font-size:12px;line-height:1.2}
  .notifications-v2 .notification-copy p{font-size:12px;line-height:1.28;margin:3px 0}
  .notifications-v2 .notification-copy small{font-size:10px}
  .notifications-v2 .notification-row-actions{margin:0;align-self:center;display:flex;gap:4px}
  .notifications-v2 .notification-row-actions .btn{display:none!important}
  .notifications-v2 .notification-delete-btn{width:34px;height:34px;font-size:14px}
}
@media(max-width:380px){
  .notifications-v2 .notification-titlebar{grid-template-columns:1fr}
  .notifications-v2 .notification-actions{display:flex;justify-content:flex-start}
  .notifications-v2 .notification-main{grid-template-columns:42px minmax(0,1fr)}
  .notifications-v2 .notification-avatar img{width:42px;height:42px}
  .notifications-v2 .notification-pro-card{padding:9px 8px}
}

/* ==========================================================
   GABON MATCH - MESSAGERIE RESPONSIVE PRO (2026-09-16)
   Un seul comportement sur mobile, tablette et desktop.
   ========================================================== */
.gm-message-shell,.gm-message-shell *{min-width:0}
.gm-chat{min-height:0}
.gm-chat-head{flex:0 0 auto;min-height:64px;background:#fff;z-index:4}
.gm-chat-head .grow{min-width:0}
.gm-chat-head .grow b,.gm-chat-head .grow small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gm-chat-head .back-btn{flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center;border-radius:50%}
.gm-chat-head .call-link{flex:0 0 40px;width:40px;height:40px;margin-left:0!important;display:grid;place-items:center;border-radius:50%;background:#f2f6f4;font-size:20px}
.gm-chat-head>.gm-round{flex:0 0 40px;width:40px;height:40px}
.gm-chat-messages{min-height:0;overscroll-behavior:contain;scrollbar-gutter:stable}
.gm-chat-compose{position:relative!important;bottom:auto!important;flex:0 0 auto;align-items:center;width:100%;padding:10px;gap:8px;z-index:5}
.gm-chat-compose>.input{min-width:0;width:auto;flex:1 1 120px;height:46px;padding:10px 13px}
.gm-chat-compose .composer-icon,.gm-chat-compose .gm-emoji-button{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;padding:0}
.gm-chat-compose .send-btn{flex:0 0 50px;width:50px;height:46px;padding:0;border-radius:14px;font-size:20px}
.gm-chat .recording-note,.gm-chat .voice-preview{flex:0 0 auto}
.gm-chat .voice-preview{padding:10px;background:#fff;border-top:1px solid var(--gm-line)}
.gm-chat .voice-preview audio{width:100%;max-width:100%}

@media (min-width:701px){
  .gm-message-shell{height:min(760px,calc(100dvh - 100px));min-height:600px}
  .gm-inbox{height:100%;overflow-y:auto}
  .gm-chat{height:100%!important;max-height:100%;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
}

@media (max-width:700px){
  html,body{max-width:100%;overflow-x:hidden}
  .gm-message-shell{width:100%;max-width:100%;margin:0!important;border:0!important;border-radius:0!important;min-height:0!important;background:#fff}
  .gm-message-shell.has-chat{height:calc(100dvh - 62px - var(--nav));overflow:hidden}
  .gm-message-shell.has-chat .gm-chat{height:100%!important;max-height:100%;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden}
  .gm-message-shell:not(.has-chat){min-height:calc(100dvh - 62px - var(--nav))!important;margin-bottom:var(--nav)!important}
  .gm-chat-head{position:relative!important;top:auto!important;padding:8px 9px;gap:7px;min-height:62px}
  .gm-chat-head img{width:42px;height:42px}
  .gm-chat-head .grow b{font-size:16px}
  .gm-chat-head .grow small{font-size:12px}
  .gm-chat-messages{flex:1 1 auto;padding:12px 10px 14px!important;overflow-y:auto!important}
  .pro-chat .bubble,.gm-chat .bubble{max-width:84%;font-size:15px;line-height:1.35}
  .gm-chat-compose{padding:8px max(7px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left));gap:6px}
  .gm-chat-compose>.input{height:44px;border-radius:15px;padding:9px 11px;font-size:15px}
  .gm-chat-compose .composer-icon,.gm-chat-compose .gm-emoji-button{flex-basis:40px;width:40px;height:40px;font-size:18px}
  .gm-chat-compose .send-btn{flex-basis:46px;width:46px;height:44px}
  .gm-contact-panel{width:100%;padding:16px 14px calc(90px + env(safe-area-inset-bottom))}
}

@media (max-width:390px){
  .gm-chat-head{gap:5px;padding-left:6px;padding-right:6px}
  .gm-chat-head .back-btn{width:30px;height:30px}
  .gm-chat-head img{width:38px;height:38px}
  .gm-chat-head .call-link,.gm-chat-head>.gm-round{flex-basis:36px;width:36px;height:36px;font-size:18px}
  .gm-chat-compose{gap:5px;padding-left:5px;padding-right:5px}
  .gm-chat-compose .composer-icon,.gm-chat-compose .gm-emoji-button{flex-basis:36px;width:36px;height:36px}
  .gm-chat-compose .send-btn{flex-basis:42px;width:42px}
  .gm-chat-compose>.input{padding-left:9px;padding-right:9px;font-size:14px}
}

/* ==========================================================
   GABON MATCH - NOTIFICATIONS + VIDEOS RESPONSIVE PRO
   2026-09-16
   ========================================================== */

/* ---------- Notifications ---------- */
.notifications-v2{
  width:min(980px,100%);
  max-width:980px;
  margin-inline:auto;
  box-sizing:border-box;
  overflow-x:clip;
}
.notifications-v2 .notification-titlebar,
.notifications-v2 .notification-group,
.notifications-v2 .notification-group-list,
.notifications-v2 .notification-pro-card,
.notifications-v2 .notification-main,
.notifications-v2 .notification-copy{min-width:0}
.notifications-v2 .notification-titlebar{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
.notifications-v2 .notification-titlebar>div:first-child{flex:1 1 auto;min-width:0}
.notifications-v2 .notification-actions{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  flex-wrap:wrap;
}
.notifications-v2 .notification-actions form{display:block!important;margin:0}
.notifications-v2 .notification-filters{
  display:flex;
  gap:8px;
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.notifications-v2 .notification-filters::-webkit-scrollbar{display:none}
.notifications-v2 .notification-filters .gm-chip{flex:0 0 auto}
.notifications-v2 .notification-pro-card{
  display:flex;
  align-items:center;
  width:100%;
  gap:10px;
}
.notifications-v2 .notification-main{
  flex:1 1 auto;
  display:flex;
  align-items:center;
  gap:10px;
  overflow:hidden;
}
.notifications-v2 .notification-avatar{flex:0 0 auto}
.notifications-v2 .notification-copy{flex:1 1 auto;overflow:hidden}
.notifications-v2 .notification-copy b,
.notifications-v2 .notification-copy p{
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.notifications-v2 .notification-row-actions{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:6px;
  margin-left:auto;
}

/* ---------- Videos / Reels ---------- */
.video-page{
  width:100%;
  max-width:100%;
  min-height:100dvh;
  overflow-x:hidden;
  padding-bottom:calc(76px + env(safe-area-inset-bottom));
}
.video-top-tabs{
  width:100%;
  box-sizing:border-box;
  min-width:0;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  white-space:nowrap;
}
.video-top-tabs::-webkit-scrollbar{display:none}
.video-top-tabs a{flex:0 0 auto}
.pro-reels{
  width:min(620px,100%);
  max-width:620px;
  margin:0 auto;
  box-sizing:border-box;
  overflow-x:hidden;
}
.pro-reel{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  isolation:isolate;
}
.pro-reel>.reel-video{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
}
.pro-reel .reel-info{
  min-width:0;
  max-width:calc(100% - 100px);
}
.pro-reel .reel-info p,
.pro-reel .reel-music{
  overflow-wrap:anywhere;
  word-break:break-word;
}
.pro-reel .reel-author{min-width:0}
.pro-reel .reel-author b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.pro-reel .reel-actions{
  max-height:calc(100% - 80px);
}
.video-comments-panel{
  max-width:100%;
  max-height:100%;
  box-sizing:border-box;
}
.video-comments-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.video-comment-form{box-sizing:border-box;width:100%;min-width:0}
.video-comment-form input{width:100%;min-width:0;max-width:100%}

@media (min-width:781px) and (max-width:1100px){
  .notifications-v2{padding-left:20px;padding-right:20px}
  .pro-reels{width:min(620px,calc(100% - 32px))}
  .pro-reel{height:calc(100dvh - 160px);min-height:540px}
}

@media (max-width:780px){
  /* Notifications on tablet / phone */
  .notifications-v2{
    padding:12px 12px calc(88px + env(safe-area-inset-bottom));
  }
  .notifications-v2 .notification-titlebar{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:start;
    gap:10px;
    margin-bottom:10px;
  }
  .notifications-v2 .notification-titlebar h1{
    font-size:clamp(25px,7vw,30px);
    line-height:1.05;
  }
  .notifications-v2 .notification-titlebar .gm-sub{
    font-size:12px;
    line-height:1.35;
    max-width:46ch;
  }
  .notifications-v2 .notification-actions{
    display:grid;
    grid-template-columns:repeat(2,38px);
    gap:6px;
    margin:0;
  }
  .notifications-v2 .notification-actions .gm-round{
    width:38px;
    height:38px;
    font-size:17px;
  }
  .notifications-v2 .notification-filters{
    position:sticky;
    top:61px;
    z-index:24;
    margin:0 -12px 8px;
    width:calc(100% + 24px);
    padding:8px 12px 10px;
    background:rgba(250,252,251,.96);
  }
  .notifications-v2 .notification-filters .gm-chip{
    padding:8px 11px;
    font-size:12px;
  }
  .notifications-v2 .notification-group h2{
    font-size:15px;
    margin:15px 0 8px;
  }
  .notifications-v2 .notification-group-list{gap:8px}
  .notifications-v2 .notification-pro-card{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:8px;
    padding:10px;
    border-radius:16px;
  }
  .notifications-v2 .notification-main{
    display:grid;
    grid-template-columns:46px minmax(0,1fr);
    align-items:center;
    gap:9px;
  }
  .notifications-v2 .notification-avatar img{width:46px;height:46px}
  .notifications-v2 .notification-copy b{font-size:12px;line-height:1.2}
  .notifications-v2 .notification-copy p{font-size:12px;line-height:1.3;margin:3px 0}
  .notifications-v2 .notification-copy small{font-size:10px}
  .notifications-v2 .notification-row-actions{margin:0;gap:4px}
  .notifications-v2 .notification-row-actions .btn{display:none!important}
  .notifications-v2 .notification-delete-btn{width:34px;height:34px}
  .notifications-empty{padding:38px 16px}

  /* Video page behaves like a full-screen mobile feed */
  .video-page{
    padding-bottom:calc(68px + env(safe-area-inset-bottom));
    min-height:100dvh;
  }
  .video-top-tabs{
    top:60px;
    justify-content:flex-start;
    gap:14px;
    padding:9px 10px;
    background:rgba(8,13,20,.96);
  }
  .video-top-tabs a{
    padding:8px 3px;
    font-size:13px;
  }
  .video-top-tabs .video-publish{
    margin-left:0;
    padding:8px 13px;
  }
  .pro-reels{
    width:100%;
    max-width:none;
    height:auto;
    overflow-y:visible;
  }
  .pro-reel{
    width:100%;
    height:calc(100dvh - 128px - env(safe-area-inset-bottom));
    min-height:480px;
    max-height:none;
    margin:0;
    border-radius:0;
  }
  .pro-reel>.reel-video{object-fit:cover}
  .pro-reel .reel-info{
    left:13px;
    right:76px;
    bottom:22px;
    max-width:calc(100% - 90px);
  }
  .pro-reel .reel-author img{width:36px;height:36px}
  .pro-reel .reel-author b{font-size:13px}
  .pro-reel .reel-info p{font-size:13px;line-height:1.35;margin:8px 0}
  .reel-follow{margin:7px 0;padding:6px 10px;font-size:12px}
  .pro-reel .reel-actions{
    right:8px;
    bottom:22px;
    gap:10px;
  }
  .pro-reel .reel-actions button,
  .pro-reel .reel-actions a{
    width:48px;
    min-height:48px;
    font-size:22px;
  }
  .pro-reel .reel-actions img{width:42px;height:42px}
  .reel-play{width:58px;height:58px;font-size:22px}
  .video-comments-panel{
    position:absolute;
    left:0;
    right:0;
    top:auto;
    bottom:0;
    width:100%;
    height:min(68%,560px);
    max-height:calc(100% - 12px);
    border-radius:22px 22px 0 0;
    padding-bottom:env(safe-area-inset-bottom);
  }
  .video-comments-head{padding:14px 15px}
  .video-comments-list{padding:8px 10px}
  .gm-comment.child{margin-left:24px}
  .video-emoji-bar{padding:7px 9px}
  .video-comment-form{
    grid-template-columns:minmax(0,1fr) 40px 42px!important;
    gap:6px;
    padding:8px 9px calc(8px + env(safe-area-inset-bottom));
  }
  .video-comment-form input{font-size:16px;padding:10px 12px}
  .video-comment-form .emoji-toggle,
  .video-comment-form>button:last-child{width:40px;height:40px;min-width:40px}
}

@media (max-width:480px){
  .notifications-v2{padding-left:9px;padding-right:9px}
  .notifications-v2 .notification-titlebar{grid-template-columns:1fr}
  .notifications-v2 .notification-actions{
    display:flex;
    flex-wrap:nowrap;
    justify-content:flex-start;
  }
  .notifications-v2 .notification-filters{
    margin-left:-9px;
    margin-right:-9px;
    width:calc(100% + 18px);
    padding-left:9px;
    padding-right:9px;
  }
  .notifications-v2 .notification-main{grid-template-columns:42px minmax(0,1fr);gap:8px}
  .notifications-v2 .notification-avatar img{width:42px;height:42px}
  .notifications-v2 .notification-pro-card{padding:9px 8px}

  .video-top-tabs{gap:11px;padding-left:8px;padding-right:8px}
  .video-top-tabs a{font-size:12px}
  .video-top-tabs .video-publish{padding:7px 11px}
  .pro-reel{height:calc(100dvh - 126px - env(safe-area-inset-bottom));min-height:420px}
  .pro-reel .reel-info{left:10px;right:67px;bottom:18px;max-width:calc(100% - 78px)}
  .pro-reel .reel-actions{right:5px;bottom:18px;gap:8px}
  .pro-reel .reel-actions button,
  .pro-reel .reel-actions a{width:44px;min-height:44px;font-size:20px}
  .pro-reel .reel-actions img{width:39px;height:39px}
  .video-comments-panel{height:72%}
}

@media (max-width:360px){
  .notifications-v2 .notification-copy p{font-size:11px}
  .notifications-v2 .notification-actions .gm-round{width:36px;height:36px}
  .video-top-tabs{gap:9px}
  .video-top-tabs a{font-size:11px}
  .pro-reel .reel-info p{font-size:12px}
  .pro-reel .reel-actions button,
  .pro-reel .reel-actions a{width:40px;min-height:40px}
  .video-comment-form{grid-template-columns:minmax(0,1fr) 38px 40px!important}
}

@media (orientation:landscape) and (max-height:560px) and (max-width:950px){
  .video-top-tabs{top:0}
  .pro-reel{height:100dvh;min-height:0}
  .pro-reel .reel-info{bottom:12px}
  .pro-reel .reel-actions{bottom:12px;gap:5px}
  .pro-reel .reel-actions button,
  .pro-reel .reel-actions a{width:38px;min-height:38px;font-size:18px}
  .pro-reel .reel-actions img{width:34px;height:34px}
  .video-comments-panel{height:92%;width:min(430px,65%);left:auto;border-radius:18px 0 0 18px}
}

/* === Notifications : espacement vertical net entre chaque notification - 16-09-2026 === */
.notifications-v2 .notification-group-list{
  display:flex !important;
  flex-direction:column !important;
  gap:16px !important;
}
.notifications-v2 .notification-pro-card{
  margin:0 !important;
  flex:0 0 auto;
}
.notifications-v2 .notification-group{
  margin-bottom:26px;
}
.notifications-v2 .notification-group h2{
  margin:22px 0 12px;
}
@media(max-width:620px){
  .notifications-v2 .notification-group-list{gap:14px !important;}
  .notifications-v2 .notification-group{margin-bottom:22px;}
  .notifications-v2 .notification-pro-card{margin:0 !important;}
}

/* ==========================================================
   GABON MATCH - NOTIFICATIONS V3 / MAQUETTE PROFESSIONNELLE
   2026-09-16
   ========================================================== */
.notifications-v3{width:min(1040px,100%);max-width:1040px;margin:0 auto;padding:24px 22px 110px;overflow:visible;background:linear-gradient(135deg,#fbfefd 0%,#fff 48%,#f6fbff 100%);min-height:calc(100dvh - 70px)}
.notifications-v3 .notif-hero{position:relative;margin-bottom:26px}
.notifications-v3 .notif-heading-row{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.notifications-v3 .notif-heading-row h1{margin:0;color:#112431;font-size:38px;line-height:1.05;letter-spacing:-1.2px;font-weight:800}
.notifications-v3 .notif-heading-row p{margin:7px 0 0;color:#6f8090;font-size:16px}
.notifications-v3 .notif-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.notifications-v3 .notif-hero-actions form{margin:0}
.notifications-v3 .notif-search{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;text-decoration:none;font-size:25px;color:#173746;background:#f0f6f8;border:1px solid #e6eef1;box-shadow:0 7px 22px rgba(32,64,77,.05)}
.notifications-v3 .notif-mark-read{height:44px;border:0;background:transparent;color:#0aae67;font-weight:800;font-size:14px;display:flex;align-items:center;gap:8px;padding:0 8px;cursor:pointer}
.notifications-v3 .notif-mark-read span{width:22px;height:22px;border:2px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:12px}
.notifications-v3 .notif-tabs{display:flex;align-items:center;gap:10px;margin-top:24px;overflow-x:auto;scrollbar-width:none;padding-bottom:3px}
.notifications-v3 .notif-tabs::-webkit-scrollbar{display:none}
.notifications-v3 .notif-tab{flex:0 0 auto;min-height:46px;padding:0 18px;border-radius:999px;background:#f1f6fa;color:#314b5d;text-decoration:none;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;border:1px solid transparent;transition:.2s ease}
.notifications-v3 .notif-tab:hover{transform:translateY(-1px);background:#eaf2f5}
.notifications-v3 .notif-tab.active{background:linear-gradient(135deg,#0f755d,#085a49);color:#fff;box-shadow:0 10px 26px rgba(8,102,79,.18)}
.notifications-v3 .notif-tab:nth-child(2) span{color:#ff315f}.notifications-v3 .notif-tab.active span{color:inherit}
.notifications-v3 .notif-section{margin-top:28px}
.notifications-v3 .notif-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:0 2px}
.notifications-v3 .notif-section-head h2{margin:0;font-size:22px;color:#112431;letter-spacing:-.35px}
.notifications-v3 .notif-section-head span{color:#7d8b97;font-size:13px}
.notifications-v3 .notif-list-pro{display:flex;flex-direction:column;gap:12px}
.notifications-v3 .notif-card-pro{position:relative;display:flex;align-items:center;gap:14px;min-height:92px;padding:13px 14px 13px 16px;background:rgba(255,255,255,.95);border:1px solid #edf2f3;border-radius:22px;box-shadow:0 7px 30px rgba(28,60,73,.055);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;overflow:visible}
.notifications-v3 .notif-card-pro:hover{transform:translateY(-1px);box-shadow:0 11px 30px rgba(28,60,73,.085);border-color:#e2ece9}
.notifications-v3 .notif-card-pro.unread{background:linear-gradient(90deg,#fff4f7 0%,#fff 72%);border-color:#ffe7ed}
.notifications-v3 .notif-card-pro.type-follow.unread{background:linear-gradient(90deg,#f3fff9 0%,#fff 72%);border-color:#e0f7ec}
.notifications-v3 .notif-card-main{display:flex;align-items:center;gap:15px;flex:1 1 auto;min-width:0;text-decoration:none;color:inherit}
.notifications-v3 .notif-avatar-wrap{position:relative;flex:0 0 58px;width:58px;height:58px}
.notifications-v3 .notif-avatar-img{width:58px;height:58px;border-radius:50%;display:block;object-fit:cover;background:#eaf1ef}
.notifications-v3 .notif-type-badge{position:absolute;right:-3px;bottom:-2px;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#8255e8;border:3px solid #fff;font-size:12px;font-style:normal;font-weight:800;box-sizing:border-box}
.notifications-v3 .notif-type-badge.type-like{background:#ff315f}.notifications-v3 .notif-type-badge.type-comment,.notifications-v3 .notif-type-badge.type-message{background:#3767f2}.notifications-v3 .notif-type-badge.type-follow{background:#0dbb6d}.notifications-v3 .notif-type-badge.type-live{background:#7446ea}.notifications-v3 .notif-type-badge.type-match{background:#f4437b}.notifications-v3 .notif-type-badge.type-system{background:#536b78}
.notifications-v3 .notif-copy-pro{min-width:0;flex:1 1 auto}
.notifications-v3 .notif-copy-title{display:flex;align-items:center;gap:7px;min-width:0}
.notifications-v3 .notif-copy-title strong{font-size:15px;color:#10222e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notifications-v3 .notif-copy-title strong em{font-style:normal;color:#1b8bed}
.notifications-v3 .notif-unread-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff315f;flex:0 0 auto}
.notifications-v3 .notif-copy-pro p{margin:4px 0 5px;color:#263c49;font-size:14px;line-height:1.35;overflow-wrap:anywhere}
.notifications-v3 .notif-copy-pro small{color:#80909c;font-size:12px}
.notifications-v3 .notif-card-side{position:relative;display:flex;align-items:center;gap:9px;flex:0 0 auto}
.notifications-v3 .notif-preview{display:block;width:64px;height:64px;border-radius:13px;overflow:hidden;background:#eef3f5}
.notifications-v3 .notif-preview img{display:block;width:100%;height:100%;object-fit:cover}
.notifications-v3 .notif-follow-btn,.notifications-v3 .notif-message-btn,.notifications-v3 .notif-live-btn{border:0;border-radius:13px;min-height:42px;padding:0 15px;background:#09b869;color:#fff;font:inherit;font-weight:800;font-size:12px;text-decoration:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 20px rgba(9,184,105,.16)}
.notifications-v3 .notif-live-btn{background:#ff2859}.notifications-v3 .notif-message-btn{background:#0d8e68}
.notifications-v3 .notif-more{position:relative}
.notifications-v3 .notif-more summary{list-style:none;width:34px;height:42px;border-radius:12px;display:grid;place-items:center;cursor:pointer;color:#112d3b;font-size:24px;user-select:none}.notifications-v3 .notif-more summary::-webkit-details-marker{display:none}.notifications-v3 .notif-more[open] summary{background:#f1f6f8}
.notifications-v3 .notif-menu{position:absolute;z-index:30;right:0;top:auto;bottom:46px;width:170px;padding:7px;background:#fff;border:1px solid #e6eded;border-radius:14px;box-shadow:0 18px 45px rgba(15,41,50,.16)}
.notifications-v3 .notif-menu a,.notifications-v3 .notif-menu button{display:block;width:100%;text-align:left;padding:9px 10px;border:0;background:transparent;border-radius:9px;text-decoration:none;color:#223a46;font:inherit;font-size:12px;cursor:pointer}.notifications-v3 .notif-menu a:hover,.notifications-v3 .notif-menu button:hover{background:#f3f7f7}.notifications-v3 .notif-menu button{color:#d43e55}.notifications-v3 .notif-menu form{margin:0}
.notifications-v3 .notif-empty-pro{margin:52px auto 0;max-width:460px;text-align:center;padding:42px 20px;background:#fff;border:1px solid #e9f0ee;border-radius:24px}.notifications-v3 .notif-empty-pro>div{font-size:42px}.notifications-v3 .notif-empty-pro h2{margin:13px 0 5px}.notifications-v3 .notif-empty-pro p{margin:0 0 18px;color:#778790}
.notifications-v3 .notif-clear-all{margin:28px 0 0;text-align:center}.notifications-v3 .notif-clear-all button{border:0;background:transparent;color:#cf4860;font-weight:700;font-size:12px;cursor:pointer;padding:10px}

@media (max-width:760px){
  .notifications-v3{padding:18px 12px calc(96px + env(safe-area-inset-bottom));min-height:100dvh}
  .notifications-v3 .notif-heading-row{display:block}
  .notifications-v3 .notif-heading-row h1{font-size:30px}
  .notifications-v3 .notif-heading-row p{font-size:14px}
  .notifications-v3 .notif-hero-actions{margin-top:11px;justify-content:space-between;gap:8px}
  .notifications-v3 .notif-search{width:40px;height:40px}
  .notifications-v3 .notif-mark-read{height:40px;font-size:12px;padding:0 2px}
  .notifications-v3 .notif-tabs{margin:18px -12px 0;padding:0 12px 4px;gap:8px}
  .notifications-v3 .notif-tab{min-height:40px;padding:0 13px;font-size:12px}
  .notifications-v3 .notif-section{margin-top:22px}
  .notifications-v3 .notif-section-head h2{font-size:18px}
  .notifications-v3 .notif-section-head span{font-size:11px}
  .notifications-v3 .notif-list-pro{gap:11px}
  .notifications-v3 .notif-card-pro{min-height:82px;padding:11px 10px;border-radius:18px;gap:8px}
  .notifications-v3 .notif-card-main{gap:10px}
  .notifications-v3 .notif-avatar-wrap{flex-basis:48px;width:48px;height:48px}
  .notifications-v3 .notif-avatar-img{width:48px;height:48px}
  .notifications-v3 .notif-type-badge{width:23px;height:23px;font-size:10px;border-width:2px}
  .notifications-v3 .notif-copy-title strong{font-size:13px}
  .notifications-v3 .notif-copy-pro p{font-size:12px;line-height:1.28;margin:3px 0}
  .notifications-v3 .notif-copy-pro small{font-size:10px}
  .notifications-v3 .notif-preview{width:48px;height:48px;border-radius:10px}
  .notifications-v3 .notif-follow-btn,.notifications-v3 .notif-message-btn,.notifications-v3 .notif-live-btn{min-height:36px;padding:0 10px;font-size:10px;border-radius:11px}
  .notifications-v3 .notif-more summary{width:28px;height:38px;font-size:21px}
  .notifications-v3 .notif-menu{right:0;top:auto;bottom:40px;width:154px}
}
@media (max-width:430px){
  .notifications-v3{padding-left:9px;padding-right:9px}
  .notifications-v3 .notif-tabs{margin-left:-9px;margin-right:-9px;padding-left:9px;padding-right:9px}
  .notifications-v3 .notif-card-pro{padding:10px 8px}
  .notifications-v3 .notif-card-main{gap:8px}
  .notifications-v3 .notif-avatar-wrap{flex-basis:44px;width:44px;height:44px}.notifications-v3 .notif-avatar-img{width:44px;height:44px}
  .notifications-v3 .notif-preview{width:42px;height:42px}
  .notifications-v3 .notif-card-side{gap:3px}
  .notifications-v3 .notif-follow-btn,.notifications-v3 .notif-message-btn{padding:0 8px}
}
@media (max-width:360px){
  .notifications-v3 .notif-preview{display:none}
  .notifications-v3 .notif-follow-btn,.notifications-v3 .notif-message-btn{max-width:62px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .notifications-v3 .notif-heading-row h1{font-size:27px}
}

/* Comment author quick-reply interaction */
.gm-comment-author-trigger{border:0;background:transparent;padding:0;color:inherit;font:inherit;font-weight:800;font-size:12px;cursor:pointer;text-align:left;border-radius:7px;transition:.16s ease}
.gm-comment-author-trigger:hover,.gm-comment-author-trigger:focus-visible,.gm-comment-author-trigger[aria-expanded="true"]{color:var(--gm-green);text-decoration:underline;text-underline-offset:2px;outline:none}
.gm-reply-action.is-hidden{display:none!important}
.gm-reply-action:not(.is-hidden){display:inline-flex!important;align-items:center;gap:4px;color:var(--gm-green)!important;font-weight:800;animation:gmReplyReveal .16s ease-out}
.comment-meta .gm-comment-author-trigger{font-size:inherit}
@keyframes gmReplyReveal{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
/* Gabon Match Live - mise en veille automatique host/invites */
.live-panel-tile{position:relative}.panel-presence-badge{position:absolute;top:8px;right:8px;z-index:4;background:rgba(17,24,39,.86);color:#fff;border:1px solid rgba(255,255,255,.28);padding:4px 7px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.04em}.live-panel-tile.is-standby img{filter:grayscale(.7) brightness(.62)}.live-panel-tile.is-standby:after{content:'📵';position:absolute;inset:0;display:grid;place-items:center;font-size:30px;background:rgba(0,0,0,.18);pointer-events:none}.live-standby-overlay{background:rgba(5,11,10,.68);backdrop-filter:blur(5px)}.live-standby-overlay>div{font-size:42px}.live-standby-overlay span{max-width:340px;text-align:center;line-height:1.4}

/* Gabon Match - Parametres & Securite 2026-09-16 */
.gm-control-page{max-width:1180px;padding-top:24px;padding-bottom:110px}.gm-control-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.gm-control-head h1{margin:0;font-size:32px}.gm-control-head p{margin:5px 0 0;color:#71817b}.gm-control-close{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#f4f6f5;border:1px solid #dfe6e2;font-size:28px;color:#17212b}.gm-control-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:20px;align-items:start}.gm-control-side{position:sticky;top:92px;background:#fff;border:1px solid #e4eae7;border-radius:22px;padding:14px;box-shadow:0 10px 28px rgba(28,46,39,.06)}.gm-settings-person{display:flex;align-items:center;gap:12px;padding:10px;border-radius:16px;background:#f8fbfa}.gm-settings-person img{width:52px;height:52px;border-radius:50%;object-fit:cover}.gm-settings-person span{min-width:0}.gm-settings-person b,.gm-settings-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gm-settings-person small{color:#71817b;margin-top:3px}.gm-control-tabs{display:grid;gap:5px;margin-top:12px}.gm-control-tabs a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:12px;color:#20312b;font-weight:700}.gm-control-tabs a:hover{background:#eef8f3;color:#078a53}.gm-control-main{display:grid;grid-template-columns:1fr 1fr;gap:16px}.gm-control-card{background:#fff;border:1px solid #e4eae7;border-radius:22px;padding:18px;box-shadow:0 10px 28px rgba(28,46,39,.05);min-width:0}.gm-card-title{display:flex;align-items:center;gap:11px;margin-bottom:8px}.gm-card-title h2{margin:0;font-size:19px}.gm-card-title p{margin:4px 0 0;color:#7b8b85;font-size:12px}.gm-card-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:20px}.gm-card-icon.blue{background:#e7f0ff}.gm-card-icon.green{background:#e8f8ef}.gm-card-icon.red{background:#ffe9ec}.gm-card-icon.purple{background:#f0e9ff}.gm-card-icon.orange{background:#fff1dc}.gm-card-icon.gray{background:#eef1f3}.gm-card-icon.yellow{background:#fff8d9}.gm-card-icon.pink{background:#ffeaf3}.gm-setting-link,.gm-select-row,.gm-toggle-row,.gm-field-row,.gm-info-line{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-top:1px solid #edf1ef;color:#17212b}.gm-setting-link:first-of-type,.gm-select-row:first-of-type,.gm-toggle-row:first-of-type{border-top:0}.gm-setting-link span,.gm-select-row span,.gm-toggle-row span,.gm-field-row span{min-width:0}.gm-setting-link b,.gm-setting-link small,.gm-select-row b,.gm-select-row small,.gm-toggle-row b,.gm-toggle-row small,.gm-field-row b{display:block}.gm-setting-link small,.gm-select-row small,.gm-toggle-row small{color:#80908a;margin-top:3px;font-size:11px;line-height:1.4}.gm-setting-link strong{font-size:12px;color:#398469;white-space:nowrap}.gm-setting-link.static{cursor:default}.gm-select-row select{border:0;background:#f4f7f6;border-radius:10px;padding:9px 11px;max-width:190px;color:#254039;font-weight:700}.gm-toggle-row{cursor:pointer}.gm-toggle-row input{position:absolute;opacity:0;pointer-events:none}.gm-toggle-row i{width:46px;height:26px;border-radius:999px;background:#cfd8d4;position:relative;flex:0 0 auto;transition:.2s}.gm-toggle-row i:after{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:.2s}.gm-toggle-row input:checked+i{background:#1677ff}.gm-toggle-row input:checked+i:after{transform:translateX(20px)}.gm-control-save{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;position:sticky;bottom:76px;background:rgba(247,250,248,.94);backdrop-filter:blur(10px);padding:12px;border-radius:18px;border:1px solid #e4eae7;z-index:12}.gm-security-hero{display:flex;align-items:center;gap:16px;padding:22px;border-radius:22px;background:linear-gradient(135deg,#eaf4ff,#b7d8ff);margin-bottom:16px;border:1px solid #cfe2ff}.gm-security-hero>span{font-size:46px}.gm-security-hero h2{margin:0 0 5px}.gm-security-hero p{margin:0;color:#4f6e91}.gm-security-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.gm-password-form{display:grid;gap:10px}.gm-password-form label{display:grid;gap:6px;font-weight:700;font-size:12px}.gm-password-form .input,.gm-field-row .input,.gm-delete-account input{border:1px solid #dce4e0;border-radius:10px;padding:10px 12px;min-width:0}.gm-info-line{font-size:13px}.gm-soon{background:#f2f4f3;color:#7b8b85;border-radius:999px;padding:6px 9px;font-size:11px}.gm-device-row,.gm-block-row{display:flex;align-items:center;gap:11px;padding:12px 0;border-top:1px solid #edf1ef}.gm-device-row>div,.gm-block-row>div{min-width:0;flex:1}.gm-device-row b,.gm-device-row small,.gm-block-row b,.gm-block-row small{display:block}.gm-device-row small,.gm-block-row small{color:#7b8b85;margin-top:3px;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gm-device-icon{width:36px;height:36px;border-radius:10px;background:#eef4ff;display:grid;place-items:center}.gm-current-device{font-size:10px;font-weight:800;color:#0a9a5d;background:#e8f8ef;padding:6px 8px;border-radius:999px}.gm-mini-danger,.gm-mini-btn{border:0;border-radius:9px;padding:7px 9px;font-weight:800;cursor:pointer}.gm-mini-danger{background:#fff0f1;color:#d92d3d}.gm-mini-btn{background:#eef6f2;color:#087b4c}.gm-danger-outline{width:100%;margin-top:12px;border:1px solid #ff9da7;background:#fff;color:#e22f42;border-radius:11px;padding:11px;font-weight:800}.gm-security-form{display:grid}.gm-field-row{flex-wrap:wrap}.gm-field-row .input{width:220px;max-width:100%}.gm-subsection-title{font-weight:800;color:#43574f;margin-top:14px;padding-top:12px;border-top:1px solid #edf1ef}.gm-empty-line{padding:18px 0;color:#7b8b85}.gm-block-row img{width:42px;height:42px;border-radius:50%;object-fit:cover}.gm-account-management{grid-column:1/-1}.gm-account-action button{width:100%;border:0;background:none;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:13px 0;border-top:1px solid #edf1ef;cursor:pointer}.gm-account-action b,.gm-account-action small{display:block}.gm-account-action small{color:#7b8b85;margin-top:3px}.gm-delete-account{margin-top:12px;background:#fff1f2;border:1px solid #ffd5da;border-radius:13px;padding:12px;display:flex;align-items:end;gap:10px;justify-content:space-between}.gm-delete-account label{display:grid;gap:7px;color:#d92d3d;font-weight:800;flex:1}.gm-delete-account button{border:0;background:#df3144;color:#fff;border-radius:10px;padding:11px 13px;font-weight:800;cursor:pointer}.gm-security-page .gm-control-card{align-self:start}
@media(max-width:900px){.gm-control-layout{grid-template-columns:1fr}.gm-control-side{position:static}.gm-control-tabs{display:flex;overflow:auto;padding-bottom:4px}.gm-control-tabs a{flex:0 0 auto;background:#f8faf9}.gm-control-main,.gm-security-grid{grid-template-columns:1fr}.gm-account-management{grid-column:auto}.gm-control-save{grid-column:auto}.gm-control-side .gm-settings-person{max-width:360px}}
@media(max-width:620px){.gm-control-page{padding-top:12px!important}.gm-control-head h1{font-size:27px}.gm-control-close{width:38px;height:38px}.gm-control-side{padding:10px;border-radius:18px}.gm-control-card{padding:14px;border-radius:18px}.gm-setting-link,.gm-select-row,.gm-toggle-row,.gm-field-row{gap:10px}.gm-select-row{align-items:flex-start;flex-direction:column}.gm-select-row select{max-width:100%;width:100%}.gm-field-row{align-items:flex-start;flex-direction:column}.gm-field-row .input{width:100%}.gm-control-save{bottom:72px;display:grid;grid-template-columns:1fr}.gm-control-save .btn{width:100%}.gm-security-hero{padding:16px}.gm-security-hero>span{font-size:36px}.gm-device-row{align-items:flex-start;flex-wrap:wrap}.gm-device-row form{margin-left:47px}.gm-delete-account{align-items:stretch;flex-direction:column}.gm-delete-account button{width:100%}}
@media(max-width:380px){.gm-control-tabs a span{display:none}.gm-control-tabs a{font-size:20px;padding:10px}.gm-settings-person img{width:46px;height:46px}.gm-card-title h2{font-size:17px}.gm-setting-link b,.gm-toggle-row b,.gm-select-row b{font-size:13px}}

/* Gabon Match - Responsive final Parametres & Securite - 2026-09-16
   CSS only: aucun changement du menu/navigation existant. */
.gm-control-page,
.gm-control-page *{box-sizing:border-box}
.gm-control-page{width:min(100%,1180px);margin-inline:auto;overflow:visible}
.gm-control-head>div{min-width:0}
.gm-control-head h1,.gm-control-head p,.gm-card-title h2,.gm-card-title p,
.gm-setting-link b,.gm-setting-link small,.gm-toggle-row b,.gm-toggle-row small,
.gm-select-row b,.gm-select-row small,.gm-field-row b,.gm-info-line,
.gm-account-action b,.gm-account-action small{overflow-wrap:anywhere;word-break:normal}
.gm-control-main,.gm-security-grid,.gm-control-card{min-width:0}
.gm-control-card{overflow:hidden}
.gm-control-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.gm-control-tabs a{white-space:nowrap}
.gm-setting-link,.gm-toggle-row,.gm-select-row,.gm-field-row,.gm-info-line{min-width:0}
.gm-setting-link>span,.gm-toggle-row>span,.gm-select-row>span,.gm-field-row>span{flex:1 1 auto;min-width:0}
.gm-setting-link strong{flex:0 0 auto}
.gm-select-row select{flex:0 1 190px;min-width:120px}
.gm-toggle-row i{margin-left:auto}
.gm-password-form .input,.gm-field-row .input,.gm-delete-account input{width:100%;font-size:16px}
.gm-password-form .btn,.gm-security-form>.btn{min-height:44px}
.gm-device-row form,.gm-block-row form{flex:0 0 auto;margin:0}
.gm-mini-danger,.gm-mini-btn{min-height:36px}
.gm-delete-account label{min-width:0}
.gm-control-save{max-width:100%}

@media (max-width:1100px){
  .gm-control-page{padding-left:18px!important;padding-right:18px!important}
  .gm-control-layout{grid-template-columns:220px minmax(0,1fr);gap:16px}
  .gm-control-main,.gm-security-grid{gap:14px}
  .gm-control-card{padding:16px}
  .gm-setting-link,.gm-select-row,.gm-toggle-row,.gm-field-row,.gm-info-line{gap:12px}
}

@media (max-width:900px){
  .gm-control-page{padding-left:16px!important;padding-right:16px!important;padding-bottom:calc(104px + env(safe-area-inset-bottom))!important}
  .gm-control-head{margin-bottom:14px}
  .gm-control-layout{display:block}
  .gm-control-side{position:static;margin-bottom:14px;padding:12px}
  .gm-settings-person{max-width:none!important}
  .gm-control-tabs{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:6px 1px 8px;margin-top:10px;scroll-snap-type:x proximity}
  .gm-control-tabs a{flex:0 0 auto;scroll-snap-align:start;padding:10px 12px;border:1px solid #edf1ef;background:#f8faf9}
  .gm-control-main,.gm-security-grid{grid-template-columns:minmax(0,1fr);gap:14px}
  .gm-account-management,.gm-control-save{grid-column:auto}
  .gm-control-save{position:sticky;bottom:calc(68px + env(safe-area-inset-bottom));z-index:20;margin-top:2px}
}

@media (max-width:700px){
  .gm-control-page{padding-left:12px!important;padding-right:12px!important;padding-top:12px!important}
  .gm-control-head{gap:12px;align-items:flex-start}
  .gm-control-head h1{font-size:26px;line-height:1.12}
  .gm-control-head p{font-size:13px;line-height:1.4}
  .gm-control-close{width:38px;height:38px;min-width:38px;font-size:24px}
  .gm-control-side{border-radius:17px;padding:10px}
  .gm-settings-person{padding:9px}
  .gm-settings-person img{width:48px;height:48px}
  .gm-control-card{padding:14px;border-radius:18px}
  .gm-card-title{align-items:flex-start}
  .gm-card-title h2{font-size:18px;line-height:1.2}
  .gm-card-title p{line-height:1.35}
  .gm-card-icon{width:38px;height:38px;min-width:38px}
  .gm-setting-link,.gm-toggle-row,.gm-info-line{padding:12px 0}
  .gm-select-row,.gm-field-row{align-items:stretch;flex-direction:column;padding:12px 0;gap:8px}
  .gm-select-row select,.gm-field-row .input{width:100%;max-width:none;min-width:0;flex-basis:auto;min-height:44px}
  .gm-toggle-row{align-items:center}
  .gm-toggle-row>span{padding-right:6px}
  .gm-toggle-row i{width:44px;height:25px;min-width:44px}
  .gm-toggle-row i:after{width:19px;height:19px}
  .gm-toggle-row input:checked+i:after{transform:translateX(19px)}
  .gm-security-hero{padding:16px;border-radius:18px;align-items:flex-start}
  .gm-security-hero>span{font-size:36px;line-height:1}
  .gm-security-hero h2{font-size:20px;line-height:1.15}
  .gm-security-hero p{font-size:13px;line-height:1.45}
  .gm-device-row,.gm-block-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px}
  .gm-device-row form,.gm-block-row form{margin:0;grid-column:3}
  .gm-current-device{justify-self:end}
  .gm-device-row small,.gm-block-row small{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.35}
  .gm-danger-outline{min-height:44px}
  .gm-delete-account{align-items:stretch;flex-direction:column;gap:10px}
  .gm-delete-account button{width:100%;min-height:44px}
  .gm-account-action button{gap:12px}
  .gm-account-action button>span{min-width:0;flex:1}
}

@media (max-width:520px){
  .gm-control-page{padding-left:9px!important;padding-right:9px!important}
  .gm-control-head h1{font-size:24px}
  .gm-control-head p{font-size:12px}
  .gm-control-side{margin-left:0;margin-right:0}
  .gm-settings-person img{width:44px;height:44px}
  .gm-settings-person b{font-size:14px}
  .gm-settings-person small{font-size:11px}
  .gm-control-tabs{margin-left:-2px;margin-right:-2px;padding-left:2px;padding-right:2px}
  .gm-control-tabs a{padding:9px 10px;font-size:13px;border-radius:11px}
  .gm-control-card{padding:13px;border-radius:16px}
  .gm-card-title{gap:9px}
  .gm-card-title h2{font-size:17px}
  .gm-card-icon{width:36px;height:36px;min-width:36px;font-size:18px}
  .gm-setting-link,.gm-toggle-row,.gm-info-line{gap:8px}
  .gm-setting-link b,.gm-toggle-row b,.gm-select-row b,.gm-field-row b,.gm-info-line{font-size:13px}
  .gm-setting-link small,.gm-toggle-row small,.gm-select-row small{font-size:10.5px}
  .gm-setting-link strong{font-size:11px;max-width:34%;text-align:right;white-space:normal}
  .gm-toggle-row i{width:42px;height:24px;min-width:42px}
  .gm-toggle-row i:after{width:18px;height:18px}
  .gm-toggle-row input:checked+i:after{transform:translateX(18px)}
  .gm-security-hero{gap:12px;padding:14px}
  .gm-security-hero>span{font-size:32px}
  .gm-device-row,.gm-block-row{grid-template-columns:auto minmax(0,1fr)}
  .gm-device-row form,.gm-block-row form,.gm-current-device{grid-column:2;justify-self:start}
  .gm-mini-danger,.gm-mini-btn{min-height:34px;font-size:11px}
  .gm-control-save{bottom:calc(64px + env(safe-area-inset-bottom));padding:9px;border-radius:14px}
  .gm-control-save .btn{min-height:44px}
}

@media (max-width:390px){
  .gm-control-page{padding-left:7px!important;padding-right:7px!important}
  .gm-control-head h1{font-size:22px}
  .gm-control-tabs a span{display:inline}
  .gm-control-tabs a{font-size:12px;padding:8px 9px}
  .gm-control-card{padding:12px}
  .gm-setting-link{align-items:flex-start}
  .gm-setting-link strong{max-width:38%;line-height:1.3}
  .gm-toggle-row{align-items:flex-start}
  .gm-toggle-row i{margin-top:2px}
  .gm-security-hero{display:grid;grid-template-columns:auto minmax(0,1fr)}
  .gm-security-hero>span{font-size:30px}
  .gm-security-hero p{font-size:12px}
  .gm-delete-account{padding:10px}
}

@media (orientation:landscape) and (max-height:520px) and (max-width:950px){
  .gm-control-page{padding-top:8px!important;padding-bottom:78px!important}
  .gm-control-side{margin-bottom:10px}
  .gm-control-tabs{padding-bottom:4px}
  .gm-control-card{padding:12px}
  .gm-control-save{position:static;margin-top:10px}
}

/* Actu 2026-09-23 : commentaires pliables pour garder un fil compact */
.gm-post-actions [data-comments-toggle]{display:flex;align-items:center;justify-content:center;gap:5px}
.gm-post-actions [data-comments-toggle] small{font-size:10px;font-weight:800;color:#718078}
.gm-comments-collapsible{max-height:min(56vh,520px);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;border-bottom:1px solid var(--gm-line)}
.gm-comments-collapsible>div[id^="commentsList-"]{padding-right:2px}
@media(max-width:700px){.gm-comments-collapsible{max-height:46vh}.gm-post-actions [data-comments-toggle] small{display:inline}}

.gm-post-music{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#f7faf8;border-top:1px solid var(--gm-line)}.gm-post-music span{font-size:12px;font-weight:800;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gm-post-music audio{height:32px;flex:1;min-width:120px;max-width:360px}

/* === Gabon Match 2026-09-23 : messages vocaux professionnels === */
.gm-voice-recorder{flex:0 0 auto;display:grid;grid-template-columns:38px minmax(105px,auto) 1fr 42px;align-items:center;gap:10px;padding:9px 12px;background:#fff;border-top:1px solid var(--gm-line);box-shadow:0 -8px 24px rgba(15,181,102,.05)}
.gm-voice-recorder.hidden,.gm-voice-preview.hidden{display:none!important}
.gm-voice-cancel-live,.gm-voice-stop{width:38px;height:38px;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;font-weight:900}
.gm-voice-cancel-live{background:#f4f6f5;color:#697771;font-size:22px}.gm-voice-stop{background:#0fb566;color:#fff;font-size:13px;box-shadow:0 7px 18px rgba(15,181,102,.25)}
.gm-voice-live{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:7px;min-width:0}.gm-voice-live b{font-size:12px}.gm-voice-live strong{grid-column:2;font-size:11px;color:#697771;font-variant-numeric:tabular-nums}
.gm-rec-dot{width:9px;height:9px;border-radius:50%;background:#ff315e;box-shadow:0 0 0 5px rgba(255,49,94,.1);animation:gmRecPulse 1.2s infinite}
@keyframes gmRecPulse{50%{opacity:.45;transform:scale(.82)}}
.gm-voice-wave{height:36px;display:flex;align-items:center;gap:2px;min-width:0;overflow:hidden}.gm-voice-wave i{flex:1 1 2px;max-width:4px;min-width:2px;height:16%;border-radius:999px;background:#15b86b;transition:height .08s linear;opacity:.86}
.gm-voice-preview{padding:12px!important;background:#fff;border-top:1px solid var(--gm-line);display:grid;gap:10px}.gm-voice-preview-title{display:flex;align-items:center;gap:10px}.gm-voice-preview-title>span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#eafff4}.gm-voice-preview-title b,.gm-voice-preview-title small{display:block}.gm-voice-preview-title small{color:#71817b;font-size:11px;margin-top:2px}.gm-voice-preview audio{width:100%;height:42px}.gm-voice-preview-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.record-btn.recording{background:#fff0f4!important;color:#ff315e!important;box-shadow:0 0 0 3px rgba(255,49,94,.1)}
.gm-voice-message{min-width:min(270px,68vw);display:flex;align-items:center;gap:9px;padding:2px 0}.gm-voice-message>audio{display:none}.gm-voice-play{flex:0 0 39px;width:39px;height:39px;border-radius:50%;border:0;background:#0fb566;color:#fff;display:grid;place-items:center;padding-left:2px;cursor:pointer;box-shadow:0 5px 14px rgba(15,181,102,.22)}.bubble.me .gm-voice-play{background:#fff;color:#0a9b59}.gm-voice-track{flex:1;min-width:0}.gm-voice-bars{height:24px;display:flex;align-items:center;gap:2px;pointer-events:none}.gm-voice-bars i{flex:1;height:var(--h);min-width:2px;border-radius:999px;background:rgba(26,62,50,.32)}.bubble.me .gm-voice-bars i{background:rgba(255,255,255,.72)}.gm-voice-seek{width:100%;height:4px;margin:-4px 0 0;display:block;accent-color:#0fb566;cursor:pointer}.bubble.me .gm-voice-seek{accent-color:#fff}.gm-voice-times{display:flex;justify-content:space-between;margin-top:1px;font-size:9px;opacity:.72;font-variant-numeric:tabular-nums}
@media(max-width:500px){.gm-voice-recorder{grid-template-columns:34px 94px 1fr 38px;gap:7px;padding:8px}.gm-voice-cancel-live,.gm-voice-stop{width:34px;height:34px}.gm-voice-wave{height:32px}.gm-voice-message{min-width:min(245px,72vw)}}

/* === Gabon Match 2026-09-23 : vitesse vocaux + messages bleu/vert === */
.gm-chat-messages .bubble.text-message-bubble{background:#dbeafe!important;color:#10243e!important;border-color:#bfdbfe!important}
.gm-chat-messages .bubble.text-message-bubble.me{background:#dcfce7!important;color:#103a26!important;border-color:#bbf7d0!important}
.gm-chat-messages .bubble.text-message-bubble .bubble-meta{color:#49647f!important}
.gm-chat-messages .bubble.text-message-bubble.me .bubble-meta{color:#3f7256!important}
.gm-voice-speed{flex:0 0 auto;min-width:38px;height:30px;padding:0 8px;border:1px solid #d7e2dd;border-radius:999px;background:#f7faf8;color:#18372c;font-size:11px;font-weight:900;line-height:1;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease}
.gm-voice-speed:hover{background:#eafff4;border-color:#9ce4bf}.gm-voice-speed:active{transform:scale(.94)}
.bubble.me .gm-voice-speed{background:rgba(255,255,255,.92);border-color:rgba(255,255,255,.78);color:#087847}
@media(max-width:500px){.gm-voice-speed{min-width:34px;height:28px;padding:0 7px;font-size:10px}.gm-voice-message{gap:7px}}


/* === Gabon Match 2026-09-24 : messagerie vocale type WhatsApp + actions 10 min === */
.gm-chat-messages .bubble.voice-message-bubble{position:relative;background:#fff!important;color:#26332e!important;border:1px solid #eef0ef!important;border-radius:16px!important;padding:10px 12px!important;max-width:min(520px,86%)!important;box-shadow:0 2px 8px rgba(22,45,36,.07)}
.gm-chat-messages .bubble.voice-message-bubble.me{background:#d9ffc9!important;border-color:#c8f7b8!important}
.gm-voice-message{width:min(470px,74vw);min-width:min(310px,74vw);display:grid!important;grid-template-columns:46px 42px minmax(150px,1fr) auto;align-items:center;gap:8px;padding:0!important}
.gm-voice-avatar{position:relative;width:44px;height:44px}.gm-voice-avatar img{width:44px;height:44px;border-radius:50%;object-fit:cover;display:block}.gm-voice-avatar span{position:absolute;right:-4px;bottom:-3px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#2497ff;color:#fff;font-size:10px;border:2px solid #fff}
.gm-voice-play{width:42px!important;height:42px!important;flex:0 0 42px!important;background:transparent!important;color:#707773!important;box-shadow:none!important;font-size:22px!important}.bubble.me .gm-voice-play{background:transparent!important;color:#68716c!important}.gm-voice-play:hover{background:rgba(0,0,0,.04)!important}.gm-voice-message.is-playing .gm-voice-play{color:#148cff!important}
.gm-voice-bars{height:34px!important;gap:2px!important}.gm-voice-bars i{min-width:2px!important;max-width:3px!important;background:#c4c9c6!important}.bubble.me .gm-voice-bars i{background:#a9c7a0!important}.gm-voice-message.is-playing .gm-voice-bars i{background:#7f8b86!important}.gm-voice-seek{height:8px!important;margin:-9px 0 0!important;opacity:.02;cursor:pointer}.gm-voice-track{min-width:0}.gm-voice-times{font-size:11px!important;color:#7a837f!important;margin-top:3px!important}.gm-voice-speed{min-width:38px;height:28px;background:rgba(255,255,255,.6)!important;border-color:rgba(100,120,110,.18)!important;color:#66706b!important}
.gm-voice-message.has-audio-error .gm-voice-bars i{background:#e99393!important}.gm-voice-message.has-audio-error .gm-voice-play{color:#d94747!important}
.bubble-meta{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important}.gm-read-receipt{font-weight:900;letter-spacing:-3px;padding-right:3px;font-size:13px}.gm-read-receipt.sent{color:#8a9690}.gm-read-receipt.read{color:#1498ff}.gm-edited{font-size:9px;opacity:.62;font-style:italic}
.gm-msg-menu{position:absolute;top:5px;right:5px;z-index:6}.bubble.me .gm-msg-menu{right:auto;left:5px}.gm-msg-menu-toggle{width:26px;height:26px;border:0;border-radius:50%;background:rgba(255,255,255,.78);color:#5e6c65;cursor:pointer;font-size:18px;line-height:1}.gm-msg-menu-pop{display:none;position:absolute;right:0;top:30px;min-width:150px;padding:6px;background:#fff;border:1px solid #e3e9e6;border-radius:12px;box-shadow:0 12px 30px rgba(20,45,35,.16);z-index:20}.bubble.me .gm-msg-menu-pop{right:auto;left:0}.gm-msg-menu.open .gm-msg-menu-pop{display:grid}.gm-msg-menu-pop button{border:0;background:#fff;padding:9px 10px;text-align:left;border-radius:8px;font-weight:700;cursor:pointer}.gm-msg-menu-pop button:hover{background:#f2f6f4}.gm-msg-menu-pop button.danger{color:#cf334d}.gm-msg-menu-pop small{padding:5px 10px 3px;color:#8a9690;font-size:9px}
.gm-chat-file{display:flex;align-items:center;gap:10px;min-width:220px;color:inherit;text-decoration:none}.gm-chat-file>span{width:42px;height:42px;border-radius:10px;background:rgba(255,255,255,.7);display:grid;place-items:center;font-size:21px}.gm-chat-file div{min-width:0}.gm-chat-file b,.gm-chat-file small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gm-chat-file b{max-width:260px}.gm-chat-file small{font-size:10px;opacity:.7;margin-top:2px}
.gm-attachment-preview{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f6fbf8;border-top:1px solid var(--gm-line);font-size:12px}.gm-attachment-preview.hidden{display:none!important}.gm-attachment-preview b{min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gm-attachment-preview button{border:0;background:#e8efeb;width:28px;height:28px;border-radius:50%;font-size:18px;cursor:pointer}
@media(max-width:600px){.gm-chat-messages .bubble.voice-message-bubble{max-width:94%!important;padding:9px!important}.gm-voice-message{width:min(390px,82vw);min-width:min(270px,82vw);grid-template-columns:40px 38px minmax(115px,1fr) auto;gap:6px}.gm-voice-avatar,.gm-voice-avatar img{width:40px;height:40px}.gm-voice-play{width:38px!important;height:38px!important}.gm-voice-bars{height:30px!important}.gm-voice-speed{min-width:34px;padding:0 6px!important}.gm-msg-menu-pop{min-width:140px}}

/* === Gabon Match 2026-09-24 : medias sans halo colore + themes messagerie === */
.pro-chat{
  --gm-chat-accent:#0fb566;
  --gm-chat-bubble:#dcfce7;
  --gm-chat-bubble-text:#103a26;
  --gm-chat-bubble-border:#bbf7d0;
}
/* Les photos et videos sont affichees seules, sans bulle coloree autour. */
.gm-chat-messages .bubble.media-message-bubble{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  overflow:visible!important;
}
.gm-chat-messages .bubble.media-message-bubble.me{background:transparent!important;color:inherit!important}
.gm-chat-messages .bubble.media-message-bubble>a{display:block;line-height:0}
.gm-chat-messages .bubble.media-message-bubble .chat-image{
  display:block;
  width:auto;
  max-width:min(420px,76vw);
  max-height:520px;
  object-fit:cover;
  border-radius:14px;
  border:0!important;
  outline:0!important;
  box-shadow:0 2px 9px rgba(15,30,24,.08);
  background:#111;
}
.gm-chat-messages .bubble.media-message-bubble .bubble-meta{
  margin-top:5px;
  padding:0 3px;
  color:#68756f!important;
}
.gm-chat-messages .bubble.media-message-bubble .gm-msg-menu-toggle{background:rgba(255,255,255,.92)}

/* Le theme choisi personnalise les messages envoyes et les commandes principales. */
.gm-chat-messages .bubble.text-message-bubble.me,
.gm-chat-messages .bubble.voice-message-bubble.me{
  background:var(--gm-chat-bubble)!important;
  color:var(--gm-chat-bubble-text)!important;
  border-color:var(--gm-chat-bubble-border)!important;
}
.pro-chat .send-btn,.pro-chat .gm-voice-stop{background:var(--gm-chat-accent)!important}
.pro-chat .gm-voice-message.is-playing .gm-voice-play{color:var(--gm-chat-accent)!important}
.pro-chat .gm-voice-seek{accent-color:var(--gm-chat-accent)!important}
.pro-chat .gm-read-receipt.read{color:var(--gm-chat-accent)!important}
.pro-chat .gm-chat-reply-preview{border-left-color:var(--gm-chat-accent)!important}

.gm-chat-theme-panel{margin:14px 0;padding:13px;border:1px solid #e7ece9;border-radius:16px;background:#fafcfb}
.gm-chat-theme-title{display:flex;align-items:center;gap:10px;margin-bottom:11px}.gm-chat-theme-title>span{font-size:22px}.gm-chat-theme-title b,.gm-chat-theme-title small{display:block}.gm-chat-theme-title small{font-size:11px;color:#71817b;margin-top:2px}
.gm-chat-theme-colors{display:flex;flex-wrap:wrap;gap:10px}.gm-theme-color{position:relative;width:34px;height:34px;border-radius:50%;border:3px solid #fff;background:var(--swatch);box-shadow:0 0 0 1px #d8e0dc,0 3px 8px rgba(15,30,24,.10);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.gm-theme-color:hover{transform:scale(1.08)}.gm-theme-color.active{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--swatch),0 4px 10px rgba(15,30,24,.14)}.gm-theme-color.active:after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-weight:900;font-size:15px;text-shadow:0 1px 2px rgba(0,0,0,.35)}
@media(max-width:600px){.gm-chat-messages .bubble.media-message-bubble .chat-image{max-width:82vw;max-height:62vh}.gm-chat-theme-panel{margin:10px 0;padding:11px}.gm-theme-color{width:32px;height:32px}}
/* 2026-09-24 hotfix chargement messagerie */
.chat-load-error{margin:auto;max-width:360px;padding:22px;text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 8px 28px rgba(15,23,42,.08);display:flex;flex-direction:column;gap:8px}.chat-load-error b{font-size:16px}.chat-load-error span{font-size:13px;color:#64748b}.chat-load-error button{align-self:center;border:0;border-radius:999px;padding:9px 18px;background:#0fb566;color:#fff;font-weight:700}

/* Aperçu vocal : même lecteur et même bulle que le message envoyé. */
#voicePreview.gm-voice-preview{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
#voicePreview .gm-voice-preview-bubble{justify-self:end;box-sizing:border-box;max-width:100%;margin:0;padding:10px 12px;border:1px solid var(--gm-chat-bubble-border,#c8f7b8);border-radius:16px;background:var(--gm-chat-bubble,#d9ffc9);color:var(--gm-chat-bubble-text,#26332e);box-shadow:0 2px 8px rgba(22,45,36,.07)}
#voicePreview .gm-voice-message{width:min(470px,74vw);max-width:100%;min-width:0;grid-template-columns:46px 42px minmax(0,1fr) auto}
#voicePreview .gm-voice-message>audio{display:none}
#voicePreview .gm-voice-preview-actions{display:flex;justify-content:flex-end;gap:8px;min-width:0}
#voicePreview .gm-voice-preview-actions .btn{min-width:0;padding:9px 14px;font-size:13px}
#voicePreview #voiceSend{background:var(--gm-chat-accent,#0fb566)}
@media(max-width:600px){#voicePreview .gm-voice-preview-bubble{padding:9px}#voicePreview .gm-voice-message{width:min(390px,82vw);grid-template-columns:40px 38px minmax(0,1fr) auto;gap:6px}}