/* MF_MENTORIA V001.0.2.0-A.8.12.1 — unificação visual do MFChat */

:root{
  --mfchat-launcher-size:58px;
  --mfchat-drawer-width:420px;
  --mfchat-radius:22px;
  --mfchat-shadow:0 24px 64px rgba(12,48,84,.22);
  --mfchat-z-drawer:1390;
  --mfchat-z-launcher:1400;
}

/* Um único padrão minimizado: avatar canônico no canto inferior direito. */
.mentoria-mfchat-study,
.mentoria-admin-mfchat{
  right:18px!important;
  bottom:18px!important;
  z-index:var(--mfchat-z-launcher)!important;
}

.mentoria-mfchat-study-launcher,
.mentoria-admin-mfchat-launcher{
  width:var(--mfchat-launcher-size)!important;
  min-width:var(--mfchat-launcher-size)!important;
  height:var(--mfchat-launcher-size)!important;
  min-height:var(--mfchat-launcher-size)!important;
  padding:5px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:18px!important;
  background:#fff!important;
  border:1px solid #cfe0eb!important;
  box-shadow:var(--mfchat-shadow)!important;
  overflow:visible!important;
}

.mentoria-mfchat-study-launcher-copy,
.mentoria-mfchat-study-launcher-action,
.mentoria-admin-mfchat-launcher-copy,
.mentoria-admin-mfchat-launcher-action{
  display:none!important;
}

.mentoria-mfchat-study-avatar,
.mentoria-admin-mfchat-avatar{
  width:46px!important;
  height:46px!important;
  flex:0 0 46px!important;
  border-radius:15px!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  background:#fff!important;
  color:transparent!important;
}

.mentoria-mfchat-study-avatar img,
.mentoria-admin-mfchat-avatar img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  border-radius:inherit!important;
}

.mentoria-mfchat-study-avatar.large,
.mentoria-admin-mfchat-avatar.large{
  width:44px!important;
  height:44px!important;
  flex-basis:44px!important;
}

/* Badge de não lidas é distinto do indicador de disponibilidade. */
.mentoria-mfchat-unified-inline-badge,
.mentoria-mfchat-unified-launcher-badge{
  position:absolute;
  top:-6px;
  right:-6px;
  display:inline-grid;
  place-items:center;
  min-width:21px;
  height:21px;
  padding:0 6px;
  border:3px solid #fff;
  border-radius:999px;
  background:#d53b3b;
  color:#fff;
  font-size:10px;
  font-weight:900;
  line-height:1;
  box-sizing:border-box;
}

.mentoria-mfchat-unified-inline-badge[hidden],
.mentoria-mfchat-unified-launcher-badge[hidden]{
  display:none!important;
}

.mentoria-mfchat-study-launcher,
.mentoria-admin-mfchat-launcher{
  position:relative!important;
}

.mentoria-admin-mfchat-context{
  min-height:0;
  overflow:auto;
}

/* Drawer continua pertencendo ao componente local; apenas padronizamos dimensões. */
.mentoria-mfchat-study-panel,
.mentoria-admin-mfchat-panel{
  width:min(var(--mfchat-drawer-width),calc(100vw - 28px))!important;
  max-width:var(--mfchat-drawer-width)!important;
  border-radius:var(--mfchat-radius)!important;
  box-shadow:var(--mfchat-shadow)!important;
  z-index:var(--mfchat-z-drawer)!important;
}

/* Navegação integrada Conversa / Atendimentos / Contexto. */
.mentoria-mfchat-unified-nav{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
  padding:8px 10px;
  border-bottom:1px solid #dbe7ef;
  background:#fff;
}

.mentoria-mfchat-unified-nav button{
  min-width:0;
  min-height:34px;
  padding:7px 8px;
  border:1px solid #d8e6ef;
  border-radius:10px;
  background:#fff;
  color:#315b76;
  font:inherit;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}

.mentoria-mfchat-unified-nav button.is-active{
  border-color:#7fb7d7;
  background:#edf7fd;
  color:#0f6f9f;
}

.mentoria-admin-mfchat-context[hidden],
.mentoria-admin-mfchat-conversation[hidden],
.mentoria-admin-mfchat-composer[hidden],
.mentoria-mfchat-unified-attendance[hidden],
.mentoria-mfchat-unified-fallback-panel[hidden]{
  display:none!important;
}

