#viewProposalPendingTasks { margin: 4px 8px; }
#viewProposalPendingTasks[hidden] { display: none !important; }
#proposalPendingTasksDialog {
  box-sizing: border-box; width: min(1440px, calc(100vw - 32px));
  max-width: calc(100vw - 32px); max-height: 90vh; padding: 22px;
  color: #edf4f1; background: #172621; border: 1px solid #36584e; border-radius: 14px;
}
#proposalPendingTasksDialog::backdrop { background: rgb(0 0 0 / 65%); }
#proposalPendingTasksDialog header, #proposalPendingTasksDialog .proposal-pending-toolbar {
  display: flex; align-items: center; justify-content: space-between; gap: 14px;
}
#proposalPendingTasksDialog h2 { margin: 0; color: #edf4f1; font-size: 21px; }
#proposalPendingTasksDialog p { color: #b8cdc4; line-height: 1.5; }
#proposalPendingTasksDialog button {
  flex-shrink: 0; padding: 10px 16px; border-radius: 8px;
  background: #46ad91; color: #102a23; border: 1px solid #46ad91; font-weight: 700;
}
#proposalPendingTasksDialog button:disabled { opacity: .6; }
#proposalPendingTasksDialog .proposal-pending-table {
  max-height: 60vh; overflow: auto; border: 1px solid #36584e; border-radius: 8px;
}
#proposalPendingTasksDialog table { width: 100%; border-collapse: collapse; min-width: 900px; }
#proposalPendingTasksDialog th, #proposalPendingTasksDialog td {
  padding: 12px; border-bottom: 1px solid #36584e; text-align: left;
  color: #edf4f1; font-size: 14px; white-space: normal; overflow-wrap: anywhere;
}
#proposalPendingTasksDialog th { position: sticky; top: 0; background: #203a30; z-index: 1; white-space: nowrap; }
#proposalPendingTasksDialog td:first-child, #proposalPendingTasksDialog td:nth-child(2) { white-space: nowrap; }
#proposalPendingTasksDialog td:nth-child(3) { min-width: 250px; }
#proposalPendingTasksDialog .proposal-pending-editable { cursor: pointer; }
#proposalPendingTasksDialog .proposal-pending-editable:hover,
#proposalPendingTasksDialog .proposal-pending-editable:focus-visible { background: #234337; }
#proposalPendingTasksDialog td button { padding: 7px 12px; }
#proposalPendingTasksDialog tr:last-child td { border-bottom: 0; }
#proposalPendingTasksDialog :focus-visible { outline: 2px solid #aadfcf; outline-offset: 3px; }
@media (max-width: 600px) {
  #proposalPendingTasksDialog { width: calc(100vw - 16px); max-width: calc(100vw - 16px); padding: 14px; }
  #proposalPendingTasksDialog h2 { font-size: 18px; }
  #proposalPendingTasksDialog .proposal-pending-toolbar { align-items: flex-start; }
}
