Fix early text truncation on task card and improve card contrast and layout

widget/src/style.css

@@ -244,8 +244,8 @@ body {
 
 /* --- CARTE DE TÂCHE INDIVIDUELLE --- */
 .task-card {
-  background: var(--bg-card);
-  border: var(--border-card);
+  background: rgba(255, 255, 255, 0.05);
+  border: 1px solid rgba(255, 255, 255, 0.07);
   border-radius: 12px;
   padding: 12px 14px;
   display: flex;
@@ -258,9 +258,9 @@ body {
 
 .task-card:hover {
   transform: translateY(-2px);
-  background: var(--bg-card-hover);
-  border-color: rgba(99, 102, 241, 0.2);
-  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
+  background: rgba(255, 255, 255, 0.08);
+  border-color: rgba(99, 102, 241, 0.35);
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
 }
 
 /* Checkbox personnalisée */
@@ -312,7 +312,7 @@ body {
 }
 
 .task-title {
-  font-size: 13px;
+  font-size: 13.5px;
   font-weight: 500;
   color: var(--text-primary);
   transition: color 0.3s;
@@ -320,7 +320,8 @@ body {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  display: inline-block;
+  display: block;
+  width: 100%;
 }
 
 .task-date {