.mentoria-mfchat-unified-attendance{
  min-height:0;
  overflow:auto;
  background:#f7fafc;
}

.mentoria-mfchat-unified-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  padding:10px;
  border-bottom:1px solid #dbe7ef;
  background:#fff;
}

.mentoria-mfchat-unified-summary>div{
  min-width:0;
  padding:8px;
  border:1px solid #e0e9ef;
  border-radius:11px;
  background:#fbfdfe;
}

.mentoria-mfchat-unified-summary small{
  display:block;
  color:#8194a1;
  font-size:8px;
  font-weight:800;
  text-transform:uppercase;
}

.mentoria-mfchat-unified-summary strong{
  display:block;
  margin-top:2px;
  color:#214b65;
  font-size:16px;
}

.mentoria-mfchat-unified-history-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:11px 12px 7px;
}

.mentoria-mfchat-unified-history-heading>span{
  display:flex;
  min-width:0;
  flex-direction:column;
}

.mentoria-mfchat-unified-history-heading strong{
  color:#183f59;
  font-size:12px;
}

.mentoria-mfchat-unified-history-heading small{
  margin-top:2px;
  color:#748896;
  font-size:9px;
}

.mentoria-mfchat-unified-history-heading button{
  width:31px;
  height:31px;
  border:1px solid #d5e3eb;
  border-radius:9px;
  background:#fff;
  color:#315c77;
  cursor:pointer;
}

.mentoria-mfchat-unified-history-list{
  min-height:0;
  overflow:auto;
  padding:4px 10px 12px;
}

.mentoria-mfchat-unified-history-item{
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  gap:9px;
  align-items:start;
  margin-bottom:8px;
  padding:10px;
  border:1px solid #dce7ee;
  border-radius:14px;
  background:#fff;
}

.mentoria-mfchat-unified-history-item.is-blocked{
  background:#fafbfc;
  opacity:.82;
}

.mentoria-mfchat-unified-counterpart-avatar{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  overflow:hidden;
  border-radius:50%;
  background:#e3eff6;
  color:#27617f;
  font-size:10px;
  font-weight:900;
}

.mentoria-mfchat-unified-counterpart-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.mentoria-mfchat-unified-history-main{
  min-width:0;
}

.mentoria-mfchat-unified-history-head{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
}

.mentoria-mfchat-unified-history-head strong{
  min-width:0;
  overflow:hidden;
  color:#24475f;
  font-size:11px;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.mentoria-mfchat-unified-channel{
  flex:0 0 auto;
  padding:3px 5px;
  border-radius:999px;
  background:#edf5fa;
  color:#4c7087;
  font-size:7px;
  font-weight:900;
  text-transform:uppercase;
}

.mentoria-mfchat-unified-history-main p{
  margin:4px 0 0;
  overflow:hidden;
  color:#6f8493;
  font-size:9px;
  line-height:1.35;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.mentoria-mfchat-unified-history-main small{
  display:block;
  margin-top:5px;
  color:#8a9aa5;
  font-size:8px;
}

.mentoria-mfchat-unified-history-actions{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:6px;
}

.mentoria-mfchat-unified-history-actions a{
  padding:6px 8px;
  border:1px solid #bdd8e8;
  border-radius:9px;
  background:#f3f9fd;
  color:#1d6e9c;
  font-size:9px;
  font-weight:900;
  text-decoration:none;
}

.mentoria-mfchat-unified-unread{
  display:inline-grid;
  place-items:center;
  min-width:19px;
  height:19px;
  padding:0 5px;
  border-radius:999px;
  background:#d63c3c;
  color:#fff;
  font-size:9px;
  font-weight:900;
}

.is-blocked-label{
  padding:5px 6px;
  border-radius:999px;
  background:#f2eeee;
  color:#8b6666;
  font-size:7px;
  font-weight:900;
}

.mentoria-mfchat-unified-empty,
.mentoria-mfchat-unified-context-note{
  margin:10px;
  padding:14px;
  border:1px solid #dce7ee;
  border-radius:13px;
  background:#fff;
  color:#5f7686;
  font-size:11px;
  line-height:1.45;
}

.mentoria-mfchat-unified-empty strong,
.mentoria-mfchat-unified-context-note strong{
  display:block;
  margin-bottom:5px;
  color:#183f59;
}

.mentoria-mfchat-unified-empty p,
.mentoria-mfchat-unified-context-note p{
  margin:0;
}

/* Fallback apenas para superfícies autorizadas sem drawer local. */
.mentoria-mfchat-unified-fallback{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:var(--mfchat-z-launcher);
  font-family:inherit;
}

.mentoria-mfchat-unified-launcher{
  position:relative;
  width:var(--mfchat-launcher-size);
  height:var(--mfchat-launcher-size);
  padding:5px;
  display:grid;
  place-items:center;
  border:1px solid #cfe0eb;
  border-radius:18px;
  background:#fff;
  box-shadow:var(--mfchat-shadow);
  cursor:pointer;
}

.mentoria-mfchat-unified-launcher-avatar{
  width:46px;
  height:46px;
  overflow:hidden;
  border-radius:15px;
}

.mentoria-mfchat-unified-launcher-avatar img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.mentoria-mfchat-unified-panel{
  position:absolute;
  right:0;
  bottom:0;
  width:min(var(--mfchat-drawer-width),calc(100vw - 28px));
  height:min(650px,calc(100vh - 34px));
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr);
  overflow:hidden;
  border:1px solid #d3e2eb;
  border-radius:var(--mfchat-radius);
  background:#f7fafc;
  box-shadow:var(--mfchat-shadow);
}

.mentoria-mfchat-unified-panel[hidden]{
  display:none!important;
}

.mentoria-mfchat-unified-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 13px;
  border-bottom:1px solid #dbe7ee;
  background:#fff;
}

