.extraTaskPanel.marked { border-color:#e0b65d; background:#fffcf3; }
.extraTaskList { display:grid; gap:10px; margin-bottom:18px; }
.extraTaskItem { display:grid; grid-template-columns:105px minmax(220px,1fr) 155px auto; gap:10px; align-items:center; padding:12px; border:1px solid #d6ded7; border-radius:11px; background:#fff; }
.extraTaskItem.completed { background:#f3f6f2; opacity:.78; }
.extraTaskItem.completed .extraTaskDescription { color:#667169; text-decoration:line-through; }
.extraTaskComplete { display:flex; gap:8px; align-items:center; color:#344c3d; font-size:13px; font-weight:800; cursor:pointer; }
.extraTaskComplete input { width:20px; height:20px; margin:0; padding:0; accent-color:#287247; }
.extraTaskDescription { width:100%; }
.extraTaskPrice { display:flex; flex-direction:column; gap:4px; color:#607068; font-size:11px; font-weight:700; }
.extraTaskPrice input { width:100%; }
.extraTaskActions { display:flex; gap:7px; }
.extraTaskActions button, .addExtraTaskForm button { border:0; border-radius:9px; padding:10px 13px; background:#1f5138; color:white; font-weight:750; white-space:nowrap; }
.extraTaskActions button.secondary { border:1px solid #d4dbd5; background:white; color:#745044; }
.extraTaskActions button:disabled, .addExtraTaskForm button:disabled { opacity:.65; cursor:wait; }
.addExtraTaskForm { display:grid; grid-template-columns:minmax(220px,1fr) 155px auto; gap:10px; align-items:end; padding:15px; border:1px dashed #b9cabd; border-radius:11px; background:#f7faf6; }
.addExtraTaskForm > label { display:flex; flex-direction:column; gap:4px; color:#607068; font-size:11px; font-weight:700; }
.addExtraTaskForm input { width:100%; }
.addExtraTaskForm .extraTaskError { grid-column:1/-1; margin:0; }
.extraTaskEmpty { margin:2px 0 4px; }

@media(max-width:1000px) {
  .extraTaskItem { grid-template-columns:100px minmax(180px,1fr) 145px; }
  .extraTaskActions { grid-column:2/-1; justify-content:flex-end; }
}

@media(max-width:700px) {
  .extraTaskItem, .addExtraTaskForm { grid-template-columns:1fr; }
  .extraTaskActions { grid-column:1; justify-content:stretch; }
  .extraTaskActions button, .addExtraTaskForm button { flex:1; width:100%; }
}