.watch-explorer { max-width: 1240px; }
.watch-explorer-intro,.watch-register-heading { display:flex; justify-content:space-between; align-items:center; gap:24px; }
.watch-explorer-intro { margin-bottom:28px; }
.watch-explorer-intro p { max-width:72ch; color:var(--silex-text-soft); }
.watch-explorer-intro>a { flex-shrink:0; min-height:44px; display:inline-flex; align-items:center; }
.watch-register { background:var(--silex-surface); border:1px solid var(--silex-border); }
.watch-register-heading { padding:20px 24px; border-bottom:1px solid var(--silex-border); }
.watch-register-heading h2 { margin:0; font-size:1.2rem; }
.watch-register-heading p { margin:6px 0 0; color:var(--silex-muted); font-size:.8rem; }
.watch-filters { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-items:end; gap:16px; padding:20px 24px 12px; }
.watch-filters label { display:grid; gap:7px; min-width:0; color:var(--silex-text-soft); font-size:.8rem; }
.watch-filter-panel>summary { display:none; }
.watch-project-search { grid-column:span 2; }
.watch-filters .silex-input { width:100%; min-width:0; min-height:44px; font-size:.85rem; color-scheme:dark; }
.watch-filter-help,.watch-feed-status { padding:0 24px; margin:8px 0 16px; color:var(--silex-muted); font-size:.8rem; }
.watch-feed { list-style:none; margin:0; padding:0; }
.watch-feed-item { display:grid; grid-template-columns:minmax(160px,.7fr) minmax(0,1.65fr) minmax(125px,.55fr); align-items:start; gap:22px; padding:22px 24px; border-top:1px solid var(--silex-border); }
.watch-project { display:flex; align-items:center; gap:12px; min-width:0; }
.watch-project-icon { width:40px; height:40px; flex:0 0 40px; }
.watch-project-name { display:grid; min-width:0; gap:4px; }
.watch-project-name strong { overflow-wrap:anywhere; font-size:.95rem; }
.watch-project-name small { color:var(--silex-muted); font-size:.8rem; }
.watch-feed-title { display:flex; align-items:flex-start; gap:9px; margin:0 0 9px; font-size:1rem; line-height:1.45; }
.watch-category-icon { width:20px; height:20px; flex:0 0 20px; margin-top:1px; color:var(--silex-text-soft); }
.watch-feed-values { margin:0 0 8px; font-size:1rem; font-variant-numeric:tabular-nums; color:var(--silex-text); overflow-wrap:anywhere; }
.watch-feed-description,.watch-feed-resolution { margin:5px 0; font-size:.8rem; line-height:1.55; color:var(--silex-text-soft); }
.watch-feed-quality { margin:8px 0 0; font-size:.8rem; line-height:1.55; color:var(--silex-text-soft); }
.watch-feed-resolution strong { color:var(--silex-positive); }
.watch-feed-meta { display:flex; flex-direction:column; align-items:flex-end; gap:10px; font-variant-numeric:tabular-nums; }
.watch-feed-meta time { color:var(--silex-muted); font-size:.8rem; }
.watch-feed-meta .watch-severity-tooltip { left:auto; right:0; }
.watch-feed-action { display:inline-flex; align-items:center; min-height:44px; font-size:.85rem; color:var(--silex-accent); }
.watch-feed-state { display:block; margin-top:8px; color:var(--silex-muted); font-size:.75rem; }
.watch-feed-item.is-resolved .watch-severity { color:var(--silex-text-soft); border-color:var(--silex-border); }
.watch-feed-item.is-resolved .watch-feed-title { color:var(--silex-text-soft); }
.watch-feed-pagination { display:flex; justify-content:center; padding:16px; }
.watch-feed-message { padding:24px; border-top:1px solid var(--silex-border); }
.watch-feed-message h3 { margin:0 0 8px; }
.watch-reading-note { color:var(--silex-muted); font-size:.8rem; line-height:1.65; max-width:80ch; margin:20px 0; }
.watch-latest { margin:0 auto 28px; }
.watch-latest .watch-register-heading { padding:16px 20px; }
.watch-latest-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:0; margin:0; list-style:none; }
.watch-latest-item { min-width:0; border-top:1px solid var(--silex-border); }
.watch-latest-item+.watch-latest-item { border-left:1px solid var(--silex-border); }
.watch-latest-link { display:grid; gap:10px; padding:16px 20px; color:var(--silex-text-soft); height:100%; }
.silex-app .watch-latest-link { color:var(--silex-text-soft); text-decoration:none; }
.silex-app .watch-latest-link .watch-project-name strong { color:var(--silex-text); }
.watch-latest-link:hover { background:var(--silex-raised); }
.watch-latest-line { font-size:.85rem; line-height:1.5; }
.watch-latest-meta { display:flex; gap:10px; align-items:center; color:var(--silex-muted); font-size:.75rem; }
.watch-latest-item.is-resolved .watch-severity { color:var(--silex-text-soft); border-color:var(--silex-border); }
.watch-latest-status { padding:16px 20px; margin:0; color:var(--silex-muted); }
@media(max-width:1050px) {
  .watch-feed-item { grid-template-columns:minmax(140px,.7fr) minmax(0,1.4fr); gap:16px; }
  .watch-feed-meta { grid-column:2; flex-direction:row; flex-wrap:wrap; align-items:center; }
  .watch-feed-meta .watch-severity-tooltip { left:0; right:auto; }
  .watch-filters { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:600px) {
  .watch-filter-panel>summary { display:flex; align-items:center; min-height:48px; padding:12px 16px; cursor:pointer; color:var(--silex-accent); }
  .watch-explorer-intro { display:block; }
  .watch-explorer-intro .silex-page-title { font-size:1.7rem; }
  .watch-register-heading,.watch-feed-item { padding:18px 16px; }
  .watch-filters { grid-template-columns:repeat(2,minmax(0,1fr)); padding:16px; gap:14px 10px; }
  .watch-filter-help,.watch-feed-status { padding:0 16px; }
  .watch-feed-item { grid-template-columns:minmax(0,1fr); gap:14px; }
  .watch-feed-meta { grid-column:1; }
  .watch-feed-meta .watch-feed-action { margin-left:auto; }
  .watch-latest-list { grid-template-columns:minmax(0,1fr); }
  .watch-latest-item+.watch-latest-item { border-left:0; }
  .watch-latest-link { padding:12px 16px; gap:6px; }
  .watch-feed-description { display:none; }
}
@media(max-width:430px) {
  .watch-filters { grid-template-columns:minmax(0,1fr); }
  .watch-project-search { grid-column:auto; }
}