/* Hub v266: top-priority business tools and visible desktop app installation. */
.page-hub .hub-business-tools-top-v266 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  margin: 14px 0 12px;
  padding: 9px;
  border: 1px solid color-mix(in srgb, #7251bd 35%, var(--line));
  border-radius: 14px;
  background: color-mix(in srgb, var(--surface2) 92%, #eee8ff);
}

.page-hub .hub-business-tools-top-v266 > span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .04em;
  white-space: normal;
}

.hub-install-app-v266 {
  min-height: 42px;
  border: 1px solid #5f83d8;
  border-radius: 11px;
  background: linear-gradient(145deg, #edf4ff, #e6efff);
  color: #15458f;
  font: inherit;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
  touch-action: manipulation;
}

.hub-install-app-v266[data-install-state="ready"] {
  border-color: #16836d;
  background: linear-gradient(145deg, #e2f8ef, #d6f3e8);
  color: #0f694f;
  box-shadow: 0 8px 22px rgba(22, 131, 109, .16);
}

.hub-install-app-v266:focus-visible {
  outline: 3px solid rgba(47, 113, 244, .28);
  outline-offset: 2px;
}

.hub-install-app-gate-v266 {
  width: 100%;
  margin-top: 10px;
  padding: 10px 14px;
}

html[data-dark="true"] .page-hub .hub-business-tools-top-v266 {
  background: color-mix(in srgb, var(--surface2) 92%, #261d48);
}

@media (max-width: 520px) {
  .page-hub .hub-business-tools-top-v266 {
    margin-top: 10px;
    padding: 7px;
  }

  .page-hub .topbar .top-actions > .hub-install-app-v266 {
    min-height: 44px;
  }
}

@media (display-mode: standalone) {
  [data-hub-install-app] { display: none !important; }
}