/* RoomScribe Portfolio Stage 1A Tweaks 5
   CSS-only follow-up: logo scale, cloud local layout, white action buttons, and visible minimal arrows. */

:root {
  --rs-portfolio-green: #42d79f;
  --rs-portfolio-ink: #12201d;
  --rs-portfolio-muted: #697471;
  --rs-portfolio-border: #e4e2dc;
  --rs-portfolio-soft: #f7f8f6;
}

/* Top-left brand logo: make the mark feel intentional and align visually with top action buttons. */
.rs-topbar .rs-brand,
header.rs-topbar .rs-brand#rsHomeBtn {
  min-width: 48px !important;
  width: auto !important;
  min-height: 42px !important;
  height: 42px !important;
  padding: 0 4px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.rs-topbar .rs-brand img.rs-brand-mark,
header.rs-topbar .rs-brand#rsHomeBtn img.rs-brand-mark {
  display: block !important;
  height: 40px !important;
  max-height: 40px !important;
  width: auto !important;
  max-width: 148px !important;
  object-fit: contain !important;
  object-position: left center !important;
  opacity: 1 !important;
}

@media (max-width: 520px) {
  .rs-topbar .rs-brand img.rs-brand-mark,
  header.rs-topbar .rs-brand#rsHomeBtn img.rs-brand-mark {
    height: 36px !important;
    max-height: 36px !important;
    max-width: 124px !important;
  }
}

/* Unsaved-local state: chip on its own row, cloud action buttons underneath in one full-width row. */
.rs-cloud-master-local-row:has(.rs-cloud-master-chip.is-warning) {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
}

.rs-cloud-master-local-row:has(.rs-cloud-master-chip.is-warning) .rs-cloud-master-local-chips {
  display: flex !important;
  width: 100% !important;
  justify-content: flex-start !important;
  align-items: center !important;
}

.rs-cloud-master-local-row:has(.rs-cloud-master-chip.is-warning) .rs-cloud-master-local-actions {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  gap: 10px !important;
  width: 100% !important;
  flex-wrap: nowrap !important;
}

.rs-cloud-master-local-row:has(.rs-cloud-master-chip.is-warning) .rs-cloud-master-local-actions button,
.rs-cloud-master-local-actions button[data-rs-cloud-master-action="upload-meta"],
.rs-cloud-master-local-actions button[data-rs-cloud-master-action="upload-images"] {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  background: #ffffff !important;
  color: var(--rs-portfolio-ink) !important;
  border: 1px solid var(--rs-portfolio-border) !important;
  box-shadow: none !important;
  border-radius: 10px !important;
  min-height: 38px !important;
  padding: 10px 12px !important;
  font-weight: 650 !important;
}

.rs-cloud-master-local-row:has(.rs-cloud-master-chip.is-warning) .rs-cloud-master-local-actions button:hover,
.rs-cloud-master-local-actions button[data-rs-cloud-master-action="upload-meta"]:hover,
.rs-cloud-master-local-actions button[data-rs-cloud-master-action="upload-images"]:hover {
  border-color: var(--rs-portfolio-green) !important;
  color: var(--rs-portfolio-ink) !important;
}

@media (max-width: 640px) {
  .rs-cloud-master-local-row:has(.rs-cloud-master-chip.is-warning) .rs-cloud-master-local-actions {
    flex-wrap: wrap !important;
  }

  .rs-cloud-master-local-row:has(.rs-cloud-master-chip.is-warning) .rs-cloud-master-local-actions button {
    flex-basis: 100% !important;
  }
}

/* Keep collapse/minimise controls minimal, but make sure the arrow icon itself remains visible. */
.rs-manual-cloud-toggle.rs-icon-pass-toggle,
.rs-cloud-master-collapse.rs-icon-pass-toggle,
button.rs-cloud-master-collapse[data-rs-cloud-master-action="toggle-card"],
.rs-manual-cloud-toggle[data-rs-icon-pass="minimise-maximise"] {
  width: auto !important;
  min-width: 22px !important;
  height: 22px !important;
  min-height: 22px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  color: var(--rs-portfolio-ink) !important;
  opacity: 1 !important;
}

