/* Vchat 0.36.56 — Respuestas y recursos UI / responsive readability pass */

.vchat-frontend-app [data-vchat-panel="library"]{
  --lib-border:#dfd9ea!important;
  --lib-soft:#f7f5fb!important;
  --lib-text:#29243e!important;
  --lib-muted:#7f788d!important;
  --lib-primary:#5b49a5!important;
  --lib-danger:#a34759!important;
  font-size:14px!important;
}

/* ---------- Header / hierarchy ---------- */
.vchat-frontend-app [data-vchat-panel="library"] .vchat-page-heading{
  margin-bottom:22px!important;
}
.vchat-frontend-app [data-vchat-panel="library"] .vchat-page-heading h1{
  margin:7px 0 8px!important;
  font-size:clamp(34px,3.2vw,52px)!important;
  line-height:1.02!important;
  letter-spacing:-1.5px!important;
  color:var(--lib-text)!important;
}
.vchat-frontend-app [data-vchat-panel="library"] .vchat-page-heading p{
  max-width:760px!important;
  font-size:14px!important;
  line-height:1.55!important;
  color:#777084!important;
}
.vchat-frontend-app [data-vchat-panel="library"] .vchat-page-eyebrow{
  font-size:11px!important;
  letter-spacing:.08em!important;
}

/* ---------- KPIs ---------- */
.vchat-frontend-app .vchat-library-kpis{
  gap:14px!important;
  margin:24px 0 18px!important;
}
.vchat-frontend-app .vchat-library-kpis article{
  min-height:116px!important;
  padding:20px 21px!important;
  border-radius:18px!important;
}
.vchat-frontend-app .vchat-library-kpis small{
  font-size:11px!important;
  line-height:1.3!important;
}
.vchat-frontend-app .vchat-library-kpis strong{
  margin:10px 0 7px!important;
  font-size:32px!important;
}
.vchat-frontend-app .vchat-library-kpis span{
  font-size:10.5px!important;
  line-height:1.35!important;
}

/* ---------- Tabs ---------- */
.vchat-frontend-app .vchat-library-tabs{
  gap:7px!important;
  padding:6px!important;
  margin-bottom:18px!important;
  border-radius:16px!important;
}
.vchat-frontend-app .vchat-library-tabs button{
  min-height:44px!important;
  padding:0 16px!important;
  border-radius:12px!important;
  font-size:13px!important;
  line-height:1.2!important;
}
.vchat-frontend-app .vchat-library-tabs button span{
  min-width:22px!important;
  height:22px!important;
  font-size:10px!important;
}

/* ---------- Toolbar / search ---------- */
.vchat-frontend-app .vchat-library-toolbar{
  align-items:center!important;
  gap:18px!important;
  margin-bottom:18px!important;
  padding:18px 20px!important;
  border-radius:18px!important;
}
.vchat-frontend-app .vchat-library-search{
  gap:8px!important;
  min-width:min(430px,100%)!important;
}
.vchat-frontend-app .vchat-library-search>span{
  font-size:11px!important;
}
.vchat-frontend-app .vchat-library-search input{
  min-height:46px!important;
  padding:0 15px!important;
  border:1px solid #dcd6e7!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#2d2841!important;
  font-size:13px!important;
}
.vchat-frontend-app .vchat-library-search input::placeholder{
  color:#9a94a7!important;
  opacity:1!important;
}
.vchat-frontend-app .vchat-library-category-filters{
  gap:8px!important;
}
.vchat-frontend-app .vchat-library-category-filters button{
  min-height:38px!important;
  padding:0 13px!important;
  font-size:11px!important;
}

