.mzh-order-step { display:grid; grid-template-columns:var(--order-detail-rail-column) var(--order-detail-card-width); position:relative; font-size:var(--typography-body-font-size); line-height:var(--typography-body-line-height); color:var(--color-text-primary); }
.mzh-order-step article { position:relative; height:var(--order-detail-step-height); }
.mzh-order-step[data-height="60"] { --order-detail-step-height:var(--order-detail-height-60); }
.mzh-order-step[data-height="176"] { --order-detail-step-height:var(--order-detail-height-176); }
.mzh-order-step[data-height="278"] { --order-detail-step-height:var(--order-detail-height-278); }
.mzh-order-step[data-height="183"] { --order-detail-step-height:var(--order-detail-height-183); }
.mzh-order-step[data-height="276"] { --order-detail-step-height:var(--order-detail-height-276); }
.mzh-order-step[data-height="88"] { --order-detail-step-height:var(--order-detail-height-88); }
.mzh-order-step[data-height="229"] { --order-detail-step-height:var(--order-detail-height-229); }
.mzh-order-step__background { position:absolute; inset:0; z-index:0; }
.mzh-order-step__marker { position:relative; width:var(--order-detail-icon); height:var(--order-detail-icon); margin-top:var(--spacing-sm); z-index:1; }
.mzh-order-step__marker mzh-icon,.mzh-order-step__marker .mzh-atom-icon { width:var(--order-detail-icon); height:var(--order-detail-icon); }
.mzh-order-step__marker mzh-icon { position:relative; display:block; }
.mzh-order-step__circle { position:absolute; inset:0; }
.mzh-order-step header { position:relative; display:flex; align-items:center; justify-content:space-between; padding:var(--order-detail-heading-top) var(--order-detail-card-padding) 0; white-space:nowrap; }
.mzh-order-step h2 { margin:0; font-size:var(--typography-subtitle-font-size); line-height:var(--typography-subtitle-line-height); font-weight:var(--typography-weight-medium); }
.mzh-order-step time { font-size:var(--typography-caption-font-size); line-height:var(--typography-caption-line-height); color:var(--color-text-quaternary); }
.mzh-order-step p { margin:0; }
.mzh-order-step span { color:var(--color-text-quaternary); }
.mzh-order-step__supplier { position:absolute; top:var(--order-detail-person-top); left:var(--order-detail-card-padding); right:var(--order-detail-card-padding); }
.mzh-order-step__supplier>div { margin-top:var(--order-detail-person-gap); }
.mzh-order-step__people { position:absolute; top:var(--order-detail-person-top); left:var(--order-detail-card-padding); display:flex; }
.mzh-order-step__people section { width:var(--order-detail-person-width); }
.mzh-order-step__avatar { width:var(--order-detail-avatar); height:var(--order-detail-avatar); border-radius:var(--radius-full); background:var(--button-secondary-bg-pressed); position:relative; overflow:hidden; }
.mzh-order-step__avatar img { position:absolute; max-width:none; }
.mzh-order-step__avatar[data-avatar="manager"] img { width:var(--order-detail-manager-image-width); height:var(--order-detail-manager-image-height); left:var(--order-detail-manager-image-left); top:var(--order-detail-manager-image-top); }
.mzh-order-step__avatar[data-avatar="worker"] img { width:var(--order-detail-worker-image-width); height:var(--order-detail-worker-image-height); left:var(--order-detail-worker-image-left); top:var(--order-detail-worker-image-top); transform:rotate(calc(var(--order-detail-worker-rotation) * 1deg)); }
.mzh-order-step__person-name { margin-top:var(--order-detail-phone-gap); }
.mzh-order-step__phone { margin-top:var(--spacing-sm); }
.mzh-order-step__action { position:absolute; right:var(--order-detail-button-right); bottom:var(--order-detail-button-bottom); }
.mzh-order-step__description { position:relative; margin:var(--spacing-xs) var(--order-detail-card-padding) 0!important; color:var(--color-text-quaternary); }
.mzh-order-step__description--review { margin-top:var(--spacing-sm)!important; margin-right:var(--order-detail-button-right)!important; color:var(--color-text-primary); }
.mzh-order-step__contracts { position:absolute; left:var(--order-detail-card-padding); top:var(--order-detail-contract-top); display:flex; gap:var(--order-detail-contract-gap); }
.mzh-order-step__contracts button { width:var(--order-detail-contract-size); height:var(--order-detail-contract-size); background:var(--button-secondary-bg-pressed); border:0; padding:0; border-radius:var(--radius-sm); position:relative; overflow:hidden; cursor:pointer; }
.mzh-order-step__contracts img { width:var(--order-detail-contract-image-width); height:var(--order-detail-contract-image-height); left:var(--order-detail-contract-image-left); top:var(--order-detail-contract-image-top); position:absolute; }
.mzh-order-step[data-inactive="true"] h2 { color:var(--color-text-quaternary); }
.mzh-order-step__action.mzh-button { --mzh-button-fg:var(--color-text-primary); --mzh-button-border-color:var(--button-secondary-border); --mzh-button-width:var(--order-card-warranty-width); }

.mzh-order-step__supplier>span { display:block; line-height:normal; }