/*
  RoomScribe Portfolio Stage 1A Tweaks 3 — safer retry
  Scope: home/dashboard/workspace visual polish only.
  No preview cloning, no MutationObserver, no app logic changes.
*/

:root {
  --rs-portfolio-green: #42d79f;
  --rs-portfolio-text: #12201d;
  --rs-portfolio-muted: #697471;
  --rs-portfolio-border-soft: rgba(18, 32, 29, 0.085);
  --rs-portfolio-soft: #f7f8f6;
}

/* Move the brand feel back to the top-left: hide the centred home logo from Tweaks 1. */
#rsStartMenu .rs-stage1a-home-logo {
  display: none !important;
}

/* Re-show and refine the top-left brand mark. */
#rsApp #rsHomeBtn.rs-brand,
#rsHomeBtn.rs-brand {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#rsApp #rsHomeBtn .rs-brand-mark,
#rsHomeBtn .rs-brand-mark {
  display: block !important;
  width: clamp(102px, 12vw, 142px) !important;
  height: auto !important;
  max-height: 42px !important;
  object-fit: contain !important;
  object-position: left center !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Requested welcome heading size. */
#rsStartMenu .rs-start-hero h1 {
  font-size: 35px !important;
  line-height: 1.05 !important;
  letter-spacing: -0.02em !important;
}

/* Keep primary cloud download actions on-brand. */
button[data-rs-cloud-master-action="download"],
#rsStartMenu button[data-rs-cloud-master-action="download"],
.rs-cloud-master-card button[data-rs-cloud-master-action="download"] {
  background: var(--rs-portfolio-green) !important;
  border-color: var(--rs-portfolio-green) !important;
  color: var(--rs-portfolio-text) !important;
  box-shadow: none !important;
  font-weight: 800 !important;
}

/* Minimal saved-property and cloud collapse controls: keep the icon, remove the green box. */
.rs-saved-properties-toggle.rs-icon-pass-toggle,
button.rs-cloud-master-collapse.rs-icon-pass-toggle,
.rs-cloud-master-collapse[data-rs-cloud-master-action="toggle-card"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  padding: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  color: var(--rs-portfolio-text) !important;
}

.rs-saved-properties-toggle.rs-icon-pass-toggle:hover,
button.rs-cloud-master-collapse.rs-icon-pass-toggle:hover,
.rs-cloud-master-collapse[data-rs-cloud-master-action="toggle-card"]:hover {
  background: rgba(18, 32, 29, 0.045) !important;
}

.rs-saved-properties-toggle .rs-ui-icon,
.rs-cloud-master-collapse .rs-ui-icon {
  width: 18px !important;
  height: 18px !important;
  color: var(--rs-portfolio-text) !important;
}

/* Collaboration banner: quiet off-white, full-width row, buttons aligned together. */
#rsCollabBanner.rs-collab-banner,
.rs-collab-banner#rsCollabBanner {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px 14px !important;
  background: var(--rs-portfolio-soft) !important;
  border: 1px solid var(--rs-portfolio-border-soft) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  color: var(--rs-portfolio-text) !important;
}

#rsCollabBannerText {
  min-width: 0 !important;
  color: var(--rs-portfolio-muted) !important;
  line-height: 1.35 !important;
}

#rsCollabBanner .rs-collab-allow,
#rsCollabBanner button {
  min-height: 36px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  font-weight: 800 !important;
}

#rsCollabBanner #rsCollabUnlockBtn,
#rsCollabBanner .rs-collab-allow:not(.rs-collab-secondary) {
  background: var(--rs-portfolio-green) !important;
  border-color: var(--rs-portfolio-green) !important;
  color: var(--rs-portfolio-text) !important;
}

#rsCollabBanner #rsCollabRefreshBtn,
#rsCollabBanner .rs-collab-secondary {
  background: #fff !important;
  border-color: var(--rs-portfolio-border-soft) !important;
  color: var(--rs-portfolio-text) !important;
}

/* Duplicate text already represented above the preview/preset area. */
#rsWorkspaceMeta {
  display: none !important;
}

@media (max-width: 760px) {
  #rsApp #rsHomeBtn .rs-brand-mark,
  #rsHomeBtn .rs-brand-mark {
    width: clamp(86px, 25vw, 118px) !important;
    max-height: 36px !important;
  }

  #rsStartMenu .rs-start-hero h1 {
    font-size: 31px !important;
  }

  #rsCollabBanner.rs-collab-banner,
  .rs-collab-banner#rsCollabBanner {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
  }

  #rsCollabBannerText {
    grid-column: 1 / -1 !important;
  }

  #rsCollabBanner .rs-collab-allow,
  #rsCollabBanner button {
    width: 100% !important;
  }
}