#tab-tasks .task-pagination{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0;font-size:12px;color:var(--sub)}
#tab-tasks .task-pagination form{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0}
#tab-tasks .task-pagination select,#tab-tasks .task-pagination input{width:auto;margin:0;min-height:32px;border-radius:6px;font-size:12px;padding:6px 8px}
#tab-tasks .task-pagination input{width:70px}
#tab-tasks .task-pagination .btn{border-radius:6px;padding:6px 10px;min-height:32px}
#taskPageError{color:var(--red);margin-bottom:8px}
@media(max-width:600px){#tab-tasks .task-pagination .btn,#tab-tasks .task-pagination select,#tab-tasks .task-pagination input{min-height:40px}#tab-tasks .task-pagination{gap:8px}#tab-tasks .task-pagination [data-task-page-info]{width:100%}}
body.task-table-view main{max-width:none;min-width:0}
#tab-tasks .task-list-panel{min-width:0;border-radius:8px}
#tab-tasks .task-list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
#tab-tasks .task-list-heading h3{margin:0}
#tab-tasks .task-list-heading .btn{flex:none;border-radius:6px}
#tasksTable{width:100%;max-width:100%;overflow-x:auto}
#tasksTable table{table-layout:fixed;min-width:1030px}
#tasksTable th,#tasksTable td{padding:12px 8px;vertical-align:middle;word-break:normal;overflow-wrap:break-word}
#tasksTable th{white-space:nowrap}
#tasksTable th:nth-child(1){width:85px}
#tasksTable th:nth-child(3){width:56px}
#tasksTable th:nth-child(4){width:78px}
#tasksTable th:nth-child(5){width:106px}
#tasksTable th:nth-child(6){width:50px}
#tasksTable th:nth-child(7){width:64px}
#tasksTable th:nth-child(8){width:100px}
#tasksTable th:nth-child(9){width:150px}
#tasksTable th:nth-child(10){width:190px}
#tasksTable td .prompt{max-width:100%;margin-bottom:6px}
#tasksTable td:nth-child(2)>.btn{margin-left:0!important;padding:3px 9px;border-radius:6px;min-height:28px}
#tasksTable .task-client{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#tasksTable .task-created{display:block;max-width:100%;font-size:12px;line-height:1.6;word-break:normal}
#tasksTable .task-video-actions{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}
#tasksTable .task-video-actions .btn{padding:6px 9px;min-height:32px;border-radius:6px;white-space:nowrap;font-size:12px}
#tasksTable .task-error-cell{min-width:0;max-width:100%;width:100%}
#tasksTable .task-error-cell .btn{flex:none}
#videoModal video{max-height:75vh;object-fit:contain}
@media(max-width:600px){
  body.task-table-view main{min-width:0;padding:20px 12px 40px}
  #tab-tasks .task-list-panel{padding:12px}
  #tab-tasks .task-list-heading{align-items:flex-start;gap:8px}
  #tab-tasks .task-list-heading h3{font-size:13px;line-height:1.6}
  #tab-tasks .task-list-heading .btn{padding:6px 9px;white-space:nowrap}
  #tasksTable table,#tasksTable tbody{display:block;min-width:0;width:100%}
  #tasksTable thead{display:none}
  #tasksTable tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 12px;padding:16px 0;border-bottom:1px solid var(--line)}
  #tasksTable td{display:block;min-width:0;padding:0;border:0;font-size:12px}
  #tasksTable td::before{content:attr(data-label);display:block;margin-bottom:4px;color:var(--sub);font-size:11px}
  #tasksTable td:nth-child(2),#tasksTable td:nth-child(9),#tasksTable td:nth-child(10){grid-column:1/-1}
  #tasksTable .task-created{white-space:normal}
}