main{padding:var(--card-padding-from-top);box-sizing:border-box}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:min-content;gap:20px;margin-bottom:var(--main-header-footer-height,30px)}.machine-card{direction:ltr;border-radius:var(--machine-card-border-radius);padding:var(--machine-card-padding);display:flex;flex-direction:column;overflow:hidden;opacity:var(--machine-card-opacity);transform:var(--machine-card-transform);transition:var(--machine-card-transition)}.machine-card.visible{opacity:1;transform:translateY(0)}.card-header{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;padding-bottom:var(--machine-card--header-padding-bottom)}.card-header h3{margin:var(--machine-card--margin-h3);font-size:var(--machine-card--font-size-h3)}.card-body{display:flex;flex-direction:column;flex-grow:1;gap:12px;min-height:0;padding-top:var(--machine-card--body-padding-top)}.program-bar,.progress-stats .label-wrapper,.flow-stats .label-wrapper,.time-stamp .label-wrapper{padding:var(--machine-card-title-bar-padding);border-radius:var(--machine-card-title-bar-border-radius);font-size:var(--machine-card-title-bar-font-size);text-align:center}.main-stats{display:flex;justify-content:space-around;align-items:center;position:relative}.main-stats::before{content:'';position:absolute;left:50%;top:10%;bottom:10%;width:1px;transform:translateX(-50%)}.stat-block{display:flex;align-items:center;gap:12px;width:calc(50% - 20px);justify-content:center}.stat-text-wrapper .label{font-size:var(--machine-card-main-stats-txt-label-font-size);font-weight:500;padding-bottom:var(--machine-card-main-stats-txt-label-padding-bottom)}.stat-text-wrapper .value{font-size:var(--machine-card-main-stats-txt-value-font-size);font-weight:700;line-height:0;text-align:center}.stat-text-wrapper .unit,.flow-stats .unit,.progress-stats .unit{font-size:var(--machine-card-main-stats-txt-uint-font-size);font-weight:400}.progress-stats,.flow-stats,.time-stamp{padding-top:0}.progress-stats .label,.flow-stats .label,.time-stamp .label{font-size:var(--machine-card-main-label-font-size);font-weight:400}.progress-stats .value,.flow-stats .value,.time-stamp .value{display:block;font-size:var(--machine-card-main-value-font-size);font-weight:700;margin-top:var(--machine-card-main-value-margin-top);text-align:center}.time-stamp .value{font-size:var(--machine-card-main-time-stamp-font-size);font-weight:400}.status-badge{padding:var(--machine-card-main-status-badge-padding);border-radius:var(--machine-card-main-status-badge-border-radius);font-size:var(--machine-card-main-status-badge-font-size);font-weight:600;text-transform:uppercase}@media (max-width:1200px){.dashboard-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}}@media (max-width:768px){.dashboard-grid{grid-template-columns:1fr;grid-template-rows:auto}main{padding:15px}}