.app-cloud-shell {
  --cloud-header-height: 3.5rem;
  --cloud-rail-width: 4rem;
  --cloud-sidebar-width: 15.5rem;
  --cloud-inspector-width: 17.5rem;
  --cloud-accent-soft: var(--cloud-accent-surface);
  --cloud-text-subtle: var(--cloud-text-muted);
  min-height: 100vh;
  color: var(--cloud-text);
  background: var(--cloud-ground);
  font-family: var(--base-font-family);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
.app-cloud-shell .cloud-rail {
  display: none;
}
.app-cloud-shell, .app-cloud-shell * {
  box-sizing: border-box;
}
.app-cloud-shell ::selection {
  color: var(--cloud-accent-ink);
  background: var(--cloud-accent-surface);
}
.app-cloud-shell :where(input, textarea) {
  caret-color: var(--cloud-accent-ink);
}
.app-cloud-shell :where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid var(--cloud-focus);
  outline-offset: 2px;
}
.app-cloud-shell .app-header {
  height: var(--cloud-header-height);
  background: var(--cloud-surface);
  border-bottom: 1px solid var(--cloud-line);
  box-shadow: none;
}
.app-cloud-shell .app-header-space {
  height: var(--cloud-header-height);
}
.app-cloud-shell .app-header-container {
  max-width: 100%;
  padding-inline: clamp(1rem, 2vw, 2rem);
}
.app-cloud-shell .app-header-logo {
  height: var(--cloud-header-height);
  margin-right: clamp(1rem, 2vw, 2rem);
  font-weight: 650;
  letter-spacing: -0.02em;
}
.app-cloud-shell .app-header-nav {
  display: none;
}
.app-cloud-shell .cloud-quick-nav {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-left: 0.5rem;
}
.app-cloud-shell .cloud-quick-nav > a {
  display: inline-flex;
  align-items: center;
  min-height: 2.25rem;
  gap: 0.375rem;
  padding: 0.4rem 0.625rem;
  color: var(--cloud-text-muted);
  font-size: 0.8125rem;
  font-weight: 560;
  border-radius: var(--cloud-radius-md);
}
.app-cloud-shell .cloud-quick-nav > a:hover, .app-cloud-shell .cloud-quick-nav > a.is-active {
  color: var(--cloud-accent-ink);
  background: var(--cloud-accent-surface);
}
.app-cloud-shell .cloud-quick-nav svg {
  width: 1rem;
  height: 1rem;
}
.app-cloud-shell .app-layout {
  width: 100%;
  max-width: 100%;
  min-height: calc(100vh - var(--cloud-header-height));
  padding: 0;
  margin: 0;
}
.app-cloud-shell .app-layout__sidebar-left {
  width: var(--cloud-sidebar-width);
  border-right: 1px solid var(--cloud-line);
  background: var(--cloud-surface);
}
.app-cloud-shell .app-sidebar-left {
  top: var(--cloud-header-height);
  width: var(--cloud-sidebar-width);
  height: calc(100vh - var(--cloud-header-height));
  padding: 1rem 0.75rem;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--cloud-line) transparent;
}
.app-cloud-shell .cloud-sidebar-brand {
  display: flex;
  padding: 0.375rem 0.75rem 1.25rem;
  flex-direction: column;
}
.app-cloud-shell .cloud-sidebar-brand a {
  color: var(--cloud-accent-ink);
  font-size: 1.625rem;
  font-weight: 750;
  letter-spacing: -0.045em;
}
.app-cloud-shell .cloud-sidebar-brand span {
  margin-top: 0.125rem;
  color: var(--cloud-text-subtle);
  font-size: 0.6875rem;
  font-weight: 560;
}
.app-cloud-shell .cloud-sidebar-navigation {
  flex: 1;
  min-height: 0;
}
.app-cloud-shell .app-sidebar-left__nav.app-card {
  overflow: visible;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.app-cloud-shell .app-sidebar-left__nav > li {
  margin: 0.125rem 0;
  border: 0;
}
.app-cloud-shell .app-sidebar-left__nav__item {
  min-height: 2.625rem;
  border: 0 !important;
  border-radius: var(--cloud-radius-md);
}
.app-cloud-shell .app-sidebar-left__nav__item > a {
  min-width: 0;
  padding: 0.625rem 0.75rem !important;
  color: var(--cloud-text-muted) !important;
  font-weight: 500 !important;
  line-height: 1.25rem;
}
.app-cloud-shell .app-sidebar-left__nav__item > a > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.app-cloud-shell .app-sidebar-left__nav > li.active > .app-sidebar-left__nav__item, .app-cloud-shell .app-sidebar-left__nav__item:hover {
  background: var(--cloud-accent-surface) !important;
}
.app-cloud-shell .app-sidebar-left__nav > li.active > .app-sidebar-left__nav__item > a, .app-cloud-shell .app-sidebar-left__nav__item:hover > a {
  color: var(--cloud-accent-ink) !important;
  font-weight: 650 !important;
}
.app-cloud-shell .app-sidebar-left__nav__more {
  min-width: 2.75rem;
  min-height: 2.75rem;
  padding: 0.75rem !important;
  color: var(--cloud-text-muted) !important;
}
.app-cloud-shell .app-sidebar-left__nav__child {
  padding: 0.25rem 0.5rem 0.5rem 1.75rem;
}
.app-cloud-shell .app-sidebar-left__nav__child > li {
  padding: 0;
}
.app-cloud-shell .app-sidebar-left__nav__child > li > a {
  display: block;
  min-height: 2.25rem;
  padding: 0.5rem 0.625rem;
  color: var(--cloud-text-muted);
  border: 0;
  border-radius: var(--cloud-radius-sm);
}
.app-cloud-shell .cloud-sidebar-utilities {
  padding-top: 0.75rem;
  margin-top: 0.75rem;
  border-top: 1px solid var(--cloud-line);
}
.app-cloud-shell .cloud-sidebar-utilities > a {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-height: 2.625rem;
  padding: 0.625rem 0.75rem;
  color: var(--cloud-text-muted);
  font-size: 0.875rem;
  font-weight: 520;
  border-radius: var(--cloud-radius-md);
}
.app-cloud-shell .cloud-sidebar-utilities > a:hover, .app-cloud-shell .cloud-sidebar-utilities > a.is-active {
  color: var(--cloud-accent-ink);
  background: var(--cloud-accent-surface);
}
.app-cloud-shell .cloud-sidebar-utilities ion-icon {
  width: 1.125rem;
  height: 1.125rem;
}
.app-cloud-shell .cloud-sidebar-account, .app-cloud-shell .cloud-sidebar-login {
  display: flex;
  align-items: center;
  min-height: 3.75rem;
  padding: 0.625rem 0.75rem;
  color: var(--cloud-text);
  border-top: 1px solid var(--cloud-line);
}
.app-cloud-shell .cloud-sidebar-account:hover, .app-cloud-shell .cloud-sidebar-login:hover {
  color: var(--cloud-accent-ink);
  background: var(--cloud-accent-surface);
}
.app-cloud-shell .cloud-sidebar-account .app-sidebar-profile {
  width: 100%;
  align-items: center;
  margin: 0;
}
.app-cloud-shell .cloud-sidebar-account .app-sidebar-profile__image {
  flex: 0 0 2rem;
  width: 2rem;
  height: 2rem;
}
.app-cloud-shell .cloud-sidebar-account .app-sidebar-profile__image > ion-icon {
  font-size: 2rem;
}
.app-cloud-shell .cloud-sidebar-account .app-sidebar-profile__body {
  min-width: 0;
}
.app-cloud-shell .cloud-sidebar-account .app-sidebar-profile__nickname {
  overflow: hidden;
  margin: 0;
  font-size: 0.8125rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.app-cloud-shell .cloud-sidebar-account > .app-sidebar-profile > ion-icon {
  flex: 0 0 auto;
  color: var(--cloud-text-subtle);
}
.app-cloud-shell .app-content {
  min-width: 0;
  max-width: none !important;
  padding: clamp(1rem, 2.5vw, 2.5rem) !important;
  background: var(--cloud-ground);
}
.app-cloud-shell--content-padded .app-content {
  padding: clamp(1.5rem, 3.25vw, 3.5rem) !important;
}
.app-cloud-shell .app-layout-aside {
  display: none;
  width: var(--cloud-inspector-width);
  flex: 0 0 var(--cloud-inspector-width);
  margin: 0;
  padding: 0;
  border-left: 1px solid var(--cloud-line);
  background: var(--cloud-surface);
}
.app-cloud-shell--board .app-content {
  padding: 0 !important;
}
.app-cloud-shell--board .app-content > .app-clearfix {
  width: 100%;
  max-width: none;
}
.app-cloud-shell--board .app-content .app-footer {
  display: none;
}
.app-cloud-shell :where(.app-card, .app-dialog-container, .app-dropdown-menu) {
  border-color: var(--cloud-line);
  box-shadow: none;
}
.app-cloud-shell :where(input, textarea, select) {
  color: var(--cloud-text);
  background: var(--cloud-surface);
  border-color: var(--cloud-line);
}
.app-cloud-shell :where(button, a, input, textarea, select) {
  transition-duration: var(--cloud-motion-fast);
}
.app-cloud-shell .app-layout-bottom-nav {
  border-color: var(--cloud-line);
}
.app-cloud-shell .app-bottom-nav > ul > li:nth-child(n + 5):not(:last-child) {
  display: none;
}
@media (min-width: 1280px) {
  .app-cloud-shell .app-content > .app-clearfix {
    width: 100%;
    max-width: var(--cloud-content-max);
    margin-inline: auto;
  }
}
@media (min-width: 1024px) {
  .app-cloud-shell--rail-on.app-cloud-shell--sidebar-on .app-header, .app-cloud-shell--rail-on.app-cloud-shell--sidebar-on .app-header-space, .app-cloud-shell--rail-on.app-cloud-shell--sidebar-on > .app-header-menu {
    display: none;
  }
  .app-cloud-shell--rail-on.app-cloud-shell--sidebar-off .app-header {
    left: var(--cloud-rail-width);
    width: calc(100% - var(--cloud-rail-width));
  }
  .app-cloud-shell .cloud-rail {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 50;
    display: flex;
    width: var(--cloud-rail-width);
    align-items: center;
    padding: 0.75rem 0.5rem;
    background: var(--cloud-surface);
    border-right: 1px solid var(--cloud-line);
    flex-direction: column;
  }
  .app-cloud-shell .cloud-rail__brand, .app-cloud-shell .cloud-rail__group > a {
    position: relative;
    display: grid;
    width: 2.75rem;
    height: 2.75rem;
    place-items: center;
    color: var(--cloud-text-muted);
    border-radius: 0.875rem;
  }
  .app-cloud-shell .cloud-rail__tooltip {
    position: absolute;
    top: 50%;
    left: calc(100% + 0.75rem);
    z-index: 70;
    padding: 0.4rem 0.625rem;
    color: var(--cloud-text);
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    background: var(--cloud-surface);
    border: 1px solid var(--cloud-line);
    border-radius: 0.5rem;
    box-shadow: 0 0.5rem 1.5rem rgba(17, 31, 45, 0.18);
    transform: translate(-0.25rem, -50%);
    transition: opacity 0.16s ease, transform 0.16s ease;
  }
  .app-cloud-shell .cloud-rail__brand:hover .cloud-rail__tooltip, .app-cloud-shell .cloud-rail__brand:focus-visible .cloud-rail__tooltip, .app-cloud-shell .cloud-rail__group > a:hover .cloud-rail__tooltip, .app-cloud-shell .cloud-rail__group > a:focus-visible .cloud-rail__tooltip {
    opacity: 1;
    transform: translate(0, -50%);
  }
  .app-cloud-shell .cloud-rail__brand {
    margin-bottom: 1.25rem;
    color: var(--cloud-accent-ink);
  }
  .app-cloud-shell .cloud-rail__brand svg {
    width: 2rem;
    height: 2rem;
  }
  .app-cloud-shell .cloud-rail__group {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-direction: column;
  }
  .app-cloud-shell .cloud-rail__group--bottom {
    margin-top: auto;
  }
  .app-cloud-shell .cloud-rail__group > a:hover, .app-cloud-shell .cloud-rail__group > a.is-active {
    color: var(--cloud-accent-ink);
    background: var(--cloud-accent-surface);
  }
  .app-cloud-shell .cloud-rail__group svg {
    width: 1.25rem;
    height: 1.25rem;
  }
  .app-cloud-shell--rail-on .app-layout {
    width: calc(100% - var(--cloud-rail-width));
    min-height: 100vh;
    margin-left: var(--cloud-rail-width);
  }
  .app-cloud-shell--rail-on .app-sidebar-left {
    top: 0;
    display: flex;
    height: 100vh;
    flex-direction: column;
  }
  .app-cloud-shell--rail-off .app-layout {
    width: 100%;
    margin-left: 0;
  }
  .app-cloud-shell--rail-off .app-header-nav, .app-cloud-shell--sidebar-off .app-header-nav {
    display: flex;
  }
}
@media (min-width: 1600px) {
  .app-cloud-shell--right-panel-auto .app-layout-aside, .app-cloud-shell--right-panel-on .app-layout-aside {
    display: block;
  }
}
@media (min-width: 1280px) and (max-width: 1599px) {
  .app-cloud-shell--right-panel-on .app-layout-aside {
    display: block;
  }
}
.app-cloud-shell--right-panel-off .app-layout-aside {
  display: none !important;
}
.app-cloud-shell--density-compact {
  --cloud-header-height: 3.25rem;
  --cloud-sidebar-width: 14.5rem;
}
.app-cloud-shell--density-compact .app-sidebar-left {
  padding-block: 0.625rem;
}
.app-cloud-shell--density-compact .app-sidebar-left__nav__item, .app-cloud-shell--density-compact .cloud-sidebar-utilities > a {
  min-height: 2.25rem;
}
.app-cloud-shell--density-compact .app-sidebar-left__nav__item > a, .app-cloud-shell--density-compact .cloud-sidebar-utilities > a {
  padding-block: 0.45rem !important;
}
@media (min-width: 768px) and (max-width: 1279px) {
  .app-cloud-shell {
    --cloud-sidebar-width: 13.5rem;
  }
  .app-cloud-shell .app-layout-aside {
    display: none;
  }
  .app-cloud-shell .app-content {
    padding: 1.5rem !important;
  }
  .app-cloud-shell--board .app-content {
    padding: 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .app-cloud-shell .app-header-menu__toggle.app-mobile-only {
    display: inline-flex;
  }
  .app-cloud-shell--board .app-layout__sidebar-left {
    display: none;
  }
}
@media (max-width: 767px) {
  .app-cloud-shell .cloud-quick-nav {
    display: none;
  }
}
@media (max-width: 767px) {
  .app-cloud-shell {
    --cloud-header-height: 3.625rem;
  }
  .app-cloud-shell .app-header-container {
    padding-left: 1rem;
    padding-right: 0.5rem;
  }
  .app-cloud-shell .app-layout__sidebar-left, .app-cloud-shell .app-layout-aside {
    display: none;
  }
  .app-cloud-shell .app-content {
    width: 100%;
    padding: 1rem 1rem calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + 1rem) !important;
  }
  .app-cloud-shell--board .app-content {
    padding: 0 0 calc(var(--bottom-nav-height) + env(safe-area-inset-bottom)) !important;
  }
  .app-cloud-shell--board #app-board.app-board-skin {
    width: 100%;
    margin: 0;
  }
  .app-cloud-shell :where(button, [role="button"], input, select) {
    min-height: 2.75rem;
  }
  .app-cloud-shell--density-compact .app-sidebar-left__nav__item, .app-cloud-shell--density-compact .cloud-sidebar-utilities > a {
    min-height: 2.75rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .app-cloud-shell *, .app-cloud-shell *::before, .app-cloud-shell *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}
/*# sourceMappingURL=4fe0ab139431cbd4164eef5c224e1bdbe9769f37.cloud-shell.scss.map */