.detail-run-panel{margin-bottom:20px}.detail-run-panel>.card-title{align-items:center;gap:22px}.detail-run-panel>.card-title>div{min-width:0}.detail-run-panel h2{font-size:15px}.detail-run-panel #detailRunStart{flex-shrink:0}.detail-run-summary{display:flex;justify-content:space-between;align-items:center;margin-top:18px;gap:20px;font-size:13px}.detail-run-panel progress{appearance:none;width:100%;height:8px;border:0;border-radius:6px;overflow:hidden;background:#e9eaeb;margin:16px 0 10px;accent-color:#455d7d}.detail-run-panel progress::-webkit-progress-bar{background:#e9eaeb;border-radius:6px}.detail-run-panel progress::-webkit-progress-value{background:linear-gradient(90deg,#5c7599,#95abc9);border-radius:6px;transition:width .3s}.detail-run-panel progress::-moz-progress-bar{background:#455d7d}.detail-run-items{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:18px}.detail-run-item{padding:14px;border:1px solid var(--line);border-radius:9px;background:#f9f9f9;min-width:0}.detail-run-item strong{display:block;font-size:11px;line-height:1.6;overflow-wrap:anywhere}.detail-run-item span{display:block;margin-top:8px;font-size:11px;color:var(--muted);line-height:1.7}.detail-run-item small{display:block;font-size:10px;color:var(--muted);line-height:1.7;overflow-wrap:anywhere;margin-top:7px}.detail-run-item[data-status=running],.detail-run-item[data-status=queued]{border-color:#8399b8;background:#eff1f4}.detail-run-item[data-status=succeeded],.detail-run-item[data-status=skipped]{border-color:#bfc4cc;background:#eceef0}.detail-run-item[data-status=failed]{border-color:#dec0b7;background:#fbf0ec}.detail-run-item[data-status=failed] span,.detail-run-item[data-status=failed] small{color:#a04c3d}.detail-run-item[data-status=cancelled]{opacity:.75}.detail-run-actions{margin-top:18px;flex-wrap:wrap}.detail-run-panel>div>.hint{line-height:1.8}
@media(max-width:950px){.detail-run-items{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-run-panel>.card-title{align-items:flex-start;flex-direction:column}}
@media(max-width:550px){.detail-run-items{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-run-summary{align-items:flex-start;flex-direction:column;gap:8px}}