.nexaboard-message-shortcode{
  --link:#8db9ff;
  --link-strong:#9cc3ff;
  display:inline-flex;
  position:relative;
  align-items:center;
  box-sizing:border-box;
  color:var(--link);
  font-family:inherit;
  font-size:15px;
  line-height:1;
  vertical-align:middle;
}
.nexaboard-message-shortcode.nexaboard-theme-light{
  --link:#2f65b9;
  --link-strong:#245ba8;
}
.nexaboard-message-shortcode,
.nexaboard-message-shortcode *{
  box-sizing:border-box;
}
.nexaboard-message-shortcode .nexaboard-message-link{
  display:inline-flex;
  position:relative;
  align-items:center;
  justify-content:center;
  width:auto;
  min-width:0;
  height:auto;
  min-height:28px;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  background-color:transparent;
  color:var(--link);
  font:inherit;
  line-height:1;
  text-decoration:none;
  box-shadow:none;
  outline:none;
  text-shadow:none;
}
.nexaboard-message-shortcode .nexaboard-message-link:visited{
  color:var(--link);
}
.nexaboard-message-shortcode .nexaboard-message-link:hover,
.nexaboard-message-shortcode .nexaboard-message-link:focus{
  border:0;
  background:none;
  background-color:transparent;
  color:var(--link-strong);
  text-decoration:none;
  box-shadow:none;
  outline:none;
}
.nexaboard-message-shortcode .nexaboard-message-icon{
  display:inline-flex;
  width:24px;
  height:24px;
  flex:0 0 24px;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:0;
  line-height:0;
  vertical-align:middle;
}
.nexaboard-message-shortcode .nexaboard-message-icon svg{
  display:block;
  width:24px;
  height:24px;
  max-width:none;
  max-height:none;
  margin:0;
  overflow:visible;
}
.nexaboard-message-shortcode .nexaboard-badge{
  display:inline-flex;
  position:absolute;
  top:-6px;
  right:-8px;
  z-index:3;
  min-width:16px;
  width:auto;
  height:16px;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:0 4px;
  border:2px solid #2b2f35;
  border-radius:999px;
  background:#e05e5e;
  color:#fff;
  font-family:inherit;
  font-size:10px;
  font-weight:700;
  line-height:12px;
  text-decoration:none;
  white-space:nowrap;
  pointer-events:none;
}
.nexaboard-message-shortcode.nexaboard-theme-light .nexaboard-badge{
  border-color:#fff;
}
@media (max-width:767px){.nexaboard-message-shortcode .nexaboard-badge{
    top:-5px;
    right:-6px;
  }}
