/* Shared order metadata rows; labels stay present in view and edit. */
.order-main-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px;padding:16px}
.order-info-field{display:grid;grid-template-columns:minmax(100px,150px) minmax(0,1fr);gap:12px;align-items:baseline;min-width:0;min-height:32px}
.order-info-field>label,.order-field-label,.order-info-field dt{color:var(--secondary,#44546f);font-size:13px}
.order-info-field>span:last-child,.order-info-field dd{min-width:0;overflow-wrap:anywhere;margin:0}
.order-info-field select,.order-info-field input{width:100%;min-width:0}
.order-client-view{padding:16px 16px 0}.order-client-view dl{display:grid;align-content:start;gap:10px;margin:0;min-width:0}
.order-client-view+.client-history{padding:0 16px 16px!important}
#client .retail-client-grid{gap:20px 28px}
#client .retail-client-grid label{min-height:36px}
.legacy-client-name{overflow-wrap:anywhere}
@media(max-width:767.98px){.order-main-grid,#client .retail-client-grid{grid-template-columns:minmax(0,1fr)}#client .retail-contact-area{grid-row:auto}.order-info-field{grid-template-columns:minmax(0,1fr);gap:3px}.order-main-grid{gap:14px}.order-client-view dl{gap:14px}.order-info-field dt{margin:0}}

.order-source-details>summary{padding:12px 16px;cursor:pointer;font-weight:600;overflow-wrap:anywhere}

@media(max-width:767.98px){#client .client-history-open{display:flex;flex-direction:column;align-items:flex-start;gap:4px}#client .client-history-open span{display:block}}

@media(min-width:768px) and (max-width:900px){.order-main-grid,#client .retail-client-grid{grid-template-columns:minmax(0,1fr)}}

#client .client-related{margin-top:12px;min-width:0}.client-related #selected-client-full-name{overflow-wrap:anywhere}