.brand-logo{display:block;width:100%;height:auto;object-fit:contain}
.sidebar .brand{padding:0 0 25px;min-height:82px}
.sidebar .brand-logo{width:100%;max-width:199px}
.sidebar>.brand,.sidebar-bottom{flex-shrink:0}
.sidebar>nav{min-height:0;overflow-y:auto;scrollbar-width:thin;flex:1}
.login-visual .brand{background:#fff;border-radius:14px;padding:14px 20px;width:min(390px,100%);position:relative;z-index:1}
.login-visual .brand-logo{width:100%;max-width:350px}
.mobile-brand-logo{display:none}
.loading .loading-logo{width:min(420px,80vw);height:auto;margin:0 auto 8px}
.portal-loading{min-height:100vh;gap:18px}
.loading-bar{display:block;width:210px;height:4px;background:linear-gradient(90deg,#f97316 0%,#f97316 38%,#0b9660 62%,#f97316 100%);background-size:220% 100%;border-radius:9px;animation:ordivo-loading 1.7s ease-in-out infinite}
.tracking-shell .public-brand{flex-wrap:wrap}
.tracking-shell .tracking-logo{width:190px;max-width:42vw;flex-shrink:0}
.print-logo{width:230px;max-width:100%;height:auto;margin-bottom:18px}
@keyframes ordivo-loading{0%,100%{background-position:100% 0;opacity:.65}50%{background-position:0 0;opacity:1}}
@media(max-width:720px){.mobile-brand-logo{display:block;width:112px;max-width:28vw;flex-shrink:0}.topbar .breadcrumb{font-size:10px}.topbar>.actions{gap:9px;min-width:0}.topbar{padding:0 12px;gap:9px}.login-visual .brand{width:min(325px,100%);padding:10px 15px}.tracking-shell .tracking-logo{width:160px}.tracking-shell .public-brand{gap:9px}.loading .loading-logo{width:min(360px,84vw)}}
@media(prefers-reduced-motion:reduce){.loading-bar{animation:none}}
@media print{.mobile-brand-logo{display:none!important}.tracking-shell .tracking-logo{width:190px}.print-logo{width:200px}}