feat: secure shares with keyboard-first My Shares modal (hotkeys S/L)

1 files changed, 23 insertions, 0 deletions

diff --git a/web/css/components.css b/web/css/components.css
index d1ee759..f81fecf 100644
--- a/web/css/components.css
+++ b/web/css/components.css
@@ -140,3 +140,26 @@ label {
 .toast.info { border-left: 4px solid var(--accent); }
 .toast.success { border-left: 4px solid var(--success); }
 .toast.error { border-left: 4px solid var(--danger); }
+
+/* Share rows */
+.share-row { cursor: pointer; outline: none; }
+.share-row.selected { background: var(--accent-soft); border-left: 3px solid var(--accent); padding-left: calc(0.25rem - 3px); }
+.share-row:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
+
+.shares-hint {
+  font-size: 0.75rem;
+  color: var(--text-secondary);
+  padding: 0.5rem 0.25rem;
+  text-align: center;
+  border-top: 1px solid var(--border);
+}
+.shares-hint kbd {
+  display: inline-block;
+  padding: 0.08rem 0.3rem;
+  font-family: inherit;
+  font-size: 0.7rem;
+  background: var(--bg-elevated);
+  border: 1px solid var(--border);
+  border-radius: var(--radius-sm);
+  color: var(--text-primary);
+}