/*
 * IdealApp AURA AI — PHASE 01 Home Hub precision layer
 * Scope: protected Home Hub shell, hero, canonical brand mark and composer positioning only.
 */

[data-home-hub-logo] {
  transform: scale(1.45);
  transform-origin: center;
  /* Geometry comes from the supplied SVG mask; colour comes from --color-brand-primary. */
  filter: drop-shadow(0 0 20px rgba(205, 231, 27, 0.3));
}

[data-home-hub-composer] [aria-label="Choose an IdealApp Agent"] {
  scrollbar-width: thin !important;
  scrollbar-color: rgba(255, 255, 255, 0.24) rgba(255, 255, 255, 0.05) !important;
  scrollbar-gutter: stable;
}

[data-home-hub-composer] [aria-label="Choose an IdealApp Agent"]::-webkit-scrollbar {
  display: block !important;
  height: 5px !important;
}

[data-home-hub-composer] [aria-label="Choose an IdealApp Agent"]::-webkit-scrollbar-track {
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
}

[data-home-hub-composer] [aria-label="Choose an IdealApp Agent"]::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.24);
}

@media (min-width: 768px) {
  body:has([data-home-hub-root]) aside.flex-shrink-0.bg-panel.border-r.border-border {
    width: clamp(260px, 16.75vw, 320px) !important;
  }

  [data-home-hub-logo] {
    margin-bottom: 4rem !important;
  }

  [data-home-hub-heading] > span:last-child {
    font-size: 72px !important;
    line-height: 1.14 !important;
    letter-spacing: -0.045em !important;
  }

  [data-home-hub-root] div:has(> [data-home-hub-composer="hero"]) {
    margin-top: 5rem !important;
  }

  [data-home-hub-composer="hero"] [role="tab"] {
    height: 44px !important;
  }
}

@media (max-width: 767px) {
  body:has([data-home-hub-root]) button[aria-label="Open navigation menu"] {
    display: flex !important;
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255, 255, 255, 0.07) !important;
    border-radius: 10px !important;
    background: rgba(15, 17, 16, 0.94) !important;
    color: #c7ccd3 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
  }

  [data-home-hub-logo] {
    margin-bottom: 2.75rem !important;
  }

  [data-home-hub-heading] > span:first-child {
    font-size: 40px !important;
    line-height: 1.18 !important;
    letter-spacing: -0.045em !important;
  }

  [data-home-hub-root] div:has(> [data-home-hub-composer="hero"]) {
    margin-top: 4.5rem !important;
  }

  [data-home-hub-composer="hero"] [role="tab"] {
    height: 46px !important;
  }

  [data-home-hub-composer="hero"][data-home-hub-state="agents"] textarea {
    height: 86px !important;
    min-height: 86px !important;
  }

  [data-home-hub-composer="hero"][data-home-hub-state="ask"] textarea {
    height: 104px !important;
    min-height: 104px !important;
  }
}

@media (max-width: 380px), (max-height: 780px) {
  [data-home-hub-logo] {
    margin-bottom: 2rem !important;
    transform: scale(1.28);
  }

  [data-home-hub-heading] > span:first-child {
    font-size: 35px !important;
  }

  [data-home-hub-root] div:has(> [data-home-hub-composer="hero"]) {
    margin-top: 3rem !important;
  }
}