.mentoria-mfchat-unified-brand{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
}

.mentoria-mfchat-unified-brand img{
  width:42px;
  height:42px;
  border-radius:13px;
  object-fit:cover;
}

.mentoria-mfchat-unified-brand>span{
  display:flex;
  min-width:0;
  flex-direction:column;
}

.mentoria-mfchat-unified-brand strong{
  color:#183f59;
  font-size:15px;
}

.mentoria-mfchat-unified-brand small{
  color:#748896;
  font-size:9px;
}

.mentoria-mfchat-unified-header>button{
  width:34px;
  height:34px;
  border:1px solid #d6e3eb;
  border-radius:11px;
  background:#fff;
  color:#315c77;
  font-size:20px;
  cursor:pointer;
}

.mentoria-mfchat-unified-fallback-panel{
  min-height:0;
  overflow:auto;
  background:#f7fafc;
}

body.mentoria-mfchat-unified-expanded{
  overflow:hidden;
}

@media (max-width:700px){
  .mentoria-mfchat-study,
  .mentoria-admin-mfchat,
  .mentoria-mfchat-unified-fallback{
    right:10px!important;
    bottom:10px!important;
  }

  .mentoria-mfchat-study-panel,
  .mentoria-admin-mfchat-panel,
  .mentoria-mfchat-unified-panel{
    position:fixed!important;
    inset:0!important;
    box-sizing:border-box!important;
    width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    max-height:100dvh!important;
    border:0!important;
    border-radius:0!important;
  }
}


/* ==========================================================================
   MF_MENTORIA V001.0.2.0 — A.8.14.2
   Safe Zone Mobile do MFChat + posicionamento flutuante consistente.
   Somente apresentação: não altera abertura, canais, histórico ou rotas.
   ========================================================================== */
@media (max-width:700px){
  .mentoria-mfchat-study,
  .mentoria-admin-mfchat,
  .mentoria-mfchat-unified-fallback,
  .mentoria-mfchat-global{
    left:auto!important;
    right:max(12px, env(safe-area-inset-right))!important;
    bottom:max(
      14px,
      calc(14px + env(safe-area-inset-bottom))
    )!important;
    margin:0!important;
  }

  .mentoria-mfchat-study-launcher,
  .mentoria-admin-mfchat-launcher,
  .mentoria-mfchat-unified-launcher{
    touch-action:manipulation;
  }

  body.mentoria-mobile-nav-open
  .mentoria-mfchat-study,
  body.mentoria-mobile-nav-open
  .mentoria-admin-mfchat,
  body.mentoria-mobile-nav-open
  .mentoria-mfchat-unified-fallback,
  body.mentoria-mobile-nav-open
  .mentoria-mfchat-global{
    pointer-events:none;
  }
}