/* Company artwork stays complete; application colors and controls stay local. */
.company-logo {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
  background: #fff;
  border-radius: 4px;
}
.dp-sidebar .dp-brand.company-sidebar-brand {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  padding-bottom: 12px;
}
.company-sidebar-brand .company-logo { width: 156px; height: 104px; }
.dp-topbar .company-header-logo { width: 78px; height: 52px; flex: 0 0 78px; }
.dp-topbar .dp-top-left { min-width: 0; }
.dp-topbar .dp-top-copy { min-width: 0; overflow-wrap: anywhere; }
.stgr-login-brand .company-login-logo {
  width: 168px;
  height: 112px;
  margin-bottom: 12px;
  flex: 0 0 auto;
}
.company-settings-brand { display: flex; align-items: center; gap: 16px; padding: 0 0 18px; }
.company-settings-brand .company-logo { width: 120px; height: 80px; flex: 0 0 120px; }
.company-settings-brand strong { font-size: 15px; overflow-wrap: anywhere; }
.dp-app-shell .release-card { grid-template-columns: 72px minmax(0, 1fr); }
.dp-app-shell .release-card .release-icon {
  width: 72px;
  height: 48px;
  flex: 0 0 72px;
  padding: 0;
  background: #fff;
  border-radius: 4px;
}
.dp-app-shell .release-icon img { display: block; width: 72px; height: 48px; object-fit: contain; }
[data-stgr-app] .stgr-appbar.company-appbar {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr) auto minmax(0, 160px) 44px;
  align-items: center;
  gap: 10px;
  min-height: calc(88px + env(safe-area-inset-top));
}
[data-stgr-app] .company-appbar .company-mobile-logo { width: 96px; height: 64px; }
[data-stgr-app] .company-appbar .stgr-app-title strong { font-size: 14px; letter-spacing: 0; }
[data-stgr-app] .company-appbar .stgr-app-title small { font-size: 12px; letter-spacing: 0; }
[data-stgr-app] .company-appbar .stgr-user-chip { display: block; min-width: 0; max-width: 100%; }
[data-stgr-app] .company-appbar .stgr-user-chip b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-stgr-app] .company-appbar .stgr-user-chip small { display: block; white-space: normal; overflow-wrap: anywhere; }
html[data-stgr-app] { --pm-header-height: 88px; }
/* Unlike hidden, clip does not turn body into a separate sticky scroll container. */
[data-stgr-app] body { overflow-x: clip; }
[data-stgr-app="preventa"] stgr-app-mark { position: fixed; inset: 0 0 auto; }
@media (min-width: 721px) and (max-width: 1000px) {
  .dp-sidebar .dp-brand.company-sidebar-brand { padding-inline: 0; }
  .company-sidebar-brand .company-logo { width: 100%; height: auto; aspect-ratio: 3 / 2; }
}
@media (max-width: 720px) {
  .dp-topbar .company-header-logo { width: 66px; height: 44px; flex-basis: 66px; }
  .dp-topbar .dp-top-copy h1 { font-size: 14px; line-height: 1.25; letter-spacing: 0; }
  .dp-topbar .dp-top-copy > small { display: none; }
}
@media (max-width: 600px) {
  [data-stgr-app] .stgr-appbar.company-appbar {
    grid-template-columns: 90px minmax(0, 1fr) 44px 44px;
    grid-template-rows: auto auto;
    column-gap: 8px;
    row-gap: 2px;
    padding-top: calc(8px + env(safe-area-inset-top));
    padding-bottom: 8px;
  }
  [data-stgr-app] .company-appbar .company-mobile-logo { width: 90px; height: 60px; grid-row: 1 / 3; }
  [data-stgr-app] .company-appbar .stgr-app-title { grid-column: 2; grid-row: 1; align-self: end; }
  [data-stgr-app] .company-appbar .stgr-app-title strong { display: none; }
  [data-stgr-app] .company-appbar .stgr-app-title small { margin: 0; font-size: 13px; font-weight: 700; }
  [data-stgr-app] .company-appbar stgr-sync-state { grid-column: 3; grid-row: 1 / 3; }
  [data-stgr-app] .company-appbar .stgr-user-chip { grid-column: 2; grid-row: 2; align-self: start; }
  [data-stgr-app] .company-appbar .stgr-user-chip b { font-size: 11px; }
  [data-stgr-app] .company-appbar .stgr-user-chip small { font-size: 10px; line-height: 1.25; }
  [data-stgr-app] .company-appbar .stgr-logout { grid-column: 4; grid-row: 1 / 3; }
}