/* Vchat Core 0.66.24 — Tasks visual refresh.
 * Every rule is limited to the Tasks panel. No JS, endpoints, or WP admin styles change.
 * Enqueued last after the legacy release CSS chain to protect geometry inside WordPress.
 */
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] {
  --vt-ink:#20233e;
  --vt-muted:#8086a0;
  --vt-border:#e3e6f5;
  --vt-accent:#625af0;
  --vt-shadow:0 14px 42px rgba(40,45,104,.055);
  width:100%!important;min-width:0!important;max-width:100%!important;
  box-sizing:border-box!important;padding-bottom:46px!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"],
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] *,
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] *::before,
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] *::after{box-sizing:border-box!important}

/* Friendly heading, kept on the same visual rhythm as Inicio / CRM. */
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-page-heading{
  display:flex!important;align-items:flex-end!important;justify-content:space-between!important;
  flex-wrap:wrap!important;gap:18px!important;min-width:0!important;margin:0 0 24px!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-page-heading>div{min-width:0!important;max-width:740px!important}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-eyebrow{
  display:block!important;margin:0 0 10px!important;color:#665cc0!important;
  font-size:10px!important;line-height:1.3!important;font-weight:900!important;
  letter-spacing:.12em!important;text-transform:uppercase!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-page-heading h1{
  margin:0 0 9px!important;color:#1d223b!important;font-size:clamp(26px,2.8vw,39px)!important;
  line-height:1.12!important;letter-spacing:-.045em!important;font-weight:850!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-page-heading p{
  margin:0!important;max-width:650px!important;color:#81859d!important;
  font-size:12px!important;line-height:1.6!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] #vchat-new-task{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 auto!important;min-height:46px!important;min-width:144px!important;
  padding:0 19px!important;white-space:nowrap!important;border:0!important;
  border-radius:13px!important;color:#fff!important;background:#625af0!important;
  box-shadow:0 11px 24px rgba(92,84,222,.2)!important;font-size:12px!important;
  font-weight:800!important;transition:transform .15s,box-shadow .15s!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] #vchat-new-task:hover{transform:translateY(-2px)!important;box-shadow:0 14px 28px rgba(92,84,222,.27)!important}

/* Four compact, meaningful status cards. Icon uses vector art, not emoji. */
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-kpis{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:13px!important;margin:0 0 19px!important;min-width:0!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-kpis article{
  position:relative!important;display:flex!important;flex-direction:column!important;
  justify-content:center!important;align-items:flex-start!important;min-width:0!important;
  min-height:145px!important;padding:22px 22px!important;border:1px solid var(--vt-border)!important;
  border-radius:20px!important;background:#fff!important;box-shadow:var(--vt-shadow)!important;
  overflow:hidden!important;transition:transform .16s,box-shadow .16s!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-kpis article:hover{
  transform:translateY(-2px)!important;box-shadow:0 18px 40px rgba(40,45,104,.09)!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-kpis article::after{
  content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;
  height:3px!important;background:var(--vt-stat,#655cf0)!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-kpi-pending{--vt-stat:#675deb;--vt-icon-bg:#f0eeff;--vt-icon-color:#6256d4}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-kpi-progress{--vt-stat:#3289ea;--vt-icon-bg:#ebf5ff;--vt-icon-color:#2678d9}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-kpi-overdue{--vt-stat:#e57272;--vt-icon-bg:#fff0f1;--vt-icon-color:#d75a6b}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-kpi-completed{--vt-stat:#28a276;--vt-icon-bg:#e9f9f1;--vt-icon-color:#278967}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-kpis article>.vchat-task-kpi-icon{
  position:absolute!important;right:19px!important;top:18px!important;display:flex!important;
  align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;
  padding:10px!important;border-radius:13px!important;background:var(--vt-icon-bg)!important;
  color:var(--vt-icon-color)!important;line-height:1!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-kpi-icon svg{
  display:block!important;width:20px!important;height:20px!important;flex:none!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-kpis article>small{
  display:block!important;margin:0 44px 11px 0!important;color:#7e829e!important;
  font-size:11px!important;font-weight:800!important;line-height:1.25!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-kpis article>strong{
  display:block!important;margin:0 0 7px!important;font-size:32px!important;line-height:1.03!important;
  letter-spacing:-.04em!important;color:var(--vt-ink)!important;font-weight:900!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-kpi-overdue>strong{color:#b84e62!important}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-kpis article>span:not(.vchat-task-kpi-icon){
  display:block!important;margin:0!important;color:#9599ad!important;font-size:10px!important;
  line-height:1.35!important;font-weight:600!important;
}

/* Search and filter states belong to a single toolbar with consistent internal sizes. */
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-management-bar{
  display:grid!important;grid-template-columns:minmax(200px,1fr) minmax(430px,1.38fr)!important;
  align-items:end!important;gap:20px!important;min-width:0!important;
  max-width:100%!important;margin:0 0 26px!important;padding:21px!important;
  border:1px solid var(--vt-border)!important;border-radius:21px!important;
  background:#fff!important;box-shadow:var(--vt-shadow)!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-search,
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-toolbar{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  justify-content:flex-end!important;width:100%!important;min-width:0!important;max-width:100%!important;
  margin:0!important;gap:9px!important;padding:0!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-field-label{
  display:block!important;color:#7c8098!important;font-size:10px!important;line-height:1.2!important;
  font-weight:900!important;letter-spacing:.035em!important;margin:0!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-search-control{
  display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;
  max-width:100%!important;min-width:0!important;min-height:48px!important;
  border:1px solid #dfe2f0!important;border-radius:13px!important;background:#fafbff!important;
  padding:0 12px!important;box-shadow:none!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-search-control:focus-within{
  background:#fff!important;border-color:#8178f5!important;box-shadow:0 0 0 3px rgba(100,90,235,.11)!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-search-control svg{
  display:block!important;flex:0 0 18px!important;width:18px!important;height:18px!important;color:#7067e4!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] #vchat-task-search{
  flex:1 1 auto!important;display:block!important;width:100%!important;max-width:none!important;
  min-width:0!important;height:46px!important;min-height:46px!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;outline:none!important;background:transparent!important;
  color:#292d48!important;font-size:12px!important;font-weight:600!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] #vchat-task-search::placeholder{color:#a0a4bb!important;opacity:1!important}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-toolbar-options{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;
  flex-wrap:wrap!important;gap:5px!important;width:100%!important;max-width:100%!important;
  min-width:0!important;padding:5px!important;min-height:48px!important;border:1px solid #e7e8f3!important;
  border-radius:13px!important;background:#f5f5fc!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-toolbar button{
  display:inline-flex!important;justify-content:center!important;align-items:center!important;
  flex:1 0 auto!important;min-width:0!important;min-height:36px!important;
  margin:0!important;padding:0 9px!important;border:1px solid transparent!important;
  border-radius:10px!important;background:transparent!important;color:#767b94!important;
  box-shadow:none!important;font-size:10px!important;font-weight:800!important;
  line-height:1.15!important;white-space:nowrap!important;cursor:pointer!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-toolbar button.is-active{
  color:#574ac4!important;background:#fff!important;border-color:#e7e5fb!important;
  box-shadow:0 2px 7px rgba(50,48,112,.075)!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-toolbar button:hover:not(.is-active){background:#eceafd!important;color:#5a53a8!important}

/* Distinct task board header, no extra REST calls or synthetic counts. */
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-list-heading{
  display:flex!important;align-items:flex-end!important;justify-content:space-between!important;
  gap:18px!important;min-width:0!important;max-width:100%!important;margin:0 0 13px!important;
  padding:0 3px!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-list-heading>div{display:grid!important;gap:5px!important;min-width:0!important}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-list-heading>div>span{
  color:#7167d9!important;font-size:10px!important;line-height:1.2!important;font-weight:900!important;letter-spacing:.1em!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-list-heading strong{
  color:#252946!important;font-size:18px!important;line-height:1.25!important;font-weight:850!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-list-heading>small{
  color:#9296ac!important;font-size:10px!important;line-height:1.5!important;text-align:right!important;
}

/* Keep original TABLE and data-task-* nodes for functionality; restyle only their display.
 * Grid cards eliminate the 980px minimum table and clipped action row. */
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-table-shell{
  display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;
  margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;
  border-radius:0!important;background:transparent!important;overflow:visible!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-table{
  display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;
  margin:0!important;border:0!important;border-spacing:0!important;table-layout:auto!important;background:transparent!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-table thead{display:none!important}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] #vchat-task-list{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;min-width:0!important;max-width:100%!important;width:100%!important;margin:0!important;padding:0!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-table tbody tr[data-task-row]{
  position:relative!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-areas:"priority status" "title title" "relation assignee" "due due" "actions actions"!important;
  column-gap:12px!important;row-gap:16px!important;align-items:start!important;
  min-width:0!important;width:100%!important;max-width:100%!important;
  margin:0!important;padding:21px 22px 16px!important;
  border:1px solid var(--vt-border)!important;border-radius:20px!important;
  background:#fff!important;overflow:hidden!important;box-shadow:var(--vt-shadow)!important;
  transition:border-color .18s,box-shadow .18s,transform .18s!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-table tbody tr[data-task-row]:hover{
  border-color:#d1ccff!important;background:#fff!important;
  box-shadow:0 17px 40px rgba(59,52,140,.105)!important;transform:translateY(-1px)!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-table tbody tr[data-task-row]::before{
  content:""!important;position:absolute!important;top:0!important;bottom:0!important;left:0!important;
  width:4px!important;background:#7065ea!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-table tbody tr.is-task-in_progress::before{background:#2984de!important}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-table tbody tr.is-task-completed::before{background:#21a27a!important}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-table tbody tr.is-overdue::before{background:#e16c75!important}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-table tbody tr.is-overdue{background:linear-gradient(135deg,#fff,#fffafa)!important}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-table tbody tr[data-task-row]>td{
  display:block!important;min-width:0!important;max-width:100%!important;width:100%!important;
  margin:0!important;padding:0!important;border:0!important;background:transparent!important;
  box-shadow:none!important;color:var(--vt-ink)!important;font-size:12px!important;
  line-height:1.5!important;vertical-align:top!important;text-align:left!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-table tbody tr[data-task-row]>td:first-child::before{content:none!important;display:none!important}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-table td:nth-child(1){grid-area:priority!important}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-table td:nth-child(2){grid-area:title!important}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-table td:nth-child(3){grid-area:relation!important}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-table td:nth-child(4){grid-area:assignee!important}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-table td:nth-child(5){grid-area:due!important}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-table td:nth-child(6){grid-area:status!important;justify-self:end!important;width:auto!important}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-table td:nth-child(7){grid-area:actions!important}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-table .vchat-priority-pill{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:30px!important;min-width:0!important;margin:0!important;padding:0 12px!important;
  font-size:10px!important;font-weight:850!important;border-radius:9px!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-table .vchat-priority-pill.is-normal{background:#f3f2f9!important;color:#74728d!important}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-table .vchat-priority-pill.is-high{background:#fff3d9!important;color:#976818!important}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-table .vchat-priority-pill.is-urgent{background:#ffebee!important;color:#bf495d!important}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-table .vchat-inline-status{
  display:block!important;min-height:32px!important;height:32px!important;min-width:122px!important;
  max-width:160px!important;width:auto!important;margin:0!important;
  padding:0 28px 0 11px!important;border:1px solid #e1dcf4!important;border-radius:9px!important;
  background-color:#f7f5ff!important;color:#5d51b3!important;
  box-shadow:none!important;font-size:11px!important;line-height:1.3!important;font-weight:850!important;
  cursor:pointer!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-table .vchat-inline-status.is-in_progress{background-color:#eff6ff!important;color:#256ec4!important;border-color:#d8e9fb!important}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-table .vchat-inline-status.is-completed{background-color:#eaf9f1!important;color:#237a5d!important;border-color:#cdebd9!important}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-table .vchat-inline-status.is-overdue{background-color:#fff0f1!important;color:#b34c5e!important;border-color:#f5d5da!important}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-title-cell{
  display:grid!important;gap:6px!important;min-width:0!important;max-width:none!important;width:100%!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-title-cell strong{
  display:block!important;color:#262a46!important;font-size:18px!important;line-height:1.25!important;
  font-weight:850!important;letter-spacing:-.02em!important;overflow-wrap:anywhere!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-title-cell small{
  display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;
  overflow:hidden!important;max-width:100%!important;margin:0!important;color:#9397ac!important;
  font-size:11px!important;line-height:1.55!important;white-space:normal!important;overflow-wrap:anywhere!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-table td:nth-child(3)::before,
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-table td:nth-child(4)::before{
  display:block!important;content:attr(data-label)!important;margin:0 0 7px!important;
  color:#9296ac!important;font-size:9px!important;line-height:1.2!important;font-weight:900!important;
  letter-spacing:.06em!important;text-transform:uppercase!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-relation{
  display:block!important;min-width:0!important;max-width:100%!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-relation strong{
  color:#5550a1!important;font-size:12px!important;font-weight:800!important;overflow-wrap:anywhere!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-relation small{color:#a0a3b8!important;font-size:10px!important}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-assignee{
  display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;width:100%!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-assignee>span{
  display:grid!important;place-items:center!important;flex:0 0 31px!important;width:31px!important;height:31px!important;
  border-radius:10px!important;background:#efedff!important;color:#6057cb!important;font-size:11px!important;font-weight:900!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-assignee strong{
  color:#424760!important;font-size:11px!important;line-height:1.4!important;font-weight:750!important;
  white-space:normal!important;overflow-wrap:anywhere!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-table td:nth-child(5){
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
  border:1px solid #ededf7!important;border-radius:11px!important;background:#fafaff!important;
  padding:11px 13px!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-table td:nth-child(5)::before{
  content:"Fecha límite"!important;color:#9196ad!important;font-size:10px!important;font-weight:800!important;
  white-space:nowrap!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-due{
  display:block!important;min-width:0!important;text-align:right!important;color:#434765!important;
  font-size:11px!important;font-weight:850!important;line-height:1.4!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-due small{font-size:10px!important;color:#c04862!important}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-no-date{font-size:11px!important;color:#9298af!important}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-table td:nth-child(7){
  padding-top:15px!important;border-top:1px solid #eff0f8!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-row-actions{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;
  flex-wrap:wrap!important;gap:8px!important;min-width:0!important;width:100%!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-row-actions button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 1 auto!important;min-height:37px!important;max-width:100%!important;
  padding:0 14px!important;margin:0!important;border:1px solid #e3e4f3!important;
  border-radius:10px!important;background:#fff!important;color:#5c55bb!important;
  white-space:nowrap!important;font-size:11px!important;line-height:1.3!important;
  font-weight:800!important;box-shadow:none!important;cursor:pointer!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-row-actions button[data-task-toggle]{background:#635bed!important;border-color:#635bed!important;color:#fff!important}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-row-actions button.danger{color:#bd5367!important;background:#fffafb!important;border-color:#f3d7df!important}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-row-actions button:hover{filter:brightness(.96)!important}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-row-actions button:focus-visible,
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-toolbar button:focus-visible,
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-inline-status:focus-visible{
  outline:3px solid rgba(97,87,239,.36)!important;outline-offset:2px!important;
}
/* Important: empty/error rows still occupy the full available grid width. */
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-table tbody tr:not([data-task-row]){
  display:block!important;min-width:0!important;width:100%!important;grid-column:1/-1!important;
  border:1px dashed #dcdcf1!important;border-radius:18px!important;background:#fff!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-table tbody tr:not([data-task-row])>td{
  display:block!important;min-width:0!important;width:100%!important;border:0!important;padding:12px!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-table .vchat-empty-state{
  width:100%!important;min-width:0!important;background:#fff!important;border:0!important;border-radius:14px!important;
}
/* At intermediate widths, the filters and row cards never overflow their panel. */
@media(max-width:1190px){
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-management-bar{
    grid-template-columns:1fr!important;gap:16px!important;
  }
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-toolbar-options{justify-content:flex-start!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-toolbar button{flex:0 0 auto!important;min-width:74px!important}
}
@media(max-width:1050px){
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] #vchat-task-list{grid-template-columns:1fr!important}
}
@media(max-width:650px){
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] {padding-bottom:28px!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-page-heading{align-items:stretch!important;gap:15px!important;margin-bottom:19px!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-page-heading h1{font-size:28px!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] #vchat-new-task{width:100%!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-kpis{gap:9px!important;margin-bottom:14px!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-kpis article{min-height:122px!important;padding:17px 14px!important;border-radius:16px!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-kpis article>.vchat-task-kpi-icon{width:32px!important;height:32px!important;right:12px!important;top:12px!important;padding:8px!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-kpi-icon svg{width:16px!important;height:16px!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-kpis article>small{font-size:10px!important;margin-right:29px!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-kpis article>strong{font-size:28px!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-management-bar{padding:14px!important;border-radius:17px!important;margin-bottom:21px!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-toolbar-options{gap:4px!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-toolbar button{font-size:10px!important;min-height:33px!important;min-width:auto!important;padding:0 10px!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-list-heading{align-items:flex-start!important;flex-direction:column!important;gap:5px!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-list-heading>small{text-align:left!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-table tbody tr[data-task-row]{padding:18px 16px 14px!important;column-gap:10px!important;row-gap:14px!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-title-cell strong{font-size:16px!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-row-actions{justify-content:stretch!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-row-actions button{width:100%!important;min-width:0!important;padding:0 6px!important;font-size:10px!important}
}
@media(max-width:350px){
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-row-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-row-actions button.danger{grid-column:1/-1!important}
}
@media(prefers-reduced-motion:reduce){
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-kpis article,
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="tasks"] .vchat-task-table tbody tr[data-task-row]{transition:none!important;transform:none!important}
}