/* runpanel.css - BNT_RUNS: the run panel shown on every desk, console, job and mission. Same look as the Full assessment panel
   (public/intel.css .bi-as-*), with its own lr- names so it works anywhere in the Lab. */
.lr-card{--lr-card:#11243F;--lr-line:#22324F;--lr-ink:#E8EEF7;--lr-dim:#9FB0C6;--lr-teal:#00A3A1;--lr-gold:#E8B04B;--lr-good:#3DDC97;--lr-bad:#FF7A7A;
  background:var(--lr-card);color:var(--lr-ink);border:1px solid var(--lr-teal);border-radius:12px;padding:10px 12px;margin:8px 0;font:13px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;box-sizing:border-box;max-width:100%}
.lr-card *{box-sizing:border-box}
.lr-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.lr-title{margin:0;font-size:13.5px;font-weight:600;min-width:0;overflow-wrap:anywhere}
.lr-run{font-size:12.5px;color:var(--lr-dim);border:1px solid var(--lr-line);border-radius:12px;padding:2px 10px;font-variant-numeric:tabular-nums}
.lr-run.lr-running{border-color:var(--lr-teal);color:var(--lr-ink)}
.lr-run.lr-done{border-color:var(--lr-good);color:var(--lr-good)}
.lr-run.lr-failed,.lr-run.lr-interrupted,.lr-run.lr-stopped-cap{border-color:var(--lr-bad);color:var(--lr-bad)}
.lr-now{margin:6px 0 0;color:var(--lr-dim);font-size:12.5px;overflow-wrap:anywhere}
.lr-capnote{margin:4px 0 0;color:var(--lr-dim);font-size:11.5px}
.lr-steps{list-style:none;margin:8px 0 0;padding:0}
.lr-step{display:grid;grid-template-columns:18px minmax(0,1fr) auto 64px 64px;gap:8px;align-items:center;padding:5px 2px;border-top:1px solid var(--lr-line);font-size:12.5px}
.lr-ic{display:inline-flex;width:14px;height:14px}
.lr-ic svg{width:14px;height:14px}
.lr-name{min-width:0;overflow-wrap:anywhere}
.lr-state{font-size:12px;color:var(--lr-dim)}
.lr-num{text-align:right;font-variant-numeric:tabular-nums;color:var(--lr-dim);font-size:12px}
.lr-step.lr-done .lr-ic,.lr-step.lr-done .lr-state{color:var(--lr-good)}
.lr-step.lr-running .lr-ic,.lr-step.lr-running .lr-state{color:var(--lr-teal)}
.lr-step.lr-failed .lr-ic,.lr-step.lr-failed .lr-state,.lr-step.lr-interrupted .lr-state{color:var(--lr-bad)}
.lr-spin{animation:lr-spin 1s linear infinite}
@keyframes lr-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.lr-spin{animation:none}}
.lr-foot{font-family:'Courier New',monospace;font-size:10px;color:var(--soft,#9FB0C6);margin-top:4px;font-variant-numeric:tabular-nums}
@media (max-width:480px){.lr-step{grid-template-columns:18px minmax(0,1fr) auto;row-gap:2px}.lr-ms{grid-column:2;grid-row:2;text-align:left}.lr-usd{grid-column:3;grid-row:2}}
/* the Settings page (public/settings.html) */
.lr-page{--lr-bg:#0A1628;background:var(--lr-bg);color:#E8EEF7;min-height:100vh;margin:0;padding:16px;font:14px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.lr-page h1{font-size:20px;margin:0 0 4px}
.lr-page h2{font-size:15px;margin:22px 0 8px;color:#E8EEF7}
.lr-page .lr-sub{color:#9FB0C6;font-size:12.5px;margin:0 0 10px}
.lr-wrap{max-width:1100px;margin:0 auto}
.lr-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.lr-tile{background:#11243F;border:1px solid #22324F;border-radius:12px;padding:10px 12px}
.lr-tile .lr-k{color:#9FB0C6;font-size:12px}
.lr-tile .lr-v{font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}
.lr-bar{height:6px;border-radius:3px;background:#22324F;margin-top:6px;overflow:hidden}
.lr-bar>i{display:block;height:100%;background:#00A3A1}
.lr-bar.lr-warn>i{background:#E8B04B}
.lr-bar.lr-over>i{background:#FF7A7A}
.lr-tablewrap{overflow-x:auto;border:1px solid #22324F;border-radius:10px}
.lr-table{width:100%;border-collapse:collapse;font-size:13px}
.lr-table th,.lr-table td{padding:6px 8px;border-bottom:1px solid #22324F;text-align:left;white-space:nowrap}
.lr-table th{color:#9FB0C6;font-weight:600;font-size:12px;position:sticky;top:0;background:#0D1C33}
.lr-table .num{text-align:right;font-variant-numeric:tabular-nums}
.lr-table tr.tot td{font-weight:700}
.lr-table.lr-wrapcells td{white-space:normal}
.lr-page button{background:transparent;color:#E8EEF7;border:1px solid #22324F;border-radius:8px;padding:6px 12px;font:inherit;font-size:13px;cursor:pointer}
.lr-page button:hover{border-color:#00A3A1}
.lr-page button[aria-pressed=true]{border-color:#00A3A1;background:#0D1C33}
.lr-page button:focus-visible{outline:2px solid #E8B04B;outline-offset:2px}
.lr-msg{border:1px solid #22324F;border-radius:10px;padding:10px 12px;background:#11243F}
.lr-msg.bad{border-color:#FF7A7A}