.saas-app-shell{grid-template-columns:var(--saas-sidebar-width) minmax(0, 1fr);grid-template-rows:var(--saas-header-height) minmax(0, 1fr);background:var(--saas-bg-canvas);block-size:100vh;color:var(--saas-text-primary);font-family:var(--saas-font-family);font-size:var(--saas-font-body);-webkit-font-smoothing:antialiased;transition:grid-template-columns var(--saas-motion-panel) var(--saas-ease-standard);grid-template-areas:"brand header""sidebar main";display:grid;overflow:hidden}.saas-app-shell[data-collapsed=true]{grid-template-columns:var(--saas-sidebar-rail-width) minmax(0, 1fr)}.saas-app-shell__skip{z-index:30;padding:var(--saas-space-sm) var(--saas-space-md);border-radius:var(--saas-radius-sm);background:var(--saas-bg-surface);color:var(--saas-brand-primary);position:absolute;inset-block-start:var(--saas-space-sm);inset-inline-start:var(--saas-space-sm);transform:translateY(-200%)}.saas-app-shell__skip:focus-visible{box-shadow:var(--saas-focus-ring);outline:none;transform:none}.saas-app-shell__brand,.saas-app-shell__header{border-block-end:1px solid var(--saas-border-default);background:var(--saas-bg-surface);box-shadow:inset 0 3px 0 var(--saas-brand-primary)}.saas-app-shell__brand{z-index:3;align-items:center;gap:var(--saas-space-sm);min-inline-size:0;padding-inline:var(--saas-space-md);color:var(--saas-text-primary);grid-area:brand;display:flex}.saas-app-shell[data-collapsed=true] .saas-app-shell__brand{justify-content:center;padding-inline:0}.saas-app-shell[data-collapsed=true] .saas-app-shell__org-text{display:none}.saas-app-shell__header{z-index:2;justify-content:space-between;align-items:center;gap:var(--saas-space-md);min-inline-size:0;padding-inline:var(--saas-space-sm) var(--saas-space-md);grid-area:header;display:flex}.saas-app-shell__menu-toggle{justify-content:center;align-items:center;gap:var(--saas-space-xs);min-block-size:32px;min-inline-size:32px;padding:0 var(--saas-space-sm);border-radius:var(--saas-radius-sm);color:var(--saas-text-secondary);font-family:inherit;font-size:var(--saas-font-body-sm);cursor:pointer;transition:background-color var(--saas-motion-micro) var(--saas-ease-standard), color var(--saas-motion-micro) var(--saas-ease-standard);background:0 0;border:0;display:inline-flex}.saas-app-shell__menu-toggle:hover{background:var(--saas-nav-bg-hover);color:var(--saas-text-primary)}.saas-app-shell__menu-toggle:focus-visible{box-shadow:var(--saas-focus-ring);outline:none}.saas-app-shell__org{align-items:center;gap:var(--saas-space-sm);flex:0 auto;min-inline-size:0;display:flex}.saas-app-shell__org-logo{object-fit:contain;border-radius:var(--saas-radius-sm);flex:none;block-size:32px;inline-size:32px}.saas-app-shell__org-initial{border-radius:var(--saas-radius-sm);background:var(--saas-brand-primary);block-size:32px;inline-size:32px;color:var(--saas-brand-on-primary);font-size:var(--saas-font-body);flex:none;place-items:center;font-weight:600;display:grid}.saas-app-shell__org-text{min-inline-size:0;line-height:1.3;display:grid}.saas-app-shell__org-name{color:var(--saas-text-primary);font-size:var(--saas-font-body);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.saas-app-shell__org-detail{color:var(--saas-text-secondary);font-size:var(--saas-font-caption);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.saas-app-shell__search{flex:360px;min-inline-size:0;max-inline-size:560px;margin-inline:auto}.saas-app-shell__search+.saas-app-shell__user,.saas-app-shell__tools+.saas-app-shell__user{margin-inline-start:0}.saas-app-shell__tools{align-items:center;gap:var(--saas-space-sm);flex:none;display:flex}.saas-app-shell__user{align-items:center;gap:var(--saas-space-sm);flex:none;min-inline-size:0;margin-inline-start:auto;display:flex}.saas-app-shell__main{outline:none;grid-area:main;min-inline-size:0;overflow-y:auto}@media (width<=1023px){.saas-app-shell,.saas-app-shell[data-collapsed=true]{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"brand header""main main"}.saas-app-shell__brand{max-inline-size:var(--saas-sidebar-width);padding-inline:var(--saas-space-sm)}}@media (width<=599px){.saas-app-shell__org-detail,.saas-app-shell__brand:has(+.saas-app-shell__header .saas-app-shell__search) .saas-app-shell__org-text{display:none}.saas-app-shell__org-name{font-size:var(--saas-font-body-sm)}.saas-app-shell__header{gap:var(--saas-space-xs);padding-inline:0 var(--saas-space-sm)}.saas-app-shell__menu-toggle{min-block-size:44px;min-inline-size:44px}}