.auth-board-overview {
  margin-top: 48px;
  border-top: 1px solid var(--auth-line);
}

.auth-board-overview-head,
.auth-workflow-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 36px;
  color: var(--auth-dim);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 9px;
  letter-spacing: .1em;
}

.auth-board-overview-head span:last-child,
.auth-workflow-head span:last-child {
  color: var(--auth-brand);
}

.auth-board-row {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  min-height: 66px;
  padding: 10px 0;
  border-top: 1px solid var(--auth-line);
}

.auth-board-index {
  color: var(--auth-brand);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 10px;
}

.auth-board-copy { min-width: 0; }
.auth-board-copy strong { display: block; color: var(--auth-text); font-size: 14px; font-weight: 620; }
.auth-board-copy small { display: block; margin-top: 4px; overflow: hidden; color: var(--auth-dim); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.auth-board-state { display: inline-flex; align-items: center; gap: 6px; color: var(--auth-muted); font-size: 10px; white-space: nowrap; }
.auth-board-state i { display: block; width: 6px; height: 6px; border-radius: 50%; background: var(--success); box-shadow: 0 0 0 3px rgba(36, 138, 90, .12); }

.auth-workflow-strip {
  margin-top: 26px;
  padding-top: 13px;
  border-top: 1px solid var(--auth-line);
}

.auth-workflow-line {
  display: grid;
  grid-template-columns: auto minmax(24px, 1fr) auto minmax(24px, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-height: 36px;
  color: var(--auth-text);
  font-size: 11px;
}

.auth-workflow-line i { display: block; height: 1px; background: var(--auth-line); }

@media (max-width: 780px) {
  .auth-board-overview { margin-top: 37px; }
  .auth-board-row { min-height: 60px; }
}

@media (max-width: 480px) {
  .auth-board-row { grid-template-columns: 26px minmax(0, 1fr) auto; gap: 8px; }
  .auth-board-copy small { white-space: normal; }
  .auth-board-state { font-size: 9px; }
  .auth-workflow-line { gap: 7px; font-size: 10px; }
}