#434

frontend/src/components/counts/countsTable.css

@@ -3,11 +3,37 @@
 }
 
 .counts-grid > tbody > tr > td[data-counts-text] {
+  position: relative;
+  outline: 1px solid #64748b;
+  outline-offset: -1px;
   user-select: text;
   -webkit-user-select: text;
+  -webkit-touch-callout: default;
   cursor: text;
 }
 
+.dark .counts-grid > tbody > tr > td[data-counts-text] {
+  outline-color: #94a3b8;
+}
+
+.counts-text-caret {
+  position: absolute;
+  width: 1px;
+  background-color: currentColor;
+  pointer-events: none;
+  user-select: none;
+  animation: counts-caret-blink 1s step-end infinite;
+}
+
+@keyframes counts-caret-blink {
+  0%, 49% { opacity: 1; }
+  50%, 100% { opacity: 0; }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .counts-text-caret { animation: none; }
+}
+
 .counts-grid > tbody > tr:nth-child(odd) > td:not([data-counts-selected]) {
   @apply bg-white text-slate-900;
 }