/* SLPT-R28-B16MS1-MESSAGES-MODERN-WORKSPACE-20260827
   Presentation only. Existing message routes, relationship scope, unread sort and
   mobile master/detail behavior remain canonical.
*/
#content.r28ms1-messages-page{
  --ms-line:color-mix(in srgb,var(--border,#d8dee8) 78%,transparent);
  --ms-panel:var(--panel,#fff);
  --ms-muted:var(--text-secondary,var(--muted,#667085));
  --ms-red:#a51f35;
  --ms-green:#218e66;
  --ms-blue:#3b72c4;
  min-width:0;
}
#content.r28ms1-messages-page .page-head{
  padding:13px 16px!important;
  margin-bottom:10px!important;
  border:1px solid var(--ms-line)!important;
  border-radius:16px!important;
  background:color-mix(in srgb,var(--ms-panel) 97%,transparent)!important;
  box-shadow:0 8px 24px rgba(15,23,42,.045)!important;
}
#content.r28ms1-messages-page .page-head h1{
  display:inline-block;
  margin-right:7px!important;
  font-size:25px!important;
}
#content.r28ms1-messages-page .r28ms1-page-unread{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:3px 7px;
  border-radius:999px;
  background:color-mix(in srgb,var(--ms-red) 10%,transparent);
  color:var(--ms-red);
  font-size:8px;
  font-weight:850;
  vertical-align:middle;
}
#content.r28ms1-messages-page .r28ms1-page-unread.is-clear{
  background:color-mix(in srgb,var(--ms-green) 9%,transparent);
  color:var(--ms-green);
}
#content.r28ms1-messages-page .r28ms1-guide-button{
  white-space:nowrap;
  min-height:33px!important;
  font-size:9px!important;
}
#content.r28ms1-messages-page .r28ms1-guide-host{margin-bottom:10px}
#content.r28ms1-messages-page .r28ms1-guide-host .slpt-embedded-guide{
  position:static;
  box-shadow:0 7px 20px rgba(15,23,42,.035);
}

#content.r28ms1-messages-page .r28ms1-message-centre{
  display:grid!important;
  grid-template-columns:minmax(265px,305px) minmax(0,1fr) minmax(205px,235px)!important;
  gap:10px!important;
  align-items:stretch!important;
  min-width:0;
}
#content.r28ms1-messages-page .r28ms1-message-centre.r27m1-sidebar-collapsed{
  grid-template-columns:minmax(170px,205px) minmax(0,1fr) minmax(205px,235px)!important;
}
#content.r28ms1-messages-page .r28ms1-sidebar,
#content.r28ms1-messages-page .r28ms1-thread,
#content.r28ms1-messages-page .r28ms1-context{
  min-width:0;
  border:1px solid var(--ms-line)!important;
  border-radius:15px!important;
  background:color-mix(in srgb,var(--ms-panel) 98%,transparent)!important;
  box-shadow:0 8px 24px rgba(15,23,42,.045)!important;
}

#content.r28ms1-messages-page .r28ms1-sidebar .r27m1-conversation-list{
  padding:10px!important;
}
#content.r28ms1-messages-page .r28ms1-sidebar .v191-conversation-head{
  margin-bottom:7px!important;
}
#content.r28ms1-messages-page .r28ms1-sidebar .r27m1-conversation-title h3{
  font-size:13px!important;
}
#content.r28ms1-messages-page .r28ms1-sidebar .v191-message-search{
  height:36px!important;
  border-radius:10px!important;
  font-size:10px!important;
}
#content.r28ms1-messages-page .r28ms1-filter-row{
  display:flex;
  gap:5px;
  margin:0 0 8px;
}
#content.r28ms1-messages-page .r28ms1-filter-row button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-height:29px;
  padding:4px 9px;
  border:1px solid var(--ms-line);
  border-radius:999px;
  background:color-mix(in srgb,var(--ms-panel) 94%,transparent);
  color:var(--ms-muted);
  font:inherit;
  font-size:8px;
  font-weight:800;
  cursor:pointer;
}
#content.r28ms1-messages-page .r28ms1-filter-row button b{
  min-width:17px;
  height:17px;
  display:grid;
  place-items:center;
  padding:0 4px;
  border-radius:999px;
  background:color-mix(in srgb,var(--ms-muted) 9%,transparent);
  font-size:7px;
}
#content.r28ms1-messages-page .r28ms1-filter-row button.active{
  border-color:color-mix(in srgb,var(--ms-red) 24%,var(--ms-line));
  background:color-mix(in srgb,var(--ms-red) 9%,var(--ms-panel));
  color:var(--ms-red);
}
#content.r28ms1-messages-page .r28ms1-filter-hidden{display:none!important}
#content.r28ms1-messages-page .r28ms1-filter-empty{
  padding:15px 8px!important;
  font-size:9px;
}

