/* Стиль для дополнительных панелей (меню) nav-bar, включая:
 * расширенное меню, меню гамбургера, меню инструментов разработчика,
 * меню улучшенной защиты от отслеживания, меню идентификации, меню загрузок,
 * а также уведомления nav-bar
 * https://forum.mozilla-russia.org/viewtopic.php?pid=791195#p791195        ***/
 
/* основной цвет и прозрачность, если не задано другим стилем-темой,
 * если задано или прозрачность не нужна, то попробуйте закомментировать ***/
vbox.panel-arrowcontainer box.panel-arrowcontent {
    background: rgba(40,42,50,0.9) !important;
}
/* Цвет фона */
#appMenu-multiView,
#customizationui-widget-multiview,
#protections-popup-multiView,
#identity-popup-multiView,
#downloadsPanel-multiView {
    background: transparent !important;
}
#widget-overflow-mainView,
#appMenu-protonMainView,
#appmenu-moreTools,
#protections-popup-mainView,
#identity-popup-mainView,
#downloadsPanel-mainView {
    background: rgba(20,20,20,0.1) !important;
}
/* Отступы сепараторов */
#widget-overflow-mainView toolbarseparator,
#appMenu-protonMainView.PanelUI-subView vbox.panel-subview-body toolbarseparator,
#appmenu-moreTools.PanelUI-subView toolbarseparator,
#appmenu-moreTools.PanelUI-subView.cui-widget-panelview vbox.panel-subview-body toolbarseparator,
#protections-popup-mainView toolbarseparator,
#identity-popup-mainView toolbarseparator,
#identity-popup-securityView > toolbarseparator,
#protections-popup-multiView toolbarseparator{
    padding: 0 !important;
    margin: 0 !important;
}
#identity-popup-clear-sitedata-footer toolbarseparator,
#identity-popup-more-info-footer toolbarseparator {
    margin: -2px -8px 0 -8px !important;
}
/* Выделение фона последних (для moreTools первых) пунктов */
#overflowMenu-customize-button,
#appMenu-quit-button2,
#appmenu-moreTools-button,
#protections-popup-show-report-button,
#protections-popup-cookiesView-settings-button,
#protections-popup-trackersView-settings-button,
#protections-popup-socialblockView-settings-button,
#protections-popup-fingerprintersView-settings-button,
#protections-popup-cryptominersView-settings-button,
#protections-popup-sendReportView-settings-button,
#identity-popup-clear-sitedata-footer,
#identity-popup-more-info-footer {
    background: rgba(50,50,50,0.5) !important;
    min-height: 28px !important;
    padding: 2px 8px 4px 8px !important;
    margin: 0 !important;
    text-shadow: 0 0 1px rgba(0,0,0,.7),
                 0 1px 1.5px rgba(0,0,0,.5) !important;
}
/*  */
#overflowMenu-customize-button:hover,
#appMenu-quit-button2:hover,
#appmenu-moreTools-button:hover,
#protections-popup-show-report-button:hover,
#protections-popup-cookiesView-settings-button:hover,
#protections-popup-trackersView-settings-button:hover,
#protections-popup-socialblockView-settings-button:hover,
#protections-popup-fingerprintersView-settings-button:hover,
#protections-popup-cryptominersView-settings-button:hover,
#protections-popup-sendReportView-settings-button:hover,
#identity-popup-clear-sitedata-footer:hover,
#identity-popup-more-info-footer:hover,
#downloadsHistory:hover {
    background: rgba(70,70,70,0.6) !important;
}
/* выравнивание отступа от нижнего\верхнего края */
#appMenu-protonMainView {
    margin-bottom: -4px !important;
}
#appmenu-moreTools {
    margin-top: -8px !important;
}
/* ЗАКОММЕНТИРУЙТЕ, если нет full_theme от VitaliyV, хз почему так */
#protections-popup-mainView {
    margin-bottom: -4px !important;
}
/* выравнивание пунктов граничащих с сепараторами */
#appMenu-bookmarks-button,
#appMenu-save-file-button2,
#appMenu-settings-button {
    margin-top: 4px !important;
}
#appMenu-find-button2,
#appMenu-extensions-themes-button,
#appMenu-help-button2 {
    margin-bottom: 6px !important;
}
#protections-popup-footer {
    padding-top: 0px !important;
}
#tracking-protection-container {
    padding-bottom: 0px !important;
}
/* Меню идентификации */
#identity-popup-security-button {
    height: 32px !important;
    padding-top: 0 !important;
    padding-bottom: 0px !important;
}
#identity-popup-clear-sitedata-footer,
#identity-popup-more-info-footer {
    margin-block: 0 0 !important;
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
    height: 28px !important;
}
#identity-popup-clear-sitedata-button:hover,
#identity-popup-more-info:hover {
    background-color: transparent !important;
}
#identity-popup-clear-sitedata-button {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 0 !important;
    height: 28px !important;
    text-shadow: 0 0 1px rgba(0,0,0,.7),
                 0 1px 1.5px rgba(0,0,0,.5) !important;
}
#identity-popup-clear-sitedata-button label.toolbarbutton-text {
    padding-bottom: 2px !important;
}
/* пункт "Удалить куки и данные сайта" всегда видимый */
#identity-popup-clear-sitedata-footer[hidden="true"] {
    display: -moz-box !important;
    color: orange !important;
}

#identity-popup-securityView .panel-header {
    padding-top: 0 !important;
}
#identity-popup-securityView .identity-popup-security-connection {
    padding-top: 4px !important;
}
#identity-popup-securityView-body description {
    padding-bottom: 4px !important;
}

/* Меню защиты */
.protections-popup-tp-switch[enabled] {
    background-color: rgb(10,145,255) !important;
    border-color: rgb(10,145,255) !important;
}
#protections-popup-show-report-button {
    border-top: 1px solid rgba(204,204,204,.2) !important;
}

