/* SVG viewports frame the supplied artwork without changing its pixels. */
img.krewla-brand-logo,
img[src*="assets/images/krewla/logo.svg"] {
    width: 220px;
    height: 64px !important;
    max-width: 100%;
    object-fit: contain !important;
    object-position: center;
    flex-shrink: 0;
    border-radius: 0;
}
.sky-auth-brand { width: auto !important; }
html:root body .auth-wrapper .sky-auth-brand {
    display: inline-flex !important;
    padding: 12px 22px !important;
    background: #fff !important;
    border: 1px solid #d5e9e7 !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 28px rgba(5,30,52,.14) !important;
}
html:root body .auth-wrapper img.krewla-brand-logo {
    display: block !important;
    width: 216px !important;
    height: 58px !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
}
img.krewla-brand-icon { display: none; }
.sky-sidebar-brand-logo { display: flex !important; align-items: center; justify-content: center; width: 100% !important; }
.dash-sidebar img.krewla-brand-logo { width: 174px; height: 50px !important; }
html[data-sky-theme="dark"] img.krewla-brand-logo,
body.sky-icon-navigation .dash-sidebar img.krewla-brand-logo { background: #fff; border-radius: 8px; }
@media (min-width: 1025px) {
    body.sky-icon-navigation .dash-sidebar img.krewla-brand-logo { display: none; }
    body.sky-icon-navigation .dash-sidebar img.krewla-brand-icon { display: block; width: 44px; height: 44px; object-fit: contain; }
}