#content.r28ms1-messages-page .message-contact-list-body{
  gap:2px!important;
}
#content.r28ms1-messages-page .r28ms1-contact{
  min-height:60px!important;
  padding:7px!important;
  border-radius:10px!important;
}
#content.r28ms1-messages-page .r28ms1-contact .avatar.mini{
  width:35px!important;height:35px!important;min-width:35px!important;
  border-radius:11px!important;
}
#content.r28ms1-messages-page .r28ms1-contact .r27m1-contact-copy>b{
  font-size:10px!important;
}
#content.r28ms1-messages-page .r28ms1-contact .r27m1-contact-copy>small{
  display:block!important;
  margin-top:3px!important;
}
#content.r28ms1-messages-page .r28ms1-contact .r27m1-contact-kind{
  display:block;
  margin-bottom:2px;
  font-size:7px!important;
}
#content.r28ms1-messages-page .r28ms1-contact .r27m1-contact-preview{
  display:block;
  font-size:8px!important;
}
#content.r28ms1-messages-page .r28ms1-contact.v191-unread{
  background:linear-gradient(90deg,color-mix(in srgb,var(--ms-red) 8%,var(--ms-panel)),transparent)!important;
  border-color:color-mix(in srgb,var(--ms-red) 17%,transparent)!important;
  box-shadow:inset 2px 0 var(--ms-red)!important;
}
#content.r28ms1-messages-page .r28ms1-contact.v191-unread>i{
  background:var(--ms-red)!important;
  min-width:20px!important;
  height:20px!important;
  font-size:8px!important;
}
#content.r28ms1-messages-page .r28ms1-contact.active{
  background:color-mix(in srgb,var(--ms-red) 5%,var(--ms-panel))!important;
  box-shadow:inset 2px 0 var(--ms-red)!important;
}
#content.r28ms1-messages-page .message-sidebar.v191-collapsed .r28ms1-filter-row{
  display:none!important;
}

#content.r28ms1-messages-page .r28ms1-thread{
  min-height:600px!important;
}
#content.r28ms1-messages-page .r28ms1-thread-head{
  min-height:61px;
  padding:12px 14px!important;
  border-bottom:1px solid var(--ms-line);
  background:color-mix(in srgb,var(--ms-panel) 98%,transparent)!important;
}
#content.r28ms1-messages-page .r28ms1-thread-head h2{
  font-size:15px!important;
}
#content.r28ms1-messages-page .r28ms1-thread-head small{
  font-size:8px!important;
}
#content.r28ms1-messages-page .r28ms1-history{
  padding:18px!important;
  background:
    radial-gradient(circle at 10% 10%,color-mix(in srgb,var(--ms-blue) 3%,transparent),transparent 30%),
    color-mix(in srgb,var(--ms-panel) 98%,transparent)!important;
}
#content.r28ms1-messages-page .r28ms1-bubble{
  max-width:min(72%,540px)!important;
  padding:9px 11px!important;
  border-radius:12px!important;
  border:1px solid var(--ms-line);
  box-shadow:none!important;
}
#content.r28ms1-messages-page .r28ms1-bubble.mine{
  background:color-mix(in srgb,var(--ms-red) 6%,var(--ms-panel))!important;
  border-color:color-mix(in srgb,var(--ms-red) 13%,var(--ms-line))!important;
}
#content.r28ms1-messages-page .r28ms1-bubble.theirs{
  background:color-mix(in srgb,var(--ms-blue) 3%,var(--ms-panel))!important;
}
#content.r28ms1-messages-page .r28ms1-bubble p{
  font-size:10px!important;
  line-height:1.45!important;
}
#content.r28ms1-messages-page .r28ms1-bubble small{
  font-size:7px!important;
  color:var(--ms-muted)!important;
}
#content.r28ms1-messages-page .message-composer{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:7px!important;
  padding:10px!important;
  border-top:1px solid var(--ms-line);
  background:var(--ms-panel)!important;
  box-shadow:none!important;
}
#content.r28ms1-messages-page .message-composer textarea{
  min-height:54px!important;
  max-height:130px;
  border-radius:10px!important;
  font-size:10px!important;
}
#content.r28ms1-messages-page .message-composer .btn{
  align-self:end;
  min-height:36px!important;
  padding:7px 15px!important;
  background:var(--ms-red)!important;
  border-color:var(--ms-red)!important;
  font-size:9px!important;
}
#content.r28ms1-messages-page .r28ms1-composer-note{
  grid-column:1/-1;
  color:var(--ms-muted);
  font-size:7px;
}

