/* Reference: diseno-inbox-integral-2026-10-07. One conversation scroll. */
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView .concierge-layout{background:var(--surface);border-radius:14px;min-height:0}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView .concierge-chat{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:#f7f9f7}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView .concierge-chat-head{min-height:64px;padding:10px 16px;flex:0 0 auto;background:var(--surface);border-bottom:1px solid var(--line)}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView .concierge-chat-identity{min-width:0;flex:1}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView .concierge-chat-identity strong{font-size:16px;line-height:1.35}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView .concierge-chat-identity small{font-size:12px;line-height:1.4}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView .concierge-head-action{font-size:12px;padding:6px 10px;min-height:44px;text-decoration:none}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView #conciergeConversationScroll{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;display:flex;flex-direction:column}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView #conciergeOrderSummary{flex:none;max-height:none!important;height:auto!important;overflow:visible!important;border:0;background:transparent}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView #conciergeInlineActions{padding:14px 16px 4px;max-height:none!important;overflow:visible!important;gap:6px}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView .inbox-order-shortcut{padding:14px 16px;display:grid;grid-template-columns:1fr;gap:8px;background:#edf7f1;border:1px solid #d9e9df;border-radius:14px;box-shadow:none;min-height:0}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView .inbox-order-shortcut>header{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:center}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView .inbox-order-shortcut>header>div>strong{font-size:16px;line-height:1.35;word-break:normal}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView .inbox-order-shortcut>header small{font-size:10px}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView .inbox-order-shortcut>p{font-size:13px;line-height:1.5;margin:0}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView .inbox-order-shortcut>div{display:flex;gap:8px;flex-wrap:wrap}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView .inbox-order-shortcut button,html body.is-concierge-app:not(.staff-crm-mode) #conciergeView .inbox-order-shortcut a{min-height:44px;padding:8px 12px;border-radius:10px;font-size:13px}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView .inbox-order-shortcut [data-marketplace-gps],html body.is-concierge-app:not(.staff-crm-mode) #conciergeView .inbox-order-shortcut.is-proposal [data-open-coordination],html body.is-concierge-app:not(.staff-crm-mode) #conciergeView .inbox-receipt-picker{background:#076349;color:#fff;border-color:#076349}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView .inbox-order-shortcut.is-waiting{background:var(--surface);padding:10px 14px}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView .inbox-order-shortcut.is-waiting>header small{display:none}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView .inbox-completed-steps{font-size:10px;margin:0}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView .inbox-coordination-link{display:none!important}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView .inbox-bank-details{background:var(--surface);padding:8px;border-radius:10px}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView .inbox-bank-details>summary{min-height:36px;cursor:pointer}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView #conciergeMessages{flex:none!important;min-height:0!important;max-height:none!important;height:auto!important;overflow:visible!important;padding:14px 18px;gap:12px;display:flex;flex-direction:column;background:transparent}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView .concierge-message{font-size:14px;line-height:1.5;padding:10px 14px;max-width:85%;border:1px solid #edf0ee;box-shadow:none;border-radius:14px;overflow-wrap:anywhere}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView .concierge-message.is-user{background:#e6f4eb;border-radius:14px 14px 4px 14px}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView .concierge-message.is-system{font-size:12px;padding:6px 10px;background:#f0f3f1}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView #conciergeForm{flex:none;margin:6px 12px 12px;padding:8px;min-height:0;border:1px solid #e1e8e3;background:var(--surface);border-radius:16px;gap:8px}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView #conciergeForm>small{display:none}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView #conciergeReplyPreview{padding:7px 10px;margin:0;min-height:0;max-height:74px;overflow:hidden;border-radius:10px;background:#f0f5f2;font-size:12px}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView #conciergeReplyPreview :is(p,strong){font-size:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView #conciergeInput{min-height:44px;max-height:112px;font-size:16px;line-height:1.4}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView #conciergeShareSheet{max-height:65dvh;overflow:auto;z-index:45}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView #conciergeDetailsPanel{background:var(--surface);min-height:0;overflow-y:auto;padding:0 12px 16px}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView #inboxCoordination{padding:8px 0;gap:10px}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView #inboxCoordination .coordination-next{padding:6px;background:transparent;border:0;box-shadow:none;display:flex;flex-wrap:wrap;gap:6px}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView .coordination-section{border:1px solid #e1e8e3;border-radius:12px;overflow:hidden;background:var(--surface)}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView .coordination-section>summary{min-height:48px;font-size:14px;padding:12px;box-sizing:border-box}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView .coordination-section-body{padding:12px;font-size:13px}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView .concierge-inbox-list{padding:4px 8px}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView .concierge-search{border-radius:10px}
@media(min-width:1280px){html body.is-concierge-app:not(.staff-crm-mode) #conciergeView #conciergeLayout.is-detail-open{grid-template-columns:260px 0 minmax(0,1fr) 300px}}
@media(max-width:767px){html body.is-concierge-app:not(.staff-crm-mode) #conciergeView .concierge-chat-head{min-height:60px;padding:8px 10px}html body.is-concierge-app:not(.staff-crm-mode) #conciergeView .concierge-chat-head>a[href*=new]{display:none}html body.is-concierge-app:not(.staff-crm-mode) #conciergeView #conciergeInlineActions{padding:10px 10px 0}html body.is-concierge-app:not(.staff-crm-mode) #conciergeView #conciergeMessages{padding:12px 10px}html body.is-concierge-app:not(.staff-crm-mode) #conciergeView #conciergeForm{margin:4px 8px max(8px,env(safe-area-inset-bottom));padding:6px}html body.is-concierge-app:not(.staff-crm-mode) #conciergeView .inbox-order-shortcut{padding:12px}html body.is-concierge-app:not(.staff-crm-mode) #conciergeView .inbox-order-shortcut>div>button{flex:1 1 140px}html body.is-concierge-app:not(.staff-crm-mode) #conciergeView #conciergeOrderSummary:not([hidden]){display:block!important}html body.is-concierge-app:not(.staff-crm-mode) #conciergeView .concierge-message{max-width:90%}html body.is-concierge-app:not(.staff-crm-mode) #conciergeView .concierge-owner-avatar{width:32px;height:32px;flex-basis:32px}}
/* Team channel and permissions remain owned by the existing staff controller. */
#staffInbox .staff-chat-heading{padding:12px 16px;min-height:64px}
#staffInbox .staff-channel-tabs{background:var(--surface);border-bottom:1px solid var(--line)}
#staffInbox .staff-channel-tabs [aria-pressed=true]{background:#e6f4eb;color:#07543d;border-radius:8px}
#staffInbox .staff-bubble{border-radius:14px;padding:12px 14px;box-shadow:none;font-size:14px;line-height:1.5}
#staffInbox .staff-composer{padding:10px 14px;background:var(--surface);border-top:1px solid var(--line)}
#staffInbox .staff-reply{max-height:72px;overflow:auto;font-size:12px}
#staffInbox .staff-channel-state{padding:8px 14px;font-size:12px}
/* Notifications for other cases stay above the composer, not across it. */
body.is-concierge-app #ikatuActivityToast{top:76px;bottom:auto;max-width:320px}

@media(max-width:767px){body.is-concierge-app #ikatuActivityToast{top:8px;left:8px;right:8px;bottom:auto;max-width:none}body.is-concierge-app #ikatuActivityToast p{display:none}}

/* RC78: passive waiting must leave room to read the actual conversation. */
body.is-concierge-app #ikatuActivityToast{display:none!important}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView .inbox-order-shortcut.is-waiting{padding:10px 12px;gap:3px;border:0;border-left:3px solid #83b99e;border-radius:8px;background:#eef6f0}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView .inbox-order-shortcut.is-waiting>header{grid-template-columns:24px minmax(0,1fr);gap:8px}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView .inbox-order-shortcut.is-waiting>header>span{height:24px;width:24px;font-size:14px;background:transparent}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView .inbox-order-shortcut.is-waiting>header>div>strong{font-size:14px}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView .inbox-order-shortcut.is-waiting>p{padding-left:32px;font-size:12px}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView .concierge-message{white-space:normal;min-height:0!important;height:auto!important;margin-block:0;flex:none}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView .concierge-message.is-system{padding:7px 10px;min-height:0!important;max-width:95%;border:0;background:transparent;text-align:center}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView .concierge-day-divider{margin:8px 0;padding:0;min-height:0;flex:none}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView .concierge-message-meta{margin-top:4px;min-height:0}
html body.is-concierge-app:not(.staff-crm-mode) #conciergeView .concierge-chat-head>a[href*="new=1"]{white-space:nowrap;min-width:72px}

.inbox-message-content{white-space:pre-wrap}