:where(
  .enterprise-page-head,
  .comm-hero,
  .customer-hero,
  .cari-hero,
  .operation-hero,
  .page-card-head
) {
  min-height: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 11px 14px !important;
}

/* Başlık tarafı tek satır ve kompakt kalır. */
:where(
  .enterprise-page-head,
  .comm-hero,
  .customer-hero,
  .cari-hero,
  .operation-hero,
  .page-card-head
) > :first-child {
  min-width: 0;
}

.enterprise-page-title {
  gap: 11px !important;
  align-items: center !important;
}

.enterprise-page-icon {
  width: 40px !important;
  height: 40px !important;
  border-radius: var(--radius-control) !important;
  box-shadow: 0 9px 20px color-mix(in srgb, var(--brand) 20%, transparent) !important;
}

.enterprise-page-icon .o-icon {
  width: 20px !important;
  height: 20px !important;
}

/* Büyük hero açıklamaları görünmez; sayfa içeriği daha yukarı taşınır. */
:where(
  .enterprise-page-head,
  .comm-hero,
  .customer-hero,
  .cari-hero,
  .operation-hero,
  .page-card-head
) .eyebrow,
:where(
  .enterprise-page-head,
  .comm-hero,
  .customer-hero,
  .cari-hero,
  .operation-hero,
  .page-card-head
) .enterprise-page-copy > p,
:where(
  .enterprise-page-head,
  .comm-hero,
  .customer-hero,
  .cari-hero,
  .operation-hero,
  .page-card-head
) > div:first-child > p {
  display: none !important;
}

:where(
  .enterprise-page-head,
  .comm-hero,
  .customer-hero,
  .cari-hero,
  .operation-hero,
  .page-card-head
) h1 {
  margin: 0 !important;
  font-size: clamp(18px, 1.45vw, 23px) !important;
  line-height: 1.15 !important;
  letter-spacing: -0.025em !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

:where(.enterprise-head-actions, .head-actions) {
  flex: 0 0 auto;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  margin: 0 !important;
}

:where(.enterprise-head-actions, .head-actions) .btn {
  min-height: 36px !important;
  padding: 8px 12px !important;
  border-radius: var(--radius-control) !important;
  font-size: 12px !important;
}

/* Dekoratif büyük arka plan parlamasını küçült. */
.enterprise-page-head::after {
  width: 150px !important;
  height: 150px !important;
  right: -80px !important;
  top: -95px !important;
}

@media (max-width: 760px) {
  :where(
    .enterprise-page-head,
    .comm-hero,
    .customer-hero,
    .cari-hero,
    .operation-hero,
    .page-card-head
  ) {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    padding: 12px !important;
  }

  .enterprise-page-title {
    width: 100%;
    align-items: center !important;
  }

  .enterprise-page-icon {
    width: 38px !important;
    height: 38px !important;
    border-radius: var(--radius-control) !important;
  }

  :where(
    .enterprise-page-head,
    .comm-hero,
    .customer-hero,
    .cari-hero,
    .operation-hero,
    .page-card-head
  ) h1 {
    font-size: 19px !important;
    white-space: normal;
  }

  :where(.enterprise-head-actions, .head-actions) {
    width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
  }

  :where(.enterprise-head-actions, .head-actions) .btn {
    flex: 1 1 150px;
  }
}

@media (max-width: 520px) {
  :where(.enterprise-head-actions, .head-actions) {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  :where(.enterprise-head-actions, .head-actions) .btn,
  :where(.enterprise-head-actions, .head-actions) a.btn {
    width: 100% !important;
  }
}

/* Eski ve yeni tüm view başlıkları için ortak ikon + başlık grubu. */
.compact-page-title {
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 0;
}
.compact-page-title > div { min-width: 0; }
.compact-page-icon {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  display: grid;
  place-items: center;
  border-radius: var(--radius-control);
  color: #fff;
  background: linear-gradient(135deg, var(--brand), var(--brand2));
  box-shadow: 0 9px 20px color-mix(in srgb, var(--brand) 20%, transparent);
}
.compact-page-icon .o-icon { width: 20px; height: 20px; }
.compact-page-title .eyebrow,
.compact-page-title p { display: none !important; }

@media (max-width: 760px) {
  .compact-page-title { width: 100%; }
  .compact-page-icon { width: 38px; height: 38px; flex-basis: 38px; border-radius: var(--radius-control); }
}