/* Grouped warehouse selection; navigation stays visible while options scroll. */
#wms-finder-modal .wms-finder-modal__panel {
  max-width: 700px;
  max-height: min(92vh, 820px);
  max-height: min(92dvh, 820px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-sizing: border-box;
}
#wms-finder-modal .wf-head { flex: none; margin-bottom: .75rem; }
#wms-finder-modal .wf-body { min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 3px 6px 8px 3px; }
#wms-finder-modal .wf-nav { flex: none; margin-top: .6rem; padding-top: .7rem; border-top: 1px solid rgba(148,163,184,.22); }
#wms-finder-modal .wf-nav [hidden] { display: none !important; }
.wf-example, .wf-derived { padding: .65rem .8rem; border-left: 3px solid #60a5fa; border-radius: 0 8px 8px 0; background: rgba(96,165,250,.09); font-size: .8rem; line-height: 1.55; margin: 0 0 .85rem; }
.wf-op-group { border: 1px solid rgba(148,163,184,.26); border-radius: 12px; margin: .6rem 0; overflow: hidden; }
.wf-op-group summary { display: flex; align-items: center; gap: .8rem; padding: .8rem; cursor: pointer; list-style: none; }
.wf-op-group summary::-webkit-details-marker { display: none; }
.wf-op-group summary > span:first-child { flex: 1; min-width: 0; }
.wf-op-group summary strong { display: block; font-size: .9rem; }
.wf-op-group summary small { display: block; opacity: .75; font-size: .75rem; line-height: 1.45; margin-top: .2rem; }
.wf-op-group summary::after { content: '+'; font-size: 1.25rem; color: #60a5fa; }
.wf-op-group[open] summary::after { content: '−'; }
.wf-op-group[open] summary { background: rgba(96,165,250,.06); }
.wf-op-group summary:focus-visible, .wf-review summary:focus-visible { outline: 2px solid #60a5fa; outline-offset: -3px; }
.wf-op-count { background: rgba(96,165,250,.14); border-radius: 6px; min-width: 1.5rem; text-align: center; font-size: .75rem; padding: .15rem; }
.wf-op-group .wf-chips { padding: .75rem; margin: 0; gap: .45rem; }
.wf-op-group .wf-chip { font-size: .8rem; padding: .55rem .7rem; line-height: 1.35; text-align: left; }
.wf-unknown { margin: .8rem 0 .2rem; }
.wf-review-block { border: 1px solid rgba(96,165,250,.4); border-radius: 12px; padding: .85rem; margin-bottom: 1rem; background: rgba(96,165,250,.06); }
.wf-review-block h3 { font-size: .95rem; margin: 0 0 .4rem; }
.wf-review-block p { font-size: .8rem; line-height: 1.6; margin: 0 0 .65rem; }
.wf-review summary { font-weight: 600; font-size: .8rem; cursor: pointer; }
.wf-review ul { margin: .75rem 0 0; padding-left: 1.2rem; }
.wf-review li { font-size: .8rem; line-height: 1.6; margin-top: .6rem; }
.wf-review li strong, .wf-review li span { display: block; }
@media (max-width: 540px) {
  #wms-finder-modal { padding: .6rem; }
  #wms-finder-modal .wms-finder-modal__panel { padding: 1rem .75rem .75rem; max-height: 96dvh; }
  #wms-finder-modal .wf-nav .btn { flex: 1; width: auto; min-width: 0; padding: .7rem .45rem; font-size: .8rem; }
  .wf-op-group summary { padding: .65rem; }
  .wf-op-group .wf-chips { padding: .55rem; }
}
@media print {
  #wms-finder-modal .wms-finder-modal__panel { display: block; max-width: none; padding: 0; }
  #wms-finder-modal .wf-body { overflow: visible; }
  .wf-review li { break-inside: avoid; }
}