.nexaboard-message-link{display:inline-flex;position:relative;align-items:center;justify-content:center;gap:7px;min-height:28px;line-height:1;text-decoration:none}
.nexaboard-message-link{gap:9px}
.nexaboard-message-icon{display:inline-flex;width:24px;height:24px;flex:0 0 24px;align-items:center;justify-content:center;line-height:0;vertical-align:middle}
.nexaboard-message-icon svg{display:block;width:24px;height:24px;overflow:visible}
.nexaboard-message-text{display:inline-flex;align-items:center;line-height:1}
.nexaboard-message-link .nexaboard-badge{align-self:center}
.nexaboard-badge{display:inline-flex;position:absolute;top:-6px;right:-8px;z-index:3;min-width:16px;height:16px;align-items:center;justify-content:center;padding:0 4px;border:2px solid #1f2225;border-radius:999px;background:#e05e5e;color:#fff;font-size:10px;font-weight:700;line-height:12px;white-space:nowrap;box-sizing:border-box;pointer-events:none}
.nexaboard-message-view{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:20px}
.nexaboard-profile-messages-link{width:max-content;margin-top:8px;max-width:100%}
.nexaboard-profile-messages-link:hover,
.nexaboard-profile-messages-link:focus{text-decoration:none;outline:none;box-shadow:none}
.nexaboard-profile-message-button{margin-top:0}
.nexaboard-message-head{display:flex;align-items:center;justify-content:space-between;gap:15px;background:var(--panel2);border:1px solid var(--line);border-radius:5px;padding:13px 15px}
.nexaboard-message-head h2{margin:0;color:#fff}
.nexaboard-message-list{margin-top:12px;border:0;border-radius:0;overflow:visible;padding:0;background:transparent}
.nexaboard-message-row{display:flex;align-items:center;gap:12px;background:var(--panel);padding:12px;border:1px solid var(--line);border-radius:5px}
.nexaboard-message-row + .nexaboard-message-row{margin-top:10px}
.nexaboard-message-row img{border-radius:50%}
.nexaboard-message-row div{display:flex;flex-direction:column}
.nexaboard-message-row strong{font-weight:500;color:var(--link)}
.nexaboard-message-row.is-unread strong{font-weight:800;color:#b9d3ff}
.nexaboard-message-row span{font-size:12px;color:var(--muted)}
.nexaboard-message-view h2{color:#fff}
.nexaboard-message-meta{color:var(--muted);font-size:13px;border-bottom:1px solid var(--line);padding-bottom:10px}
.nexaboard-message-content{padding:20px 0;min-height:120px}
.nexaboard-message-reply{margin:18px 0 0;background:#282b2f}
.nexaboard-message-reply h3{margin-bottom:10px}
.nexaboard-message-reply textarea{min-height:150px}
.nexaboard-message-reply .nexaboard-button{margin-top:12px}
@media (max-width:680px){.nexaboard-message-head{align-items:flex-start;flex-direction:column}
.nexaboard-message-head>div{display:flex;flex-wrap:wrap;gap:5px}}
.nexaboard-recipient-picker{display:block;position:relative;margin-top:6px}
.nexaboard-composer label .nexaboard-recipient-picker .nexaboard-recipient-input{display:block;width:100%;margin:0;border:1px solid #51565c;background:#202327;color:#f0f1f2;border-radius:4px;padding:10px 11px;font:inherit;box-shadow:none;outline:none}
.nexaboard-composer label .nexaboard-recipient-picker .nexaboard-recipient-input:focus{border-color:#51565c;background:#202327;color:#f0f1f2;box-shadow:none;outline:none}
.nexaboard-recipient-results{position:absolute;z-index:1000;top:calc(100% + 5px);left:0;right:0;max-height:320px;overflow-y:auto;border:1px solid #51565c;border-radius:5px;background:#252a30;box-shadow:0 8px 24px rgba(0,0,0,.28)}
.nexaboard-recipient-results[hidden]{display:none}
.nexaboard-recipient-result{display:flex;width:100%;align-items:center;gap:10px;padding:9px 11px;border:0;border-bottom:1px solid #3c4249;border-radius:0;background:#252a30;color:#e5e8ec;text-align:left;font:inherit;cursor:pointer}
.nexaboard-recipient-result:last-child{border-bottom:0}
.nexaboard-recipient-result:hover,
.nexaboard-recipient-result:focus,
.nexaboard-recipient-result.is-active{border-color:transparent;background:#343b44;outline:none;box-shadow:none}
.nexaboard-recipient-result img{width:36px;height:36px;flex:0 0 36px;border-radius:50%;object-fit:cover}
.nexaboard-recipient-result-copy{display:flex;min-width:0;flex-direction:column}
.nexaboard-recipient-result-copy strong{overflow:hidden;color:#e9edf2;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.nexaboard-recipient-result-copy span{overflow:hidden;color:#aeb7c2;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.nexaboard.nexaboard-theme-light .nexaboard-message-compose input,
.nexaboard.nexaboard-theme-light .nexaboard-message-compose textarea{background:#fff;color:#20252b;border-color:#c7cdd4}
.nexaboard.nexaboard-theme-light .nexaboard-message-view h2,
.nexaboard.nexaboard-theme-light .nexaboard-message-head h2{color:#20252b}
.nexaboard.nexaboard-theme-light .nexaboard-message-reply{background:#f3f5f7}
.nexaboard.nexaboard-theme-light .nexaboard-recipient-results{background:#fff;border-color:#c7cdd4}
.nexaboard.nexaboard-theme-light .nexaboard-recipient-result{color:#20252b;border-color:#e0e4e8}
.nexaboard.nexaboard-theme-light .nexaboard-recipient-result:hover,
.nexaboard.nexaboard-theme-light .nexaboard-recipient-result.is-active{background:#eef3fb}
.nexaboard.nexaboard-theme-light .nexaboard-recipient-result small{color:#69727d}
.nexaboard-profile-message-button{text-decoration:none}
.nexaboard .nexaboard-message-compose input,
.nexaboard .nexaboard-message-compose textarea,
.nexaboard .nexaboard-message-compose select{background:var(--nexaboard-input-bg);color:var(--nexaboard-input-text);border-color:var(--nexaboard-input-border)}
.nexaboard .nexaboard-message-compose input::placeholder,
.nexaboard .nexaboard-message-compose textarea::placeholder{color:var(--nexaboard-input-placeholder);opacity:1}
.nexaboard.nexaboard-theme-light .nexaboard-message-compose input:not([type=hidden]),
.nexaboard.nexaboard-theme-light .nexaboard-message-compose textarea,
.nexaboard.nexaboard-theme-light .nexaboard-message-compose select{background:#fff;color:#20252b;border-color:#c7cdd4}
.nexaboard.nexaboard-theme-dark .nexaboard-message-compose input:not([type=hidden]),
.nexaboard.nexaboard-theme-dark .nexaboard-message-compose textarea,
.nexaboard.nexaboard-theme-dark .nexaboard-message-compose select{background:#202327;color:#f0f1f2;border-color:#51565c}
.nexaboard.nexaboard-theme-light .nexaboard-profile-message-button,
.nexaboard.nexaboard-theme-light .nexaboard-profile-messages-link.nexaboard-button-secondary{
background:#fff;
border-color:#c7cdd4;
color:#2f65b9;
}
.nexaboard.nexaboard-theme-light .nexaboard-profile-message-button:hover,
.nexaboard.nexaboard-theme-light .nexaboard-profile-message-button:focus,
.nexaboard.nexaboard-theme-light .nexaboard-profile-messages-link.nexaboard-button-secondary:hover,
.nexaboard.nexaboard-theme-light .nexaboard-profile-messages-link.nexaboard-button-secondary:focus{
background:#f5f6f8;
border-color:#c7cdd4;
color:#2f65b9;
outline:none;
box-shadow:none;
text-decoration:none;
}
.nexaboard.nexaboard-theme-light .nexaboard-badge{border-color:#fff}
@media (max-width:767px){.nexaboard-message-link .nexaboard-badge{
    top:-5px;
    right:-7px;
  }}
.nexaboard .nexaboard-message-compose .wp-editor-wrap,
.nexaboard .nexaboard-message-reply .wp-editor-wrap{
  margin:8px 0 12px;
}
.nexaboard .nexaboard-message-content img.nexaboard-emoji{
  display:inline-block;
  width:40px;
  height:40px;
  max-width:40px;
  max-height:40px;
  margin:0 2px;
  object-fit:contain;
  vertical-align:middle;
}
.nexaboard .nexaboard-message-compose .wp-editor-wrap,
.nexaboard .nexaboard-message-reply .wp-editor-wrap{
  display:block;
  clear:both;
  position:relative;
}
.nexaboard .nexaboard-message-compose .wp-editor-tools,
.nexaboard .nexaboard-message-reply .wp-editor-tools{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:8px;
  width:100%;
  clear:both;
  float:none;
  margin:0;
  padding:0;
}
.nexaboard .nexaboard-message-compose .wp-editor-tools::before,
.nexaboard .nexaboard-message-compose .wp-editor-tools::after,
.nexaboard .nexaboard-message-reply .wp-editor-tools::before,
.nexaboard .nexaboard-message-reply .wp-editor-tools::after{
  content:none;
}
.nexaboard .nexaboard-message-compose .wp-editor-tabs,
.nexaboard .nexaboard-message-reply .wp-editor-tabs{
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  gap:4px;
  flex:0 0 auto;
  margin:0 0 -1px auto;
  padding:0;
  float:none;
  position:relative;
  top:auto;
  right:auto;
}
.nexaboard .nexaboard-message-compose .wp-switch-editor,
.nexaboard .nexaboard-message-reply .wp-switch-editor{
  float:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0;
  position:static;
  top:auto;
  right:auto;
}
.nexaboard .nexaboard-message-compose .wp-editor-container,
.nexaboard .nexaboard-message-compose .quicktags-toolbar,
.nexaboard .nexaboard-message-reply .wp-editor-container,
.nexaboard .nexaboard-message-reply .quicktags-toolbar{
  clear:both;
}
@media (max-width:680px){.nexaboard .nexaboard-message-compose .wp-editor-tools,
.nexaboard .nexaboard-message-reply .wp-editor-tools{
    flex-wrap:wrap;
  }
.nexaboard .nexaboard-message-compose .wp-editor-tabs,
.nexaboard .nexaboard-message-reply .wp-editor-tabs{
    margin-left:0;
  }}
.nexaboard .nexaboard-message-compose .wp-editor-wrap,
.nexaboard .nexaboard-message-reply .wp-editor-wrap{
  width:100%;
  max-width:100%;
  clear:both;
  position:relative;
  overflow:hidden;
}
.nexaboard .nexaboard-message-compose .wp-editor-tools,
.nexaboard .nexaboard-message-reply .wp-editor-tools{
  display:block;
  width:100%;
  clear:both;
  margin:0;
  padding:0;
  position:relative;
}
.nexaboard .nexaboard-message-compose .wp-editor-tools::before,
.nexaboard .nexaboard-message-compose .wp-editor-tools::after,
.nexaboard .nexaboard-message-reply .wp-editor-tools::before,
.nexaboard .nexaboard-message-reply .wp-editor-tools::after{
  content:"";
  display:table;
}
.nexaboard .nexaboard-message-compose .wp-editor-tools::after,
.nexaboard .nexaboard-message-reply .wp-editor-tools::after{
  clear:both;
}
.nexaboard .nexaboard-message-compose .wp-editor-tabs,
.nexaboard .nexaboard-message-reply .wp-editor-tabs{
  float:right;
  display:block;
  margin:0 0 -1px;
  padding:0;
  position:relative;
  top:auto;
  right:auto;
  clear:none;
}
.nexaboard .nexaboard-message-compose .wp-switch-editor,
.nexaboard .nexaboard-message-reply .wp-switch-editor{
  float:left;
  display:block;
  margin:0 0 0 4px;
  position:relative;
  top:auto;
  right:auto;
}
.nexaboard .nexaboard-message-compose .wp-switch-editor:first-child,
.nexaboard .nexaboard-message-reply .wp-switch-editor:first-child{
  margin-left:0;
}
.nexaboard .nexaboard-message-compose .wp-editor-container,
.nexaboard .nexaboard-message-compose .quicktags-toolbar,
.nexaboard .nexaboard-message-reply .wp-editor-container,
.nexaboard .nexaboard-message-reply .quicktags-toolbar{
  clear:both;
}
@media (max-width:680px){.nexaboard .nexaboard-message-compose .wp-editor-tabs,
.nexaboard .nexaboard-message-reply .wp-editor-tabs{
    float:right;
  }}
.nexaboard-user-dropdown-link.has-badge{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.nexaboard-user-dropdown-badge{
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  min-width:18px;
  height:18px;
  padding:0 6px;
  border-radius:999px;
  background:#e05e5e;
  color:#fff;
  font-size:11px;
  font-weight:700;
  line-height:1;
}
.nexaboard-message-compose-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:12px;
}
.nexaboard-message-compose-actions .nexaboard-button{
  margin-top:0;
}
.nexaboard-profile-tab-messages{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.nexaboard-profile-message-badge{
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  min-width:18px;
  height:18px;
  padding:0 6px;
  border-radius:999px;
  background:#e05e5e;
  color:#fff;
  font-size:11px;
  font-weight:700;
  line-height:1;
}

/* Keep the shared topbar in flow on the responsive Messages page. */
@media (max-width:980px){
  body .nexaboard.nexaboard-messages-page .nexaboard-topbar,
  body.admin-bar .nexaboard.nexaboard-messages-page .nexaboard-topbar{
    position:relative ;
    top:auto ;
    bottom:auto ;
  }
}
