:root {
  --night: var(--agora-primary);
  --tech: var(--agora-secondary);
  --gold: var(--agora-accent);
  --bg: var(--agora-background);
  --text: var(--agora-text);
  --muted: var(--agora-text-muted);
}
body { font-family: var(--agora-body-font); }
h1,h2,h3,.brand { font-family: var(--agora-title-font); }
.brand-sidebar-logo { display:block; max-width:190px; max-height:64px; object-fit:contain; }
.brand-header-logo { display:block; max-width:150px; max-height:42px; object-fit:contain; }
.brand-login-logo { display:block; max-width:260px; max-height:110px; object-fit:contain; margin:auto; }
.brand-preview { display:block; width:100%; height:130px; object-fit:contain; background:#eef1f4; border-radius:8px; margin:12px 0; }
.brand-footer-logo { display:inline-block; max-width:110px; max-height:30px; object-fit:contain; vertical-align:middle; margin-right:12px; }
.archive-tabs{display:flex;gap:6px;overflow:auto;margin-bottom:16px}.archive-tabs a{white-space:nowrap;padding:9px 13px;border-radius:8px;background:#fff;border:1px solid #dfe3e8;color:var(--text);text-decoration:none;font-size:13px}.archive-tabs a.active{background:var(--night);color:#fff;border-color:var(--night)}.archive-panel{min-height:300px}.context-selector{display:flex;gap:6px;align-items:center;max-width:620px}.context-selector select{max-width:230px}@media(max-width:991px){.context-selector{display:none}}