/* TALKCHAT_R19C12R9R14_DESKTOP_CONTEXT_MENU */

@media (min-width:768px){
  .desktop-chat-context-menu{
    width:238px!important;
    max-height:min(78vh,540px)!important;
    overflow-y:auto!important;
    padding:6px!important;
    border-radius:10px!important;
    box-shadow:0 18px 55px rgba(0,0,0,.28)!important;
  }
  .desktop-chat-context-title{
    min-height:38px!important;
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    padding:0 9px!important;
    border-bottom:1px solid rgba(128,145,164,.18)!important;
    margin-bottom:4px!important;
  }
  .desktop-chat-context-title .material-symbols-outlined{
    font-size:16px!important;
    color:#168de0!important;
  }
  .desktop-chat-context-title b{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:12px!important;
  }
  .desktop-chat-context-menu>button{
    min-height:36px!important;
    height:36px!important;
    border-radius:7px!important;
    padding:0 9px 0 10px!important;
  }
  .desktop-chat-context-menu>button>span:first-child{
    font-size:11px!important;
  }
  .desktop-chat-context-menu>button>.material-symbols-outlined{
    font-size:17px!important;
  }
  .desktop-chat-context-separator{
    height:1px;
    margin:5px 4px;
    background:rgba(128,145,164,.20);
  }
}

.desktop-system-status-modal{
  position:fixed;
  inset:0;
  z-index:15000;
  display:grid;
  place-items:center;
}
.desktop-system-status-backdrop{
  position:absolute;
  inset:0;
  background:rgba(3,8,14,.55);
  backdrop-filter:blur(1px);
}
.desktop-system-status-card{
  position:relative;
  z-index:1;
  width:min(420px,calc(100vw - 32px));
  overflow:hidden;
  border:1px solid #dce3ea;
  border-radius:11px;
  background:#fff;
  box-shadow:0 26px 70px rgba(0,0,0,.30);
}
.desktop-system-status-card>header{
  min-height:50px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 12px;
  border-bottom:1px solid #e6ebf1;
}
.desktop-system-status-card>header>span{color:#168de0;font-size:19px}
.desktop-system-status-card>header>strong{flex:1;font-size:13px}
.desktop-system-status-card>header>button{
  width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;cursor:pointer;
}
.desktop-system-status-card>header>button:hover{background:#f1f5f9}
.desktop-system-status-body{padding:10px 12px 12px}
.system-status-row{
  min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #eef2f6;font-size:11px;
}
.system-status-row span{color:#748294}
.system-status-row b{color:#1f2937}
.system-status-detail{display:flex;gap:8px;padding-top:10px}
.system-status-detail>span{
  flex:1;display:flex;justify-content:space-between;gap:8px;padding:8px 9px;border-radius:7px;background:#f7f9fb;color:#667587;font-size:10px;
}
.system-status-detail b{color:#059669}

html[data-theme="dark"] .desktop-system-status-card{background:#151f2b;border-color:#2b3745;color:#e8eef5}
html[data-theme="dark"] .desktop-system-status-card>header{border-bottom-color:#2b3745}
html[data-theme="dark"] .desktop-system-status-card>header>button{color:#a9b6c5}
html[data-theme="dark"] .desktop-system-status-card>header>button:hover{background:#24313e}
html[data-theme="dark"] .system-status-row{border-bottom-color:#26323e}
html[data-theme="dark"] .system-status-row span{color:#8d9bac}
html[data-theme="dark"] .system-status-row b{color:#e8eef5}
html[data-theme="dark"] .system-status-detail>span{background:#111922;color:#8997a7}