.customer-message-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-fields);border-top:1px solid var(--line);padding-top:var(--space-section);min-width:0}
.customer-message-fields>h3{margin:0;font-size:var(--type-section-title)}
.customer-message-fields>.os-note{margin:0;font-size:var(--type-meta);color:var(--muted)}
.customer-message-fields>label{min-width:0;margin:0;display:grid;gap:var(--space-inline);font-size:var(--type-label)}
.customer-message-fields :is(input,select){width:100%;min-width:0;box-sizing:border-box;font-size:var(--type-control);min-height:var(--control-target)}
.customer-message-contact{display:flex;align-items:center;justify-content:space-between;gap:var(--space-inline);padding-block:var(--space-fields);border-top:1px solid var(--line);grid-column:1/-1;min-width:0}
.customer-message-copy{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere;font-size:var(--type-body)}
.customer-message-copy :is(small,span){font-size:var(--type-meta);color:var(--muted)}
.customer-message-contact .listing-row-actions{flex:none;display:flex;gap:var(--space-inline)}
.customer-message-contact .listing-row-actions>button{width:var(--control-target);min-height:var(--control-target);padding:var(--space-inline);margin:0}
.customer-message-contact .icon{width:18px;height:18px}
:root body.in-workspace dialog.customer-message-dialog{width:min(520px,calc(100vw - 24px));height:fit-content;min-height:0}
.customer-message-body{display:grid;gap:var(--space-fields)}
.customer-message-body>label{display:grid;gap:var(--space-inline);font-size:var(--type-label)}
.customer-message-body textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:110px;max-height:35vh;font-size:var(--type-control);padding:var(--space-fields);border:1px solid var(--line);border-radius:var(--action-radius);background:var(--surface-field);color:var(--text-primary)}
.customer-message-body .os-note{margin:0;font-size:var(--type-meta);color:var(--muted)}
@media(max-width:700px){.customer-message-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-message-fields>label:first-of-type{grid-column:1/-1}}
@media(max-width:380px){.customer-message-fields{grid-template-columns:minmax(0,1fr)}}

.customer-message-fields>.full{grid-column:1/-1}

.customer-message-entry{width:var(--control-target);min-width:var(--control-target);min-height:var(--control-target);padding:var(--space-inline);flex:none}
.customer-message-entry .icon{width:18px;height:18px}
.estimate-editor .estimate-editor-customer:has(>.customer-message-entry){grid-template-columns:auto minmax(0,1fr) auto auto}
.pos-message-contact{flex:none;display:flex}.pos-message-contact[hidden]{display:none!important}
.os-order-header-identity .customer-message-entry{margin-top:var(--space-inline)}
.customer-message-dialog>.feedback{font-size:var(--type-meta);overflow-wrap:anywhere}
.estimate-editor .estimate-editor-customer>.customer-message-entry{grid-column:4;grid-row:1}
@media(max-width:380px){.estimate-editor .estimate-editor-customer:has(>.customer-message-entry){grid-template-columns:28px minmax(0,1fr) var(--control-target) var(--control-target)}.estimate-editor .estimate-editor-customer:has(>.customer-message-entry)>:nth-child(2){grid-column:2/-1}.estimate-editor .estimate-editor-customer:has(>.customer-message-entry)>:nth-child(3){grid-column:3;grid-row:2}.estimate-editor .estimate-editor-customer>.customer-message-entry{grid-column:4;grid-row:2}}

.estimate-editor .estimate-editor-customer>.customer-message-entry{width:var(--control-target);min-width:var(--control-target);padding:var(--space-inline)}
