body[data-theme="custom"] .nav-container {
  background: var(--user-sidebar-background-color, var(--main-card-color, rgba(255, 255, 255, 0.72)));
  color: var(--user-sidebar-text-color, var(--user-text-color, #0f172a));
  box-shadow: var(--nav-shell-shadow, var(--user-sidebar-shadow, none));
  backdrop-filter: var(--nav-shell-backdrop-filter, blur(var(--main-card-blur, 0px)));
  -webkit-backdrop-filter: var(--nav-shell-backdrop-filter, blur(var(--main-card-blur, 0px)));
  --nav-shell-background: var(--user-sidebar-background-color, var(--main-card-color, rgba(255, 255, 255, 0.72)));
  --nav-text-color: var(--user-sidebar-text-color, var(--user-text-color, #0f172a));
  --nav-control-background: transparent;
  --nav-hover-background: color-mix(in srgb, var(--user-sidebar-text-color, var(--user-text-color, #0f172a)) 10%, transparent);
  --nav-control-border-color: color-mix(in srgb, var(--user-sidebar-text-color, var(--user-text-color, #0f172a)) 18%, transparent);
}

body[data-theme="custom"] .nav-container .profile-name,
body[data-theme="custom"] .nav-container .profile-role,
body[data-theme="custom"] .nav-container .nav-space-label,
body[data-theme="custom"] .nav-container .nav-current-space-card,
body[data-theme="custom"] .nav-container .nav-current-space-copy strong,
body[data-theme="custom"] .nav-container .nav-current-space-copy span,
body[data-theme="custom"] .nav-container .nav-current-space-caret,
body[data-theme="custom"] .nav-container .nav-links > li > a,
body[data-theme="custom"] .nav-container .nav-links > li > a:visited,
body[data-theme="custom"] .nav-container .nav-links > li > a:active,
body[data-theme="custom"] .nav-container .nav-submenu-toggle,
body[data-theme="custom"] .nav-container .nav-submenu-toggle:visited,
body[data-theme="custom"] .nav-container .nav-switch-link,
body[data-theme="custom"] .nav-container .workspace-add-trigger,
body[data-theme="custom"] .nav-container .logout-link,
body[data-theme="custom"] .nav-container .nav-label,
body[data-theme="custom"] .nav-container .nav-link-icon,
body[data-theme="custom"] .nav-container .nav-svg-icon,
body[data-theme="custom"] .nav-container .nav-submenu-caret,
body[data-theme="custom"] .nav-container .sidebar-toggle-btn,
body[data-theme="custom"] .nav-container .profile-block,
body[data-theme="custom"] .nav-container .nav-submenu,
body[data-theme="custom"] .nav-container .nav-submenu-link,
body[data-theme="custom"] .nav-container .nav-submenu-link:visited,
body[data-theme="custom"] .nav-container .nav-submenu-link:link,
body[data-theme="custom"] .nav-container .nav-submenu-link:active,
body[data-theme="custom"] .nav-container .nav-submenu-link:hover,
body[data-theme="custom"] .nav-container .accounts-modal-dialog,
body[data-theme="custom"] .nav-container .accounts-modal-header p,
body[data-theme="custom"] .nav-container .accounts-space-row,
body[data-theme="custom"] .nav-container .accounts-space-copy span,
body[data-theme="custom"] .nav-container .accounts-space-check,
body[data-theme="custom"] .nav-container .accounts-space-current,
body[data-theme="custom"] .nav-container .accounts-space-role,
body[data-theme="custom"] .nav-container .accounts-space-locked,
body[data-theme="custom"] .nav-container .accounts-modal-action,
body[data-theme="custom"] .nav-container .accounts-modal-action-logout,
body[data-theme="custom"] .nav-container .accounts-modal-limit {
  color: var(--user-sidebar-text-color, var(--user-text-color, #0f172a));
}

body[data-theme="custom"] .nav-container .profile-block,
body[data-theme="custom"] .nav-container .sidebar-toggle-btn,
body[data-theme="custom"] .nav-container .nav-current-space-card,
body[data-theme="custom"] .nav-container .nav-submenu-toggle,
body[data-theme="custom"] .nav-container .nav-links > li > a,
body[data-theme="custom"] .nav-container .nav-switch-link,
body[data-theme="custom"] .nav-container .logout-link,
body[data-theme="custom"] .nav-container .workspace-add-trigger,
body[data-theme="custom"] .nav-container .nav-submenu-group {
  background: transparent;
  box-shadow: none;
}

body[data-theme="custom"] .nav-container .sidebar-toggle-btn,
body[data-theme="custom"] .nav-container .nav-current-space-card,
body[data-theme="custom"] .nav-container .nav-submenu-toggle,
body[data-theme="custom"] .nav-container .workspace-add-trigger {
  border-color: transparent;
}

body[data-theme="custom"] .nav-container .nav-links > li:not(:last-child) > a,
body[data-theme="custom"] .nav-container .nav-links > li:not(:last-child) > .nav-submenu-toggle {
  border-bottom: 0.5px solid var(--nav-control-border-color, rgba(15, 23, 42, 0.14));
}

body[data-theme="custom"] .nav-submenu {
  background: var(--user-sidebar-background-color, var(--main-card-color, rgba(255, 255, 255, 0.72)));
  color: var(--user-sidebar-text-color, var(--user-text-color, #0f172a));
  box-shadow: var(--nav-shell-shadow, var(--user-sidebar-shadow, none));
  backdrop-filter: var(--nav-shell-backdrop-filter, blur(var(--main-card-blur, 0px)));
  -webkit-backdrop-filter: var(--nav-shell-backdrop-filter, blur(var(--main-card-blur, 0px)));
  border-radius: var(--main-card-radius, 22px);
}

@media (min-width: 769px) {
  body[data-theme="custom"] .nav-submenu {
    border: 1px solid var(--nav-control-border-color, rgba(15, 23, 42, 0.14));
  }
}

body[data-theme="custom"] .accounts-modal {
  position: fixed;
  inset: 0;
  z-index: 1200;
  isolation: isolate;
}

body[data-theme="custom"] .accounts-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 0;
}

body[data-theme="custom"] .accounts-modal-dialog {
  position: fixed;
  z-index: 1201;
  width: min(100%, 372px);
  overflow: hidden;
  border: var(--inner-card-border-width, 1px) solid var(--inner-card-border-color, rgba(255, 255, 255, 0.35));
  background: var(--inner-card-color, rgba(255, 255, 255, 0.72));
  color: var(--user-text-color, #0f172a);
  box-shadow: var(--inner-card-shadow, none), var(--inner-card-glow, 0 0 0 transparent);
  backdrop-filter: blur(calc(var(--inner-card-blur, 0px) + 18px));
  -webkit-backdrop-filter: blur(calc(var(--inner-card-blur, 0px) + 18px));
  border-radius: var(--inner-card-radius, 16px);
}

body[data-theme="custom"] .app-topbar-link,
body[data-theme="custom"] .app-topbar-account-trigger,
body[data-theme="custom"] .sidebar-logout-link,
body[data-theme="custom"] .accounts-modal-search-input,
body[data-theme="custom"] .nav-container .nav-current-space-card,
body[data-theme="custom"] .nav-container .nav-current-space-avatar {
  color: var(--user-text-color, #0f172a);
  background: var(--main-card-color, rgba(255, 255, 255, 0.72));
  border: var(--main-card-border-width, 1px) solid var(--main-card-border-color, rgba(15, 23, 42, 0.14));
  box-shadow: var(--main-card-shadow, none), var(--main-card-glow, 0 0 0 transparent);
  backdrop-filter: blur(var(--main-card-blur, 0px));
  -webkit-backdrop-filter: blur(var(--main-card-blur, 0px));
}

body[data-theme="custom"] .nav-container .nav-current-space-card,
body[data-theme="custom"] .sidebar-logout-link,
body[data-theme="custom"] .accounts-modal-inline-link,
body[data-theme="custom"] .app-topbar-link,
body[data-theme="custom"] .app-topbar-account-trigger {
  border-radius: var(--main-card-radius, 22px);
}

body[data-theme="custom"] .app-topbar-panel {
  background: transparent;
  border: 0;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-radius: 0;
}

body[data-theme="custom"] .app-topbar-menu {
  color: var(--user-text-color, #0f172a);
  background: var(--inner-card-color, rgba(255, 255, 255, 0.72));
  border: var(--inner-card-border-width, 1px) solid var(--inner-card-border-color, rgba(255, 255, 255, 0.35));
  box-shadow: var(--inner-card-shadow, none), var(--inner-card-glow, 0 0 0 transparent);
  backdrop-filter: blur(calc(var(--inner-card-blur, 0px) + 22px));
  -webkit-backdrop-filter: blur(calc(var(--inner-card-blur, 0px) + 22px));
  border-radius: var(--inner-card-radius, 16px);
}

body[data-theme="custom"] .app-topbar-menu-link {
  color: var(--user-text-color, #0f172a);
}

body[data-theme="custom"] .accounts-modal-inline-link,
body[data-theme="custom"] .accounts-space-row,
body[data-theme="custom"] .accounts-modal-section-label,
body[data-theme="custom"] .accounts-space-copy,
body[data-theme="custom"] .accounts-space-copy strong,
body[data-theme="custom"] .accounts-space-copy span,
body[data-theme="custom"] .accounts-modal-header p,
body[data-theme="custom"] .accounts-space-check,
body[data-theme="custom"] .accounts-space-current,
body[data-theme="custom"] .accounts-space-role,
body[data-theme="custom"] .accounts-space-locked {
  color: var(--user-text-color, #0f172a);
}

body[data-theme="custom"] .accounts-modal-search-input::placeholder {
  color: color-mix(in srgb, var(--user-text-color, #0f172a) 60%, transparent);
}

body[data-theme="custom"] .app-topbar-link:hover,
body[data-theme="custom"] .app-topbar-account-trigger:hover,
body[data-theme="custom"] .app-topbar-menu-link:hover,
body[data-theme="custom"] .sidebar-logout-link:hover {
  background: var(--nav-hover-background, color-mix(in srgb, var(--user-sidebar-text-color, var(--user-text-color, #0f172a)) 10%, transparent));
}

body[data-theme="custom"] .accounts-space-row:hover,
body[data-theme="custom"] .accounts-modal-inline-link:hover {
  color: var(--user-text-color, #0f172a);
}

body[data-theme="custom"] .app-topbar-menu-header,
body[data-theme="custom"] .accounts-modal-actions--minimal {
  border-top: 0;
  border-bottom: 1px solid var(--nav-control-border-color, rgba(15, 23, 42, 0.14));
}

body[data-theme="custom"] .accounts-modal-actions--minimal {
  border-bottom: 0;
  border-top: 1px solid var(--nav-control-border-color, rgba(15, 23, 42, 0.14));
}

body[data-theme="custom"] .accounts-modal-search {
  padding: 12px 12px 8px;
}

body[data-theme="custom"] .accounts-modal-search-input {
  min-height: 40px;
  padding: 10px 12px;
  border-radius: var(--main-card-radius, 22px);
  font-family: var(--user-font-family, var(--fontfamily, "Inter", sans-serif));
  font-size: 0.96rem;
  line-height: 1.2;
}

body[data-theme="custom"] .accounts-modal-sections {
  padding: 2px 10px 10px;
}

body[data-theme="custom"] .accounts-modal-section + .accounts-modal-section {
  margin-top: 8px;
}

body[data-theme="custom"] .accounts-modal-section-label {
  padding: 0 4px 6px;
  font-family: var(--user-font-family, var(--fontfamily, "Inter", sans-serif));
  font-size: 0.84rem;
  font-weight: 600;
}

body[data-theme="custom"] .accounts-space-form + .accounts-space-form {
  margin-top: 6px;
}

body[data-theme="custom"] .accounts-space-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px 12px;
  border: var(--inner-card-border-width, 1px) solid var(--inner-card-border-color, rgba(255, 255, 255, 0.35));
  border-radius: var(--inner-card-radius, 16px);
  background: var(--inner-card-color, rgba(255, 255, 255, 0.72));
  box-shadow: var(--inner-card-shadow, none), var(--inner-card-glow, 0 0 0 transparent);
  backdrop-filter: blur(var(--inner-card-blur, 0px));
  -webkit-backdrop-filter: blur(var(--inner-card-blur, 0px));
  text-align: left;
}

body[data-theme="custom"] .accounts-space-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: var(--main-card-border-width, 1px) solid var(--main-card-border-color, rgba(15, 23, 42, 0.14));
  border-radius: var(--main-card-radius, 22px);
  background: var(--main-card-color, rgba(255, 255, 255, 0.72));
  box-shadow: var(--main-card-shadow, none), var(--main-card-glow, 0 0 0 transparent);
  backdrop-filter: blur(var(--main-card-blur, 0px));
  -webkit-backdrop-filter: blur(var(--main-card-blur, 0px));
  color: var(--user-text-color, #0f172a);
}

body[data-theme="custom"] .accounts-space-avatar-image {
  border-radius: inherit;
}

body[data-theme="custom"] .accounts-space-avatar svg,
body[data-theme="custom"] .accounts-space-avatar .nav-svg-icon,
body[data-theme="custom"] .accounts-space-avatar i {
  color: var(--user-text-color, #0f172a);
  fill: currentColor;
}

body[data-theme="custom"] .accounts-modal-actions--minimal {
  margin-top: 4px;
  padding: 10px 12px 12px;
}

body[data-theme="custom"] .accounts-modal-inline-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 40px;
  padding: 10px 14px;
  border: var(--primary-button-border-width, 1px) solid var(--primary-button-border-color, rgba(15, 23, 42, 0.14));
  border-radius: var(--primary-button-radius, 12px);
  background: var(--primary-button-color, rgba(255, 255, 255, 0.94));
  box-shadow: var(--primary-button-shadow, none);
  backdrop-filter: blur(var(--primary-button-blur, 0px));
  -webkit-backdrop-filter: blur(var(--primary-button-blur, 0px));
  color: var(--user-text-color, #0f172a);
  font-family: var(--user-font-family, var(--fontfamily, "Inter", sans-serif));
  text-decoration: none;
}

body[data-theme="custom"] .accounts-modal-inline-link:hover,
body[data-theme="custom"] .accounts-modal-inline-link:focus-visible {
  color: var(--user-text-color, #0f172a);
  background: var(--primary-button-color, rgba(255, 255, 255, 0.94));
  outline: none;
}

body[data-theme="custom"] .accounts-modal-inline-link *,
body[data-theme="custom"] .accounts-modal-inline-link svg,
body[data-theme="custom"] .accounts-modal-inline-link path {
  color: inherit;
  fill: currentColor;
}

body[data-theme="custom"] .nav-submenu-link--disabled {
  display: flex;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  text-decoration: none;
  opacity: 0.42;
  cursor: not-allowed;
  pointer-events: none;
  filter: saturate(0.7);
}

body[data-theme="custom"] .workspace-modal-dialog {
  background: var(--user-sidebar-background-color, var(--main-card-color, rgba(255, 255, 255, 0.82)));
  border: 1px solid var(--nav-control-border-color, rgba(15, 23, 42, 0.14));
  border-radius: var(--main-card-radius, 22px);
  box-shadow: var(--nav-shell-shadow, var(--user-sidebar-shadow, none));
  backdrop-filter: blur(calc(var(--main-card-blur, 0px) + 8px));
  -webkit-backdrop-filter: blur(calc(var(--main-card-blur, 0px) + 8px));
}

body[data-theme="custom"] .workspace-field input,
body[data-theme="custom"] .workspace-field textarea,
body[data-theme="custom"] .workspace-modal-close {
  background: color-mix(in srgb, var(--user-sidebar-background-color, rgba(255, 255, 255, 0.82)) 84%, white 16%);
  border: 1px solid var(--nav-control-border-color, rgba(15, 23, 42, 0.14));
  color: var(--user-sidebar-text-color, var(--user-text-color, #0f172a));
}

body[data-theme="custom"] .workspace-modal-submit,
body[data-theme="custom"] .workspace-field input[type="file"]::file-selector-button {
  background: var(--primary-button-color, rgba(255, 255, 255, 0.94));
  color: var(--primary-button-text-color, var(--user-text-color, #0f172a));
  border-color: var(--nav-control-border-color, rgba(15, 23, 42, 0.14));
}

body[data-theme="custom"] .workspace-flow-status {
  background: var(--user-sidebar-background-color, var(--main-card-color, rgba(255, 255, 255, 0.82)));
  border-color: var(--nav-control-border-color, rgba(15, 23, 42, 0.14));
  color: var(--user-sidebar-text-color, var(--user-text-color, #0f172a));
}
