/* Board View: one-screen per-network overview built on the workflow tokens. */
.nb-metrics{margin-bottom:10px}
.nb-metrics .wf-metric{padding:9px 14px 7px}
.nb-metrics .wf-metric strong{font-size:23px}
.nb-metrics .wf-metric>small{margin-top:4px}
.nb-ring{width:40px;height:40px;flex:none}
.nb-ring-track{fill:none;stroke:#e4ebf5;stroke-width:3.6}
.nb-ring-fill{fill:none;stroke:#0aa46b;stroke-width:3.6;stroke-linecap:round}
.nb-ring-empty{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:3px solid #e4ebf5;color:#94a1b8;font-size:12px}
.wf-metric.nb-ring-tile svg.nb-ring{width:40px;height:40px;color:#0aa46b}
.wf-metric.nb-ring-tile>div{align-items:center}
.nb-panel{margin:0 24px 12px;border:1px solid #e1e7f1;border-radius:8px;background:#fff;overflow:hidden}
.nb-head{display:flex;align-items:center;gap:14px;padding:6px 16px;border-bottom:1px solid #edf1f7}
.nb-head h2{margin:0;font-size:13px;letter-spacing:0;color:#17253f;white-space:nowrap}
.nb-head-note{display:flex;align-items:center;gap:5px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#7e8da8}
.nb-head-note svg{width:13px;height:13px;flex:none}
.nb-head-actions{display:flex;gap:8px;white-space:nowrap}
.nb-head-actions button{font-size:10px;padding:6px 9px;display:inline-flex;align-items:center;gap:5px}
.nb-head-actions button svg{width:13px;height:13px}
.nb-table{width:100%;border-collapse:collapse;min-width:780px;font-size:11px;color:#293b5b}
.nb-table th,.nb-table td{padding:2px 16px;text-align:left;vertical-align:middle}
.nb-table thead th{height:26px;background:#f8fafe;color:#5c6c88;font-size:10px;font-weight:600}
.nb-table tbody tr{border-top:1px solid #f0f4fa}
.nb-table tbody tr:hover{background:#fafcff}
.nb-table tfoot tr{border-top:1px solid #e1e7f1;background:#f8fafe}
.nb-table .nb-num{text-align:right;white-space:nowrap}
.nb-network{display:flex;align-items:baseline;gap:8px;border:0;background:none;padding:3px 6px;margin-left:-6px;border-radius:5px;cursor:pointer;font:inherit;color:inherit;text-align:left}
.nb-network:hover{background:#f2f6fd}
.nb-network i{width:9px;height:9px;border-radius:50%;flex:none;align-self:center}
.nb-network strong{font-size:12px;color:#17253f;line-height:16px}
.nb-network small{color:#7e8da8;font-size:10px;line-height:16px;white-space:nowrap}
.nb-bar{display:flex;height:12px;border-radius:6px;background:#eef2f8;overflow:hidden;min-width:180px}
.nb-bar i{display:block;height:100%}
.nb-bar .attention{background:#e31328}
.nb-bar .progress{background:#1455ff}
.nb-bar .reconciled{background:#0aa46b}
.nb-bar .awaiting{background:#94a3b8}
.nb-bar .expired{background:#c2410c}
.nb-count{border:0;background:none;cursor:pointer;font:inherit;font-weight:720;font-size:16px;letter-spacing:-0.4px;padding:1px 8px;border-radius:5px;min-width:40px}
.nb-count.attention{color:#e31328}
.nb-count.progress{color:#1455ff}
.nb-count.reconciled{color:#0aa46b}
.nb-count.awaiting{color:#64748b}
.nb-count.expired{color:#c2410c}
.nb-count:hover{background:#f2f6fd;text-decoration:underline;text-underline-offset:3px}
.nb-count.zero{color:#b9c4d6;font-weight:600}
.nb-critical{display:inline-flex;align-items:center;gap:3px;margin-left:5px;padding:1px 6px;border-radius:10px;background:#fdeef0;color:#c5182a;font-size:9px;font-weight:600}
.nb-critical svg{width:10px;height:10px}
.nb-share{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.nb-share .nb-ring,.nb-share .nb-ring-empty{width:22px;height:22px;font-size:10px;border-width:2px}
.nb-share .nb-ring .nb-ring-track{stroke-width:5}
.nb-share .nb-ring .nb-ring-fill{stroke-width:5}
.nb-share small{color:#5c6c88;font-size:10px;white-space:nowrap;font-variant-numeric:tabular-nums}
.nb-total .nb-total-label{display:inline-flex;align-items:baseline;gap:8px;padding:3px 0}
.nb-total .nb-total-label strong{font-size:12px;color:#17253f;line-height:16px}
.nb-total .nb-total-label small{color:#7e8da8;font-size:10px;line-height:16px}
.nb-total .nb-count{font-size:16px}
.nb-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 24px 10px;padding:8px 12px;border:1px solid #e1e7f1;border-radius:8px;background:#fff}
.nb-filters-label{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:600;color:#5c6c88;white-space:nowrap}
.nb-filters-label svg{width:13px;height:13px}
.nb-chips{display:flex;gap:4px;flex-wrap:wrap}
.nb-chip{border:1px solid #dbe3f0;background:#fff;border-radius:14px;padding:5px 10px;font-size:10px;color:#41516d;cursor:pointer;white-space:nowrap}
.nb-chip:hover{background:#f2f6fd}
.nb-chip.active{background:#1455ff;border-color:#1455ff;color:#fff}
.nb-chip.clear{border-style:dashed;color:#7e8da8}
.nb-date{display:flex;align-items:center;gap:4px;font-size:10px;color:#72819a}
.nb-date input{max-width:120px;min-height:29px;padding:6px 4px;border:1px solid #dbe3f0;border-radius:5px;color:#3e4e6c;font-size:11px;background:#fff}
.nb-range-clear{border:0;background:none;padding:0;font:inherit;font-size:10px;color:#1455ff;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
@media(max-width:800px){.nb-panel{margin-left:16px;margin-right:16px}.nb-bar{min-width:120px}.nb-table{min-width:720px}.nb-head-note{display:none}.nb-filters{margin-left:16px;margin-right:16px}}
@media(max-width:430px){.nb-count{font-size:15px;padding:1px 5px;min-width:32px}.nb-share small{display:none}}