.commission-notification-panel {
  margin: 16px 0;
  padding: 14px 16px;
  border: 1px solid #3c5749;
  border-radius: 8px;
  background: #0e1914;
  color: #d7e8df;
  font: 400 14px/1.55 system-ui, sans-serif;
  overflow-wrap: anywhere;
}
.commission-notification-panel > strong { color: #96e6b8; font-size: 15px; }
.commission-notification-panel p { max-width: 78ch; margin: 8px 0; color: #c1d2c8; }
.commission-notification-panel [role="status"] { color: #e6d697; }
.commission-notification-panel .commission-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.commission-notification-panel .commission-button { min-height: 42px; font-size: 13px; }
.commission-payment-clarity { padding: 12px; margin: 12px 0 0; color: #e6d697; font: 400 14px/1.5 system-ui, sans-serif; }
@media (max-width: 600px) {
  .commission-notification-panel { padding: 12px; }
  .commission-notification-panel .commission-button { flex: 1 1 145px; }
}