/* RC38: authoritative Inbox presentation; load after legacy structure and brand.
   References: diseno-rc35/inbox-{usuario,encargado}.png and diseno-rc37/original-inbox.png. */
html body #conciergeView{--inbox-radius:18px}
html body #conciergeView :is(.concierge-inbox,.staff-list-pane){background:var(--surface)}
html body #conciergeView :is(.concierge-chat,.staff-chat-pane){background:var(--bg)}
html body #conciergeView :is(.concierge-chat-head,.staff-chat-heading){background:var(--surface);padding:16px 20px;border-bottom:1px solid var(--line)}
html body #conciergeView :is(.concierge-search input,.staff-search input){min-height:46px;border-radius:12px;font-size:15px}
html body #conciergeView :is(.inbox-filter,.staff-filters button){min-height:44px;border-radius:999px;padding:8px 12px;font-size:13px}
html body #conciergeView :is(.inbox-filter.is-active,.staff-filters button[aria-pressed=true]){background:var(--brand);color:var(--on-brand)}
html body #conciergeView .staff-queue button{padding:18px 16px}
html body #conciergeView .staff-queue button[aria-current=true]{background:var(--surface-3);border-radius:12px;box-shadow:inset 3px 0 var(--brand)}
html body #conciergeView :is(.staff-messages,.concierge-messages){background:var(--bg)}
html body #conciergeView .staff-bubble{border-radius:18px;background:var(--surface);padding:14px 18px;line-height:1.6}
html body #conciergeView .staff-bubble.is-own{background:var(--surface-3)}
html body #conciergeView :is(.staff-composer,.concierge-form){border-top:1px solid var(--line);background:var(--surface);padding:14px 18px;gap:10px}
html body #conciergeView :is(.staff-composer textarea,#conciergeInput){font-size:16px;line-height:1.5;border-radius:14px;min-height:48px}
html body #conciergeView :is(#staffClaim,#staffSend,.concierge-send){background:var(--brand);color:var(--on-brand);border:0;min-height:48px;border-radius:12px}
html body #conciergeView .staff-channel-tabs{padding:8px 16px;gap:10px;background:var(--surface)}
html body #conciergeView .staff-channel-tabs button{min-height:44px}
html body #staffInbox[data-channel=team] .staff-composer{border-top:3px solid var(--brand);background:var(--surface-3)}
html body #staffInbox .staff-composer>label{display:block;font-size:13px;font-weight:700;color:var(--text);margin-bottom:8px}
html body #conciergeView .concierge-empty{max-width:520px;margin:auto;padding:32px 20px;text-align:center}
html body #conciergeView .concierge-empty>strong{font-size:26px;letter-spacing:-.03em}
html body #conciergeView .concierge-empty p{font-size:16px;line-height:1.6;color:var(--muted)}
html body #conciergeView .concierge-empty small{display:block;margin-top:18px;font-size:12px;color:var(--muted)}
html body #conciergeView .concierge-empty-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
html body #conciergeView .concierge-empty-actions button{min-height:46px;padding:10px 16px;border:1px solid var(--line);background:var(--surface);color:var(--brand);border-radius:999px}
.inbox-welcome{max-width:440px;margin:clamp(20px,10vh,100px) auto;padding:24px;text-align:center;color:var(--muted);line-height:1.7}
.inbox-welcome>span{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:20px;background:var(--surface-3);color:var(--brand);font-size:28px}
.inbox-welcome h2{color:var(--text);font-size:24px}.inbox-welcome small{font-size:13px}
.inbox-advanced{font-size:13px;color:var(--muted)}.inbox-advanced summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px}.inbox-advanced summary:before{content:'＋';color:var(--brand)}.inbox-advanced[open]>summary:before{content:'−'}.inbox-advanced>a{display:block;padding:8px;color:var(--brand)}
@media(max-width:760px){
 html body #conciergeView :is(.concierge-chat-head,.staff-chat-heading){padding:10px 12px}
 html body #conciergeView :is(.staff-composer,.concierge-form){padding:10px 12px;gap:8px}
 html body #conciergeView .staff-composer-row{flex-wrap:wrap}
 html body #conciergeView .staff-composer-row textarea{flex:1 1 100%}
 html body #conciergeView #staffSend{margin-left:auto;padding:10px 18px}
 html body #conciergeView .concierge-empty{padding:24px 14px}
 html body #conciergeView .concierge-empty>strong{font-size:23px}
 html body #conciergeView .staff-channel-tabs{padding:6px 12px}
 html body #conciergeView .staff-filters{flex-wrap:wrap}
}

/* Shared mockup presentation. Structural/mobile pane visibility stays in the base sheets. */
html body #conciergeView .concierge-layout{border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:none;background:var(--surface)}
html body #conciergeView :is(.concierge-inbox,.concierge-chat,.concierge-plan-panel,.staff-list-pane,.staff-chat-pane,.staff-messages,.concierge-messages){background:var(--surface);background-image:none}
html body #conciergeView .concierge-search{background:var(--surface-2);border:1px solid var(--line);border-radius:10px}
html body #conciergeView .concierge-owner-avatar{border-radius:50%;background:var(--surface-3);color:var(--brand)}
html body #conciergeView :is(.inbox-filter,.staff-filters button){border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--muted);box-shadow:none}
html body #conciergeView :is(.inbox-filter.is-active,.staff-filters button[aria-pressed=true]){border-bottom-color:var(--brand);background:transparent;color:var(--brand)}
html body #conciergeView :is(.concierge-thread,.staff-queue button){border-radius:0;box-shadow:none;border-bottom:1px solid var(--line)}
html body #conciergeView :is(.concierge-thread.is-active,.staff-queue button[aria-current=true]){background:var(--surface-3);border-radius:0;box-shadow:inset 3px 0 var(--brand)}
html body #conciergeView .concierge-thread strong{font-size:14px}
html body #conciergeView .concierge-thread em{font-size:12px}
html body #conciergeView :is(.concierge-thread small,.concierge-thread time){font-size:11px}
html body #conciergeView :is(.concierge-message,.staff-bubble){border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);box-shadow:none;font-size:14px;line-height:1.5}
html body #conciergeView :is(.concierge-message.is-user,.staff-bubble.is-own){background:var(--surface-3);color:var(--text);border-color:transparent}
html body #conciergeView .concierge-message.is-system{background:var(--surface-2);color:var(--muted);font-size:12px}
html body #conciergeView :is(.concierge-message small,.concierge-message-time){font-size:11px}
html body #conciergeView .coordination-next{background:var(--surface-3);border-color:var(--line);box-shadow:none}

/* RC39: retain mockup layout while inheriting the selected palette. */
html body[data-workspace=concierge],html body.is-concierge-app,html body.staff-crm-mode{--green:var(--brand);--chat-green:var(--brand);--chat-green-soft:var(--surface-3);--paper:var(--bg);--ink:var(--text);background:var(--bg);color:var(--text)}
html body[data-workspace=concierge] .topbar,html body.staff-crm-mode .topbar{background:var(--surface);color:var(--text);border-color:var(--line)}