/* Меню загрузок */
#downloadsPanel-mainView {
    padding: 0 !important;
    margin: 0 !important;
}
#downloadsPanel-mainView vbox.panel-view-body-unscrollable {
    padding: 0 !important;
    margin: -4px 0 -8px 0 !important;
}
#downloadsFooterButtons {
    background: rgba(50,50,50,0.5) !important;
    height: 30px !important;
    padding: 0 !important;
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
    margin: 0 !important;
    text-shadow: 0 0 1px rgba(0,0,0,.7),
                 0 1px 1.5px rgba(0,0,0,.5) !important;
}
#downloadsFooterButtons toolbarseparator {
    margin: -1px 0 0 0 !important;
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
}
#downloadsHistory {
    padding: 0 10px 0 10px !important;
    height: 28px !important;
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
    margin: -1px 0 0 0  !important;
}
#downloadsListBox > richlistitem.download-state {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}
/* appMenu - иконки масштаба и полного экрана */
#appMenu-zoom-controls2 {
    margin-right: 0 !important;
}
#appMenu-zoomReduce-button2 {
    list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAK0lEQVQ4EWNgGAXDIAQYYX74//+/AwMDgwMDceAAIyPjAQYgYALiUTQaAgD7bwUE9o9tpwAAAABJRU5ErkJggg==) !important;
}
#appMenu-zoomEnlarge-button2 {
    list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAWklEQVQ4Ec2QwQ0AIQgEB3OFUdqVRmccRu/hQ2LiQyfyGrNZgKtxd62TlSyZDKeAklASt6TOB8jfsx9LGVEaxoiJiBFsrxAZ8xet3jrzH7Dd4HzAk+0XzrieDw0AFMo1vXUTAAAAAElFTkSuQmCC) !important;
}
#appMenu-fullscreen-button2 {
    list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAACbSURBVDhP7ZPdDYAgDITBNZiCPZhJozPBHEzBHOo1rYGKP4mvfgkJ7V0vxEZbSllNB+ec5Stx5SMBJ8Y4cusReGWOAqTxJqT2HgFaIGcH7WkCwF1IT0M98J0IISw554nLBrsDDR5u/Qj1FgC+cm8LKaVJ909bgMF7P3PZsO5AO4XLCyDoPWu0h2al8TQs1N4j4O2wIMM4H39nYzYfFtqjoDYKvwAAAABJRU5ErkJggg==) !important;
}
#appMenu-zoomReset-button2 > .toolbarbutton-text,
#appMenu-fullscreen-button2 > .toolbarbutton-icon {
    background-color: transparent !important;
}
#appMenu-zoomReduce-button2:hover,
#appMenu-zoomReset-button2:hover,
#appMenu-zoomEnlarge-button2:hover,
#appMenu-fullscreen-button2:hover {
    background: Highlight !important;
}
/* Перенос кнопок масштаба выше, типа как раньше было */
#appMenu-new-private-window-button2 ~ :not(#appMenu-zoom-controls2) {
    -moz-box-ordinal-group: 2;
}
#appMenu-zoom-controls2 {
    border-top: 1px solid rgba(204,204,204,.3) !important;
    margin-top: 4px !important;
}
/* раскраска в protections-popup и identity-popup */
#protections-popup-mainView-panel-header-span,
#identity-popup-mainView-panel-header-span {
    color: Highlight !important;
    text-shadow: 0 0 1px rgba(0,0,0,.7),
                 0 1px 1.5px rgba(0,0,0,.5) !important;
}
#protections-popup-footer-protection-type-label[label="Персональная"] {
    color: rgb(84, 255, 189) !important;
    text-shadow: 0 0 1px rgba(0,0,0,.7),
                 0 1px 1.5px rgba(0,0,0,.5) !important;
}

#protections-popup-mainView-panel-header-span,
#identity-popup-mainView-panel-header-span {
    font-size: 14px !important;
}
#protections-popup-info-button.panel-info-button > image {
    fill: rgb(10,145,255) !important;
}
#protections-popup-footer-protection-type-label {
    margin-right: 3px !important;
}
#protections-popup-blocking-section-header,
#protections-popup-not-found-section-header,
#protections-popup-trackers-blocked-counter-description {
    color: rgb(7, 195, 253) !important;
    text-shadow: 0 0 1px rgba(0,0,0,.7),
                 0 1px 1.5px rgba(0,0,0,.5) !important;
}
/* возвращаем "Персонализацию" */
#overflowMenu-customize-button[label="Настроить панель инструментов…"] > .toolbarbutton-text {
    display: none !important;
}
#overflowMenu-customize-button[label="Настроить панель инструментов…"]::before {
    content: "Персонализация…";
    display: -moz-box;
    padding-inline-start: 8px; /* 22 */
    -moz-box-flex: 1;
}
#appmenu-moreTools-button[label="Настройка панели инструментов…"] .toolbarbutton-text {
    display: none !important;
}
#appmenu-moreTools-button[label="Настройка панели инструментов…"]::before {
    content: "Персонализация…";
    display: -moz-box;
    padding-inline-start: 0px;
    -moz-box-flex: 1;
}
/* убираем неактивный пункт в developer-tools */
#appmenu-developer-tools {
    display: none !important;
}
/* баннер в(под) заголовком в protections-popup */
#protections-popup #messaging-system-message-container {
    height: 0px !important;
    display: none !important;
    visibility: collapse !important;
}
/* пункт печати в гамбургере, или замените этим селектором
 * #appMenu-save-file-button2 в секции "выравнивание сепараторов" */
#appMenu-print-button2 {
    display: none !important;
}
/***/

#tabbrowser-tabs:-moz-lwtheme-brighttext {
    --tab-line-color: #0078D7 !important;
}

:root {
  --colored_menubar_background_image: linear-gradient(#f9f9fa,#f9f9fa);
  --general_toolbar_color_toolbars: linear-gradient(#f9f9fa,#f9f9fa);
  --general_toolbar_color_navbar: linear-gradient(#f9f9fa,#f9f9fa);
  --tabs_toolbar_color_tabs_not_on_top: linear-gradient(#f9f9fa,#f9f9fa);
  --tabs_toolbar_border-tnot_normal_mode_size: 1px;
  --tabs_toolbar_border-tnot_normal_mode: var(--tabs-border-color);
  --classic_squared_tabs_tab_text_color: black;
  --classic_squared_tabs_new_tab_icon_color: black;
  --classic_squared_tabs_tab_text_shadow: transparent;
  --tab-min-height_tnot: 32px;
}

:root[uidensity=compact]  {
  --tab-min-height_tnot: 28px;
}

:root[uidensity=touch] {
  --tab-min-height_tnot: 40px;
}

/* tabs toolbar adjustment */
#main-window[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar, 
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#TabsToolbar {
  -moz-padding-start: 2px !important;
}

#main-window[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar:-moz-lwtheme, 
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar:-moz-lwtheme,
#main-window[uidensity=compact][tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar:-moz-lwtheme,
#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar:-moz-lwtheme,
#TabsToolbar:-moz-lwtheme,
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[sizemode="maximized"] #TabsToolbar,
#main-window[tabsintitlebar]:not([style*='--lwt-header-image']):-moz-lwtheme #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar, 
#main-window[tabsintitlebar][sizemode="maximized"]:not([style*='--lwt-header-image']):-moz-lwtheme #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar]:not([style*='--lwt-header-image']):-moz-lwtheme #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"]:not([style*='--lwt-header-image']):-moz-lwtheme #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[tabsintitlebar]:not([style*='--lwt-header-image']):-moz-lwtheme #TabsToolbar {
  -moz-padding-start: 0px !important;
}

#main-window[tabsintitlebar][sizemode="normal"]:not([sizemode="fullscreen"]) #TabsToolbar {
  margin-top: 0px !important;
}

#main-window[tabsintitlebar][sizemode="normal"][chromehidden~="menubar"] #TabsToolbar,
#main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar,
#main-window[tabsintitlebar][sizemode="maximized"][chromehidden~="menubar"] #TabsToolbar,
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar {
  padding-top: 0px !important;
}

#main-window[tabsintitlebar] #toolbar-menubar[autohide="true"]:not([inactive="true"]) ~ #TabsToolbar,
#main-window[tabsintitlebar] #toolbar-menubar[autohide="false"] ~ #TabsToolbar{
  margin-top: 0px !important;
}

/* tab title in titlebar support */
#main-window[tabsintitlebar][sizemode="normal"] #navigator-toolbox #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="normal"] #navigator-toolbox #TabsToolbar,
#main-window[tabsintitlebar][sizemode="maximized"] #navigator-toolbox #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #navigator-toolbox #TabsToolbar,
#main-window[tabsintitlebar][sizemode="normal"] #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="normal"] #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[tabsintitlebar][sizemode="maximized"] #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar{
  margin-top: 0px !important;
}

/* titlebar button support */
#main-window[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #nav-bar{
  margin-top: 2px !important;
}

/* fix for application/hamburger button in titlebar */
#main-window[tabsintitlebar][sizemode="fullscreen"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #nav-bar #PanelUI-button {
  visibility: collapse !important;
}

