Simplify device status display and bump client versions

src/web/styles.css

@@ -885,7 +885,7 @@ p {
 
 .client-device-heading {
   display: grid;
-  grid-template-columns: 60px minmax(0, 1fr) auto 32px;
+  grid-template-columns: minmax(0, 1fr) auto 32px;
   align-items: center;
   gap: 6px;
   min-height: 28px;
@@ -907,33 +907,6 @@ p {
   white-space: nowrap;
 }
 
-.client-device-status {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  color: var(--client-muted);
-  font-size: 9px;
-  white-space: nowrap;
-}
-
-.client-device-status::before {
-  flex: 0 0 auto;
-  width: 6px;
-  height: 6px;
-  display: inline-block;
-  border-radius: 50%;
-  background: currentColor;
-  content: '';
-}
-
-.client-device.is-online .client-device-status {
-  color: var(--client-accent);
-}
-
-.client-device.is-offline .client-device-status {
-  opacity: 0.56;
-}
-
 .client-device-edit-wrap,
 .client-device-pin-wrap {
   width: 28px;
@@ -996,7 +969,6 @@ p {
   grid-template-columns: minmax(0, 1fr) 72px auto;
   align-items: center;
   gap: 8px;
-  margin-left: 66px;
   color: var(--client-muted);
   font-size: 9px;
   line-height: 1.5;
@@ -1019,19 +991,17 @@ p {
   content: '·';
 }
 
-.client-device-identity {
-  position: relative;
-  margin-left: 4px;
-  color: var(--client-accent);
-  cursor: help;
-}
-
 .client-device-last-seen {
   color: var(--client-text);
   cursor: default;
   white-space: nowrap;
 }
 
+.client-device-last-seen.is-online {
+  color: var(--client-accent);
+  font-weight: 700;
+}
+
 .client-device-pin-wrap.client-tooltip-anchor > .client-tooltip {
   right: 0;
   left: auto;
@@ -1086,8 +1056,7 @@ p {
   transform: scale(1);
 }
 
-.client-device-last-seen:focus-visible,
-.client-device-identity:focus-visible {
+.client-device-last-seen:focus-visible {
   border-radius: 3px;
   outline: 2px solid var(--client-accent);
   outline-offset: 3px;