/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

@import url("chrome://messenger/skin/shared/themeableDialog.css");

@namespace html url("http://www.w3.org/1999/xhtml");

html|input {
  padding: 2px 4px;
}

html|input[type="number"]::-moz-number-spin-up,
html|input[type="number"]::-moz-number-spin-down {
  min-height: 0.55em;
}

menulist[is="menulist-editable"][editable="true"]::part(text-input) {
  padding: 2px 4px;
  margin-block: -1px -2px;
  margin-inline: -6px 4px;
}

@media not (-moz-windows-non-native-menus) {
  menulist > menupopup {
    --panel-background: var(--box-background-color);
    --panel-border-radius: var(--arrowpanel-border-radius);
    --panel-padding: var(--arrowpanel-padding);
  }

  button menupopup menu,
  button menupopup menuitem,
  menulist menupopup menu,
  menulist menupopup menuitem {
    appearance: none;
    color: var(--box-text-color);
  }

  button menupopup > menu:not([disabled="true"])[_moz-menuactive="true"],
  button menupopup > menuitem:not([disabled="true"])[_moz-menuactive="true"],
  menulist menupopup > menu:not([disabled="true"])[_moz-menuactive="true"],
  menulist menupopup > menuitem:not([disabled="true"])[_moz-menuactive="true"] {
    color: var(--box-text-color);
    background-color: color-mix(in srgb, currentColor 9%, transparent);
  }

  button menupopup > menu[disabled="true"],
  button menupopup > menuitem[disabled="true"],
  menulist menupopup > menu[disabled="true"],
  menulist menupopup > menuitem[disabled="true"] {
    color: #999;
    /* override the [_moz-menuactive="true"] background color from
       global/menu.css */
    background-color: transparent;
  }

  menulist menupopup menu,
  menulist menupopup menuitem,
  button menupopup menu,
  button menupopup menuitem {
    padding-block: 2px;
  }

  menulist > menupopup > menuitem > .menu-iconic-left,
  menulist > menupopup > menu > .menu-iconic-left {
    display: flex;
  }
}

menu > menupopup > menuitem,
menu > menupopup > menu {
  padding-inline: 5px;
}

.menu-right {
  height: 12px;
}

.menu-right:-moz-locale-dir(rtl) {
  transform: scaleX(-1);
}

.radio-label-box {
  margin-inline-start: 0;
  padding-inline-start: 0;
}

tabpanels {
  color-scheme: light dark;
}