/*
 * Plugin Notices Manager – Admin Notices CSS
 * Version: 1.0.16
 *
 * Styles for the Plugin Notices Manager admin notices.
 *
 * These rules control the layout and appearance of the documentation and review
 * notices rendered in the WordPress admin by the Daextteam Plugin Notices Manager
 * library.
 */
.daextpnm-notice {
  padding: 12px 20px;
  margin: 24px 32px 0;
  background: $neutral-grey-0;
  position: relative;
  border-radius: 8px;
  box-shadow: $elevation-1;
}

.daextpnm-notice p {
  margin: 0;
  line-height: 24px;
}

.daextpnm-notice strong {
  font-weight: 600;
}

.daextpnm-notice-actions {
  margin-top: 12px;
  display: flex;
  gap: 10px;
}

.daextpnm-review-never,
.daextpnm-dismiss-doc {
  height: auto;
  line-height: 17px;
  margin: 6.5px 0;
  display: block;
}

.daextpnm-button {
  background: $ui-primary-600 !important;
  border-color: $ui-primary-600 !important;
  color: $neutral-grey-0 !important;
  height: 22px !important;
  line-height: 22px !important;
  padding: 4px 12px !important;
  border: 1px solid rgba($neutral-branded-800, 0.2) !important;
  font-size: 13px !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  transition: all .2s ease-in-out !important;
  transition-property: background, border, box-shadow !important;
}

.daextpnm-button:hover {
  background: $ui-primary-700 !important;
  border-color: $ui-primary-700 !important;
}

.daextpnm-button:focus{
  @include focus-filled;
}

.daextpnm-button-secondary {
  color: $ui-primary-800 !important;
  border-color: $ui-primary-800 !important;
  background: $color-style-neutral-50 !important;
}

.daextpnm-button-secondary:hover {
  background: $neutral-grey-150 !important;
  border-color: $ui-primary-900 !important;
  color: $ui-primary-900 !important;
}

.daextpnm-button-secondary:focus {
  @include focus-ring;
}

.daextpnm-button-link {
  color: $ui-primary-700 !important;
}

.daextpnm-button-link:hover {
  color: $ui-primary-900 !important;
}