/*
 * Erbil Server – Header Visual Standard
 *
 * WICHTIG:
 * - keine Änderung an Grid/Flex-Aufbau
 * - keine Änderung an Navigation
 * - keine Änderung an Seitenbreiten
 * - keine Änderung an Positionierung
 *
 * Es werden ausschließlich Logo, Brand-Text und Status optisch
 * an den aktuellen Admin-Header angeglichen.
 */

/* Desktop */
@media (min-width: 761px) {
  .dashboard-page .brand-mark,
  .history-page .brand-mark,
  .portfolio-page .brand-mark,
  .friends-page .brand-mark,
  .legal-public-page .brand-mark,
  .admin-unified-page .admin-unified-shell .brand-mark,
  .dashboard-page .brand-logo,
  .history-page .brand-logo,
  .portfolio-page .brand-logo,
  .friends-page .brand-logo,
  .legal-public-page .brand-logo,
  .admin-unified-page .admin-unified-shell .brand-logo,
  .dashboard-page .brand img,
  .history-page .brand img,
  .portfolio-page .brand img,
  .friends-page .brand img,
  .legal-public-page .brand img,
  .admin-unified-page .admin-unified-shell .brand img {
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    min-height: 60px !important;
    flex: 0 0 60px !important;
    object-fit: contain !important;
  }

  .dashboard-page .brand,
  .history-page .brand,
  .portfolio-page .brand,
  .friends-page .brand,
  .legal-public-page .brand,
  .admin-unified-page .admin-unified-shell .brand {
    gap: 18px !important;
  }

  .dashboard-page .brand-copy strong,
  .history-page .brand-copy strong,
  .portfolio-page .brand-copy strong,
  .friends-page .brand-copy strong,
  .legal-public-page .brand-copy strong,
  .admin-unified-page .admin-unified-shell .brand-copy strong {
    font-size: 22px !important;
    line-height: 1.08 !important;
    font-weight: 800 !important;
  }

  .dashboard-page .brand-copy small,
  .history-page .brand-copy small,
  .portfolio-page .brand-copy small,
  .friends-page .brand-copy small,
  .legal-public-page .brand-copy small,
  .admin-unified-page .admin-unified-shell .brand-copy small {
    font-size: 13px !important;
    line-height: 1.2 !important;
  }

  .dashboard-page .top-status,
  .history-page .top-status,
  .portfolio-page .top-status,
  .friends-page .top-status,
  .legal-public-page .top-status {
    min-height: 54px !important;
    padding-inline: 18px !important;
    font-size: 16px !important;
    border-radius: 15px !important;
  }
}

/* Mobile bleibt bewusst kompakter.
   Nur minimale Angleichung, ohne Navigation oder Layout anzufassen. */
@media (max-width: 760px) {
  .dashboard-page .brand-mark,
  .history-page .brand-mark,
  .portfolio-page .brand-mark,
  .friends-page .brand-mark,
  .legal-public-page .brand-mark,
  .dashboard-page .brand-logo,
  .history-page .brand-logo,
  .portfolio-page .brand-logo,
  .friends-page .brand-logo,
  .legal-public-page .brand-logo,
  .dashboard-page .brand img,
  .history-page .brand img,
  .portfolio-page .brand img,
  .friends-page .brand img,
  .legal-public-page .brand img {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    flex: 0 0 48px !important;
    object-fit: contain !important;
  }

  .dashboard-page .brand,
  .history-page .brand,
  .portfolio-page .brand,
  .friends-page .brand,
  .legal-public-page .brand {
    gap: 12px !important;
  }

  .dashboard-page .brand-copy strong,
  .history-page .brand-copy strong,
  .portfolio-page .brand-copy strong,
  .friends-page .brand-copy strong,
  .legal-public-page .brand-copy strong {
    font-size: 17px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
  }

  .dashboard-page .top-status,
  .history-page .top-status,
  .portfolio-page .top-status,
  .friends-page .top-status,
  .legal-public-page .top-status {
    min-width: 44px !important;
    min-height: 44px !important;
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
  }
}