/* Source: actual axe 4.13 results on 1265256d, 24 inspected states.
   Only the failing text families and two undersized control families are changed.
   These are narrow accessibility alternatives to the pale reference colors;
   no content, state, ordering, baseline, mask or comparison rule is removed. */
:root{--lf-readable-muted:#586991;--lf-readable-teal:#007677;--lf-readable-gold:#906000}
.sp-workspace .breadcrumb,.sp-workspace .breadcrumb a,
.sp-workspace .stat small,.sp-workspace .taskrow .date,.sp-workspace .provider p,
.sp-workspace .tab:not(.active):not([aria-selected="true"]):not([aria-pressed="true"]),
.sp-workspace .detail-hero>div>p,
.sp-workspace .timeline-item p,.sp-workspace .timeline-item time,.sp-workspace .timeline-extra,
.sp-workspace .detail-facts .fact>label,.sp-workspace .core-record-summary label,
.sp-workspace .sp-contacts-table th,.sp-workspace .sp-contacts-table .sub,
.sp-workspace .cd-linked-leads th,.sp-workspace .cd-linked-leads .sub,
.sp-workspace .core-pager>span,
#modal.cm-dialog .cm-option small,#modal.cm-dialog .cm-add-note,
#modal #core-contact-owner-hint,
#modal.support-drawer>.modal-head p{color:var(--lf-readable-muted)}
.sp-workspace .pill:where(:not(.teal,.gold,.blue,.red,.purple,.green,.amber)),
.sp-workspace .stage-step:not(.current):not(.done){color:var(--lf-readable-muted)}
.sp-workspace .avatar,.sp-workspace .detail-hero>.avatar.large,
.sp-workspace .pill.teal,.sp-workspace .btn.soft:not(:disabled),
.sp-workspace .support-settings-nav a.active,
.sp-workspace .stage-step.done,
#modal.cm-dialog .cm-contact-options .cm-avatar,
.support-auth .support-auth-story-mark{color:var(--lf-readable-teal)}
.sp-workspace .pill.gold{color:var(--lf-readable-gold)}

/* Real hit boxes replace the old 22x26 button plus overlapping pseudo target.
   Margins retain the title-row rhythm and visible glyph center. The title's
   reserved width prevents its link from intruding into the 44px action. */
.sp-lead .sp-lead-actions{width:44px;min-width:44px;height:44px;min-height:44px;flex:0 0 44px;margin:-9px -11px -9px 0}
.sp-lead .sp-lead-actions::after{content:none}
.sp-lead-top a{min-width:0;max-width:calc(100% - 49px)}

/* Adjacent reorder controls must not share a 40px column/hit area. */
.support-ui .support-stage-row{grid-template-columns:92px minmax(0,1fr) auto 44px}
.support-ui .support-stage-row>.pill{max-width:113px;white-space:normal}
.support-ui .support-stage-row .support-stage-order{display:flex;gap:4px}
.support-ui .support-stage-row .support-stage-order .btn,
.support-ui .support-stage-row>.btn{width:44px;min-width:44px;height:44px;min-height:44px;flex:0 0 44px;padding:0}
@media(max-width:600px){
 .support-ui .support-stage-row{grid-template-columns:minmax(0,1fr) auto 44px;gap:8px}
 .support-ui .support-stage-row>.support-stage-order{grid-column:1/-1;grid-row:2;justify-content:flex-start}
 .support-ui .support-stage-row>div:nth-child(2){grid-column:1;grid-row:1;min-width:0}
 .support-ui .support-stage-row>.pill{grid-column:2;grid-row:1}
 .support-ui .support-stage-row>.btn{grid-column:3;grid-row:1}
}

/* Preserve the approved texture and geometry while darkening only its background.
   A 22% black layer keeps white text above 4.5:1 over every source-texture pixel. */
.sp-button,.sp-switch button.selected,.btn.primary,.segmented button.active,.sp-mobile-add{background-image:linear-gradient(rgb(0 0 0 / 22%),rgb(0 0 0 / 22%)),url('../design/approved-button-texture.png')}