/* Skillsfirst brand fit (CLIENT BRANCH ONLY — requirement/SKILLSFIRST_REQUIREMENTS.md A1).
 *
 * The client's logo is transparent artwork whose "skills" wordmark is dark navy — unreadable
 * straight onto the Cinematic Dark chrome. Industry-standard fix: present it on a white chip.
 * The asset itself is pre-trimmed to the artwork (the delivered file carried ~36% empty padding,
 * which is why the logo rendered tiny inside the vendor's 40px height cap).
 *
 * Loaded after cf-design.css from the frontend layout only — the admin panel never sees this.
 */

/* Navbar: vendor caps the img at 40px; give the chip a little more presence. */
#mainNav .navbar-brand img {
    height: 48px;
    width: auto;
    background: #fff;
    padding: 6px 12px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
}

/* Footer sits on the dark ink gradient — same chip treatment. */
.footer-widget.footer-about > img {
    height: 54px;
    width: auto;
    background: #fff;
    padding: 7px 14px;
    border-radius: 10px;
    margin-bottom: 14px;
}

/* Auth pages (login / sign-up / forgot / reset) sit on the same near-black panel, so the navy
   wordmark reads as a black smudge there too. Same chip; loaded via layouts/auth.blade.php, which
   is a separate layout from the frontend one. cf-design.css caps the height for every brand. */
.sign-up-top-logo img {
    background: #fff;
    padding: 7px 14px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
}

/* Admin sidebar brand. .sidebar__area is #1F242E charcoal, so the navy wordmark disappears there
   exactly as it does on the storefront chrome. Same chip, sized to the 250px rail. */
.sidebar__brand img {
    max-width: 100%;
    height: auto;
    background: #fff;
    padding: 8px 12px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
}

/* Preloader shows the square mark (app_preloader) inside the spinner ring — keep it contained. */
#preloader_status img {
    max-width: 44px;
    max-height: 44px;
}