/* ============================================================
   MT.NET.VN PRO6 V20 - ACCOUNT CLICK / GLOBAL LOGOUT
   ============================================================ */
.pro6-account-panel-v20{
  position:relative!important;
  z-index:10030!important;
  pointer-events:auto!important;
  isolation:isolate;
}
.pro6-account-panel-v20 .cpanel-toggle{
  position:relative!important;
  z-index:2!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  user-select:none;
}
.pro6-account-panel-v20>.pro6-account-menu{
  z-index:10040!important;
  pointer-events:none!important;
}
.pro6-account-panel-v20.open>.pro6-account-menu{
  pointer-events:auto!important;
}
.pro6-account-panel-v20.open>.pro6-account-menu,
.pro6-account-panel-v20.open>.pro6-account-menu *{
  pointer-events:auto!important;
}
body.pro6-v20-account-open .topbar{
  z-index:10020!important;
  overflow:visible!important;
}
body.pro6-v20-account-open .pro6-account-panel-v20{
  z-index:10030!important;
}

/* logout page */
.pro6-global-logout-page{
  min-height:calc(100dvh - 190px);
  padding:34px 20px 80px;
  display:grid;
  place-items:center;
}
.pro6-global-logout-card{
  width:min(650px,100%);
  padding:30px;
  border:1px solid #e4e9f1;
  border-radius:20px;
  background:#fff;
  box-shadow:0 16px 50px rgba(16,24,40,.08);
}
.pro6-global-logout-icon{
  width:58px;height:58px;
  display:grid;place-items:center;
  margin-bottom:16px;
  border-radius:16px;
  background:#fff1f0;
  color:#d92d20;
  font-size:24px;
}
.pro6-global-logout-card h1{
  margin:7px 0;
  color:#182230;
  font-size:28px;
  letter-spacing:-.04em;
}
.pro6-global-logout-card>p{
  margin:0;
  color:#667085;
  font-size:11px;
  line-height:1.65;
}
.pro6-global-logout-status{
  display:grid;
  gap:8px;
  margin:20px 0 13px;
}
.pro6-global-logout-status>div{
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:12px;
  border:1px solid #e6eaf0;
  border-radius:11px;
}
.pro6-global-logout-status>div>i{
  width:36px;height:36px;
  display:grid;place-items:center;
  border-radius:10px;
  background:#f3f6fb;
  color:#667085;
}
.pro6-global-logout-status b,
.pro6-global-logout-status small{display:block}
.pro6-global-logout-status b{font-size:10px;color:#344054}
.pro6-global-logout-status small{font-size:8px;color:#98a2b3;margin-top:2px}
.pro6-global-logout-status em{
  padding:5px 7px;
  border-radius:7px;
  background:#f2f4f7;
  color:#667085;
  font-size:7px;
  font-style:normal;
  font-weight:800;
}
.pro6-global-logout-status em.active{
  background:#ecfdf3;
  color:#027a48;
}
.pro6-global-logout-warning{
  display:flex;
  gap:9px;
  padding:11px;
  border:1px solid #fedf89;
  border-radius:10px;
  background:#fffaeb;
  color:#93370d;
  font-size:9px;
  line-height:1.55;
}
.pro6-global-logout-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  margin-top:18px;
  padding-top:15px;
  border-top:1px solid #edf0f4;
}
.pro6-global-logout-actions form{margin:0}
.pro6-btn.danger{
  border-color:#d92d20!important;
  background:#d92d20!important;
  color:#fff!important;
}
.pro6-btn.danger:hover{
  border-color:#b42318!important;
  background:#b42318!important;
}
@media(max-width:620px){
  .pro6-global-logout-page{padding:18px 12px 90px}
  .pro6-global-logout-card{padding:20px 16px}
  .pro6-global-logout-status>div{
    grid-template-columns:36px minmax(0,1fr);
  }
  .pro6-global-logout-status em{grid-column:2}
  .pro6-global-logout-actions{display:grid}
  .pro6-global-logout-actions>*,
  .pro6-global-logout-actions .pro6-btn{width:100%}
}