/* next-r96-people.css (r96 phase 2, wave 2, W2-PEOPLE): the register of permits and people (#/permits). The workspace's own tokens
   only, on the v89 kit (header, strip, card, table, chip); nothing here restyles another page. */
#view .r96pp .card { margin: 0 0 var(--s-4); }
#view .r96pp .v89-note { margin: 0 0 var(--s-4); }
#view .r96pp .r96pp-t td { vertical-align: top; }
/* a number, a holder or a date is read whole: cells wrap here, where the kit cuts them to one line */
#view .r96pp .v89-table.r96pp-t td { white-space: normal; }
#view .r96pp .v89-table.r96pp-t td .l1 { display: block; font-weight: var(--w-semibold); color: var(--gray-900); white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
#view .r96pp .v89-table.r96pp-t td .l2 { display: block; margin-top: 2px; font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-500); white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
#view .r96pp .r96pp-t .chip + .l2 { margin-top: 4px; }
#view .r96pp .r96pp-act { display: flex; flex-wrap: wrap; gap: 4px; justify-content: flex-end; }
#view .r96pp .r96pp-none { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-2) var(--s-3); margin: 0; font-size: var(--t-body-size); line-height: var(--t-body-lh); color: var(--gray-500); }
#view .r96pp .muted { color: var(--gray-500); }
#view .r96pp-people { list-style: none; margin: 0; padding: 0; }
#view .r96pp-p { display: grid; grid-template-columns: minmax(180px, 26%) 1fr; gap: var(--s-3); padding: var(--s-3) 0; }
#view .r96pp-p + .r96pp-p { border-top: 1px solid var(--gray-200); }
#view .r96pp-who { display: flex; align-items: center; flex-wrap: wrap; gap: var(--s-2); min-width: 0; }
#view .r96pp-who b { font-weight: var(--w-semibold); color: var(--gray-900); overflow-wrap: anywhere; }
#view .r96pp-pb { min-width: 0; }
#view .r96pp-lic { display: flex; flex-wrap: wrap; align-items: center; gap: 6px var(--s-2); font-size: var(--t-body-size); line-height: var(--t-body-lh); }
#view .r96pp-lic + .r96pp-lic { margin-top: 6px; }
#view .r96pp-lic .l1 { color: var(--gray-900); overflow-wrap: anywhere; }
#view .r96pp-lic .l2 { font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-500); }
#view .r96pp-lic .r96pp-act { margin-left: auto; }
#view .r96pp-usp { display: flex; flex-wrap: wrap; gap: 6px var(--s-3); margin-top: var(--s-2); }
#view .r96pp-u { display: inline-flex; flex-direction: column; gap: 2px; min-width: 0; }
#view .r96pp-u small { font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-500); }
#view .r96pp-orders h3 { margin: 0 0 var(--s-1); font-size: var(--t-small-size); line-height: var(--t-small-lh); font-weight: var(--w-semibold); color: var(--gray-700); }
#view .r96pp-orders ul { margin: 0; padding: 0 0 0 18px; }
#view .r96pp-orders li { margin: 3px 0; font-size: var(--t-body-size); line-height: var(--t-body-lh); color: var(--gray-900); overflow-wrap: anywhere; }
#view .r96pp-orders p { margin: var(--s-2) 0 0; font-size: var(--t-small-size); line-height: var(--t-small-lh); }
#view .r96pp-hold { display: flex; align-items: center; justify-content: space-between; gap: var(--s-3); border-top: 1px solid var(--gray-200); }
#view .r96pp-hold b { display: block; font-weight: var(--w-semibold); color: var(--gray-900); }
#view .r96pp-hold span { display: block; font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-500); max-width: 72ch; }
#view .r96pp-ret summary { cursor: pointer; list-style: none; }
#view .r96pp-ret summary::-webkit-details-marker { display: none; }
#view .r96pp-ret ul { margin: 0; padding: 0 0 0 18px; }
#view .r96pp-ret li { margin: 4px 0; font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-700); overflow-wrap: anywhere; }
#view .r96pp-boundary { margin: var(--s-2) 0 var(--s-5); font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-500); max-width: 90ch; }
#dialog .r96pp-dlg { width: min(620px, 100%); }
#dialog .r96pp-dlg [hidden] { display: none !important; }
#dialog .r96pp-dlg .ck { display: flex; align-items: center; gap: 8px; font-weight: var(--w-regular, 400); }
#dialog .r96pp-dlg input[name="previousPic"] { margin-top: 6px; }
#dialog .r96pp-states { display: grid; grid-template-columns: repeat(auto-fill, minmax(64px, 1fr)); gap: 6px var(--s-2); max-height: 46vh; overflow-y: auto; }
/* the phone: one column, buttons below their text, nothing wider than the screen */
@media (max-width: 699px) {
  /* prx v1 wave 5 (review A, phone 1): a row's first cell stacks its title and lines; the phone's flex cell had set them side by side,
     breaking a title letter by letter */
  #view .r96pp .tablewrap > table:not(.r96pp-x) td:first-child { display: block; }
  #view .r96pp-p { grid-template-columns: 1fr; gap: var(--s-2); }
  #view .r96pp-hold { flex-direction: column; align-items: flex-start; }
  #view .r96pp-lic .r96pp-act { margin-left: 0; width: 100%; justify-content: flex-start; }
  #view .r96pp .r96pp-act { justify-content: flex-start; }
}

/* prx v1 wave 5: the Partner Record's line under a register row that differs from its source, in the attention tone */
#view .r96pp .v89-table td .l2.r96pp-prx[data-state="differs"] { color: var(--attention-fg); }
#view .r96pp .r96pp-prx .link { margin-left: var(--s-1); }