/* Final shared button system for the MOPMMF dashboard. Loaded after styles.css. */
.cash-flow-lock-button,
#applyScenarioBatch,
.calendar-link-button,
.week-view-button,
.renew-maturity-button,
.scenario-actions button,
.scenario-slot-actions button,
.rule-block-foot button,
.renewal-foot button,
.saved-scenario-form button,
.scenario-analysis-head button,
.saved-scenario-delete,
.table-sort-button,
.portfolio-clear-button,
.rate-sheet-actions button,
#resetRateSheet,
.button-row button,
.ghost-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: start !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  border: 1px solid rgba(86, 185, 193, 0.46) !important;
  border-radius: 999px !important;
  background: rgba(86, 185, 193, 0.12) !important;
  color: #dff9fb !important;
  box-shadow: none !important;
  cursor: pointer !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: 0.06em !important;
  line-height: 1.15 !important;
  padding: 7px 12px !important;
  text-align: center !important;
  text-transform: uppercase !important;
  transition:
    transform 120ms ease,
    border-color 120ms ease,
    background 120ms ease,
    color 120ms ease !important;
}

.cash-flow-lock-button:hover,
#applyScenarioBatch:hover,
.calendar-link-button:hover,
.week-view-button:hover,
.renew-maturity-button:hover,
.scenario-actions button:hover,
.scenario-slot-actions button:hover,
.rule-block-foot button:hover,
.renewal-foot button:hover,
.saved-scenario-form button:hover,
.scenario-analysis-head button:hover,
.saved-scenario-delete:hover,
.table-sort-button:hover,
.portfolio-clear-button:hover,
.rate-sheet-actions button:hover,
#resetRateSheet:hover,
.button-row button:hover,
.ghost-button:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(117, 232, 239, 0.82) !important;
  background: rgba(86, 185, 193, 0.2) !important;
  color: #dff9fb !important;
}

.week-view-button,
.renew-maturity-button,
.scenario-slot-actions button:first-child,
.table-sort-button {
  border-color: rgba(117, 232, 239, 0.28) !important;
  background: rgba(86, 185, 193, 0.08) !important;
  color: #bdeef2 !important;
}

#resetRateSheet,
#clearPortfolioData,
.scenario-slot-actions button:last-child,
.saved-scenario-delete,
.scenario-table [data-delete],
.delete-scenario-deal-button,
.portfolio-clear-button {
  border-color: rgba(255, 128, 136, 0.42) !important;
  background: rgba(255, 128, 136, 0.1) !important;
  color: #ffc2c7 !important;
}

#resetRateSheet:hover,
#clearPortfolioData:hover,
.scenario-slot-actions button:last-child:hover,
.saved-scenario-delete:hover,
.scenario-table [data-delete]:hover,
.delete-scenario-deal-button:hover,
.portfolio-clear-button:hover {
  border-color: rgba(255, 151, 158, 0.78) !important;
  background: rgba(255, 128, 136, 0.18) !important;
  color: #ffe0e2 !important;
}

.scenario-slot-actions {
  display: flex !important;
  gap: 8px !important;
  justify-content: flex-start !important;
  padding: 8px 10px 10px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}