/* MSJ Connect Header Action Visibility V1.0.3
   Applies to the top-right Connect header action whatever its current label is:
   Login, Messages, Install, etc. */

.msj-header-corner-action,
.msj-header-corner-action *,
button.msj-header-corner-action,
a.msj-header-corner-action {
    opacity: 1 !important;
    visibility: visible !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    text-shadow: none !important;
    font-weight: 800 !important;
}

.msj-header-corner-action {
    background: #ffffff !important;
    border: 2px solid #f8b51c !important;
    box-shadow: 0 2px 7px rgba(3, 23, 42, .25) !important;
}

.msj-header-corner-action:hover,
.msj-header-corner-action:hover *,
.msj-header-corner-action:focus,
.msj-header-corner-action:focus *,
.msj-header-corner-action:focus-visible,
.msj-header-corner-action:focus-visible * {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    background-color: #f8b51c !important;
    text-shadow: none !important;
}

.msj-header-corner-action:focus-visible {
    outline: 2px solid #ffffff !important;
    outline-offset: 2px !important;
}

/* If the action contains an SVG/icon, keep it visible too. */
.msj-header-corner-action svg,
.msj-header-corner-action svg * {
    fill: currentColor !important;
    stroke: currentColor !important;
    opacity: 1 !important;
}

/* Disabled state remains readable. */
.msj-header-corner-action:disabled,
.msj-header-corner-action[aria-disabled="true"] {
    opacity: .65 !important;
    cursor: not-allowed !important;
}