/* Admin site only (admin.contexthint.si; linked from admin.html after styles.css): live updates.
   Tokens from styles.css, so dark mode follows. Quiet on purpose: small grey text, a text button, a short tint. */

/* top bar: "Updated 10:42:05 AM" + Refresh */
.adm-live{display:flex;align-items:center;gap:10px;font:400 12px/1.4 var(--font-body);color:var(--text-faint);white-space:nowrap}
.adm-live-t{font-variant-numeric:tabular-nums}
.adm-live.wait .adm-live-t{color:var(--text-muted)}
.adm-live-b{border:0;background:none;padding:6px 2px;font:500 12px/1.4 var(--font-body);color:var(--text-muted);cursor:pointer;
  text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:3px;border-radius:4px}
.adm-live-b:hover{color:var(--text);text-decoration-color:currentColor}
.adm-live-b:disabled{cursor:default;color:var(--text-faint)}
@media (max-width:760px){.adm-live{gap:6px}.adm-live .w{display:none}}

/* rows that arrived with a live refresh: a light accent tint that fades out (no fill mode, so hover works after) */
@keyframes adm-new{from{background-color:color-mix(in srgb,var(--accent) 9%,transparent)}to{background-color:transparent}}
.adm-li.adm-new,.adm-ci.adm-new,.adm-ld tr.adm-new td{animation:adm-new 2.6s var(--ease-out)}
@media (prefers-reduced-motion:reduce){
  .adm-li.adm-new,.adm-ci.adm-new,.adm-ld tr.adm-new td{animation:none;background-color:color-mix(in srgb,var(--accent) 6%,transparent)}
}

/* Leads: where a sign-up happened, under "Sign-up" */
.adm-ld-type small{display:block;margin-top:2px;font-size:12px;color:var(--text-faint)}