/* Vchat 0.58.3 — Task status dropdown visibility / geometry fix
   Visual-only: no IDs, listeners or task update behavior changed. */

/* Give the Estado cell enough physical width so the native select can never be clipped. */
.vchat-frontend-app .vchat-task-table th:nth-child(6),
.vchat-frontend-app .vchat-task-table td:nth-child(6){
  width:158px!important;
  min-width:158px!important;
  max-width:158px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}

/* Keep the action column from pushing/cropping the status control. */
.vchat-frontend-app .vchat-task-table th:nth-child(7),
.vchat-frontend-app .vchat-task-table td:nth-child(7){
  min-width:208px!important;
}

/* Native select: full readable label + consistent Vchat geometry. */
.vchat-frontend-app .vchat-task-table .vchat-inline-status{
  -webkit-appearance:none!important;
  appearance:none!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:40px!important;
  min-height:40px!important;
  padding:0 38px 0 14px!important;
  box-sizing:border-box!important;
  border-width:1px!important;
  border-style:solid!important;
  border-radius:12px!important;
  font-size:11px!important;
  line-height:38px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  text-overflow:clip!important;
  overflow:visible!important;
  cursor:pointer!important;
  background-repeat:no-repeat!important;
  background-position:right 13px center!important;
  background-size:12px 8px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1.5 1.5 6 6l4.5-4.5' fill='none' stroke='%236554b8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
}

.vchat-frontend-app .vchat-task-table .vchat-inline-status:focus{
  outline:none!important;
  box-shadow:0 0 0 3px rgba(101,84,184,.14)!important;
}

.vchat-frontend-app .vchat-task-table .vchat-inline-status:hover{
  filter:none!important;
  box-shadow:0 6px 16px rgba(43,34,83,.06)!important;
}

/* Preserve semantic status colors while keeping the arrow background. */
.vchat-frontend-app .vchat-task-table .vchat-inline-status.is-pending{
  border-color:#ead9a6!important;
  background-color:#fff8df!important;
  color:#826216!important;
}
.vchat-frontend-app .vchat-task-table .vchat-inline-status.is-in_progress{
  border-color:#d8d0f1!important;
  background-color:#f1edfb!important;
  color:#5946a3!important;
}
.vchat-frontend-app .vchat-task-table .vchat-inline-status.is-completed{
  border-color:#cde6d6!important;
  background-color:#eaf7ef!important;
  color:#2f7c54!important;
}
.vchat-frontend-app .vchat-task-table .vchat-inline-status.is-overdue{
  border-color:#efcbd2!important;
  background-color:#fff0f2!important;
  color:#a44155!important;
}

/* Never crop controls inside the task table shell; scroll horizontally on narrow layouts. */
.vchat-frontend-app .vchat-task-table-shell{
  overflow-x:auto!important;
  overflow-y:visible!important;
}
.vchat-frontend-app .vchat-task-table{
  min-width:1120px!important;
}

@media (max-width: 900px){
  .vchat-frontend-app .vchat-task-table th:nth-child(6),
  .vchat-frontend-app .vchat-task-table td:nth-child(6){
    width:150px!important;
    min-width:150px!important;
    max-width:150px!important;
  }
}