.msc-agent-details-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 16px;border-bottom:1px solid var(--msc-modal-divider,#d8e6ef);background:var(--msc-modal-surface,#fff);flex:none;}
.msc-agent-details-header>div{display:grid;gap:4px;min-width:0;}.msc-agent-details-header strong{font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.msc-agent-details-header span{font-size:12px;color:var(--msc-muted,#60758a);}
.msc-agent-details-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;}
.msc-agent-details-section{padding:16px;border-bottom:.5px solid var(--msc-modal-divider,#d8e6ef);}.msc-agent-details-section[hidden]{display:none;}.msc-agent-details-section h3{margin:0 0 12px;font-size:14px;color:var(--msc-ink,#233142);font-weight:650;}
.msc-agent-details-pane [data-msc-person-information]{padding:0;}.msc-agent-details-pane [data-msc-person-information] h2{margin:0 0 6px;font-size:16px;}.msc-agent-details-pane [data-msc-person-information] h3{margin-top:18px;}.msc-agent-details-pane .msc-omni-customer-facts{margin:12px 0;}.msc-agent-details-pane .msc-omni-customer-facts>div{padding:8px 0;border-bottom:.5px solid var(--msc-modal-divider,#d8e6ef);}.msc-agent-details-pane .msc-omni-customer-facts dt{font-size:12px;color:var(--msc-muted,#60758a);}.msc-agent-details-pane .msc-omni-customer-facts dd{font-size:13px;margin:4px 0 0;overflow-wrap:anywhere;}
.msc-agent-details-header>[data-msc-close-customer]{display:grid!important;place-items:center;position:static!important;inset:auto!important;flex:0 0 36px;width:36px!important;height:36px!important;padding:0!important;border-radius:50%;border:1px solid var(--msc-modal-divider,#d8e6ef);background:var(--msc-modal-surface,#fff);color:var(--msc-muted,#60758a);cursor:pointer;}
.msc-agent-details-header>[data-msc-close-customer] svg{width:20px;height:20px;}
.msc-agent-details-avatar{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;border:.5px solid var(--msc-modal-divider,#d8e6ef);background:var(--msc-soft-blue,#e5f5ff);color:var(--msc-blue,#0099ff);font-size:21px;font-weight:650;overflow:hidden;}.msc-agent-details-avatar img{width:100%;height:100%;object-fit:cover;}.msc-agent-details-header>div{flex:1;}.msc-agent-details-pane [data-msc-person-information]>h2{display:none;}.msc-agent-details-section>summary{cursor:pointer;font-size:14px;font-weight:650;}.msc-agent-details-filters{display:grid;gap:12px;margin-top:14px;}.msc-agent-details-filters label{display:grid;gap:6px;font-size:12px;color:var(--msc-muted,#60758a);}.msc-agent-details-filters select{max-width:100%;width:100%;padding:10px 12px;border:1px solid var(--msc-modal-divider,#d8e6ef);border-radius:12px;background:var(--msc-modal-surface,#fff);font:inherit;color:var(--msc-ink,#233142);}
:is(.msc-agent-inbox,[data-msc-support-briefing-room]) .msc-agent-related-avatar{border:2px solid #fff;box-sizing:border-box}:is(.msc-agent-inbox,[data-msc-support-briefing-room]) .msc-agent-related-avatar>img{box-sizing:border-box}
.msc-agent-notes-private{font-size:10px;font-weight:500;color:var(--msc-muted,#60758a);margin-left:6px}.msc-agent-notes-help{font-size:12px;line-height:1.5;color:var(--msc-muted,#60758a);margin:0 0 10px}:is(.msc-agent-inbox,[data-msc-support-briefing-room]) [data-person-note-form] textarea{width:100%;box-sizing:border-box;border:1px solid var(--msc-modal-divider,#d8e6ef);border-radius:12px;padding:10px 12px;font:inherit;font-size:13px;resize:vertical;background:var(--msc-modal-surface,#fff);color:var(--msc-ink,#233142)}:is(.msc-agent-inbox,[data-msc-support-briefing-room]) [data-person-note-form]>button{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:8px;padding:9px 13px;border:1px solid var(--msc-modal-divider,#d8e6ef);border-radius:12px;background:var(--msc-soft-blue,#e5f5ff);color:var(--msc-blue,#0099ff);font:inherit;font-size:12px;cursor:pointer}:is(.msc-agent-inbox,[data-msc-support-briefing-room]) [data-person-note-form]>button .msc-icon{width:16px;height:16px}.msc-agent-person-note{padding:12px 0;border-top:.5px solid var(--msc-modal-divider,#d8e6ef)}.msc-agent-person-note p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 6px;font-size:13px;line-height:1.5}.msc-agent-person-note footer{font-size:11px;color:var(--msc-muted,#60758a)}[data-note-feedback]{font-size:12px;color:var(--msc-muted,#60758a)}
.msc-agent-details-section:has([data-msc-person-notes])>h3{display:flex;align-items:center;gap:6px}.msc-agent-add-note{margin-left:auto;display:grid;place-items:center;width:30px;height:30px;padding:5px;border:0;background:transparent;color:var(--msc-blue,#0099ff);cursor:pointer}.msc-agent-add-note .msc-icon{width:20px;height:20px}.msc-agent-person-note{border:0;padding:0;margin:0 0 16px}.msc-agent-person-note>p{padding:12px 14px;border:1px solid var(--msc-modal-divider,#d8e6ef);border-radius:14px;background:var(--msc-modal-canvas,#eef5fa);margin-bottom:8px}.msc-agent-person-note>footer{display:flex;align-items:center;gap:8px;padding:0 4px}.msc-note-author-avatar{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;border:2px solid white;background:var(--msc-soft-blue,#e5f5ff);color:var(--msc-blue,#0099ff);overflow:hidden;flex:none}.msc-note-author-avatar img{width:100%;height:100%;object-fit:cover}.msc-agent-person-note time{display:block;font-size:10px;margin-top:2px}.msc-person-note-dialog{width:min(520px,calc(100vw - 32px));box-sizing:border-box;position:fixed;inset:0;margin:auto;color:var(--msc-ink,#233142);font:14px Roboto,Arial,sans-serif}.msc-person-note-dialog:not([open]){display:none!important}.msc-person-note-dialog::backdrop{background:rgba(35,49,66,.28);backdrop-filter:blur(9px)}.msc-person-note-dialog .msc-modal__header{padding:16px 20px}.msc-person-note-dialog h2{font-size:19px;margin:0 0 5px}.msc-person-note-dialog header p{margin:0;font-size:12px;color:var(--msc-muted,#60758a)}.msc-person-note-dialog form{padding:20px}.msc-person-note-dialog label{display:block;font-size:12px;margin-bottom:8px}.msc-person-note-dialog textarea{box-sizing:border-box;width:100%;padding:12px;border:1px solid var(--msc-modal-divider,#d8e6ef);border-radius:12px;font:inherit;resize:vertical}.msc-note-dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.msc-note-dialog-actions button{padding:10px 16px;border:1px solid var(--msc-modal-divider,#d8e6ef);border-radius:12px;background:white;font:inherit;color:var(--msc-ink,#233142);cursor:pointer}.msc-note-dialog-actions button[type=submit]{background:var(--msc-blue,#0099ff);color:white;border-color:transparent}.msc-person-note-dialog>.msc-modal-close{position:absolute;right:-6px;top:-6px;z-index:5;width:36px;height:36px;border-radius:50%;background:white;border:1px solid var(--msc-modal-divider,#d8e6ef);display:grid;place-items:center;color:var(--msc-ink,#233142);padding:6px}
.msc-agent-details-pane .msc-omni-customer-facts{margin:12px 0;}
.msc-agent-details-pane .msc-omni-customer-facts>div{padding:8px 0;border-bottom:.5px solid var(--msc-modal-divider,#d8e6ef);}
.msc-agent-details-pane .msc-omni-customer-facts dt{font-size:12px;color:var(--msc-muted,#60758a);}
.msc-agent-details-pane .msc-omni-customer-facts dd{font-size:13px;margin:4px 0 0;overflow-wrap:anywhere;}
:is(.msc-agent-inbox,[data-msc-support-briefing-room]) .msc-omni-customer-facts dt{display:flex;align-items:center;gap:8px}
:is(.msc-agent-inbox,[data-msc-support-briefing-room]) .msc-omni-customer-facts dt .msc-icon{width:17px;height:17px;flex:none}
:is(.msc-agent-inbox,[data-msc-support-briefing-room]) .msc-omni-customer-facts dd{min-width:0;overflow-wrap:anywhere}
:is(.msc-agent-inbox,[data-msc-support-briefing-room]) .msc-omni-customer-facts dd .msc-country-flag{margin-right:5px}
:is(.msc-agent-inbox,[data-msc-support-briefing-room]) .msc-agent-details-pane .msc-omni-customer-facts>div{grid-template-columns:112px minmax(0,1fr);align-items:start;column-gap:12px}
:is(.msc-agent-inbox,[data-msc-support-briefing-room]) .msc-agent-details-pane .msc-omni-customer-facts dt{display:grid;grid-template-columns:17px minmax(0,1fr);align-items:center;gap:8px;line-height:1.5}
:is(.msc-agent-inbox,[data-msc-support-briefing-room]) .msc-agent-details-pane .msc-omni-customer-facts dd{margin:0;line-height:1.5}
:is(.msc-agent-inbox,[data-msc-support-briefing-room]) .msc-agent-details-pane .msc-omni-customer-facts dt .msc-icon{align-self:start;margin-top:1px}
.msc-agent-related-card{display:flex;align-items:center;gap:12px;width:100%;padding:12px 4px;border:0;border-bottom:.5px solid var(--msc-modal-divider,#d8e6ef);background:transparent;text-align:left;color:var(--msc-ink,#233142);font:inherit;cursor:pointer}
.msc-agent-related-card.is-active{background:var(--msc-soft-blue,#e5f5ff);border-radius:10px}
.msc-agent-related-avatar{position:relative;flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;border:.5px solid var(--msc-modal-divider,#d8e6ef);background:var(--msc-soft-blue,#e5f5ff);color:var(--msc-blue,#0099ff)}
.msc-agent-related-avatar>img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.msc-agent-related-avatar>.msc-icon{position:absolute;right:-4px;bottom:-2px;width:17px;height:17px;filter:drop-shadow(0 1px 1px #0002)}
.msc-agent-related-copy{display:grid;gap:4px;min-width:0;flex:1}
.msc-agent-related-copy>strong{font-size:13px;font-weight:600}
.msc-agent-related-copy>span{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--msc-muted,#60758a)}
.msc-agent-related-copy>time{font-size:11px;color:var(--msc-muted,#60758a)}
:is(.msc-agent-inbox,[data-msc-support-briefing-room]) .msc-agent-related-avatar>img{box-sizing:border-box}
:is(.msc-agent-inbox,[data-msc-support-briefing-room]) .msc-agent-technology-facts dd.msc-technology-value{display:flex;align-items:center;gap:8px}
.msc-technology-value .msc-technology-icon,.msc-technology-value>.msc-icon{width:18px;height:18px;flex:0 0 18px}
/* Shared information hierarchy, independent of the host's role. */
[data-msc-message-details]{display:none;min-width:0;min-height:0;overflow:hidden;box-sizing:border-box;background:var(--msc-modal-surface,#f8fbfd);border:1px solid var(--msc-modal-divider,#d8e6ef);border-radius:var(--msc-modal-section-radius,18px);color:var(--msc-ink,#233142)}
[data-msc-message-details].is-open{display:flex;flex-direction:column}
[data-msc-message-details] .msc-omni-customer-facts>div{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;align-items:start}
[data-msc-message-details] .msc-omni-customer-facts dt{display:flex;align-items:center;gap:8px;line-height:1.5}
[data-msc-message-details] .msc-omni-customer-facts dt .msc-icon{flex:none;width:17px;height:17px}
[data-msc-message-details] .msc-omni-customer-facts dd{margin:0;line-height:1.5}
[data-msc-message-details] .msc-omni-customer-facts>div:last-child{border-bottom:0}
[data-msc-message-details] .msc-agent-details-header [data-msc-details-header-close]{cursor:pointer}
[data-msc-message-details] .msc-agent-details-header [data-msc-details-header-close]:focus-visible{outline:2px solid var(--msc-blue,#0099ff);outline-offset:4px}
[data-msc-message-details] .msc-agent-add-note{width:36px;height:36px;flex:0 0 36px;border:1px solid var(--msc-modal-divider,#d8e6ef);border-radius:50%;background:var(--msc-soft-blue,#e5f5ff);color:var(--msc-blue,#0099ff);box-shadow:0 3px 12px #2331420d}
[data-msc-message-details] .msc-agent-related-avatar{border:2px solid #fff;box-sizing:border-box}
[data-msc-message-details] .msc-agent-details-header>.msc-messages-view-toggle{margin-left:auto}
/* The owner/team capability uses the very same pane, not an overview modal. */
[data-msc-support-briefing-room] .msc-support-briefing-layout{position:relative}
[data-msc-support-briefing-room] .msc-support-briefing-layout>[data-msc-message-details]{position:absolute;inset:0 0 0 auto;width:min(88%,380px);height:100%;z-index:15;box-shadow:-12px 0 30px #2331421f}
[data-msc-support-briefing-room] .msc-support-widget>header>[data-msc-owner-details-toggle]{position:static!important;inset:auto!important;align-self:center!important;flex:0 0 20px!important;order:3;width:20px!important;min-width:20px!important;height:32px!important;min-height:32px!important;padding:0!important;margin:0 -16px 0 0!important;border:1px solid var(--msc-modal-divider,#d8e6ef)!important;border-right:0!important;border-radius:7px 0 0 7px!important;background:var(--msc-modal-surface,#fff)!important;color:var(--msc-blue,#0099ff)!important;display:grid;place-items:center;box-shadow:none!important}
[data-msc-support-briefing-room] [data-msc-owner-details-toggle][hidden]{display:none!important}
[data-msc-support-briefing-room] [data-msc-owner-details-toggle] svg{width:17px;height:17px;transform:none}
[data-msc-support-briefing-room] [data-msc-owner-details-toggle][aria-expanded=true] svg{transform:rotate(180deg)}
@media(min-width:1280px){.is-messages-fullscreen [data-msc-support-briefing-room] .msc-support-briefing-layout.has-details-open{display:grid!important;grid-template-columns:minmax(280px,320px) minmax(0,1fr) minmax(280px,340px);gap:10px}.is-messages-fullscreen [data-msc-support-briefing-room] .msc-support-briefing-layout.has-details-open>[data-msc-message-details]{position:relative;inset:auto;grid-column:3;grid-row:1;width:100%;box-shadow:none}.is-messages-fullscreen [data-msc-support-briefing-room] .msc-support-briefing-layout.has-details-open>main{grid-column:2;grid-row:1;min-width:0}.is-messages-fullscreen [data-msc-support-briefing-room] .msc-support-briefing-layout.has-details-open.is-list-collapsed{grid-template-columns:minmax(0,1fr) minmax(280px,340px)}.is-messages-fullscreen [data-msc-support-briefing-room] .msc-support-briefing-layout.has-details-open.is-list-collapsed>main{grid-column:1}.is-messages-fullscreen [data-msc-support-briefing-room] .msc-support-briefing-layout.has-details-open.is-list-collapsed>[data-msc-message-details]{grid-column:2}}
@media(max-width:1279px){.is-messages-fullscreen [data-msc-support-briefing-room] .msc-support-briefing-layout>[data-msc-message-details]{width:100%;border-radius:inherit}}

/* Desktop popup: reserve an actual right column instead of covering the chat.
   Popup side panes remain mutually exclusive; compact screens keep drawers. */
@media(min-width:1280px){
 .msc-support-briefing-modal:not(.is-messages-fullscreen) [data-msc-support-briefing-room] .msc-support-briefing-layout.has-details-open{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(280px,340px)!important;gap:10px}
 .msc-support-briefing-modal:not(.is-messages-fullscreen) [data-msc-support-briefing-room] .msc-support-briefing-layout.has-details-open>aside{display:none!important}
 .msc-support-briefing-modal:not(.is-messages-fullscreen) [data-msc-support-briefing-room] .msc-support-briefing-layout.has-details-open>main{grid-column:1!important;grid-row:1;min-width:0}
 .msc-support-briefing-modal:not(.is-messages-fullscreen) [data-msc-support-briefing-room] .msc-support-briefing-layout.has-details-open>[data-msc-message-details]{position:relative!important;inset:auto!important;grid-column:2!important;grid-row:1;width:100%!important;min-width:0;height:100%;box-shadow:none}
}

/* Overlay drawers need an explicit touch close; this does not close Messages. */
[data-msc-message-details] .msc-details-drawer-back{display:none!important}
@media(max-width:1279px){[data-msc-message-details] .msc-agent-details-header>.msc-details-drawer-back{position:static!important;inset:auto!important;transform:none!important;display:grid!important;place-items:center!important;flex:0 0 var(--msc-modal-close-size,44px)!important;width:var(--msc-modal-close-size,44px)!important;height:var(--msc-modal-close-size,44px)!important;min-width:var(--msc-modal-close-size,44px)!important;padding:0!important;margin:0!important;border-radius:50%!important;border:1px solid var(--msc-modal-divider,#d8e6ef)!important;background:var(--msc-modal-surface,#fff)!important;color:var(--msc-modal-close-color,#526579)!important;box-shadow:var(--msc-modal-close-shadow,0 3px 12px #2331421a)!important}[data-msc-message-details] .msc-details-drawer-back .msc-icon{width:22px;height:22px}}

[data-msc-message-details] .msc-details-close-chevron{display:none!important}
@media(max-width:760px){
 [data-msc-support-briefing-room] .msc-support-briefing-layout>[data-msc-message-details]{border-radius:0!important}
 [data-msc-message-details] .msc-agent-details-header>.msc-details-drawer-back{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;flex-basis:36px!important;border-radius:50%!important;background:var(--msc-surface,#f8fbfd)!important;color:var(--msc-ink,#344354)!important;box-shadow:none!important}
 [data-msc-message-details] .msc-details-close-x{display:none!important}
 [data-msc-message-details] .msc-details-close-chevron{display:block!important}
}

/* Shared header rhythm: identical border position, with room for two identity lines. */
:is([data-msc-agent-inbox],[data-msc-support-briefing-room]){--msc-conversation-header-height:71px}
:is([data-msc-agent-inbox],[data-msc-support-briefing-room]) .msc-support-briefing-layout.has-details-open>main .msc-support-widget.msc-support-widget>header,
:is([data-msc-agent-inbox],[data-msc-support-briefing-room]) .msc-agent-details-header{box-sizing:border-box!important;height:var(--msc-conversation-header-height)!important;min-height:var(--msc-conversation-header-height)!important;max-height:var(--msc-conversation-header-height)!important;flex:0 0 var(--msc-conversation-header-height)!important;padding:14px 16px!important}
[data-msc-message-details] [data-msc-details-header-close]{display:grid!important;gap:2px!important;min-width:0;flex:1;padding:0!important;margin:0!important;background:none!important;border:0!important;text-align:left!important}
[data-msc-message-details] [data-msc-details-header-close] strong{font-size:18px;line-height:22px!important;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
[data-msc-message-details] [data-msc-details-header-close] span{font-size:12px;line-height:16px!important;white-space:nowrap}
.msc-support-briefing-layout.is-pane-animating{overflow:hidden!important}
.msc-support-briefing-layout.is-pane-animating>:is(main,aside,.msc-agent-details-pane){transition:none!important;will-change:transform,opacity}
.msc-main-exit-snapshot{overflow:hidden!important}

/* Compact pane controls share the fullscreen control's 36px rhythm. */
@media(max-width:1279px){
 [data-msc-message-details] .msc-details-close-x{display:none!important}
 [data-msc-message-details] .msc-details-close-chevron{display:block!important}
 [data-msc-message-details] .msc-agent-details-header>.msc-details-drawer-back{order:4;flex:0 0 36px!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;border-radius:50%!important;box-shadow:none!important;background:var(--msc-modal-surface,#fff)!important;color:var(--msc-blue,#0099ff)!important}
 [data-msc-message-details] .msc-agent-details-header>.msc-messages-view-toggle{order:3;margin-left:auto!important;flex:0 0 36px!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important}
 [data-msc-message-details] .msc-agent-details-header>.msc-details-drawer-back .msc-icon{width:18px!important;height:18px!important}
 [data-msc-support-briefing-room] .msc-conversation-list-header>.msc-conversation-back-button:not([hidden]){flex:0 0 36px!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;box-sizing:border-box!important;display:grid;place-items:center}
 [data-msc-support-briefing-room] .msc-conversation-back-button .msc-icon{width:18px!important;height:18px!important}
}

/* Tablet fullscreen retains bounded drawers with the conversation visible behind. */
@media(min-width:761px) and (max-width:1279px){
 .msc-support-briefing-modal.is-messages-fullscreen [data-msc-support-briefing-room] .msc-support-briefing-layout>[data-msc-message-details]{width:min(88%,380px)!important;border-radius:var(--msc-modal-section-radius,18px)!important}
 .msc-support-briefing-modal.is-messages-fullscreen [data-msc-support-briefing-room] .msc-support-briefing-layout>aside.msc-conversation-list-scroll{width:min(88%,380px)!important}
}

/* Matching tablet drawer widths in popup and fullscreen modes. */
@media(min-width:761px) and (max-width:1279px){
 [data-msc-support-briefing-room] .msc-support-briefing-layout>aside.msc-conversation-list-scroll{width:min(88%,380px)!important}
 [data-msc-support-briefing-room] .msc-support-briefing-layout>[data-msc-message-details]{width:min(88%,380px)!important}
}