.rs-manual-cloud-toggle.rs-icon-pass-toggle .rs-ui-icon,
.rs-cloud-master-collapse.rs-icon-pass-toggle .rs-ui-icon,
button.rs-cloud-master-collapse[data-rs-cloud-master-action="toggle-card"] .rs-ui-icon,
.rs-manual-cloud-toggle[data-rs-icon-pass="minimise-maximise"] .rs-ui-icon {
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  color: var(--rs-portfolio-ink) !important;
  background-color: currentColor !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.rs-manual-cloud-toggle.rs-icon-pass-toggle:hover,
.rs-cloud-master-collapse.rs-icon-pass-toggle:hover,
button.rs-cloud-master-collapse[data-rs-cloud-master-action="toggle-card"]:hover {
  color: var(--rs-portfolio-green) !important;
  background: transparent !important;
}

/* RoomScribe direct UI fix 2026-06-19: stronger loaded selectors, no overlay dependency. */
#rsApp header.rs-topbar #rsHomeBtn.rs-brand,
#rsApp #rsHomeBtn.rs-brand,
header.rs-topbar #rsHomeBtn.rs-brand,
#rsHomeBtn.rs-brand {
  flex: 0 0 auto !important;
  min-width: clamp(170px, 18vw, 236px) !important;
  width: clamp(170px, 18vw, 236px) !important;
  max-width: none !important;
  min-height: 66px !important;
  height: 66px !important;
  padding: 0 6px !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

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

#rsStartMenu .rs-start-grid {
  border-top: 1px solid rgba(18, 32, 29, 0.12) !important;
  padding-top: 18px !important;
  margin-top: 18px !important;
}

.rs-cloud-master-local-row {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  width: 100% !important;
  align-items: stretch !important;
}

.rs-cloud-master-local-chips {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  width: 100% !important;
}

.rs-cloud-master-local-chips .rs-cloud-master-chip.is-warning {
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: none !important;
  justify-content: center !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

.rs-cloud-master-local-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
  align-items: stretch !important;
}

.rs-cloud-master-local-actions button[data-rs-cloud-master-action="upload-meta"],
.rs-cloud-master-local-actions button[data-rs-cloud-master-action="upload-images"] {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 40px !important;
  white-space: normal !important;
}

#rsStartMenu .rs-cloud-master-collapse.rs-saved-properties-toggle,
#rsStartMenu button.rs-cloud-master-collapse[data-rs-cloud-master-action="toggle-card"],
.rs-cloud-master-collapse.rs-saved-properties-toggle,
button.rs-cloud-master-collapse[data-rs-cloud-master-action="toggle-card"] {
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 auto !important;
  border: 1px solid rgba(66,215,159,.34) !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, var(--rs-accent, #42d79f), var(--rs-accent-soft, #c8ffe8)) !important;
  color: #041f17 !important;
  box-shadow: 0 12px 24px rgba(66,215,159,.18) !important;
  font-size: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
}

#rsStartMenu .rs-cloud-master-collapse.rs-saved-properties-toggle::before,
#rsStartMenu button.rs-cloud-master-collapse[data-rs-cloud-master-action="toggle-card"]::before,
.rs-cloud-master-collapse.rs-saved-properties-toggle::before,
button.rs-cloud-master-collapse[data-rs-cloud-master-action="toggle-card"]::before {
  content: "" !important;
  width: 0 !important;
  height: 0 !important;
  display: block !important;
  border-left: 6px solid transparent !important;
  border-right: 6px solid transparent !important;
  border-top: 8px solid currentColor !important;
  border-bottom: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: rotate(-90deg) !important;
  transition: transform .18s ease !important;
}

#rsStartMenu .rs-cloud-master-collapse.rs-saved-properties-toggle[aria-expanded="true"]::before,
#rsStartMenu button.rs-cloud-master-collapse[data-rs-cloud-master-action="toggle-card"][aria-expanded="true"]::before,
.rs-cloud-master-collapse.rs-saved-properties-toggle[aria-expanded="true"]::before,
button.rs-cloud-master-collapse[data-rs-cloud-master-action="toggle-card"][aria-expanded="true"]::before {
  transform: rotate(0deg) !important;
}

#rsStartMenu .rs-cloud-master-collapse.rs-saved-properties-toggle .rs-ui-icon,
#rsStartMenu button.rs-cloud-master-collapse[data-rs-cloud-master-action="toggle-card"] .rs-ui-icon,
.rs-cloud-master-collapse.rs-saved-properties-toggle .rs-ui-icon,
button.rs-cloud-master-collapse[data-rs-cloud-master-action="toggle-card"] .rs-ui-icon {
  display: none !important;
}

@media (max-width: 760px) {
  #rsApp header.rs-topbar #rsHomeBtn.rs-brand,
  #rsApp #rsHomeBtn.rs-brand,
  header.rs-topbar #rsHomeBtn.rs-brand,
  #rsHomeBtn.rs-brand {
    min-width: clamp(130px, 34vw, 172px) !important;
    width: clamp(130px, 34vw, 172px) !important;
    min-height: 54px !important;
    height: 54px !important;
  }
  #rsApp header.rs-topbar #rsHomeBtn.rs-brand .rs-brand-mark,
  #rsApp #rsHomeBtn.rs-brand .rs-brand-mark,
  header.rs-topbar #rsHomeBtn.rs-brand .rs-brand-mark,
  #rsHomeBtn.rs-brand .rs-brand-mark {
    width: clamp(124px, 32vw, 164px) !important;
    max-height: 50px !important;
  }
}


