Locking refinement; Review/Send improvement

src/styles/components.css

@@ -1185,64 +1185,36 @@
 /* Consistent row-level collection actions for editable DataGrid tables. */
 .data-grid-row-actions {
   display: grid;
-  grid-template-columns: repeat(4, 28px);
+  grid-template-columns: repeat(4, 36px);
   align-items: center;
   justify-content: end;
   gap: 4px;
   width: 100%;
 }
 
-.data-grid-row-action {
+.data-grid-row-action.btn {
   display: inline-grid;
   place-items: center;
-  width: 28px;
-  height: 28px;
-  border: 1px solid var(--line);
-  border-radius: 6px;
-  background: #fff;
-  color: var(--text);
-  cursor: pointer;
+  width: 36px;
+  height: 36px;
+  min-width: 36px;
   padding: 0;
 }
 
-.data-grid-row-action:hover:not(:disabled),
-.data-grid-row-action:focus-visible:not(:disabled) {
-  border-color: var(--line-dark);
-  background: var(--panel-soft);
-  outline: none;
-  box-shadow: var(--focus-ring);
+.data-grid-row-action.btn:disabled {
+  opacity: .45;
 }
 
-.data-grid-row-action.is-add {
-  border-color: color-mix(in srgb, var(--blue) 52%, var(--line));
-  background: color-mix(in srgb, var(--blue) 10%, #fff);
-  color: var(--blue);
+.data-grid-empty-message {
+  color: var(--muted);
+  min-height: 64px;
 }
 
-.data-grid-row-action.is-remove {
-  border-color: rgba(171, 70, 61, .35);
-  background: rgba(171, 70, 61, .06);
-  color: #9f433b;
+.data-grid-empty-action-cell {
+  justify-content: flex-end;
+  min-height: 64px;
 }
 
-.data-grid-row-action:disabled {
-  cursor: default;
-  opacity: .42;
-}
-
-.data-grid-row-action.is-placeholder {
-  visibility: hidden;
-  pointer-events: none;
-}
-
-.data-grid-empty-action {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 16px;
-  width: 100%;
-}
-
-.data-grid-empty-action > span {
-  min-width: 0;
+.data-grid-empty-row-actions {
+  justify-content: end;
 }