/* The mark stays separate from the accessible brand text. */
.moc-app .moc-logo { gap: 10px; }
.moc-app .moc-logo img { width: 32px; height: 40px; object-fit: contain; }
.moc-app .moc-logo .moc-brand-name { display: block; font-size: 21px; letter-spacing: -.03em; line-height: 1.2; }
.moc-app .moc-logo .moc-brand-name small { margin-top: 4px; font-size: 10px; font-weight: 500; letter-spacing: -.02em; color: #5f5f5f; }
.moc-app .moc-home-brand { gap: 10px; color: #252925; }
.moc-app .moc-home-brand img { width: 33px; height: 40px; }
.moc-app .moc-home-brand > .moc-home-brand-copy { display: grid; gap: 3px; letter-spacing: normal; color: inherit; }
.moc-home-brand-copy strong { line-height: 1.1; }
.moc-home-brand-copy small { font-size: 11px; color: #5f5f5f; }
.moc-app .moc-home-utility { min-height: 72px; margin-bottom: 12px; }
.moc-app .moc-home-login { gap: 7px; min-height: 44px; padding: 0 12px; border: 1px solid #e5e5e5; border-radius: 10px; color: #3d463f; }
@media (max-width: 540px) {
  .moc-app .moc-home-utility { min-height: 52px; margin-bottom: 14px; }
  .moc-app .moc-home-brand img { width: 29px; height: 36px; }
  .moc-home-brand-copy small { font-size: 10px; }
  .moc-app .moc-home-login { font-size: 12px; }
}
.moc-app .moc-erp-link { font-size: 13px; font-weight: 500; color: #5f5f5f; white-space: nowrap; }
.moc-app .moc-erp-link:hover { color: #171719; text-decoration: underline; }
.moc-app .moc-home-utility > div { display: flex; align-items: center; gap: 14px; }
@media (max-width: 700px) { .moc-app .moc-header-actions .moc-erp-link { display: none; } .moc-app .moc-home-utility .moc-erp-link { font-size: 12px; } }

/* OREVO logo: one wordmark image replaces the symbol + MoC text pair. */
.moc-app .moc-logo img.moc-logo-orevo,.moc-app .moc-home-brand img.moc-logo-orevo{display:block;width:auto;height:30px;max-width:100%;object-fit:contain}
.moc-app .moc-footer .moc-logo img.moc-logo-orevo{height:28px}
.moc-app .moc-auth>.moc-logo img.moc-logo-orevo{height:32px}
.moc-app .moc-footer-company a{color:inherit;text-decoration:none}
.moc-app .moc-footer-company a:hover{text-decoration:underline}
@media(max-width:700px){.moc-app .moc-logo img.moc-logo-orevo,.moc-app .moc-home-brand img.moc-logo-orevo{height:25px}}