.sidebar-toggle { width: 32px; height: 32px; padding: 6px; flex: 0 0 32px; display: grid; place-items: center; border: 1px solid #e5e7eb; border-radius: 4px; background: #fff; cursor: pointer; }
.sidebar-toggle svg { width: 18px; height: 18px; }
.topbar { display: grid; grid-template-columns: 32px minmax(0, 1fr) auto auto; gap: 12px; align-items: center; }
.topbar > div:first-of-type { margin-right: auto; }
.app-shell { transition: grid-template-columns 160ms ease; }
body.sidebar-collapsed .app-shell { grid-template-columns: 0 minmax(0, 1fr); }
body.sidebar-collapsed .sidebar { width: 0; min-width: 0; padding: 0; overflow: hidden; visibility: hidden; }
.seatmap-studio-frame { display: block; width: 100%; height: calc(100dvh - 84px); min-height: 620px; border: 1px solid #e5e7eb; background: #fff; }
.content:has(.seatmap-studio-frame) { max-width: none; width: 100%; padding: 0 12px 12px; }
body.admin-login-mode .sidebar-toggle { display: none; }
@media (max-width: 760px) { .seatmap-studio-frame { height: calc(100dvh - 100px); min-height: 600px; } .topbar { grid-template-columns: 32px minmax(0, 1fr) auto; } .top-actions { grid-column: 2 / -1; } body.sidebar-collapsed .main { margin-left: 0; } }