/* TYK-UI8 — Messages + Transaction Dashboard */
.messaging-section .section-heading { margin-bottom: 1rem; }
.messaging-section .messaging-layout { grid-template-columns: minmax(235px,.58fr) minmax(430px,1.12fr) minmax(270px,.68fr); gap: .9rem; min-height: 660px; }
.messaging-section .conversation-inbox,
.messaging-section .conversation-thread,
.messaging-section .conversation-deal-context { border: 1px solid var(--tyk-border); box-shadow: var(--tyk-shadow-sm); }
.messaging-section .conversation-inbox { max-height: 760px; padding: .85rem; background: #fff; }
.conversation-toolbar { display: grid; grid-template-columns: 1fr; gap: .45rem; margin: .65rem 0 .55rem; }
.conversation-toolbar input,
.conversation-toolbar select { width: 100%; min-height: 38px; border: 1px solid var(--tyk-border-strong); border-radius: .55rem; background: #fff; padding: .5rem .65rem; color: var(--tyk-text); font: inherit; font-size: .68rem; }
.conversation-toolbar select { cursor: pointer; }
.messaging-section .conversation-list { max-height: 620px; }
.messaging-section .conversation-item { grid-template-columns: 46px minmax(0,1fr) auto; gap: .55rem; padding: .6rem; border-radius: .65rem; }
.messaging-section .conversation-thumb { width: 46px; height: 46px; }
.conversation-item__meta { display: flex; flex-wrap: wrap; align-items: center; gap: .3rem; margin-top: .15rem; }
.conversation-deal-badge { display: inline-flex; align-items: center; min-height: 18px; padding: .15rem .35rem; border-radius: 999px; background: var(--tyk-teal-050); color: var(--tyk-teal-900); font-size: .52rem; font-style: normal; font-weight: 800; }
.conversation-deal-badge[data-action="true"] { background: #fff3d7; color: #805715; }
.messaging-section .conversation-thread { min-height: 660px; background: #fff; }
.messaging-section .conversation-header { padding: .9rem 1rem; }
.messaging-section .workflow-context { margin: .65rem 1rem; }
.messaging-section .safety-banner { margin-inline: 1rem; }
.messaging-section .message-list { min-height: 330px; max-height: 470px; padding: 1rem; }
.messaging-section .message-composer { padding: .8rem 1rem; }
.messaging-section .offer-composer { padding: .8rem 1rem; }

.conversation-deal-context { position: static; align-self: start; max-height: none; overflow: visible; padding: .85rem; background: #f8fbfa; }
.deal-context-empty { display: grid; place-items: center; min-height: 420px; padding: 1.5rem; text-align: center; color: var(--tyk-text-muted); }
.deal-context-empty span { display: grid; place-items: center; width: 44px; height: 44px; margin-bottom: .7rem; border-radius: 50%; background: var(--tyk-teal-050); color: var(--tyk-teal-800); font-size: 1.2rem; }
.deal-context-empty strong { color: var(--tyk-teal-950); font-family: var(--tyk-font-display); font-size: .9rem; }
.deal-context-empty p { max-width: 24rem; margin: .35rem 0 0; font-size: .65rem; line-height: 1.5; }
.deal-context-shell { display: grid; gap: .65rem; }
.deal-context-heading h3 { margin: .12rem 0 .2rem; color: var(--tyk-teal-950); font-family: var(--tyk-font-display); font-size: .95rem; }
.deal-context-heading p { margin: 0; color: var(--tyk-text-muted); font-size: .62rem; line-height: 1.45; }
.deal-context-item,
.deal-context-card { border: 1px solid var(--tyk-border); border-radius: .7rem; background: #fff; }
.deal-context-item { display: grid; grid-template-columns: 52px minmax(0,1fr); gap: .55rem; padding: .65rem; }
.deal-context-item__media { width: 52px; height: 52px; overflow: hidden; border-radius: .55rem; background: var(--tyk-surface-warm); }
.deal-context-item__media img { width: 100%; height: 100%; object-fit: cover; }
.deal-context-item__placeholder { display: grid; place-items: center; height: 100%; color: var(--tyk-teal-700); font-weight: 900; }
.deal-context-item strong { display: block; overflow: hidden; color: var(--tyk-teal-950); font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.deal-context-item span { display: block; margin-top: .1rem; font-size: .7rem; font-weight: 850; }
.deal-context-item small { display: block; margin-top: .1rem; color: var(--tyk-text-muted); font-size: .55rem; line-height: 1.35; }
.deal-context-item .text-button { grid-column: 1/-1; justify-self: start; padding: 0; font-size: .58rem; }
.deal-context-card { padding: .7rem; }
.deal-context-card__head { display: flex; align-items: center; justify-content: space-between; gap: .5rem; margin-bottom: .45rem; }
.deal-context-card__head > span { color: var(--tyk-text-muted); font-size: .56rem; font-weight: 850; letter-spacing: .055em; text-transform: uppercase; }
.deal-context-card__head b { padding: .2rem .38rem; border-radius: 999px; background: var(--tyk-surface-warm); color: var(--tyk-text-soft); font-size: .5rem; text-transform: none; }
.deal-context-offer > strong { color: var(--tyk-teal-950); font-family: var(--tyk-font-display); font-size: 1.08rem; }
.deal-context-card p { margin: .25rem 0 0; color: var(--tyk-text-muted); font-size: .58rem; line-height: 1.45; }
.deal-context-amount { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.deal-context-amount strong { color: var(--tyk-teal-950); font-size: .95rem; }
.deal-context-amount em { color: #805715; font-size: .52rem; font-style: normal; font-weight: 850; text-transform: uppercase; }
.deal-progress { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: .12rem; margin: .65rem 0; padding: 0; list-style: none; }
.deal-progress li { min-width: 0; }
.deal-progress li > span { display: block; height: 4px; border-radius: 999px; background: var(--tyk-border); }
.deal-progress li[data-state="complete"] > span { background: var(--tyk-teal-600); }
.deal-progress li[data-state="current"] > span { background: var(--tyk-proof-gold); }
.deal-progress li[data-state="cancelled"] > span { background: #b64f46; }
.deal-progress small { display: none; }
.deal-context-facts { display: grid; gap: .35rem; margin: .6rem 0 0; }
.deal-context-facts div { display: grid; grid-template-columns: .75fr 1.25fr; gap: .4rem; }
.deal-context-facts dt { color: var(--tyk-text-muted); font-size: .52rem; }
.deal-context-facts dd { margin: 0; color: var(--tyk-text); font-size: .56rem; font-weight: 750; text-align: right; overflow-wrap: anywhere; }
.deal-context-alert { padding: .5rem; border-radius: .5rem; background: #fff3d7; color: #714d15 !important; }
.deal-context-primary { width: 100%; margin-top: .65rem; }
.deal-context-trust ul { display: grid; gap: .35rem; margin: .2rem 0 0; padding-left: 1rem; color: var(--tyk-text-muted); font-size: .56rem; line-height: 1.45; }

.transaction-link-actions { display: flex; flex-wrap: wrap; gap: .45rem; margin: .75rem 0; }
.transaction-link-actions .secondary-button,
.transaction-link-actions .text-button { min-height: 36px; }
.transaction-conversation-note { display: flex; align-items: center; justify-content: space-between; gap: .65rem; margin: .7rem 0; padding: .65rem .75rem; border: 1px solid var(--tyk-border); border-radius: .65rem; background: #fff; }
.transaction-conversation-note div { min-width: 0; }
.transaction-conversation-note strong { display: block; color: var(--tyk-teal-950); font-size: .67rem; }
.transaction-conversation-note span { display: block; margin-top: .12rem; color: var(--tyk-text-muted); font-size: .56rem; line-height: 1.4; }

@media (max-width: 1180px) {
  .messaging-section .messaging-layout { grid-template-columns: minmax(235px,.62fr) minmax(0,1.38fr); }
  .conversation-deal-context { position: static; grid-column: 1/-1; max-height: none; }
  .deal-context-shell { grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; }
  .deal-context-heading, .deal-context-item, .deal-context-trust { grid-column: 1/-1; }
}

@media (max-width: 760px) {
  .messaging-section .messaging-layout { grid-template-columns: 1fr; min-height: 0; }
  .messaging-section .conversation-inbox { max-height: 330px; }
  .messaging-section .conversation-thread { min-height: 0; }
  .conversation-deal-context { grid-column: auto; }
  .deal-context-shell { grid-template-columns: 1fr; }
  .deal-context-heading, .deal-context-item, .deal-context-trust { grid-column: auto; }
  .transaction-conversation-note { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 520px) {
  .messaging-section .conversation-item { grid-template-columns: 42px minmax(0,1fr) auto; }
  .messaging-section .conversation-thumb { width: 42px; height: 42px; }
  .conversation-header-actions { flex-wrap: wrap; }
  .deal-context-facts div { grid-template-columns: 1fr; }
  .deal-context-facts dd { text-align: left; }
}


/* TYK-UI9 exact acceptance breakpoints */
@media (max-width: 768px) {
  .messaging-section .messaging-layout { gap: .7rem; }
  .messaging-section .conversation-inbox { max-height: min(320px,42vh); }
  .conversation-deal-context { border-radius: .75rem; }
  .conversation-search input { min-height: 44px; }
}
@media (max-width: 390px) {
  .messaging-section .conversation-inbox { max-height: 280px; }
  .conversation-view-tabs { overflow-x: auto; scrollbar-width: none; }
  .conversation-view-tabs::-webkit-scrollbar { display: none; }
  .conversation-view-tabs button { flex: 0 0 auto; min-height: 42px; }
  .conversation-composer-actions { flex-wrap: wrap; }
  .deal-context-card, .deal-context-item { border-radius: .6rem; }
}