/* RoomScribe bugfix 2026-06-19: final direct polish without broad overlays. */
#rsApp .rs-topbar,
header.rs-topbar,
.rs-topbar {
  overflow: visible !important;
}
#rsApp header.rs-topbar #rsHomeBtn.rs-brand,
#rsApp #rsHomeBtn.rs-brand,
header.rs-topbar #rsHomeBtn.rs-brand,
#rsHomeBtn.rs-brand {
  flex: 0 0 auto !important;
  min-width: clamp(210px, 22vw, 300px) !important;
  width: clamp(210px, 22vw, 300px) !important;
  max-width: none !important;
  min-height: 76px !important;
  height: 76px !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
#rsApp header.rs-topbar #rsHomeBtn.rs-brand .rs-brand-mark,
#rsApp #rsHomeBtn.rs-brand .rs-brand-mark,
header.rs-topbar #rsHomeBtn.rs-brand .rs-brand-mark,
#rsHomeBtn.rs-brand .rs-brand-mark {
  display: block !important;
  width: clamp(210px, 22vw, 300px) !important;
  min-width: clamp(210px, 22vw, 300px) !important;
  max-width: none !important;
  height: 76px !important;
  max-height: 76px !important;
  min-height: 76px !important;
  object-fit: contain !important;
  object-position: left center !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Cloud properties toggle should use the same plain icon treatment as the saved properties toggle, not the green square badge. */