#main-window[inDOMFullscreen="true"] #TabsToolbar {
  opacity: 0 !important;
}

/* tab height */
#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
  min-height: var(--tab-min-height_tnot) !important;
}

/* toolbar order (start) ************************************/
#print-preview-toolbar,
#printedit-toolbar,
#titlebar {
  -moz-box-ordinal-group: 0 !important;
}
#navigator-toolbox #toolbar-menubar {
  -moz-box-ordinal-group: 1 !important;
}
/* navigation toolbar */
#navigator-toolbox #nav-bar {
  -moz-box-ordinal-group: 2 !important;
}
/* bookmarks toolbar */
#navigator-toolbox #PersonalToolbar {
  -moz-box-ordinal-group: 3 !important;
}
/* 3rd party toolbars */
#navigator-toolbox toolbar {
  -moz-box-ordinal-group: 10 !important;
}
/* tabs toolbar */
#navigator-toolbox #TabsToolbar {
  -moz-box-ordinal-group: 100 !important;
}
/* toolbar order (end) **************************************/

/* toolbar colors */
#main-window:not([tabsintitlebar]) #toolbar-menubar:not(:-moz-lwtheme) {
  background-image: var(--colored_menubar_background_image) !important;
  border: 0px !important;
  margin-bottom: -1px !important;
}

#nav-bar:not(:-moz-lwtheme) {
  -moz-appearance: none !important;
  background: var(--general_toolbar_color_navbar, inherit) !important;
}

toolbar:not(#TabsToolbar):not(#toolbar-menubar):not(#nav-bar):not(:-moz-lwtheme) {
  -moz-appearance: none !important;
  background: var(--general_toolbar_color_toolbars, inherit) !important;
}
#TabsToolbar:not(:-moz-lwtheme){
  -moz-appearance: none !important;
  background-image: var(--tabs_toolbar_color_tabs_not_on_top) !important;
}

/* remove color overlay for lw-themes */
#main-window[style*='--lwt-header-image'] :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar):-moz-lwtheme{
  background: unset !important;
}

/* adjust compact themes background color */
#main-window:not([style*='--lwt-header-image']) #TabsToolbar:-moz-lwtheme {
  -moz-appearance: none !important;
  background-image: linear-gradient(var(--toolbar-bgcolor),var(--toolbar-bgcolor)) !important;
}

#main-window:not(:-moz-lwtheme) #TabsToolbar :-moz-any(.tabs-newtab-button,#tabs-newtab-button,.scrollbutton-up,.scrollbutton-down),
#main-window:not(:-moz-lwtheme) #TabsToolbar > toolbarbutton,
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-darktext #TabsToolbar :-moz-any(.tabs-newtab-button,#tabs-newtab-button,.scrollbutton-up,.scrollbutton-down),
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-darktext #TabsToolbar > toolbarbutton {
  fill: var(--classic_squared_tabs_new_tab_icon_color) !important;
  color: var(--classic_squared_tabs_new_tab_icon_color) !important;
}

/* toolbar borders */
#main-window #navigator-toolbox::after {
  opacity: 0 !important;
}

#TabsToolbar{
  margin-bottom: 0px !important;
  border-bottom: 1px solid #5f7181 !important;
}

#main-window[sizemode="normal"] #navigator-toolbox :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar) {
  border-left: var(--tabs_toolbar_border-tnot_normal_mode_size) solid var(--tabs_toolbar_border-tnot_normal_mode) !important;
  border-right: var(--tabs_toolbar_border-tnot_normal_mode_size) solid var(--tabs_toolbar_border-tnot_normal_mode) !important;
  background-clip: padding-box !important;
}

#main-window[sizemode="maximized"] #navigator-toolbox :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar) {
  border-left: 0px !important;
  border-right: 0px !important;
}

#main-window[style*='--lwt-header-image'][sizemode="normal"] #navigator-toolbox :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar):-moz-lwtheme,
#main-window[style*='--lwt-header-image'][sizemode="maximized"] #navigator-toolbox :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar):-moz-lwtheme {
  border-top: 0px !important;
  border-left: 0px !important;
  border-right: 0px !important;
}

#main-window:not([style*='--lwt-header-image']):-moz-lwtheme-brighttext #TabsToolbar:-moz-lwtheme {
  border-bottom: 1px solid #323234 !important;
}

#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-brighttext #TabsToolbar:-moz-lwtheme {
  border-bottom: 1px solid #323234 !important;
}

#main-window:not([sizemode="fullscreen"])[tabsintitlebar] #TabsToolbar{
  -moz-margin-end: 0px !important;
}

#main-window[tabsintitlebar] #TabsToolbar .titlebar-placeholder{
  visibility: collapse !important;
}

#main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"][inactive="true"] {
  margin-top: 21px !important;
}
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] {
  margin-top: 20px !important;
}

#tabbrowser-tabs .tab-drop-indicator {
  margin-bottom: 0px !important;
}

#PersonalToolbar:-moz-lwtheme,
#nav-bar:-moz-lwtheme {
  background-image: none !important;
  box-shadow: none !important;
  border-top: none !important;
  border-bottom: none !important;
}

/* remove tab fog */
#TabsToolbar:not(:-moz-lwtheme),
#TabsToolbar:not(:-moz-lwtheme)::before,
#TabsToolbar:not(:-moz-lwtheme)::after {
  box-shadow: unset !important;
}

/* remove 'dragging tab' margin/padding nonsense */
#TabsToolbar[movingtab] {
  padding-bottom: unset !important;
}

#TabsToolbar[movingtab] > .tabbrowser-tabs {
  padding-bottom: unset !important;
  margin-bottom: unset !important;
}

#TabsToolbar[movingtab] + #nav-bar {
  margin-top: unset !important;
}

/* scroll buttons */
#TabsToolbar:not(:-moz-lwtheme) #alltabs-button,
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-arrowscrollbox > .scrollbutton-up,
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-arrowscrollbox > .scrollbutton-down {
  fill: black !important;
}

/* Fx58+ titlebar placeholders */
#TabsToolbar *[type="pre-tabs"],
#TabsToolbar *[type="post-tabs"] {
  display: none !important;
}

@media (-moz-os-version: windows-win10) {
    #main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"][inactive="true"] {
      margin-top: 30px !important;
    }
    #main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] {
      margin-top: 30px !important;
    }
}

@media (-moz-windows-classic) {

    /* tweaks for Windows Classic theme */
    #nav-bar:not(:-moz-lwtheme),
    #PersonalToolbar:not(:-moz-lwtheme),
    #main-window:not([tabsintitlebar])  #TabsToolbar:not(:-moz-lwtheme) {
      border-left: unset !important;
      border-right: unset !important;
      background: unset !important;
    }

    #main-window[sizemode="normal"] #navigator-toolbox :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar) {
      border-left: 0px !important;
      border-right: 0px !important;
    }

    #main-window:not([tabsintitlebar]) #toolbar-menubar:not(:-moz-lwtheme) {
      background: unset !important;
      box-shadow: unset !important;
      border-bottom: unset !important;
    }

    #main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #navigator-toolbox,
    #main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #nav-bar,
    #main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #navigator-toolbox::before,
    #main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #nav-bar::before,
    #main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #navigator-toolbox::after,
    #main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #nav-bar::after {
      background: unset !important;
      box-shadow: unset !important;
      border: unset !important;
      border-image: unset !important;
    }

    #main-window:not([tabsintitlebar]) toolbar:not(#TabsToolbar):not(#toolbar-menubar):not(#nav-bar):not(:-moz-lwtheme) {
      background: unset !important;
    }

}

