/* The night's other screens in live mode: a tool's trouble strip, the tools catalog and one tool's connect screen, the full-site audit's table and
   tools. Tokens only, so light and dark both work; status colours only where something has a status. */
.lv-strip{display:flex;flex-direction:column;gap:4px;padding:12px 16px;border-left:3px solid var(--fg-4)}
.lv-strip.is-red{border-left-color:var(--neg,var(--st-red))}
.lv-strip.is-orange{border-left-color:var(--warn,var(--st-orange))}
.lv-strip p{margin:0}
.lv-strip-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
/* the tools catalog */
.tl-bar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;margin:4px 0 10px}
.tl-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.tl-row{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr) auto 12px;align-items:center;gap:12px;padding:10px 6px;border-top:1px solid var(--line);color:var(--fg);text-decoration:none;border-radius:var(--r-6)}
.tl-list li:first-child .tl-row{border-top:0}
.tl-row:hover{background:var(--hover)}
.tl-n{display:flex;flex-direction:column;gap:1px;min-width:0}
.tl-n small,.tl-a{color:var(--fg-2);font-size:var(--t-co);line-height:var(--lh-co)}
.tl-a{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.tl-form{max-width:520px}
.tl-breaks{display:flex;flex-direction:column;gap:2px}
.tl-breaks p{margin:4px 0}
@media (max-width:760px){.tl-bar{grid-template-columns:minmax(0,1fr)}.tl-row{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px}.tl-row .tl-a{grid-column:1/3;grid-row:2}.tl-row > svg{display:none}}
/* the full-site audit */
.au-bar{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 10px}
.au-bar input{flex:1 1 200px}
.au-tw{max-height:70vh;overflow:auto}
.au-t thead th{position:sticky;top:0;background:var(--bg);z-index:1}
.au-t tbody th{position:sticky;left:0;background:var(--bg);max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.au-t td{white-space:nowrap;max-width:320px;overflow:hidden;text-overflow:ellipsis}
.au-u{color:var(--fg);text-decoration:underline;text-decoration-color:var(--fg-4);text-underline-offset:2px}
.au-u:hover{text-decoration-color:var(--fg)}
.au-first{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.au-first li{display:flex;flex-direction:column;gap:4px;padding:12px 0;border-top:1px solid var(--line)}
.au-first li:first-child{border-top:0;padding-top:2px}
.au-first p{margin:0}
.au-tree{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;font-size:var(--t-co)}
.au-tree li{display:flex;gap:8px;align-items:baseline;padding:3px 0;border-left:1px solid var(--line);margin-left:6px;padding-left:8px}
.au-tree small,.au-t small{color:var(--fg-3)}
.au-path{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:3px}
.au-bots{display:flex;flex-wrap:wrap;gap:4px 14px}
.au-bots .au-tick{margin:4px 0}
.au-up{cursor:pointer}