.watcher-view{flex:1;min-height:0;overflow-y:auto;width:100%;max-width:1240px;margin:0 auto;padding:24px 28px 48px;color:var(--text,#242330)}
.watcher-row[data-state=warning]{background:#fff9e9}
.watcher-row[data-state=failed]{background:#fff1f1}
.watcher-row[data-state=unknown],.watcher-row[data-state=stale]{background:#f2f2f5}
.watcher-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.watcher-heading h1{font-size:30px;margin:5px 0 10px;letter-spacing:-.6px}.watcher-heading p{max-width:700px;color:var(--muted,#777581);line-height:1.5;margin:0}.watcher-eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700}.watcher-heading button{flex:none}
.watcher-status{font-size:12px;color:var(--muted,#777581);min-height:18px}.watcher-summary{display:flex;gap:28px;border-bottom:1px solid var(--border,#e8e7ed);padding:8px 0 24px;margin-bottom:26px}.watcher-summary span{color:var(--muted,#777581);font-size:13px}.watcher-summary strong{font-size:24px;color:var(--text,#242330);margin-right:5px;font-weight:600}.watcher-view .has-problems,.watcher-view .has-problems strong{color:#b25818}
.watcher-group{margin-bottom:28px}.watcher-group h2{font-size:16px;margin:0 0 12px;display:flex;gap:10px;align-items:center}.watcher-group h2 small{font-size:11px;font-weight:400;color:var(--muted,#777581)}.watcher-group ul{margin:0;padding:0;list-style:none;border:1px solid var(--border,#e8e7ed);border-radius:12px;overflow:hidden}.watcher-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 18px;background:var(--surface,#fff);border-bottom:1px solid var(--border,#e8e7ed)}.watcher-row:last-child{border:0}.watcher-item{display:flex;gap:12px;min-width:0;align-items:flex-start}.watcher-item>div{min-width:0}.watcher-item strong{font-size:13px;font-weight:600;overflow-wrap:anywhere}.watcher-item a{color:inherit;text-decoration:none}.watcher-item a:hover{text-decoration:underline}.watcher-item p{font-size:12px;color:var(--muted,#777581);line-height:1.5;margin:5px 0 0;overflow-wrap:anywhere}.watcher-item meter{width:240px;max-width:100%;height:8px;margin-top:9px}
.watcher-dot{width:8px;height:8px;flex:none;border-radius:50%;background:#8a8794;margin-top:5px}.watcher-dot[data-state=healthy]{background:#39a880}.watcher-dot[data-state=warning]{background:#cf922a}.watcher-dot[data-state=failed]{background:#d86464}.watcher-result{text-align:right;display:flex;align-items:flex-end;flex-direction:column;gap:5px;flex:none}.watcher-result time,.watcher-result small{font-size:10px;color:var(--muted,#777581)}.watcher-badge{font-size:10px;padding:4px 8px;border-radius:20px;background:#f0eef4;color:#777581}.watcher-badge[data-state=healthy]{background:#eaf6f0;color:#2b8966}.watcher-badge[data-state=warning]{background:#fff4dd;color:#996a16}.watcher-badge[data-state=failed]{background:#fbecec;color:#bb4d4d}
.watcher-note{color:var(--muted,#777581);font-size:11px;line-height:1.6;margin-top:28px;max-width:800px}.watcher-history summary{font-size:12px;cursor:pointer}.watcher-history ol{font-size:12px;line-height:1.6;padding-left:22px}.watcher-history li{margin:12px 0}.watcher-history p{margin:3px 0;color:var(--muted,#777581)}.watcher-history time{color:var(--muted,#777581);margin-right:7px}
@media(max-width:680px){.watcher-view{padding:20px 14px}.watcher-heading{gap:12px}.watcher-heading h1{font-size:26px}.watcher-heading p{font-size:12px}.watcher-summary{gap:15px;flex-wrap:wrap}.watcher-summary strong{font-size:20px}.watcher-summary span{font-size:11px}.watcher-row{padding:14px 12px;gap:10px;align-items:flex-start}.watcher-result{max-width:108px}.watcher-item meter{width:170px}.watcher-item strong{font-size:12px}.watcher-item p{font-size:11px}.watcher-result time{font-size:9px}}