/* New states keep the approved palette and layout. */
.badge--created { background:#eaf1ff; color:#185aaa; }
.role-assignment { font-size:12px; line-height:1.4; margin-top:5px; color:var(--muted); overflow-wrap:anywhere; }
.role-assignment button { padding:0; border:0; background:transparent; color:inherit; text-decoration:underline; }
.task-link .task-heading { display:flex; align-items:flex-start; gap:10px; }
.task-link .task-heading h2 { flex:1; max-width:none; min-width:0; margin:0; overflow-wrap:anywhere; }
.task-link .badge { position:static; flex:none; max-width:50%; }
.task-link .task-description { max-width:none; }
.app-header { position:relative; }
@media(max-width:350px) {
  .task-link .task-heading { flex-wrap:wrap; }
  .task-link .task-heading h2 { flex-basis:100%; margin:0; }
  .task-link .badge { position:static; max-width:100%; }
}