/* Price list screens. */
.pl-search .field { min-width: 240px; }
.staff .pl-formula { margin: 0 0 14px; max-width: 760px; }
.staff .pl-codes td.small { line-height: 1.35; }
.staff .move .up { color: var(--flag-ink); }
.staff .move .down { color: var(--ok); }
.staff .pl-wording { white-space: normal; }
.staff .pl-moved { margin-top: 4px; font-size: 12.5px; }
.staff .pl-moved summary { color: var(--oak); font-weight: 600; }
.staff .pl-moved ul { margin: 4px 0 0; padding-left: 16px; }
.staff .pl-moved li { display: flex; gap: 10px; flex-wrap: wrap; }

.staff .pl-renderings { list-style: none; margin: 8px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 12px; }
.staff .pl-renderings li { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.staff .pl-renderings a { display: flex; flex-direction: column; gap: 4px; text-decoration: none; color: var(--ink); }
.staff .pl-renderings img, .staff .pl-rendering-missing { width: 100%; aspect-ratio: 3 / 2; object-fit: contain; background: #fff; border: 1px solid var(--line); border-radius: var(--r); }
.staff .pl-rendering-missing { display: grid; place-items: center; color: var(--muted); font-size: 12px; }
.staff .pl-rendering { width: 100%; height: auto; background: #fff; border: 1px solid var(--line); border-radius: var(--r); }
.staff .pl-history { border-top: 1px solid var(--line); padding-top: 8px; margin-top: 8px; display: grid; gap: 6px; }
.staff .pl-estimates { margin: 6px 0 0; padding-left: 16px; }