/* ---------- Saved reply cards ---------- */
.vchat-frontend-app .vchat-library-replies-grid{
  align-items:start!important;
  gap:16px!important;
}
.vchat-frontend-app .vchat-library-reply-card{
  min-height:0!important;
  padding:20px!important;
  border-radius:18px!important;
  overflow:hidden!important;
}
.vchat-frontend-app .vchat-library-reply-top{
  gap:14px!important;
}
.vchat-frontend-app .vchat-library-reply-meta{
  gap:8px!important;
}
.vchat-frontend-app .vchat-library-reply-meta span,
.vchat-frontend-app .vchat-library-reply-meta code{
  min-height:28px!important;
  padding:0 10px!important;
  font-size:10.5px!important;
}
.vchat-frontend-app .vchat-library-overflow{
  min-width:38px!important;
  min-height:36px!important;
  padding:0 10px!important;
}
.vchat-frontend-app .vchat-library-reply-copy{
  padding:18px 0 20px!important;
}
.vchat-frontend-app .vchat-library-reply-copy h3{
  margin:0 0 9px!important;
  font-size:18px!important;
  line-height:1.25!important;
  letter-spacing:-.25px!important;
}
.vchat-frontend-app .vchat-library-reply-copy p{
  font-size:13px!important;
  line-height:1.62!important;
  color:#665f73!important;
}
.vchat-frontend-app .vchat-library-reply-stats{
  gap:12px!important;
  margin-top:6px!important;
  padding:13px 0!important;
  font-size:10.5px!important;
  line-height:1.35!important;
}
.vchat-frontend-app .vchat-library-reply-actions{
  gap:9px!important;
  padding-top:4px!important;
}
.vchat-frontend-app .vchat-library-reply-actions button{
  min-height:38px!important;
  padding:0 13px!important;
  border-radius:11px!important;
  font-size:11px!important;
  line-height:1.1!important;
}
.vchat-frontend-app .vchat-library-reply-actions button:first-child{
  background:var(--lib-primary)!important;
  border-color:var(--lib-primary)!important;
  color:#fff!important;
}
.vchat-frontend-app .vchat-library-reply-actions button.danger{
  margin-left:auto!important;
  color:var(--lib-danger)!important;
  background:#fff!important;
  border-color:#e7cfd5!important;
}

/* Do not let theme/browser hover states turn regular actions red/pink. */
.vchat-frontend-app [data-vchat-panel="library"] button:not(.danger):hover,
.vchat-frontend-app [data-vchat-panel="library"] button:not(.danger):focus,
.vchat-frontend-app [data-vchat-panel="library"] button:not(.danger):active{
  color:#55449b!important;
  border-color:#cfc7e4!important;
  text-decoration:none!important;
}
.vchat-frontend-app .vchat-library-reply-actions button:first-child:hover,
.vchat-frontend-app .vchat-library-reply-actions button:first-child:focus,
.vchat-frontend-app .vchat-library-reply-actions button:first-child:active{
  background:#514092!important;
  border-color:#514092!important;
  color:#fff!important;
}
.vchat-frontend-app [data-vchat-panel="library"] button.danger:hover,
.vchat-frontend-app [data-vchat-panel="library"] button.danger:focus{
  color:#963e50!important;
  border-color:#ddbfc7!important;
  background:#fff7f8!important;
}

/* ---------- Scheduled messages ---------- */
.vchat-frontend-app .vchat-library-scheduled-list{
  gap:14px!important;
}
.vchat-frontend-app .vchat-scheduled-card{
  grid-template-columns:minmax(170px,210px) minmax(0,1fr) auto!important;
  gap:20px!important;
  padding:21px!important;
  border-radius:18px!important;
}
.vchat-frontend-app .vchat-scheduled-when{
  gap:8px!important;
}
.vchat-frontend-app .vchat-scheduled-when span{
  font-size:10px!important;
}
.vchat-frontend-app .vchat-scheduled-when strong{
  font-size:13px!important;
  line-height:1.4!important;
}
.vchat-frontend-app .vchat-scheduled-main>div h3{
  font-size:16px!important;
}
.vchat-frontend-app .vchat-scheduled-main>div small{
  margin-top:4px!important;
  font-size:10px!important;
}
.vchat-frontend-app .vchat-scheduled-main>p{
  margin-top:10px!important;
  font-size:12.5px!important;
  line-height:1.55!important;
}
.vchat-frontend-app .vchat-scheduled-actions{
  gap:9px!important;
}
.vchat-frontend-app .vchat-scheduled-actions button{
  min-height:38px!important;
  padding:0 13px!important;
  font-size:11px!important;
}

/* ---------- Empty states ---------- */
.vchat-frontend-app .vchat-library-empty-large{
  min-height:260px!important;
  padding:34px!important;
}
.vchat-frontend-app .vchat-library-empty-large strong{
  font-size:17px!important;
}
.vchat-frontend-app .vchat-library-empty-large p,
.vchat-frontend-app .vchat-library-empty-large span{
  font-size:12px!important;
  line-height:1.55!important;
}
.vchat-frontend-app .vchat-library-empty-large button{
  min-height:40px!important;
  padding:0 14px!important;
  font-size:11px!important;
}

