/* The original light artwork and a brighter, transparent dark-theme variant.
   Geometry and aspect ratio remain identical in both. */
.brand.brand-artwork{display:inline-flex;align-items:center;justify-content:flex-start;gap:0;flex-shrink:0;max-width:100%;width:180px;min-height:42px;line-height:0;border-radius:9px;overflow:visible}
.brand.brand-artwork img{display:block;width:100%!important;height:auto!important;max-width:100%;max-height:none;object-fit:contain;aspect-ratio:auto;filter:none!important;transform:none!important}
.brand.brand-artwork .wordmark{display:none}
.brand.brand-artwork .brand-logo-dark{display:none}
.auth-art .brand.brand-artwork .brand-logo-light,
[data-theme="dark"] .brand.brand-artwork .brand-logo-light,body.dark .brand.brand-artwork .brand-logo-light{display:none}
.auth-art .brand.brand-artwork .brand-logo-dark,
[data-theme="dark"] .brand.brand-artwork .brand-logo-dark,body.dark .brand.brand-artwork .brand-logo-dark{display:block}
.auth-box .brand.brand-artwork,.login-form .brand.brand-artwork{width:205px}
.sidebar .brand.brand-artwork{margin-bottom:24px}
.topbar .brand.brand-artwork{width:146px;min-height:36px}
.brand-loading{display:block;width:64px;height:64px;object-fit:contain}
@media(prefers-color-scheme:dark){
 html:has(meta[name="app-brand"][content="kitapyum"]):not([data-theme="light"]) .brand.brand-artwork .brand-logo-light{display:none}
 html:has(meta[name="app-brand"][content="kitapyum"]):not([data-theme="light"]) .brand.brand-artwork .brand-logo-dark{display:block}
}
@media(max-width:400px){.topbar .brand.brand-artwork{width:128px}.topbar .brand.brand-artwork img{max-width:100%}}