.ux-content-frame {
  grid-column: 1;
}

.ux-sidebar-inner {
  min-height: 100%;
}

.ux-side-panel input,
.ux-side-panel select,
.ux-side-panel textarea {
  border-color: rgba(255, 255, 255, 0.7) !important;
  background: rgba(255, 255, 255, 0.72) !important;
  color: rgb(23, 23, 23) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
  backdrop-filter: blur(18px);
}

.ux-side-panel input::placeholder,
.ux-side-panel textarea::placeholder {
  color: rgba(82, 82, 82, 0.72) !important;
}

.ux-side-panel
  button:not([data-ux-side-toggle]):not([data-ux-side-panel-collapse]):not(
    [data-ux-side-widget-close]
  ) {
  border-color: rgba(255, 255, 255, 0.65);
}

@media (min-width: 1024px) {
  .ux-topbar {
    margin-left: 4.5rem;
  }

  #ux-shell {
    grid-template-columns: 4.5rem minmax(0, 1fr);
  }

  .ux-content-frame {
    grid-column: 2;
    padding-right: calc(1.25rem + 4rem);
    transition: padding-right 0.18s ease;
  }

  body[data-ux-side-panel-open="1"] .ux-content-frame {
    padding-right: calc(1.25rem + 26.5rem);
  }

  .ux-sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    width: 4.5rem;
    height: 100vh;
    align-self: start;
    overflow-y: auto;
  }
}

@media (min-width: 1280px) {
  .ux-topbar {
    margin-left: 15rem;
  }

  body[data-ux-sidebar-collapsed="1"] .ux-topbar {
    margin-left: 4.5rem;
  }

  #ux-shell {
    grid-template-columns: 15rem minmax(0, 1fr);
  }

  body[data-ux-sidebar-collapsed="1"] #ux-shell {
    grid-template-columns: 4.5rem minmax(0, 1fr);
  }

  body[data-ux-sidebar-collapsed="1"] .ux-brand-text,
  body[data-ux-sidebar-collapsed="1"] .ux-nav-label,
  body[data-ux-sidebar-collapsed="1"] .ux-nav-group-label {
    display: none;
  }

  body[data-ux-sidebar-collapsed="1"] .ux-nav-link,
  body[data-ux-sidebar-collapsed="1"] [data-ux-sidebar-toggle] {
    justify-content: center;
  }

  body[data-ux-sidebar-collapsed="1"] .ux-sidebar {
    width: 4.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .ux-sidebar {
    width: 15rem;
  }

  .ux-content-frame {
    padding-right: calc(1.5rem + 4rem);
  }

  body[data-ux-side-panel-open="1"] .ux-content-frame {
    padding-right: calc(1.5rem + 26.5rem);
  }
}

/* Personal dashboard artwork keeps its original transparency and aspect ratio. */
.page-header.page-header-with-image{position:relative;isolation:isolate;overflow:hidden;min-height:180px;flex-direction:column;align-items:stretch;justify-content:center;padding-right:clamp(200px,30%,340px)}
.page-header-with-image .page-header-main{position:relative;z-index:1;min-width:0}
.page-header.page-header-with-image .page-header-personal-image{position:absolute;right:1rem;bottom:0;width:clamp(160px,27%,300px);height:100%;max-height:240px;object-fit:contain;object-position:right bottom;border:0;border-radius:0;background:transparent;box-shadow:none;pointer-events:none}
.ux-dashboard-image-preview{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:200px;height:140px;padding:.75rem;background:var(--gradient-premium);border:0;border-radius:var(--radius-large)}
.ux-dashboard-image-preview img{max-width:100%;max-height:100%;object-fit:contain;border:0;border-radius:0;background:transparent;box-shadow:none}
.ux-dashboard-image-form{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}
.ux-dashboard-image-form input{max-width:100%;min-width:0;font-size:.875rem}
@media(max-width:640px){.page-header.page-header-with-image{min-height:150px;padding-right:115px}.page-header.page-header-with-image .page-header-personal-image{right:.5rem;width:100px;max-height:140px}.ux-dashboard-image-preview{width:150px;height:110px}.ux-dashboard-image-form{align-items:flex-start;flex-direction:column}}