.buyer-tip{display:flex;align-items:flex-start;gap:11px;grid-column:1/-1;box-sizing:border-box;min-width:0;margin:12px 0;padding:12px 14px;border:1px solid #416c70;border-radius:14px;background:linear-gradient(120deg,#173b40,#142c3b);color:#e3eeeb;text-align:left;font:400 14px/1.55 system-ui,sans-serif}
.buyer-tip>.buyer-tip-icon{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:10px;background:#245451;color:#a7e1cf}.buyer-tip .buyer-tip-icon svg{width:21px;height:21px}.buyer-tip>div{min-width:0}.buyer-tip strong{display:block!important;margin:0 0 4px!important;color:#b4e9d6!important;font-size:14px!important;font-weight:700!important;line-height:1.4!important;letter-spacing:normal!important}.buyer-tip p{margin:0!important;color:#e3eeeb!important;font-size:14px!important;line-height:1.55!important;white-space:pre-line;overflow-wrap:anywhere}.buyer-tip[hidden]{display:none!important}
@media(max-width:600px){.buyer-tip{gap:9px;padding:11px 12px}.buyer-tip>.buyer-tip-icon{width:28px;height:28px;flex-basis:28px}}

/* Keep the sidebar behind the order only; guidance occupies its own final row. */
.active-order-card>.buyer-tip{grid-column:1/-1;grid-row:6;margin:0;align-self:start}
.active-order-card.is-processing>.buyer-tip{grid-row:4}
@media(min-width:901px){
 .active-order-card:has(>.buyer-tip)::before{position:relative;top:auto;right:auto;bottom:auto;width:auto;grid-column:2;grid-row:1/6;align-self:stretch;margin:-15px -16px 0 0;z-index:0}
 .active-order-card.is-processing:has(>.buyer-tip)::before{grid-row:1/4}
 .active-order-card:has(>.buyer-tip)>footer{margin-bottom:0}
 .active-order-card>.buyer-tip{z-index:1}
}
@media(max-width:900px){.active-order-card>.buyer-tip,.active-order-card.is-processing>.buyer-tip{grid-row:7}}