/* V1.1.215 — form controls must have a visible resting state across
 * mobile Safari, Android WebView and desktop. Never rely on :focus to draw
 * the input's background/border. Keep the unboxed member list unchanged. */
#member-app .native-group-modal .mgr-area-body :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),
  textarea, select
){
  box-sizing:border-box;
  max-width:100%;
  min-width:0;
  min-height:44px;
  border:1px solid #cbd7e8;
  border-radius:11px;
  background:#eff3fa;
  color:#28364c;
  opacity:1;
  -webkit-appearance:none;
  appearance:none;
  box-shadow:inset 0 1px 1px rgba(56,76,116,.025);
}
#member-app .native-group-modal .mgr-area-body :is(input,textarea)::placeholder{
  color:#74849a;
  opacity:1;
}
#member-app .native-group-modal .mgr-area-body :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  textarea,select
):focus{
  outline:none;
  border-color:#7b9fd5;
  background:#f7f9ff;
  box-shadow:0 0 0 3px rgba(78,125,205,.12);
}
#member-app .native-group-modal .mgr-mute-members .mgr-member-search-row{
  display:flex;
  align-items:stretch;
  min-width:0;
}
#member-app .native-group-modal #mgr-mute-search{
  flex:1 1 0;
  width:0;
  min-width:0;
  padding:10px 13px;
  background:#eff3fa;
  border-color:#cbd7e8;
}
#member-app .native-group-modal #mgr-mute-search-button{
  flex:0 0 auto;
  min-height:44px;
  white-space:nowrap;
}
@media(max-width:760px){
  /* Do not trigger iOS Safari's automatic zoom on a focused 13px input. */
  #member-app .native-group-modal .mgr-area-body :is(input,textarea,select){font-size:16px}
}
:root[data-chat-theme="dark"] #member-app .native-group-modal .mgr-area-body :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),
  textarea,select
){
  color:#eef3ff;
  background:#2d3950;
  border-color:#52627c;
}
:root[data-chat-theme="dark"] #member-app .native-group-modal .mgr-area-body :is(input,textarea)::placeholder{color:#b6c3d9}
:root[data-chat-theme="dark"] #member-app .native-group-modal .mgr-area-body :is(input,textarea,select):focus{
  background:#34435e;
  border-color:#93b6f3;
}

/* V1.1.215 — desktop direct-message canvas matches the group-chat canvas.
 * The light theme's group workspace is deliberately transparent over the
 * application's blue/lilac gradient.  The legacy DM shell painted an opaque
 * --ui-canvas layer, making the conversation look like the adjacent list.
 * Keep wallpaper imagery, narrow-screen sizing and settings overlays intact. */
@media (min-width:761px){
  :root:not([data-chat-theme="dark"]) #member-app #chat-pane .group-dm-panel.is-conversation,
  :root:not([data-chat-theme="dark"]) #member-app #chat-pane .group-dm-panel.is-conversation .dm-message-section,
  :root:not([data-chat-theme="dark"]) #member-app #chat-pane .group-dm-panel.is-conversation .dm-message-list{
    background-color:transparent!important;
  }
  :root[data-chat-theme="dark"] #member-app #chat-pane .group-dm-panel.is-conversation,
  :root[data-chat-theme="dark"] #member-app #chat-pane .group-dm-panel.is-conversation .dm-message-section,
  :root[data-chat-theme="dark"] #member-app #chat-pane .group-dm-panel.is-conversation .dm-message-list{
    background-color:var(--canvas,#171d29)!important;
  }
  /* One quiet division between the independently scrolling list and chat. */
  :root:not([data-chat-theme="dark"]) body.dm-direct-active #member-app .list-pane{
    border-right-color:rgba(117,133,175,.35);
  }
  :root[data-chat-theme="dark"] body.dm-direct-active #member-app .list-pane{
    border-right:1px solid #46526b;
  }
}