/* RoomScribe cloud home UI refinement
   Scope: home dashboard cloud controls only.
   Safe override layer: no app logic, IDs, data attributes, auth, cloud sync, Stripe, PDF or report changes. */

/* Make the Cloud properties Show/Hide control match the saved-properties chevron control. */
.rs-cloud-master-collapse {
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 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: 1 !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
}

.rs-cloud-master-collapse::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;
  transform: rotate(-90deg) !important;
  transition: transform .18s ease !important;
}

.rs-cloud-master-collapse[aria-expanded="true"]::before {
  transform: rotate(0deg) !important;
}

.rs-cloud-master-collapse:focus-visible {
  outline: 3px solid rgba(66, 215, 159, .34) !important;
  outline-offset: 3px !important;
}

/* The storage usage card is now visually part of the home cloud column, below Cloud properties. */
#rsStartMenu .rs-start-grid > #rsStorageQuotaCard,
#rsStartMenu .rs-start-grid > .rs-storage-quota-card {
  grid-column: 1 !important;
  margin: 0 !important;
  align-self: start !important;
}

#rsStorageQuotaCard.rs-storage-quota-card.rs-storage-home-after-cloud-master {
  margin: 0 !important;
}

/* The old stable slot can be left behind empty inside Cloud Library & Sync. Hide it if empty. */
#rsStorageQuotaStableSlot:empty {
  display: none !important;
}

@media (max-width: 860px) {
  #rsStartMenu .rs-start-grid > #rsStorageQuotaCard,
  #rsStartMenu .rs-start-grid > .rs-storage-quota-card {
    grid-column: 1 / -1 !important;
  }
}