.draft-pane .draft-head{min-height:72px;height:auto;padding:10px 12px;gap:10px}
.draft-head>div:first-child{min-width:78px}
.draft-head-actions{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:6px}
.draft-head-actions .btn{min-height:34px;height:34px;padding:0 10px;gap:5px;white-space:nowrap;font-size:11px}
.draft-head-actions .draft-add-product{border-color:color-mix(in srgb,var(--primary) 28%,var(--border));color:var(--primary);background:color-mix(in srgb,var(--primary-soft) 58%,var(--surface))}
.draft-head-actions .draft-add-product:hover{border-color:color-mix(in srgb,var(--primary) 48%,var(--border));background:var(--primary-soft)}

.dialog-order-actions .dialog-payment-card-action{min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.dialog-order-actions .dialog-payment-card-action small{padding-left:4px;border-left:1px solid rgba(255,255,255,.32);color:rgba(255,255,255,.84);font-size:11px;font-weight:750;white-space:nowrap}

.draft-products-step{background:linear-gradient(180deg,color-mix(in srgb,var(--primary-soft) 34%,var(--surface)),var(--surface) 52%)}
.draft-products-step .draft-section-head{min-height:28px;margin-bottom:6px}
.draft-products-step .draft-section-head h3{font-size:12px}

.message-customer-lookup{grid-column:1/-1;display:grid;gap:7px;margin-bottom:2px;padding:10px;border:1px solid color-mix(in srgb,var(--primary) 20%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--primary-soft) 34%,var(--surface))}
.message-customer-lookup>label{display:grid;gap:6px}
.message-customer-lookup>label>span:first-child,.message-adjustments-body label>span{color:var(--text-secondary);font-size:11px;font-weight:750}
.message-customer-search-control{min-height:38px;padding:0 10px;border:1px solid var(--border-strong);border-radius:9px;display:flex;align-items:center;gap:7px;color:var(--text-muted);background:var(--surface)}
.message-customer-search-control:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)}
.message-customer-search-control input{min-width:0;height:36px!important;padding:0!important;border:0!important;outline:0;box-shadow:none!important;background:transparent!important;font-size:11.5px}
.message-customer-loading{min-height:24px;display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:11px}
.message-customer-results{max-height:184px;overflow-y:auto;display:grid;gap:5px}
.message-customer-results>button{width:100%;min-height:48px;padding:7px 9px;border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--text);background:var(--surface);text-align:left}
.message-customer-results>button:hover{border-color:color-mix(in srgb,var(--primary) 40%,var(--border));background:var(--surface-hover)}
.message-customer-results>button>span{min-width:0;display:grid;gap:3px}
.message-customer-results strong{font-size:11.5px;line-height:1.3}
.message-customer-results small{color:var(--text-muted);font-size:11px;line-height:1.3;overflow-wrap:anywhere}

