/*
 * PrimeTime AI branding overlay for MateClaw v2.2.x
 *
 * Purpose: cosmetic branding only. No agent/runtime/business logic is changed.
 * The upstream MainLayout.vue currently renders the desktop brand in
 * .sidebar-logo .logo-name and the mobile brand in .mobile-topbar-title.
 */

/* Desktop sidebar: visually replace the hard-coded "MateClaw" label. */
.sidebar-logo .logo-name {
  font-size: 0 !important;
  white-space: nowrap;
}

.sidebar-logo .logo-name::after {
  content: "PrimeTime AI";
  display: block;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.03em;
  color: var(--mc-sidebar-logo-name);
}

/* Mobile header: same brand name without touching Vue application logic. */
.mobile-topbar-title {
  font-size: 0 !important;
  white-space: nowrap;
}

.mobile-topbar-title::after {
  content: "PrimeTime AI";
  font-size: 16px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.03em;
  color: var(--mc-sidebar-logo-name, currentColor);
}