/* AURORA_SOCIAL_CENTRAL_V1 */

#aurora-social-central{
  margin:0 0 14px;
  min-width:0;
}

.aurora-social-shell{
  display:flex;
  flex-direction:column;
  overflow:hidden;
}

.aurora-social-composer{
  padding:18px;
}

.aurora-social-post{
  padding:16px 18px;
  border-bottom:1px solid var(--line);
  background:transparent;
  box-shadow:none;
}

.aurora-social-post:last-child{
  border-bottom:0;
}

.aurora-social-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}

.aurora-social-title strong{
  font-size:18px;
}

.aurora-social-status{
  color:var(--muted);
  font-size:12px;
}

#aurora-social-text{
  width:100%;
  min-height:95px;
  resize:vertical;
  padding:14px;
  border:1px solid #28577f;
  border-radius:10px;
  background:#03142a;
  color:#fff;
  outline:none;
}

#aurora-social-text:focus{
  border-color:#188cff;
  box-shadow:0 0 0 2px #188cff22;
}

.aurora-social-composer-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:10px;
}

.aurora-social-hint{
  color:var(--muted);
  font-size:12px;
}

.aurora-social-feed{
  display:block;
  max-height:620px;
  overflow-y:auto;
  border-top:1px solid var(--line);
  scrollbar-gutter:stable;
}

.aurora-social-post-head{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:13px;
}

.aurora-social-avatar{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(145deg,#0a7cff,#08437b);
  border:1px solid #35a9ff;
  font-size:20px;
}

.aurora-social-author{
  min-width:0;
}

.aurora-social-author strong,
.aurora-social-author small{
  display:block;
}

.aurora-social-author small{
  color:var(--muted);
}

.aurora-social-content{
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  font-size:15px;
  line-height:1.55;
  margin:12px 0 16px;
}

.aurora-social-counts{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  padding:10px 0;
  color:var(--muted);
  border-top:1px solid #143757;
  border-bottom:1px solid #143757;
}

.aurora-social-actions{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  padding-top:11px;
}

.aurora-social-action{
  border:1px solid #21527f;
  background:#061a34;
  color:#fff;
  border-radius:8px;
  padding:8px 11px;
  cursor:pointer;
}

.aurora-social-action:hover{
  background:#0a3159;
  border-color:#188cff;
}

.aurora-social-reactions{
  display:none;
  flex-wrap:wrap;
  gap:6px;
  padding-top:10px;
}

.aurora-social-reactions.open{
  display:flex;
}

.aurora-social-reaction{
  border:1px solid #21527f;
  background:#041327;
  color:#fff;
  border-radius:18px;
  padding:7px 10px;
  cursor:pointer;
}

.aurora-social-comments{
  display:grid;
  gap:7px;
  max-height:180px;
  overflow-y:auto;
  margin-top:10px;
  padding-right:4px;
}

.aurora-social-comment{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:8px;
  align-items:start;
  padding:8px 10px;
  border-left:3px solid #168cff;
  border-radius:7px;
  background:#082748;
}

.aurora-social-comment strong{
  color:#8fd8ff;
}

.aurora-social-comment span{
  min-width:0;
  overflow-wrap:anywhere;
}

.aurora-social-comment small{
  color:var(--muted);
  white-space:nowrap;
}

.aurora-social-comment-box,
.aurora-social-share-box{
  display:none;
  gap:8px;
  margin-top:10px;
}

.aurora-social-comment-box.open,
.aurora-social-share-box.open{
  display:flex;
}

.aurora-social-comment-box input,
.aurora-social-share-box input{
  flex:1;
  min-width:0;
  background:#03142a;
  border:1px solid #21527f;
  border-radius:8px;
  color:#fff;
  padding:10px;
}

.aurora-social-empty,
.aurora-social-error{
  padding:24px;
  text-align:center;
  color:var(--muted);
}

.aurora-social-error{
  color:#ffb0b0;
}

@media(max-width:700px){
  .aurora-social-composer,
  .aurora-social-post{
    padding:14px;
  }

  .aurora-social-composer-actions{
    align-items:stretch;
    flex-direction:column;
  }

  .aurora-social-comment{
    grid-template-columns:1fr;
    gap:3px;
  }

  .aurora-social-comment small{
    white-space:normal;
  }

  .aurora-social-comment-box.open,
  .aurora-social-share-box.open{
    flex-direction:column;
  }
}