.message-adjustments-body,.message-comment-body{padding:10px 12px 12px;border-top:1px solid var(--border)}
.message-adjustments-body label{display:grid;gap:6px}
.message-adjustments-body input,.message-comment-body textarea{width:100%;border:1px solid var(--border-strong);border-radius:9px;color:var(--text);background:var(--surface);font:inherit;font-size:11.5px}
.message-adjustments-body input{height:38px;padding:0 10px}
.message-comment-body textarea{min-height:76px;padding:9px 10px;resize:vertical;line-height:1.45}
.message-comment-section summary small{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.message-delivery-body{display:grid;gap:10px;padding:10px 12px 12px;border-top:1px solid var(--border)}
.message-draft-np-address-active{display:grid!important;gap:9px}
.message-draft-np-address-active .np-shared-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.message-draft-np-address-active .np-shared-types button{min-height:34px;padding:0 5px;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);background:var(--surface);font-size:11px;font-weight:750}
.message-draft-np-address-active .np-shared-types button.active{border-color:color-mix(in srgb,var(--primary) 55%,var(--border));color:var(--primary);background:var(--primary-soft)}
.message-draft-np-address-active .np-shared-field{display:grid;gap:5px}
.message-draft-np-address-active .np-shared-field>span,.message-draft-np-address-active .np-shared-house span{color:var(--text-secondary);font-size:11px;font-weight:750}
.message-draft-np-address-active .np-shared-field>div{position:relative}
.message-draft-np-address-active input{width:100%;height:38px;padding:0 10px;border:1px solid var(--border-strong);border-radius:9px;color:var(--text);background:var(--surface);font:inherit;font-size:11.5px}
.message-draft-np-address-active input:focus{border-color:var(--primary);outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)}
.message-draft-np-address-active ul{z-index:30}
.message-draft-np-address-active .np-shared-house{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.message-draft-np-address-active .np-shared-house label{display:grid;gap:5px}
.draft-item-price-readonly{min-width:70px;padding:0 4px;color:var(--text);font-size:11.5px;text-align:right;white-space:nowrap}
.message-adjustments-body{display:grid;gap:10px}
.message-adjustment-mode{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.message-adjustment-mode button{min-height:34px;padding:4px 5px;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);background:var(--surface);font-size:10.5px;font-weight:800;line-height:1.2}
.message-adjustment-mode button:hover{border-color:color-mix(in srgb,var(--primary) 36%,var(--border));background:var(--surface-hover)}
.message-adjustment-mode button.active{border-color:color-mix(in srgb,var(--primary) 58%,var(--border));color:var(--primary);background:var(--primary-soft)}
.message-adjustment-input{display:grid;gap:6px}
.message-price-mode-note{padding:7px 8px;border-radius:8px;color:var(--text-secondary);background:var(--surface-subtle);font-size:11px;line-height:1.4}

@media(max-width:1440px){.draft-head-actions .btn{padding-inline:8px;font-size:10.5px}
.draft-head-actions .draft-add-product svg{display:none}
}

.draft-head-actions .draft-add-product{min-width:0;height:32px;min-height:32px;padding:0 9px;font-size:10.5px}
.draft-head-actions .draft-save-icon{width:32px;min-width:32px;height:32px;min-height:32px;padding:0;display:grid;place-items:center}
.draft-pane .draft-product.editable{grid-template-columns:38px minmax(0,1fr) 65px 64px 24px;column-gap:5px}
.draft-pane .draft-product.editable .quantity-control{width:65px;grid-template-columns:20px 25px 20px;justify-self:end}
.draft-pane .draft-product.editable>div:nth-child(2) strong{max-width:100%;line-height:1.28}
.draft-product-meta{display:flex!important;flex-direction:column;align-items:flex-start;gap:2px!important}
.draft-product-meta em{max-width:100%;overflow:hidden;color:var(--primary);font-size:9px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.message-order-totals{margin:9px 0 0;padding:10px 0 1px;border-top:1px solid var(--border);display:grid;gap:6px}
.message-order-totals>span{min-height:19px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text-secondary);font-size:11px}
.message-order-totals>span b{color:var(--text);font-size:11.5px;white-space:nowrap}
.message-order-totals .cashback-total-row,.message-order-totals .cashback-total-row b{color:#b07812}
.message-order-totals .markup-total-row,.message-order-totals .markup-total-row b{color:#16804a}
.message-order-totals .draft-grand{min-height:32px;margin-top:2px;padding-top:8px;border-top:1px solid var(--border-strong);color:var(--text);font-size:12px;font-weight:800}
.message-order-totals .draft-grand b{color:var(--primary);font-size:16px}
.message-order-spoiler{padding:0!important;background:var(--surface)}
.message-order-spoiler>summary{min-height:62px;padding:10px 12px!important}
.message-order-spoiler>summary>span:first-child{gap:10px}
.message-order-spoiler-icon{width:38px;height:38px;flex:0 0 38px;border-radius:10px;display:grid!important;place-items:center;color:var(--primary);background:var(--primary-soft)}
.message-order-spoiler summary strong{color:var(--text);font-size:12.5px}
.message-order-spoiler summary small{max-width:230px;color:var(--text-muted);font-size:11px}
.message-order-spoiler>.draft-client-fields{margin:0!important;padding:10px 12px 12px;border-top:1px solid var(--border)}
.message-delivery-body,.message-adjustments-body,.message-comment-body{padding:10px 12px 12px}
.message-product-options{padding:8px;border:1px solid color-mix(in srgb,var(--primary) 25%,var(--border));border-radius:9px;display:grid;gap:9px;background:var(--surface)}
.message-product-options>header{min-height:40px;display:grid;grid-template-columns:36px minmax(0,1fr) 28px;align-items:center;gap:8px}
.message-product-options>header img{width:36px;height:36px;object-fit:contain}
.message-product-options>header>span{min-width:0}
.message-product-options>header strong{font-size:11px;line-height:1.3}
.message-product-options>header small{font-size:9.5px;line-height:1.3}
.message-product-options>header button{width:28px;height:28px;padding:0;border:1px solid var(--border);border-radius:7px;display:grid;place-items:center;background:var(--surface-subtle)}
.message-product-options>section{display:grid;gap:6px}
.message-product-options>section>strong{font-size:10.5px}
.message-product-options>section>div{display:flex;flex-wrap:wrap;gap:5px}
.message-product-options>section button{min-height:32px;padding:5px 8px;border:1px solid var(--border);border-radius:8px;display:inline-flex;align-items:center;gap:5px;color:var(--text-secondary);background:var(--surface-subtle)}
.message-product-options>section button.active{border-color:var(--primary);color:var(--primary);background:var(--primary-soft);box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 18%,transparent)}
.message-product-options>section button:disabled{cursor:not-allowed;opacity:.48}
.message-product-options>section button span{font-size:10.5px;font-weight:750}
.message-product-options>section button small{font-size:9px}
.message-product-options>section button em{font-size:8.5px;font-style:normal}
.message-product-options .message-add-option-product{width:100%;min-height:34px;justify-content:center;font-size:10.5px}

/* v84: keep the draft header compact and aligned on one row. */
.draft-pane .draft-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center}
.draft-head-actions{width:auto!important;max-width:none!important;flex-direction:row!important;flex-wrap:nowrap!important;align-self:center}

/* v84: prioritize the product name; catalog price is display-only. */
.draft-pane .draft-product.editable{grid-template-columns:38px minmax(0,1fr) 58px 52px 20px;column-gap:3px}
.draft-pane .draft-product.editable .quantity-control{width:58px;grid-template-columns:17px 24px 17px}
.draft-pane .draft-item-price-readonly{min-width:0;width:52px;padding:0;font-size:11px}

/* v84: totals have a clear ending and spoilers share the product block's width. */
.message-order-totals{margin:9px 0 10px;padding:10px 0 11px;border-bottom:1px solid var(--border)}
.message-order-spoiler>summary{padding:10px 0!important}
.message-order-spoiler>.draft-client-fields{padding:10px 0 12px!important}
.message-delivery-body,.message-adjustments-body,.message-comment-body{padding:10px 0 12px!important}
.message-order-spoiler>summary>span{min-width:0}
.message-order-spoiler>summary>span:first-child{flex:1 1 auto}

/* v84: reserve an explicit right rail for time, pin and unread count. */
.conversation-item .conversation-copy{box-sizing:border-box;min-width:0!important;padding-right:34px;overflow:hidden!important}
.conversation-item:has(>em) .conversation-copy{padding-right:62px}
.conversation-item .conversation-title,.conversation-item .conversation-title strong{min-width:0}
.conversation-item .conversation-title strong,.conversation-item .conversation-preview{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.conversation-item .conversation-title strong{display:flex;align-items:center}
.conversation-item .conversation-name-channel-icon{flex:0 0 auto}
.conversation-item:has(>em) .conversation-pin{right:36px!important;top:auto!important;bottom:7px!important}
.conversation-item>em{top:auto!important;right:8px!important;bottom:7px!important}