#rsStartMenu button.rs-cloud-master-collapse.rs-saved-properties-toggle.rs-icon-pass-toggle[data-rs-cloud-master-action="toggle-card"],
button.rs-cloud-master-collapse.rs-saved-properties-toggle.rs-icon-pass-toggle[data-rs-cloud-master-action="toggle-card"],
#rsStartMenu button.rs-cloud-master-collapse[data-rs-cloud-master-action="toggle-card"],
button.rs-cloud-master-collapse[data-rs-cloud-master-action="toggle-card"] {
  width: 22px !important;
  min-width: 22px !important;
  max-width: 22px !important;
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  color: var(--rs-portfolio-ink, var(--rs-ink, #08181d)) !important;
  font-size: 0 !important;
  line-height: 1 !important;
  overflow: visible !important;
}
#rsStartMenu button.rs-cloud-master-collapse[data-rs-cloud-master-action="toggle-card"]::before,
#rsStartMenu button.rs-cloud-master-collapse[data-rs-cloud-master-action="toggle-card"]::after,
button.rs-cloud-master-collapse[data-rs-cloud-master-action="toggle-card"]::before,
button.rs-cloud-master-collapse[data-rs-cloud-master-action="toggle-card"]::after {
  content: none !important;
  display: none !important;
}
#rsStartMenu button.rs-cloud-master-collapse[data-rs-cloud-master-action="toggle-card"] .rs-ui-icon,
button.rs-cloud-master-collapse[data-rs-cloud-master-action="toggle-card"] .rs-ui-icon {
  display: inline-block !important;
  width: 16px !important;
  min-width: 16px !important;
  height: 16px !important;
  min-height: 16px !important;
  background-color: currentColor !important;
  color: currentColor !important;
  opacity: 1 !important;
  visibility: visible !important;
}
#rsStartMenu button.rs-cloud-master-collapse[data-rs-cloud-master-action="toggle-card"][aria-expanded="false"] .rs-ui-icon,
button.rs-cloud-master-collapse[data-rs-cloud-master-action="toggle-card"][aria-expanded="false"] .rs-ui-icon {
  transform: rotate(0deg) !important;
}
#rsStartMenu button.rs-cloud-master-collapse[data-rs-cloud-master-action="toggle-card"][aria-expanded="true"] .rs-ui-icon,
button.rs-cloud-master-collapse[data-rs-cloud-master-action="toggle-card"][aria-expanded="true"] .rs-ui-icon {
  transform: rotate(90deg) !important;
}

/* Local/cloud status and action buttons are intentionally separate rows. */
.rs-cloud-master-local-row {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 6px !important;
  margin: 10px 0 8px !important;
  padding: 10px !important;
}
.rs-cloud-master-local-row .rs-cloud-master-local-chips {
  width: 100% !important;
}
.rs-cloud-master-local-row .rs-cloud-master-local-actions {
  display: none !important;
}
.rs-cloud-master-local-actions[data-rs-cloud-master-local-actions-for] {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 0 12px !important;
  align-items: stretch !important;
}
.rs-cloud-master-local-actions[data-rs-cloud-master-local-actions-for] button {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 40px !important;
  white-space: normal !important;
}
@media (max-width: 760px) {
  #rsApp header.rs-topbar #rsHomeBtn.rs-brand,
  #rsApp #rsHomeBtn.rs-brand,
  header.rs-topbar #rsHomeBtn.rs-brand,
  #rsHomeBtn.rs-brand {
    min-width: clamp(150px, 40vw, 210px) !important;
    width: clamp(150px, 40vw, 210px) !important;
    min-height: 62px !important;
    height: 62px !important;
  }
  #rsApp header.rs-topbar #rsHomeBtn.rs-brand .rs-brand-mark,
  #rsApp #rsHomeBtn.rs-brand .rs-brand-mark,
  header.rs-topbar #rsHomeBtn.rs-brand .rs-brand-mark,
  #rsHomeBtn.rs-brand .rs-brand-mark {
    width: clamp(150px, 40vw, 210px) !important;
    min-width: clamp(150px, 40vw, 210px) !important;
    height: 62px !important;
    min-height: 62px !important;
    max-height: 62px !important;
  }
  .rs-cloud-master-local-actions[data-rs-cloud-master-local-actions-for] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* RoomScribe final polish 2026-06-19: preview-safe property cards and cloud action spacing. */
#rsStartMenu .rs-property-card h3 {
  padding-top: 12px !important;
}
#rsStartMenu .rs-property-card .rs-property-card-preview + h3 {
  padding-top: 0 !important;
}

