/* Farm Flow v0.8.3 – starke persönliche Teamfarben für Aufgaben */
.task-card[data-task-color-slot],
.task-detail-head[data-task-color-slot],
.ff81-task-color-chip[data-task-color-slot] {
  --ff82-main: #71469a;
  --ff82-dark: #4d2c70;
  --ff82-shadow: rgba(77, 44, 112, .28);
}

/* 1 Björn – Purple / Weiß */
.task-card[data-task-color-slot="1"],.task-detail-head[data-task-color-slot="1"],.ff81-task-color-chip[data-task-color-slot="1"]{--ff82-main:#74479d;--ff82-dark:#4c2b70;--ff82-shadow:rgba(76,43,112,.32)}
/* 2 Françoise – sehr dunkles Navyblau / Weiß */
.task-card[data-task-color-slot="2"],.task-detail-head[data-task-color-slot="2"],.ff81-task-color-chip[data-task-color-slot="2"]{--ff82-main:#082B45;--ff82-dark:#041C2E;--ff82-shadow:rgba(4,28,46,.40)}
/* 3 Rot / Weiß */
.task-card[data-task-color-slot="3"],.task-detail-head[data-task-color-slot="3"],.ff81-task-color-chip[data-task-color-slot="3"]{--ff82-main:#ba3d45;--ff82-dark:#7c2028;--ff82-shadow:rgba(124,32,40,.30)}
/* 4 Grün / Weiß */
.task-card[data-task-color-slot="4"],.task-detail-head[data-task-color-slot="4"],.ff81-task-color-chip[data-task-color-slot="4"]{--ff82-main:#287656;--ff82-dark:#174b38;--ff82-shadow:rgba(23,75,56,.30)}
/* 5 Orange / Weiß */
.task-card[data-task-color-slot="5"],.task-detail-head[data-task-color-slot="5"],.ff81-task-color-chip[data-task-color-slot="5"]{--ff82-main:#bf6726;--ff82-dark:#824014;--ff82-shadow:rgba(130,64,20,.30)}
/* 6 Petrol / Weiß */
.task-card[data-task-color-slot="6"],.task-detail-head[data-task-color-slot="6"],.ff81-task-color-chip[data-task-color-slot="6"]{--ff82-main:#13797c;--ff82-dark:#075052;--ff82-shadow:rgba(7,80,82,.30)}
/* 7 Magenta / Weiß */
.task-card[data-task-color-slot="7"],.task-detail-head[data-task-color-slot="7"],.ff81-task-color-chip[data-task-color-slot="7"]{--ff82-main:#a43d76;--ff82-dark:#6d204c;--ff82-shadow:rgba(109,32,76,.30)}
/* 8 Königsblau / Weiß */
.task-card[data-task-color-slot="8"],.task-detail-head[data-task-color-slot="8"],.ff81-task-color-chip[data-task-color-slot="8"]{--ff82-main:#3b57b6;--ff82-dark:#243279;--ff82-shadow:rgba(36,50,121,.30)}
/* 9 Oliv / Weiß */
.task-card[data-task-color-slot="9"],.task-detail-head[data-task-color-slot="9"],.ff81-task-color-chip[data-task-color-slot="9"]{--ff82-main:#727b28;--ff82-dark:#4a5017;--ff82-shadow:rgba(74,80,23,.30)}
/* 10 Anthrazit / Weiß */
.task-card[data-task-color-slot="10"],.task-detail-head[data-task-color-slot="10"],.ff81-task-color-chip[data-task-color-slot="10"]{--ff82-main:#4a5560;--ff82-dark:#293139;--ff82-shadow:rgba(41,49,57,.30)}

.task-card[data-task-color-slot]{
  border:1px solid var(--ff82-dark)!important;
  border-left:7px solid rgba(255,255,255,.72)!important;
  background:linear-gradient(135deg,var(--ff82-main) 0%,var(--ff82-dark) 100%)!important;
  color:#fff!important;
  box-shadow:0 10px 24px var(--ff82-shadow);
}
.task-card[data-task-color-slot]:hover{
  border-color:rgba(255,255,255,.78)!important;
  transform:translateY(-3px);
  box-shadow:0 18px 36px var(--ff82-shadow);
  filter:saturate(1.06) brightness(1.04);
}
.task-card[data-task-color-slot] h3{color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.12)}
.task-card[data-task-color-slot]>p{color:rgba(255,255,255,.88)!important}
.task-card[data-task-color-slot] .task-location{
  background:rgba(255,255,255,.94)!important;
  color:var(--ff82-dark)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.34);
}
.task-card[data-task-color-slot] .task-card-meta{
  border-top-color:rgba(255,255,255,.28)!important;
  color:rgba(255,255,255,.86)!important;
}
.task-card[data-task-color-slot] .task-card-meta strong{color:#fff!important}
.task-card[data-task-color-slot] .task-card-meta>span:first-child{display:inline-flex;align-items:center;gap:6px}
.task-card[data-task-color-slot] .task-card-meta>span:first-child::before{
  content:"";width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.20);flex:0 0 auto
}

/* Punkte und Standard-Badges in klarer Weißfläche */
.task-card[data-task-color-slot] .v8-task-points-badge{
  background:#fff!important;
  border-color:rgba(255,255,255,.72)!important;
  color:var(--ff82-dark)!important;
  box-shadow:0 3px 10px rgba(0,0,0,.10);
}
.task-card[data-task-color-slot] .task-priority,
.task-card[data-task-color-slot] .task-due{
  border:1px solid rgba(255,255,255,.70);
  box-shadow:0 3px 10px rgba(0,0,0,.08);
}
.task-card[data-task-color-slot] .task-priority{background:#fff!important;color:var(--ff82-dark)!important}
.task-card[data-task-color-slot].priority-high .task-priority{background:#fff1cf!important;color:#76520b!important}
.task-card[data-task-color-slot].priority-urgent .task-priority{background:#ffe5e2!important;color:#9a2528!important}
.task-card[data-task-color-slot].priority-low .task-priority{background:#e3f4f1!important;color:#285f58!important}
.task-card[data-task-color-slot] .task-due{background:rgba(255,255,255,.94)!important;color:var(--ff82-dark)!important}
.task-card[data-task-color-slot] .task-due.today{background:#fff0c8!important;color:#76520b!important}
.task-card[data-task-color-slot] .task-due.overdue{background:#ffe1dd!important;color:#98272a!important}
.task-card[data-task-color-slot] .task-due.tomorrow{background:#e6f2d9!important;color:#416027!important}
.task-card[data-task-color-slot] .task-due.completed{background:#daf0dc!important;color:#2c6133!important}
.task-card[data-task-color-slot] .task-due.cancelled{background:#ede6e1!important;color:#68544c!important}
.task-card[data-task-color-slot].status-completed{opacity:.78;filter:saturate(.72)}
.task-card[data-task-color-slot].status-cancelled{opacity:.60;filter:saturate(.55)}

.task-detail-head[data-task-color-slot]{
  border:1px solid var(--ff82-dark)!important;
  border-left:7px solid rgba(255,255,255,.72)!important;
  background:linear-gradient(135deg,var(--ff82-main) 0%,var(--ff82-dark) 100%)!important;
  color:#fff!important;
  box-shadow:0 12px 28px var(--ff82-shadow);
}
.task-detail-head[data-task-color-slot] h3{color:#fff!important}
.task-detail-head[data-task-color-slot] p{color:rgba(255,255,255,.88)!important}
.task-detail-head[data-task-color-slot] .task-priority,
.task-detail-head[data-task-color-slot] .task-due{background:#fff!important;color:var(--ff82-dark)!important;border:1px solid rgba(255,255,255,.70)}
.detail-stats[data-task-color-slot] .mini-stat:first-child{border-color:var(--ff82-main)!important;box-shadow:inset 5px 0 0 var(--ff82-main)}

.ff81-task-color-legend{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,253,248,.86);overflow:hidden}
.ff81-task-color-legend>strong{flex:0 0 auto;color:var(--muted);font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.ff81-task-color-chips{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:2px;scrollbar-width:thin}
.ff81-task-color-chip{
  display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:6px 10px;
  border:1px solid var(--ff82-dark)!important;border-radius:999px;
  background:linear-gradient(135deg,var(--ff82-main),var(--ff82-dark))!important;
  color:#fff!important;font-size:10px;font-weight:850;white-space:nowrap;
  box-shadow:0 4px 10px var(--ff82-shadow)
}
.ff81-task-color-chip i{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.22)}
@media(max-width:650px){.ff81-task-color-legend{align-items:flex-start;flex-direction:column}.ff81-task-color-chips{width:100%}}