/* desk.css: page-specific styles for the operator desk. Use coe.css components first. */

.desk-links { display: flex; flex-wrap: wrap; gap: 2px 18px; font-size: 0.875rem; }

/* On a phone a member is one row: who, their equity and their state. The rest is one tap away. */
@media (max-width: 640px) {
  .desk-table tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 12px; }
  .desk-table td, .desk-table td.num, .desk-table td.cell-text { display: block; width: auto; text-align: left; padding: 0; }
  .desk-table td::before, .desk-table td.cell-text::before { content: none; }
  .desk-table td[data-label="Equity"] { grid-column: 2; grid-row: 1; text-align: right; font-weight: 600; }
  .desk-table td[data-label="State"] { grid-column: 1 / -1; }
  .desk-table td[data-label="Login"], .desk-table td[data-label="Today"], .desk-table td[data-label="Copied this month"],
  .desk-table td[data-label="Size"], .desk-table td[data-label="Updated"] { display: none; }
}

.event-list { list-style: none; margin: 0; padding: 0; font-size: 0.875rem; font-variant-numeric: tabular-nums lining-nums; }
.event-list li { padding: 4px 0; border-top: 1px solid var(--hair); }
.event-list li:first-child { border-top: 0; padding-top: 0; }
/* an open alert reads like a problem row in the members table (audit E2) */
.alert-list__open a, .alert-list__open .alert-list__text { color: var(--loss); }

.desk-confirm { border-top: 1px solid var(--hair); padding-top: 9px; }
.desk-confirm .check { font-size: 0.8125rem; color: var(--muted); }

.missing-list { margin: 6px 0 0; padding-left: 1.2em; font-size: 0.875rem; }
.missing-list li + li { margin-top: 3px; }

.inline-form { display: flex; gap: 6px; align-items: center; margin: 0 0 5px; }
.inline-form input[type="text"] { padding: 3px 6px; font-size: 0.8125rem; min-width: 0; }
.inline-form .button { white-space: nowrap; }