/* tab text colors */
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab {
  color: var(--classic_squared_tabs_tab_text_color) !important;
  text-shadow: 1px 1px 1px var(--classic_squared_tabs_tab_text_shadow) !important;
}

/* fix Windows 7s default tab background (remove dark purple bg color)*/
@media (-moz-os-version: windows-win7) {
  @media (-moz-windows-default-theme) {
    .tabbrowser-tab:not([selected]):not(:hover):not(:-moz-lwtheme) {
      background-color: #e3e4e6 !important;
    }
    .tabbrowser-tab:not([selected]):hover:not(:-moz-lwtheme) {
      background-color: #cccdcf !important;
    }

  }
}

/* Simple Close Tab button */
#TabsToolbar:not(:-moz-lwtheme) #_fe8cab45-aaee-45f8-8765-781e0ebea300_-browser-action {
  --webextension-toolbar-image-light: url("moz-extension://7904448c-2319-4f6f-aac9-a1f701258098/icons/Close-dark.svg") !important;
}

/* close tab button */
#TabsToolbar:not(:-moz-lwtheme) #closetab_fmarin_com-browser-action {
  --webextension-toolbar-image-light: url("moz-extension://31006e48-8e00-476f-8ea9-697e40934b02/icons/icon.svg") !important;
  --webextension-toolbar-image-2x-light: url("moz-extension://31006e48-8e00-476f-8ea9-697e40934b02/icons/icon.svg") !important;
}

/* close window button */
#TabsToolbar:not(:-moz-lwtheme) #close-window-button_nanpuyue_com-browser-action {
  --webextension-toolbar-image-light: url("moz-extension://c914bd13-793f-4a2d-ab66-c655a3d75c52/icons/icon.svg") !important;
  --webextension-toolbar-image-2x-light: url("moz-extension://c914bd13-793f-4a2d-ab66-c655a3d75c52/icons/icon.svg") !important;
}
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
  padding-bottom: calc(1px + var(--tab-min-height_tnot)) !important;
}

#TabsToolbar {
  position: absolute !important;
  display:block !important;
  bottom: 0 !important;
  width: 100vw !important;
}

#tabbrowser-tabs {
  width: 100vw !important;
}

/* make sure button icon colors set correctly */
#main-window:not(:-moz-lwtheme) #TabsToolbar-customization-target toolbarbutton .toolbarbutton-icon,
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-darktext #TabsToolbar-customization-target toolbarbutton .toolbarbutton-icon {
  fill: var(--classic_squared_tabs_new_tab_icon_color) !important;
  color: var(--classic_squared_tabs_new_tab_icon_color) !important;
}

#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar .titlebar-buttonbox-container {
  /*display: none !important;*/
  visibility: hidden !important;
}


/* move caption buttons to windows top right position */
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
  position: fixed !important;
  right: 0 !important;
  visibility: visible !important;
  display: block !important;
}

/* caption button position in maximized mode after moving to the top */
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container,
#main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #TabsToolbar .titlebar-buttonbox-container {
  top: -14px !important;
}


/* Windows */
@media (-moz-os-version:windows-win10), (-moz-os-version:windows-win8), (-moz-os-version:windows-win7) {
    #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
      top: 1px !important;
    }
    #main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
      top: 8px !important;
    }
}

/* Windows 7/8 extra tweaks */
@media (-moz-os-version: windows-win7) {
  @media all and (-moz-windows-compositor) {
    #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
      display: none !important;
    }
    #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]):-moz-lwtheme #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
      display: block !important;
      margin-top: -13px !important;
    }
  }
  @media not all and (-moz-windows-compositor) {
    #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
      top: -2px !important;
    }
    #main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
      top: 0px !important;
    }
  }
}

@media (-moz-os-version:windows-win8) {
    #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container    {
      top: -13px !important;
    }
    #main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
      top: -5px !important;
    }
}


/* Windows 10 extra tweaks */
@media (-moz-os-version: windows-win10) {
  #main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme):hover:not([disabled="true"]),
  #main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme)[_moz-menuactive="true"]:not([disabled="true"]) {
    background-color: Highlight !important;
    color: HighlightText !important;
  }
}

/* tweaks for fullscreen mode */
#main-window[tabsintitlebar][sizemode="fullscreen"] #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container,
#main-window[tabsintitlebar][sizemode="fullscreen"] #navigator-toolbox #PanelUI-button,
#main-window #TabsToolbar #window-controls {
  display: none !important;
}

/* hide non-required items */
#TabsToolbar .private-browsing-indicator,
#TabsToolbar #window-controls,
#TabsToolbar *[type="caption-buttons"],
#TabsToolbar *[type="pre-tabs"],
#TabsToolbar *[type="post-tabs"] {
  display: none !important;
}

/* adjust private mode icon position */
@media (-moz-os-version:windows-win10), (-moz-os-version:windows-win8), (-moz-os-version:windows-win7) {
    #main-window[tabsintitlebar][privatebrowsingmode=temporary]:not([inDOMFullscreen="true"]) #TabsToolbar .private-browsing-indicator {
      position: fixed !important;
      top: 0 !important;
      right: 130px !important;
      visibility: visible !important;
      display: block !important;
    }
    #main-window[tabsintitlebar][privatebrowsingmode=temporary][sizemode="maximized"]:not([inDOMFullscreen="true"]) #TabsToolbar .private-browsing-indicator {
      top: 8px !important;
    }
}

/* adjust tabs toolbar padding */
#main-window:-moz-any([sizemode="normal"],[sizemode="maximized"],[sizemode="fullscreen"]) #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[tabsintitlebar]:-moz-any([sizemode="normal"],[sizemode="maximized"],[sizemode="fullscreen"]) #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window:-moz-any([sizemode="normal"],[sizemode="maximized"],[sizemode="fullscreen"]) #navigator-toolbox #TabsToolbar,
#main-window[tabsintitlebar]:-moz-any([sizemode="normal"],[sizemode="maximized"],[sizemode="fullscreen"]) #navigator-toolbox #TabsToolbar {
 -moz-padding-start: 0px !important;
 -moz-margin-start: 0px !important;
}

/* hide line above navigation toolbar appearing in some cases */
#main-window:not([tabsintitlebar]) #nav-bar,
#main-window:not([tabsintitlebar]) #navigator-toolbox {
  border-top: 0 !important;
  box-shadow: unset !important;
}

/* disable Mozillas tab jumping nonsense when moving tabs */
#navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
  padding-bottom: unset !important;
}
#navigator-toolbox[movingtab] #tabbrowser-tabs {
  padding-bottom: unset !important;
  margin-bottom: unset !important;
}
#navigator-toolbox[movingtab] > #nav-bar {
  margin-top: unset !important;
}

/* size of new tab tabs '+' icon */
:-moz-any(.tabs-newtab-button,#tabs-newtab-button) .toolbarbutton-icon {
  padding: 0px !important;
  margin: 0px !important;
  width: 15px !important;
  height: 15px !important;
}

/* some id!ot at Moz thought it is a great idea to add padding and margin values here */
@media (-moz-os-version:windows-win8), (-moz-os-version:windows-win7) {
  #TabsToolbar > .toolbar-items {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
}


/* show window caption buttons in fullscreen mode */
#main-window:not([inDOMFullscreen="true"])[sizemode="fullscreen"] #TabsToolbar #window-controls {
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  right: 0 !important;
  margin-top: -32px !important;
  z-index: 1000 !important;
}

