.app-shell { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.app-topbar { position: sticky; top: 0; z-index: 100; background: rgba(255,255,255,.96); border-bottom: 1px solid var(--border); backdrop-filter: blur(12px); }
.app-topbar__inner { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.brand { display: inline-flex; align-items: center; gap: 11px; text-decoration: none; }
.brand__mark { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid var(--purple-500); color: var(--purple-900); font-weight: 900; border-radius: 7px; background: #fcf8ff; }
.brand strong, .brand small { display: block; }
.brand small { color: var(--text-muted); margin-top: 1px; }
.topbar-actions { display: flex; align-items: center; gap: 10px; }
@media (max-width: 720px) { .app-shell { width: min(100% - 24px, 1180px); } .app-topbar__inner { align-items: flex-start; padding-block: 12px; } .topbar-actions { flex-wrap: wrap; justify-content: flex-end; } .status-chip { display: none; } }