/* Barra global EducaNexo — copiada do App Referência oficial v1.2.2 */
:root{
  --global-bg:#ffffff;
  --global-text:#1f2937;
  --global-muted:#667085;
  --global-border:#e5e7eb;
  --global-soft:#eef2f7;
  --global-brand:#1f4f8f;
}
html[data-theme="dark"]{
  --global-bg:#111827;
  --global-text:#f8fafc;
  --global-muted:#cbd5e1;
  --global-border:#334155;
  --global-soft:#1e293b;
  --global-brand:#8ab4f8;
}
.global-bar{
  position:sticky;top:0;z-index:100;height:38px;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:0 12px;background:var(--global-bg);border-bottom:1px solid var(--global-border);
  font-family:Inter,Segoe UI,Arial,sans-serif
}
.global-left,.global-right{height:100%;display:flex;align-items:center;min-width:0}
.global-left{gap:7px}.global-right{gap:2px}
.brand{
  display:flex;align-items:center;gap:6px;color:var(--global-brand);
  font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap
}
.brand-favicon{width:20px;height:20px;display:block;object-fit:contain;flex:0 0 auto}
.brand-text{display:inline}
.separator{color:#9ca3af;font-size:13px;user-select:none}
.module-name{
  max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:12.5px;font-weight:600;color:var(--global-muted)
}
.global-action{
  height:26px;display:flex;align-items:center;justify-content:center;padding:0 7px;
  border:0;border-radius:5px;background:transparent;color:var(--global-muted);
  font:600 12px Inter,Segoe UI,Arial,sans-serif;cursor:pointer;text-decoration:none
}
.global-action:hover{background:var(--global-soft);color:var(--global-text)}
.global-profile{color:var(--global-text);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.global-icon{width:28px;padding:0;font-size:15px}
.global-hidden{display:none!important}
html.fullscreen-active.fullscreen-hide-bar .global-bar{display:none}
@media(max-width:720px){
  .global-bar{height:38px;padding:0 8px}.brand{font-size:12.5px}.brand-favicon{width:19px;height:19px}
  .module-name{max-width:125px;font-size:12px}.brand-text{display:none}.global-profile{max-width:90px;font-size:11.5px}
  .global-action{height:25px;padding:0 5px;font-size:11.5px}.global-icon{width:25px;padding:0}
}