/* Sirmint Flow — Social Command Center */
.social-page-head{align-items:flex-end}
.social-account-grid{
  display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:.75rem;margin-bottom:.8rem
}
.social-account-card{
  position:relative;display:grid;grid-template-columns:auto 1fr;gap:.65rem;align-items:center;
  min-height:82px;padding:.85rem;border:1px solid var(--line);border-radius:8px;background:#fff;
  box-shadow:0 8px 20px rgba(37,27,82,.04)
}
.social-account-card .social-icon{
  width:38px;height:38px;display:grid;place-items:center;border-radius:10px;
  background:#eeeaff;color:#5a43cc;font-size:.72rem;font-weight:900
}
.social-account-card div{min-width:0;display:grid;gap:.18rem}
.social-account-card b{font-size:.61rem}
.social-account-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#777281;font-size:.48rem}
.social-account-card a{
  position:absolute;right:.65rem;bottom:.5rem;color:#5d43d8;font-size:.46rem;font-weight:700
}
.social-account-card.manual:after{
  content:"MANUAL";position:absolute;right:.55rem;top:.5rem;padding:.2rem .35rem;border-radius:999px;
  background:#fff0df;color:#95611f;font-size:.38rem;font-weight:800;letter-spacing:.06em
}

.social-metrics{
  display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin-bottom:.8rem
}
.social-metrics article{
  padding:1rem;border:1px solid var(--line);border-radius:7px;background:#fff
}
.social-metrics span{display:block;color:#777382;font-size:.55rem}
.social-metrics strong{display:block;margin:.55rem 0 .35rem;font-size:1.35rem}
.social-metrics em{color:#6e55ef;font-size:.52rem;font-style:normal}

.social-layout{
  display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:.8rem
}
.social-composer-card,.social-calendar-card,.social-posts-card,.social-inbox-card{padding:1rem}
.social-form{display:grid;gap:.8rem;margin-top:1rem}
.social-form.compact{margin-bottom:1rem}
.social-form label{
  display:grid;gap:.38rem;color:#666072;font-size:.52rem;font-weight:700
}
.social-form input,.social-form select,.social-form textarea,
.social-posts-card select{
  width:100%;padding:.67rem;border:1px solid var(--line);border-radius:6px;background:#fff;color:#29243a;outline:0
}
.social-form input:focus,.social-form select:focus,.social-form textarea:focus{
  border-color:#6e55ef;box-shadow:0 0 0 3px rgba(110,85,239,.1)
}
.social-form textarea{min-height:118px;resize:vertical}
.social-form.compact textarea{min-height:76px}
.social-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.social-platform-picker{
  padding:.8rem;border:1px solid var(--line);border-radius:7px;background:#f9f8fd
}
.social-platform-picker>b{display:block;margin-bottom:.55rem;font-size:.54rem}
.social-platform-picker>div{display:flex;flex-wrap:wrap;gap:.45rem}
.social-platform-picker label{
  display:flex;grid-template-columns:none;align-items:center;gap:.35rem;padding:.42rem .55rem;
  border:1px solid #e2def0;border-radius:999px;background:#fff;font-size:.5rem;font-weight:600
}
.social-platform-picker input{width:auto;padding:0;accent-color:#6048d3}
.social-composer-actions{display:flex;justify-content:flex-end;gap:.55rem}
.social-preview-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:1rem
}
.social-preview{
  padding:.8rem;border:1px solid var(--line);border-radius:8px;background:#faf9fd
}
.social-preview header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.55rem}
.social-preview header b{font-size:.58rem}
.social-preview header button{
  border:0;background:none;color:#5d43d8;font-size:.47rem;font-weight:700;cursor:pointer
}
.social-preview textarea{
  width:100%;min-height:105px;padding:.65rem;border:1px solid #e2deec;border-radius:6px;
  background:#fff;color:#443e51;font-size:.56rem;line-height:1.55;resize:vertical
}

.social-calendar{display:grid;gap:.55rem;margin-top:.9rem}
.social-calendar-day{
  display:grid;grid-template-columns:54px 1fr;gap:.65rem;padding:.65rem;border:1px solid var(--line);border-radius:7px
}
.social-calendar-date{
  display:grid;place-items:center;align-content:center;border-radius:7px;background:#eeeaff;color:#5942c8
}
.social-calendar-date b{font-size:1rem}.social-calendar-date small{font-size:.4rem;font-weight:800}
.social-calendar-day h3{margin:0;font-size:.58rem}
.social-calendar-day p{margin:.25rem 0;color:#777281;font-size:.47rem;line-height:1.45}
.social-platform-pills{display:flex;flex-wrap:wrap;gap:.25rem}
.social-platform-pills span{
  padding:.22rem .35rem;border-radius:999px;background:#f1eff7;color:#635d70;font-size:.4rem;font-weight:700
}
.social-empty{padding:1.3rem;color:#777281;font-size:.56rem;text-align:center}

.social-lower-grid{
  display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:.8rem;margin-top:.8rem
}
.social-post-list,.social-inquiry-list{display:grid;gap:.55rem;margin-top:.8rem}
.social-post-item,.social-inquiry-item{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:center;
  padding:.8rem;border:1px solid var(--line);border-radius:7px
}
.social-post-item h3,.social-inquiry-item h3{margin:0;font-size:.6rem}
.social-post-item p,.social-inquiry-item p{
  margin:.28rem 0 0;color:#777281;font-size:.47rem;line-height:1.5
}
.social-item-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.3rem}
.social-item-actions button{
  padding:.42rem .5rem;border:1px solid var(--line);border-radius:5px;background:#fff;
  color:#585164;font-size:.45rem;cursor:pointer
}
.social-item-actions button.primary{border-color:#6048d3;background:#6048d3;color:#fff}
.social-item-actions button.danger{color:#b74460}
.social-status{
  display:inline-block;margin-left:.35rem;padding:.22rem .4rem;border-radius:999px;
  background:#efedf7;color:#625c70;font-size:.4rem;font-weight:800;text-transform:uppercase
}
.social-status.scheduled{background:#e7efff;color:#3c68c6}
.social-status.published{background:#dff7ec;color:#23825b}
.social-status.draft{background:#f1eff7;color:#625c70}

@media(max-width:1200px){
  .social-account-grid{grid-template-columns:repeat(3,1fr)}
  .social-layout,.social-lower-grid{grid-template-columns:1fr}
}
@media(max-width:780px){
  .social-account-grid{grid-template-columns:repeat(2,1fr)}
  .social-metrics{grid-template-columns:repeat(2,1fr)}
  .social-form-grid,.social-preview-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
  .social-account-grid{grid-template-columns:1fr}
  .social-composer-actions{flex-direction:column}
}