/* Accessibility Improvements - WCAG 2.2 AA Compliance */

/* H30-27513: Notification Message Accessibility */

/* Override toastr notification colors for WCAG 2.2 AA compliant contrast ratio (4.5:1 with white text) */

#toast-container > .toast-success {
  /* Original: #51A351 - Updated to darker green for 4.5:1 contrast with white text */
  background-color: #2d5f2d !important;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}

#toast-container > .toast-error {
  /* Original: #BD362F - Updated to darker red for 4.5:1 contrast with white text */
  background-color: #7a231a !important;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}

#toast-container > .toast-info {
  /* Original: #2F96B4 - Updated to darker blue for 4.5:1 contrast with white text */
  background-color: #1a5577 !important;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}

#toast-container > .toast-warning {
  /* Original: #F89406 - Updated to darker orange for 4.5:1 contrast with white text */
  background-color: #b85c00 !important;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}

/* Ensure text remains readable with proper line-height and spacing */
#toast-container > div .toast-message,
#toast-container > div .toast-title {
  /* Improve readability with better spacing */
  line-height: 1.5;
  letter-spacing: 0.3px;
}

/* Keyboard focus indicator for close button */
.toast-close-button:focus {
  outline: 2px solid #FFFFFF;
  outline-offset: 2px;
}

/* Ensure proper focus visibility when tabbing through notifications */
#toast-container > div:focus-within {
  box-shadow: 0 0 12px #000000, 0 0 0 3px #FFFFFF;
}

/* Screen reader improvements - H30-27513 */
#toast-container > div {
  /* Ensure toast is announced to screen readers */
  /* aria-live and role are already set by toastr library, but we reinforce with CSS semantics */
  position: relative;
}

/* Ensure proper reading order for screen readers */
.toast-title {
  display: block;
}

.toast-message {
  display: block;
  margin-top: 0.5em;
}

/* Close button accessibility - enhanced for screen readers */
.toast-close-button {
  /* Already has role="button" from toastr, but ensure it's keyboard accessible */
  cursor: pointer;
  background: transparent;
  border: none;
  padding: 5px;
  margin-left: auto;
}

.toast-close-button:hover {
  opacity: 0.4;
}

.toast-close-button:focus {
  opacity: 1;
}

/* H30-27479: Color Contrast Improvements for Referrals/Service Providers List */

/* Improve contrast for grayText class (WCAG 2.2 SC 1.4.3) */
.grayText {
  /* Original: #9999ab (insufficient contrast ~3:1 on white) */
  /* Updated to: #606070 (darker gray, ~7:1 contrast with white) */
  color: #606070 !important;
}

.referrals-text {
  /* Enhanced contrast for referral data display */
  color: #333333;
}

/* Ensure labels have sufficient contrast */
.referrals-label,
.data_share_cls {
  color: #333333 !important;
}

/* Improve tab link contrast and focus indicators for hart-tabs */
.hart-tab-link {
  /* Ensure tab links are visible and have good contrast */
  color: #333333;
  border: 2px solid transparent;
  outline-offset: 2px;
}

.hart-tab-link:focus {
  /* Clear focus indicator for keyboard navigation */
  outline: 2px solid #0066cc;
  outline-offset: 2px;
}

.hart-tab-link.active {
  /* Active tab should have clear visual indication */
  border-bottom: 3px solid #0066cc;
  color: #0066cc;
}