.local-whatsapp-dialog {
    width: min(600px, calc(100% - 24px));
}
.local-receipt-share-action:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}
.local-whatsapp-dialog h2 {
    margin: 4px 0 0;
    font-size: 1.25rem;
}
.local-whatsapp-dialog [data-receipt-status]:empty {
    display: none;
}
.local-whatsapp-intro {
    margin: 12px 0 24px;
    color: var(--color-text-light);
    font-size: 0.85rem;
    line-height: 1.6;
}
.local-whatsapp-field {
    display: grid;
    gap: 9px;
    margin-top: 20px;
    font-size: 0.8rem;
    font-weight: 700;
}
.local-whatsapp-field input,
.local-whatsapp-field textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 12px 14px;
    border: 1px solid rgba(8, 118, 132, 0.2);
    border-radius: 12px;
    font: inherit;
    font-weight: 400;
    color: inherit;
    background: transparent;
}
.local-whatsapp-field textarea {
    resize: vertical;
    min-height: 180px;
    font-size: 0.8rem;
    line-height: 1.6;
}
.local-whatsapp-field input:focus-visible,
.local-whatsapp-field textarea:focus-visible {
    outline: 2px solid #087684;
    outline-offset: 2px;
}
.local-whatsapp-help {
    margin: 9px 0;
    font-size: 0.72rem;
    line-height: 1.6;
    color: var(--color-text-light);
}
.local-whatsapp-dialog .local-error-copy {
    font-size: 0.8rem;
}
.local-whatsapp-dialog [data-receipt-open] {
    font-size: 0.8rem;
    padding: 12px 18px;
}
.local-whatsapp-dialog [aria-disabled='true'] {
    opacity: 0.45;
    cursor: default;
}
.local-whatsapp-dialog [data-receipt-content] {
    position: relative;
    min-height: 250px;
}

