/* Признаки сотрудника в карточке Справочников (этап 2.1в, plans/2026-09-24-stage2-directories-not-hardcode.md).
   Префикс spa-. Поля и кнопки - те же размеры/цвета, что у соседних полей карточки (drv-reg-*),
   Подтверждение правки - общий диалог yardConfirm_ (files/yard-confirm.js + yard-confirm.css). */
.spa-hint{font-size:11px;color:var(--muted);line-height:1.45;margin:-4px 0 10px}
.spa-row{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-top:1px solid var(--border)}
.spa-row:first-child{border-top:none}
.spa-main{flex:1;min-width:0}
.spa-label{font-size:13px;color:var(--text);display:flex;align-items:center;gap:6px}
.spa-pay{font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  color:var(--amber);border:1px solid var(--border);border-radius:6px;padding:1px 5px}
.spa-desc{font-size:11px;color:var(--muted);margin-top:2px;line-height:1.4}
.spa-hist{font-family:'JetBrains Mono',monospace;font-variant-numeric:tabular-nums;font-size:10.5px;color:var(--muted);margin-top:4px}
.spa-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:0 0 auto}
.spa-state{font-family:'JetBrains Mono',monospace;font-variant-numeric:tabular-nums;font-size:11.5px;color:var(--muted);white-space:nowrap}
.spa-state.on{color:var(--text)}
.spa-btn{background:var(--bg3);border:1px solid var(--border);color:var(--text);border-radius:7px;padding:5px 10px;font-size:12px;
  font-family:inherit;cursor:pointer;white-space:nowrap;transition:border-color .12s ease-out,background-color .12s ease-out}
.spa-btn:hover{border-color:var(--border-strong);background:var(--bg4)}
.spa-btn:disabled{opacity:.5;cursor:default}
.spa-edit{display:flex;gap:6px;align-items:center}
.spa-edit input[type=date]{background:var(--bg3);border:1px solid var(--border);border-radius:7px;padding:5px 8px;color:var(--text);
  font-size:12px;outline:none;color-scheme:dark;font-family:'JetBrains Mono',monospace;font-variant-numeric:tabular-nums}
.spa-edit-lbl{font-size:11px;color:var(--muted)}
.spa-err{display:none;color:var(--red);font-size:12px;margin-top:6px}

@media (prefers-reduced-motion: reduce){
  .spa-btn{transition-duration:.001ms !important}
}