/* Stable two-channel workspace. Only the list and message history own scroll. */
body.staff-crm-mode{height:var(--inbox-viewport,100dvh);min-height:0;overflow:hidden}
body.staff-crm-mode #ikatuApp{height:100%;min-height:0;display:grid;grid-template-rows:64px minmax(0,1fr)}
body.staff-crm-mode .topbar{position:relative;height:64px;padding:8px 18px}
body.staff-crm-mode .desktop-shell{height:100%;min-height:0;max-width:none;width:100%;display:grid;grid-template-columns:80px minmax(0,1fr);padding:0;gap:0;overflow:hidden}
body.staff-crm-mode :is(.workspace,#conciergeView){height:100%;min-height:0;min-width:0;padding:0;overflow:hidden}
body.staff-crm-mode :is(.concierge-appbar,.concierge-layout,.ikatu-charm-dock,.ikatu-cat-restore,.ikatu-natural-trigger,.ikatu-cat-habitat){display:none!important}
body.staff-crm-mode .left-rail{position:static;height:100%;padding:12px 8px;overflow:auto;border-right:1px solid var(--line)}
body.staff-crm-mode .rail-link{min-height:60px;padding:8px 2px;flex-direction:column;gap:4px;font-size:11px}
.staff-inbox{height:100%;display:grid;grid-template-columns:clamp(260px,28vw,340px) minmax(0,1fr);background:var(--surface);min-width:0;min-height:0}
.staff-list-pane,.staff-chat-pane{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.staff-list-pane{border-right:1px solid var(--line)}
.staff-inbox button,.staff-dialog button{min-height:44px;min-width:44px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;cursor:pointer;padding:8px 12px;flex-shrink:0}
.staff-inbox button:disabled,.staff-dialog button:disabled{opacity:.55;cursor:default}
.staff-pane-heading,.staff-chat-heading{display:flex;gap:8px;align-items:center;padding:12px 16px;min-height:72px;border-bottom:1px solid var(--line);flex-shrink:0}
.staff-pane-heading h1{font-size:24px;flex:1}.staff-chat-heading>div{flex:1;min-width:0}.staff-chat-heading h2{font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.staff-chat-heading p{font-size:12px;color:var(--muted);margin:4px 0 0;overflow-wrap:anywhere}
.staff-search{padding:12px 12px 4px;display:block;flex-shrink:0}.staff-inbox input,.staff-inbox textarea,.staff-dialog :is(input,textarea,select){width:100%;max-width:100%;min-width:0;border:1px solid var(--line);background:var(--surface-2);border-radius:10px;padding:10px 12px;color:var(--text);font:inherit}
.staff-filters{display:flex;gap:6px;padding:8px 12px;overflow-x:auto;flex-shrink:0}.staff-filters button{font-size:12px;white-space:nowrap}.staff-inbox [aria-pressed=true]{color:var(--brand);background:var(--surface-3);border-color:var(--line)}
.staff-queue{overflow:auto;min-height:0;flex:1;overscroll-behavior:contain}.staff-queue button{display:block;text-align:left;width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:14px 16px;white-space:normal}.staff-queue button[aria-current=true]{background:var(--surface-3);box-shadow:inset 3px 0 var(--brand)}.staff-queue strong{display:block;font-size:15px}.staff-queue p{margin:5px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:13px}.staff-queue small{font-size:11px;color:var(--muted)}.staff-queue b{float:right;font-size:11px}
.staff-channel-tabs{display:flex;border-bottom:1px solid var(--line);flex-shrink:0;padding:4px 12px;gap:8px}.staff-channel-tabs button{border:0;flex:1;border-radius:8px;font-weight:650}.staff-channel-state{padding:8px 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;flex-shrink:0}.staff-channel-state p{font-size:12px;color:var(--muted);margin:0;flex:1;min-width:120px}
.staff-messages{flex:1;min-height:0;overflow:auto;padding:18px clamp(12px,3vw,36px);overscroll-behavior:contain;scrollbar-gutter:stable}.staff-bubble{max-width:min(86%,740px);width:fit-content;padding:12px 14px;border:1px solid var(--line);background:var(--surface-2);border-radius:12px;margin:0 0 14px;overflow-wrap:anywhere}.staff-bubble.is-own{margin-left:auto;background:var(--surface-3)}.staff-bubble.is-ai{border-left:3px solid var(--brand)}.staff-bubble.is-event{max-width:100%;margin:12px auto;background:transparent;border:0;text-align:center;font-size:12px;color:var(--muted)}.staff-bubble strong{font-size:12px;color:var(--brand);display:block}.staff-bubble p{margin:6px 0;white-space:pre-wrap;line-height:1.5;font-size:15px}.staff-bubble small{display:block;font-size:11px;color:var(--muted);white-space:pre-wrap}.staff-bubble .staff-msg-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.staff-msg-actions button{min-height:36px;font-size:11px;padding:4px 8px;background:transparent}.staff-attachment{display:block;margin-top:8px;max-width:100%;overflow-wrap:anywhere}
.staff-composer{border-top:1px solid var(--line);background:var(--surface);padding:10px 16px;flex-shrink:0}.staff-composer>label{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.staff-composer-row{display:flex;gap:8px;align-items:flex-end}.staff-composer textarea{resize:none;min-height:48px;max-height:130px;line-height:1.45}.staff-composer #staffSend{background:var(--brand);color:var(--on-brand);border:0;min-height:48px}.staff-composer footer{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:11px;color:var(--muted);min-height:22px}.staff-composer footer button{font-size:11px;border:0;min-height:36px;padding:4px 8px}.staff-reply{display:flex;gap:8px;align-items:center;font-size:12px;margin-bottom:6px}.staff-reply span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.staff-notice,.staff-error{padding:10px 16px;font-size:13px;flex-shrink:0;max-height:20vh;overflow:auto}.staff-error{border-left:3px solid #c64a39;background:var(--surface-3)}.staff-notice{color:var(--brand);background:var(--surface-2)}
.staff-dialog{width:min(560px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);margin:auto;overflow:auto}.staff-dialog::backdrop{background:#0c15177a}.staff-dialog>header{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--surface);z-index:1}.staff-dialog h2{font-size:20px;margin:0}.staff-dialog-body{padding:18px;display:grid;gap:16px}.staff-dialog :is(form,section){display:grid;gap:12px;min-width:0}.staff-dialog :is(h3,p){margin:0}.staff-dialog p,.staff-dialog small{color:var(--muted);line-height:1.45;font-size:13px}.staff-dialog label{display:grid;gap:6px;font-size:13px}.staff-dialog .staff-check{display:flex;align-items:center}.staff-check input{width:20px;min-height:20px}.staff-contact{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.staff-contact>div{flex:1;min-width:0}.staff-contact strong{display:block}.staff-dialog details summary{min-height:44px;cursor:pointer}
#staffBack{display:none}.staff-inbox [hidden],.staff-dialog [hidden]{display:none!important}
@media(max-width:760px){body.staff-crm-mode #ikatuApp{grid-template-rows:56px minmax(0,1fr) auto}body.staff-crm-mode .topbar{height:56px;padding:6px 12px}body.staff-crm-mode .desktop-shell{display:block}body.staff-crm-mode .left-rail{display:none}body.staff-crm-mode .mobile-nav{position:relative;bottom:auto;min-height:60px;height:auto;padding:4px 8px max(4px,env(safe-area-inset-bottom))}body.staff-crm-mode .mobile-nav a,body.staff-crm-mode .mobile-nav button{font-size:11px;min-height:48px;padding:5px}.staff-inbox{display:block}.staff-inbox[data-pane=list] .staff-chat-pane,.staff-inbox[data-pane=chat] .staff-list-pane{display:none}.staff-list-pane,.staff-chat-pane{height:100%}#staffBack{display:block}.staff-pane-heading,.staff-chat-heading{min-height:60px;padding:8px 12px}.staff-bubble{max-width:94%}.staff-composer{padding:8px 12px}.staff-inbox :is(input,textarea,select),.staff-dialog :is(input,textarea,select){font-size:16px}.staff-dialog{width:100%;height:100%;max-height:100dvh;max-width:100%;border:0;border-radius:0}.staff-composer-row button{font-size:12px;padding:8px}.staff-channel-tabs{padding:2px 8px}}
@media(max-height:520px){.staff-chat-heading{min-height:48px;padding-block:4px}.staff-chat-heading p,.staff-composer>label{display:none}.staff-channel-tabs button{min-height:36px}.staff-composer textarea{max-height:80px}.staff-composer footer{min-height:0}}
@media(max-width:760px){body.staff-crm-mode[data-inbox-compact=true] #ikatuApp{grid-template-rows:minmax(0,1fr)}body.staff-crm-mode[data-inbox-compact=true] :is(.topbar,.bottom-nav){display:none!important}body.staff-crm-mode[data-inbox-compact=true] .staff-chat-heading{min-height:48px;padding-block:4px}body.staff-crm-mode[data-inbox-compact=true] :is(.staff-chat-heading p,.staff-composer>label,.staff-composer footer,#staffChannelHint){display:none}body.staff-crm-mode[data-inbox-compact=true] .staff-channel-state:has(#staffClaim[hidden]):has(#staffCreateTeam[hidden]){display:none}body.staff-crm-mode[data-inbox-compact=true] .staff-channel-tabs button{min-height:36px}body.staff-crm-mode[data-inbox-compact=true] .staff-composer textarea{max-height:78px}}

/* Explicit tracks prevent generic button styles from covering the chat. */
body.staff-crm-mode #staffInbox>.ikatu-resize-handle{width:8px;min-width:8px;max-width:8px;margin:0;padding:0;border:0;border-radius:0;background:transparent;grid-column:2;grid-row:1}
body.staff-crm-mode #staffInbox>.staff-list-pane{grid-column:1;grid-row:1;min-width:0;overflow:hidden}
body.staff-crm-mode #staffInbox>.staff-chat-pane{grid-column:3;grid-row:1;min-width:0;overflow:hidden}
body.staff-crm-mode #staffInbox .staff-search input{min-width:0;width:100%}
body.staff-crm-mode #staffInbox .staff-filters{flex-wrap:wrap;overflow:visible;gap:4px}
@media(min-width:761px){body.staff-crm-mode #staffInbox{grid-template-columns:minmax(260px,var(--staff-list-width,300px)) 8px minmax(0,1fr)}}
@media(max-width:760px){body.staff-crm-mode #staffInbox{display:block}body.staff-crm-mode #staffInbox>.ikatu-resize-handle{display:none}body.staff-crm-mode #staffInbox[data-pane=list]>.staff-chat-pane,body.staff-crm-mode #staffInbox[data-pane=chat]>.staff-list-pane{display:none!important}}

#staffLiveCoordination{display:none}@media(min-width:1280px){body.staff-crm-mode #staffInbox.has-coordination{grid-template-columns:minmax(260px,var(--staff-list-width,300px)) 8px minmax(0,1fr) 300px}#staffInbox.has-coordination>#staffLiveCoordination:not([hidden]){display:grid;align-content:start;grid-column:4;grid-row:1;min-height:0;overflow:auto;border-left:1px solid var(--line)}}