.phase-card{display:grid!important;grid-template-columns:minmax(0,1fr) 170px!important;grid-template-rows:auto 1fr!important;min-height:220px!important;align-items:center!important}.phase-card .phase-art{grid-column:2!important;grid-row:1/3!important;width:170px!important;height:190px!important;object-fit:contain!important;object-position:center!important;justify-self:end!important;align-self:center!important}.phase-card .badge{right:182px!important;top:12px!important}.phase-card>div{grid-column:1!important;grid-row:2!important;align-self:start!important;padding-top:8px!important}
/* Monitoring compact cards: phase icon left, information right, status top-right. */
.phase-card{grid-template-columns:92px minmax(0,1fr)!important;grid-template-rows:1fr!important;min-height:205px!important}
.phase-card .phase-art{grid-column:1!important;grid-row:1!important;width:88px!important;height:132px!important;justify-self:start!important;align-self:center!important}
.phase-card>div.phase-info{grid-column:2!important;grid-row:1!important;align-self:center!important;padding:0 48px 0 4px!important;min-width:0!important}
.phase-card .badge{right:10px!important;top:10px!important;font-size:.7rem!important}
@media(max-width:800px){.phase-card{grid-template-columns:86px minmax(0,1fr)!important;min-height:165px!important}.phase-card .phase-art{width:80px!important;height:116px!important}.phase-card>div.phase-info{grid-column:2!important;grid-row:1!important;padding-right:48px!important}.phase-card .phase-name{font-size:.92rem!important}.phase-card .phase-meta{font-size:.78rem!important}}