/* DANGYLSIRL_ADMIN_GUIDES_V2 */

.dgl-guides-manager{
  display:flex;
  flex-direction:column;
  gap:18px;
}

.dgl-guides-toolbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}

.dgl-guides-toolbar-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.dgl-guides-category{
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  background:rgba(255,255,255,.025);
  overflow:hidden;
}

.dgl-guides-category-head{
  padding:18px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.dgl-guides-category-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:16px;
}

.dgl-guides-category-title h3{
  margin:0;
}

.dgl-guides-grid{
  display:grid;
  grid-template-columns:
    repeat(2,minmax(0,1fr));
  gap:12px;
}

.dgl-guides-field{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.dgl-guides-field.full{
  grid-column:1/-1;
}

.dgl-guides-field span{
  font-size:12px;
  font-weight:700;
  opacity:.68;
}

.dgl-guides-field input,
.dgl-guides-field textarea,
.dgl-guides-field select{
  width:100%;
  box-sizing:border-box;
  min-height:42px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:10px;
  background:rgba(0,0,0,.22);
  color:inherit;
  font:inherit;
}

.dgl-guides-field textarea{
  min-height:84px;
  resize:vertical;
}

.dgl-guides-controls{
  margin-top:14px;
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.dgl-guides-controls .push{
  margin-left:auto;
}

.dgl-guides-check{
  display:flex;
  align-items:center;
  gap:8px;
}

.dgl-guides-items{
  padding:14px;
  display:flex;
  flex-direction:column;
  gap:12px;
}

.dgl-guide-admin-item{
  border:1px solid rgba(255,255,255,.08);
  border-radius:13px;
  background:rgba(0,0,0,.16);
  padding:16px;
}

.dgl-guide-admin-item-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  margin-bottom:14px;
}

.dgl-guide-admin-item-head strong{
  font-size:15px;
}

.dgl-guide-status-pill{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:3px 9px;
  border-radius:999px;
  font-size:11px;
  font-weight:800;
}

.dgl-guide-status-pill.published{
  border:1px solid rgba(62,214,168,.30);
  background:rgba(62,214,168,.10);
}

.dgl-guide-status-pill.soon{
  border:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.05);
  opacity:.76;
}

.dgl-guides-empty{
  padding:28px 18px;
  text-align:center;
  border:1px dashed rgba(255,255,255,.13);
  border-radius:12px;
  opacity:.62;
}

.dgl-guides-create{
  border:1px solid rgba(0,220,220,.18);
  background:rgba(0,220,220,.045);
  border-radius:14px;
  padding:16px;
}

.dgl-guides-create h3{
  margin:0 0 14px;
}

.dgl-guide-danger{
  border-color:rgba(255,92,108,.35) !important;
  color:#ff8492 !important;
}

@media(max-width:800px){

  .dgl-guides-grid{
    grid-template-columns:1fr;
  }

  .dgl-guides-category-title{
    align-items:flex-start;
    flex-direction:column;
  }

  .dgl-guides-controls .push{
    margin-left:0;
  }
}