.cordax-job-details-actions{--cordax-job-details-actions-color:#3f51b5;gap:var(--sp-2);margin-top:var(--sp-2);flex-wrap:wrap;display:flex}.cordax-job-details-actions .button{--button-background-color:var(--color-surface-primary);--button-background-color-hover:var(--cordax-job-details-actions-color);--button-border-color:var(--cordax-job-details-actions-color);--button-border-color-hover:var(--cordax-job-details-actions-color);--button-border-radius:calc(var(--sp-base) * 22.5);--button-color:var(--cordax-job-details-actions-color);--button-color-hover:var(--color-surface-primary);--button-font-size:var(--font-size-body);gap:var(--sp-2);font-weight:var(--font-weight-bold);text-transform:none;align-items:center;display:inline-flex}.cordax-job-details-actions .button svg{width:calc(var(--sp-base) * 5);height:calc(var(--sp-base) * 5)}
.cordax-job-details{--cordax-details-grey-panel:#fafafa;gap:var(--sp-8);width:100%;padding-top:var(--sp-8);display:grid}.cordax-job-details__loading,.cordax-job-details__side-title{color:var(--color-text-tertiary)}.cordax-job-details__grid{gap:calc(var(--sp-base) * 10);grid-template-columns:minmax(0,1fr);width:100%;display:grid}@media (min-width:1200px){.cordax-job-details__grid{grid-template-columns:minmax(0,70%) minmax(0,30%)}}@media (min-width:1680px){.cordax-job-details__grid{grid-template-columns:minmax(0,65%) minmax(0,35%)}}.cordax-job-details__side{gap:var(--sp-5);min-width:0;padding:var(--sp-4);background-color:var(--cordax-details-grey-panel);align-content:start;display:grid;position:relative}@media (min-width:1200px){.cordax-job-details__side{border-radius:var(--sp-4)}}.cordax-job-details__side-title{font-size:var(--font-size-h4);font-weight:var(--font-weight-h);line-height:var(--line-height-h);letter-spacing:var(--letter-spacing-h)}
.cordax-job-details-metrics{--cordax-job-details-metrics-brand-color:#3eaea4;gap:var(--sp-8);margin-top:var(--sp-12);display:grid}.cordax-job-details-metrics__tabs{gap:var(--sp-2);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.cordax-job-details-metrics__tabs .button{--button-padding-x:var(--sp-4);--button-padding-y:var(--sp-2);--button-font-size:var(--font-size-label);text-transform:none}.cordax-job-details-metrics__download.button{width:calc(var(--sp-base) * 10);min-width:calc(var(--sp-base) * 10);height:calc(var(--sp-base) * 10);padding:var(--sp-2);color:var(--color-text-primary);background-color:#0000;border:0}.cordax-job-details-metrics__download.button svg{width:calc(var(--sp-base) * 5);height:calc(var(--sp-base) * 5)}.cordax-job-details-metrics__download.button:hover{color:var(--cordax-job-details-metrics-brand-color);background-color:#0000}.cordax-job-details-metrics__chart{margin-top:var(--sp-8);overflow-x:auto}.cordax-job-details-metrics__chart-inner{height:calc(var(--sp-base) * 75)}