#main-window:not([inDOMFullscreen="true"])[sizemode="fullscreen"] #nav-bar {
  -moz-padding-end: 60px !important;
}

#main-window:not([inDOMFullscreen="true"])[sizemode="fullscreen"] #TabsToolbar #window-controls toolbarbutton,
#main-window:not([inDOMFullscreen="true"])[sizemode="fullscreen"] #TabsToolbar #window-controls toolbarbutton .toolbarbutton-icon {
  padding: 0 !important;
  margin: 0 !important;
}

@media (-moz-os-version: windows-win10) {
    #main-window:not([inDOMFullscreen="true"])[sizemode="fullscreen"] #TabsToolbar #window-controls *,
    #main-window:not([inDOMFullscreen="true"])[sizemode="fullscreen"]:-moz-lwtheme:-moz-lwtheme-darktext #TabsToolbar #window-controls * {
      color: black !important;
      fill: black !important;
    }

    #main-window:not([inDOMFullscreen="true"])[sizemode="fullscreen"]:-moz-lwtheme #TabsToolbar #window-controls * {
      color: white !important;
      fill: white !important;
    }

}


@media (-moz-os-version:windows-win8), (-moz-os-version:windows-win7) {
    #main-window:not([inDOMFullscreen="true"])[sizemode="fullscreen"] #nav-bar {
      -moz-padding-end: 60px !important;
    }
}

#TabsToolbar,
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme-brighttext #TabsToolbar:-moz-lwtheme, 
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-brighttext #TabsToolbar:-moz-lwtheme {
  border-bottom: 0 !important;
}

#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
  padding-bottom: calc(0px + var(--tab-min-height_tnot)) !important;
}

.urlbarView:not(.megabar),
#urlbar-results {
  z-index: 100 !important;
}

:-moz-any(#urlbar,#searchbar,*|*.findbar-textbox) *|input::-moz-selection,
*|input.findbar-textbox::-moz-selection {
    background-color: #2E3436 !important;
    color: #729FCF !important;
}


#urlbar-container,
#search-container { /* это правило не является обязательным */
    padding: 1px 0 !important;
    margin: 0 1px !important;
}

#urlbar-container[breakout] {
    position: relative !important;
    min-height: var(--urlbar-container-height) !important;
}

#urlbar[breakout] {
    display: block !important;
    position: absolute !important;
    width: 100% !important;
    height: var(--urlbar-height) !important;
    top: calc((var(--urlbar-container-height) - var(--urlbar-height)) / 2) !important;
    left: 0px !important;
}

#urlbar[breakout] > #urlbar-input-container {
    width: 100% !important;
    height: var(--urlbar-height) !important;
    padding: 0 !important;
    vertical-align: top !important;
}

#urlbar[breakout][breakout-extend],
#urlbar[breakout][breakout-extend-disabled][open] {
    height: auto !important;
}

#urlbar[breakout] > #urlbar-background {
    animation: none !important;
    inset-inline-start: 0 !important;
    box-shadow: none !important;
    height: var(--urlbar-height) !important;
    top: 0px !important;
    bottom: auto !important;
}

#urlbar[breakout] > .urlbarView {
    margin: 0 !important;
    width: 100% !important;
    border-bottom-left-radius: var(--toolbarbutton-border-radius, 4px) !important;
    border-bottom-right-radius: var(--toolbarbutton-border-radius, 4px) !important;
    color: var(--autocomplete-popup-color, var(--arrowpanel-color, rgba(12, 12, 13, 1))) !important;
    background: var(--autocomplete-popup-background, var(--arrowpanel-background, rgb(255, 255, 255))) !important;
    border: 1px solid var(--panel-separator-color, var(--arrowpanel-border-color, rgba(24,26,27,.14))) !important;
}

*|*:root[lwt-popup-brighttext] #urlbar[breakout] > .urlbarView {
    color: var(--autocomplete-popup-color, var(--arrowpanel-color, rgb(177,177,179))) !important;
    background: var(--autocomplete-popup-background, var(--arrowpanel-background, rgb(27,27,29))) !important;
    border: 1px solid var(--panel-separator-color, var(--arrowpanel-border-color, rgba(249,249,250,.1))) !important;
}

#urlbar[breakout] > .urlbarView *|*.urlbarView-body-inner {
    border: none !important;
}

#urlbar[breakout] > #urlbar-input-container > #urlbar-search-icon {
    fill: currentColor !important;
    fill-opacity: .6 !important;
}

Так:
.tabbrowser-tab[visuallyselected="true"]:-moz-lwtheme-brighttext .tab-background {
    border: 2px solid red !important;
}
И добавить скругление, если надо:
    border-radius: 8px !important;

.tabbrowser-tab[visuallyselected="true"]:-moz-lwtheme-brighttext .tab-content {
    border: 2px solid red !important;
}
или
.tabbrowser-tab[visuallyselected="true"]:-moz-lwtheme-brighttext .tab-loading-burst {
    border: 2px solid red !important;
}

*|*:root {
    --v-menu-icons-margin-start: 5px; /* отступ слева для иконок, для Linux 0px */
}

menu::before, menuitem::before {
    content: "" !important;
    width: 16px !important;
    height: 16px !important;
    display: -moz-box !important;
    margin-inline-start: var(--v-menu-icons-margin-start) !important;
    margin-inline-end: calc(-1 * (var(--v-menu-icons-margin-start) + 16px)) !important;
    position: relative !important;
}

/* ************************************************ */

/* Стиль целиком                                                              */
/* https://forum.mozilla-russia.org/viewtopic.php?pid=791328#p791328          */

/********* Показывает версии дополнений ***************************************/
@-moz-document  url("about:addons"), url("chrome://mozapps/content/extensions/aboutaddons.html") {
*|*.addon-name-link[title] {
    font-size: 0 !important;
    display: flex !important;
    flex-direction: row !important;
  }
*|*.addon-name-link[title]::after {
    display: block !important;
    content: attr(title) !important;
    font-size: calc(1rem + 4px) !important;
    line-height: calc(1em + 6px) !important;
  }
}

/********* Показывает ID дополнений *******************************************/
/* https://forum.mozilla-russia.org/viewtopic.php?pid=789469#p789469          */
@-moz-document  url("about:addons"), url("chrome://mozapps/content/extensions/aboutaddons.html") {
addon-card[addon-id]:not([expanded="true"])::after {
    content: "ID : " attr(addon-id) !important;
    display: block !important;
    position: relative !important;
    padding-inline-start: calc(var(--card-padding) + var(--addon-icon-size) + 15px) !important;
    margin-top: calc(-1 * (1.5em + var(--card-padding) - 1px)) !important;
    margin-bottom: calc(1.5em + var(--card-padding) - 1px) !important;
    color: currentColor !important;
    pointer-events: none !important;
    height: 1.5em !important;
    line-height: 1.5em !important;
}
addon-card[addon-id]:not([expanded="true"]) .addon.card {
    padding-bottom: calc(1.5em + var(--card-padding) - 1px) !important;
    margin-bottom: 0px !important;
}
addon-card[addon-id]:not([expanded="true"]) .addon.card message-bar {
    margin-block: 2px !important;
    border-radius: 0 !important;
}
addon-list[type="theme"] addon-card[addon-id]:not([expanded="true"])::after {
    padding-inline-start: calc(var(--card-padding) - 1px) !important;
}
}

/* Скрывает меню управления дополнений и добавляет им кнопки управления 
 * https://forum.mozilla-russia.org/viewtopic.php?pid=776011#p776011        ***/
