/* AlgoLab - job monitor rows (components/jobs/ui.py): Develop page "Jobs" card + Profile "Jobs & usage". jb- scoped. */
.jb-card { padding: 10px 12px; }
.jb-top { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin-bottom: 6px; flex-wrap: wrap; }
.jb-q { color: #9fb3c8; font-size: .7rem; }
.jb-row { padding: 7px 8px; border-radius: 8px; background: rgba(255,255,255,0.04); margin-bottom: 6px;
  border: 1px solid rgba(255,255,255,0.05); }
.jb-h { display: flex; align-items: center; gap: 8px; min-width: 0; }
.jb-st { flex: 0 0 auto; font-size: .64rem; padding: 1px 7px; border: 1px solid; border-radius: 10px; white-space: nowrap; }
.jb-what { flex: 1; min-width: 0; color: #e8e8e8; font-size: .78rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.jb-x { flex: 0 0 auto; background: transparent; color: #ff9d9d; border: 1px solid rgba(255,125,125,0.45);
  border-radius: 8px; font-size: .66rem; padding: 1px 8px; cursor: pointer; }
.jb-x:hover { background: rgba(255,125,125,0.12); }
.jb-x:disabled { opacity: .55; cursor: default; }
.jb-sub { color: #9fb3c8; font-size: .68rem; margin-top: 3px; }
.jb-bar { height: 4px; background: rgba(255,255,255,0.08); border-radius: 3px; margin-top: 5px; overflow: hidden; }
.jb-bar > div { height: 100%; background: #f0a030; border-radius: 3px; transition: width .6s ease; }
.jb-err { color: #ffb4ac; font-size: .66rem; margin-top: 4px; white-space: pre-wrap; max-height: 5.4em; overflow: hidden;
  font-family: ui-monospace, Consolas, monospace; }
.jb-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 16px; align-items: start; }
@media (max-width: 1000px) { .jb-grid { grid-template-columns: 1fr; } }
.jb-col .pk-kpis { margin-bottom: 8px; }
.jb-table { width: 100%; border-collapse: collapse; font-size: .72rem; color: #e8e8e8; }
.jb-table th { color: #9fb3c8; font-weight: 500; text-align: left; padding: 4px 6px; border-bottom: 1px solid rgba(255,255,255,0.08); }
.jb-table td { padding: 4px 6px; border-bottom: 1px solid rgba(255,255,255,0.04); }
.jb-night { margin-top: 6px; color: #9fb3c8; font-size: .7rem; }
.jb-night input { margin-right: 4px; accent-color: #f0a030; }
