/* Farm Flow v0.8.5 – Gemeinschaftsaufgaben und Zusammenarbeitspunkte */
.task-card{
  grid-template-areas:
    "ff84-priority ff84-due"
    "ff84-title ff84-points"
    "ff84-description ff84-description"
    "ff84-location ff84-location"
    "ff85-team ff85-team"
    "ff84-meta ff84-meta";
}

.ff85-task-team{grid-area:ff85-team;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(26,56,44,.12)}
.ff85-task-team>div{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}
.ff85-task-team>strong{flex:0 0 auto;font-size:10px;line-height:1.25;text-align:right;color:var(--muted)}
.ff85-task-team.is-pending>strong{color:#8c6217}
.task-card[data-task-color-slot] .ff85-task-team{border-top-color:rgba(255,255,255,.25)}
.task-card[data-task-color-slot] .ff85-task-team>strong{color:rgba(255,255,255,.9)}

.ff85-person-chip,.ff85-participant-option{
  --ff85-main:#65716a;
  --ff85-dark:#35433c;
  --ff85-soft:rgba(101,113,106,.13);
}
.ff85-person-chip[data-task-color-slot="1"],.ff85-participant-option[data-task-color-slot="1"]{--ff85-main:#74479d;--ff85-dark:#4c2b70;--ff85-soft:rgba(116,71,157,.15)}
.ff85-person-chip[data-task-color-slot="2"],.ff85-participant-option[data-task-color-slot="2"]{--ff85-main:#082B45;--ff85-dark:#041C2E;--ff85-soft:rgba(8,43,69,.15)}
.ff85-person-chip[data-task-color-slot="3"],.ff85-participant-option[data-task-color-slot="3"]{--ff85-main:#ba3d45;--ff85-dark:#7c2028;--ff85-soft:rgba(186,61,69,.15)}
.ff85-person-chip[data-task-color-slot="4"],.ff85-participant-option[data-task-color-slot="4"]{--ff85-main:#287656;--ff85-dark:#174b38;--ff85-soft:rgba(40,118,86,.15)}
.ff85-person-chip[data-task-color-slot="5"],.ff85-participant-option[data-task-color-slot="5"]{--ff85-main:#bf6726;--ff85-dark:#824014;--ff85-soft:rgba(191,103,38,.15)}
.ff85-person-chip[data-task-color-slot="6"],.ff85-participant-option[data-task-color-slot="6"]{--ff85-main:#13797c;--ff85-dark:#075052;--ff85-soft:rgba(19,121,124,.15)}
.ff85-person-chip[data-task-color-slot="7"],.ff85-participant-option[data-task-color-slot="7"]{--ff85-main:#a43d76;--ff85-dark:#6d204c;--ff85-soft:rgba(164,61,118,.15)}
.ff85-person-chip[data-task-color-slot="8"],.ff85-participant-option[data-task-color-slot="8"]{--ff85-main:#3b57b6;--ff85-dark:#243279;--ff85-soft:rgba(59,87,182,.15)}
.ff85-person-chip[data-task-color-slot="9"],.ff85-participant-option[data-task-color-slot="9"]{--ff85-main:#727b28;--ff85-dark:#4a5017;--ff85-soft:rgba(114,123,40,.15)}
.ff85-person-chip[data-task-color-slot="10"],.ff85-participant-option[data-task-color-slot="10"]{--ff85-main:#4a5560;--ff85-dark:#293139;--ff85-soft:rgba(74,85,96,.15)}

.ff85-person-chip{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:5px 8px;border:1px solid color-mix(in srgb,var(--ff85-main) 55%,transparent);border-radius:999px;background:rgba(255,255,255,.94);color:var(--ff85-dark);font-size:10px;font-weight:850;line-height:1.15;white-space:nowrap;box-shadow:0 2px 8px rgba(20,42,32,.08)}
.ff85-person-chip i{width:7px;height:7px;border-radius:50%;background:var(--ff85-main);flex:0 0 auto}
.ff85-person-chip span{overflow:hidden;text-overflow:ellipsis}
.ff85-person-chip b{font-size:8px;letter-spacing:.02em;color:var(--ff85-main)}
.ff85-person-chip.is-lead{border-width:2px}
.ff85-person-chip.is-pending{border-style:dashed;background:#fff8e7;color:#76520b}
.task-card[data-task-color-slot] .ff85-person-chip{background:rgba(255,255,255,.96);color:var(--ff85-dark)}

.ff85-participant-section{border:1px solid var(--line);border-radius:18px;padding:16px;background:#fffdf8}
.ff85-section-head,.ff85-detail-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.ff85-section-head small,.ff85-detail-title small{display:block;color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.12em}
.ff85-section-head h3,.ff85-detail-title h3{margin:2px 0 0;font-size:18px}
.ff85-section-head>span,.ff85-detail-title>span{font-size:26px}
.ff85-participant-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.ff85-participant-option{display:flex;align-items:center;gap:10px;min-width:0;padding:11px 12px;border:1px solid color-mix(in srgb,var(--ff85-main) 32%,var(--line));border-radius:14px;background:linear-gradient(135deg,#fff,var(--ff85-soft));cursor:pointer;transition:.18s ease}
.ff85-participant-option:hover{transform:translateY(-1px);border-color:var(--ff85-main)}
.ff85-participant-option:has(input:checked){border-color:var(--ff85-main);box-shadow:inset 4px 0 0 var(--ff85-main),0 5px 15px rgba(20,42,32,.08)}
.ff85-participant-option input{width:18px;height:18px;accent-color:var(--ff85-main);flex:0 0 auto}
.ff85-option-dot{width:10px;height:10px;border-radius:50%;background:var(--ff85-main);box-shadow:0 0 0 3px var(--ff85-soft);flex:0 0 auto}
.ff85-option-copy{display:flex;flex-direction:column;min-width:0;flex:1}
.ff85-option-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}
.ff85-option-copy small{color:var(--muted)}
.ff85-participant-option>b{color:var(--ff85-dark);font-size:12px;white-space:nowrap}
.ff85-participant-option.is-lead{background:linear-gradient(135deg,#fff,var(--ff85-soft));border-width:2px}

.ff85-points-preview{border:1px solid #d5e4d5;border-radius:18px;padding:14px;background:linear-gradient(135deg,#f4faef,#fffdf8)}
.ff85-preview-title{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.ff85-preview-title>span{font-size:25px}
.ff85-preview-title small{display:block;color:var(--muted);font-weight:800;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.ff85-preview-title strong{display:block;margin-top:1px}
.ff85-preview-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid rgba(30,70,49,.09)}
.ff85-preview-row>strong{font-size:11px;color:#31543f;text-align:right}

.ff85-detail-panel{margin:14px 0;padding:16px;border:1px solid #d5e4d5;border-radius:18px;background:linear-gradient(135deg,#f6faef,#fffdf8)}
.ff85-detail-panel.is-pending{border-color:#e6c978;background:linear-gradient(135deg,#fff8e5,#fffdf8)}
.ff85-breakdown{display:grid;gap:8px}
.ff85-breakdown-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:8px 0;border-top:1px solid rgba(28,62,45,.09)}
.ff85-breakdown-row>strong{font-size:12px;color:#31543f}
.ff85-breakdown-row>small{font-size:10px;color:var(--muted);text-align:right}
.ff85-detail-status{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 0;padding-top:11px;border-top:1px solid rgba(28,62,45,.12)}
.ff85-detail-status strong{font-size:12px;color:#31543f}
.ff85-detail-status small{color:var(--muted)}
.ff85-detail-panel>.btn{margin-top:12px;width:100%}

@media(max-width:650px){
  .ff85-participant-grid{grid-template-columns:1fr}
  .ff85-task-team{align-items:flex-start;flex-direction:column}
  .ff85-task-team>strong{text-align:left}
  .ff85-breakdown-row{grid-template-columns:minmax(0,1fr) auto}
  .ff85-breakdown-row>small{grid-column:1/-1;text-align:left;padding-left:4px}
}
@media(max-width:420px){
  .task-card{
    grid-template-areas:
      "ff84-priority ff84-due"
      "ff84-title ff84-title"
      "ff84-points ff84-points"
      "ff84-description ff84-description"
      "ff84-location ff84-location"
      "ff85-team ff85-team"
      "ff84-meta ff84-meta";
  }
}