.rs-cloud-master-local-row {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 10px 12px !important;
  margin: 10px 0 8px !important;
}
.rs-cloud-master-local-row .rs-cloud-master-local-actions {
  display: none !important;
}
.rs-cloud-master-local-chips {
  width: 100% !important;
  box-sizing: border-box !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.rs-cloud-master-local-chips .rs-cloud-master-chip,
.rs-cloud-master-local-chips .rs-cloud-master-chip.is-warning,
.rs-cloud-master-local-chips .rs-cloud-master-chip.is-danger,
.rs-cloud-master-local-chips .rs-cloud-master-chip.is-cloud,
.rs-cloud-master-local-chips .rs-cloud-master-chip.is-local {
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.rs-cloud-master-local-actions[data-rs-cloud-master-local-actions-for] {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 0 12px 12px !important;
  margin: 0 !important;
  align-items: stretch !important;
}
.rs-cloud-master-local-actions[data-rs-cloud-master-local-actions-for].is-single-action,
.rs-cloud-master-local-actions[data-rs-cloud-master-local-actions-for]:has(> button:only-child) {
  grid-template-columns: 1fr !important;
}
.rs-cloud-master-local-actions[data-rs-cloud-master-local-actions-for] > button {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 42px !important;
  white-space: normal !important;
  box-sizing: border-box !important;
}
.rs-cloud-master-local-actions[data-rs-cloud-master-local-actions-for] > button:only-child {
  grid-column: 1 / -1 !important;
}

/* The cloud-card collapse control should look like the saved-properties inline toggle, not a green button. */
#rsStartMenu button.rs-cloud-master-collapse.rs-saved-properties-toggle.rs-icon-pass-toggle[data-rs-cloud-master-action="toggle-card"],
button.rs-cloud-master-collapse.rs-saved-properties-toggle.rs-icon-pass-toggle[data-rs-cloud-master-action="toggle-card"],
#rsStartMenu button.rs-cloud-master-collapse[data-rs-cloud-master-action="toggle-card"],
button.rs-cloud-master-collapse[data-rs-cloud-master-action="toggle-card"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 24px !important;
  min-width: 24px !important;
  max-width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 24px !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  color: inherit !important;
  font-size: 0 !important;
  line-height: 1 !important;
  overflow: visible !important;
}
#rsStartMenu button.rs-cloud-master-collapse[data-rs-cloud-master-action="toggle-card"]::before,
#rsStartMenu button.rs-cloud-master-collapse[data-rs-cloud-master-action="toggle-card"]::after,
button.rs-cloud-master-collapse[data-rs-cloud-master-action="toggle-card"]::before,
button.rs-cloud-master-collapse[data-rs-cloud-master-action="toggle-card"]::after {
  content: none !important;
  display: none !important;
}
#rsStartMenu button.rs-cloud-master-collapse[data-rs-cloud-master-action="toggle-card"] .rs-ui-icon,
button.rs-cloud-master-collapse[data-rs-cloud-master-action="toggle-card"] .rs-ui-icon {
  display: inline-block !important;
  width: 16px !important;
  min-width: 16px !important;
  height: 16px !important;
  min-height: 16px !important;
  opacity: 1 !important;
  visibility: visible !important;
  background-color: currentColor !important;
  color: currentColor !important;
}

/* RoomScribe last-two fix 2026-06-19: exact workspace preview + cloud action row sizing. */
#rsWorkspacePortfolioPreview[hidden],
.rs-workspace-portfolio-preview[hidden] {
  display: none !important;
}
.rs-cloud-master-local-actions[data-rs-cloud-master-local-actions-for] {
  display: grid !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.rs-cloud-master-local-actions[data-rs-cloud-master-action-count="1"],
.rs-cloud-master-local-actions[data-rs-cloud-master-local-actions-for].is-single-action {
  grid-template-columns: minmax(0, 1fr) !important;
}
.rs-cloud-master-local-actions[data-rs-cloud-master-action-count="2"] {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.rs-cloud-master-local-actions[data-rs-cloud-master-local-actions-for] > button {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  grid-column: auto !important;
  box-sizing: border-box !important;
}
.rs-cloud-master-local-actions[data-rs-cloud-master-action-count="1"] > button,
.rs-cloud-master-local-actions[data-rs-cloud-master-local-actions-for].is-single-action > button {
  grid-column: 1 / -1 !important;
}
@media (max-width: 760px) {
  .rs-cloud-master-local-actions[data-rs-cloud-master-action-count="2"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}