:root { --suite-nav-height: 42px; }
.online-suite-nav { min-height: var(--suite-nav-height); display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 7px 18px; border-bottom: 1px solid rgba(23, 63, 58, .14); background: #102f2b; color: #fff; font-family: Inter, "Microsoft YaHei", "PingFang SC", system-ui, sans-serif; }
.online-suite-nav a { color: inherit; text-decoration: none; }
.online-suite-nav__brand { display: flex; align-items: center; gap: 9px; font-size: 12px; font-weight: 850; white-space: nowrap; }
.online-suite-nav__brand span { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 7px; background: #c91d32; font-size: 10px; }
.online-suite-nav__links { display: flex; align-items: center; gap: 5px; }
.online-suite-nav__links a { padding: 6px 10px; border-radius: 7px; color: #dce8e5; font-size: 11px; font-weight: 750; }
.online-suite-nav__links a:hover, .online-suite-nav__links a.is-active { background: rgba(255, 255, 255, .14); color: #fff; }
@media (max-width: 620px) { .online-suite-nav { align-items: flex-start; flex-direction: column; gap: 7px; padding: 8px 11px; }.online-suite-nav__links { width: 100%; overflow-x: auto; }.online-suite-nav__links a { white-space: nowrap; } }
@media print { .online-suite-nav { display: none !important; } }