/* Work Monitor - Oxford Blue / Gold, on top of tokens.css */
#wl-root { --wl-completed:#198754; --wl-partial:#C9A227; --wl-planned:#5b86b8; --wl-failed:#dc3545;
  --wl-blocked:#e8710a; --wl-stale:#8a8f98; --wl-cancelled:#c9ccd1; --wl-pending:#e9e4d6; }
#wl-root .wl-tabs .nav-link { color: var(--oxford-blue); padding:.25rem .8rem; }
#wl-root .wl-tabs .nav-link.active { background: var(--oxford-blue); color:#fff; }
#wl-root h5.wl-h { color: var(--oxford-blue); font-size:1.05rem; margin:2rem 0 .6rem;
  padding-bottom:.25rem; border-bottom:2px solid var(--gold); display:flex; align-items:baseline; gap:.6rem; }
#wl-root h5.wl-h small { color: var(--text-muted); font-weight:400; font-size:.78rem; }
.wl-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:.7rem; }
.wl-card { background:#fff; border:1px solid var(--border-color); border-left:4px solid var(--oxford-blue);
  border-radius:4px; padding:.55rem .8rem; }
.wl-card .n { font-size:1.6rem; font-weight:600; color:var(--oxford-blue); line-height:1.1; }
.wl-card .l { font-size:.75rem; color:var(--text-muted); text-transform:uppercase; letter-spacing:.04em; }
.wl-machines { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:.7rem; }
.wl-machine { background:#fff; border:1px solid var(--border-color); border-radius:4px; padding:.6rem .8rem; font-size:.82rem; }
.wl-machine.off { background:var(--sandstone-dark); opacity:.85; }
.wl-machine h6 { margin:0 0 .3rem; color:var(--oxford-blue); display:flex; gap:.4rem; align-items:center; }
.wl-dot { width:.6rem; height:.6rem; border-radius:50%; display:inline-block; background:var(--wl-stale); }
.wl-dot.on { background:var(--wl-completed); }
.wl-badge { display:inline-block; font-size:.7rem; padding:.05rem .45rem; border-radius:10px; color:#fff; white-space:nowrap; }
.wl-badge.completed{background:var(--wl-completed)} .wl-badge.partial{background:var(--wl-partial);color:#222}
.wl-badge.planned{background:var(--wl-planned)} .wl-badge.failed{background:var(--wl-failed)}
.wl-badge.blocked{background:var(--wl-blocked)} .wl-badge.stale{background:var(--wl-stale)}
.wl-badge.cancelled{background:var(--wl-cancelled);color:#444}
.wl-badge.error{background:var(--wl-failed)} .wl-badge.warn{background:var(--wl-partial);color:#222}
.wl-badge.info{background:var(--wl-planned)}
.wl-chart { background:#fff; border:1px solid var(--border-color); border-radius:4px; padding:.5rem; overflow-x:auto; }
.wl-chart svg { display:block; max-width:100%; height:auto; }
.wl-chart text { font-family: inherit; }
.wl-tip { position:fixed; z-index:2000; pointer-events:none; background:var(--oxford-blue); color:#fff;
  padding:.4rem .6rem; border-radius:4px; font-size:.76rem; max-width:360px; display:none; line-height:1.35; }
.wl-legend { display:flex; gap:.9rem; flex-wrap:wrap; font-size:.75rem; color:var(--text-muted); margin:.3rem 0 .5rem; }
.wl-legend i { display:inline-block; width:.8rem; height:.8rem; border-radius:2px; margin-right:.3rem; vertical-align:-1px; }
.wl-group { margin-top:1.1rem; }
.wl-group > h6 { display:flex; align-items:center; gap:.5rem; color:var(--oxford-blue); }
.wl-item { background:#fff; border:1px solid var(--border-color); border-left:5px solid var(--wl-stale);
  border-radius:4px; margin-bottom:.5rem; }
.wl-item.completed{border-left-color:var(--wl-completed)} .wl-item.partial{border-left-color:var(--wl-partial)}
.wl-item.planned{border-left-color:var(--wl-planned)} .wl-item.failed{border-left-color:var(--wl-failed)}
.wl-item.blocked{border-left-color:var(--wl-blocked)} .wl-item.cancelled{opacity:.6}
.wl-item > summary { cursor:pointer; padding:.5rem .8rem; list-style:none; display:flex; gap:.6rem; align-items:center; }
.wl-item > summary::-webkit-details-marker { display:none; }
.wl-item .t { font-weight:600; color:var(--text-primary); flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wl-item .meta { font-size:.74rem; color:var(--text-muted); }
.wl-item .body { padding:.2rem .9rem .8rem; border-top:1px solid var(--border-color); font-size:.84rem; }
.wl-item .grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-top:.6rem; }
@media (max-width: 1100px) { .wl-item .grid { grid-template-columns:1fr; } }
.wl-item label { font-size:.72rem; text-transform:uppercase; color:var(--text-muted); letter-spacing:.04em; margin:.5rem 0 .15rem; display:block; }
.wl-item textarea, .wl-item select, .wl-item input { font-size:.82rem; }
.wl-item ul { padding-left:1.1rem; margin:.2rem 0; }
.wl-item .ev { font-family:ui-monospace,Menlo,monospace; font-size:.72rem; color:#444; word-break:break-all; }
.wl-prop { display:flex; gap:.6rem; align-items:flex-start; padding:.35rem 0; border-bottom:1px dotted var(--border-color); font-size:.85rem; }
.wl-prop .p { font-weight:700; width:1.7rem; flex:none; text-align:center; border-radius:3px; color:#fff; font-size:.72rem; padding:.1rem 0; }
.wl-prop .p.p1{background:var(--wl-failed)} .wl-prop .p.p2{background:var(--wl-partial);color:#222} .wl-prop .p.p3{background:var(--wl-planned)}
.wl-prop .src { font-size:.7rem; color:var(--text-muted); }
.wl-table { width:100%; font-size:.82rem; background:#fff; }
.wl-table th { background:var(--sandstone-dark); color:var(--oxford-blue); font-weight:600; text-align:left; padding:.3rem .5rem; }
.wl-table td { padding:.3rem .5rem; border-bottom:1px solid var(--border-color); vertical-align:top; }
.wl-find { border-left:4px solid var(--wl-planned); background:#fff; padding:.4rem .7rem; margin-bottom:.4rem; border-radius:3px; font-size:.84rem; }
.wl-find.error{border-left-color:var(--wl-failed)} .wl-find.warn{border-left-color:var(--wl-partial)}
.wl-find .sug { color:var(--text-muted); font-size:.78rem; }
.wl-flash { position:fixed; right:1rem; bottom:1rem; background:var(--oxford-blue); color:#fff; padding:.5rem .9rem;
  border-radius:4px; z-index:3000; font-size:.85rem; box-shadow:0 2px 8px rgba(0,0,0,.3); }
.wl-flash.err { background:var(--wl-failed); }