Refresh Harbor docs and subscription controls

src/web/styles.css

@@ -1046,15 +1046,15 @@ p {
 
 .client-tooltip {
   position: absolute;
-  top: calc(100% + 6px);
+  bottom: calc(100% + 6px);
   left: 50%;
-  z-index: 12;
+  z-index: 50;
   width: max-content;
   max-width: 220px;
   padding: 6px 8px;
   border-radius: 8px;
-  background: color-mix(in oklch, var(--client-panel) 68%, transparent);
-  box-shadow: 0 7px 22px oklch(0.08 0.015 145 / 0.1);
+  background: color-mix(in oklch, var(--client-panel) 78%, transparent);
+  box-shadow: 0 8px 26px oklch(0.08 0.015 145 / 0.16);
   backdrop-filter: blur(10px) saturate(0.9);
   color: var(--client-text);
   font: 600 10px/1.35 'JetBrains Mono', 'SF Mono', ui-monospace, Menlo, monospace;
@@ -1065,12 +1065,12 @@ p {
   visibility: hidden;
   filter: blur(2px);
   pointer-events: none;
-  transform: translate(-50%, -2px);
+  transform: translate(-50%, 2px);
   transition: opacity 90ms ease, filter 120ms ease, transform 140ms cubic-bezier(0.16, 1, 0.3, 1), visibility 0s 140ms;
 }
 
 .client-tooltip-anchor:hover > .client-tooltip,
-.client-tooltip-anchor:focus-visible > .client-tooltip {
+.client-tooltip-anchor:focus-within > .client-tooltip {
   opacity: 1;
   visibility: visible;
   filter: blur(0);
@@ -1078,6 +1078,13 @@ p {
   transition-delay: 20ms, 20ms, 20ms, 0s;
 }
 
+.client-icon-tooltip {
+  width: 16px;
+  height: 16px;
+  display: grid;
+  place-items: center;
+}
+
 .client-power-section p {
   min-height: 0;
   line-height: 20px;
@@ -1285,6 +1292,11 @@ p {
   pointer-events: none;
 }
 
+.client-subscription.is-editing .client-icon-tooltip {
+  opacity: 0;
+  pointer-events: none;
+}
+
 .client-subscription-edit,
 .client-subscription-summary {
   grid-area: 1 / 1;
@@ -1471,7 +1483,7 @@ p {
   color: var(--client-muted);
   text-align: center;
   cursor: pointer;
-  overflow: hidden;
+  overflow: visible;
 }
 
 .client-subscription.is-editing .client-subscription-summary {
@@ -1481,7 +1493,7 @@ p {
   pointer-events: none;
 }
 
-.client-subscription-heading > span {
+.client-subscription-label {
   font-size: 12px;
   text-transform: uppercase;
   letter-spacing: 0.06em;