/* Potion page visual cleanup. */
.potion-builder,
.potion-preview-panel { border-color: #414744 !important; }
.potion-description-box,
.potion-effect-row { background: #1d1d1d !important; border: 1px solid #4d4d4d !important; }
.effect-time-fields { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 5px; }
.effect-time-fields > span { position: relative; min-width: 0; }
.effect-time-fields input { box-sizing: border-box; width: 100%; min-width: 0; padding: 0 20px 0 8px; text-align: left; }
.effect-time-fields small { position: absolute; right: 7px; top: 50%; color: #aaa; font-size: 11px; pointer-events: none; transform: translateY(-50%); }
.effect-time-wrap.is-disabled { opacity: .48; }
.effect-time-wrap.is-disabled input { cursor: not-allowed; }
.potion-effect-row { grid-template-columns: 42px minmax(170px,2fr) minmax(68px,.55fr) minmax(105px,.85fr) minmax(180px,1.35fr) !important; }
@media(max-width:760px) { .potion-effect-row { grid-template-columns:1fr 1fr !important; } }
.potion-description-box > div:first-child { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; align-items: stretch; }
.potion-description-box > div:first-child > label { min-width: 0; }
.potion-description-box #potionLore { box-sizing: border-box; height: 72px !important; min-height: 72px !important; }
.potion-description-box > div:first-child > label:last-child .mc-unified-trigger,
.potion-description-box > div:first-child > label:last-child select { box-sizing: border-box; height: 72px !important; min-height: 72px !important; }
.potion-tooltip-preview {
  background: #111411 !important;
  border: 1px solid #4a504c !important;
  box-shadow: none !important;
}
.potion-item-visual { background: #171a18 !important; border: 1px solid #4a504c !important; }
.potion-item-visual { position: relative; overflow: hidden; }
.potion-item-visual img,
.potion-item-visual .potion-liquid-layer { position: absolute; inset: 10px; width: 64px; height: 64px; }
.potion-item-visual img { z-index: 2; box-shadow: none !important; filter: none !important; }
.potion-liquid-layer {
  z-index: 1;
  display: block;
  image-rendering: pixelated;
}
.potion-preview-effects div { border-left: 0 !important; }
.potion-version-note { display: none !important; }
.potion-page-section { padding-top: 14px !important; }
.potion-page-section .mc-unified-trigger:hover,
.potion-page-section .mc-unified-trigger:focus { border-color: #6b6b6b !important; outline: 0 !important; box-shadow: none !important; }
.mc-unified-dialog {
  box-sizing: border-box !important;
  min-height: 0 !important;
  padding: 12px !important;
  gap: 10px !important;
  overflow: hidden !important;
  color: #f1f1f1 !important;
  background: #1b1b1b !important;
  border-color: #505050 !important;
}
.mc-unified-dialog header { min-height: 38px !important; padding: 0 !important; }
.mc-unified-dialog header button,
.mc-unified-search,
.mc-unified-tabs button,
.mc-unified-option { background: #292929 !important; border-color: #494949 !important; }
.mc-unified-search { margin: 0 !important; }
.mc-unified-tabs { min-height: 36px !important; padding: 0 !important; }
.mc-unified-tabs button.active,
.mc-unified-tabs button:hover,
.mc-unified-option.selected,
.mc-unified-option:hover {
  color: #fff !important;
  background: #3a3a3a !important;
  border-color: #707070 !important;
}
.mc-unified-option>i { color: #d5d5d5 !important; }
.mc-unified-list {
  box-sizing: border-box !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 6px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  scrollbar-color: #777 #252525;
}
.mc-unified-list::-webkit-scrollbar { width: 10px; }
.mc-unified-list::-webkit-scrollbar-track { background: #252525; }
.mc-unified-list::-webkit-scrollbar-thumb { background: #707070; border: 2px solid #252525; }
.mc-unified-dialog[data-kind="color"] {
  width: min(520px, calc(100vw - 20px)) !important;
}
.mc-unified-dialog[data-kind="color"] .mc-unified-list {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-content: start !important;
  overflow-y: auto !important;
}
.mc-unified-picker .mc-unified-backdrop {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.mc-unified-dialog[data-kind="color"] .mc-unified-option {
  min-height: 48px !important;
  padding: 6px !important;
  grid-template-columns: 28px minmax(0, 1fr) 14px !important;
  gap: 6px !important;
}
.mc-unified-dialog[data-kind="color"] .mc-color-swatch {
  width: 24px !important;
  height: 24px !important;
}
@media(max-width:650px) {
  .potion-description-box > div:first-child { grid-template-columns: 1fr; }
  .potion-description-box > div:first-child > label:last-child select { min-height: 48px; }
}