/*
  RoomScribe Portfolio Stage 1A Tweaks
  Scope: dashboard/home + property overview header only.
  This file is intentionally late-loading and visual-only.
*/

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

/* Topbar logo removal requested for this stage. */
#rsApp #rsHomeBtn .rs-brand-mark {
  display: none !important;
}

/* New centred logo above welcome heading. */
#rsStartMenu .rs-stage1a-home-logo {
  display: block !important;
  width: min(210px, 66vw) !important;
  height: auto !important;
  margin: 0 auto 16px !important;
  object-fit: contain !important;
}

#rsStartMenu .rs-start-hero h1 {
  font-size: 20px !important;
  line-height: 1.2 !important;
  letter-spacing: -0.015em !important;
}

/* Create button: RoomScribe green with icon. */
#rsStartMenu #rsCreatePropertyForm .rs-btn.rs-btn-primary[type="submit"],
#rsStartMenu .rs-create-card .rs-btn-primary[type="submit"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 50px !important;
  background: var(--rs-portfolio-green) !important;
  border-color: var(--rs-portfolio-green) !important;
  color: var(--rs-portfolio-text) !important;
  box-shadow: none !important;
}

#rsStartMenu #rsCreatePropertyForm .rs-btn-primary .rs-ui-icon[data-rs-ui-icon="add-new"] {
  width: 18px !important;
  height: 18px !important;
  background: currentColor !important;
  color: currentColor !important;
  flex: 0 0 auto !important;
}

/* Remove active green left line from property cards. */
#rsStartMenu .rs-property-card.is-active::before,
.rs-bottom-property-card.is-active::before {
  content: none !important;
  display: none !important;
}

/* Property card actions should stay in one tidy row. */
#rsStartMenu .rs-card-actions,
.rs-bottom-property-card .rs-card-actions,
.rs-card-actions {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  align-items: stretch !important;
  flex-wrap: nowrap !important;
}

#rsStartMenu .rs-card-actions button,
.rs-bottom-property-card .rs-card-actions button,
.rs-card-actions button {
  width: 100% !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  text-align: center !important;
}

#rsStartMenu .rs-card-actions button[data-rs-action="open"] {
  background: rgba(66, 215, 159, 0.16) !important;
  border-color: rgba(66, 215, 159, 0.30) !important;
  color: #174e45 !important;
}

/* Cloud unsaved-row and save button should sit in one row. */
#rsStartMenu .rs-cloud-master-local-row,
.rs-cloud-master-local-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  width: 100% !important;
}

#rsStartMenu .rs-cloud-master-local-chips,
.rs-cloud-master-local-chips {
  display: flex !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

#rsStartMenu .rs-cloud-master-local-actions,
.rs-cloud-master-local-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 0 0 auto !important;
}

#rsStartMenu .rs-cloud-master-local-actions button,
.rs-cloud-master-local-actions button,
#rsStartMenu button[data-rs-cloud-master-action="upload-meta"] {
  min-height: 38px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--rs-portfolio-green) !important;
  color: var(--rs-portfolio-text) !important;
  box-shadow: none !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}

/* Workspace tabs: full-width quiet editorial tabs. */
#rsWorkspace .rs-tabs,
#rsWorkspace .rs-tabs.rs-tabs-no-settings {
  display: grid !important;
  width: 100% !important;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr)) !important;
  justify-content: stretch !important;
  gap: 0 !important;
}

#rsWorkspace .rs-tabs.rs-tabs-no-settings {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

#rsWorkspace .rs-tabs .rs-tab {
  width: 100% !important;
  justify-content: center !important;
  text-align: center !important;
  min-width: 0 !important;
}

/* Workspace preview inserted by the companion UI-only script. */
#rsWorkspace .rs-workspace-portfolio-preview {
  position: relative !important;
  display: block !important;
  width: min(100%, 760px) !important;
  aspect-ratio: 16 / 9 !important;
  margin: 0 0 16px !important;
  overflow: hidden !important;
  border-radius: 14px !important;
  background: var(--rs-portfolio-soft) !important;
  border: 1px solid var(--rs-portfolio-border-soft) !important;
  box-shadow: none !important;
}

#rsWorkspace .rs-workspace-portfolio-preview img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transform: none !important;
}

#rsWorkspace .rs-workspace-portfolio-preview-badge {
  position: absolute !important;
  left: 10px !important;
  top: 10px !important;
  padding: 4px 7px !important;
  border-radius: 6px !important;
  background: rgba(18, 32, 29, 0.76) !important;
  color: #fff !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
  font-weight: 850 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
}

@media (max-width: 640px) {
  #rsStartMenu .rs-stage1a-home-logo {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: min(190px, 72vw) !important;
  }

  #rsStartMenu .rs-card-actions,
  .rs-bottom-property-card .rs-card-actions,
  .rs-card-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  #rsStartMenu .rs-card-actions button,
  .rs-bottom-property-card .rs-card-actions button,
  .rs-card-actions button {
    padding-left: 6px !important;
    padding-right: 6px !important;
    font-size: 11px !important;
  }

  #rsStartMenu .rs-cloud-master-local-row,
  .rs-cloud-master-local-row {
    align-items: stretch !important;
  }

  #rsStartMenu .rs-cloud-master-local-actions button,
  .rs-cloud-master-local-actions button {
    max-width: 48vw !important;
    white-space: normal !important;
    line-height: 1.15 !important;
  }

  #rsWorkspace .rs-tabs,
  #rsWorkspace .rs-tabs.rs-tabs-no-settings {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr)) !important;
    overflow: visible !important;
  }

  #rsWorkspace .rs-tab {
    padding-left: 4px !important;
    padding-right: 4px !important;
    font-size: 9.5px !important;
  }
}