/* Watch shares the application's palette, controls, and compact evidence rhythm. */
#watch-intro{padding-bottom:var(--space-7)}
#watch-intro>p{color:var(--text-secondary);margin-block:var(--space-2) var(--space-4)}
.watch-local-label{display:flex;flex-wrap:wrap;gap:var(--space-2);font:500 12px/1.5 var(--font-ui);color:var(--text-secondary)}
#watch-add-form{display:flex;align-items:end;gap:var(--space-2);max-width:800px;margin-top:var(--space-5)}
#watch-add-input{flex:1;width:100%;min-width:0;min-height:44px;padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card);color:var(--ink);font:400 16px/1.4 var(--font-ui)}
#watch-add-input::placeholder{color:var(--text-secondary);opacity:1}
#watch-add-input:focus-visible{outline:2px solid var(--green-dark);outline-offset:3px}
#watch-add-input[aria-invalid="true"]{border-color:var(--red)}
#watch-feedback{min-height:24px;margin-block:var(--space-2) var(--space-4)!important;font:400 13px/1.6 var(--font-ui)}
#watch-feedback[data-kind="error"]{color:var(--red)}
.watch-list-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-block:var(--space-4);border-bottom:1px solid var(--line)}
.watch-list-heading h2{margin:0;font-size:16px}
#watch-count{font:500 12px/1.5 var(--font-ui);color:var(--text-secondary)}
.watch-row{display:grid;grid-template-columns:minmax(200px,1.05fr) minmax(360px,1.6fr) auto;align-items:center;gap:var(--space-4) var(--space-5);padding:var(--space-5) 0;border-bottom:1px solid var(--line)}
.watch-row>*{min-width:0}
.watch-identity .watch-token-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font:700 16px/1.4 var(--font-heading);letter-spacing:-.01em;overflow-wrap:anywhere;margin:0 0 var(--space-1)}
.watch-identity .watch-token-symbol{font:500 12px/1.5 var(--font-ui);color:var(--text-secondary);margin:0 0 var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.watch-address{display:block;color:var(--text-secondary);font:400 12px/1.6 var(--font-data);overflow-wrap:anywhere}
.watch-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin:0}
.watch-metrics>div{min-width:0}
.watch-metrics dt{color:var(--text-secondary);font:500 12px/1.5 var(--font-ui);margin-bottom:var(--space-2)}
.watch-metrics dd{color:var(--ink);margin:0;font:600 14px/1.5 var(--font-data);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.watch-metrics .watch-value-unknown{color:var(--text-secondary);font:500 14px/1.5 var(--font-ui)}
.watch-metrics .watch-signal-count dd{font:500 12px/1.5 var(--font-ui);color:var(--text-secondary)}
.watch-metrics .watch-signal-link{padding:0;min-height:44px;margin-block:-10px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--green-dark);font:600 13px/1.5 var(--font-ui);text-decoration:underline;text-underline-offset:3px;text-align:left;justify-content:flex-start}
.watch-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}
.watch-actions .now-button{padding-inline:var(--space-3);white-space:nowrap}
.watch-actions .watch-remove{border-color:transparent;background:transparent;color:var(--text-secondary)}
.watch-actions .watch-remove:hover{border-color:var(--line);color:var(--ink);background:var(--surface-subtle)}
#watch-intro .watch-source{grid-column:1/-1;color:var(--text-secondary);font:400 12px/1.6 var(--font-ui);margin:calc(-1 * var(--space-2)) 0 0;max-width:none;overflow-wrap:anywhere}
.watch-empty{padding:var(--space-7) var(--space-5);background:var(--surface-subtle);border-radius:var(--radius-md);text-align:center;margin-block:var(--space-4) var(--space-5)}
.watch-empty-icon{display:inline-flex;color:var(--text-secondary);margin-bottom:var(--space-4)}
.watch-empty-icon .ic{width:40px;height:40px;stroke-width:1.25}
#watch-intro .watch-empty h2{font:650 20px/1.4 var(--font-heading);margin:0 0 var(--space-2)}
#watch-intro .watch-empty p{font:400 14px/1.7 var(--font-ui);color:var(--text-secondary);max-width:52ch;margin:0 auto var(--space-5)}
.watch-capabilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6);margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--line)}
.watch-capabilities h2{font:650 16px/1.5 var(--font-ui);margin-bottom:var(--space-2)}
.watch-capabilities p{margin:0 0 var(--space-3);font:400 12px/1.6 var(--font-ui);color:var(--text-secondary)}
.watch-capabilities .now-meta{margin-top:var(--space-2)}
#watch-intro button{transition:background-color var(--motion-fast),border-color var(--motion-fast),color var(--motion-fast)}
#watch-intro button:active{filter:brightness(.96)}
#watch-intro button:focus-visible{outline:2px solid var(--green-dark);outline-offset:3px}
#watch-intro [hidden]{display:none!important}
@media(max-width:1100px){.watch-row{grid-template-columns:minmax(180px,1fr) minmax(300px,1.6fr);gap:var(--space-4)}.watch-actions{grid-column:2;justify-content:flex-end}.watch-row .watch-source{grid-column:1;grid-row:2;margin:0!important}}
@media(max-width:767px){.watch-row{grid-template-columns:minmax(0,1fr);padding-block:var(--space-5);gap:var(--space-4)}.watch-identity .watch-token-name{font-size:18px}.watch-row .watch-source{grid-column:1;grid-row:auto;margin:0!important}.watch-metrics{gap:var(--space-3)}.watch-actions{grid-column:1;justify-content:flex-start}.watch-actions .now-button{min-width:112px}.watch-row .watch-source{grid-row:3}.watch-capabilities{grid-template-columns:minmax(0,1fr);gap:var(--space-5)}}
@media(max-width:430px){#watch-add-form{flex-wrap:wrap}#watch-add-input{flex-basis:100%}#watch-add-form>.now-button{width:100%}.watch-empty{padding:var(--space-6) var(--space-4)}.watch-metrics dd{font-size:13px}}
@media(prefers-reduced-motion:reduce){#watch-intro button{transition:none}}
/* Watch V1: compact inbox, with qualifiers and explicit review actions. */
#watch-summary{font:600 14px/1.6 var(--font-ui);margin:20px 0 8px}
#watch-availability{font:400 12px/1.6 var(--font-ui);color:var(--text-secondary);padding:12px 0;border-bottom:1px solid var(--line)}
#watch-list{margin-top:16px}
#watch-intro .watch-row{grid-template-columns:minmax(160px,1fr) minmax(300px,2fr);gap:12px 24px;padding:20px;margin-bottom:10px}
#watch-intro .watch-new-count{display:block;font:600 12px/1.5 var(--font-ui);margin-top:6px;color:var(--ink)}
#watch-intro .watch-row[data-new]:not([data-new="0"]) .watch-new-count{color:var(--green-dark)}
#watch-intro .watch-changes,#watch-intro .watch-actions,#watch-intro .watch-source{grid-column:1/-1;grid-row:auto;margin:0!important}
#watch-intro .watch-changes{display:grid;gap:4px}
#watch-intro .watch-change-link{justify-content:flex-start;text-align:left;white-space:normal;overflow-wrap:anywhere;min-height:36px;padding:6px 0;border:0;background:transparent;font-size:12px;color:var(--text-secondary)}
#watch-intro .watch-actions{justify-content:flex-start}
#watch-intro .watch-metrics dd,#watch-intro .tk-trust-none{font-size:12px;white-space:normal;overflow-wrap:anywhere}
#watch-intro .watch-trust em{display:block;font:400 11px/1.4 var(--font-ui);color:var(--text-secondary)}
.watch-nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--green-dark);color:var(--paper);font:600 10px/1 var(--font-ui)}
.watch-nav-badge[hidden],#watch-confirmation[hidden]{display:none!important}
#watch-confirmation{position:fixed;right:20px;bottom:24px;z-index:140;max-width:360px;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);box-shadow:0 8px 28px #0003;font:400 13px/1.5 var(--font-ui)}
#watch-confirmation p{margin:0 0 8px;overflow-wrap:anywhere}
#watch-confirmation .now-button{margin:4px 6px 0 0;min-height:44px}
@media(max-width:767px){#watch-intro .watch-row{grid-template-columns:minmax(0,1fr);padding:16px;gap:12px}#watch-intro .watch-metrics{grid-column:1;gap:12px}#watch-intro .watch-actions .now-button{min-width:0;min-height:44px}#watch-confirmation{left:16px;right:16px;bottom:78px;max-width:none}.tabbar-btn .watch-nav-badge{position:absolute;top:4px;right:8px}.tabbar-btn{position:relative}}

/* a watched token is an entry point to its home, not just a manageable row */
.watch-row{cursor:pointer}
.watch-row:hover{background:var(--hover,rgba(127,127,127,.05))}
.watch-row:focus-visible{outline:2px solid var(--accent,#b6e400);outline-offset:2px}
.watch-row button{cursor:pointer}