/* ---------- Editor modal ---------- */
.vchat-frontend-app .vchat-library-editor-intro{
  grid-template-columns:44px minmax(0,1fr)!important;
  gap:14px!important;
  margin-bottom:19px!important;
  padding:16px!important;
}
.vchat-frontend-app .vchat-library-editor-intro>span{
  width:42px!important;
  height:42px!important;
}
.vchat-frontend-app .vchat-library-editor-intro strong{
  font-size:14px!important;
}
.vchat-frontend-app .vchat-library-editor-intro p{
  margin-top:5px!important;
  font-size:11px!important;
  line-height:1.5!important;
}

/* ---------- Responsive ---------- */
@media(max-width:1180px){
  .vchat-frontend-app .vchat-library-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .vchat-frontend-app .vchat-library-replies-grid{
    grid-template-columns:1fr!important;
  }
  .vchat-frontend-app .vchat-scheduled-card{
    grid-template-columns:180px minmax(0,1fr)!important;
  }
  .vchat-frontend-app .vchat-scheduled-actions{
    grid-column:1/-1!important;
    justify-content:flex-end!important;
    padding-top:2px!important;
  }
}
@media(max-width:820px){
  .vchat-frontend-app [data-vchat-panel="library"] .vchat-page-heading h1{
    font-size:36px!important;
  }
  .vchat-frontend-app .vchat-library-toolbar{
    align-items:stretch!important;
    flex-direction:column!important;
  }
  .vchat-frontend-app .vchat-library-search{
    width:100%!important;
    min-width:0!important;
  }
  .vchat-frontend-app .vchat-library-category-filters{
    justify-content:flex-start!important;
  }
  .vchat-frontend-app .vchat-scheduled-card{
    grid-template-columns:1fr!important;
  }
  .vchat-frontend-app .vchat-scheduled-when{
    padding-right:0!important;
    padding-bottom:14px!important;
    border-right:0!important;
    border-bottom:1px solid #eeeaf3!important;
  }
  .vchat-frontend-app .vchat-scheduled-actions{
    grid-column:auto!important;
    justify-content:flex-start!important;
  }
}
@media(max-width:620px){
  .vchat-frontend-app [data-vchat-panel="library"]{
    font-size:15px!important;
  }
  .vchat-frontend-app [data-vchat-panel="library"] .vchat-page-heading{
    margin-bottom:18px!important;
  }
  .vchat-frontend-app [data-vchat-panel="library"] .vchat-page-heading h1{
    font-size:32px!important;
    letter-spacing:-.8px!important;
  }
  .vchat-frontend-app [data-vchat-panel="library"] .vchat-page-heading p{
    font-size:13px!important;
  }
  .vchat-frontend-app .vchat-library-kpis{
    grid-template-columns:1fr!important;
  }
  .vchat-frontend-app .vchat-library-tabs{
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  .vchat-frontend-app .vchat-library-tabs::-webkit-scrollbar{display:none!important}
  .vchat-frontend-app .vchat-library-tabs button{
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }
  .vchat-frontend-app .vchat-library-toolbar{
    padding:15px!important;
  }
  .vchat-frontend-app .vchat-library-reply-card{
    padding:17px!important;
  }
  .vchat-frontend-app .vchat-library-reply-top{
    align-items:flex-start!important;
  }
  .vchat-frontend-app .vchat-library-reply-copy h3{
    font-size:17px!important;
  }
  .vchat-frontend-app .vchat-library-reply-copy p{
    font-size:13px!important;
  }
  .vchat-frontend-app .vchat-library-reply-stats{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  .vchat-frontend-app .vchat-library-reply-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .vchat-frontend-app .vchat-library-reply-actions button{
    width:100%!important;
    justify-content:center!important;
  }
  .vchat-frontend-app .vchat-library-reply-actions button:first-child{
    grid-column:1/-1!important;
  }
  .vchat-frontend-app .vchat-library-reply-actions button.danger{
    margin-left:0!important;
  }
  .vchat-frontend-app .vchat-scheduled-card{
    padding:17px!important;
  }
}