/* Vchat 0.36.65 — Automations + Tasks visual hardening */

/* ===== AUTOMATIONS ===== */
.vchat-frontend-app [data-vchat-panel="automations"]{
  padding-bottom:56px!important;
}
.vchat-frontend-app [data-vchat-panel="automations"]>.vchat-page-heading,
.vchat-frontend-app [data-vchat-panel="automations"]>.vchat-heading-row{
  margin-bottom:22px!important;
}
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-automation-shell,
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-automation-card,
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-automation-editor,
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-automation-section{
  border:1px solid #ded9e9!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 12px 34px rgba(42,33,77,.04)!important;
  overflow:hidden!important;
}
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-automation-section,
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-automation-editor{
  padding:0!important;
}
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-automation-section>header,
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-automation-editor>header{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:22px 24px 18px!important;
  border-bottom:1px solid #ebe7f1!important;
  background:#fcfbfe!important;
}
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-automation-section>header h2,
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-automation-editor>header h2{
  margin:0!important;
  color:#28233d!important;
  font-size:20px!important;
  line-height:1.2!important;
  letter-spacing:-.3px!important;
}
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-automation-section>header p,
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-automation-editor>header p{
  margin:6px 0 0!important;
  color:#7c7588!important;
  font-size:12px!important;
  line-height:1.5!important;
}
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-automation-body,
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-automation-content{
  padding:24px!important;
}
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-automation-grid,
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-settings-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:start!important;
}
.vchat-frontend-app [data-vchat-panel="automations"] label{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  min-width:0!important;
  margin:0!important;
  color:#302a45!important;
  font-size:11px!important;
  line-height:1.25!important;
  font-weight:800!important;
}
.vchat-frontend-app [data-vchat-panel="automations"] input[type="text"],
.vchat-frontend-app [data-vchat-panel="automations"] input[type="url"],
.vchat-frontend-app [data-vchat-panel="automations"] input[type="email"],
.vchat-frontend-app [data-vchat-panel="automations"] input[type="number"],
.vchat-frontend-app [data-vchat-panel="automations"] select,
.vchat-frontend-app [data-vchat-panel="automations"] textarea{
  width:100%!important;
  min-height:46px!important;
  padding:12px 14px!important;
  border:1px solid #dcd6e8!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#2c273f!important;
  font-size:13px!important;
  line-height:1.45!important;
  box-sizing:border-box!important;
  outline:none!important;
}
.vchat-frontend-app [data-vchat-panel="automations"] textarea{
  min-height:120px!important;
  resize:vertical!important;
}
.vchat-frontend-app [data-vchat-panel="automations"] input:focus,
.vchat-frontend-app [data-vchat-panel="automations"] select:focus,
.vchat-frontend-app [data-vchat-panel="automations"] textarea:focus{
  border-color:#6a56b9!important;
  box-shadow:0 0 0 3px rgba(106,86,185,.12)!important;
}
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-field-full{
  grid-column:1/-1!important;
}

/* Closing + feedback block */
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-close-automation,
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-feedback-settings,
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-final-message-settings{
  display:grid!important;
  gap:18px!important;
  padding:22px 24px!important;
  margin:0!important;
  border:1px solid #e3deec!important;
  border-radius:18px!important;
  background:#fff!important;
}
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-close-automation + .vchat-close-automation,
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-feedback-settings + .vchat-feedback-settings{
  margin-top:18px!important;
}
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-toggle-row,
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-switch-row,
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-setting-toggle{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  min-height:70px!important;
  padding:16px 18px!important;
  border:1px solid #e4dfee!important;
  border-radius:16px!important;
  background:#faf9fd!important;
}
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-toggle-row>div,
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-switch-row>div,
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-setting-toggle>div{
  min-width:0!important;
}
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-toggle-row strong,
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-switch-row strong,
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-setting-toggle strong{
  display:block!important;
  color:#2e2942!important;
  font-size:13px!important;
  line-height:1.3!important;
}
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-toggle-row small,
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-switch-row small,
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-setting-toggle small{
  display:block!important;
  margin-top:4px!important;
  color:#817a8d!important;
  font-size:10.5px!important;
  line-height:1.45!important;
}
.vchat-frontend-app [data-vchat-panel="automations"] input[type="checkbox"]{
  flex:0 0 auto!important;
  width:22px!important;
  height:22px!important;
  margin:0!important;
  accent-color:#6554b8!important;
}

/* Generic automation content rescue for legacy markup visible in screenshot */
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-panel-card,
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-settings-card,
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-form-card{
  padding:22px 24px!important;
  border:1px solid #e1dcea!important;
  border-radius:18px!important;
  background:#fff!important;
}
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-panel-card>* + *,
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-settings-card>* + *,
.vchat-frontend-app [data-vchat-panel="automations"] .vchat-form-card>* + *{
  margin-top:16px!important;
}

