/* Quiet Shelf staff mode (QS-10b): the staff PIN sheet and the staff tools wrapper. Tokens only.
   The BLE panel keeps its own explorer styles (index.html .blePanel, .bleFab, .settingsFab). */

.qsStf__form {
  display: grid;
  gap: var(--gap);
  padding: 0 var(--gutter);
}

/* The BLE panel's close button: a full 48 px target. */
.qsStf__close {
  display: inline-grid;
  place-items: center;
  min-width: var(--target-min);
  min-height: var(--target-min);
  border: var(--line-w) solid var(--line-strong);
  border-radius: var(--r-card);
  background: var(--card);
  color: var(--primary);
  cursor: pointer;
}

.qsStf__flush { margin-top: 0; }
.qsStf__hint { margin: 6px 0 4px; }
.qsStf__end { display: flex; justify-content: flex-end; margin-top: 6px; }
.qsStf__picked { margin: 6px 0 0; }
.qsStf__notice { margin: 8px 0 0; }
.qsStf__line { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 4px 0; }
.qsStf__check { display: flex; gap: 6px; align-items: center; margin: 4px 0; }

/* AIA-70, AIA-71: the staff desk sheets (views/staff-desk.js), Help requests and Card applications.
   Staff tooling; tokens only. */
.qsDesk__list { margin: var(--gap) 0 0; padding: 0; list-style: none; display: grid; gap: var(--gap); }
.qsDesk__row { padding: var(--gap); border: var(--line-w) solid var(--line); border-radius: var(--r-card); background: var(--card); color: var(--fg); }
.qsDesk__title, .qsDesk__meta { margin: 0; overflow-wrap: anywhere; }
.qsDesk__meta { color: var(--muted); }
.qsDesk__actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.qsDesk__h { margin: var(--gap) 0 4px; font-family: var(--font-head); font-size: var(--fs-body); font-weight: var(--weight-head); }
.qsDesk__dl { margin: 0; }
.qsDesk__dlRow { display: flex; flex-wrap: wrap; gap: 0 var(--gap); padding: 4px 0; border-top: var(--line-w) solid var(--line); }
.qsDesk__dlRow dt { font-weight: var(--weight-action); min-width: 8em; }
.qsDesk__dlRow dd { margin: 0; overflow-wrap: anywhere; }
[data-sheet="staff-requests"] .qsSheet__body > div,
[data-sheet="staff-review"] .qsSheet__body > div { margin: 0 var(--gutter); }