@-moz-document  url("about:addons"), url("chrome://mozapps/content/extensions/aboutaddons.html") {
:root {
    --v-content-button-border-color: rgba(12,12,13,0.3);
    --v-content-button-background-hover: rgba(12,12,13,0.15);
    --v-content-button-background-active: rgba(12,12,13,0.2);
    --v-content-button-color: rgb(12,12,13);
    --v-content-button-color-hover: rgb(12,12,13);
    --v-content-button-color-active: rgb(12,12,13);
    --v-main-max-width: 1000px;
    --card-padding: 8px !important;
    --section-width: 664px !important;
    --addon-icon-size: 32px !important;
}

@media (prefers-color-scheme: dark) {
:root {
    --v-content-button-border-color: rgba(249,249,250,0.2);
    --v-content-button-background-hover: rgba(249,249,250,0.15);
    --v-content-button-background-active: rgba(249,249,250,0.2);
    --v-content-button-color: rgb(249,249,250);
    --v-content-button-color-hover: rgb(249,249,250);
    --v-content-button-color-active: rgb(249,249,250);
}
}

body {
    min-width: 500px !important;
    margin: 0 !important;
}
#main {
    max-width: var(--v-main-max-width) !important;
    margin-inline-start: 6px !important;
    margin-inline-end: 6px !important;
    --v-list-display-flex: flex;
    --v-buttons-border-width: 1px;
    --v-buttons-font-size: 13px;
    --v-buttons-font-weight: bold;
    --v-buttons-width: auto;
}
addon-card .card-contents {
    width: auto !important;
    overflow-x: hidden !important;
    flex-grow: 1 !important;
}
addon-card .card {
    display: grid !important;
    grid-template-columns: auto minmax(0px, min-content) !important;
}
addon-card .card > * {
    grid-column-start: 1 !important;
    grid-column-end: 3 !important;
}
addon-card .card > .addon-card-collapsed {
    grid-column-start: 1 !important;
    grid-column-end: 2 !important;
    grid-row-start: 1 !important;
    overflow-x: hidden !important;
}
addon-card .card > addon-options {
    grid-column-start: 2 !important;
    grid-column-end: 3 !important;
    grid-row-start: 1 !important;
    align-self: start !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
}
img.card-heading-image {
    margin: calc(var(--card-padding) * -1) calc(var(--card-padding) * -1) 8px !important;
    width: 488px !important;
    height: 64px !important;
}
addon-card .card > img.card-heading-image:not([hidden]) {
    display: inline !important;
}
addon-card .card > img.card-heading-image:not([hidden]) + .addon-card-collapsed,
addon-card .card > img.card-heading-image:not([hidden]) + .addon-card-collapsed ~ addon-options {
    grid-row-start: 2 !important;
}
addon-card .addon-name-container {
    margin-top: 0 !important;
}
button.more-options-button[action="more-options"],
addon-card panel-item[action="expand"],
div.arrow.top, div.arrow.bottom,
addon-card panel-item-separator {
    display: none !important;
}
addon-card panel-list {
    position: static !important;
    display: block !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    min-width: 0 !important;
}
addon-card panel-item {
    padding: 0 !important;
    margin: 0 !important;
}
style + div.container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
addon-card .toggle-button,
addon-card button.theme-enable-button,
link[href$="panel-item.css"] ~ button,
addon-card .addon panel-item[action="remove"],
addon-card .addon panel-item[action="preferences"],
addon-card .addon panel-item[action="install-update"] {
    width: var(--v-buttons-width, 100%) !important;
    min-height: 0 !important;
    height: 24px !important;
    line-height: 1.3em !important;
    padding: 3px 6px !important;
    margin: 0 3px !important;
    background: none !important;
    border: none !important;
    color: var(--v-content-button-color) !important;
    border-radius: 2px !important;
    font-weight: var(--v-buttons-font-weight, inherit) !important;
    font-size: var(--v-buttons-font-size, inherit) !important;
    -moz-appearance: none !important;
    box-shadow: none !important;
    outline: none !important;
}
link[href$="panel-item.css"] ~ button,
addon-card .addon panel-item[action="remove"],
addon-card .addon panel-item[action="preferences"],
addon-card .addon panel-item[action="install-update"] {
    border-color: var(--v-content-button-border-color) !important;
    border-style: solid !important;
    border-width: var(--v-buttons-border-width, 0px) !important;
}
addon-card .toggle-button::-moz-focus-inner,
addon-card button.theme-enable-button::-moz-focus-inner,
link[href$="panel-item.css"] ~ button::-moz-focus-inner {
    border: none !important;
}
link[href$="panel-item.css"] ~ button::after {
    top: 0px !important;
    left: 0px !important;
    right: 0px !important;
    height: 3px !important;
    width: auto !important;
    border-radius: 0 !important;
}
 /* кнопки включения отключения */
addon-card .theme-enable-button::before,
addon-card .toggle-button::before {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    content: url("./png/about-addons/enable_24px.png") !important;
    transform: none !important;
    background: none !important;
    height: auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 6px 0px 6px !important;
    border-radius: 0 !important;
    outline: none !important;
    transition: none !important;
    white-space: nowrap !important;
}
addon-card .theme-enable-button:hover::before,
addon-card .toggle-button:hover::before {
    background-color: rgba(200,200,200,0.2) !important;
}
addon-card .card[active="false"] .theme-enable-button::before,
addon-card .card[active="false"] .toggle-button::before {
    content: url("./png/about-addons/disable_24px.png") !important;
    padding: 0 6px 0 6px !important;
}
addon-card .card[active="false"] .theme-enable-button:hover::before,
addon-card .card[active="false"] .toggle-button:hover::before {
    background-color: rgba(200,200,200,0.2) !important;
}
addon-card .more-options-menu {
    flex-grow: 0 !important;
    position: static !important;
    margin: 0 !important;
    align-self: start !important;
}
div.arrow.top ~ div.list {
    display: var(--v-list-display-flex, block) !important;
    justify-content: end !important;
}
addon-card .addon-name,
addon-card .addon-description {
    white-space: nowrap !important;
    overflow-x: hidden !important;
    text-overflow: ellipsis !important;
}
/* кнопка "удалить" */
addon-card .addon panel-item[action="remove"] {
    content: url("./png/about-addons/delete_24px.png") !important;
}
addon-card .addon panel-item[action="remove"]:hover {
    background-color: rgb(200,0,0) !important;
}
/* кнопка "настройки" */
addon-card .addon panel-item[action="preferences"] {
    content: url("./png/about-addons/settings_24px.png") !important;
}
addon-card .addon panel-item[action="preferences"]:hover {
    background-color: rgb(40,120,200) !important;
}
/* кнопка "обновить" */
addon-card .addon panel-item[action="install-update"] {
    content: url("./png/about-addons/update_24px.png") !important;
}
addon-card .addon panel-item[action="install-update"]:hover {
    background-color: rgb(110,90,110) !important;
}
/* Скрыть кнопку "пожаловаться" */
addon-card .addon panel-item[action="report"] {
    display: none !important;
}
}

/* Стиль целиком                                                              */
/* https://forum.mozilla-russia.org/viewtopic.php?pid=791328#p791328          */

/********* Показывает версии дополнений ***************************************/
@-moz-document  url("about:addons"), url("chrome://mozapps/content/extensions/aboutaddons.html") {
*|*.addon-name-link[title] {
    font-size: 0 !important;
    display: flex !important;
    flex-direction: row !important;
  }
*|*.addon-name-link[title]::after {
    display: block !important;
    content: attr(title) !important;
    font-size: calc(1rem + 4px) !important;
    line-height: calc(1em + 6px) !important;
  }
}

