/* users/assets/css/admin.css */

/* Sticky tabs */
.dash-tabs-top{
  position: sticky;
  top: 92px;
  z-index: 9;
  margin-top: 14px;
}
@media (max-width: 560px){
  .dash-tabs-top{ top: 84px; }
}

/* Classroom feed vibe (shared style) */
.feed{ display:grid; gap: 12px; margin-top: 10px; }
.feed-card{
  border-radius: 18px;
  border: 1px solid rgba(20,22,33,0.10);
  background: rgba(255,255,255,0.78);
  box-shadow: 0 18px 60px rgba(20,22,33,0.06);
  backdrop-filter: blur(10px);
  padding: 14px;
}
.avatar-sm{
  width: 42px; height: 42px;
  border-radius: 999px;
  object-fit: cover;
  border: 1px solid rgba(20,22,33,0.12);
  background: rgba(246,247,251,0.8);
}
.post-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  margin-bottom: 8px;
}
.post-author{
  display:flex;
  align-items:center;
  gap: 10px;
  min-width: 0;
}
.post-author .meta{
  display:grid;
  gap: 2px;
  min-width: 0;
}
.post-author .name{
  font-weight: 900;
  font-size: 13.5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.post-author .time{
  font-size: 12px;
  opacity: .70;
}
.post-title{
  font-weight: 900;
  margin: 6px 0 4px;
  font-size: 14px;
}
.post-body{
  font-size: 13px;
  opacity: .92;
  line-height: 1.45;
  white-space: pre-wrap;
}
.btn-ghost{
  border: 1px solid rgba(20,22,33,0.14);
  background: rgba(246,247,251,0.65);
  border-radius: 999px;
  padding: 8px 10px;
  font-weight: 800;
  cursor: pointer;
  font-size: 12.5px;
}
.comments{ margin-top: 10px; display:grid; gap: 8px; }
.comment{
  display:flex;
  gap: 10px;
  align-items:flex-start;
  padding: 10px;
  border-radius: 14px;
  border: 1px solid rgba(20,22,33,0.10);
  background: rgba(246,247,251,0.55);
}
.comment .bubble{ display:grid; gap: 2px; min-width: 0; flex: 1; }
.comment .who{ display:flex; gap: 8px; align-items:baseline; flex-wrap: wrap; }
.comment .who strong{ font-size: 12.5px; }
.comment .who span{ font-size: 12px; opacity: .70; }
.comment .text{
  font-size: 12.8px;
  opacity: .92;
  line-height: 1.4;
  white-space: pre-wrap;
}
.comment-form{
  margin-top: 8px;
  display:flex;
  gap: 8px;
  align-items:center;
}
.comment-form input{
  flex: 1;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(20,22,33,0.14);
  background: rgba(246,247,251,0.6);
  outline: none;
  font: inherit;
}

/* Checkbox row */
.pinline{ display:flex; gap: 10px; align-items:center; flex-wrap: wrap; }
.pinline-label{
  display:flex;
  gap: 8px;
  align-items:center;
  font-size: 13px;
  opacity: .85;
}

/* Management */
.mgmt-grid{
  display:grid;
  gap: 12px;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 900px){
  .mgmt-grid{ grid-template-columns: 1fr; }
}
.mgmt-card{
  border-radius: 18px;
  border: 1px solid rgba(20,22,33,0.10);
  background: rgba(255,255,255,0.78);
  box-shadow: 0 18px 60px rgba(20,22,33,0.06);
  backdrop-filter: blur(10px);
  padding: 14px;

  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 260px;
}
.mgmt-actions{
  margin-top: auto;
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap: 10px;
  flex-wrap: wrap;
}
.pillline{
  display:flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items:center;
}
.pill{
  border: 1px solid rgba(20,22,33,0.12);
  background: rgba(246,247,251,0.55);
  border-radius: 999px;
  padding: 8px 10px;
  font-weight: 800;
  font-size: 12.5px;
  cursor: pointer;
}
.mgmt-secret{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 12.5px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px dashed rgba(20,22,33,0.18);
  background: rgba(246,247,251,0.55);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  flex-wrap: wrap;
}
.mgmt-secret strong{ font-size: 12px; opacity: .75; font-family: inherit; }
.mgmt-secret code{ font-family: inherit; font-weight: 900; }

.mgmt-row{
  display:flex;
  gap: 10px;
  align-items:center;
  justify-content:space-between;
  padding: 10px;
  border-radius: 14px;
  border: 1px solid rgba(20,22,33,0.10);
  background: rgba(246,247,251,0.55);
  margin-top: 8px;
}
.mgmt-row strong{ font-size: 13px; }
.mgmt-row span{ font-size: 12px; opacity: .75; }

/* ✅ Enquiries UI */
.enq-top{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 8px;
}
.enq-search{
  flex: 1;
  min-width: 240px;
  display:flex;
  gap: 10px;
  align-items:center;
}
.enq-search input{
  flex: 1;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(20,22,33,0.14);
  background: rgba(246,247,251,0.6);
  outline: none;
  font: inherit;
}
.enq-chips{
  display:flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items:center;
  justify-content:flex-end;
}
.chip{
  border: 1px solid rgba(20,22,33,0.14);
  background: rgba(246,247,251,0.65);
  border-radius: 999px;
  padding: 8px 12px;
  font-weight: 900;
  cursor: pointer;
  font-size: 12.5px;
  line-height: 1;
  white-space: nowrap;
  user-select: none;
}
.chip.is-active{
  background: rgba(20,22,33,0.92);
  border-color: rgba(20,22,33,0.92);
  color: #fff;
}
.enq-stats{
  display:flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 10px;
}
.stat{
  border-radius: 999px;
  border: 1px solid rgba(20,22,33,0.10);
  background: rgba(255,255,255,0.70);
  padding: 8px 12px;
  font-weight: 900;
  font-size: 12.5px;
  display:flex;
  gap: 8px;
  align-items:center;
}
.stat span{
  font-weight: 800;
  opacity: .75;
}

.enq-list{
  margin-top: 12px;
  display:grid;
  gap: 12px;
}
.enq-card{
  border-radius: 18px;
  border: 1px solid rgba(20,22,33,0.10);
  background: rgba(255,255,255,0.78);
  box-shadow: 0 18px 60px rgba(20,22,33,0.06);
  backdrop-filter: blur(10px);
  padding: 14px;
}
.enq-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.enq-title{
  display:grid;
  gap: 3px;
  min-width: 240px;
}
.enq-title strong{
  font-size: 14px;
  font-weight: 1000;
}
.enq-title .meta{
  font-size: 12.5px;
  opacity: .75;
}
.enq-actions{
  display:flex;
  gap: 8px;
  align-items:center;
  flex-wrap: wrap;
  justify-content:flex-end;
}
.enq-status{
  border-radius: 999px;
  padding: 8px 12px;
  border: 1px solid rgba(20,22,33,0.14);
  background: rgba(246,247,251,0.65);
  font-weight: 900;
  font-size: 12.5px;
  cursor: pointer;
}
.enq-body{
  margin-top: 10px;
  display:grid;
  gap: 6px;
}
.enq-body .line{
  font-size: 13px;
  opacity: .92;
}
.enq-message{
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(20,22,33,0.10);
  background: rgba(246,247,251,0.55);
  font-size: 13px;
  line-height: 1.45;
  white-space: pre-wrap;
}