/* Marco continuo: preserve the portal's existing typography and role-based navigation. */
.academy-continuous-header{display:none}
.sb-brand-lockup{align-items:center;transform:none}
.sb-brand-wordmark{transform:none!important}
.sb-logo .sb-brand-crest{order:-1;transform:none}

/* One readable foreground contract for solid celeste controls across the portal. */
:is(.btn-primary,.btn-am,.academy-admin-tabs button[aria-pressed=true],.ap-tabs button[aria-pressed=true],.manual-tabs button[aria-selected=true],.tutorial-play,.tutorial-duration,.manual-step,.operations-audit-icon,.u-av),
:is(.btn-primary,.btn-am,.academy-admin-tabs button[aria-pressed=true],.ap-tabs button[aria-pressed=true],.manual-tabs button[aria-selected=true],.tutorial-play,.tutorial-duration,.manual-step) :is(span,small,strong,b,em,svg){color:#fff!important}
.s-dot[style*="--cel)"],.s-dot[style*="--ok)"]{color:#fff!important}
.sidebar .sb-group-toggle{position:relative;background:transparent!important;border:1px solid transparent!important;border-radius:999px!important;box-shadow:none!important;color:#fff}
.sidebar .sb-group-toggle[aria-expanded=true]::after{content:"";position:absolute;left:10px;bottom:2px;width:24px;height:2px;border-radius:999px;background:#fff;pointer-events:none}
.sidebar .nav-item,.sidebar .nav-item:hover{background:transparent!important;border:1px solid transparent!important;border-radius:999px!important;box-shadow:none!important;color:#fff}
.sidebar .nav-item.active,.sidebar .nav-item.active:hover{background:#fff!important;border-color:#fff!important;color:#75beee!important;box-shadow:none!important}
.sidebar .nav-item.active .nav-label,.sidebar .nav-item.active .nav-icon,.sidebar .nav-item.active svg{color:#75beee!important}

/* Focus belongs to the full pill, never to a smaller input rectangle inside it. */
.searchbar#sbWrap{display:flex;align-items:center;gap:8px;width:100%;min-width:0;border-radius:999px;box-shadow:none}
.searchbar#sbWrap:focus-within{outline:2px solid var(--cel-dk);outline-offset:2px;box-shadow:none}
.searchbar#sbWrap #topPlayerSearch{flex:1;min-width:0;width:100%;height:32px;padding:0;border:0;border-radius:999px;box-shadow:none;background:transparent}
.searchbar#sbWrap #topPlayerSearch:focus,.searchbar#sbWrap #topPlayerSearch:focus-visible{outline:none!important;box-shadow:none!important}
.searchbar#sbWrap .search-icon{flex:0 0 16px;display:flex;align-items:center;justify-content:center}
.searchbar#sbWrap .sidebar-search-clear{position:static;transform:none;flex:0 0 26px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center}
.searchbar#sbWrap .sidebar-search-clear[hidden]{display:none}
.sidebar-search-shell>.sidebar-search-results{left:0;right:0;width:100%;min-width:0;max-width:100%;border-radius:18px}
.sidebar-search-result{min-width:0;border-radius:12px}
.sidebar-search-result:not(:has(>span)){grid-template-columns:minmax(0,1fr);padding:12px;white-space:normal;overflow-wrap:break-word}
@media(min-width:769px){
  #appShell{--academy-continuous-header:78px;--academy-continuous-sidebar:220px;background:#75beee}
  #appShell>.academy-continuous-header{position:fixed;inset:0 0 auto;z-index:110;display:flex;align-items:center;gap:26px;height:var(--academy-continuous-header);padding:0 28px 0 0;background:#75beee;color:#fff}
  .academy-continuous-header>.sb-logo{width:var(--academy-continuous-sidebar);flex:0 0 var(--academy-continuous-sidebar);border:0;background:transparent}
  .academy-continuous-header .sb-brand-lockup{transform:none}
  .academy-continuous-header .sb-brand-crest{transform:none}
  .academy-continuous-header .sb-search-row{width:min(360px,35vw);min-width:200px;margin:0}
  .academy-continuous-header .sidebar-search-shell{min-width:0;width:100%}
  .academy-continuous-header .searchbar{color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.4);box-shadow:none}
  .academy-continuous-header .searchbar#sbWrap{height:36px;padding:0 10px}
  .academy-continuous-header .searchbar#sbWrap:focus-within{outline-color:#fff}
  .academy-continuous-header #topPlayerSearch,.academy-continuous-header #topPlayerSearch::placeholder{color:#fff;opacity:1}
  .academy-continuous-header .search-icon,.academy-continuous-header .sidebar-search-clear{color:#fff}
  .academy-continuous-header .sidebar-search-results{color:var(--g800);top:calc(100% + 8px)}
  .academy-continuous-header .sidebar-search-result{color:var(--g800)}
  #appShell>.sidebar{top:var(--academy-continuous-header);width:var(--academy-continuous-sidebar);min-height:0;height:calc(100dvh - var(--academy-continuous-header));background:#75beee;box-shadow:none}
  #appShell>.main{margin-left:var(--academy-continuous-sidebar);margin-top:var(--academy-continuous-header);min-height:calc(100dvh - var(--academy-continuous-header));background:var(--bg);border-top-left-radius:22px;isolation:isolate}
  #appShell>.main>.topbar{top:var(--academy-continuous-header);border-top-left-radius:22px;box-shadow:none}
  #appShell>.sidebar .sb-tools{padding-top:12px}
  #appShell>.sidebar .sb-group-toggle{background:transparent;border:0;color:#fff}
  #appShell>.sidebar .sb-group-toggle:hover{background:transparent}
  #appShell>.sidebar .sb-group-toggle[aria-expanded=true]{background:transparent!important;border:1px solid transparent!important;border-radius:999px!important;box-shadow:none!important}
  #appShell>.sidebar .nav-item{color:#fff}
  #appShell>.sidebar .nav-item.active{background:#fff!important;color:#75beee!important;border-radius:999px!important;box-shadow:none!important}
  #appShell>.sidebar .sb-quick-actions .btn{color:#fff;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.4)}
  .academy-continuous-header input:focus-visible,.academy-continuous-header button:focus-visible{outline:2px solid #fff;outline-offset:3px}
}
@media(min-width:769px) and (max-width:1050px){
  #appShell>.academy-continuous-header{gap:16px;padding-right:20px}
  .academy-continuous-header .sb-search-row{width:min(320px,32vw)}
}
