.cr{--cr-ink:#173443;--cr-muted:#526975;color:var(--cr-ink);max-width:1360px;margin:0 auto;padding:20px;background:#f4f8f7;border:1px solid #dce9e5;border-radius:20px;font:15px/1.6 system-ui,sans-serif;overflow-wrap:anywhere}.cr *{box-sizing:border-box;min-width:0}.cr h2{font-size:28px;margin:0}.cr h3{margin:24px 0 10px}.cr h4,.cr p{margin:6px 0}.cr small,.cr-hint{color:var(--cr-muted)}.cr-header{display:flex;justify-content:space-between;gap:16px;align-items:center}.cr button,.cr input,.cr select{font:inherit;max-width:100%}.cr button{cursor:pointer;border:1px solid #c5d9d3;border-radius:11px;background:white;color:var(--cr-ink);padding:9px 13px;min-height:44px;white-space:normal}.cr button:focus-visible,.cr input:focus-visible,.cr select:focus-visible{outline:3px solid #147d71;outline-offset:3px}.cr button:disabled{opacity:.55;cursor:wait}.cr-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.cr-tabs [aria-pressed=true]{background:#135f56;border-color:#135f56;color:white}.cr-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.cr .cr-metric{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:5px;padding:16px;min-width:0}.cr-metric strong{font-size:28px;line-height:1.2;color:#12695b}.cr-metric small{font-size:12px}.cr-exceptions{display:grid;gap:10px}.cr-exception,.cr-job{background:#fff;border:1px solid #dce8e3;border-radius:13px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:14px}.cr-exception.level-2{border-left:5px solid #be523c}.cr-exception.level-1{border-left:5px solid #d6a557}.cr-tags{display:flex;gap:6px;flex-wrap:wrap;max-width:370px}.cr-tags span{background:#eef5f2;border-radius:7px;padding:3px 7px;font-size:12px}.cr-job-title{font-weight:700}.cr-workloads,.cr-config{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:14px}.cr-workloads article,.cr-config form{background:#fff;padding:16px;border:1px solid #dce8e3;border-radius:14px}.cr-workloads .cr-metric{width:100%;margin:8px 0}.cr label{display:flex;flex-direction:column;gap:5px;margin:10px 0}.cr input,.cr select{padding:9px;border:1px solid #bad0c9;border-radius:9px;background:#fff;min-height:44px}.cr-flow article{display:grid;grid-template-columns:110px 1fr 1fr;gap:10px;align-items:center;margin-bottom:9px}.cr-flow .cr-metric{padding:10px}.cr-flow .cr-metric strong{font-size:21px}.cr-detail{margin-top:20px;border:2px solid #85b7ab;border-radius:16px;background:#fff;padding:20px}.cr-detail form{max-width:600px}.cr details{margin:12px 0}.cr summary{cursor:pointer;min-height:44px;padding:8px 0}.cr pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f4f6f5;padding:12px;max-height:350px;overflow:auto}.cr-demo{background:#fff1c9;padding:12px;border-radius:10px;font-weight:600}.cr [data-cr-status]{padding:10px 0}.cr #cr-results .cr-job{margin:10px 0}@media(max-width:600px){.cr{padding:12px;border-radius:12px}.cr h2{font-size:23px}.cr-header{align-items:flex-start}.cr-header p{font-size:13px}.cr-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cr .cr-metric{padding:12px}.cr-metric strong{font-size:24px}.cr-tabs button{flex:1 1 42%;font-size:13px;padding:8px}.cr-job{align-items:stretch;flex-direction:column}.cr-exception{gap:8px}.cr-exception p{font-size:13px}.cr-detail{padding:12px}.cr-flow article{grid-template-columns:80px 1fr 1fr;gap:6px;font-size:12px}.cr-workloads,.cr-config{grid-template-columns:minmax(0,1fr)}}

.cr-header>button{flex-shrink:0;min-width:84px}
