/* oms-rd-login-credit.css — the "Powered by Flyte, built by Whyrl" footer on every login screen.
   (23-10-2026) The credit is a link to https://www.whyrl.digital/ (new tab).
   (24-10-2026) Rebranded: Flyte (the product) leads, Whyrl (the maker) follows.
   Shared by admin-new.html, factory-new.html, customers.html and set-password.html,
   so the four stay identical. Small and quiet on purpose: it must never compete with
   the merchant's own branding on the page. */
.rd-whyrl-link {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    color: inherit;
    text-decoration: none;
    border-radius: 6px;
    transition: color .15s ease;
}
/* Parent-scoped so it beats `.rd a { color: var(--accent) }` (oms-rd.css): the credit
   stays the muted footer grey it was before it became a link. */
.rd-login-credit .rd-whyrl-link,
.lpr-credit .rd-whyrl-link,
.sp-credit .rd-whyrl-link { color: inherit; }
.rd-whyrl-link img { height: 13px; width: auto; opacity: .6; display: block; transition: opacity .15s ease; }
/* The Flyte wordmark carries its own weight, so it sits a touch taller than Whyrl's.
   The portal stylesheets size every credit img at 13px from an ID selector
   (#login-overlay / #login-page), so the override has to name those IDs too. */
.rd-whyrl-link img.rd-flyte-logo,
#login-overlay .rd-whyrl-link img.rd-flyte-logo,
#login-page .rd-whyrl-link img.rd-flyte-logo { height: 17px; opacity: .75; }
.rd-login-credit .rd-whyrl-link:hover,
.lpr-credit .rd-whyrl-link:hover,
.sp-credit .rd-whyrl-link:hover { color: var(--ink-2, #3B3F5C); }
.rd-whyrl-link:hover img { opacity: .9; }
.rd-whyrl-link:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }

/* set-password.html has no credit row of its own — this is it. */
.sp-credit {
    display: flex;
    justify-content: center;
    margin-top: 18px;
    font-size: 12px;
    color: #8A8FA8;
}
/* The set-password page sits on the dark navy shell — the credit reads light there. */
.rd-sp .sp-credit { color: rgba(255, 255, 255, .55); }
.rd-sp .sp-credit .rd-whyrl-link:hover { color: rgba(255, 255, 255, .85); }
.rd-sp .sp-credit img { filter: brightness(0) invert(1); opacity: .55; }
.rd-sp .sp-credit img.rd-flyte-logo { opacity: .7; }

/* (24-10-2026) The same signature, once more, at the foot of the admin and factory
   sidebars — under the signed-in user, on the dark navy, so the wordmark is knocked
   out to white and kept faint. One line, never louder than the merchant's own logo
   at the top of the same sidebar. */
.sidebar-footer .rd-flyte-side {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 14px;
    font-size: 11px;
    color: rgba(255, 255, 255, .45);
    text-decoration: none;
}
.sidebar-footer .rd-flyte-side img { height: 13px; width: auto; display: block; filter: brightness(0) invert(1); opacity: .5; transition: opacity .15s ease; }
.sidebar-footer .rd-flyte-side:hover { color: rgba(255, 255, 255, .75); }
.sidebar-footer .rd-flyte-side:hover img { opacity: .85; }
.sidebar-footer .rd-flyte-side:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; border-radius: 4px; }

/* (24-10-2026) The factory portal is Flyte's own surface, not any one merchant's:
   many merchants share it, so its login and sidebar wear the Flyte wordmark (the
   dark-background version, no backing tile) where the "OMS Hub" lockup used to be. */
#login-page .lpr-lockup img.lpr-flyte { height: 42.5px; width: auto; display: block; }
#login-page .lpr-lockup .lpr-name small { margin-top: 2px; }
/* oms-redesign.css boxes every sidebar logo img in a white tile (for merchant logos);
   the Flyte wordmark is already drawn for the dark sidebar, so it goes untiled. */
.sidebar-logo img.sb-flyte { height: 27.5px; width: auto; max-height: none; display: block; background: none; padding: 0; border-radius: 0; opacity: 1; filter: none; }

/* (24-10-2026) Admin sign-in: the Flyte wordmark replaces the merchant logo on the dark
   brand panel. oms-rd-admin.css boxes any logo img in a white tile, so undo that here. */
#login-overlay .rd-login-logo img.rd-flyte-login { height: 50px; width: auto; max-width: none; max-height: none; background: none; padding: 0; border-radius: 0; }