/* Custom dropdowns; only adjacent action buttons inherit their height. */
:root { --control-height: 44px; }
.pp-btn { height: var(--control-height); min-height: var(--control-height); padding: 6px 12px; line-height: 1.4; }
.ks-trigger { min-height: var(--control-height); }
.pp-btn .pp-name { line-height: 18px; }
.pp-btn .pp-sub { line-height: 12px; }
.pp-btn:disabled { opacity: .5; cursor: not-allowed; }
.pp-select .pp-name { font-weight: 450; font-size: 13px; }
.pp-floating.pp-panel { position: fixed; inset: auto; min-width: 0; margin: 0; z-index: 10010; direction: rtl; }
.pp-floating .pp-opt { min-height: var(--control-height); height: auto; }
.pp-floating .pp-opt:disabled { opacity: .45; cursor: not-allowed; }
.pp-floating .pp-opt:focus-visible { outline: 2px solid var(--ring); outline-offset: -2px; }
.pp-floating .pp-search { min-height: var(--control-height); }
.pp-floating .pp-q { min-height: 0; height: auto; }
.tr-spk > .pp, .tr-spk > .ks-select { margin: 0; flex: 1; }

/* A dropdown may be a direct child or sit inside its field label. */
:where(.row, .spread, .actions):has(> .pp, > label > .pp, > .ks-select, > label > .ks-select) > button:not(.btn-icon):not(.help-btn) {
  height: var(--control-height); min-height: var(--control-height);
  box-sizing: border-box;
}
@media (min-width: 1024px) {
  .actions { justify-content: flex-start; flex-wrap: wrap; }
  .actions > button { flex: 0 1 auto; width: auto; }
  #pv-body > .card > .row:has(#pv-t) { flex-wrap: nowrap; align-items: center; }
  #pv-t { width: auto; min-width: 0; flex: 1 1 auto !important; margin-top: 0; }
  #pv-t-add { flex: none; }
  .row > .pp, .row > .ks-select { align-self: center; }
}
@media (prefers-reduced-motion: reduce) {
  .pp-panel { animation: none; }
}
.pp-floating .pp-q:focus-visible { outline: none; box-shadow: none; }
.pp-floating .pp-search:focus-within { background: var(--accent); }
.pp-chev .ic { width: 16px; height: 16px; }