/* UX11: compact participant-first communications. Only private field routes use these rules. */
.ux11-inbox{background:#fff;min-height:calc(100dvh - 9rem)}
.ux11-inbox>.shell{padding:0 .75rem 5rem;max-width:48rem}
.ux11-inbox__header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.8rem .25rem .45rem}
.ux11-inbox__header h1{margin:0;font:800 clamp(1.25rem,4vw,1.65rem)/1.1 Inter,"Segoe UI",Arial,sans-serif;color:#202020}
.ux11-inbox__count{font-size:.75rem;color:#666;white-space:nowrap}
.ux11-inbox__history{display:inline-flex;align-items:center;min-height:2.75rem;font-size:.78rem;font-weight:700;color:#8a4b1a;text-decoration:none}
.ux11-inbox .ux10-inbox__tabs{gap:.25rem;margin:0;padding:.35rem 0 .55rem;scrollbar-width:none}
.ux11-inbox .ux10-inbox__tabs::-webkit-scrollbar{display:none}
.ux11-inbox .ux10-inbox__tabs a{padding:.5rem .72rem;min-width:2.75rem;min-height:2.75rem;display:grid;place-items:center;font-size:.8rem}
.ux11-inbox .ux10-inbox__list{display:block;border-top:1px solid #eee}
.ux11-inbox .ux10-inbox__card{position:relative;border:0;border-bottom:1px solid #eee;border-radius:0;box-shadow:none;background:#fff}
.ux11-inbox .ux10-inbox__open{min-height:4.5rem;padding:.55rem 2.5rem .55rem .2rem;gap:.6rem}
.ux11-inbox .ux10-inbox__avatar{width:2.65rem;height:2.65rem;background:#fff0df;color:#8f4b12}
.ux11-inbox .ux10-inbox__content{gap:.13rem;min-width:0}
.ux11-inbox .ux10-inbox__top{min-width:0;align-items:center}
.ux11-inbox .ux10-inbox__top strong{min-width:0;max-width:100%;font-size:.88rem;color:#222}
.ux11-inbox .ux10-inbox__top time{font-size:.69rem;color:#777}
.ux11-inbox .ux10-inbox__content small{font-size:.7rem;color:#8a4b1a}
.ux11-inbox .ux10-inbox__preview{font-size:.77rem;color:#666}
.ux11-inbox .ux10-inbox__unread{min-width:1.25rem;height:1.25rem;font-size:.67rem;background:#a84f0b}
.ux11-inbox__menu{position:absolute;right:.15rem;top:.55rem;z-index:2}
.ux11-inbox__menu summary{display:grid;place-items:center;width:2.3rem;height:2.3rem;cursor:pointer;list-style:none;border-radius:50%;font-size:1.2rem;color:#555}
.ux11-inbox__menu summary::-webkit-details-marker{display:none}
body.field-app--ux08r[data-field-view$="message-detail"] .field-app-header{display:none}
body.field-app--ux08r[data-field-view$="message-detail"] main .ux09-chat-page{padding:0!important}
body.field-app--ux08r[data-field-view$="message-detail"] main .ux09-chat-shell{max-width:48rem!important;background:#faf9f6}
body.field-app--ux08r[data-field-view$="message-detail"] main .ux09-chat-header{background:#fff;border-bottom:1px solid #e9e4dc;min-height:3.6rem;padding:.35rem .45rem}
@media(max-width:560px){body.field-app--ux08r[data-field-view$="message-detail"] main .ux09-chat-header{flex-wrap:wrap}body.field-app--ux08r[data-field-view$="message-detail"] main .ux09-chat-heading{order:5;flex:0 0 100%;padding:0 .45rem .2rem 2.65rem}body.field-app--ux08r[data-field-view$="message-detail"] main .ux09-chat-heading h1{white-space:normal;overflow:visible;display:block;font-size:.9rem;line-height:1.2}body.field-app--ux08r[data-field-view$="message-detail"] main .ux09-chat-header .ux10-chat-header-actions{margin-left:auto}}
body.field-app--ux08r[data-field-view$="message-detail"] main .ux09-chat-header .ux09-chat-avatar{display:grid;width:2.25rem;height:2.25rem;min-width:2.25rem}
body.field-app--ux08r[data-field-view$="message-detail"] main .ux09-chat-heading h1{font-size:.88rem;line-height:1.2;-webkit-line-clamp:1;white-space:nowrap;text-overflow:ellipsis;display:block}
body.field-app--ux08r[data-field-view$="message-detail"] main .ux09-chat-heading p{font-size:.65rem;color:#777}
body.field-app--ux08r[data-field-view$="message-detail"] main .ux09-chat-context{padding:.23rem .6rem;font-size:.65rem;background:#faf9f6}
body.field-app--ux08r[data-field-view$="message-detail"] main .ux09-chat-thread{background:#faf9f6;padding:.6rem .55rem}
body.field-app--ux08r[data-field-view$="message-detail"] main .ux09-chat-composer{background:#fff;padding:.3rem .4rem calc(.3rem + env(safe-area-inset-bottom))}
body.field-app--ux08r[data-field-view$="message-detail"] main .ux09-chat-composer textarea{background:#f6f4f1;border:1px solid #e6e2dd;border-radius:1.2rem}
.ux11-chat-reference{margin:0;padding:.55rem .65rem;color:#666;font-size:.72rem;overflow-wrap:anywhere}
.ux09-call:has([data-call-status]:empty) [data-call-incoming][hidden] ~ [data-call-active][hidden]{display:none}
.ux09-call:has([data-call-status]:empty):has([data-call-incoming][hidden]):has([data-call-active][hidden]){display:none}
.ux09-call__incoming:not([hidden]){display:grid;grid-template-columns:1fr 1fr;gap:.5rem;align-items:center}
.ux09-call__incoming strong{grid-column:1/-1;font-size:.9rem}
.ux09-call__incoming button{width:100%;min-height:2.8rem}
.ux09-call__active:not([hidden]){display:grid;gap:.5rem}
.ux09-call__timer:not([hidden]){display:block;align-self:center;font:700 1rem/1.2 system-ui,sans-serif;letter-spacing:.08em;color:inherit}
.ux09-call__development-warning{margin:.25rem 0;padding:.4rem .55rem;border-radius:.45rem;background:#fff2df;color:#754400;font-size:.72rem;line-height:1.35}
.ux09-call__active video{width:100%;max-height:35vh;object-fit:contain;background:#202020;border-radius:.65rem}
.ux09-call__tools{display:flex;gap:.4rem;flex-wrap:wrap}
.ux09-call__tools button{flex:1 1 8rem;min-height:2.65rem;padding:.45rem;font-size:.77rem}
.ux11-attachment-menu[hidden]{display:none!important}
.ux11-attachment-menu{display:flex;gap:.35rem;padding:.2rem .2rem .45rem;flex-wrap:wrap}
.ux11-attachment-menu button{min-height:2.5rem;padding:.45rem .7rem;border:1px solid #ded7cf;border-radius:.65rem;background:#fff;color:#292929;font:700 .8rem/1.2 Inter,"Segoe UI",Arial,sans-serif}
.ux11-chat-document{display:flex;align-items:center;gap:.45rem;max-width:min(17rem,100%);text-decoration:none;color:#222}
.ux11-chat-document__icon{display:grid;place-items:center;width:2.4rem;height:2.65rem;flex:none;border-radius:.3rem;background:#fff0df;color:#9b4f13;font-size:.7rem;font-weight:800}
.ux11-chat-document>span:last-child{display:grid;gap:.1rem;min-width:0;overflow-wrap:anywhere;font-size:.78rem}
.ux11-chat-document small{color:#777;font-size:.68rem}
.ux09-chat-file{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
@media(max-width:370px){.ux11-inbox>.shell{padding-inline:.45rem}.ux11-inbox .ux10-inbox__open{gap:.45rem}.ux11-inbox .ux10-inbox__top strong{font-size:.82rem}.ux11-inbox .ux10-inbox__tabs a{padding:.48rem .62rem;font-size:.75rem}}
@media(max-width:560px){body.field-app--ux08r[data-field-view$="message-detail"] main .ux09-chat-heading h1{white-space:normal;overflow:visible;text-overflow:clip;-webkit-line-clamp:unset;line-height:1.2}}
body.field-app--ux08r[data-field-view$="message-detail"] main .ux09-call:has([data-call-incoming]:not([hidden])),body.field-app--ux08r[data-field-view$="message-detail"] main .ux09-call:has([data-call-active]:not([hidden])){position:fixed;inset:0;z-index:120;display:flex;flex-direction:column;justify-content:center;gap:1rem;max-height:none;overflow:auto;margin:0;padding:max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom));border:0;border-radius:0;background:#1e2221;color:#fff}
body.field-app--ux08r[data-field-view$="message-detail"] main .ux09-call:has([data-call-incoming]:not([hidden])) .ux09-call__incoming,body.field-app--ux08r[data-field-view$="message-detail"] main .ux09-call:has([data-call-active]:not([hidden])) .ux09-call__active{width:min(100%,38rem);align-self:center}
body.field-app--ux08r[data-field-view$="message-detail"] main .ux09-call:has([data-call-incoming]:not([hidden])) .ux09-call__status,body.field-app--ux08r[data-field-view$="message-detail"] main .ux09-call:has([data-call-active]:not([hidden])) .ux09-call__status{width:min(100%,38rem);align-self:center;color:#f4e4d4;text-align:center;font-size:.86rem}
body.field-app--ux08r[data-field-view$="message-detail"] main .ux09-call__incoming:not([hidden]){background:#343937;color:#fff;padding:1.2rem;border-radius:1rem}
body.field-app--ux08r[data-field-view$="message-detail"] main .ux09-call__incoming strong{color:#fff;font-size:1.1rem;text-align:center}
body.field-app--ux08r[data-field-view$="message-detail"] main .ux09-call__active video:not([hidden]){max-height:42dvh;background:#111}

/* UX11R menus are portalled to body, beyond the clipped inbox/chat shells. */
.ux11-inbox .ux10-inbox__card{overflow:visible}
.ux11-inbox .ux10-inbox__open{padding-right:3.15rem}
.ux11-inbox .ux10-inbox__top{display:grid;grid-template-columns:minmax(0,1fr) 3.7rem;gap:.35rem}
.ux11-inbox .ux10-inbox__top strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ux11-inbox .ux10-inbox__top time{display:block;text-align:right;color:#545454;font-size:.7rem}
.ux11-inbox__menu{right:.1rem;top:.35rem}
.ux11-menu-trigger{display:grid;place-items:center;width:2.75rem;height:2.75rem;min-width:2.75rem;min-height:2.75rem;padding:0;border:0;border-radius:50%;background:transparent;color:#292929;font:700 1.3rem/1 Arial,sans-serif;cursor:pointer}
.ux11-menu-trigger:hover,.ux11-menu-trigger[aria-expanded="true"]{background:#fff0df}
.ux11-menu-trigger:focus-visible,.ux11-action-panel :is(button,a):focus-visible{outline:3px solid #9c4c0b;outline-offset:2px}
.ux11-menu-backdrop[hidden],.ux11-action-panel[hidden]{display:none!important}
.ux11-menu-backdrop{position:fixed;inset:0;z-index:198;background:transparent}
.ux11-action-panel{position:fixed;z-index:199;box-sizing:border-box;width:max-content;min-width:13rem;max-width:calc(100vw - 16px);overflow-y:auto;overscroll-behavior:contain;padding:.4rem;border:1px solid #d8d1c8;border-radius:.85rem;background:#fff;box-shadow:0 12px 35px #0003;color:#242424}
.ux11-action-panel form{display:grid;gap:.1rem;margin:0!important;padding:0!important}
.ux11-action-panel :is(button,a){box-sizing:border-box;display:flex;align-items:center;width:100%;min-height:2.75rem;padding:.55rem .75rem;border:0;border-radius:.5rem;background:transparent;color:#282828;text-align:left;text-decoration:none;font:700 .88rem/1.2 Inter,"Segoe UI",Arial,sans-serif;cursor:pointer}
.ux11-action-panel :is(button,a):hover{background:#fff0df}
.ux11-action-panel .ux11-chat-reference{color:#4d4d4d;border-bottom:1px solid #e5ded5}
.ux11-action-panel .ux10-chat-menu__note{color:#504a42}
.ux11-attachment-menu{display:grid;gap:.1rem}
.ux11-attachment-menu button{border:0;border-radius:.5rem;min-height:2.75rem}
.ux11-action-panel--sheet{width:min(28rem,calc(100vw - 16px));min-width:0!important;max-width:calc(100vw - 16px);border-radius:1rem;padding:.45rem;touch-action:pan-y}
.ux11-action-panel--sheet :is(button,a){min-height:2.9rem;font-size:.92rem}
.ux11-menu-backdrop--sheet{background:#0006}
body.field-app--ux08r[data-field-view$="message-detail"] main .ux09-chat-heading p{color:#4e4e4e}
body.field-app--ux08r[data-field-view$="message-detail"] main .ux09-chat-header :is(.ux09-chat-back,.ux10-chat-header-actions button,.ux11-menu-trigger){min-width:2.75rem;min-height:2.75rem}
.ux11-inbox .ux10-inbox__content small{color:#75400d}
.ux11-inbox .ux10-inbox__preview{color:#505050}
.ux11-chat-document small,.ux09-chat-byline time{color:#515151}
.ux09-chat-send:disabled{background:#5e5e5e;color:#fff;opacity:1;cursor:wait}
.ux12-negotiation{flex:none;display:grid;gap:.6rem;padding:.65rem .75rem;border-block:1px solid #e7e0d6;background:#fff}
.ux12-negotiation__current{display:grid;gap:.2rem;padding:.65rem .75rem;border:1px solid #ead8c2;border-radius:.8rem;background:#fff9f2}
.ux12-negotiation__current>span,.ux12-negotiation__current small{font-size:.76rem;color:#59534c}
.ux12-negotiation__current strong{font-size:1.15rem;color:#24211e}
.ux12-deal-context{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem .7rem;margin:.15rem 0}
.ux12-deal-context>div{min-width:0;display:grid;gap:.08rem}
.ux12-deal-context dt{font-size:.68rem;color:#625b53}
.ux12-deal-context dd{min-width:0;margin:0;overflow-wrap:anywhere;font-size:.82rem;font-weight:750;color:#28231e}
.ux12-active-deal .ux12-deal-context{margin:.45rem 0}
.ux12-proposal-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;align-items:end}
.ux12-proposal-form label{display:grid;gap:.25rem;min-width:0;font-size:.74rem;font-weight:650}
.ux12-proposal-form input{box-sizing:border-box;width:100%;min-width:0;min-height:2.65rem;padding:.5rem .6rem;border:1px solid #d9d2c8;border-radius:.55rem;background:#fff;font:inherit;font-size:1rem}
.ux12-proposal-form>button{grid-column:1/-1;min-height:2.75rem}
.ux12-money-field{display:flex;align-items:center;gap:.4rem;padding-left:.55rem;border:1px solid #d9d2c8;border-radius:.55rem;background:#fff}
.ux12-money-field b{color:#74502c;font-size:.82rem}.ux12-money-field input{border:0;outline-offset:1px}
.ux12-negotiation__actions{display:flex;flex-wrap:wrap;gap:.5rem}.ux12-negotiation__actions form{flex:1 1 10rem}.ux12-negotiation__actions button{width:100%;min-height:2.75rem}
.ux12-negotiation__waiting{margin:0;color:#625b51;font-size:.82rem}.ux12-subtle-action{min-height:2.5rem;border:0;background:transparent;color:#6c553e;text-decoration:underline;cursor:pointer}
.ux12-price-event{display:grid;justify-items:center;gap:.18rem;width:min(90%,24rem);margin:.5rem auto;padding:.65rem .8rem;border:1px solid #e9d8c6;border-radius:.9rem;background:#fffaf4;color:#30281e;list-style:none;text-align:center}
.ux12-price-event time{font-size:.62rem;color:#69635c}.ux12-price-event__rate{font-size:1.02rem;font-weight:800}.ux12-price-event small{font-size:.68rem;color:#61594e}
.ux12-inbox-price{font-size:.82rem;font-weight:750;color:#6d4318}.ux12-inbox-state{width:max-content;max-width:100%;padding:.14rem .45rem;border-radius:99px;background:#f3eee7;color:#5c5145;font-size:.65rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:390px){.ux12-proposal-form{grid-template-columns:1fr}.ux12-proposal-form>button{grid-column:auto}.ux12-negotiation{padding:.5rem}.ux12-negotiation__actions{display:grid;grid-template-columns:1fr 1fr}}
@media(max-width:360px){.ux12-deal-context{grid-template-columns:minmax(0,1fr)}.ux12-negotiation__current{padding:.55rem}.ux12-deal-context dd{font-size:.8rem}}
@media(max-width:599px){
  .ux11-inbox>.shell{box-sizing:border-box;width:100%;padding-inline:.75rem}
  .ux11-inbox__header{gap:.5rem;padding:.65rem .1rem .4rem}
  .ux11-inbox .ux10-inbox__tabs{width:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity}
  .ux11-inbox .ux10-inbox__tabs a{flex:none;scroll-snap-align:start}
  .ux11-inbox .ux10-inbox__card{min-width:0}
  .ux11-inbox .ux10-inbox__open{min-width:0}
  .ux11-inbox .ux10-inbox__top{grid-template-columns:minmax(0,1fr) 3.5rem;gap:.25rem}
  .ux11-inbox__menu{top:.35rem;right:.05rem}
  .ux11-menu-trigger{width:2.75rem;height:2.75rem}
  .ux11-action-panel--sheet{overflow-y:auto;overscroll-behavior:contain;padding-bottom:calc(.45rem + env(safe-area-inset-bottom,0px))}
  .ux11-action-panel--sheet .ux11-chat-reference{display:none}
  .ux11-action-panel--sheet .ux10-chat-menu__note{display:none}
  body.field-app--ux08r[data-field-view$="message-detail"] .field-app-nav{display:none}
  body.field-app--ux08r[data-field-view$="message-detail"] main .ux09-chat-header{flex-wrap:nowrap;gap:.25rem;min-height:3.75rem;padding:.3rem .35rem}
  body.field-app--ux08r[data-field-view$="message-detail"] main .ux09-chat-heading{order:0;flex:1 1 auto;min-width:0;padding:0 .15rem}
  body.field-app--ux08r[data-field-view$="message-detail"] main .ux09-chat-heading h1{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.91rem}
  body.field-app--ux08r[data-field-view$="message-detail"] main .ux09-chat-header .ux10-chat-header-actions{margin-left:0;gap:0}
  body.field-app--ux08r[data-field-view$="message-detail"] main .ux09-chat-header .ux09-chat-avatar{display:none}
  body.field-app--ux08r[data-field-view$="message-detail"] main .ux09-chat-context{display:none}
  body.field-app--ux08r[data-field-view$="message-detail"] main .ux09-chat-composer :is(.ux09-chat-attach,.ux09-chat-send){min-width:2.75rem;min-height:2.75rem}
}

/* Portal correction: keep long identifiers and negotiation cards inside one scroll axis. */
.ux11-search { margin: 0 0 1rem; min-width: 0; }
.ux11-search__row { display: flex; gap: .6rem; min-width: 0; }
.ux11-search__row input { flex: 1 1 auto; min-width: 0; }
.ux11-search-result { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-width: 0; overflow-wrap: anywhere; }
.ux11-search-result > div { min-width: 0; }
.ux11-search-result h2, .ux11-search-result p { overflow-wrap: anywhere; }
body.field-app main, body.field-app .field-portal-page, body.field-app .ux10-inbox__list { min-width: 0; max-width: 100%; }
body.field-app .ux12-current-proposal, body.field-app .ux12-inbox__card, body.field-app .ux10-inbox__card { overflow-wrap: anywhere; }
@media (max-width: 599px) {
  .ux11-search__row { flex-direction: column; }
  .ux11-search__row .button { width: 100%; }
  .ux11-search-result { align-items: flex-start; flex-direction: column; }
  .ux11-search-result .button { width: 100%; }
  .ux11-inbox__search-link { margin-right: .35rem; }
}
@media (max-width: 599px) {
  .ux11-inbox__header { align-items: center; }
  .ux11-inbox__header > span { display: flex; align-items: center; gap: .2rem; white-space: nowrap; }
  .ux11-inbox__history, .ux11-inbox__search-link { min-height: 2rem; padding: .2rem .35rem; font-size: .72rem; }
}
.ux11-inbox__header { min-width: 0; max-width: 100%; box-sizing: border-box; }
.ux11-inbox__header > span { min-width: 0; max-width: 100%; }
.ux11-search-link { box-sizing: border-box; }
@media (max-width: 599px) {
  .ux11-inbox__header > span { overflow: hidden; }
  .ux11-inbox__header > span .ux11-inbox__history { flex: 0 1 auto; }
}

/* UX11T: the full conversation flow owns one scroll surface. Message history,
   negotiation controls and the composer must never compete for shell height. */
body.field-app--ux08r[data-field-view$="message-detail"] main .ux09-chat-shell {
  min-height: 0;
  overflow: hidden;
}
body.field-app--ux08r[data-field-view$="message-detail"] main .ux12-chat-scroll {
  box-sizing: border-box;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  width: 100%;
  overflow-x: clip;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: auto;
  scroll-padding-bottom: calc(1rem + env(safe-area-inset-bottom, 0px));
  padding-bottom: calc(.75rem + env(safe-area-inset-bottom, 0px));
}
body.field-app--ux08r[data-field-view$="message-detail"] main .ux12-chat-scroll > .ux09-chat-thread {
  display: grid;
  flex: none;
  min-height: 0;
  max-height: none;
  overflow: visible;
  overscroll-behavior: auto;
  touch-action: auto;
}
body.field-app--ux08r[data-field-view$="message-detail"] main .ux12-chat-scroll > :is(.ux12-negotiation,.ux12-active-deal,.ux09-chat-composer,.field-readonly) {
  position: relative;
  inset: auto;
  min-width: 0;
}
body.field-app--ux08r[data-field-view$="message-detail"] main .ux12-chat-scroll > .ux09-chat-composer {
  bottom: auto;
  z-index: 1;
}
body.field-app--ux08r[data-field-view$="message-detail"] main .ux12-price-event,
body.field-app--ux08r[data-field-view$="message-detail"] main .ux12-negotiation {
  isolation: isolate;
}