/********* Показывает ID дополнений *******************************************/
/* https://forum.mozilla-russia.org/viewtopic.php?pid=789469#p789469          */
@-moz-document  url("about:addons"), url("chrome://mozapps/content/extensions/aboutaddons.html") {
addon-card[addon-id]:not([expanded="true"])::after {
    content: "ID : " attr(addon-id) !important;
    display: block !important;
    position: relative !important;
    padding-inline-start: calc(var(--card-padding) + var(--addon-icon-size) + 16px) !important;
    margin-top: calc(-1 * (1.1em + var(--card-padding) - 1px)) !important;
    margin-bottom: calc(1.1em + var(--card-padding) - 1px) !important;
    color: color-mix(in srgb, currentColor 50%, transparent) !important;
    pointer-events: none !important;
    font-size: calc(1rem + 2px) !important;
    line-height: calc(1em + 2px) !important;
}
addon-card[addon-id]:not([expanded="true"]) .addon.card {
    padding-bottom: calc(1.1em + var(--card-padding) - 1px) !important;
    margin-bottom: 0px !important;
}
addon-card[addon-id]:not([expanded="true"]) .addon.card message-bar {
    margin-block: 2px !important;
    border-radius: 0 !important;
}
addon-list[type="theme"] addon-card[addon-id]:not([expanded="true"])::after {
    padding-inline-start: calc(var(--card-padding) - 1px) !important;
}
}

/* Добавляет кнопки вместо меню: включить, отключить, удалить, настройки... ***/
/* https://forum.mozilla-russia.org/viewtopic.php?pid=793823#p793823
 * Чтобы вернуть текст кнопкам, то в #main:
 * --v-buttons-font-size: rem;
 * Чтобы убрать текст для кнопок определенного типа там есть пример
 * addon-card panel-item[action="report"]
 * Убрать иконки: --v-buttons-icon-size: 0px;                                 */

