.tasks-layout { gap: 20px; background: #f4f6f7; }
.tasks-layout .task-section { border-color: #d4dcdf; border-radius: 6px; box-shadow: 0 2px 8px #182b3510; }
.task-section > summary { color: #203b46; font-weight: 700; }
.task-form { align-items: start; gap: 16px 14px; }
.task-form > label { min-width: 0; color: #344955; font-size: 13px; font-weight: 650; line-height: 1.4; align-content: start; }
.task-form input, .task-form select, .task-form textarea { border-color: #bdcbd1; border-radius: 5px; background: #fbfcfd; color: #202e37; font-size: 14px; font-weight: 400; line-height: 1.5; }
.task-form input:focus, .task-form select:focus, .task-form textarea:focus { outline: 0; border-color: #34766c; box-shadow: 0 0 0 3px #34766c18; background: #fff; }
.task-multi-picker { min-width: 0; border-color: #bdcbd1; border-radius: 5px; background: #fbfcfd; }
.task-picker-selected { min-width: 0; align-content: flex-start; min-height: 30px; max-height: 100px; overflow-y: auto; gap: 6px; }
.task-picker-chip { max-width: 100%; min-height: 28px; padding: 3px 5px 3px 9px; border: 1px solid #c9dcd5; border-radius: 4px; background: #eaf3ee; color: #285646; font-size: 12px; line-height: 1.4; font-weight: 500; overflow-wrap: anywhere; }
.task-picker-chip button { display: inline-grid; place-items: center; flex: 0 0 22px; width: 22px; min-width: 22px; height: 22px; min-height: 22px; padding: 0; border: 0; border-radius: 3px; background: transparent; color: #285646; font-size: 18px; line-height: 1; }
.task-picker-chip button:hover { background: #cfe3d8; }
.task-picker-options { border-color: #bdcbd1; border-radius: 5px; box-shadow: 0 8px 24px #203b4626; }
.task-picker-options button { font-weight: 400; color: #263e49; }
.task-picker-options button:hover { background: #edf4f1; }
@media (max-width: 680px) {
  .task-picker-chip { font-size: 13px; }
  .task-picker-chip button { width: 28px; height: 28px; min-height: 28px; flex-basis: 28px; }
}