/* R696: keep the live autosave state visible beside the manual Save action. */
body.r120-rice-ui .header-actions #autosaveStatus {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 112px !important;
  min-height: 42px !important;
  padding: 0 13px !important;
  color: var(--r121-text) !important;
  background: var(--r121-control) !important;
  border: 1px solid var(--r121-line) !important;
  border-radius: 12px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

body.r120-rice-ui .header-actions #autosaveStatus.saved {
  color: #13784f !important;
  background: color-mix(in srgb, #20b777 10%, var(--r121-control)) !important;
  border-color: color-mix(in srgb, #20b777 32%, var(--r121-line)) !important;
}

body.r120-rice-ui .header-actions #autosaveStatus.saving {
  color: var(--r121-purple) !important;
  border-color: color-mix(in srgb, var(--r121-purple) 34%, var(--r121-line)) !important;
}

body.r120-rice-ui .header-actions #autosaveStatus.error {
  color: #b43737 !important;
  border-color: color-mix(in srgb, #d65757 38%, var(--r121-line)) !important;
}

@media (max-width: 820px) {
  body.r120-rice-ui .header-actions #autosaveStatus {
    min-width: 104px !important;
    min-height: 38px !important;
    padding: 0 10px !important;
  }
}