/* Horizonte + Play: shared application chrome, deliberately outside the Aula. */
:root{--g-blue:#2563eb;--g-ink:#183153;--g-bg:#f3f7fd;--g-line:#dfe8f4;--g-surface:#fff;--g-radius:16px;--g-space:8px}
body:has(.g-shell){background:var(--g-bg)}
.g-shell{--g-rail:68px;color:var(--g-ink);min-height:100dvh;font-family:Inter,ui-sans-serif,system-ui,sans-serif}
.g-shell.is-expanded{--g-rail:210px}
.g-sidebar{position:fixed;inset:0 auto 0 0;width:var(--g-rail);overflow-y:auto;z-index:220;display:flex;flex-direction:column;gap:26px;padding:22px 9px 16px 10px;background:#fbfdff;scrollbar-width:none;overflow-x:hidden;border-right:1px solid var(--g-line);transition:width 170ms ease;box-shadow:2px 0 16px #18315303}
.g-sidebar::-webkit-scrollbar{display:none;width:0;height:0}
.g-sidebar .g-nav-link{box-sizing:border-box;display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:2px;padding:12px 0}
.g-sidebar .g-nav-link>.g-icon{display:block;justify-self:center;margin:0;width:23px;height:23px}
.g-shell:not(.is-expanded) .g-sidebar .g-nav-link{grid-template-columns:46px;column-gap:0}
.g-side-top{display:flex;flex-direction:column;align-items:center;gap:16px;flex:none}
.g-brand{display:flex;align-items:center;gap:10px;color:var(--g-ink);text-decoration:none;min-width:0;white-space:nowrap}
.g-wordmark{font-size:25px;font-weight:800;letter-spacing:-1px}
.g-mark{width:38px;height:38px;flex:none;display:grid;place-items:center;background:var(--g-blue);border-radius:12px}.g-mark svg{width:32px;height:32px}
.g-shell:not(.is-expanded) .g-wordmark,.g-shell:not(.is-expanded) .g-label,.g-shell:not(.is-expanded) .g-account-copy{display:none}
.g-icon{width:23px;height:23px;flex:none;vertical-align:middle}
.g-sidebar button,.g-aula-nav button{touch-action:manipulation}
.g-toggle{width:40px;height:36px;min-height:36px;padding:6px;border:0;background:transparent;color:#526983;display:grid;place-items:center;border-radius:10px}
.g-shell:not(.is-expanded) .g-toggle .g-icon{transform:rotate(180deg)}
.g-shell.is-expanded .g-side-top{padding:0 5px;align-items:flex-start;position:relative;gap:16px}
.g-shell.is-expanded .g-toggle{align-self:flex-end;margin-top:0}
.g-nav{flex:none;display:flex;flex-direction:column;gap:8px;min-height:0}
.g-nav-link{position:relative;display:flex;align-items:center;gap:13px;min-height:48px;width:100%;padding:12px;border:1px solid transparent;border-radius:12px;white-space:nowrap;color:#4d637d;background:transparent;font-size:14px;font-weight:650;text-align:left}
.g-nav-link:hover:not(:disabled){color:var(--g-blue);background:#edf4ff}
.g-nav-link.is-active{color:#1b50bc;background:#e7efff;border-color:#d4e3ff;font-weight:750}
.g-nav-link.is-active:before{content:'';position:absolute;left:-11px;top:13px;bottom:13px;width:4px;border-radius:0 4px 4px 0;background:var(--g-blue)}
.g-nav-link.is-active .g-icon{stroke-width:2.2}
.g-account-area{margin-top:auto;position:relative;padding-top:16px;border-top:1px solid var(--g-line);flex:none}
.g-account-trigger{display:flex;align-items:center;gap:10px;width:100%;padding:8px 5px;min-height:52px;background:transparent;border:0;text-align:left;border-radius:12px;color:var(--g-ink)}
.g-avatar{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:50%;background:#e4eafc;color:#2e4895;font-size:13px;font-weight:750;border:2px solid white;box-shadow:0 0 0 1px #dce5f4}
.g-account-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.g-account-copy strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.g-account-copy small{font-size:11px;color:#667d96}
.g-account-area .sync-indicator-slot{position:absolute;right:0;top:-9px;width:24px;height:24px;min-width:0}
.g-account-popover{position:fixed;left:calc(var(--g-rail,210px) + 8px);bottom:16px;width:245px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);overflow:auto;z-index:420;padding:7px;background:white;border:1px solid var(--g-line);border-radius:14px;box-shadow:0 10px 34px #18315320}
.g-account-popover[hidden],.g-backdrop[hidden]{display:none!important}
.g-account-popover :is(button,a){display:flex;align-items:center;gap:12px;width:100%;min-height:46px;padding:11px 12px;border:0;background:transparent;border-radius:9px;text-align:left;text-decoration:none;color:var(--g-ink);font-size:14px;font-weight:600}
.g-account-popover :is(button,a):hover{background:#edf4ff}.g-account-popover [data-account-logout]{border-top:1px solid var(--g-line);margin-top:4px;border-radius:0 0 9px 9px;color:#9a414d}
.g-section{margin-left:var(--g-rail);min-width:0;transition:margin-left 170ms ease}
.g-shell .main{max-width:1600px;width:100%;margin:0 auto;padding:34px clamp(20px,3vw,48px);min-width:0}
.g-shell :is(.main,.g-section){overflow-wrap:anywhere}
.g-pagehead{margin-bottom:26px}.g-pagehead h1{font-size:clamp(26px,3vw,34px);margin:8px 0 10px;letter-spacing:-.8px}.g-pagehead p{color:#5b7089;max-width:680px;line-height:1.6}.g-eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:750;color:var(--g-blue)}
.g-card{border:1px solid var(--g-line);background:var(--g-surface);border-radius:var(--g-radius);padding:28px;max-width:750px;box-shadow:0 3px 14px #18315304}
.g-profile form{display:grid;gap:14px;margin-top:24px}.g-profile label{display:grid;gap:9px;font-size:14px;font-weight:650}.g-profile input{padding:12px;border:1px solid #cfdaeb;border-radius:10px;max-width:430px;width:100%;color:var(--g-ink)}.g-profile form p{font-size:13px;color:#61718a;margin:0;line-height:1.6}.g-profile form button{justify-self:start}.g-profile dd{margin:8px 0 20px}.g-profile dt{font-size:13px;color:#61718a}.g-avatar-large{width:58px;height:58px;font-size:20px;margin-bottom:22px;background:#e4efff}.g-text-link{color:#205acb;font-weight:600}.g-help li{line-height:1.8;margin:16px 0;padding-left:8px}.g-help ol{padding-left:20px}
.g-shell .primary{background:var(--g-blue);border-color:var(--g-blue);color:white}.g-shell :is(button,a,input):focus-visible,.g-aula-nav :is(button,a):focus-visible{outline:3px solid #d89718;outline-offset:3px}
.g-mobile-top,.g-backdrop{display:none}
body.b-navigation-open:has(.b-shell) .g-aula-nav.topbar{display:flex;flex-direction:column;align-items:stretch;gap:18px;padding:16px;max-height:calc(100dvh - 82px);overflow:auto;width:min(282px,calc(100vw - 24px))}
.g-aula-nav .g-nav{gap:4px}.g-aula-nav .g-brand{padding:0 8px}.g-aula-account>button{width:100%;display:flex;align-items:center;gap:12px}.g-aula-account{border-top:1px solid var(--g-line);padding-top:12px}.g-aula-nav .g-account-popover{left:24px;bottom:24px;width:260px;max-width:calc(100vw - 48px)}
@media(min-width:641px) and (max-width:1000px){.g-shell .g-section{margin-left:68px}}
@media(max-width:640px){.g-shell{--g-rail:0px}.g-shell.is-expanded{--g-rail:210px}.g-section{margin-left:0!important;padding-top:64px}.g-shell .main{padding:25px 16px}.g-mobile-top{position:fixed;inset:0 0 auto;height:64px;display:flex;gap:16px;align-items:center;padding:10px 16px;background:#fbfdfff5;border-bottom:1px solid var(--g-line);z-index:210}.g-mobile-top>button{padding:8px;border:0;background:transparent}.g-mobile-top .g-mark{width:32px;height:32px;border-radius:10px}.g-mobile-top .g-wordmark{display:block!important;font-size:22px}.g-sidebar{width:min(210px,calc(100vw - 48px));z-index:320;transform:translateX(-105%);visibility:hidden;transition:transform 170ms ease,visibility 170ms}.g-shell.is-mobile-open .g-sidebar{transform:translateX(0);visibility:visible}.g-backdrop:not([hidden]){display:block;position:fixed;inset:0;width:100%;height:100%;border:0;border-radius:0;background:#18315355;z-index:310;padding:0}.g-account-popover{left:12px;bottom:90px;width:256px;max-width:calc(100vw - 24px)}.g-card{padding:21px}.g-shell.is-mobile-open .g-section{pointer-events:none}.g-sidebar .g-toggle .g-icon{transform:rotate(0)!important}}
@media(prefers-reduced-motion:reduce){.g-sidebar,.g-section{transition:none!important}}

.g-account-trigger.is-current{background:#e7efff;box-shadow:inset 0 0 0 1px #d4e3ff}

@media(max-width:640px){body:has(.g-shell.is-mobile-open){overflow:hidden}}