/* Gestão em formato de registros: cada cliente mantém seus dados e ações juntos. */
@media(min-width:761px){
  .management-view .dashboard-table-wrap{border:0;background:transparent;overflow:visible}
  .management-view .dashboard-table-wrap table{display:block;min-width:0}
  .management-view .dashboard-table-wrap thead{display:none}
  .management-view .dashboard-table-wrap tbody{display:grid;gap:14px}
  .management-view .dashboard-table-wrap tbody tr{display:grid;grid-template-columns:minmax(185px,1.45fr) minmax(155px,1fr) minmax(155px,1fr);grid-template-areas:"client client send" "code responsible contact" "call status purchase" "next action action" "actions actions actions";gap:0 18px;background:#fff;border:1px solid #dce6eb;border-radius:16px;padding:17px 19px;box-shadow:0 7px 22px rgba(29,68,83,.045);transition:border-color .18s,box-shadow .18s}
  .management-view .dashboard-table-wrap tbody tr:hover{background:#fff;border-color:#9ed9d1;box-shadow:0 10px 28px rgba(18,117,110,.1)}
  .management-view .dashboard-table-wrap td{display:flex;min-width:0;flex-direction:column;align-items:stretch;gap:6px;border:0;padding:13px 0 10px;font-size:.79rem;overflow-wrap:anywhere}
  .management-view .dashboard-table-wrap td::before{content:attr(data-label);color:#78909c;font-size:.64rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
  .management-view .dashboard-table-wrap td:nth-child(1){grid-area:send;align-items:flex-end}
  .management-view .dashboard-table-wrap td:nth-child(2){grid-area:code}
  .management-view .dashboard-table-wrap td:nth-child(3){grid-area:client;padding-top:0;align-self:end}
  .management-view .dashboard-table-wrap td:nth-child(3)::before{content:"CLIENTE"}
  .management-view .dashboard-table-wrap td:nth-child(4){grid-area:responsible}
  .management-view .dashboard-table-wrap td:nth-child(5){grid-area:contact}
  .management-view .dashboard-table-wrap td:nth-child(6){grid-area:call}
  .management-view .dashboard-table-wrap td:nth-child(7){grid-area:status}
  .management-view .dashboard-table-wrap td:nth-child(8){grid-area:purchase}
  .management-view .dashboard-table-wrap td:nth-child(9){grid-area:next}
  .management-view .dashboard-table-wrap td:nth-child(10){grid-area:action;background:#f4f8fa;border-radius:10px;padding:12px 14px;margin-top:9px;line-height:1.45}
  .management-view .dashboard-table-wrap td:nth-child(11){grid-area:actions;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px;border-top:1px solid #e7eef1;margin-top:6px;padding:13px 0 0}
  .management-view .dashboard-table-wrap td:nth-child(11)::before{width:100%;margin-bottom:1px}
  .management-view .dashboard-table-wrap .client-name{font-size:1rem;line-height:1.28;color:#163445}
  .management-view .dashboard-table-wrap .purchase-input,.management-view .dashboard-table-wrap .status-select,.management-view .dashboard-table-wrap .next-contact,.management-view .dashboard-table-wrap .call-outcome{width:100%;max-width:100%;min-width:0}
  .management-view .dashboard-table-wrap .call-check{white-space:normal}
  .management-view .dashboard-table-wrap .mini-status{align-self:flex-start;white-space:normal}
  .management-view .dashboard-table-wrap .action-suggestion{max-width:none;color:#4e6975}
  .management-view .dashboard-table-wrap .history-button{width:auto;margin:0;padding:8px 10px!important}
  .management-view .dashboard-table-wrap .bulk-delete-choice{margin:0 0 0 5px;padding-left:9px;border-left:1px solid #e5ecef}
}
@media(min-width:761px) and (max-width:1060px){
  .management-view .dashboard-table-wrap tbody tr{grid-template-columns:1fr 1fr;grid-template-areas:"client send" "code responsible" "contact call" "status purchase" "next next" "action action" "actions actions"}
}