.wide-panel {
  background: white; border-radius: 12px; padding: 28px 24px;
  width: 100%; max-width: 640px; box-shadow: 0 4px 16px rgba(0,0,0,0.08);
  max-height: 85vh; overflow-y: auto;
}
.wide-panel h2 { font-size: 16px; margin: 20px 0 10px; }
.flash { padding: 8px 12px; border-radius: 8px; font-size: 13px; margin-bottom: 10px; }
.flash.success { background: #EAF3DE; color: #173404; }
.flash.error { background: #FDECEC; color: #7A1010; }

.new-task { margin-bottom: 16px; }
.new-task summary {
  cursor: pointer; font-weight: 500; padding: 8px 0; color: #185FA5;
}
.task-form { margin-top: 12px; display: flex; flex-direction: column; gap: 4px; }
.task-form label { font-size: 12px; color: #6B7280; margin-top: 8px; }
.task-form input[type=text], .task-form input[type=date],
.task-form textarea {
  width: 100%; padding: 8px 10px; border: 1px solid #D1D5DB; border-radius: 8px; font-size: 14px;
  font-family: inherit;
}
.checkbox-list { display: flex; flex-direction: column; gap: 4px; max-height: 140px; overflow-y: auto; }
.checkbox-list label { font-size: 13px; color: #1F2937; display: flex; gap: 6px; align-items: center; margin: 0; }

.task-card {
  border: 1px solid #E5E7EB; border-radius: 10px; padding: 12px 14px; margin-bottom: 10px;
}
.task-card-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px; }
.assignee-list { list-style: none; padding: 0; margin: 8px 0 0; font-size: 13px; }
.assignee-list li { display: flex; justify-content: space-between; padding: 3px 0; }

.badge {
  font-size: 11px; padding: 2px 8px; border-radius: 6px; white-space: nowrap;
}
.status-pending { background: #FDF3E0; color: #7A4E04; }
.status-accepted { background: #E6F1FB; color: #042C53; }
.status-refused { background: #FDECEC; color: #7A1010; }
.status-completed { background: #EAF3DE; color: #173404; }

.inline-form { display: flex; gap: 8px; margin-top: 10px; }
.secondary-button {
  flex: 1; padding: 8px; border-radius: 8px; border: 1px solid #D1D5DB; background: white;
  color: #374151; font-size: 13px; cursor: pointer;
}
.inline-form .primary-button, .inline-form .secondary-button { flex: 1; }

.report-form { display: flex; flex-direction: column; gap: 6px; margin-top: 10px; }
.report-form textarea {
  width: 100%; padding: 8px 10px; border: 1px solid #D1D5DB; border-radius: 8px; font-family: inherit; font-size: 13px;
}
.small { font-size: 12px; }