.local-whatsapp-consent {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 24px 0 16px;
    font-size: 0.8rem;
    line-height: 1.6;
}
.local-whatsapp-consent input { margin-top: 4px; }
.local-whatsapp-dialog [data-receipt-send] { font-size: 0.8rem; padding: 12px 18px; }
.local-whatsapp-dialog button:disabled { opacity: 0.45; cursor: not-allowed; }
.local-whatsapp-result {
    margin-top: 24px;
    padding: 18px;
    border: 1px solid rgba(8, 118, 132, 0.22);
    border-radius: 14px;
    background: rgba(8, 118, 132, 0.06);
    font-size: 0.8rem;
    line-height: 1.6;
}
.local-whatsapp-result[data-tone='success'] { border-color: var(--color-primary, #087684); }
.local-whatsapp-result[data-tone='error'] { border-color: #bb4545; }
.local-whatsapp-result > strong { display: block; font-size: 1rem; }
.local-whatsapp-result-label { display: block; margin-top: 16px; font-weight: 700; }
.local-whatsapp-result blockquote { margin: 8px 0 0; padding: 12px; border-radius: 10px; background: var(--color-white, #fff); color: var(--color-text, #153643); white-space: pre-wrap; overflow-wrap: anywhere; }
.local-whatsapp-result[data-tone='success'] > strong { color: var(--color-primary, #087684); }
.local-whatsapp-dialog [hidden] { display: none !important; }
.local-whatsapp-history { width: min(740px, calc(100% - 24px)); }
.local-whatsapp-history-filter { display: flex; align-items: end; gap: 10px; flex-wrap: wrap; margin-bottom: 24px; }
.local-whatsapp-history-filter .local-whatsapp-field { flex: 1; min-width: 180px; margin: 0; }
.local-whatsapp-history [data-history-list] { position: relative; min-height: 100px; }
.local-whatsapp-history-entry { padding: 22px 0; border-bottom: 1px solid rgba(8,118,132,.15); }
.local-whatsapp-history-entry:first-child { padding-top: 6px; }
.local-whatsapp-history-entry header { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; justify-content: space-between; font-size: .85rem; }
.local-whatsapp-history-entry time { display: block; margin-top: 6px; }
.local-whatsapp-history-badge { padding: 5px 10px; border-radius: 20px; font-size: .7rem; background: rgba(8,118,132,.08); }
.local-whatsapp-history-badge[data-tone='success'] { color: var(--color-primary,#087684); }
.local-whatsapp-history-badge[data-tone='error'] { color: #b13d3d; }
.local-whatsapp-history-message { white-space: pre-wrap; overflow-wrap: anywhere; margin: 16px 0; font-size: .85rem; line-height: 1.7; }
.local-whatsapp-history-entry summary { cursor: pointer; font-size: .72rem; color: var(--color-text-light); }
.local-whatsapp-history-entry details button { margin-top: 8px; }
.local-whatsapp-history-filter button,
.local-whatsapp-history-entry details button {
    min-height: 42px;
    padding: 10px 14px;
    border: 1px solid rgba(8,118,132,.16);
    border-radius: 12px;
    background: rgba(8,118,132,.08);
    color: var(--color-primary,#087684);
    font: inherit;
    font-size: .75rem;
    font-weight: 700;
    cursor: pointer;
}
.local-whatsapp-history-filter button:focus-visible,
.local-whatsapp-history-entry details button:focus-visible { outline: 2px solid var(--color-primary,#087684); outline-offset: 2px; }
.local-whatsapp-conversation { width: min(760px, calc(100% - 24px)); padding: 28px; }
.local-whatsapp-conversation-heading { padding-right: 42px; }
.local-whatsapp-conversation-heading h2 { font-size: 1.45rem; margin: 4px 0 24px; }
.local-whatsapp-to { margin: 0 0 24px; }
.local-whatsapp-thread-heading { display: flex; justify-content: space-between; gap: 16px; align-items: center; padding: 16px 0 12px; border-top: 1px solid rgba(8,118,132,.12); }
.local-whatsapp-thread-heading h3 { margin: 0; font-size: .85rem; }
.local-whatsapp-thread-heading p { margin: 5px 0 0; font-size: .7rem; color: var(--color-text-light); }
.local-whatsapp-thread-heading button,
.local-whatsapp-conversation [data-thread-more],
.local-whatsapp-recipient,
.local-whatsapp-conversation [data-text-refresh] { border: 0; background: transparent; color: var(--color-primary,#087684); font: inherit; font-size: .72rem; cursor: pointer; padding: 8px; }
.local-whatsapp-thread { min-height: 130px; max-height: 290px; overflow-y: auto; display: flex; flex-direction: column; gap: 12px; padding: 12px 4px 20px; position: relative; }
.local-whatsapp-bubble { max-width: 92%; align-self: flex-end; padding: 14px 16px; border-radius: 14px 14px 4px 14px; background: rgba(8,118,132,.065); }
.local-whatsapp-bubble > p { white-space: pre-wrap; overflow-wrap: anywhere; font-size: .82rem; line-height: 1.65; margin: 0; }
.local-whatsapp-bubble > footer { display: flex; gap: 14px; flex-wrap: wrap; justify-content: flex-end; margin-top: 10px; color: var(--color-text-light); font-size: .65rem; }
.local-whatsapp-bubble [data-tone='success'] { color: var(--color-primary,#087684); }
.local-whatsapp-bubble [data-tone='error'] { color: #b13d3d; }
.local-whatsapp-recipient { display: block; font-weight: 700; padding: 0 0 8px; }
.local-whatsapp-thread-empty { font-size: .8rem; color: var(--color-text-light); margin: auto; text-align: center; line-height: 1.7; padding: 24px; }
.local-whatsapp-compose { border-top: 1px solid rgba(8,118,132,.12); padding-top: 20px; position: relative; }
.local-whatsapp-compose .local-whatsapp-field { margin-top: 0; }
.local-whatsapp-compose textarea { min-height: 90px; max-height: 160px; }
.local-whatsapp-compose-meta { display: flex; gap: 16px; justify-content: space-between; align-items: baseline; }
.local-whatsapp-compose-meta > span { flex-shrink: 0; font-size: .65rem; color: var(--color-text-light); }
.local-whatsapp-compose .local-whatsapp-consent { margin: 12px 0; font-size: .72rem; }
.local-whatsapp-compose-footer { display: flex; gap: 12px; align-items: center; justify-content: space-between; margin-top: 14px; }
.local-whatsapp-compose-footer > p { font-size: .75rem; margin: 0; color: var(--color-primary,#087684); }
.local-whatsapp-compose-footer > div { display: flex; align-items: center; gap: 8px; margin-left: auto; }
.local-whatsapp-compose-footer .btn { padding: 12px 20px; border-radius: 12px; font-size: .8rem; }
@media (max-width: 560px) {
    .local-whatsapp-conversation { padding: 24px 18px; }
    .local-whatsapp-thread { max-height: 220px; }
    .local-whatsapp-bubble { max-width: 98%; }
    .local-whatsapp-compose-footer { flex-wrap: wrap; }
}

.local-receipt-quick { display: grid; gap: 7px; max-width: 290px; text-align: left; }
.local-receipt-quick .local-receipt-quick-button { background: var(--color-primary,#087684); color: #fff; }
.local-receipt-quick .local-receipt-quick-button:disabled { opacity: .6; cursor: default; }
.local-receipt-quick .local-receipt-quick-hint { font-size: .67rem; line-height: 1.5; color: var(--color-text-light); }
.local-receipt-quick .local-receipt-quick-feedback { margin: 0; font-size: .72rem; line-height: 1.5; }
.local-receipt-quick-feedback:empty { display: none; }
.local-receipt-quick-feedback[data-tone="error"] { color: #a13d35; }
.local-receipt-quick-feedback[data-tone="success"] { color: #187551; }
.local-sale-detail-dialog .local-sale-primary-actions { flex-wrap: wrap; align-items: flex-start; }
.local-sale-detail-dialog .local-sale-footer { flex-wrap: wrap; }
.local-customer-sale-actions:has(.local-receipt-quick) { display: grid; justify-items: start; max-width: 250px; }

.local-receipt-quick-date { color:var(--color-text-light); font-size:.65rem; line-height:1.5; }
.local-receipt-quick-date:empty { display:none; }
.local-whatsapp-receipt { display:flex; gap:12px; align-items:center; min-width:180px; }
.local-whatsapp-receipt-icon { display:grid; place-items:center; width:38px; height:44px; flex-shrink:0; border-radius:9px; background:rgba(8,118,132,.1); color:var(--color-primary,#087684); font-size:.6rem; font-weight:700; letter-spacing:.03em; }
.local-whatsapp-receipt > div { display:grid; gap:5px; }
.local-whatsapp-receipt strong { font-size:.82rem; }
.local-whatsapp-receipt small { color:var(--color-text-light); font-size:.72rem; }

.local-receipt-quick .local-receipt-quick-button:is([data-delivery-status='delivered'],[data-delivery-status='read']):disabled { background:#e0f2e8; color:#187551; opacity:1; }
body.dark-mode .local-receipt-quick .local-receipt-quick-button:is([data-delivery-status='delivered'],[data-delivery-status='read']):disabled { background:#234c3e; color:#b7ebce; }

.local-receipt-quick .local-receipt-quick-button:is([data-delivery-status='delivered'],[data-delivery-status='read']) { white-space:nowrap; }