/* DANGYLSIRL_ADMIN_MAIL_V1_2_1 */

.mail-head-actions{
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
}

.admin-mail-grid{
  display:grid;
  grid-template-columns:minmax(300px,.4fr) minmax(0,.6fr);
  gap:15px;
}

.mail-search-wrap{
  padding:12px;
  border-bottom:1px solid var(--line);
}

.admin-mail-list{
  min-height:560px;
  max-height:720px;
  overflow:auto;
}

.admin-mail-row{
  display:block;
  width:100%;
  padding:13px 14px;
  border:0;
  border-bottom:1px solid var(--line);
  background:transparent;
  color:var(--text);
  text-align:left;
  cursor:pointer;
}

.admin-mail-row:hover{
  background:#11161f;
}

.admin-mail-row.is-unread{
  background:rgba(221,0,22,.04);
  font-weight:700;
}

.admin-mail-row-top{
  display:flex;
  justify-content:space-between;
  gap:10px;
  font-size:11px;
}

.admin-mail-row time{
  color:var(--muted2);
  font-size:9px;
  white-space:nowrap;
}

.admin-mail-subject{
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:6px;
  color:var(--muted);
  font-size:10px;
}

.admin-mail-unread-dot{
  width:6px;
  height:6px;
  flex:0 0 6px;
  border-radius:50%;
  background:var(--accent);
}

.admin-mail-viewer{
  min-height:560px;
  padding:18px;
}

.mail-message-header h2{
  margin:0;
  font-size:20px;
}

.mail-message-meta{
  display:grid;
  gap:7px;
  margin-top:16px;
  padding-bottom:16px;
  border-bottom:1px solid var(--line);
}

.mail-message-meta>div{
  display:grid;
  grid-template-columns:50px minmax(0,1fr);
  gap:10px;
}

.mail-message-meta span{
  color:var(--muted);
  font-size:10px;
}

.mail-message-meta b{
  overflow-wrap:anywhere;
  font-size:10px;
}

.admin-mail-message-text{
  margin-top:18px;
  padding:17px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#080b10;
  color:#dce2eb;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  font:11px/1.65 ui-monospace,monospace;
}

.mail-attachments{
  margin-top:18px;
}

.mail-attachment-row{
  padding:10px 0;
  border-bottom:1px solid var(--line);
}

.mail-attachment-row span{
  display:block;
  margin-top:3px;
  color:var(--muted);
  font-size:10px;
}

.admin-mail-compose textarea{
  min-height:260px;
}

@media(max-width:1000px){
  .admin-mail-grid{
    grid-template-columns:1fr;
  }
}

/* END_DANGYLSIRL_ADMIN_MAIL_V1_2_1 */


/* =========================================================
   DANGYLSIRL_ADMIN_MAIL_ATTACHMENTS_V1_1
   ========================================================= */

.mail-attachment-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}

.mail-attachment-meta{
  min-width:0;
  flex:1 1 auto;
}

.mail-attachment-meta b{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.mail-attachment-actions{
  display:flex;
  flex:0 0 auto;
  gap:6px;
  align-items:center;
}

.mail-attachment-actions .btn{
  text-decoration:none;
}

@media(max-width:650px){

  .mail-attachment-row{
    align-items:flex-start;
    flex-direction:column;
  }

  .mail-attachment-actions{
    width:100%;
  }

  .mail-attachment-actions .btn{
    flex:1 1 0;
    text-align:center;
  }
}

/* END_DANGYLSIRL_ADMIN_MAIL_ATTACHMENTS_V1_1 */

/* =========================================================
   DANGYLSIRL_ADMIN_MAIL_TEMPLATE_LANG_V1
   ========================================================= */

.admin-mail-template-language{
  margin-top:14px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#0b0f16;
}

.admin-mail-template-language select{
  margin-top:7px;
}

/* END_DANGYLSIRL_ADMIN_MAIL_TEMPLATE_LANG_V1 */