/* Scope layout changes to application chrome, retaining native full-screen exceptions. */
html.gm-ui-v21{--gm-ui-green:#00aa61;--gm-ui-yellow:#fcd116;--gm-ui-blue:#1670d5;background:#fff}
html.gm-ui-v21 body:not(.gm-reels-page):not(.gm-ui-video):not(:has(.call-stage,.live-stage)){background:#fff}
html.gm-ui-v21 :is(.gm-page,.shell,.gm-actu-modern,.gm-composer-card,.gm-post,.gm-cc-shell,.gm-cc-card,.profile-main-card,.gm-live-discovery,.gm-actu-live-preview){background:#fff!important}
html.gm-ui-v21 .gm-actu-modern{--ga-bg:#fff;--ga-card:#fff}
html.gm-ui-v21 header.gm-brand-header{background:#080909!important;color:#fff!important;border-bottom:0!important;box-shadow:0 2px 8px #0002;isolation:isolate;gap:10px}
html.gm-ui-v21 header.gm-brand-header::after,html.gm-ui-v21 .gm-ui-drawer-head::after{content:"";position:absolute;inset:auto 0 0;height:4px;pointer-events:none;background:linear-gradient(90deg,#009e60 0 33.333%,#fcd116 33.333% 66.666%,#1670d5 66.666%);z-index:1}
html.gm-ui-v21 .gm-brand-anchor{min-width:0;text-decoration:none;flex-shrink:1;color:#fff!important}
html.gm-ui-v21 .gm-brand-anchor>:not(.gm-brand-visual){display:none!important}
html.gm-ui-v21 .gm-brand-visual{display:inline-flex;align-items:center;gap:6px;vertical-align:middle;max-width:100%;pointer-events:none}
html.gm-ui-v21 .gm-brand-panther{width:38px!important;height:34px!important;flex:0 0 38px;object-fit:contain;border:0!important;border-radius:0!important;background:none!important}
html.gm-ui-v21 .gm-brand-name{font-family:Inter,Arial,sans-serif;font-size:18px;font-weight:900;font-style:italic;letter-spacing:-.5px;line-height:1.1;white-space:nowrap;color:#fff!important}
html.gm-ui-v21 .gm-brand-name em{font:inherit;color:#fcd116!important}
html.gm-ui-v21 :is(.gm-ui-header-hidden,.gm-brand-search){display:none!important}
html.gm-ui-v21 header.gm-brand-header :is(.top-actions,.landing-actions){display:flex;align-items:center;gap:10px!important;flex-shrink:0;overflow:visible}
html.gm-ui-v21 header.gm-brand-header :is(.notification-bell,.page-exit-btn,.mobile-menu-btn){position:relative;width:38px!important;height:38px!important;min-width:38px!important;flex:0 0 38px;align-items:center;justify-content:center;background:transparent!important;color:#fff!important;border:1px solid #ffffff24!important;border-radius:50%;box-sizing:border-box}
html.gm-ui-v21 .gm-brand-bell{display:flex!important;font-size:0!important;overflow:visible!important}
html.gm-ui-v21 .gm-brand-bell :is(.gm-ui-icon,.gm-brand-action-icon){width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;flex:none}
html.gm-ui-v21 .gm-brand-bell :is([data-notification-count],.notification-count){position:absolute!important;top:-5px!important;right:-5px!important;left:auto!important;bottom:auto!important;min-width:18px;padding:2px 4px;font-size:10px!important;line-height:13px;color:#fff;background:#ff3159;border:2px solid #080909;border-radius:20px;z-index:2;transform:none!important}
html.gm-ui-v21 header.gm-brand-header .top-avatar{flex:0 0 auto}
html.gm-ui-v21 header.gm-brand-header .top-avatar img{display:block;width:34px!important;height:34px!important;object-fit:cover;border-radius:50%;border:1px solid #fff7}
html.gm-ui-v21 header.gm-brand-header :is(.desktop-app-menu,.desktop-menu)>a{color:#fff}
html.gm-ui-v21 .bottom-nav{background:#080909!important;color:#fff!important;border-top:1px solid #fff2!important;box-shadow:none!important}
html.gm-ui-v21 .bottom-nav a,html.gm-ui-v21 .bottom-nav small{color:#fff!important}
html.gm-ui-v21 .bottom-nav a.active,html.gm-ui-v21 .bottom-nav a.active small{color:#00df78!important}
html.gm-ui-v21 .gm-ui-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
html.gm-ui-v21 .bottom-nav a>span{display:block}
html.gm-ui-v21 .bottom-nav a>span>.gm-ui-icon{display:block;margin:auto}
html.gm-ui-v21 .gm-ui-drawer-head{position:relative;background:#080909!important;color:#fff!important;padding-bottom:19px!important;flex-shrink:0}
html.gm-ui-v21 .gm-drawer{background:#fff!important}
html.gm-ui-v21 .gm-drawer-brand .gm-brand-name{font-size:21px}
html.gm-ui-v21 .gm-drawer-brand .gm-brand-panther{width:52px!important;height:44px!important;flex-basis:52px}
html.gm-ui-v21 .gm-ui-brand-mark{width:52px;height:48px;object-fit:contain}
html.gm-ui-v21 .gm-ui-publish{display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;border-radius:13px;background:#00aa61;color:#fff;font-size:14px;font-weight:750;white-space:nowrap;margin-left:auto}
html.gm-ui-v21 .gm-actu-modern .gm-titlebar{gap:12px}
html.gm-ui-v21 .gm-actu-modern .gm-titlebar .gm-sub{display:none}
html.gm-ui-v21 :is(.gm-ui-like).liked{color:#00b86b!important}
/* Video owns its viewport below the header; camera/call/live stages remain untouched. */
html.gm-ui-v21 body.gm-ui-video>header.gm-brand-header{display:flex!important;position:fixed!important;inset:0 0 auto 0!important;z-index:100!important;min-height:62px}
html.gm-ui-v21 body.gm-ui-video .gm-reels-fullscreen{top:var(--gm-ui-top,62px)!important;bottom:0!important;height:calc(100dvh - var(--gm-ui-top,62px))!important}
html.gm-ui-v21 :is(a,button):focus-visible{outline-color:#00bb73}
@media(max-width:760px){
 html.gm-ui-v21 header.gm-brand-header{padding-left:10px!important;padding-right:10px!important;gap:8px}
 html.gm-ui-v21 header.gm-brand-header .gm-brand-name{font-size:clamp(11px,3.1vw,16px)}
 html.gm-ui-v21 header.gm-brand-header .gm-brand-panther{width:29px!important;height:28px!important;flex-basis:29px}
 html.gm-ui-v21 header.gm-brand-header .gm-brand-visual{gap:4px}
 html.gm-ui-v21 header.gm-brand-header :is(.top-actions,.landing-actions){gap:7px!important}
 html.gm-ui-v21 header.gm-brand-header :is(.notification-bell,.page-exit-btn,.mobile-menu-btn){width:34px!important;min-width:34px!important;height:36px!important;flex-basis:34px}
 html.gm-ui-v21 header.gm-brand-header .top-avatar img{width:30px!important;height:30px!important}
 html.gm-ui-v21 .bottom-nav small{font-size:10px}
}
@media(max-width:350px){html.gm-ui-v21 header.gm-brand-header{gap:5px;padding-left:7px!important;padding-right:7px!important}html.gm-ui-v21 header.gm-brand-header :is(.top-actions,.landing-actions){gap:5px!important}html.gm-ui-v21 header.gm-brand-header .gm-brand-panther{width:24px!important;flex-basis:24px}html.gm-ui-v21 header.gm-brand-header .gm-brand-name{font-size:10px}}

html.gm-ui-v21 .gm-ui-member-login{text-align:center;font-size:14px;color:#52665b;margin:14px 0 20px}html.gm-ui-v21 .gm-ui-member-login a{color:#00854d;font-weight:700;text-decoration:underline}

/* V24: approved authentication surfaces only; no form field or endpoint changes. */
html:has(body.gm-login-page),html:has(body.gm-register-page){background:#000}
html.gm-ui-v21 body.gm-login-page,html.gm-ui-v21 body.gm-register-page{
 background:#000 url('../brand/gm-auth-black-glass.png') top center/100% auto no-repeat!important;
 color:#fff!important;min-height:100dvh;box-sizing:border-box;
}
html.gm-ui-v21 body.gm-login-page::before,html.gm-ui-v21 body.gm-login-page::after{display:none!important}
html.gm-ui-v21 .gm-login-page :is(.cm-login-home,.cm-login-back),html.gm-ui-v21 .gm-register-page .cm-reg-home{display:none!important}
html.gm-ui-v21 .gm-login-page .cm-login-brand{color:#fff}
html.gm-ui-v21 .gm-login-page .cm-login-brand>.gm-ui-brand-mark{display:block;width:126px;height:94px;object-fit:contain;margin:0 auto 10px}
html.gm-ui-v21 .gm-login-page .cm-login-brand-name{color:#fff!important}
html.gm-ui-v21 .gm-login-page .cm-login-brand-name span{color:#fcd116!important}
html.gm-ui-v21 .gm-login-page .cm-login-tagline{color:#e4e6e5!important}
html.gm-ui-v21 .gm-login-page .cm-login-badge{background:#143526!important;color:#fff;border:1px solid #ffffff24}
html.gm-ui-v21 .gm-login-page .cm-login-card{background:#fff!important;color:#153d2c;box-shadow:0 16px 48px #0005}
html.gm-ui-v21 .gm-login-page .cm-login-submit{min-height:52px;font-size:17px;font-weight:800}
html.gm-ui-v21 .gm-login-page .cm-login-footer,html.gm-ui-v21 .gm-login-page .cm-login-footer a{color:#e1e4e2!important}
html.gm-ui-v21 body.gm-register-page{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;padding:24px 18px 30px!important;gap:0}
html.gm-ui-v21 .gm-register-page>.cm-register-brand{display:flex!important;flex-direction:column;align-items:center;justify-content:center;width:min(520px,100%);padding:0!important;margin:0 0 24px!important;border:0!important;background:transparent!important;color:#fff!important;gap:12px}
html.gm-ui-v21 .gm-register-page>.cm-register-brand>a{display:block!important;text-align:center;color:#fff!important}
html.gm-ui-v21 .gm-register-page>.cm-register-brand .gm-brand-visual{display:flex;flex-direction:column;gap:8px}
html.gm-ui-v21 .gm-register-page>.cm-register-brand .gm-brand-panther{width:126px!important;height:94px!important;flex:0 0 auto;object-fit:contain}
html.gm-ui-v21 .gm-register-page>.cm-register-brand .gm-brand-name{font-size:30px!important;letter-spacing:-.6px}
html.gm-ui-v21 .gm-register-page>.cm-register-brand .cm-reg-badge{background:#143526!important;color:#fff!important;border:1px solid #ffffff24;border-radius:22px;font-size:11px;padding:9px 13px}
html.gm-ui-v21 .gm-register-page .cm-register-card{width:min(520px,100%)!important;max-width:520px;box-sizing:border-box;background:#fff!important;color:#153d2c!important;border:1px solid #fff;flex:0 0 auto;box-shadow:0 16px 48px #0005;margin:0!important}
html.gm-ui-v21 .gm-register-page .gm-ui-member-login{display:block!important;width:100%;margin:22px 0 4px;text-align:center}
html.gm-ui-v21 .gm-register-page .gm-ui-member-login>p{font-size:15px;font-weight:700;line-height:1.5;color:#214b36;margin:0 0 10px}
html.gm-ui-v21 .gm-register-page a.gm-auth-login-button{display:flex!important;align-items:center;justify-content:center;width:100%;min-height:52px;box-sizing:border-box;padding:13px 16px;border:1px solid #080909;border-radius:15px;background:#080909!important;color:#fff!important;font-size:17px;font-weight:800;line-height:1.4;text-decoration:none!important;gap:12px}
html.gm-ui-v21 .gm-register-page a.gm-auth-login-button:focus-visible{outline:3px solid #00c879;outline-offset:3px}
html.gm-ui-v21 .gm-register-page a.gm-auth-login-button:hover{background:#242727!important}
@media(max-width:360px){html.gm-ui-v21 body.gm-register-page{padding:18px 12px 24px!important}html.gm-ui-v21 .gm-register-page>.cm-register-brand .gm-brand-name{font-size:27px!important}}
html.gm-ui-v21 body.gm-register-page::before,html.gm-ui-v21 body.gm-register-page::after{display:none!important}
html.gm-ui-v21 .gm-register-page .cm-reg-login{display:none!important}