/* Overview: what needs doing next to what is happening, then the hosts. */
.overview-visuals{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start;margin-bottom:16px}
.todo-panel{flex:2 1 560px}.feed-panel{flex:1 1 300px}
.todo-table td{padding-top:11px;padding-bottom:11px}
.todo-link{text-decoration:none;white-space:normal}.todo-link:hover{color:var(--teal-ink)}
.todo-table td:first-child{white-space:normal;min-width:260px}
.feed{list-style:none;margin:0;padding:6px 20px 12px}
.feed li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:start;padding:10px 0;border-top:1px solid var(--line-3)}
.feed li:first-child{border-top:0}
.feed-icon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--fill);color:var(--ink-2)}
.feed-icon .icon{width:14px;height:14px;stroke-width:2.4}
.feed-icon.green{background:var(--green-bg);color:var(--green)}.feed-icon.red{background:var(--red-bg);color:var(--red)}
.feed-icon.blue{background:var(--blue-bg);color:var(--blue)}.feed-icon.amber{background:var(--amber-bg);color:var(--amber)}
.feed .cell-main{font-size:13px}.feed .cell-sub{overflow-wrap:anywhere}
.feed-time{font-size:12px;color:var(--muted);white-space:nowrap}.feed-time.blue{color:var(--blue);font-weight:600}
#inventory-panel{margin-bottom:8px}
