.supplier-visual-cockpit{gap:var(--ofer-space-5);min-width:0;display:grid}.supplier-visual-cockpit__heading{justify-content:space-between;align-items:start;gap:var(--ofer-space-4);display:flex}.supplier-visual-cockpit__heading h2,.supplier-visual-cockpit__heading p,.supplier-visual-cockpit__queue h3,.supplier-visual-cockpit__queue p,.supplier-visual-cockpit__data-mode{margin:0}.supplier-visual-cockpit__heading>div{gap:var(--ofer-space-2);display:grid}.supplier-visual-cockpit__heading p,.supplier-visual-cockpit__queue p,.supplier-visual-cockpit__data-mode{color:var(--ofer-color-text-muted);font-size:var(--ofer-font-size-sm);line-height:var(--ofer-line-height-body)}.supplier-visual-cockpit__eyebrow{color:var(--ofer-color-brand);font-size:var(--ofer-font-size-xs);font-weight:var(--ofer-font-weight-strong);letter-spacing:.08em;text-transform:uppercase}.supplier-visual-cockpit__summary{gap:var(--ofer-space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.supplier-visual-cockpit__summary>div{gap:var(--ofer-space-2);min-width:0;display:grid}.supplier-visual-cockpit__summary span{color:var(--ofer-color-text-muted);font-size:var(--ofer-font-size-xs);line-height:var(--ofer-line-height-helper)}.supplier-visual-cockpit__summary strong{overflow-wrap:anywhere;color:var(--ofer-color-text);font-size:var(--ofer-font-size-md);line-height:var(--ofer-line-height-tight)}.supplier-visual-cockpit__data-mode{padding:var(--ofer-space-3) var(--ofer-space-4)}.supplier-visual-cockpit__grid{gap:var(--ofer-space-4);grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;display:grid}.supplier-visual-cockpit__queue{align-content:start;gap:var(--ofer-space-3);min-width:0;display:grid}.supplier-visual-cockpit__queue--warning{border-color:var(--ofer-color-warning-border);background:var(--ofer-color-warning-bg)}.supplier-visual-cockpit__queue-heading{justify-content:space-between;align-items:center;gap:var(--ofer-space-3);display:flex}.supplier-visual-cockpit__queue>a{justify-self:start;margin-top:auto}@media (width<=900px){.supplier-visual-cockpit__summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.supplier-visual-cockpit__heading{flex-direction:column;align-items:stretch}.supplier-visual-cockpit__summary,.supplier-visual-cockpit__grid{grid-template-columns:1fr}.supplier-visual-cockpit__queue>a{justify-self:stretch}}