.workflow-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.workflow-metrics article{padding:13px 15px;border:1px solid #e3eaf4;border-radius:10px;background:#fff;box-shadow:0 3px 14px #3c5a9c08}.workflow-metrics strong{display:block;font-size:24px;letter-spacing:-.05em;color:#1d2944}.workflow-metrics span{color:#6f7d9a;font-size:10px}.workflow-metrics .danger strong{color:#ca3d4a}.workflow-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:12px}.workflow-panel{min-height:260px;padding:13px;background:#fff;border:1px solid #e3eaf4;border-radius:10px;box-shadow:0 3px 14px #3c5a9c08}.workflow-row{display:flex;align-items:flex-start;gap:10px;padding:12px 1px;border-bottom:1px solid #eef1f6}.workflow-row:last-child{border-bottom:0}.workflow-row>div{min-width:0;flex:1}.workflow-row strong,.workflow-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workflow-row strong{font-size:11px;color:#273553}.workflow-row small{margin-top:4px;color:#7785a1;font-size:9px}.workflow-status{flex:none;border-radius:999px;padding:4px 7px;background:#f0f3f8;color:#62708b;font-size:9px}.workflow-status.published,.workflow-status.succeeded{background:#e9f8f0;color:#16945d}.workflow-status.running{background:#eaf2ff;color:#3566be}.workflow-status.failed{background:#ffeded;color:#cb3e4a}.dead-letter-row{border-left:2px solid #f4a5ac;padding-left:8px}@media(max-width:850px){.workflow-layout{grid-template-columns:1fr}.workflow-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:460px){.workflow-metrics{grid-template-columns:1fr 1fr}}