/* Hoje (aba pessoal): "Minhas prioridades" em lista legível, com a mesma lógica de cores das demandas da equipe. */
.my-worklist{list-style:none;margin:0;padding:0}
.my-worklist li{display:grid;grid-template-columns:minmax(9.5rem,11rem) minmax(0,1fr) auto;gap:.5rem 1rem;align-items:start;padding:.75rem .6rem;border-top:1px solid #e3ebec;cursor:pointer;overflow-wrap:anywhere}
.my-worklist li:first-child{border-top:0}
.my-worklist li:hover{background:#f3f8f8}
.my-worklist li.sev-overdue{background:#fdecea;box-shadow:inset 4px 0 0 #bd493f}
.my-worklist li.sev-soon{background:#fff6dc;box-shadow:inset 4px 0 0 #d28b28}
.my-worklist li.sev-overdue:hover{background:#fbe0dc}.my-worklist li.sev-soon:hover{background:#ffefc4}
.my-worklist strong{display:block;line-height:1.3}
.my-worklist small{display:block;color:#52656b;margin-top:.15rem}
.my-worklist .my-due{text-align:right;white-space:nowrap}
.my-worklist-legend{margin:0 0 .5rem;font-size:12px;color:#5a7285}
/* Tablet deitado (1051 a 1250 px): 6 cartões de 135 px não cabem ao lado do menu e a página ganhava rolagem horizontal; passam a 3 por linha. */
@media(min-width:1051px) and (max-width:1250px){.content .cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Tablet (até 1100 px): selo de prazo em coluna fixa para os títulos alinharem; selo nunca quebra em duas linhas. */
@media(max-width:1100px){
  .my-worklist li{grid-template-columns:8.75rem minmax(0,1fr) auto;align-items:center;gap:.4rem .9rem;padding:.85rem .7rem;min-height:56px}
  .my-worklist li>.badge{justify-self:start;white-space:nowrap;text-align:center}
  .my-worklist .my-due{align-self:center;font-weight:600}
  .my-worklist li:active{background:#e6f1f1}
  .my-worklist strong{font-size:15px}
  .my-worklist small{font-size:13px}
  .my-worklist-legend{line-height:1.9}
}
/* Celular (até 700 px): cada demanda é um cartão: prazo e data no topo, título completo embaixo (até 3 linhas), cliente e situação por último. */
@media(max-width:700px){
  .my-worklist li{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"badge due" "main main";gap:.35rem .6rem;padding:.8rem .75rem;min-height:68px;align-items:center}
  .my-worklist li>.badge{grid-area:badge}
  .my-worklist li>div{grid-area:main;min-width:0}
  .my-worklist li>.my-due{grid-area:due;margin:0;text-align:right}
  .my-worklist strong{font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .my-worklist small{font-size:12.5px}
  .my-worklist-legend{font-size:12px}
}

/* Demandas da equipe (lista em colunas): linha vermelha = vencida, amarela = vence em até 2 dias, a partir do selo de cada linha. */
.team-worklist li:has(.badge.red){background:#fdecea;box-shadow:inset 4px 0 0 #bd493f}
.team-worklist li:has(.badge.amber){background:#fff6dc;box-shadow:inset 4px 0 0 #d28b28}