/**
 * PlumNet — привязка UI-компонентов к CSS-переменным темы.
 * Подключать после base.css и plumnet-ui.css.
 */

/* === Scrollbar (глобально — цвет из настроек «Полоса прокрутки») === */
html,
body {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb, #555555) transparent;
}

*::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background: transparent;
}

*::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb, #555555) !important;
  border-radius: 10px;
}

*::-webkit-scrollbar-track {
  background: transparent !important;
}

/* === Hover-микс: всегда заметен на фоне панели === */
:root {
  --hover-accent-mix: color-mix(in srgb, var(--accent-color, #da6fd4) 24%, var(--surface-raised-bg, #444));
}

/* === Акцентные кнопки === */
.post-btn-send,
.miniBtn:not(.miniBtn2),
.btn-primary,
.custom-button:not(:disabled):not(.danger-btn),
.composer-tool--send,
.channel-sheet-btn-accent,
body.page-split-layout #channelComposer .composer-post .composer-tool--send,
body.page-split-layout #chatComposer .composer-post .composer-tool--send,
#btnSendPost,
#btnCreateGroupConfirm,
.news-ctx-menu button.ctx-accent,
#plumnet-fallback-ctx button.ctx-accent {
  background-color: var(--btn-accent-bg, var(--accent-strong, #d51ac3)) !important;
  border-color: var(--btn-accent-bg, var(--accent-strong, #d51ac3)) !important;
  color: var(--text-primary, #fff) !important;
}

.post-btn-send:hover,
.miniBtn:not(.miniBtn2):hover,
.btn-primary:hover,
.custom-button:not(:disabled):not(.danger-btn):hover,
.composer-tool--send:hover,
.channel-sheet-btn-accent:hover {
  filter: brightness(1.08);
}

/* === Второстепенные кнопки === */
.post-btn-file,
.post-btn:not(.post-btn-send),
.pencil,
.pencil2,
.change_cover,
.add-foto,
.add-foto-none,
.add-photo-none,
ul.hr2 .profile-friend-act,
.miniBtn2,
.btn-secondary,
.composer-tool:not(.composer-tool--send):not(.composer-tool--voice.is-recording),
.channel-sheet-btn:not(.channel-sheet-btn-accent),
.modal-actions .btn-secondary,
.frienddli-btn--more {
  background-color: var(--btn-muted-bg, var(--surface-raised-bg, #666)) !important;
  border-color: var(--btn-muted-bg, var(--surface-raised-bg, #666)) !important;
  color: var(--text-primary, #fff) !important;
}

.post-btn-file:hover,
.pencil:hover,
.change_cover:hover,
ul.hr2 .profile-friend-act:hover,
ul.hr2 .profile-friend-act:focus-visible,
.miniBtn2:hover,
.btn-secondary:hover,
.frienddli-btn--more:hover {
  background-color: var(--item-hover-bg, var(--hover-accent-mix)) !important;
  border-color: var(--item-hover-bg, var(--hover-accent-mix)) !important;
  filter: none;
}

.frienddli-btn--msg:hover {
  filter: brightness(1.08);
}

/* === Активные пункты списков === */
.setli.active .settingli,
.chattingli.is-active,
.grfriendli--active,
.moduls-dual .grmodulli--active,
body.page-moduls .modul--active,
body.page-split-layout #friendsTabs .grfriendli--active,
body.plumnet-app-shell.page-split-layout #friends-page-root #friendsTabs .grfriendli--active,
body.plumnet-app-shell.page-settings .setli.active .settingli {
  background-color: var(--item-active-bg, #666) !important;
}

.chattingli.is-active:hover,
.grfriendli--active:hover {
  background-color: var(--item-active-bg, #666) !important;
}

/* === Hover пунктов списков === */
.settingli:hover,
.chattingli:hover:not(.is-active):not(.has-unread),
.grfriendli:hover:not(.grfriendli--active),
.grfriendli.hover-effect,
.frienddli:hover,
.moduls-dual .grmodulli:hover:not(.grmodulli--active),
body.page-moduls .modul:hover:not(.modul--active),
#userMenu .umItem:hover,
.news-ctx-menu button:hover,
#plumnet-fallback-ctx button:hover,
.composer-ctx-panel button:hover,
.memberRow:hover,
.friend-row:hover {
  background-color: var(--item-hover-bg, var(--hover-accent-mix)) !important;
  cursor: pointer;
}

.chattingli.has-unread:hover {
  background-color: color-mix(in srgb, var(--accent-color, #da6fd4) 48%, var(--surface-raised-bg, #444)) !important;
}

/* === Панели и колонки === */
.split-left.left-container,
.left-container,
.left-container-ol,
.right-container,
.split-right.split-right-stack,
.friends-panel-inner,
.settings-menu,
.settings-content,
.moduls-dual .left-container,
.moduls-dual .right-container {
  background-color: var(--surface-bg, #333);
}

.plum-card,
.security-device-card,
.security-auth-info,
.settingli,
.grfriendli,
.chattingli,
.frienddli,
body.page-moduls .modul {
  background-color: var(--surface-raised-bg, #444);
}

.searchingli {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.security-device-card.is-current {
  outline-color: color-mix(in srgb, var(--accent-color, #da6fd4) 55%, transparent);
}

/* === Поля ввода === */
.textarea,
.pmInput,
input.search,
.inp,
.modal input[type="text"],
.modal input[type="email"],
.modal input[type="password"],
.channel-settings-input,
.composer-post textarea,
.composer-rich-input {
  background-color: var(--input-bg, var(--surface-raised-bg, #555)) !important;
  color: var(--text-primary, #fff) !important;
  border: none !important;
  outline: none !important;
}

html[data-theme-mode="light"] .textarea,
html[data-theme-mode="light"] .pmInput,
html[data-theme-mode="light"] input.search,
html[data-theme-mode="light"] .inp,
html[data-theme-mode="light"] .modal input[type="text"],
html[data-theme-mode="light"] .modal input[type="email"],
html[data-theme-mode="light"] .modal input[type="password"],
html[data-theme-mode="light"] .channel-settings-input {
  border: 1px solid var(--border-color, #b0bac7) !important;
}

html[data-theme-mode="light"] body.page-split-layout #chatComposer .composer-post textarea,
html[data-theme-mode="light"] body.page-split-layout #chatComposer .composer-post .composer-rich-input,
html[data-theme-mode="light"] body.page-split-layout #channelComposer .composer-post textarea,
html[data-theme-mode="light"] body.page-split-layout #channelComposer .composer-post .composer-rich-input {
  border: 1px solid var(--border-color, #b0bac7) !important;
}

body.page-split-layout #chatComposer .composer-post textarea,
body.page-split-layout #chatComposer .composer-post .composer-rich-input,
body.page-split-layout #channelComposer .composer-post textarea,
body.page-split-layout #channelComposer .composer-post .composer-rich-input {
  background-color: var(--composer-bg, #552C5B) !important;
}

.textarea::placeholder,
.inp::placeholder,
input.search::placeholder,
.pmInput::placeholder,
#friendsSearch::placeholder,
#groupSearch::placeholder {
  color: var(--text-muted, #b8b8b8) !important;
}

/* === Шапка чата === */
.top,
body.page-split-layout .top {
  background-color: var(--top-bar-bg, var(--surface-raised-bg, #444)) !important;
}

.top-nick,
.top-nick a {
  color: var(--text-primary, #fff) !important;
}

/* === Сообщения === */
.my-message-text,
.my-message--outbox .msg-bubble,
.msg-bubble.my-message-text {
  background-color: var(--msg-bubble-mine, var(--composer-bg, #552C5B)) !important;
  color: var(--text-primary, #fff) !important;
}

.other-message-text,
.other-message .msg-bubble {
  background-color: var(--msg-bubble-other, var(--surface-raised-bg, #444)) !important;
  color: var(--text-primary, #fff) !important;
}

.chattingli.has-unread {
  background-color: color-mix(in srgb, var(--accent-color, #da6fd4) 38%, var(--surface-raised-bg, #444)) !important;
}

.cool-date {
  background-color: var(--surface-raised-bg, #444) !important;
}

.message__time,
.chat-empty-state__title {
  color: var(--text-muted, #b8b8b8) !important;
}

.chat-empty-state__fav {
  color: var(--accent-color, #da6fd4) !important;
}

/* === Профиль: бейджи === */
.name-surname,
.online,
.level {
  background-color: var(--accent-strong, #d51ac3) !important;
  color: var(--text-primary, #fff) !important;
}

.online-curcle,
.online-circle:not(.offline) {
  background-color: var(--status-online, #65c03a) !important;
}

.leveltext,
.setilevel ol li {
  color: var(--text-muted, #b8b8b8);
}

ul.hr {
  background: var(--surface-raised-bg, #444) !important;
}

ul.hr li.one,
ul.hr li.two,
ul.hr li.three {
  background: transparent !important;
  color: var(--text-primary, #fff) !important;
}

ul.hr li.one:hover,
ul.hr li.two:hover,
ul.hr li.three:hover {
  background-color: var(--item-hover-bg, var(--hover-accent-mix)) !important;
}

/* === Модули (базовые — детали ниже) === */
.moduls-dual .grmodulli--empty {
  background-color: var(--input-bg, var(--surface-raised-bg, #444)) !important;
}

/* === Composer (общий) === */
.composer-tool {
  background: color-mix(in srgb, var(--text-primary, #fff) 12%, transparent) !important;
  color: var(--text-primary, #fff) !important;
}

.composer-tool:hover,
.composer-tool:focus-visible {
  background: color-mix(in srgb, var(--text-primary, #fff) 20%, transparent) !important;
}

.composer-tool--send {
  background: color-mix(in srgb, var(--btn-accent-bg, var(--accent-strong)) 90%, transparent) !important;
}

.composer-tool--send:hover {
  background: var(--btn-accent-bg, var(--accent-strong, #d51ac3)) !important;
}

/* === Модалки === */
.modal,
.modal-backdrop + .modal,
#addFriendsModal,
.modal-sheet,
.modal-dialog-inner {
  background: var(--modal-bg, var(--surface-bg, #333)) !important;
  border-color: var(--border-color, #4a4a4a) !important;
  color: var(--text-primary, #fff) !important;
}

.modal input[type="text"],
.friend-row,
.modal .friend-row {
  background: var(--input-bg, var(--surface-raised-bg, #444)) !important;
}

.modal-backdrop,
.modal-backdrop,
.pmBackdrop,
#fgBackdrop {
  background: rgba(0, 0, 0, 0.55) !important;
}

/* === Контекстные меню === */
.news-ctx-menu,
#plumnet-fallback-ctx,
#chat-context-menu,
#context-menu,
#dots-menu,
#group-manage-menu,
#userMenu,
#channel-context-menu,
#post-context-menu,
.composer-ctx-panel,
.composer-ctx-root .composer-ctx-panel {
  background: var(--ctx-menu-bg, var(--modal-bg, #2f2f2f)) !important;
  border-color: var(--border-color, rgba(255, 255, 255, 0.1)) !important;
  color: var(--text-primary, #fff) !important;
}

.news-ctx-menu button,
#plumnet-fallback-ctx button,
#chat-context-menu button,
#context-menu button,
#dots-menu button,
#group-manage-menu button,
#userMenu .umItem,
#userMenu .umGroupItem,
.composer-ctx-panel button {
  background: transparent !important;
  color: var(--text-primary, #fff) !important;
}

.news-ctx-menu button:hover,
.news-ctx-menu button:focus-visible,
#plumnet-fallback-ctx button:hover,
#plumnet-fallback-ctx button:focus-visible,
#chat-context-menu button:hover,
#context-menu button:hover,
#dots-menu button:hover,
#group-manage-menu button:hover,
.composer-ctx-panel button:hover {
  background: var(--ctx-menu-hover, var(--item-hover-bg, #3b3b3b)) !important;
}

.news-ctx-menu button.dangerBtnMenu,
#plumnet-fallback-ctx button.dangerBtnMenu {
  color: #e57373 !important;
}

#userMenu .umSep {
  background: var(--border-color, rgba(255, 255, 255, 0.08)) !important;
}

/* === Дополнительные блоки (msg / news / friends / moduls / profile) === */
.searchli,
.searchingli,
.chatli {
  color: var(--text-primary, #fff);
}

input.search {
  background-color: var(--input-bg, var(--surface-raised-bg, #555)) !important;
  color: var(--text-primary, #fff) !important;
  border: none !important;
}

input.submit,
.create-group-btn {
  background-color: var(--btn-accent-bg, var(--accent-strong, #d51ac3)) !important;
  color: var(--text-primary, #fff) !important;
}

#friendsSearch,
#groupSearch,
.search-box input,
.fg-input {
  background-color: var(--input-bg, var(--surface-raised-bg, #555)) !important;
  color: var(--text-primary, #fff) !important;
  border: none !important;
}

.chat-empty-state,
.chat-empty-state__icon,
.chat-empty-state__title {
  color: var(--text-muted, #b8b8b8) !important;
}

.chat-empty-state {
  background: transparent !important;
}

.grmodulli,
.moduls-dual .grmodulli {
  background-color: var(--surface-raised-bg, #444) !important;
}

#chatComposer.input-text,
#channelComposer.input-text,
body.page-split-layout #chatComposer.input-text,
body.page-split-layout #channelComposer.input-text,
.input-text,
.composer-post {
  background-color: var(--top-bar-bg, var(--surface-raised-bg, #444)) !important;
}

body.page-moduls .modul img {
  background-color: var(--surface-bg, #333) !important;
}

body.page-moduls .modul .text {
  background-color: var(--surface-bg, #333) !important;
  color: var(--text-primary, #fff) !important;
}

body.page-moduls .modul-btn,
body.page-moduls .modul .modul-actions .modul-btn {
  background-color: var(--btn-muted-bg, var(--surface-raised-bg, #555)) !important;
  color: var(--text-primary, #fff) !important;
}

body.page-moduls .modul-btn:hover:not(:disabled) {
  background-color: var(--item-hover-bg, var(--hover-accent-mix)) !important;
}

body.page-moduls .modul:hover:not(.modul--active) {
  background-color: var(--item-hover-bg, var(--hover-accent-mix)) !important;
}

body.page-moduls .modul--active {
  background-color: var(--item-active-bg, #666) !important;
  border-color: var(--accent-color, #da6fd4) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-color) 40%, transparent);
}

.moduls-dual .grmodulli--active {
  background-color: var(--item-active-bg, #666) !important;
  box-shadow: inset 0 0 0 2px var(--accent-color, #da6fd4) !important;
}

.frienddli,
body.page-split-layout .frienddli {
  background-color: var(--surface-raised-bg, #444) !important;
  color: var(--text-primary, #fff) !important;
  border-radius: 14px !important;
}

.fg-topbar {
  padding: 10px;
  box-sizing: border-box;
}

.fg-topbar .rowFlex {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}

.fg-topbar .fg-input {
  flex: 1;
  min-width: 0;
}

.fg-topbar .miniBtn {
  flex-shrink: 0;
}

.fg-modal,
#fgBackdrop .fg-modal {
  background: var(--modal-bg, var(--surface-bg, #333)) !important;
  color: var(--text-primary, #fff) !important;
  border: 1px solid var(--border-color, #4a4a4a) !important;
}

.fg-modal .fg-input,
.fg-modal input,
.fg-modal textarea,
#groupSearch,
#fgTitle {
  background: var(--input-bg, var(--surface-raised-bg, #444)) !important;
  color: var(--text-primary, #fff) !important;
  border: none !important;
}

.fg-modal .miniBtn,
.fg-modal #btnCreateGroupConfirm {
  background: var(--btn-accent-bg, var(--accent-strong, #d51ac3)) !important;
  color: var(--text-primary, #fff) !important;
}

.fg-modal .miniBtn2 {
  background: var(--btn-muted-bg, var(--surface-raised-bg, #555)) !important;
}

#modalBox,
.profile-modal-box {
  background: var(--modal-bg, var(--surface-bg, #333)) !important;
  border: 1px solid var(--border-color, #4a4a4a) !important;
  color: var(--text-primary, #fff) !important;
}

#modalOverlay {
  background: rgba(0, 0, 0, 0.55) !important;
}

#modalTitle,
#modalMsg {
  color: var(--text-primary, #fff) !important;
}

#modalUpload {
  background: var(--btn-accent-bg, var(--accent-strong, #d51ac3)) !important;
  color: var(--text-primary, #fff) !important;
}

#modalCancel {
  background: var(--btn-muted-bg, var(--surface-raised-bg, #555)) !important;
  color: var(--text-primary, #fff) !important;
}

body.plumnet-app-shell.page-settings .settings-menu {
  background-color: var(--surface-bg, #333) !important;
}

body.plumnet-app-shell.page-settings .settingli,
.settings-menu .settingli {
  background-color: var(--surface-raised-bg, #444) !important;
  color: var(--text-primary, #fff) !important;
}

body.plumnet-app-shell.page-settings .plum-card,
.plum-card {
  background-color: var(--surface-raised-bg, #444) !important;
  color: var(--text-primary, #fff) !important;
  border: 1px solid var(--border-color, #4a4a4a) !important;
}

.channel-view-card,
.channel-settings-card {
  background: var(--modal-bg, var(--surface-bg, #333)) !important;
  color: var(--text-primary, #fff) !important;
  border: 1px solid var(--border-color, #4a4a4a);
}

.channel-view-title,
.channel-view-desc,
.channel-view-meta,
.channel-view-subs,
.channel-settings-profile,
.channel-settings-section {
  color: var(--text-primary, #fff) !important;
}

.channel-view-nick,
.channel-view-meta,
.channel-view-subs {
  color: var(--accent-color, #da6fd4) !important;
  opacity: 0.9;
}

.channel-view-ava,
.channel-settings-ava {
  background-color: var(--accent-strong, #d51ac3) !important;
}

.channel-sheet-btn {
  background: var(--btn-muted-bg, var(--surface-raised-bg, #555)) !important;
  color: var(--text-primary, #fff) !important;
}

.channel-sheet-btn:hover {
  background: var(--item-hover-bg, var(--hover-accent-mix)) !important;
}

.channel-sheet-btn-accent {
  background: var(--btn-accent-bg, var(--accent-strong, #d51ac3)) !important;
}

.channel-sheet-close,
.channel-sheet-back {
  background: var(--input-bg, var(--surface-raised-bg, #444)) !important;
  color: var(--text-primary, #fff) !important;
}

.channel-rating-bar {
  background: var(--surface-bg, #333) !important;
}

.channel-rating-btn {
  background: var(--btn-muted-bg, var(--surface-raised-bg, #555)) !important;
  color: var(--text-primary, #fff) !important;
}

.channel-rating-btn.is-active:not(:disabled) {
  background: var(--btn-accent-bg, var(--accent-strong, #d51ac3)) !important;
}

.cool-date,
.msg-author,
.memberRow,
.fgGroupCard,
.groupCard {
  background-color: var(--surface-raised-bg, #444) !important;
  color: var(--text-primary, #fff) !important;
}

.foto,
.post-img-wrap {
  background-color: var(--input-bg, var(--surface-raised-bg, #444)) !important;
}

.security-device-badge {
  background: var(--input-bg, var(--surface-raised-bg, #444)) !important;
  color: var(--text-primary, #fff) !important;
}

.security-device-online {
  color: var(--status-online, #65c03a) !important;
}

.custom-button.secondary {
  background: var(--btn-muted-bg, var(--surface-raised-bg, #444)) !important;
}

.custom-button.secondary:hover {
  background: var(--item-hover-bg, var(--hover-accent-mix)) !important;
}

.plum-title,
.text1,
.security-device-title {
  color: var(--text-primary, #fff) !important;
}

.frienddli-relation,
.chat-list-time,
.last-mess,
.security-device-meta {
  color: var(--text-muted, #b8b8b8) !important;
}

.frienddli-btn--msg {
  background-color: var(--btn-accent-bg, var(--accent-strong, #d51ac3)) !important;
  border-color: var(--btn-accent-bg, var(--accent-strong, #d51ac3)) !important;
}

.frienddli-btn--more {
  background-color: var(--btn-muted-bg, var(--surface-raised-bg, #444)) !important;
  border-color: var(--border-color, #4a4a4a) !important;
}

.add-foto:hover,
.add-foto-none:hover {
  background-color: var(--item-hover-bg, var(--hover-accent-mix)) !important;
  border-color: var(--item-hover-bg, var(--hover-accent-mix)) !important;
}

body.page-split-layout .chattingli,
.chattingli {
  background-color: var(--surface-raised-bg, #444) !important;
  color: var(--text-primary, #fff) !important;
}

.plum-label {
  color: var(--text-muted, #b8b8b8) !important;
}

/* === Поиск в news/msg — без белой обводки === */
.searchli,
.searchli:hover,
.searchingli,
.searchingli:hover,
.search-row,
.search-row:hover {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.search-row .search,
.search-row .search:hover,
.search-row .search:focus,
.search-row .search:focus-visible,
.search-row .create-group-btn,
.search-row .create-group-btn:hover,
.search-row .create-group-btn:focus,
.search-row .create-group-btn:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* === Composer = цвет top === */
body.page-split-layout #chatComposer.input-text,
body.page-split-layout #channelComposer.input-text,
body.page-split-layout #chatComposer .composer-post,
body.page-split-layout #channelComposer .composer-post {
  background-color: var(--top-bar-bg, var(--surface-raised-bg, #444)) !important;
}

/* === channel-view-card — всё содержимое === */
.channel-view-card *,
.channel-settings-card * {
  border-color: var(--border-color, #4a4a4a);
}

.channel-view-card .channel-sheet-btn,
.channel-settings-card .channel-sheet-btn {
  background: var(--btn-muted-bg, var(--surface-raised-bg, #555)) !important;
  color: var(--text-primary, #fff) !important;
}

.channel-view-card .channel-sheet-btn:hover,
.channel-settings-card .channel-sheet-btn:hover {
  background: var(--item-hover-bg, var(--hover-accent-mix)) !important;
}

.channel-view-card .channel-sheet-btn-accent,
.channel-settings-card .channel-sheet-btn-accent {
  background: var(--btn-accent-bg, var(--accent-strong, #d51ac3)) !important;
}

.channel-view-card .channel-rating-bar,
.channel-settings-card .channel-rating-bar {
  background: var(--surface-bg, #333) !important;
}

.channel-view-card .channel-rating-btn,
.channel-settings-card .channel-rating-btn {
  background: var(--btn-muted-bg, var(--surface-raised-bg, #555)) !important;
  color: var(--text-primary, #fff) !important;
}

.channel-view-card .channel-rating-btn.is-active:not(:disabled),
.channel-settings-card .channel-rating-btn.is-active:not(:disabled) {
  background: var(--btn-accent-bg, var(--accent-strong, #d51ac3)) !important;
}

.channel-view-card .channel-view-nick,
.channel-settings-card .channel-view-nick {
  color: var(--accent-color, #da6fd4) !important;
}

.channel-view-backdrop,
.channel-settings-backdrop {
  background: rgba(0, 0, 0, 0.55) !important;
}

/* === Модули: контраст внутри карточки === */
body.page-moduls .modul img,
body.page-moduls .modul .text {
  background-color: var(--surface-bg, #333) !important;
}

body.page-moduls .modul-btn {
  background-color: var(--btn-muted-bg, var(--surface-raised-bg, #555)) !important;
}

body.page-moduls .modul:hover:not(.modul--active) {
  background-color: var(--item-hover-bg, var(--hover-accent-mix)) !important;
  box-shadow: none !important;
}

body.page-moduls .modul--active {
  background-color: var(--item-active-bg, #666) !important;
}

.moduls-dual .grmodulli--active {
  background-color: var(--item-active-bg, #666) !important;
  box-shadow: inset 0 0 0 2px var(--accent-color, #da6fd4) !important;
}

/* === fg-modal — всё внутри === */
.fg-modal .fg-title,
.fg-modal .fg-head,
.fg-modal label,
.fg-modal .pickRow,
.fg-modal .memberRow {
  color: var(--text-primary, #fff) !important;
}

.fg-modal .pickRow,
.fg-modal .memberRow {
  background: var(--surface-raised-bg, #444) !important;
}

#modalBox,
#modalBox.profile-modal-box,
.profile-modal-box {
  background: var(--modal-bg, var(--surface-bg, #333)) !important;
  border: 1px solid var(--border-color, #4a4a4a) !important;
}