Сейчас постоянно творится следующая чехарда: если у сайта есть дизайн, то он непременно должен учитывать дизайн административных элементов Битрикса, потому что если они где-то пересекаются, окошки, ссылки, кнопки, текст в визуальном редакторе и многое другое может перекраситься, "поползти", "схлопнуться" и иногда даже оказаться совсем непригодным для использования.
Но было правильнее именно Битриксу изолировать от пользовательских стилей свои, заключив их в контейнеры, вроде
#bitrixAdminContainer, которые бы исключали перекрытие, а в наиболее важных и уязвимых элементах ставить !important.
Я покупаю продукт и рассчитываю на его стабильную работу независимо от того дизайна, который будет придуман мной или дизайнером. Поэтому считаю, что эта работа должна делаться именно разработчиками Битрикса.
[spoiler]
Скомканная выпадайка

В визуальном редакторе код скукошивается в горстку опилок

А вот новый визуальный редактор

Кстати, заметил, что на одном сайте, где раньше красный цвет ссылок переходил и на диалоговое окно Битрикса, всё-таки код оказался изолирован.
На одном из сайтов, где использовался bootstrap, текст в редакторе кода превращался в один маленький комок. На другом коверкалась выпадайка для выбора картинки анонса.
Сейчас добавлю один из скриншотов в топик.
Тему поднял, потому что техподдержка очень неохотно признала, что это вообще-то их проблема, а не моя.
А вот стили могут быть любыми. В приведённом примере это Boootstrap.
НО. Суть не в том, какие конкретно МОИ СТИЛИ, а в том, что Битрикс должен защищать СВОИ. Тут не нужно ничего воспроизводить, тут нужно дать команду разработчикам спрятать свои стили за контейнеры, а в некоторых особо важных случаях снабдить их импортантами.