#content.r28ms1-messages-page .r28ms1-context{
  align-self:stretch;
  padding:10px!important;
}
#content.r28ms1-messages-page .r28ms1-context-profile{
  display:flex;
  align-items:center;
  gap:9px;
  padding:4px 2px 10px;
  border-bottom:1px solid var(--ms-line);
}
#content.r28ms1-messages-page .r28ms1-context-avatar{
  width:39px;height:39px;
  display:grid;place-items:center;
  flex:0 0 39px;
  border-radius:12px;
  background:color-mix(in srgb,var(--ms-red) 10%,transparent);
  color:var(--ms-red);
  font-size:11px;
  font-weight:850;
}
#content.r28ms1-messages-page .r28ms1-context-profile h3{
  margin:0;
  font-size:11px;
  line-height:1.25;
}
#content.r28ms1-messages-page .r28ms1-context-profile small{
  display:block;
  margin-top:2px;
  color:var(--ms-muted);
  font-size:8px;
}
#content.r28ms1-messages-page .r28ms1-context-card{
  margin-top:8px;
  padding:9px;
  border:1px solid var(--ms-line);
  border-radius:10px;
  background:color-mix(in srgb,var(--ms-panel) 95%,transparent);
}
#content.r28ms1-messages-page .r28ms1-context-card>small{
  display:block;
  color:var(--ms-muted);
  font-size:7px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
}
#content.r28ms1-messages-page .r28ms1-context-card>b{
  display:block;
  margin-top:3px;
  font-size:9px;
}
#content.r28ms1-messages-page .r28ms1-context-card>p{
  margin:5px 0 0;
  color:var(--ms-muted);
  font-size:8px;
  line-height:1.45;
}
#content.r28ms1-messages-page .r28ms1-context-card dl{
  margin:5px 0 0;
}
#content.r28ms1-messages-page .r28ms1-context-card dl>div{
  display:flex;
  justify-content:space-between;
  gap:7px;
  padding:5px 0;
  border-top:1px solid var(--ms-line);
}
#content.r28ms1-messages-page .r28ms1-context-card dt,
#content.r28ms1-messages-page .r28ms1-context-card dd{
  margin:0;
  font-size:8px;
}
#content.r28ms1-messages-page .r28ms1-context-card dt{color:var(--ms-muted)}
#content.r28ms1-messages-page .r28ms1-context-card dd{text-align:right;font-weight:700;word-break:break-word}
#content.r28ms1-messages-page .r28ms1-privacy{
  border-color:color-mix(in srgb,var(--ms-green) 18%,var(--ms-line));
  background:color-mix(in srgb,var(--ms-green) 4%,var(--ms-panel));
}
#content.r28ms1-messages-page .r28ms1-context-empty{
  min-height:180px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:5px;
  padding:14px;
  text-align:center;
}
#content.r28ms1-messages-page .r28ms1-context-empty>span{
  width:28px;height:28px;display:grid;place-items:center;
  border-radius:999px;
  background:color-mix(in srgb,var(--ms-blue) 9%,transparent);
  color:var(--ms-blue);font-weight:850;
}
#content.r28ms1-messages-page .r28ms1-context-empty>b{font-size:10px}
#content.r28ms1-messages-page .r28ms1-context-empty>p{
  margin:0;color:var(--ms-muted);font-size:8px;line-height:1.4;
}

html[data-theme="mist-graphite"] #content.r28ms1-messages-page .r28ms1-sidebar,
html[data-theme="mist-graphite"] #content.r28ms1-messages-page .r28ms1-thread,
html[data-theme="mist-graphite"] #content.r28ms1-messages-page .r28ms1-context,
html[data-theme="dark"] #content.r28ms1-messages-page .r28ms1-sidebar,
html[data-theme="dark"] #content.r28ms1-messages-page .r28ms1-thread,
html[data-theme="dark"] #content.r28ms1-messages-page .r28ms1-context{
  background:rgba(28,31,40,.94)!important;
}

@media(max-width:1180px){
  #content.r28ms1-messages-page .r28ms1-message-centre,
  #content.r28ms1-messages-page .r28ms1-message-centre.r27m1-sidebar-collapsed{
    grid-template-columns:minmax(250px,300px) minmax(0,1fr)!important;
  }
  #content.r28ms1-messages-page .r28ms1-context{display:none!important}
}
@media(max-width:760px){
  #content.r28ms1-messages-page .r28ms1-message-centre,
  #content.r28ms1-messages-page .r28ms1-message-centre.r27m1-sidebar-collapsed{display:block!important}
  #content.r28ms1-messages-page .r28ms1-message-centre .message-sidebar{display:block!important}
  #content.r28ms1-messages-page .r28ms1-message-centre .message-thread{display:none!important;min-height:520px!important}
  #content.r28ms1-messages-page .r28ms1-message-centre.r27m1-thread-open .message-sidebar{display:none!important}
  #content.r28ms1-messages-page .r28ms1-message-centre.r27m1-thread-open .message-thread{display:flex!important}
  #content.r28ms1-messages-page .r27m1-thread-back{display:inline-flex!important}
  #content.r28ms1-messages-page .r28ms1-bubble{max-width:88%!important}
  #content.r28ms1-messages-page .page-head{padding:11px!important}
}
@media(max-width:420px){
  #content.r28ms1-messages-page .r28ms1-page-unread{display:none}
  #content.r28ms1-messages-page .r28ms1-guide-button{padding-inline:8px!important}
}
@media(prefers-reduced-motion:reduce){
  #content.r28ms1-messages-page *{transition:none!important;scroll-behavior:auto!important}
}