@-moz-document  url("about:addons"), url("chrome://mozapps/content/extensions/aboutaddons.html") {
:root {
    --v-content-button-border-color: var(--in-content-box-border-color, rgba(12, 12, 13, 0.3));
    --v-content-button-border-color-hover: var(--in-content-border-hover, rgba(12, 12, 13, 0.5));
    --v-content-button-background: var(--in-content-button-background, rgba(12, 12, 13, 0.1));
    --v-content-button-background-hover: var(--in-content-button-background-hover, rgba(12, 12, 13, 0.15));
    --v-content-button-background-active: var(--in-content-button-background-active, rgba(12, 12, 13, 0.2));
    --v-content-button-color: var(--in-content-button-text-color, #0c0c0d);
    --v-content-button-color-hover: var(--in-content-button-text-color-hover, #0c0c0d);
    --v-content-button-color-active: var(--in-content-button-text-color-hover, #0c0c0d);
    --v-buttons-tooltip-color: var(--in-content-page-color, #0c0c0d);
    --v-buttons-tooltip-background: var(--in-content-box-background, #ffffff);
    --v-buttons-tooltip-border-color: var(--in-content-box-border-color, rgba(12, 12, 13, 0.3));
    --v-main-max-width: 1000px;
    --card-padding: 8px !important;
    --section-width: 664px !important;
    --addon-icon-size: 32px !important;
}
#main {
    --v-buttons-font-size: 0; // rem;
    --v-buttons-font-weight: bold;
    --v-buttons-border-radius: 4px;
    --v-buttons-border-width: 1px;
    --v-buttons-min-height: 26px;
    --v-buttons-tooltip-font-size: 1rem;
    --v-buttons-tooltip-border-radius: 2px;
    --v-buttons-tooltip-delay: .5s;
    --v-buttons-tooltip-translate-x: 20px;
    --v-buttons-tooltip-translate-y: 10px;
    --v-buttons-width: auto;
    --v-list-display-flex: flex;
}
@media (-moz-toolbar-prefers-color-scheme: dark) {
:root {
    --v-content-button-border-color: var(--in-content-box-border-color, rgba(200, 200, 210, 0.2));
    --v-content-button-border-color-hover: var(--in-content-border-hover, rgba(249, 249, 250, 0.3));
    --v-content-button-background: var(--in-content-button-background, rgba(249, 249, 250, 0.1));
    --v-content-button-background-hover: var(--in-content-button-background-hover, rgba(249, 249, 250, 0.15));
    --v-content-button-background-active: var(--in-content-button-background-active, rgba(249, 249, 250, 0.2));
    --v-content-button-color: var(--in-content-button-text-color, #f9f9fa);
    --v-content-button-color-hover: var(--in-content-button-text-color-hover, #f9f9fa);
    --v-content-button-color-active: var(--in-content-button-text-color-hover, #f9f9fa);
    --v-buttons-tooltip-color: var(--in-content-page-color, rgba(200, 200, 210, 0.5));
    --v-buttons-tooltip-background: rgba(40, 40, 50, 0.85);
    --v-buttons-tooltip-border-color: rgba(120, 120, 120, 0.3);
}
}
addon-card .toggle-button,
addon-card .theme-enable-button {
    --v-buttons-toggle-button-content: "Включить";
    --v-buttons-tooltip-content: "Включить дополнение";
    --v-buttons-tooltip-display: block;
    --icon: url("chrome://global/skin/icons/check-partial.svg");
}
addon-card .card[active="true"] .toggle-button,
addon-card .card[active="true"] .theme-enable-button {
    --v-buttons-toggle-button-content: "Отключить";
    --v-buttons-tooltip-content: "Отключить дополнение";
    --v-buttons-tooltip-display: block;
    --icon: url("chrome://global/skin/icons/check.svg");
    --v-content-button-background: rgba(85,255,85, 0.2);
}
addon-card panel-item[action="remove"] {
    --v-buttons-tooltip-content: "Удалить дополнение";
    --v-buttons-tooltip-display: block;
    --icon: url("chrome://global/skin/icons/delete.svg");
    --v-content-button-background: rgba(255,85,85, 0.3);
    --v-content-button-background-hover: rgba(255,85,85, 0.8);
    margin: 0 2px 0 4px !important;
}
addon-card panel-item[action="preferences"] {
    --v-buttons-tooltip-content: "Настройки дополнения";
    --v-buttons-tooltip-display: block;
    --icon: url("chrome://global/skin/icons/settings.svg");
    --v-content-button-background: rgba(85,85,255, 0.3);
    --v-content-button-background-hover: rgba(85,85,255, 0.8);
    margin: 0 0 0 2px !important;
}
/*
addon-card panel-item[action="report"] {
    --v-buttons-tooltip-content: "Пожаловаться на дополнение";
    --v-buttons-tooltip-display: block;
    --icon: url("chrome://global/skin/icons/warning.svg");
    --v-buttons-font-size: 0;
}
/* Скрыть "Пожаловаться на дополнение" */
addon-card panel-item[action="report"] {
    display: none !important;
}
addon-list[type="plugin"] addon-card panel-item:not([checked]) {
    --icon: url("chrome://global/skin/icons/check-partial.svg");
}
/* ************************************************************************* */

body {
    margin: 0 !important;
}
#main {
    max-width: var(--v-main-max-width) !important;
    margin-inline-start: 16px !important;
    margin-inline-end: 16px !important;
}
addon-card message-bar {
    --card-padding: inherit !important;
}
addon-card .card-contents {
    width: auto !important;
    overflow-x: hidden !important;
    flex-grow: 1 !important;
}
addon-card .card {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
}
addon-card .card > * {
    grid-column-start: 1 !important;
    grid-column-end: 3 !important;
}
addon-card .card > .addon-card-collapsed {
    grid-column-start: 1 !important;
    grid-column-end: 2 !important;
    grid-row-start: 1 !important;
    overflow-x: hidden !important;
}
addon-card .card > addon-options {
    grid-column-start: 2 !important;
    grid-column-end: 3 !important;
    grid-row-start: 1 !important;
    align-self: start !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
}
img.card-heading-image {
    margin: calc(var(--card-padding) * -1) calc(var(--card-padding) * -1) var(--card-padding) !important;
    width: calc(var(--card-padding) * 2 + 100%) !important;
    height: auto !important;
    object-fit: cover !important;
}
addon-card .card > img.card-heading-image:not([hidden]) {
    display: inline !important;
}
addon-card .card > img.card-heading-image:not([hidden]) + .addon-card-collapsed,
addon-card .card > img.card-heading-image:not([hidden]) + .addon-card-collapsed ~ addon-options {
    grid-row-start: 2 !important;
}
addon-card .addon-name-container {
    margin-top: 0 !important;
}
div.arrow.top ~ div.list {
    display: var(--v-list-display-flex, block) !important;
    justify-content: end !important;
}
addon-card panel-list {
    position: static !important;
    display: block !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    min-width: 0 !important;
}
addon-card panel-item:where(:not([hidden])) {
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
}
style + div.container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
button.more-options-button[action="more-options"],
addon-card panel-item[action="expand"],
div.arrow.top, div.arrow.bottom,
addon-card panel-item-separator {
    display: none !important;
}
addon-card .toggle-button,
addon-card button.theme-enable-button,
link[href$="panel-item.css"] ~ button {
    display: flex !important;
    align-items: center !important;
    width: var(--v-buttons-width, 100%) !important;
    min-height: var(--v-buttons-min-height, 26px) !important;
    height: auto !important;
    line-height: 1.25em !important;
    padding: 0px calc(4px + .25em) !important;
    margin: 0 1px !important;
    background-image: var(--icon, none) !important;
    background-repeat: no-repeat !important;
    background-size: var(--v-buttons-icon-size, 16px) !important;
    background-position-y: center !important;
    background-position-x: left 4px !important;
    padding-inline-start: calc(4px + .25em + var(--v-buttons-icon-size, 16px)) !important;
    background-color: var(--v-content-button-background) !important;
    border-color: var(--v-content-button-border-color) !important;
    border-style: solid !important;
    border-width: var(--v-buttons-border-width, 0px) !important;
    color: var(--v-content-button-color) !important;
    border-radius: var(--v-buttons-border-radius, 0) !important;
    font-weight: var(--v-buttons-font-weight, inherit) !important;
    font-size: var(--v-buttons-font-size, inherit) !important;
    appearance: none !important;
    box-shadow: none !important;
    outline: none !important;
    -moz-context-properties: fill;
    fill: currentColor;
}
addon-card .toggle-button,
addon-card button.theme-enable-button {
    padding-inline-start: 0 !important;
}
addon-card .card.addon .card-contents .toggle-button {
    border-color: var(--v-content-button-border-color) !important;
}
addon-card .toggle-button:enabled:hover,
addon-card button.theme-enable-button:enabled:hover,
link[href$="panel-item.css"] ~ button:enabled:hover {
    background-color: var(--v-content-button-background-hover) !important;
    color: var(--v-content-button-color-hover) !important;
    border-color: var(--v-content-button-border-color-hover) !important;
}
addon-card .card.addon .card-contents .toggle-button:enabled:hover {
    border-color: var(--v-content-button-border-color-hover) !important;
}
addon-card .toggle-button:enabled:hover:active,
addon-card button.theme-enable-button:enabled:hover:active,
link[href$="panel-item.css"] ~ button:enabled:hover:active {
    background-color: var(--v-content-button-background-active) !important;
    color: var(--v-content-button-color-active) !important;
}
addon-card .toggle-button::-moz-focus-inner,
addon-card button.theme-enable-button::-moz-focus-inner,
link[href$="panel-item.css"] ~ button::-moz-focus-inner {
    border: none !important;
}
link[href$="panel-item.css"] ~ button::after {
    inset: 0px !important;
    bottom: auto !important;
    height: 3px !important;
    width: auto !important;
    border-radius: 0 !important;
}
addon-card .toggle-button::before {
    all: unset !important;
    display: inline-block !important;
    content: var(--v-buttons-toggle-button-content, none) !important;
    white-space: nowrap !important;
    margin-inline-start: calc(4px + .25em + var(--v-buttons-icon-size, 16px)) !important;
}
addon-card .toggle-button:dir(rtl),
addon-card button.theme-enable-button:dir(rtl),
link[href$="panel-item.css"] ~ button:dir(rtl) {
    background-position-x: right 4px !important;
}
link[href$="panel-item.css"] ~ button > label {
    padding: 0 !important;
    margin: 0 !important;
}
addon-card .more-options-menu {
    flex-grow: 0 !important;
    position: static !important;
    margin: 0 !important;
    align-self: start !important;
}
addon-card .addon-name,
addon-card .addon-description {
    white-space: nowrap !important;
    overflow-x: hidden !important;
    text-overflow: ellipsis !important;
}
addon-card .toggle-button::after,
addon-card button.theme-enable-button::after,
addon-card panel-item::after {
    display: var(--v-buttons-tooltip-display, none) !important;
    content: "";
    max-width: 0;
    pointer-events: none !important;
}
addon-card .toggle-button:hover::after,
addon-card button.theme-enable-button:hover::after,
addon-card panel-item:hover::after {
    animation-name: tooltip_delay !important;
    animation-timing-function: step-end !important;
    animation-duration: 0s !important;
    animation-iteration-count: 1 !important;
    animation-fill-mode: forwards !important;
    animation-delay: var(--v-buttons-tooltip-delay, .5s) !important;
    --v-buttons-tooltip-transform: translate(calc(1px + var(--v-buttons-tooltip-translate-x)), calc(100% + var(--v-buttons-tooltip-translate-y)));
}
@keyframes tooltip_delay {
    from {
        max-width: 0;
    }
    to {
        content: var(--v-buttons-tooltip-content, "");
        align-self: flex-end;
        position: absolute;
        color: var(--v-buttons-tooltip-color);
        background: var(--v-buttons-tooltip-background);
        border: 1px solid var(--v-buttons-tooltip-border-color);
        border-radius: var(--v-buttons-tooltip-border-radius, 0);
        padding: 2px 6px 4px 6px;
        max-width: 24em;
        line-height: 1.25em;
        font-size: var(--v-buttons-tooltip-font-size, inherit);
        font-weight: normal;
        text-align: start;
        z-index: var(--z-index-popup, 10);
        white-space: pre-wrap;
        overflow: hidden;
        text-overflow: ellipsis;
        transform: var(--v-buttons-tooltip-transform, none);
    }
}
addon-card .toggle-button:hover::after,
addon-card button.theme-enable-button:hover::after {
    --v-buttons-tooltip-transform: translate(calc(var(--v-buttons-tooltip-translate-x) - 1px), calc(100% + 1px + var(--v-buttons-tooltip-translate-y)));
}
addon-card button.theme-enable-button::before {
    content: "";
    display: inline-block;
    width: calc(4px + .25em + var(--v-buttons-icon-size, 16px));
}
}