/* ===== TASKS PAGE ===== */
.vchat-frontend-app [data-vchat-panel="tasks"]{
  padding-bottom:56px!important;
}
.vchat-frontend-app [data-vchat-panel="tasks"]>.vchat-page-heading,
.vchat-frontend-app [data-vchat-panel="tasks"]>.vchat-heading-row{
  margin-bottom:22px!important;
}
.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-filters{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin:0 0 20px!important;
}
.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-filters button{
  min-height:40px!important;
  padding:0 16px!important;
  border:1px solid #ded9e8!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#756d84!important;
  font-size:11px!important;
  font-weight:800!important;
}
.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-filters button.is-active{
  border-color:#6554b8!important;
  background:#6554b8!important;
  color:#fff!important;
}
.vchat-frontend-app .vchat-task-grid,
.vchat-frontend-app #vchat-task-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:start!important;
}
.vchat-frontend-app .vchat-task-card{
  min-width:0!important;
  padding:20px!important;
  border:1px solid #dfd9e9!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(40,31,72,.045)!important;
}
.vchat-frontend-app .vchat-task-card header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin:0 0 14px!important;
}
.vchat-frontend-app .vchat-task-card h3{
  margin:0 0 8px!important;
  color:#292440!important;
  font-size:17px!important;
  line-height:1.3!important;
}
.vchat-frontend-app .vchat-task-card p{
  margin:0!important;
  color:#7a7385!important;
  font-size:12px!important;
  line-height:1.5!important;
}

/* ===== NEW TASK MODAL ===== */
.vchat-modal .vchat-task-form,
.vchat-modal .vchat-settings-grid{
  gap:16px!important;
}
.vchat-modal label{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  margin:0!important;
  color:#322d45!important;
  font-size:11px!important;
  line-height:1.25!important;
  font-weight:800!important;
}
.vchat-modal input,
.vchat-modal select,
.vchat-modal textarea{
  width:100%!important;
  box-sizing:border-box!important;
  border:1px solid #dcd6e8!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#2c273f!important;
  font-size:13px!important;
}
.vchat-modal input,
.vchat-modal select{
  min-height:46px!important;
  padding:0 14px!important;
}
.vchat-modal textarea{
  min-height:110px!important;
  padding:12px 14px!important;
  line-height:1.45!important;
  resize:vertical!important;
}
.vchat-modal input:focus,
.vchat-modal select:focus,
.vchat-modal textarea:focus{
  outline:none!important;
  border-color:#6a56b9!important;
  box-shadow:0 0 0 3px rgba(106,86,185,.12)!important;
}
.vchat-modal .vchat-modal-actions{
  display:flex!important;
  justify-content:flex-end!important;
  gap:10px!important;
  margin-top:18px!important;
  padding-top:16px!important;
  border-top:1px solid #ece8f1!important;
}
.vchat-modal .vchat-modal-actions button,
.vchat-modal #vchat-save-task{
  min-height:42px!important;
  padding:0 16px!important;
  border-radius:12px!important;
  font-size:11px!important;
  font-weight:850!important;
}

/* Date control: whole field is clickable */
.vchat-modal .vchat-date-control{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-height:46px!important;
  border:1px solid #dcd6e8!important;
  border-radius:13px!important;
  background:#fff!important;
  overflow:hidden!important;
  cursor:pointer!important;
}
.vchat-modal .vchat-date-control:focus-within{
  border-color:#6a56b9!important;
  box-shadow:0 0 0 3px rgba(106,86,185,.12)!important;
}
.vchat-modal .vchat-date-control input[type="datetime-local"],
.vchat-modal .vchat-date-control input[type="date"],
.vchat-modal .vchat-date-control input[type="time"]{
  flex:1 1 auto!important;
  min-width:0!important;
  width:100%!important;
  min-height:44px!important;
  padding:0 52px 0 14px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
.vchat-modal .vchat-date-control-icon{
  position:absolute!important;
  right:10px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:grid!important;
  place-items:center!important;
  width:32px!important;
  height:32px!important;
  border-radius:9px!important;
  background:#f1edfb!important;
  color:#5947a2!important;
  font-size:18px!important;
  line-height:1!important;
  pointer-events:none!important;
}
.vchat-modal input[type="datetime-local"]::-webkit-calendar-picker-indicator,
.vchat-modal input[type="date"]::-webkit-calendar-picker-indicator{
  position:absolute!important;
  right:10px!important;
  width:34px!important;
  height:34px!important;
  opacity:0!important;
  cursor:pointer!important;
}

/* Keep notifications above overlays */
body .vchat-toast,
#vchat-toast{
  z-index:2147483647!important;
}

@media(max-width:1000px){
  .vchat-frontend-app .vchat-task-grid,
  .vchat-frontend-app #vchat-task-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .vchat-frontend-app [data-vchat-panel="automations"] .vchat-automation-grid,
  .vchat-frontend-app [data-vchat-panel="automations"] .vchat-settings-grid{grid-template-columns:1fr!important}
  .vchat-frontend-app [data-vchat-panel="automations"] .vchat-automation-body,
  .vchat-frontend-app [data-vchat-panel="automations"] .vchat-automation-content{padding:18px!important}
  .vchat-frontend-app [data-vchat-panel="automations"] .vchat-close-automation,
  .vchat-frontend-app [data-vchat-panel="automations"] .vchat-feedback-settings,
  .vchat-frontend-app [data-vchat-panel="automations"] .vchat-final-message-settings{padding:18px!important}
  .vchat-frontend-app .vchat-task-grid,
  .vchat-frontend-app #vchat-task-grid{grid-template-columns:1fr!important}
}